@profidev/pleiades 1.7.1 → 1.8.1

package/dist/components/form/form-dialog.svelte

@@ -128,7 +128,7 @@
       {children}
     >
       {#snippet footer({ defaultBtn })}
-        <Dialog.Footer class="mt-4">
+        <Dialog.Footer>
           {@render defaultBtn({ variant: confirmVariant, content: confirm })}
         </Dialog.Footer>
       {/snippet}

package/dist/components/table/multiselect.svelte

@@ -120,7 +120,7 @@
       </Button>
     {/snippet}
   </Popover.Trigger>
-  <Popover.Content>
+  <Popover.Content class="p-0">
     <Command.Root>
       <Command.Input placeholder={`Search ${label.toLowerCase()}...`} />
       <Command.List class="h-full overflow-hidden">
@@ -137,7 +137,7 @@
                     class={cn(
                       'mr-2 size-4',
                       !selected.some((i) => compare(i, item.value)) &&
-                        'text-transparent'
+                        'text-transparent!'
                     )}
                   />
                   {item.label}

package/dist/components/ui/command/command-input.svelte

@@ -17,15 +17,18 @@
     class="bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!"
   >
     <CommandPrimitive.Input
+      {value}
       data-slot="command-input"
       class={cn(
         'w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50',
         className
       )}
-      bind:ref
       {...restProps}
-      bind:value
-    />
+    >
+      {#snippet child({ props })}
+        <InputGroup.Input {...props} bind:value bind:ref />
+      {/snippet}
+    </CommandPrimitive.Input>
     <InputGroup.Addon>
       <SearchIcon class="size-4 shrink-0 opacity-50" />
     </InputGroup.Addon>

package/dist/components/ui/field/field-label.svelte

@@ -15,7 +15,7 @@
   bind:ref
   data-slot="field-label"
   class={cn(
-    'has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5',
+    'has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 group/field-label peer/field-label flex w-fit gap-2 leading-snug leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5',
     'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col',
     className
   )}

package/dist/components/ui/field/field-title.svelte

@@ -14,7 +14,7 @@
   bind:this={ref}
   data-slot="field-label"
   class={cn(
-    'flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50',
+    'flex w-fit items-center gap-2 text-sm leading-snug leading-snug font-medium group-data-[disabled=true]/field:opacity-50',
     className
   )}
   {...restProps}

package/dist/components/ui/native-select/native-select-option.svelte

@@ -1,14 +1,20 @@
 <script lang="ts">
   import type { HTMLOptionAttributes } from 'svelte/elements';
-  import type { WithElementRef } from '../../../utils.js';
+  import { cn, type WithElementRef } from '../../../utils.js';
 
   let {
     ref = $bindable(null),
+    class: className,
     children,
     ...restProps
   }: WithElementRef<HTMLOptionAttributes> = $props();
 </script>
 
-<option bind:this={ref} data-slot="native-select-option" {...restProps}>
+<option
+  bind:this={ref}
+  data-slot="native-select-option"
+  class={cn('bg-[Canvas] text-[CanvasText]', className)}
+  {...restProps}
+>
   {@render children?.()}
 </option>

package/dist/components/ui/native-select/native-select-option.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLOptionAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../utils.js';
+import { type WithElementRef } from '../../../utils.js';
 declare const NativeSelectOption: import("svelte").Component<WithElementRef<HTMLOptionAttributes>, {}, "ref">;
 type NativeSelectOption = ReturnType<typeof NativeSelectOption>;
 export default NativeSelectOption;

package/dist/components/ui/pagination/pagination-next.svelte

@@ -1,20 +1,26 @@
 <script lang="ts">
-  import type { ComponentProps } from 'svelte';
+  import { Pagination as PaginationPrimitive } from 'bits-ui';
   import { cn } from '../../../utils.js';
-  import { PaginationLink } from './index.js';
+  import { buttonVariants } from '../button/index.js';
   import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
 
-  type PaginationNextProps = ComponentProps<typeof PaginationLink>;
-
-  let { class: className, ...restProps }: PaginationNextProps = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: PaginationPrimitive.NextButtonProps = $props();
 </script>
 
-<PaginationLink
+<PaginationPrimitive.NextButton
+  bind:ref
   aria-label="Go to next page"
-  size="default"
-  class={cn('pr-1.5!', className)}
+  class={cn(
+    buttonVariants({ variant: 'ghost', size: 'default' }),
+    'pr-1.5!',
+    className
+  )}
   {...restProps}
 >
   <span class="cn-pagination-next-text hidden sm:block">Next</span>
   <ChevronRightIcon data-icon="inline-end" />
-</PaginationLink>
+</PaginationPrimitive.NextButton>

package/dist/components/ui/pagination/pagination-next.svelte.d.ts

@@ -1,15 +1,4 @@
-declare const PaginationNext: import("svelte").Component<Omit<{
-    page: import("bits-ui").Page;
-}, "child" | "children"> & {
-    child?: import("svelte").Snippet<[{
-        props: Record<string, unknown>;
-    }]> | undefined;
-    children?: import("svelte").Snippet<[]> | undefined;
-    style?: import("bits-ui").StyleProperties | string | null | undefined;
-    ref?: HTMLElement | null | undefined;
-} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveButtonAttributes, import("bits-ui").PaginationPagePropsWithoutHTML> & {
-    size?: import("../button/button.svelte.js").ButtonSize;
-    isActive: boolean;
-}, {}, "">;
+import { Pagination as PaginationPrimitive } from 'bits-ui';
+declare const PaginationNext: import("svelte").Component<PaginationPrimitive.NextButtonProps, {}, "ref">;
 type PaginationNext = ReturnType<typeof PaginationNext>;
 export default PaginationNext;

package/dist/components/ui/pagination/pagination-previous.svelte

@@ -1,20 +1,26 @@
 <script lang="ts">
-  import type { ComponentProps } from 'svelte';
+  import { Pagination as PaginationPrimitive } from 'bits-ui';
   import { cn } from '../../../utils.js';
-  import { PaginationLink } from './index.js';
+  import { buttonVariants } from '../button/index.js';
   import ChevronLeftIcon from '@lucide/svelte/icons/chevron-left';
 
-  type PaginationPreviousProps = ComponentProps<typeof PaginationLink>;
-
-  let { class: className, ...restProps }: PaginationPreviousProps = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: PaginationPrimitive.PrevButtonProps = $props();
 </script>
 
-<PaginationLink
+<PaginationPrimitive.PrevButton
+  bind:ref
   aria-label="Go to previous page"
-  size="default"
-  class={cn('pl-1.5!', className)}
+  class={cn(
+    buttonVariants({ variant: 'ghost', size: 'default' }),
+    'pl-1.5!',
+    className
+  )}
   {...restProps}
 >
   <ChevronLeftIcon data-icon="inline-start" />
   <span class="cn-pagination-previous-text hidden sm:block">Previous</span>
-</PaginationLink>
+</PaginationPrimitive.PrevButton>

package/dist/components/ui/pagination/pagination-previous.svelte.d.ts

@@ -1,15 +1,4 @@
-declare const PaginationPrevious: import("svelte").Component<Omit<{
-    page: import("bits-ui").Page;
-}, "child" | "children"> & {
-    child?: import("svelte").Snippet<[{
-        props: Record<string, unknown>;
-    }]> | undefined;
-    children?: import("svelte").Snippet<[]> | undefined;
-    style?: import("bits-ui").StyleProperties | string | null | undefined;
-    ref?: HTMLElement | null | undefined;
-} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveButtonAttributes, import("bits-ui").PaginationPagePropsWithoutHTML> & {
-    size?: import("../button/button.svelte.js").ButtonSize;
-    isActive: boolean;
-}, {}, "">;
+import { Pagination as PaginationPrimitive } from 'bits-ui';
+declare const PaginationPrevious: import("svelte").Component<PaginationPrimitive.PrevButtonProps, {}, "ref">;
 type PaginationPrevious = ReturnType<typeof PaginationPrevious>;
 export default PaginationPrevious;

package/dist/components/ui/sidebar/constants.d.ts

@@ -1,4 +1,4 @@
-export declare const SIDEBAR_COOKIE_NAME = "sidebar:state";
+export declare const SIDEBAR_COOKIE_NAME = "sidebar_state";
 export declare const SIDEBAR_COOKIE_MAX_AGE: number;
 export declare const SIDEBAR_WIDTH = "16rem";
 export declare const SIDEBAR_WIDTH_MOBILE = "18rem";

package/dist/components/ui/sidebar/constants.js

@@ -1,4 +1,4 @@
-export const SIDEBAR_COOKIE_NAME = 'sidebar:state';
+export const SIDEBAR_COOKIE_NAME = 'sidebar_state';
 export const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 export const SIDEBAR_WIDTH = '16rem';
 export const SIDEBAR_WIDTH_MOBILE = '18rem';

package/dist/components/ui/slider/slider.svelte

@@ -41,7 +41,7 @@ get along, so we shut typescript up by casting `value` to `never`.
         )}
       />
     </span>
