@kayord/ui 0.4.5 → 0.5.0

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

@@ -13,7 +13,7 @@ export { className as class };
 		{transition}
 		{transitionConfig}
 		class={cn(
-			"fixed left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%] z-50 grid w-full max-w-lg gap-4 border bg-background p-6 shadow-lg sm:rounded-lg md:w-full",
+			"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg sm:rounded-lg md:w-full",
 			className
 		)}
 		{...$$restProps}

package/dist/components/ui/calendar/calendar-cell.svelte

@@ -8,7 +8,7 @@ export { className as class };
 <CalendarPrimitive.Cell
 	{date}
 	class={cn(
-		"h-9 w-9 text-center text-sm p-0 relative [&:has([data-selected][data-outside-month])]:bg-accent/50 [&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
+		"relative h-9 w-9 p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:rounded-md [&:has([data-selected])]:bg-accent [&:has([data-selected][data-outside-month])]:bg-accent/50",
 		className
 	)}
 	{...$$restProps}

package/dist/components/ui/calendar/calendar-day.svelte

@@ -16,13 +16,13 @@ export { className as class };
 		"h-9 w-9 p-0 font-normal ",
 		"[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground",
 		// Selected
-		"data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary data-[selected]:hover:text-primary-foreground data-[selected]:focus:bg-primary data-[selected]:focus:text-primary-foreground data-[selected]:opacity-100",
+		"data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:opacity-100 data-[selected]:hover:bg-primary data-[selected]:hover:text-primary-foreground data-[selected]:focus:bg-primary data-[selected]:focus:text-primary-foreground",
 		// Disabled
 		"data-[disabled]:text-muted-foreground data-[disabled]:opacity-50",
 		// Unavailable
-		"data-[unavailable]:line-through data-[unavailable]:text-destructive-foreground",
+		"data-[unavailable]:text-destructive-foreground data-[unavailable]:line-through",
 		// Outside months
-		"data-[outside-month]:text-muted-foreground data-[outside-month]:opacity-50 [&[data-outside-month][data-selected]]:bg-accent/50 [&[data-outside-month][data-selected]]:text-muted-foreground [&[data-outside-month][data-selected]]:opacity-30 data-[outside-month]:pointer-events-none",
+		"data-[outside-month]:pointer-events-none data-[outside-month]:text-muted-foreground data-[outside-month]:opacity-50 [&[data-outside-month][data-selected]]:bg-accent/50 [&[data-outside-month][data-selected]]:text-muted-foreground [&[data-outside-month][data-selected]]:opacity-30",
 		className
 	)}
 	{...$$restProps}

package/dist/components/ui/calendar/calendar-head-cell.svelte

@@ -5,7 +5,7 @@ export { className as class };
 </script>
 
 <CalendarPrimitive.HeadCell
-	class={cn("text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]", className)}
+	class={cn("w-9 rounded-md text-[0.8rem] font-normal text-muted-foreground", className)}
 	{...$$restProps}
 >
 	<slot />

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

@@ -5,7 +5,7 @@ export { className as class };
 </script>
 
 <CalendarPrimitive.Header
-	class={cn("flex justify-between pt-1 relative items-center w-full", className)}
+	class={cn("relative flex w-full items-center justify-between pt-1", className)}
 	{...$$restProps}
 >
 	<slot />

package/dist/components/ui/calendar/calendar-months.svelte

@@ -3,6 +3,6 @@ let className = void 0;
 export { className as class };
 </script>
 
-<div class={cn("flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0 mt-4", className)} {...$$restProps}>
+<div class={cn("mt-4 flex flex-col space-y-4 sm:flex-row sm:space-x-4 sm:space-y-0", className)} {...$$restProps}>
 	<slot />
 </div>

package/dist/components/ui/calendar/calendar.svelte

