@kayord/ui 0.11.1 → 0.12.1

package/dist/components/ui/form/form-field-errors.svelte.d.ts

@@ -1,57 +1,5 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const FormFieldErrors: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    id?: string;
-    asChild?: boolean;
-    el?: HTMLDivElement;
-} & import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+import * as FormPrimitive from "formsnap";
+declare const FormFieldErrors: import("svelte").Component<Omit<FormPrimitive.FieldErrorsProps, "child"> & {
     errorClasses?: string | undefined | null;
-}, {
-    default: {
-        errors: string[];
-        fieldErrorsAttrs: {
-            id: string;
-            'data-fs-error': string | undefined;
-            'data-fs-field-errors': string;
-            'aria-live': "assertive";
-        };
-        errorAttrs: {
-            'data-fs-field-error': string;
-            'data-fs-error': string | undefined;
-        };
-    };
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {
-        errors: string[];
-        fieldErrorsAttrs: {
-            id: string;
-            'data-fs-error': string | undefined;
-            'data-fs-field-errors': string;
-            'aria-live': "assertive";
-        };
-        errorAttrs: {
-            'data-fs-field-error': string;
-            'data-fs-error': string | undefined;
-        };
-    };
-}, {}, string>;
-type FormFieldErrors = InstanceType<typeof FormFieldErrors>;
+}, {}, "ref">;
 export default FormFieldErrors;

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

@@ -1,25 +1,29 @@
-<script lang="ts" context="module">
-	import type { FormPath, SuperForm } from "sveltekit-superforms";
+<script lang="ts" module>
+	import type { FormPath as _FormPath } from "sveltekit-superforms";
 	type T = Record<string, unknown>;
-	type U = FormPath<T>;
+	type U = _FormPath<T>;
 </script>
 
-<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>">
-	import type { HTMLAttributes } from "svelte/elements";
+<script lang="ts" generics="T extends Record<string, unknown>, U extends _FormPath<T>">
 	import * as FormPrimitive from "formsnap";
+	import type { WithoutChildren, WithElementRef } from "bits-ui";
 	import { cn } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
 
-	type $$Props = FormPrimitive.FieldProps<T, U> & HTMLAttributes<HTMLElement>;
-
-	export let form: SuperForm<T>;
-	export let name: U;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+	let {
+		ref = $bindable(null),
+		class: className,
+		form,
+		name,
+		children: childrenProp,
+		...restProps
+	}: FormPrimitive.FieldProps<T, U> & WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> = $props();
 </script>
 