-    {#each thumbItems as thumb (thumb)}
+    {#each thumbItems as thumb (thumb.index)}
       <SliderPrimitive.Thumb
         data-slot="slider-thumb"
         index={thumb.index}

package/dist/components/ui/tooltip/tooltip.svelte

@@ -1,11 +1,8 @@
 <script lang="ts">
   import { Tooltip as TooltipPrimitive } from 'bits-ui';
-  import TooltipProvider from './tooltip-provider.svelte';
 
   let { open = $bindable(false), ...restProps }: TooltipPrimitive.RootProps =
     $props();
 </script>
 
-<TooltipProvider>
-  <TooltipPrimitive.Root bind:open {...restProps} />
-</TooltipProvider>
+<TooltipPrimitive.Root bind:open {...restProps} />

package/dist/components/ui-extra/alert-dialog/alert-dialog-action.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+  import {
+    buttonVariants,
+    type ButtonVariant,
+    type ButtonSize
+  } from '../button/index.js';
+  import { cn } from '../../../blocks/utils.js';
+  import { Spinner } from '../spinner';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    variant = 'default',
+    size = 'default',
+    loading = false,
+    children,
+    ...restProps
+  }: AlertDialogPrimitive.ActionProps & {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+  } = $props();
+</script>
+
+<AlertDialogPrimitive.Action
+  bind:ref
+  data-slot="alert-dialog-action"
+  class={cn(
+    buttonVariants({ variant, size }),
+    'cn-alert-dialog-action',
+    className
+  )}
+  {...restProps}
+>
+  {#if loading}
+    <Spinner data-icon="inline-start" />
+  {/if}
+  {@render children?.()}
+</AlertDialogPrimitive.Action>

package/dist/components/ui-extra/alert-dialog/alert-dialog-action.svelte.d.ts

@@ -0,0 +1,10 @@
+import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+import { type ButtonVariant, type ButtonSize } from '../button/index.js';
+type $$ComponentProps = AlertDialogPrimitive.ActionProps & {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+};
+declare const AlertDialogAction: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type AlertDialogAction = ReturnType<typeof AlertDialogAction>;
+export default AlertDialogAction;

package/dist/components/ui-extra/alert-dialog/alert-dialog-cancel.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+  import {
+    buttonVariants,
+    type ButtonVariant,
+    type ButtonSize
+  } from '../button/index.js';
+  import { cn } from '../../../blocks/utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    variant = 'outline',
+    size = 'default',
+    ...restProps
+  }: AlertDialogPrimitive.CancelProps & {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+  } = $props();
+</script>
+
+<AlertDialogPrimitive.Cancel
+  bind:ref
+  data-slot="alert-dialog-cancel"
+  class={cn(
+    buttonVariants({ variant, size }),
+    'cn-alert-dialog-cancel',
+    className
+  )}
+  {...restProps}
+/>

package/dist/components/ui-extra/alert-dialog/alert-dialog-cancel.svelte.d.ts

@@ -0,0 +1,9 @@
+import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+import { type ButtonVariant, type ButtonSize } from '../button/index.js';
+type $$ComponentProps = AlertDialogPrimitive.CancelProps & {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+};
+declare const AlertDialogCancel: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type AlertDialogCancel = ReturnType<typeof AlertDialogCancel>;
+export default AlertDialogCancel;

package/dist/components/ui-extra/alert-dialog/alert-dialog-content.svelte

@@ -0,0 +1,38 @@
+<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 '../../../blocks/utils.js';
+  import type { ComponentProps } from 'svelte';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    size = 'default',
+    portalProps,
+    ...restProps
+  }: WithoutChild<AlertDialogPrimitive.ContentProps> & {
+    size?: 'default' | 'sm';
+    portalProps?: WithoutChildrenOrChild<
+      ComponentProps<typeof AlertDialogPortal>
+    >;
+  } = $props();
+</script>
+
+<AlertDialogPortal {...portalProps}>
+  <AlertDialogOverlay />
+  <AlertDialogPrimitive.Content
+    bind:ref
+    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-6 rounded-xl p-6 ring-1 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg',
+      className
+    )}
+    {...restProps}
+  />
+</AlertDialogPortal>