@@ -37,7 +37,7 @@ export { className as class };
 				</Calendar.GridHead>
 				<Calendar.GridBody>
 					{#each month.weeks as weekDates}
-						<Calendar.GridRow class="w-full mt-2">
+						<Calendar.GridRow class="mt-2 w-full">
 							{#each weekDates as date}
 								<Calendar.Cell {date}>
 									<Calendar.Day {date} month={month.value} />

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

@@ -13,7 +13,7 @@ const { orientation, canScrollNext, scrollNext, handleKeyDown } = getEmblaContex
 	{variant}
 	{size}
 	class={cn(
-		"absolute h-8 w-8 rounded-full touch-manipulation",
+		"absolute h-8 w-8 touch-manipulation rounded-full",
 		$orientation === "horizontal"
 			? "-right-12 top-1/2 -translate-y-1/2"
 			: "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",

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

@@ -13,7 +13,7 @@ const { orientation, canScrollPrev, scrollPrev, handleKeyDown } = getEmblaContex
 	{variant}
 	{size}
 	class={cn(
-		"absolute h-8 w-8 rounded-full touch-manipulation",
+		"absolute h-8 w-8 touch-manipulation rounded-full",
 		$orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
 		className
 	)}

package/dist/components/ui/checkbox/checkbox.svelte

@@ -8,7 +8,7 @@ export { className as class };
 
 <CheckboxPrimitive.Root
 	class={cn(
-		"box-content peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
+		"peer box-content h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[disabled=true]:opacity-50",
 		className
 	)}
 	bind:checked
@@ -16,7 +16,7 @@ export { className as class };
 	on:click
 >
 	<CheckboxPrimitive.Indicator
-		class={cn("flex items-center justify-center text-current h-4 w-4")}
+		class={cn("flex h-4 w-4 items-center justify-center text-current")}
 		let:isChecked
 		let:isIndeterminate
 	>

package/dist/components/ui/command/command-dialog.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
-        onOutsideClick?: ((event: PointerEvent) => void) | undefined;
+        onOutsideClick?: ((event: MouseEvent | TouchEvent | PointerEvent) => void) | undefined;
         portal?: string | HTMLElement | null | undefined;
         open?: boolean | undefined;
         onOpenChange?: import("bits-ui/dist/internal").OnChangeFn<boolean> | undefined;

package/dist/components/ui/context-menu/context-menu-checkbox-item.svelte

@@ -9,7 +9,7 @@ export { className as class };
 <ContextMenuPrimitive.CheckboxItem
 	bind:checked
 	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
 		className
 	)}
 	{...$$restProps}

package/dist/components/ui/context-menu/context-menu-item.svelte

@@ -7,7 +7,7 @@ export { className as class };
 
 <ContextMenuPrimitive.Item
 	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
 		inset && "pl-8",
 		className
 	)}

package/dist/components/ui/context-menu/context-menu-radio-item.svelte

@@ -8,7 +8,7 @@ export { className as class };
 
 <ContextMenuPrimitive.RadioItem
 	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
 		className
 	)}
 	{value}

package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte

@@ -8,7 +8,7 @@ export { className as class };
 
 <ContextMenuPrimitive.SubTrigger
 	class={cn(
-		"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+		"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground",
 		inset && "pl-8",
 		className
 	)}

package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte

@@ -9,7 +9,7 @@ export { className as class };
 <DropdownMenuPrimitive.CheckboxItem
 	bind:checked
 	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
 		className
 	)}
 	{...$$restProps}

package/dist/components/ui/dropdown-menu/dropdown-menu-item.svelte

@@ -7,7 +7,7 @@ export { className as class };
 
 <DropdownMenuPrimitive.Item
 	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
 		inset && "pl-8",
 		className
 	)}

package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte

@@ -8,7 +8,7 @@ export { className as class };
 
 <DropdownMenuPrimitive.RadioItem
 	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
 		className
 	)}
 	{value}

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

@@ -1,6 +1,6 @@
 <script>import * as Button from "../button";
 </script>
 
-<Button.Root type="submit" {...$$restProps} on:click on:keydown>
+<Button.Root type="submit" {...$$restProps}>
 	<slot />
 </Button.Root>

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

@@ -2,10 +2,12 @@ import { SvelteComponent } from "svelte";
 import * as Button from "../button";
 declare const __propDef: {
     props: Button.Props;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
     slots: {
         default: {};
     };
-    events: import("bits-ui/dist/bits/button/types").Events;
 };
 export type FormButtonProps = typeof __propDef.props;
 export type FormButtonEvents = typeof __propDef.events;

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

@@ -1,9 +1,9 @@
-<script>import { Form as FormPrimitive } from "formsnap";
+<script>import * as FormPrimitive from "formsnap";
 import { cn } from "../../../utils";
 let className = void 0;
 export { className as class };
 </script>
 
-<FormPrimitive.Description class={cn("text-sm text-muted-foreground", className)} {...$$restProps}>
-	<slot />
+<FormPrimitive.Description class={cn("text-sm text-muted-foreground", className)} {...$$restProps} let:descriptionAttrs>
+	<slot {descriptionAttrs} />
 </FormPrimitive.Description>

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

