@profidev/pleiades 1.7.0

package/dist/components/ui/input-group/input-group-text.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
+</script>
+
+<span
+  bind:this={ref}
+  class={cn(
+    "text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</span>

package/dist/components/ui/input-group/input-group-text.svelte.d.ts

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

package/dist/components/ui/input-group/input-group-textarea.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { cn } from '../../../utils.js';
+  import { Textarea } from '../textarea/index.js';
+  import type { ComponentProps } from 'svelte';
+
+  let {
+    ref = $bindable(null),
+    value = $bindable(),
+    class: className,
+    ...props
+  }: ComponentProps<typeof Textarea> = $props();
+</script>
+
+<Textarea
+  bind:ref
+  data-slot="input-group-control"
+  class={cn(
+    'flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent',
+    className
+  )}
+  bind:value
+  {...props}
+/>

package/dist/components/ui/input-group/input-group-textarea.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const InputGroupTextarea: import("svelte").Component<Omit<import("../../../utils.js").WithElementRef<import("svelte/elements").HTMLTextareaAttributes>, "children">, {}, "value" | "ref">;
+type InputGroupTextarea = ReturnType<typeof InputGroupTextarea>;
+export default InputGroupTextarea;

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

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...props
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+  bind:this={ref}
+  data-slot="input-group"
+  role="group"
+  class={cn(
+    'group/input-group border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 relative flex h-8 w-full min-w-0 items-center rounded-lg border transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5',
+    className
+  )}
+  {...props}
+>
+  {@render children?.()}
+</div>

package/dist/components/ui/input-group/input-group.svelte.d.ts

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

package/dist/components/ui/input-otp/index.d.ts

@@ -0,0 +1,5 @@
+import Root from './input-otp.svelte';
+import Group from './input-otp-group.svelte';
+import Slot from './input-otp-slot.svelte';
+import Separator from './input-otp-separator.svelte';
+export { Root, Group, Slot, Separator, Root as InputOTP, Group as InputOTPGroup, Slot as InputOTPSlot, Separator as InputOTPSeparator };

package/dist/components/ui/input-otp/index.js

@@ -0,0 +1,5 @@
+import Root from './input-otp.svelte';
+import Group from './input-otp-group.svelte';
+import Slot from './input-otp-slot.svelte';
+import Separator from './input-otp-separator.svelte';
+export { Root, Group, Slot, Separator, Root as InputOTP, Group as InputOTPGroup, Slot as InputOTPSlot, Separator as InputOTPSeparator };

package/dist/components/ui/input-otp/input-otp-group.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn, type WithElementRef } from '../../../utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+  bind:this={ref}
+  data-slot="input-otp-group"
+  class={cn(
+    'has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive flex items-center rounded-lg has-aria-invalid:ring-3',
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/components/ui/input-otp/input-otp-group.svelte.d.ts

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

package/dist/components/ui/input-otp/input-otp-separator.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+  import type { HTMLAttributes } from 'svelte/elements';
+  import type { WithElementRef } from '../../../utils.js';
+  import { cn } from '../../../utils.js';
+  import MinusIcon from '@lucide/svelte/icons/minus';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+  bind:this={ref}
+  data-slot="input-otp-separator"
+  role="separator"
+  class={cn(
+    "flex items-center [&_svg:not([class*='size-'])]:size-4",
+    className
+  )}
+  {...restProps}
+>
+  {#if children}
+    {@render children?.()}
+  {:else}
+    <MinusIcon />
+  {/if}
+</div>

package/dist/components/ui/input-otp/input-otp-separator.svelte.d.ts

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

package/dist/components/ui/input-otp/input-otp-slot.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+  import { PinInput as InputOTPPrimitive } from 'bits-ui';
+  import { cn } from '../../../utils.js';
+
+  let {
+    ref = $bindable(null),
+    cell,
+    class: className,
+    ...restProps
+  }: InputOTPPrimitive.CellProps = $props();
+</script>
+
+<InputOTPPrimitive.Cell
+  {cell}
+  bind:ref
+  data-slot="input-otp-slot"
+  class={cn(
+    'dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive relative flex size-8 items-center justify-center border-y border-r text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg data-[active=true]:z-10 data-[active=true]:ring-3',
+    className
+  )}
+  {...restProps}
+>
+  {cell.char}
+  {#if cell.hasFakeCaret}
+    <div
+      class="cn-input-otp-caret pointer-events-none absolute inset-0 flex items-center justify-center"
+    >
+      <div
+        class="animate-caret-blink bg-foreground bg-foreground h-4 w-px duration-1000"
+      ></div>
+    </div>
+  {/if}
+</InputOTPPrimitive.Cell>

package/dist/components/ui/input-otp/input-otp-slot.svelte.d.ts

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

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

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { PinInput as InputOTPPrimitive } from 'bits-ui';
+  import { cn } from '../../../utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    value = $bindable(''),
+    ...restProps
+  }: InputOTPPrimitive.RootProps = $props();
+</script>
+
+<InputOTPPrimitive.Root
+  bind:ref
+  bind:value
+  data-slot="input-otp"
+  spellcheck={false}
+  class={cn(
+    'cn-input-otp-input flex items-center gap-2 disabled:cursor-not-allowed has-disabled:opacity-50',
+    className
+  )}
+  {...restProps}
+/>

package/dist/components/ui/input-otp/input-otp.svelte.d.ts

@@ -0,0 +1,4 @@
+import { PinInput as InputOTPPrimitive } from 'bits-ui';
+declare const InputOtp: import("svelte").Component<InputOTPPrimitive.RootProps, {}, "value" | "ref">;
+type InputOtp = ReturnType<typeof InputOtp>;
+export default InputOtp;

package/dist/components/ui/item/index.d.ts

@@ -0,0 +1,11 @@
+import Root from './item.svelte';
+import Group from './item-group.svelte';
+import Separator from './item-separator.svelte';
+import Header from './item-header.svelte';
+import Footer from './item-footer.svelte';
+import Content from './item-content.svelte';
+import Title from './item-title.svelte';
+import Description from './item-description.svelte';
+import Actions from './item-actions.svelte';
+import Media from './item-media.svelte';
+export { Root, Group, Separator, Header, Footer, Content, Title, Description, Actions, Media, Root as Item, Group as ItemGroup, Separator as ItemSeparator, Header as ItemHeader, Footer as ItemFooter, Content as ItemContent, Title as ItemTitle, Description as ItemDescription, Actions as ItemActions, Media as ItemMedia };

package/dist/components/ui/item/index.js

@@ -0,0 +1,13 @@
+import Root from './item.svelte';
+import Group from './item-group.svelte';
+import Separator from './item-separator.svelte';
+import Header from './item-header.svelte';
+import Footer from './item-footer.svelte';
+import Content from './item-content.svelte';
+import Title from './item-title.svelte';
+import Description from './item-description.svelte';
+import Actions from './item-actions.svelte';
+import Media from './item-media.svelte';
+export { Root, Group, Separator, Header, Footer, Content, Title, Description, Actions, Media, 
+//
+Root as Item, Group as ItemGroup, Separator as ItemSeparator, Header as ItemHeader, Footer as ItemFooter, Content as ItemContent, Title as ItemTitle, Description as ItemDescription, Actions as ItemActions, Media as ItemMedia };

package/dist/components/ui/item/item-actions.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../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="item-actions"
+  class={cn('flex items-center gap-2', className)}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/components/ui/item/item-actions.svelte.d.ts

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

package/dist/components/ui/item/item-content.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../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="item-content"
+  class={cn(
+    'flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none',
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/components/ui/item/item-content.svelte.d.ts

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

package/dist/components/ui/item/item-description.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLParagraphElement>> = $props();
+</script>
+
+<p
+  bind:this={ref}
+  data-slot="item-description"
+  class={cn(
+    'text-muted-foreground [&>a:hover]:text-primary line-clamp-2 text-left text-sm leading-normal font-normal group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4',
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</p>

package/dist/components/ui/item/item-description.svelte.d.ts

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

package/dist/components/ui/item/item-footer.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../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="item-footer"
+  class={cn('flex basis-full items-center justify-between gap-2', className)}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/components/ui/item/item-footer.svelte.d.ts

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

package/dist/components/ui/item/item-group.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../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}
+  role="list"
+  data-slot="item-group"
+  class={cn(
+    'group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2',
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/components/ui/item/item-group.svelte.d.ts

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

package/dist/components/ui/item/item-header.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../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="item-header"
+  class={cn('flex basis-full items-center justify-between gap-2', className)}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/components/ui/item/item-header.svelte.d.ts

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

package/dist/components/ui/item/item-media.svelte

@@ -0,0 +1,47 @@
+<script lang="ts" module>
+  import { tv, type VariantProps } from 'tailwind-variants';
+
+  export const itemMediaVariants = tv({
+    base: 'gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none',
+    variants: {
+      variant: {
+        default: 'bg-transparent',
+        icon: "[&_svg:not([class*='size-'])]:size-4",
+        image:
+          'size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover'
+      }
+    },
+    defaultVariants: {
+      variant: 'default'
+    }
+  });
+
+  export type ItemMediaVariant = VariantProps<
+    typeof itemMediaVariants
+  >['variant'];
+</script>
+
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    variant = 'default',
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    variant?: ItemMediaVariant;
+  } = $props();
+</script>
+
+<div
+  bind:this={ref}
+  data-slot="item-media"
+  data-variant={variant}
+  class={cn(itemMediaVariants({ variant }), className)}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/components/ui/item/item-media.svelte.d.ts

@@ -0,0 +1,29 @@
+import { type VariantProps } from 'tailwind-variants';
+export declare const itemMediaVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        icon: string;
+        image: string;
+    };
+}, undefined, "gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none", {
+    variant: {
+        default: string;
+        icon: string;
+        image: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        icon: string;
+        image: string;
+    };
+}, undefined, "gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none", unknown, unknown, undefined>>;
+export type ItemMediaVariant = VariantProps<typeof itemMediaVariants>['variant'];
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    variant?: ItemMediaVariant;
+};
+declare const ItemMedia: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type ItemMedia = ReturnType<typeof ItemMedia>;
+export default ItemMedia;

package/dist/components/ui/item/item-separator.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { Separator } from '../separator/index.js';
+  import { cn } from '../../../utils.js';
+  import type { ComponentProps } from 'svelte';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: ComponentProps<typeof Separator> = $props();
+</script>
+
+<Separator
+  bind:ref
+  data-slot="item-separator"
+  orientation="horizontal"
+  class={cn('my-2', className)}
+  {...restProps}
+/>

package/dist/components/ui/item/item-separator.svelte.d.ts

@@ -0,0 +1,13 @@
+declare const ItemSeparator: import("svelte").Component<Omit<{
+    orientation?: import("bits-ui").Orientation;
+    decorative?: boolean;
+}, "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").BitsPrimitiveDivAttributes, import("bits-ui").SeparatorRootPropsWithoutHTML>, {}, "ref">;
+type ItemSeparator = ReturnType<typeof ItemSeparator>;
+export default ItemSeparator;

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

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../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="item-title"
+  class={cn(
+    'line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4',
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/components/ui/item/item-title.svelte.d.ts

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