-<FormPrimitive.Field {form} {name} let:constraints let:errors let:tainted let:value>
-	<div class={cn("space-y-2", className)}>
-		<slot {constraints} {errors} {tainted} {value} />
-	</div>
+<FormPrimitive.Field {form} {name}>
+	{#snippet children({ constraints, errors, tainted, value })}
+		<div bind:this={ref} class={cn("space-y-2", className)} {...restProps}>
+			{@render childrenProp?.({ constraints, errors, tainted, value: value as T[U] })}
+		</div>
+	{/snippet}
 </FormPrimitive.Field>

package/dist/components/ui/form/form-field.svelte.d.ts

@@ -1,35 +1,21 @@
-import type { FormPath } from "sveltekit-superforms";
-import type { HTMLAttributes } from "svelte/elements";
+import type { FormPath as _FormPath } from "sveltekit-superforms";
 import * as FormPrimitive from "formsnap";
-declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPath<T>> {
-    props(): FormPrimitive.FieldProps<T, U> & HTMLAttributes<HTMLElement>;
-    events(): {} & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots(): {
-        default: {
-            constraints: Partial<{}> | undefined;
-            errors: string[];
-            tainted: boolean;
-            value: unknown;
-        };
-    };
-    bindings(): string;
+import type { WithElementRef } from "bits-ui";
+import type { HTMLAttributes } from "svelte/elements";
+declare class __sveltets_Render<T extends Record<string, unknown>, U extends _FormPath<T>> {
+    props(): FormPrimitive.FieldProps<T, U, any> & Omit<WithElementRef<HTMLAttributes<HTMLDivElement>>, "children">;
+    events(): {};
+    slots(): {};
+    bindings(): "ref";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends Record<string, unknown>, U extends FormPath<T>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U>['props']> & {
-        children?: any;
-    }>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U>['props']>, ReturnType<__sveltets_Render<T, U>['events']>, ReturnType<__sveltets_Render<T, U>['slots']>> & {
+    new <T extends Record<string, unknown>, U extends _FormPath<T>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U>['props']>, ReturnType<__sveltets_Render<T, U>['events']>, ReturnType<__sveltets_Render<T, U>['slots']>> & {
         $$bindings?: ReturnType<__sveltets_Render<T, U>['bindings']>;
     } & ReturnType<__sveltets_Render<T, U>['exports']>;
-    <T extends Record<string, unknown>, U extends FormPath<T>>(internal: unknown, props: ReturnType<__sveltets_Render<T, U>['props']> & {
-        $$events?: ReturnType<__sveltets_Render<T, U>['events']>;
-        $$slots?: ReturnType<__sveltets_Render<T, U>['slots']>;
-        children?: any;
-    }): ReturnType<__sveltets_Render<T, U>['exports']>;
+    <T extends Record<string, unknown>, U extends _FormPath<T>>(internal: unknown, props: ReturnType<__sveltets_Render<T, U>['props']> & {}): ReturnType<__sveltets_Render<T, U>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const FormField: $$IsomorphicComponent;
-type FormField<T extends Record<string, unknown>, U extends FormPath<T>> = InstanceType<typeof FormField<T, U>>;
+type FormField<T extends Record<string, unknown>, U extends _FormPath<T>> = InstanceType<typeof FormField<T, U>>;
 export default FormField;

package/dist/components/ui/form/form-fieldset.svelte

@@ -1,30 +1,21 @@
-<script lang="ts" context="module">
-	import type { FormPath, SuperForm } from "sveltekit-superforms";
+<script lang="ts" module>
+	import type { FormPath as _FormPath } from "sveltekit-superforms";
 	type T = Record<string, unknown>;
-	type U = FormPath<T>;
+	type U = _FormPath<T>;
 </script>
 
-<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>">
+<script lang="ts" generics="T extends Record<string, unknown>, U extends _FormPath<T>">
 	import * as FormPrimitive from "formsnap";
+	import type { WithoutChild } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = FormPrimitive.FieldsetProps<T, U>;
-
-	export let form: SuperForm<T>;
-	export let name: U;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+	let {
+		ref = $bindable(null),
+		class: className,
+		form,
+		name,
+		...restProps
+	}: WithoutChild<FormPrimitive.FieldsetProps<T, U>> = $props();
 </script>
 
-<FormPrimitive.Fieldset
-	{form}
-	{name}
-	let:constraints
-	let:errors
-	let:tainted
-	let:value
-	class={cn("space-y-2", className)}
->
-	<slot {constraints} {errors} {tainted} {value} />
-</FormPrimitive.Fieldset>
+<FormPrimitive.Fieldset bind:ref {form} {name} class={cn("space-y-2", className)} {...restProps} />

package/dist/components/ui/form/form-fieldset.svelte.d.ts

@@ -1,34 +1,19 @@
-import type { FormPath } from "sveltekit-superforms";
+import type { FormPath as _FormPath } from "sveltekit-superforms";
 import * as FormPrimitive from "formsnap";
-declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPath<T>> {
-    props(): FormPrimitive.FieldsetProps<T, U>;
-    events(): {} & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots(): {
-        default: {
-            constraints: Partial<{}> | undefined;
-            errors: string[];
-            tainted: boolean;
-            value: unknown;
-        };
-    };
-    bindings(): string;
+declare class __sveltets_Render<T extends Record<string, unknown>, U extends _FormPath<T>> {
+    props(): Omit<FormPrimitive.FieldsetProps<T, U, any>, "child">;
+    events(): {};
+    slots(): {};
+    bindings(): "ref";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends Record<string, unknown>, U extends FormPath<T>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U>['props']> & {
-        children?: any;
-    }>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U>['props']>, ReturnType<__sveltets_Render<T, U>['events']>, ReturnType<__sveltets_Render<T, U>['slots']>> & {
+    new <T extends Record<string, unknown>, U extends _FormPath<T>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U>['props']>, ReturnType<__sveltets_Render<T, U>['events']>, ReturnType<__sveltets_Render<T, U>['slots']>> & {
         $$bindings?: ReturnType<__sveltets_Render<T, U>['bindings']>;
     } & ReturnType<__sveltets_Render<T, U>['exports']>;
-    <T extends Record<string, unknown>, U extends FormPath<T>>(internal: unknown, props: ReturnType<__sveltets_Render<T, U>['props']> & {
-        $$events?: ReturnType<__sveltets_Render<T, U>['events']>;
-        $$slots?: ReturnType<__sveltets_Render<T, U>['slots']>;
-        children?: any;
-    }): ReturnType<__sveltets_Render<T, U>['exports']>;
+    <T extends Record<string, unknown>, U extends _FormPath<T>>(internal: unknown, props: ReturnType<__sveltets_Render<T, U>['props']> & {}): ReturnType<__sveltets_Render<T, U>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const FormFieldset: $$IsomorphicComponent;
-type FormFieldset<T extends Record<string, unknown>, U extends FormPath<T>> = InstanceType<typeof FormFieldset<T, U>>;
+type FormFieldset<T extends Record<string, unknown>, U extends _FormPath<T>> = InstanceType<typeof FormFieldset<T, U>>;
 export default FormFieldset;

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

@@ -1,17 +1,21 @@
 <script lang="ts">
-	import type { Label as LabelPrimitive } from "bits-ui";
-	import { getFormControl } from "formsnap";
-	import { cn } from "../../../utils.js";
+	import type { WithoutChild } from "bits-ui";
+	import * as FormPrimitive from "formsnap";
 	import { Label } from "../label/index.js";
+	import { cn } from "../../../utils.js";
 
-	type $$Props = LabelPrimitive.Props;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
-
-	const { labelAttrs } = getFormControl();
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		...restProps
+	}: WithoutChild<FormPrimitive.LabelProps> = $props();
 </script>
 
-<Label {...$labelAttrs} class={cn("data-[fs-error]:text-destructive", className)} {...$$restProps}>
-	<slot {labelAttrs} />
-</Label>
+<FormPrimitive.Label {...restProps} bind:ref>
+	{#snippet child({ props })}
+		<Label {...props} class={cn("data-[fs-error]:text-destructive", className)}>
+			{@render children?.()}
+		</Label>
+	{/snippet}
+</FormPrimitive.Label>

package/dist/components/ui/form/form-label.svelte.d.ts

@@ -1,32 +1,3 @@
-import type { Label as LabelPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const FormLabel: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<LabelPrimitive.Props, {
-    default: {
-        labelAttrs: import("svelte/store").Writable<import("formsnap").LabelAttrs>;
-    };
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {
-        labelAttrs: import("svelte/store").Writable<import("formsnap").LabelAttrs>;
-    };
-}, {}, string>;
-type FormLabel = InstanceType<typeof FormLabel>;
+import * as FormPrimitive from "formsnap";
+declare const FormLabel: import("svelte").Component<Omit<FormPrimitive.LabelProps, "child">, {}, "ref">;
 export default FormLabel;

package/dist/components/ui/form/form-legend.svelte

@@ -1,17 +1,13 @@
 <script lang="ts">
 	import * as FormPrimitive from "formsnap";
+	import type { WithoutChild } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = FormPrimitive.LegendProps;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+	let { ref = $bindable(null), class: className, ...restProps }: WithoutChild<FormPrimitive.LegendProps> = $props();
 </script>
 
 <FormPrimitive.Legend
-	{...$$restProps}
+	bind:ref
 	class={cn("text-sm font-medium leading-none data-[fs-error]:text-destructive", className)}
-	let:legendAttrs
->
-	<slot {legendAttrs} />
-</FormPrimitive.Legend>
+	{...restProps}
+/>

package/dist/components/ui/form/form-legend.svelte.d.ts

@@ -1,38 +1,3 @@
 import * as FormPrimitive from "formsnap";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const FormLegend: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<FormPrimitive.LegendProps, {
-    default: {
-        legendAttrs: {
-            'data-fs-legend': string;
-            'data-fs-error': string | undefined;
-        };
-    };
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {
-        legendAttrs: {
-            'data-fs-legend': string;
-            'data-fs-error': string | undefined;
-        };
-    };
-}, {}, string>;
-type FormLegend = InstanceType<typeof FormLegend>;
+declare const FormLegend: import("svelte").Component<Omit<FormPrimitive.LegendProps, "child">, {}, "ref">;
 export default FormLegend;

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

@@ -7,5 +7,5 @@ import Fieldset from "./form-fieldset.svelte";
 import Legend from "./form-legend.svelte";
 import ElementField from "./form-element-field.svelte";
 import Button from "./form-button.svelte";
-declare const Control: typeof FormPrimitive.Control;
+declare const Control: import("svelte").Component<FormPrimitive.ControlProps, {}, "">;
 export { Field, Control, Label, Button, FieldErrors, Description, Fieldset, Legend, ElementField, Field as FormField, Control as FormControl, Description as FormDescription, Label as FormLabel, FieldErrors as FormFieldErrors, Fieldset as FormFieldset, Legend as FormLegend, ElementField as FormElementField, Button as FormButton, };

package/dist/components/ui/hover-card/hover-card-content.svelte

@@ -1,27 +1,23 @@
 <script lang="ts">
 	import { LinkPreview as HoverCardPrimitive } from "bits-ui";
-	import { cn, flyAndScale } from "../../../utils.js";
+	import { cn } from "../../../utils.js";
 
-	type $$Props = HoverCardPrimitive.ContentProps;
-
-	let className: $$Props["class"] = undefined;
-	export let transition: $$Props["transition"] = flyAndScale;
-	export let transitionConfig: $$Props["transitionConfig"] = undefined;
-	export let align: $$Props["align"] = "center";
-	export let sideOffset: $$Props["sideOffset"] = 4;
-	export { className as class };
+	let {
+		ref = $bindable(null),
+		class: className,
+		align = "center",
+		sideOffset = 4,
+		...restProps
+	}: HoverCardPrimitive.ContentProps = $props();
 </script>
 
 <HoverCardPrimitive.Content
-	{transition}
-	{transitionConfig}
+	bind:ref
 	{align}
 	{sideOffset}
 	class={cn(
 		"z-50 mt-3 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
 		className
 	)}
-	{...$$restProps}
->
-	<slot />
-</HoverCardPrimitive.Content>
+	{...restProps}
+/>

package/dist/components/ui/hover-card/hover-card-content.svelte.d.ts

@@ -1,28 +1,3 @@
 import { LinkPreview as HoverCardPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const HoverCardContent: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<HoverCardPrimitive.ContentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type HoverCardContent = InstanceType<typeof HoverCardContent>;
+declare const HoverCardContent: import("svelte").Component<HoverCardPrimitive.ContentProps, {}, "ref">;
 export default HoverCardContent;

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

@@ -3,8 +3,8 @@ export * as Alert from "./alert/index.js";
 export * as AlertDialog from "./alert-dialog/index.js";
 export { AspectRatio } from "./aspect-ratio/index.js";
 export * as Avatar from "./avatar/index.js";
-export { Badge, type Variant as BadgeVariant, badgeVariants } from "./badge/index.js";
-export { Button, type ButtonEvents, type ButtonProps, buttonVariants } from "./button/index.js";
+export { Badge, badgeVariants, type BadgeVariant } from "./badge/index.js";
+export { Button, type ButtonProps, buttonVariants } from "./button/index.js";
 export * as Breadcrumb from "./breadcrumb/index.js";
 export { Calendar } from "./calendar/index.js";
 export * as Card from "./card/index.js";
@@ -13,12 +13,13 @@ export { Checkbox } from "./checkbox/index.js";
 export * as Collapsible from "./collapsible/index.js";
 export * as Command from "./command/index.js";
 export * as ContextMenu from "./context-menu/index.js";
+export { FlexRender, renderComponent, renderSnippet, createSvelteTable, createSvelteTable as createTable, } from "./data-table/index.js";
 export * as Dialog from "./dialog/index.js";
 export * as Drawer from "./drawer/index.js";
 export * as DropdownMenu from "./dropdown-menu/index.js";
 export * as Form from "./form/index.js";
 export * as HoverCard from "./hover-card/index.js";
-export { Input, type InputEvents } from "./input/index.js";
+export { Input } from "./input/index.js";
 export { Label } from "./label/index.js";
 export * as Menubar from "./menubar/index.js";
 export * as Pagination from "./pagination/index.js";
@@ -28,6 +29,7 @@ export * as RadioGroup from "./radio-group/index.js";
 export * as RangeCalendar from "./range-calendar/index.js";
 export * as Resizable from "./resizable/index.js";
 export * as Select from "./select/index.js";
+export * as Sidebar from "./sidebar/index.js";
 export { Separator } from "./separator/index.js";
 export * as Sheet from "./sheet/index.js";
 export { Skeleton } from "./skeleton/index.js";

package/dist/components/ui/index.js

@@ -13,6 +13,7 @@ export { Checkbox } from "./checkbox/index.js";
 export * as Collapsible from "./collapsible/index.js";
 export * as Command from "./command/index.js";
 export * as ContextMenu from "./context-menu/index.js";
+export { FlexRender, renderComponent, renderSnippet, createSvelteTable, createSvelteTable as createTable, } from "./data-table/index.js";
 export * as Dialog from "./dialog/index.js";
 export * as Drawer from "./drawer/index.js";
 export * as DropdownMenu from "./dropdown-menu/index.js";
@@ -28,6 +29,7 @@ export * as RadioGroup from "./radio-group/index.js";
 export * as RangeCalendar from "./range-calendar/index.js";
 export * as Resizable from "./resizable/index.js";
 export * as Select from "./select/index.js";
+export * as Sidebar from "./sidebar/index.js";
 export { Separator } from "./separator/index.js";
 export * as Sheet from "./sheet/index.js";
 export { Skeleton } from "./skeleton/index.js";

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

@@ -1,23 +1,2 @@
 import Root from "./input.svelte";
-export type FormInputEvent<T extends Event = Event> = T & {
-    currentTarget: EventTarget & HTMLInputElement;
-};
-export type InputEvents = {
-    blur: FormInputEvent<FocusEvent>;
-    change: FormInputEvent<Event>;
-    click: FormInputEvent<MouseEvent>;
-    focus: FormInputEvent<FocusEvent>;
-    focusin: FormInputEvent<FocusEvent>;
-    focusout: FormInputEvent<FocusEvent>;
-    keydown: FormInputEvent<KeyboardEvent>;
-    keypress: FormInputEvent<KeyboardEvent>;
-    keyup: FormInputEvent<KeyboardEvent>;
-    mouseover: FormInputEvent<MouseEvent>;
-    mouseenter: FormInputEvent<MouseEvent>;
-    mouseleave: FormInputEvent<MouseEvent>;
-    mousemove: FormInputEvent<MouseEvent>;
-    paste: FormInputEvent<ClipboardEvent>;
-    input: FormInputEvent<InputEvent>;
-    wheel: FormInputEvent<WheelEvent>;
-};
 export { Root, Root as Input, };

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

@@ -1,42 +1,22 @@
 <script lang="ts">
 	import type { HTMLInputAttributes } from "svelte/elements";
-	import type { InputEvents } from "./index.js";
+	import type { WithElementRef } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = HTMLInputAttributes;
-	type $$Events = InputEvents;
-
-	let className: $$Props["class"] = undefined;
-	export let value: $$Props["value"] = undefined;
-	export { className as class };
-
-	// Workaround for https://github.com/sveltejs/svelte/issues/9305
-	// Fixed in Svelte 5, but not backported to 4.x.
-	export let readonly: $$Props["readonly"] = undefined;
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		class: className,
+		...restProps
+	}: WithElementRef<HTMLInputAttributes> = $props();
 </script>
 
 <input
+	bind:this={ref}
 	class={cn(
 		"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
 		className
 	)}
 	bind:value
-	{readonly}
-	on:blur
-	on:change
-	on:click
-	on:focus
-	on:focusin
-	on:focusout
-	on:keydown
-	on:keypress
-	on:keyup
-	on:mouseover
-	on:mouseenter
-	on:mouseleave
-	on:mousemove
-	on:paste
-	on:input
-	on:wheel|passive
-	{...$$restProps}
+	{...restProps}
 />

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

@@ -1,18 +1,4 @@
 import type { HTMLInputAttributes } from "svelte/elements";
-import type { InputEvents } from "./index.js";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Input: $$__sveltets_2_IsomorphicComponent<HTMLInputAttributes, InputEvents, {}, {}, string>;
-type Input = InstanceType<typeof Input>;
+import type { WithElementRef } from "bits-ui";
+declare const Input: import("svelte").Component<WithElementRef<HTMLInputAttributes>, {}, "ref" | "value">;
 export default Input;

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

@@ -2,17 +2,11 @@
 	import { Label as LabelPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = LabelPrimitive.Props;
-	type $$Events = LabelPrimitive.Events;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+	let { ref = $bindable(null), class: className, ...restProps }: LabelPrimitive.RootProps = $props();
 </script>
 
 <LabelPrimitive.Root
+	bind:ref
 	class={cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className)}
-	{...$$restProps}
-	on:mousedown
->
-	<slot />
-</LabelPrimitive.Root>
+	{...restProps}
+/>