@@ -6,7 +6,13 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
-        default: {};
+        default: {
+            descriptionAttrs: {
+                id: string;
+                'data-fs-error': string | undefined;
+                'data-fs-description': string;
+            };
+        };
     };
 };
 export type FormDescriptionProps = typeof __propDef.props;

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

@@ -0,0 +1,15 @@
+<script context="module"></script>
+
+<script generics="T extends Record<string, unknown>, U extends FormPathLeaves<T>">import * as FormPrimitive from "formsnap";
+import { cn } from "../../../utils";
+export let form;
+export let name;
+let className = void 0;
+export { className as class };
+</script>
+
+<FormPrimitive.ElementField {form} {name} let:constraints let:errors let:tainted let:value>
+	<div class={cn("space-y-2", className)}>
+		<slot {constraints} {errors} {tainted} {value} />
+	</div>
+</FormPrimitive.ElementField>

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

@@ -0,0 +1,24 @@
+import { SvelteComponent } from "svelte";
+import type { FormPathLeaves } from "sveltekit-superforms";
+import type { HTMLAttributes } from "svelte/elements";
+import * as FormPrimitive from "formsnap";
+declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPathLeaves<T>> {
+    props(): FormPrimitive.ElementFieldProps<T, U> & HTMLAttributes<HTMLElement>;
+    events(): {} & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {
+        default: {
+            constraints: Partial<{}> | undefined;
+            errors: string[];
+            tainted: boolean;
+            value: never;
+        };
+    };
+}
+export type FormElementFieldProps<T extends Record<string, unknown>, U extends FormPathLeaves<T>> = ReturnType<__sveltets_Render<T, U>['props']>;
+export type FormElementFieldEvents<T extends Record<string, unknown>, U extends FormPathLeaves<T>> = ReturnType<__sveltets_Render<T, U>['events']>;
+export type FormElementFieldSlots<T extends Record<string, unknown>, U extends FormPathLeaves<T>> = ReturnType<__sveltets_Render<T, U>['slots']>;
+export default class FormElementField<T extends Record<string, unknown>, U extends FormPathLeaves<T>> extends SvelteComponent<FormElementFieldProps<T, U>, FormElementFieldEvents<T, U>, FormElementFieldSlots<T, U>> {
+}
+export {};

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

@@ -0,0 +1,20 @@
+<script>import * as FormPrimitive from "formsnap";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+export let errorClasses = void 0;
+</script>
+
+<FormPrimitive.FieldErrors
+	class={cn("text-sm font-medium text-destructive", className)}
+	{...$$restProps}
+	let:errors
+	let:fieldErrorsAttrs
+	let:errorAttrs
+>
+	<slot {errors} {fieldErrorsAttrs} {errorAttrs}>
+		{#each errors as error}
+			<div {...errorAttrs} class={cn(errorClasses)}>{error}</div>
+		{/each}
+	</slot>
+</FormPrimitive.FieldErrors>

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

@@ -0,0 +1,34 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        id?: string | undefined;
+        asChild?: boolean | undefined;
+        el?: HTMLDivElement | undefined;
+    } & import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+        errorClasses?: string | undefined | null;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        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;
+            };
+        };
+    };
+};
+export type FormFieldErrorsProps = typeof __propDef.props;
+export type FormFieldErrorsEvents = typeof __propDef.events;
+export type FormFieldErrorsSlots = typeof __propDef.slots;
+export default class FormFieldErrors extends SvelteComponent<FormFieldErrorsProps, FormFieldErrorsEvents, FormFieldErrorsSlots> {
+}
+export {};

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

@@ -0,0 +1,15 @@
+<script context="module"></script>
+
+<script generics="T extends Record<string, unknown>, U extends FormPath<T>">import * as FormPrimitive from "formsnap";
+import { cn } from "../../../utils";
+export let form;
+export let name;
+let className = void 0;
+export { className as class };
+</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>

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

@@ -0,0 +1,24 @@
+import { SvelteComponent } from "svelte";
+import type { FormPath } from "sveltekit-superforms";
+import type { HTMLAttributes } from "svelte/elements";
+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;
+        };
+    };
+}
+export type FormFieldProps<T extends Record<string, unknown>, U extends FormPath<T>> = ReturnType<__sveltets_Render<T, U>['props']>;
+export type FormFieldEvents<T extends Record<string, unknown>, U extends FormPath<T>> = ReturnType<__sveltets_Render<T, U>['events']>;
+export type FormFieldSlots<T extends Record<string, unknown>, U extends FormPath<T>> = ReturnType<__sveltets_Render<T, U>['slots']>;
+export default class FormField<T extends Record<string, unknown>, U extends FormPath<T>> extends SvelteComponent<FormFieldProps<T, U>, FormFieldEvents<T, U>, FormFieldSlots<T, U>> {
+}
+export {};

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

