Upgrade to Tailwind CSS v4

resources/views/account/listing.blade.php

@@ -10,7 +10,7 @@
             <div v-if="wishlists" class="space-y-0.5 my-5">
                 <div
                     v-for="(wishlist, index) in wishlists"
-                    class="bg p-6 sm:px-9 sm:pt-6 sm:pb-9 rounded flex flex-col gap-3"
+                    class="bg p-6 sm:px-9 sm:pt-6 sm:pb-9 rounded-sm flex flex-col gap-3"
                     :key="wishlist.id"
                 >
                     <div class="flex flex-col">

resources/views/account/partials/details/description.blade.php

@@ -1,3 +1,3 @@
-<div v-if="wishlist.description" class="p-4 text rounded bg mb-4 whitespace-pre-line">
+<div v-if="wishlist.description" class="p-4 text rounded-sm bg mb-4 whitespace-pre-line">
     <p>@{{ wishlist.description }}</p>
 </div>

resources/views/account/partials/details/edit-button.blade.php

@@ -1,7 +1,7 @@
 @if($editable)
     <toggler v-slot="{ isOpen, toggle, close }" v-cloak>
         <div v-on-click-away="close">
-            <button @click="toggle" class="flex items-center justify-center bg-white border rounded size-9">
+            <button @click="toggle" class="flex items-center justify-center bg-white border rounded-sm size-9">
                 <x-heroicon-o-ellipsis-horizontal class="size-5" />
             </button>
             <div v-show="isOpen" v-cloak>

resources/views/account/partials/details/product/image.blade.php

@@ -1,5 +1,5 @@
 <template v-if="wishlistItem.product.thumbnail">
-    <td class="w-20 !px-0 max-md:w-16">
+    <td class="w-20 px-0! max-md:w-16">
         <img
             v-if="wishlistItem.product.thumbnail"
             class="object-contain h-16 w-20 shrink-0"

resources/views/account/partials/details/title.blade.php

@@ -16,9 +16,9 @@
             <form class="flex flex-col gap-2" v-on:submit.stop="save">
                 <div class="flex items-center">
                     <x-rapidez-ct::title href="/account/wishlists"></x-rapidez-ct::title>
-                    <div class="relative border rounded">
+                    <div class="relative border rounded-sm">
                         <x-rapidez::input class="w-80 border-0 pr-12" name="Edit title" type="text" v-model="editing.title" />
-                        <x-rapidez::button.secondary class="!absolute -translate-y-1/2 top-1/2 right-1 flex items-center justify-center !p-0 size-9 min-h-0">
+                        <x-rapidez::button.secondary class="absolute! -translate-y-1/2 top-1/2 right-1 flex items-center justify-center p-0! size-9 min-h-0">
                             <x-heroicon-o-pencil-square class="size-4 text-white" />
                         </x-rapidez::button.secondary>
                     </div>

resources/views/account/partials/details/wishlist.blade.php

@@ -24,12 +24,12 @@
                                 </template>
                             </p>
                         </th>
-                        <th class="!pl-0 max-md:hidden"></th>
+                        <th class="pl-0! max-md:hidden"></th>
                         @if($editable)
-                            <th class="!pl-0 max-md:hidden"></th>
+                            <th class="pl-0! max-md:hidden"></th>
                         @endif
-                        <th class="!text-center max-md:hidden">@lang('Amount')</th>
-                        <th class="!pl-0 max-md:hidden"></th>
+                        <th class="text-center! max-md:hidden">@lang('Amount')</th>
+                        <th class="pl-0! max-md:hidden"></th>
                     </x-rapidez-mw::table.header>
                     <tbody>
                         <template v-for="(item, index) in wishlist.items">
@@ -52,7 +52,7 @@ class="border-b flex flex-wrap items-center gap-y-5 py-5 *:px-2 last:border-none
                     </tbody>
                 </table>
                 @include('rapidez::listing.partials.pagination')