package/dist/components/ui-extra/alert-dialog/alert-dialog-content.svelte.d.ts

@@ -0,0 +1,11 @@
+import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+import AlertDialogPortal from './alert-dialog-portal.svelte';
+import { type WithoutChild, type WithoutChildrenOrChild } from '../../../blocks/utils.js';
+import type { ComponentProps } from 'svelte';
+type $$ComponentProps = WithoutChild<AlertDialogPrimitive.ContentProps> & {
+    size?: 'default' | 'sm';
+    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof AlertDialogPortal>>;
+};
+declare const AlertDialogContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type AlertDialogContent = ReturnType<typeof AlertDialogContent>;
+export default AlertDialogContent;

package/dist/components/ui-extra/alert-dialog/alert-dialog-description.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+  import { cn } from '../../../blocks/utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: AlertDialogPrimitive.DescriptionProps = $props();
+</script>
+
+<AlertDialogPrimitive.Description
+  bind:ref
+  data-slot="alert-dialog-description"
+  class={cn(
+    'text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3',
+    className
+  )}
+  {...restProps}
+/>

package/dist/components/ui-extra/alert-dialog/alert-dialog-description.svelte.d.ts

@@ -0,0 +1,4 @@
+import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+declare const AlertDialogDescription: import("svelte").Component<AlertDialogPrimitive.DescriptionProps, {}, "ref">;
+type AlertDialogDescription = ReturnType<typeof AlertDialogDescription>;
+export default AlertDialogDescription;