@@ -0,0 +1,21 @@
+<script context="module"></script>
+
+<script generics="T extends Record<string, unknown>, U extends FormPath<T>">import * as FormPrimitive from "formsnap";
+import { cn } from "../../../utils";
+export let form;
+export let name;
+let className = void 0;
+export { className as class };
+</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>

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

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+import type { 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;
+        };
+    };
+}
+export type FormFieldsetProps<T extends Record<string, unknown>, U extends FormPath<T>> = ReturnType<__sveltets_Render<T, U>['props']>;
+export type FormFieldsetEvents<T extends Record<string, unknown>, U extends FormPath<T>> = ReturnType<__sveltets_Render<T, U>['events']>;
+export type FormFieldsetSlots<T extends Record<string, unknown>, U extends FormPath<T>> = ReturnType<__sveltets_Render<T, U>['slots']>;
+export default class FormFieldset<T extends Record<string, unknown>, U extends FormPath<T>> extends SvelteComponent<FormFieldsetProps<T, U>, FormFieldsetEvents<T, U>, FormFieldsetSlots<T, U>> {
+}
+export {};

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

@@ -1,11 +1,11 @@
-<script>import { getFormField } from "formsnap";
+<script>import { getFormControl } from "formsnap";
 import { cn } from "../../../utils";
 import { Label } from "../label";
 let className = void 0;
 export { className as class };
-const { errors, ids } = getFormField();
+const { labelAttrs } = getFormControl();
 </script>
 
-<Label for={$ids.input} class={cn($errors && "text-destructive", className)} {...$$restProps}>
-	<slot />
+<Label {...$labelAttrs} class={cn("data-[fs-error]:text-destructive", className)} {...$$restProps}>
+	<slot {labelAttrs} />
 </Label>

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

@@ -6,7 +6,9 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
-        default: {};
+        default: {
+            labelAttrs: import("svelte/store").Writable<import("formsnap").LabelAttrs>;
+        };
     };
 };
 export type FormLabelProps = typeof __propDef.props;

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

@@ -0,0 +1,13 @@
+<script>import * as FormPrimitive from "formsnap";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<FormPrimitive.Legend
+	{...$$restProps}
+	class={cn("text-sm font-medium leading-none data-[fs-error]:text-destructive", className)}
+	let:legendAttrs
+>
+	<slot {legendAttrs} />
+</FormPrimitive.Legend>

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

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+import * as FormPrimitive from "formsnap";
+declare const __propDef: {
+    props: FormPrimitive.LegendProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            legendAttrs: {
+                'data-fs-legend': string;
+                'data-fs-error': string | undefined;
+            };
+        };
+    };
+};
+export type FormLegendProps = typeof __propDef.props;
+export type FormLegendEvents = typeof __propDef.events;
+export type FormLegendSlots = typeof __propDef.slots;
+export default class FormLegend extends SvelteComponent<FormLegendProps, FormLegendEvents, FormLegendSlots> {
+}
+export {};

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

@@ -1,32 +1,11 @@
-/// <reference types="svelte" />
-import { Form as FormPrimitive, getFormField } from "formsnap";
-import * as RadioGroupComp from "../radio-group";
-import * as SelectComp from "../select";
-import type { Writable } from "svelte/store";
-import Item from "./form-item.svelte";
-import Input from "./form-input.svelte";
-import Textarea from "./form-textarea.svelte";
+import * as FormPrimitive from "formsnap";
 import Description from "./form-description.svelte";
 import Label from "./form-label.svelte";
-import Validation from "./form-validation.svelte";
-import Checkbox from "./form-checkbox.svelte";
-import Switch from "./form-switch.svelte";
-import NativeSelect from "./form-native-select.svelte";
-import RadioGroup from "./form-radio-group.svelte";
-import Select from "./form-select.svelte";
-import SelectTrigger from "./form-select-trigger.svelte";
+import FieldErrors from "./form-field-errors.svelte";
+import Field from "./form-field.svelte";
+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 Root: typeof FormPrimitive.Root;
-declare const Field: typeof FormPrimitive.Field;
 declare const Control: typeof FormPrimitive.Control;