-                <div class="flex rounded bg p-3 md:justify-end">
+                <div class="flex rounded-sm bg p-3 md:justify-end">
                     @include('rapidez-mw::account.partials.details.addtocart')
                 </div>
             </x-slot:items>

resources/views/account/partials/list-item.blade.php

@@ -1,4 +1,4 @@
-<a class="flex items-center gap-x-7 bg-white rounded border pb-5 pt-4 px-7 hover:opacity-75" :href="'{{ route('wishlist.listing') }}/'+wishlist.id">
+<a class="flex items-center gap-x-7 bg-white rounded-sm border pb-5 pt-4 px-7 hover:opacity-75" :href="'{{ route('wishlist.listing') }}/'+wishlist.id">
     <x-heroicon-s-heart class="size-5 text mt-1.5" />
     <div class="flex flex-col">
         <div class="w-full font-medium text">@lang('Number of articles (:count)', ['count' => '@{{ wishlist.items.length }}'])</div>

resources/views/components/button/index.blade.php

@@ -2,7 +2,7 @@
 <x-rapidez::tag
     is="{{ $tag ?? ($attributes->has('href') || $attributes->has('v-bind:href') ? 'a' : 'button') }}"
     {{ $attributes->class([
-        'relative inline-block self-start rounded py-4 px-6 text-center text-sm transition cursor-pointer',
+        'relative inline-block self-start rounded-sm py-4 px-6 text-center text-sm transition cursor-pointer',
         'disabled:cursor-not-allowed disabled:opacity-70',
     ]) }}
     v-bind:disabled="$root.loading"

resources/views/components/button/link.blade.php

@@ -1,3 +1,3 @@
-<x-rapidez-mw::button {{ $attributes->merge(['class' => 'w-full flex items-center justify-between font-medium text !p-0 hover:opacity-75']) }}>
+<x-rapidez-mw::button {{ $attributes->merge(['class' => 'w-full flex items-center justify-between font-medium text p-0! hover:opacity-75']) }}>
     {{ $slot }}
 </x-rapidez-mw::button>

resources/views/components/dropdown.blade.php

@@ -1,3 +1,3 @@
-<div {{ $attributes->merge(['class' => 'z-10 bg-white border drop-shadow-sm rounded']) }}>
+<div {{ $attributes->merge(['class' => 'z-10 bg-white border drop-shadow-xs rounded-sm']) }}>
     {{ $slot }}
 </div>

resources/views/components/table/header.blade.php

@@ -1,4 +1,4 @@
-<thead {{ $attributes->class(['w-full rounded bg']) }}>
+<thead {{ $attributes->class(['w-full rounded-sm bg']) }}>
     <tr class="text-xs text-muted *:py-4 *:font-normal *:px-5">
         {{ $slot }}
     </tr>

resources/views/partials/item/new-list.blade.php

@@ -1,5 +1,5 @@
 <div class="border-t">
-    <button class="!font-sans flex justify-between w-full items-center mt-2.5 text-muted hover:text" @click="addWishlist('New wishlist')">
+    <button class="font-sans! flex justify-between w-full items-center mt-2.5 text-muted hover:text" @click="addWishlist('New wishlist')">
         @lang('New order list')
         <x-heroicon-o-plus-circle class="size-5"/>
     </button>

resources/views/partials/item/title.blade.php

@@ -18,7 +18,7 @@ class="pl-2 w-6 h-4 cursor-pointer shrink-0 opacity-0 hover:opacity-100 peer-hov
         <template v-else>
             <x-rapidez::input
                 v-bind:ref="'editing_' + wishlist.id"
-                class="!font-[inherit] text -mt-0.5 w-full !outline-none"
+                class="font-[inherit]! text -mt-0.5 w-full outline-hidden!"
                 v-model.lazy="wishlist.title"
                 v-on-click-away="close"
                 v-on:keyup.enter="close"