chore: updated components (#292)

Co-authored-by: profidev-commit-bot[bot] <276593624+profidev-commit-bot[bot]@users.noreply.github.com>

Author: profidev-commit-bot[bot]

src/lib/components/ui/accordion/accordion-trigger.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
   import { Accordion as AccordionPrimitive } from 'bits-ui';
-  import { cn, type WithoutChild } from '$lib/utils.js';
   import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
   import ChevronUpIcon from '@lucide/svelte/icons/chevron-up';
+  import { cn, type WithoutChild } from '$lib/utils.js';
 
   let {
     ref = $bindable(null),
@@ -20,7 +20,7 @@
     data-slot="accordion-trigger"
     bind:ref
     class={cn(
-      'focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4',
+      'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4',
       className
     )}
     {...restProps}

src/lib/components/ui/accordion/index.ts

@@ -1,7 +1,7 @@
-import Root from './accordion.svelte';
 import Content from './accordion-content.svelte';
 import Item from './accordion-item.svelte';
 import Trigger from './accordion-trigger.svelte';
+import Root from './accordion.svelte';
 
 export {
   Root,

src/lib/components/ui/alert-dialog/alert-dialog-content.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
   import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
-  import AlertDialogPortal from './alert-dialog-portal.svelte';
-  import AlertDialogOverlay from './alert-dialog-overlay.svelte';
   import {
     cn,
     type WithoutChild,
     type WithoutChildrenOrChild
   } from '$lib/utils.js';
+  import AlertDialogOverlay from './alert-dialog-overlay.svelte';
+  import AlertDialogPortal from './alert-dialog-portal.svelte';
   import type { ComponentProps } from 'svelte';
 
   let {
@@ -30,7 +30,7 @@
     data-slot="alert-dialog-content"
     data-size={size}
     class={cn(
-      'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-popover text-popover-foreground ring-foreground/10 group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl p-4 ring-1 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm',
+      'bg-popover text-popover-foreground ring-foreground/10 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl p-4 ring-1 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm',
       className
     )}
     {...restProps}

src/lib/components/ui/alert-dialog/alert-dialog-header.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
   import { cn, type WithElementRef } from '$lib/utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/alert-dialog/alert-dialog-media.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
   import { cn, type WithElementRef } from '$lib/utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte

@@ -13,7 +13,7 @@
   bind:ref
   data-slot="alert-dialog-overlay"
   class={cn(
-    'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs',
+    'data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs',
     className
   )}
   {...restProps}

src/lib/components/ui/alert-dialog/index.ts

@@ -1,15 +1,15 @@
-import Root from './alert-dialog.svelte';
-import Portal from './alert-dialog-portal.svelte';
-import Trigger from './alert-dialog-trigger.svelte';
-import Title from './alert-dialog-title.svelte';
 import Action from './alert-dialog-action.svelte';
 import Cancel from './alert-dialog-cancel.svelte';
-import Footer from './alert-dialog-footer.svelte';
-import Header from './alert-dialog-header.svelte';
-import Overlay from './alert-dialog-overlay.svelte';
 import Content from './alert-dialog-content.svelte';
 import Description from './alert-dialog-description.svelte';
+import Footer from './alert-dialog-footer.svelte';
+import Header from './alert-dialog-header.svelte';
 import Media from './alert-dialog-media.svelte';
+import Overlay from './alert-dialog-overlay.svelte';
+import Portal from './alert-dialog-portal.svelte';
+import Title from './alert-dialog-title.svelte';
+import Trigger from './alert-dialog-trigger.svelte';
+import Root from './alert-dialog.svelte';
 
 export {
   Root,

src/lib/components/ui/alert/alert-action.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
   import { cn, type WithElementRef } from '$lib/utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/alert/alert-description.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
   import { cn, type WithElementRef } from '$lib/utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/alert/alert-title.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
   import { cn, type WithElementRef } from '$lib/utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
 
   let {
     ref = $bindable(null),