-declare const RadioItem: typeof RadioGroupComp.Item;
-declare const NativeRadio: typeof FormPrimitive.Radio;
-declare const SelectContent: typeof SelectComp.Content;
-declare const SelectLabel: typeof SelectComp.Label;
-declare const SelectGroup: typeof import("bits-ui/dist/bits/select").Group;
-declare const SelectItem: typeof SelectComp.Item;
-declare const SelectSeparator: typeof SelectComp.Separator;
-export type TextareaGetFormField = Omit<ReturnType<typeof getFormField>, "value"> & {
-    value: Writable<string>;
-};
-export { Root, Field, Control, Item, Input, Label, Button, Switch, Select, Checkbox, Textarea, Validation, RadioGroup, RadioItem, Description, SelectContent, SelectLabel, SelectGroup, SelectItem, SelectSeparator, SelectTrigger, NativeSelect, NativeRadio, Root as Form, Field as FormField, Control as FormControl, Item as FormItem, Input as FormInput, Textarea as FormTextarea, Description as FormDescription, Label as FormLabel, Validation as FormValidation, NativeSelect as FormNativeSelect, NativeRadio as FormNativeRadio, Checkbox as FormCheckbox, Switch as FormSwitch, RadioGroup as FormRadioGroup, RadioItem as FormRadioItem, Select as FormSelect, SelectContent as FormSelectContent, SelectLabel as FormSelectLabel, SelectGroup as FormSelectGroup, SelectItem as FormSelectItem, SelectSeparator as FormSelectSeparator, SelectTrigger as FormSelectTrigger, Button as FormButton, };
+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/form/index.js

@@ -1,29 +1,13 @@
-import { Form as FormPrimitive, getFormField } from "formsnap";
-import * as RadioGroupComp from "../radio-group";
-import * as SelectComp from "../select";
-import Item from "./form-item.svelte";
-import Input from "./form-input.svelte";
-import Textarea from "./form-textarea.svelte";
+import * as FormPrimitive from "formsnap";
 import Description from "./form-description.svelte";
 import Label from "./form-label.svelte";
-import Validation from "./form-validation.svelte";
-import Checkbox from "./form-checkbox.svelte";
-import Switch from "./form-switch.svelte";
-import NativeSelect from "./form-native-select.svelte";
-import RadioGroup from "./form-radio-group.svelte";
-import Select from "./form-select.svelte";
-import SelectTrigger from "./form-select-trigger.svelte";
+import FieldErrors from "./form-field-errors.svelte";
+import Field from "./form-field.svelte";
+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";
-const Root = FormPrimitive.Root;
-const Field = FormPrimitive.Field;
 const Control = FormPrimitive.Control;
-const RadioItem = RadioGroupComp.Item;
-const NativeRadio = FormPrimitive.Radio;
-const SelectContent = SelectComp.Content;
-const SelectLabel = SelectComp.Label;
-const SelectGroup = SelectComp.Group;
-const SelectItem = SelectComp.Item;
-const SelectSeparator = SelectComp.Separator;
-export { Root, Field, Control, Item, Input, Label, Button, Switch, Select, Checkbox, Textarea, Validation, RadioGroup, RadioItem, Description, SelectContent, SelectLabel, SelectGroup, SelectItem, SelectSeparator, SelectTrigger, NativeSelect, NativeRadio, 
+export { Field, Control, Label, Button, FieldErrors, Description, Fieldset, Legend, ElementField, 
 //
-Root as Form, Field as FormField, Control as FormControl, Item as FormItem, Input as FormInput, Textarea as FormTextarea, Description as FormDescription, Label as FormLabel, Validation as FormValidation, NativeSelect as FormNativeSelect, NativeRadio as FormNativeRadio, Checkbox as FormCheckbox, Switch as FormSwitch, RadioGroup as FormRadioGroup, RadioItem as FormRadioItem, Select as FormSelect, SelectContent as FormSelectContent, SelectLabel as FormSelectLabel, SelectGroup as FormSelectGroup, SelectItem as FormSelectItem, SelectSeparator as FormSelectSeparator, SelectTrigger as FormSelectTrigger, Button as FormButton, };
+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

@@ -14,7 +14,7 @@ export { className as class };
 	{align}
 	{sideOffset}
 	class={cn(
-		"z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none mt-3",
+		"z-50 mt-3 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
 		className
 	)}
 	{...$$restProps}

package/dist/components/ui/menubar/menubar-checkbox-item.svelte

@@ -9,7 +9,7 @@ export { className as class };
 <MenubarPrimitive.CheckboxItem
 	bind:checked
 	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
 		className
 	)}
 	on:click

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

@@ -7,7 +7,7 @@ export { className as class };
 
 <MenubarPrimitive.Item
 	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
 		inset && "pl-8",
 		className
 	)}