package/dist/components/ui-extra/alert-dialog/alert-dialog-footer.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../blocks/utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+  bind:this={ref}
+  data-slot="alert-dialog-footer"
+  class={cn(
+    'cn-alert-dialog-footer flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end',
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/components/ui-extra/alert-dialog/alert-dialog-footer.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type WithElementRef } from '../../../blocks/utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const AlertDialogFooter: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type AlertDialogFooter = ReturnType<typeof AlertDialogFooter>;
+export default AlertDialogFooter;

package/dist/components/ui-extra/alert-dialog/alert-dialog-header.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn, type WithElementRef } from '../../../blocks/utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+  bind:this={ref}
+  data-slot="alert-dialog-header"
+  class={cn(
+    'grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]',
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/components/ui-extra/alert-dialog/alert-dialog-header.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import { type WithElementRef } from '../../../blocks/utils.js';
+declare const AlertDialogHeader: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type AlertDialogHeader = ReturnType<typeof AlertDialogHeader>;
+export default AlertDialogHeader;

package/dist/components/ui-extra/alert-dialog/alert-dialog-media.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn, type WithElementRef } from '../../../blocks/utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+  bind:this={ref}
+  data-slot="alert-dialog-media"
+  class={cn(
+    "bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8",
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/components/ui-extra/alert-dialog/alert-dialog-media.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import { type WithElementRef } from '../../../blocks/utils.js';
+declare const AlertDialogMedia: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type AlertDialogMedia = ReturnType<typeof AlertDialogMedia>;
+export default AlertDialogMedia;

package/dist/components/ui-extra/alert-dialog/alert-dialog-overlay.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+  import { cn } from '../../../blocks/utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: AlertDialogPrimitive.OverlayProps = $props();
+</script>
+
+<AlertDialogPrimitive.Overlay
+  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',
+    className
+  )}
+  {...restProps}
+/>

package/dist/components/ui-extra/alert-dialog/alert-dialog-overlay.svelte.d.ts

@@ -0,0 +1,4 @@
+import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+declare const AlertDialogOverlay: import("svelte").Component<AlertDialogPrimitive.OverlayProps, {}, "ref">;
+type AlertDialogOverlay = ReturnType<typeof AlertDialogOverlay>;
+export default AlertDialogOverlay;

package/dist/components/ui-extra/alert-dialog/alert-dialog-portal.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+
+  let { ...restProps }: AlertDialogPrimitive.PortalProps = $props();
+</script>
+
+<AlertDialogPrimitive.Portal {...restProps} />

package/dist/components/ui-extra/alert-dialog/alert-dialog-portal.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const AlertDialogPortal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
+type AlertDialogPortal = ReturnType<typeof AlertDialogPortal>;
+export default AlertDialogPortal;

package/dist/components/ui-extra/alert-dialog/alert-dialog-title.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+  import { cn } from '../../../blocks/utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: AlertDialogPrimitive.TitleProps = $props();
+</script>
+
+<AlertDialogPrimitive.Title
+  bind:ref
+  data-slot="alert-dialog-title"
+  class={cn(
+    'text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2',
+    className
+  )}
+  {...restProps}
+/>

package/dist/components/ui-extra/alert-dialog/alert-dialog-title.svelte.d.ts

@@ -0,0 +1,4 @@
+import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+declare const AlertDialogTitle: import("svelte").Component<AlertDialogPrimitive.TitleProps, {}, "ref">;
+type AlertDialogTitle = ReturnType<typeof AlertDialogTitle>;
+export default AlertDialogTitle;

package/dist/components/ui-extra/alert-dialog/alert-dialog-trigger.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+
+  let {
+    ref = $bindable(null),
+    ...restProps
+  }: AlertDialogPrimitive.TriggerProps = $props();
+</script>
+
+<AlertDialogPrimitive.Trigger
+  bind:ref
+  data-slot="alert-dialog-trigger"
+  {...restProps}
+/>

package/dist/components/ui-extra/alert-dialog/alert-dialog-trigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+declare const AlertDialogTrigger: import("svelte").Component<AlertDialogPrimitive.TriggerProps, {}, "ref">;
+type AlertDialogTrigger = ReturnType<typeof AlertDialogTrigger>;
+export default AlertDialogTrigger;

package/dist/components/ui-extra/alert-dialog/alert-dialog.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+
+  let {
+    open = $bindable(false),
+    ...restProps
+  }: AlertDialogPrimitive.RootProps = $props();
+</script>
+
+<AlertDialogPrimitive.Root bind:open {...restProps} />

package/dist/components/ui-extra/alert-dialog/alert-dialog.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const AlertDialog: import("svelte").Component<import("bits-ui").AlertDialogRootPropsWithoutHTML, {}, "open">;
+type AlertDialog = ReturnType<typeof AlertDialog>;
+export default AlertDialog;