@kayord/ui 0.4.4 → 0.5.0

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/input/input.svelte

@@ -6,7 +6,7 @@ export { className as class };
 
 <input
 	class={cn(
-		"flex h-10 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background file:border-0  file:bg-transparent file:text-foreground 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",
+		"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

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
 	)}

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

@@ -9,7 +9,7 @@ export { className as class };
 <MenubarPrimitive.RadioItem
 	{value}
 	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/menubar/menubar-sub-content.svelte

@@ -9,7 +9,7 @@ export { className as class };
 <MenubarPrimitive.SubContent
 	{transition}
 	{transitionConfig}
-	class={cn("z-50 min-w-[9rem] rounded-md border bg-popover p-1 text-popover-foreground focus:outline-none", className)}
+	class={cn("z-50 min-w-max rounded-md border bg-popover p-1 text-popover-foreground focus:outline-none", className)}
 	{...$$restProps}
 	on:focusout
 	on:pointermove

package/dist/components/ui/menubar/menubar-sub-trigger.svelte

@@ -8,7 +8,7 @@ export { className as class };
 
 <MenubarPrimitive.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-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground data-[disabled]:opacity-50",
 		inset && "pl-8",
 		className
 	)}

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

@@ -6,7 +6,7 @@ export { className as class };
 
 <MenubarPrimitive.Trigger
 	class={cn(
-		"flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium 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-3 py-1.5 text-sm font-medium outline-none data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground",
 		className
 	)}
 	on:click

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

@@ -21,7 +21,7 @@ $:
 	asChild
 	{...$$restProps}
 >
-	<nav {...builder} class={cn("mx-auto flex flex-col w-full items-center", className)}>
+	<nav {...builder} class={cn("mx-auto flex w-full flex-col items-center", className)}>
 		<slot {pages} {range} {currentPage} />
 	</nav>
 </PaginationPrimitive.Root>

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

@@ -8,7 +8,7 @@ export { className as class };
 <RangeCalendarPrimitive.Cell
 	{date}
 	class={cn(
-		"h-9 w-9 text-center text-sm p-0 relative [&:has([data-selected][data-selection-end])]:rounded-r-md [&: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])]:bg-accent first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md [&:has([data-selected][data-outside-month])]:bg-accent/50 [&:has([data-selected][data-selection-end])]:rounded-r-md [&:has([data-selected][data-selection-start])]:rounded-l-md",
 		className
 	)}
 	{...$$restProps}

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

@@ -20,11 +20,11 @@ export { className as class };
 		// Selection End
 		"data-[selection-end]:bg-primary data-[selection-end]:text-primary-foreground data-[selection-end]:hover:bg-primary data-[selection-end]:hover:text-primary-foreground data-[selection-end]:focus:bg-primary data-[selection-end]:focus:text-primary-foreground",
 		// 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",
 		// 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",
 		className
 	)}
 	{...$$restProps}

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

@@ -5,7 +5,7 @@ export { className as class };
 </script>
 
 <RangeCalendarPrimitive.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/range-calendar/range-calendar-header.svelte

@@ -5,7 +5,7 @@ export { className as class };
 </script>
 
 <RangeCalendarPrimitive.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/range-calendar/range-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/range-calendar/range-calendar.svelte

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

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

@@ -13,7 +13,7 @@ export { className as class };
 	{disabled}
 	{label}
 	class={cn(
-		"relative flex w-full 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 w-full 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/select/select-trigger.svelte

@@ -7,7 +7,7 @@ export { className as class };
 
 <SelectPrimitive.Trigger
 	class={cn(
-		"flex h-10 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 line-clamp-1 truncate",
+		"flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
 		className
 	)}
 	{...$$restProps}

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

@@ -9,11 +9,15 @@ export { className as class };
 	bind:value
 	class={cn("relative flex w-full touch-none select-none items-center", className)}
 	{...$$restProps}
+	let:thumbs
 >
 	<span class="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary">
 		<SliderPrimitive.Range class="absolute h-full bg-primary" />
 	</span>
-	<SliderPrimitive.Thumb
-		class="block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
-	/>
+	{#each thumbs as thumb}
+		<SliderPrimitive.Thumb
+			{thumb}
+			class="block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+		/>
+	{/each}
 </SliderPrimitive.Root>

package/dist/components/ui/textarea/textarea.svelte

@@ -6,7 +6,7 @@ export { className as class };
 
 <textarea
 	class={cn(
-		"flex min-h-[80px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background 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",
+		"flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background 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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "0.4.4",
+  "version": "0.5.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -29,46 +29,46 @@
     "svelte": "^4.0.0"
   },
   "dependencies": {
-    "@internationalized/date": "^3.5.1",
-    "bits-ui": "^0.16.0",
+    "@internationalized/date": "^3.5.2",
+    "bits-ui": "^0.18.1",
     "clsx": "^2.1.0",
     "cmdk-sv": "^0.0.13",
-    "embla-carousel-svelte": "8.0.0-rc22",
-    "formsnap": "^0.4.3",
-    "lucide-svelte": "^0.320.0",
-    "mode-watcher": "^0.2.0",
-    "svelte-headless-table": "^0.18.1",
-    "svelte-sonner": "^0.3.11",
-    "sveltekit-superforms": "^1.13.4",
+    "embla-carousel-svelte": "8.0.0-rc23",
+    "formsnap": "^0.5.0",
+    "lucide-svelte": "^0.334.0",
+    "mode-watcher": "^0.2.1",
+    "svelte-headless-table": "^0.18.2",
+    "svelte-sonner": "^0.3.18",
+    "sveltekit-superforms": "^2.3.0",
     "tailwind-merge": "^2.2.1",
-    "tailwind-variants": "^0.1.20",
-    "vaul-svelte": "^0.2.1",
+    "tailwind-variants": "^0.2.0",
+    "vaul-svelte": "^0.2.3",
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@playwright/test": "^1.41.1",
+    "@playwright/test": "^1.41.2",
     "@sveltejs/adapter-auto": "^3.1.1",
     "@sveltejs/kit": "^2.5.0",
     "@sveltejs/package": "^2.2.6",
     "@sveltejs/vite-plugin-svelte": "^3.0.2",
-    "@typescript-eslint/eslint-plugin": "^6.20.0",
-    "@typescript-eslint/parser": "^6.20.0",
+    "@typescript-eslint/eslint-plugin": "^7.0.2",
+    "@typescript-eslint/parser": "^7.0.2",
     "autoprefixer": "^10.4.17",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.35.1",
-    "postcss": "^8.4.33",
-    "postcss-load-config": "^5.0.2",
-    "prettier": "^3.2.4",
-    "prettier-plugin-svelte": "^3.1.2",
+    "postcss": "^8.4.35",
+    "postcss-load-config": "^5.0.3",
+    "prettier": "^3.2.5",
+    "prettier-plugin-svelte": "^3.2.1",
     "publint": "^0.2.7",
-    "svelte": "^4.2.9",
-    "svelte-check": "^3.6.3",
+    "svelte": "^4.2.11",
+    "svelte-check": "^3.6.4",
     "tailwindcss": "^3.4.1",
     "tslib": "^2.6.2",
     "typescript": "^5.3.3",
-    "vite": "^5.0.12",
-    "vitest": "^1.2.2"
+    "vite": "^5.1.3",
+    "vitest": "^1.3.0"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",

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

@@ -1,16 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: import("bits-ui/dist/bits/dialog/types").DescriptionProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type DrawerDescriptionProps = typeof __propDef.props;
-export type DrawerDescriptionEvents = typeof __propDef.events;
-export type DrawerDescriptionSlots = typeof __propDef.slots;
-export default class DrawerDescription extends SvelteComponent<DrawerDescriptionProps, DrawerDescriptionEvents, DrawerDescriptionSlots> {
-}
-export {};

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

@@ -1,16 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: import("bits-ui/dist/bits/dialog/types").TitleProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type DrawerTitleProps = typeof __propDef.props;
-export type DrawerTitleEvents = typeof __propDef.events;
-export type DrawerTitleSlots = typeof __propDef.slots;
-export default class DrawerTitle extends SvelteComponent<DrawerTitleProps, DrawerTitleEvents, DrawerTitleSlots> {
-}
-export {};

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

@@ -1,13 +0,0 @@
-/// <reference types="svelte" />
-import { Drawer as DrawerPrimitive } from "vaul-svelte";
-import Root from "./drawer.svelte";
-import Content from "./drawer-content.svelte";
-import Description from "./drawer-description.svelte";
-import Overlay from "./drawer-overlay.svelte";
-import Footer from "./drawer-footer.svelte";
-import Header from "./drawer-header.svelte";
-import Title from "./drawer-title.svelte";
-declare const Trigger: typeof DrawerPrimitive.Content;
-declare const Portal: typeof import("bits-ui/dist/bits/dialog").Portal;
-declare const Close: typeof DrawerPrimitive.Content;
-export { Root, Content, Description, Overlay, Footer, Header, Title, Trigger, Portal, Close, Root as Drawer, Content as DrawerContent, Description as DrawerDescription, Overlay as DrawerOverlay, Footer as DrawerFooter, Header as DrawerHeader, Title as DrawerTitle, Trigger as DrawerTrigger, Portal as DrawerPortal, Close as DrawerClose, };

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

@@ -1,19 +0,0 @@
-<script>import { getFormField } from "formsnap";
-import { Checkbox } from "../checkbox";
-export let onCheckedChange = void 0;
-const { name, setValue, attrStore, value } = getFormField();
-const { name: nameAttr, value: valueAttr, ...rest } = $attrStore;
-</script>
-
-<Checkbox
-	{...rest}
-	checked={typeof $value === "boolean" ? $value : false}
-	onCheckedChange={(v) => {
-		onCheckedChange?.(v);
-		setValue(v);
-	}}
-	{...$$restProps}
-	on:click
-	on:keydown
-/>
-<input hidden {name} value={$value} />

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

@@ -1,13 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { Checkbox as CheckboxPrimitive } from "bits-ui";
-declare const __propDef: {
-    props: CheckboxPrimitive.Props;
-    slots: {};
-    events: CheckboxPrimitive.Events;
-};
-export type FormCheckboxProps = typeof __propDef.props;
-export type FormCheckboxEvents = typeof __propDef.events;
-export type FormCheckboxSlots = typeof __propDef.slots;
-export default class FormCheckbox extends SvelteComponent<FormCheckboxProps, FormCheckboxEvents, FormCheckboxSlots> {
-}
-export {};

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

@@ -1,22 +0,0 @@
-<script>import { getFormField } from "formsnap";
-import { Input } from "../input";
-const { attrStore, value } = getFormField();
-</script>
-
-<Input
-	{...$attrStore}
-	bind:value={$value}
-	{...$$restProps}
-	on:blur
-	on:change
-	on:click
-	on:focus
-	on:keydown
-	on:keypress
-	on:keyup
-	on:mouseover
-	on:mouseenter
-	on:mouseleave
-	on:paste
-	on:input
-/>

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

@@ -1,14 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { HTMLInputAttributes } from "svelte/elements";
-import { type InputEvents } from "../input";
-declare const __propDef: {
-    props: HTMLInputAttributes;
-    slots: {};
-    events: InputEvents;
-};
-export type FormInputProps = typeof __propDef.props;
-export type FormInputEvents = typeof __propDef.events;
-export type FormInputSlots = typeof __propDef.slots;
-export default class FormInput extends SvelteComponent<FormInputProps, FormInputEvents, FormInputSlots> {
-}
-export {};

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

@@ -1,8 +0,0 @@
-<script>import { cn } from "../../../utils";
-let className = void 0;
-export { className as class };
-</script>
-
-<div class={cn("space-y-2", className)} {...$$restProps}>
-	<slot />
-</div>

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

@@ -1,17 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { HTMLAttributes } from "svelte/elements";
-declare const __propDef: {
-    props: HTMLAttributes<HTMLDivElement>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type FormItemProps = typeof __propDef.props;
-export type FormItemEvents = typeof __propDef.events;
-export type FormItemSlots = typeof __propDef.slots;
-export default class FormItem extends SvelteComponent<FormItemProps, FormItemEvents, FormItemSlots> {
-}
-export {};

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

@@ -1,17 +0,0 @@
-<script>import { Form as FormPrimitive } from "formsnap";
-import { buttonVariants } from "../button";
-import { cn } from "../../../utils";
-import { ChevronDown } from "lucide-svelte";
-let className = void 0;
-export { className as class };
-</script>
-
-<div class="relative">
-	<FormPrimitive.Select
-		class={cn(buttonVariants({ variant: "outline" }), "appearance-none bg-transparent font-normal", className)}
-		{...$$restProps}
-	>
-		<slot />
-	</FormPrimitive.Select>
-	<ChevronDown class="absolute right-3 top-2.5 h-4 w-4 opacity-50" />
-</div>

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

@@ -1,17 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { HTMLSelectAttributes } from "svelte/elements";
-declare const __propDef: {
-    props: HTMLSelectAttributes;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type FormNativeSelectProps = typeof __propDef.props;
-export type FormNativeSelectEvents = typeof __propDef.events;
-export type FormNativeSelectSlots = typeof __propDef.slots;
-export default class FormNativeSelect extends SvelteComponent<FormNativeSelectProps, FormNativeSelectEvents, FormNativeSelectSlots> {
-}
-export {};

package/dist/components/ui/form/form-radio-group.svelte

@@ -1,17 +0,0 @@
-<script>import { getFormField } from "formsnap";
-import * as RadioGroup from "../radio-group";
-const { attrStore, setValue, name, value } = getFormField();
-export let onValueChange = void 0;
-</script>
-
-<RadioGroup.Root
-	{...$attrStore}
-	onValueChange={(v) => {
-		onValueChange?.(v);
-		setValue(v);
-	}}
-	{...$$restProps}
->
-	<slot />
-	<input hidden {name} value={$value} />
-</RadioGroup.Root>

package/dist/components/ui/form/form-radio-group.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { RadioGroup as RadioGroupPrimitive } from "bits-ui";
-declare const __propDef: {
-    props: RadioGroupPrimitive.Props;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type FormRadioGroupProps = typeof __propDef.props;
-export type FormRadioGroupEvents = typeof __propDef.events;
-export type FormRadioGroupSlots = typeof __propDef.slots;
-export default class FormRadioGroup extends SvelteComponent<FormRadioGroupProps, FormRadioGroupEvents, FormRadioGroupSlots> {
-}
-export {};

package/dist/components/ui/form/form-select-trigger.svelte

@@ -1,11 +0,0 @@
-<script>import * as Select from "../select";
-import { getFormField } from "formsnap";
-const { attrStore, value } = getFormField();
-export let placeholder = "";
-</script>
-
-<Select.Trigger {...$$restProps} {...$attrStore} on:click on:keydown type="button">
-	<slot value={$value}>
-		<Select.Value {placeholder} />
-	</slot>
-</Select.Trigger>

package/dist/components/ui/form/form-select-trigger.svelte.d.ts

@@ -1,22 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { Select as SelectPrimitive } from "bits-ui";
-declare const __propDef: {
-    props: {
-        asChild?: boolean | undefined;
-        el?: HTMLButtonElement | undefined;
-    } & import("svelte/elements").HTMLButtonAttributes & {
-        placeholder?: string | undefined;
-    };
-    slots: {
-        default: {
-            value: unknown;
-        };
-    };
-    events: SelectPrimitive.TriggerEvents;
-};
-export type FormSelectTriggerProps = typeof __propDef.props;
-export type FormSelectTriggerEvents = typeof __propDef.events;
-export type FormSelectTriggerSlots = typeof __propDef.slots;
-export default class FormSelectTrigger extends SvelteComponent<FormSelectTriggerProps, FormSelectTriggerEvents, FormSelectTriggerSlots> {
-}
-export {};

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

@@ -1,16 +0,0 @@
-<script>import * as Select from "../select";
-import { getFormField } from "formsnap";
-const { setValue, name, value } = getFormField();
-export let onSelectedChange = void 0;
-</script>
-
-<Select.Root
-	onSelectedChange={(v) => {
-		onSelectedChange?.(v);
-		setValue(v ? v.value : undefined);
-	}}
-	{...$$restProps}
->
-	<slot />
-	<input hidden {name} value={$value} />
-</Select.Root>