@kayord/ui 0.0.22 → 0.1.0

package/README.md

@@ -2,6 +2,12 @@
 
 The UI components used to build kayord applications.
 
+## Update
+
+```bash
+npx shadcn-svelte@latest
+```
+
 ## Installing
 
 Pnpm command to install ui library.

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

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
 declare const __propDef: {
-    props: AlertDialogPrimitive.OverlayProps;
+    props: AlertDialogPrimitive.ContentProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };

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

@@ -3,6 +3,7 @@ import { Search } from "lucide-svelte";
 import { cn } from "../../../utils";
 let className = void 0;
 export { className as class };
+export let value = "";
 </script>
 
 <div class="flex items-center border-b px-2" data-cmdk-input-wrapper="">
@@ -13,5 +14,6 @@ export { className as class };
 			className
 		)}
 		{...$$restProps}
+		bind:value
 	/>
 </div>

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

@@ -1,10 +1,7 @@
 import { SvelteComponent } from "svelte";
 import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
 declare const __propDef: {
-    props: {
-        disabled?: boolean | undefined;
-        asChild?: boolean | undefined;
-    } & import("bits-ui/dist/internal").HTMLDivAttributes & {
+    props: ContextMenuPrimitive.ItemProps & {
         inset?: boolean | undefined;
     };
     slots: {

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

@@ -1,6 +1,7 @@
 <script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 import { cn, flyAndScale } from "../../../utils";
 let className = void 0;
+export let sideOffset = 4;
 export let transition = flyAndScale;
 export let transitionConfig = void 0;
 export { className as class };
@@ -9,6 +10,7 @@ export { className as class };
 <DropdownMenuPrimitive.Content
 	{transition}
 	{transitionConfig}
+	{sideOffset}
 	class={cn(
 		"z-50 min-w-[8rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-md focus:outline-none",
 		className

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

@@ -1,17 +1,13 @@
 import { SvelteComponent } from "svelte";
 import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 declare const __propDef: {
-    props: {
-        disabled?: boolean | undefined;
-        href?: string | null | undefined;
-        asChild?: boolean | undefined;
-    } & import("bits-ui/dist/internal").HTMLDivAttributes & {
+    props: DropdownMenuPrimitive.ItemProps & {
         inset?: boolean | undefined;
     };
     slots: {
         default: {};
     };
-    events: DropdownMenuPrimitive.DropdownMenuItemEvents;
+    events: DropdownMenuPrimitive.ItemEvents;
 };
 export type DropdownMenuItemProps = typeof __propDef.props;
 export type DropdownMenuItemEvents = typeof __propDef.events;

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

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 declare const __propDef: {
-    props: DropdownMenuPrimitive.DropdownMenuRadioGroupProps;
+    props: DropdownMenuPrimitive.RadioGroupProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };

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

@@ -1,11 +1,11 @@
 import { SvelteComponent } from "svelte";
 import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 declare const __propDef: {
-    props: DropdownMenuPrimitive.DropdownMenuRadioItemProps;
+    props: DropdownMenuPrimitive.RadioItemProps;
     slots: {
         default: {};
     };
-    events: DropdownMenuPrimitive.DropdownMenuRadioItemEvents;
+    events: DropdownMenuPrimitive.RadioItemEvents;
 };
 export type DropdownMenuRadioItemProps = typeof __propDef.props;
 export type DropdownMenuRadioItemEvents = typeof __propDef.events;

package/dist/components/ui/dropdown-menu/dropdown-menu-separator.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 declare const __propDef: {
-    props: DropdownMenuPrimitive.DropdownMenuSeparatorProps;
+    props: DropdownMenuPrimitive.SeparatorProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };

package/dist/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte.d.ts

@@ -1,11 +1,11 @@
 import { SvelteComponent } from "svelte";
 import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 declare const __propDef: {
-    props: DropdownMenuPrimitive.DropdownMenuSubContentProps;
+    props: DropdownMenuPrimitive.ContentProps;
     slots: {
         default: {};
     };
-    events: DropdownMenuPrimitive.DropdownMenuSubContentEvents;
+    events: DropdownMenuPrimitive.SubContentEvents;
 };
 export type DropdownMenuSubContentProps = typeof __propDef.props;
 export type DropdownMenuSubContentEvents = typeof __propDef.events;

package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte.d.ts

@@ -10,7 +10,7 @@ declare const __propDef: {
     slots: {
         default: {};
     };
-    events: DropdownMenuPrimitive.DropdownMenuSubTriggerEvents;
+    events: DropdownMenuPrimitive.SubTriggerEvents;
 };
 export type DropdownMenuSubTriggerProps = typeof __propDef.props;
 export type DropdownMenuSubTriggerEvents = typeof __propDef.events;

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

@@ -3,12 +3,16 @@ import { cn, flyAndScale } from "../../../utils";
 let className = void 0;
 export let transition = flyAndScale;
 export let transitionConfig = void 0;
+export let align = "center";
+export let sideOffset = 4;
 export { className as class };
 </script>
 
 <HoverCardPrimitive.Content
 	{transition}
 	{transitionConfig}
+	{align}
+	{sideOffset}
 	class={cn(
 		"z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none mt-3",
 		className

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

@@ -1,32 +1,34 @@
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./accordion/index.js";
-export { Alert, AlertDescription, AlertTitle } from "./alert/index.js";
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from "./alert-dialog/index.js";
+export * as Accordion from "./accordion/index.js";
+export * as Alert from "./alert/index.js";
+export * as AlertDialog from "./alert-dialog/index.js";
 export { AspectRatio } from "./aspect-ratio/index.js";
-export { Avatar, AvatarFallback, AvatarImage } from "./avatar/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 { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card/index.js";
+export * as Card from "./card/index.js";
 export { Checkbox } from "./checkbox/index.js";
-export { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible/index.js";
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from "./context-menu/index.js";
-export { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./dialog/index.js";
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./dropdown-menu/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 * as Dialog from "./dialog/index.js";
+export * as DropdownMenu from "./dropdown-menu/index.js";
 export * as Form from "./form/index.js";
-export { HoverCard, HoverCardContent, HoverCardTrigger } from "./hover-card/index.js";
+export * as HoverCard from "./hover-card/index.js";
 export { Input, type InputEvents } from "./input/index.js";
 export { Label } from "./label/index.js";
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, } from "./menubar/index.js";
-export { Popover, PopoverContent, PopoverTrigger } from "./popover/index.js";
+export * as Menubar from "./menubar/index.js";
+export * as Popover from "./popover/index.js";
 export { Progress } from "./progress/index.js";
-export { RadioGroup, RadioGroupInput, RadioGroupItem } from "./radio-group/index.js";
-export { Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "./select/index.js";
+export * as RadioGroup from "./radio-group/index.js";
+export * as Select from "./select/index.js";
 export { Separator } from "./separator/index.js";
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from "./sheet/index.js";
+export * as Sheet from "./sheet/index.js";
 export { Skeleton } from "./skeleton/index.js";
 export { Slider } from "./slider/index.js";
 export { Switch } from "./switch/index.js";
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./table/index.js";
-export { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs/index.js";
+export * as Table from "./table/index.js";
+export * as Tabs from "./tabs/index.js";
 export { Textarea, type TextareaEvents } from "./textarea/index.js";
 export { Toggle } from "./toggle/index.js";
-export { Tooltip } from "./tooltip/index.js";
+export * as ToggleGroup from "./toggle-group/index.js";
+export * as Tooltip from "./tooltip/index.js";

package/dist/components/ui/index.js

@@ -1,32 +1,34 @@
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./accordion/index.js";
-export { Alert, AlertDescription, AlertTitle } from "./alert/index.js";
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from "./alert-dialog/index.js";
+export * as Accordion from "./accordion/index.js";
+export * as Alert from "./alert/index.js";
+export * as AlertDialog from "./alert-dialog/index.js";
 export { AspectRatio } from "./aspect-ratio/index.js";
-export { Avatar, AvatarFallback, AvatarImage } from "./avatar/index.js";
+export * as Avatar from "./avatar/index.js";
 export { Badge, badgeVariants } from "./badge/index.js";
 export { Button, buttonVariants } from "./button/index.js";
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card/index.js";
+export * as Card from "./card/index.js";
 export { Checkbox } from "./checkbox/index.js";
-export { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible/index.js";
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from "./context-menu/index.js";
-export { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./dialog/index.js";
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./dropdown-menu/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 * as Dialog from "./dialog/index.js";
+export * as DropdownMenu from "./dropdown-menu/index.js";
 export * as Form from "./form/index.js";
-export { HoverCard, HoverCardContent, HoverCardTrigger } from "./hover-card/index.js";
+export * as HoverCard from "./hover-card/index.js";
 export { Input } from "./input/index.js";
 export { Label } from "./label/index.js";
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, } from "./menubar/index.js";
-export { Popover, PopoverContent, PopoverTrigger } from "./popover/index.js";
+export * as Menubar from "./menubar/index.js";
+export * as Popover from "./popover/index.js";
 export { Progress } from "./progress/index.js";
-export { RadioGroup, RadioGroupInput, RadioGroupItem } from "./radio-group/index.js";
-export { Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "./select/index.js";
+export * as RadioGroup from "./radio-group/index.js";
+export * as Select from "./select/index.js";
 export { Separator } from "./separator/index.js";
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from "./sheet/index.js";
+export * as Sheet from "./sheet/index.js";
 export { Skeleton } from "./skeleton/index.js";
 export { Slider } from "./slider/index.js";
 export { Switch } from "./switch/index.js";
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./table/index.js";
-export { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs/index.js";
+export * as Table from "./table/index.js";
+export * as Tabs from "./tabs/index.js";
 export { Textarea } from "./textarea/index.js";
 export { Toggle } from "./toggle/index.js";
-export { Tooltip } from "./tooltip/index.js";
+export * as ToggleGroup from "./toggle-group/index.js";
+export * as Tooltip from "./tooltip/index.js";

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

@@ -1,7 +1,10 @@
 <script>import { Menubar as MenubarPrimitive } from "bits-ui";
 import { cn, flyAndScale } from "../../../utils";
 let className = void 0;
-export let sideOffset = 4;
+export let sideOffset = 8;
+export let alignOffset = -4;
+export let align = "start";
+export let side = "bottom";
 export let transition = flyAndScale;
 export let transitionConfig = void 0;
 export { className as class };
@@ -11,6 +14,9 @@ export { className as class };
 	{transition}
 	{transitionConfig}
 	{sideOffset}
+	{align}
+	{alignOffset}
+	{side}
 	class={cn(
 		"z-50 min-w-[12rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-md focus:outline-none",
 		className

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

@@ -1,10 +1,7 @@
 import { SvelteComponent } from "svelte";
 import { Menubar as MenubarPrimitive } from "bits-ui";
 declare const __propDef: {
-    props: {
-        disabled?: boolean | undefined;
-        asChild?: boolean | undefined;
-    } & import("bits-ui/dist/internal").HTMLDivAttributes & {
+    props: MenubarPrimitive.ItemProps & {
         inset?: boolean | undefined;
     };
     slots: {

package/dist/components/ui/menubar/menubar-sub-content.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 import { Menubar as MenubarPrimitive } from "bits-ui";
 declare const __propDef: {
-    props: MenubarPrimitive.SubContentProps;
+    props: MenubarPrimitive.ContentProps;
     slots: {
         default: {};
     };

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

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import { Menubar as MenubarPrimitive } from "bits-ui";
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
@@ -9,14 +10,7 @@ declare const __propDef: {
     slots: {
         default: {};
     };
-    events: {
-        click: import("bits-ui").CustomEventHandler<PointerEvent, HTMLDivElement>;
-        keydown: import("bits-ui").CustomEventHandler<KeyboardEvent, HTMLDivElement>;
-        focusin: import("bits-ui").CustomEventHandler<FocusEvent, HTMLDivElement>;
-        focusout: import("bits-ui").CustomEventHandler<FocusEvent, HTMLDivElement>;
-        pointerleave: import("bits-ui").CustomEventHandler<PointerEvent, HTMLDivElement>;
-        pointermove: import("bits-ui").CustomEventHandler<PointerEvent, HTMLDivElement>;
-    };
+    events: MenubarPrimitive.SubTriggerEvents;
 };
 export type MenubarSubTriggerProps = typeof __propDef.props;
 export type MenubarSubTriggerEvents = typeof __propDef.events;

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

@@ -1,6 +1,7 @@
 <script>import { Select as SelectPrimitive } from "bits-ui";
 import { cn, flyAndScale } from "../../../utils";
 import { scale } from "svelte/transition";
+export let sideOffset = 4;
 export let inTransition = flyAndScale;
 export let inTransitionConfig = void 0;
 export let outTransition = scale;
@@ -18,6 +19,7 @@ export { className as class };
 	{inTransitionConfig}
 	{outTransition}
 	{outTransitionConfig}
+	{sideOffset}
 	class={cn(
 		"relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md outline-none",
 		className

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

@@ -6,6 +6,8 @@ export { className as class };
 <td
 	class={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
 	{...$$restProps}
+	on:click
+	on:keydown
 >
 	<slot />
 </td>

package/dist/components/ui/table/table-cell.svelte.d.ts

@@ -3,6 +3,9 @@ import type { HTMLTdAttributes } from "svelte/elements";
 declare const __propDef: {
     props: HTMLTdAttributes;
     events: {
+        click: MouseEvent;
+        keydown: KeyboardEvent;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {

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

@@ -3,6 +3,12 @@ let className = void 0;
 export { className as class };
 </script>
 
-<thead class={cn("[&_tr]:border-b", className)} {...$$restProps}>
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
+<thead
+	class={cn("[&_tr]:border-b", className)}
+	{...$$restProps}
+	on:click
+	on:keydown
+>
 	<slot />
 </thead>

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

@@ -3,6 +3,9 @@ import type { HTMLAttributes } from "svelte/elements";
 declare const __propDef: {
     props: HTMLAttributes<HTMLTableSectionElement>;
     events: {
+        click: MouseEvent;
+        keydown: KeyboardEvent;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {

package/dist/components/ui/table/table-row.svelte

@@ -9,6 +9,8 @@ export { className as class };
 		className
 	)}
 	{...$$restProps}
+	on:click
+	on:keydown
 >
 	<slot />
 </tr>

package/dist/components/ui/table/table-row.svelte.d.ts

@@ -5,6 +5,9 @@ declare const __propDef: {
         "data-state"?: unknown;
     };
     events: {
+        click: MouseEvent;
+        keydown: KeyboardEvent;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {

package/dist/components/ui/toggle-group/index.d.ts

@@ -0,0 +1,8 @@
+import type { VariantProps } from "tailwind-variants";
+import type { toggleVariants } from "../toggle";
+import Root from "./toggle-group.svelte";
+import Item from "./toggle-group-item.svelte";
+export type ToggleVariants = VariantProps<typeof toggleVariants>;
+export declare function setToggleGroupCtx(props: ToggleVariants): void;
+export declare function getToggleGroupCtx(): ToggleVariants;
+export { Root, Item, Root as ToggleGroup, Item as ToggleGroupItem };

package/dist/components/ui/toggle-group/index.js

@@ -0,0 +1,12 @@
+import { getContext, setContext } from "svelte";
+import Root from "./toggle-group.svelte";
+import Item from "./toggle-group-item.svelte";
+export function setToggleGroupCtx(props) {
+    setContext("toggleGroup", props);
+}
+export function getToggleGroupCtx() {
+    return getContext("toggleGroup");
+}
+export { Root, Item, 
+//
+Root as ToggleGroup, Item as ToggleGroupItem };

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

@@ -0,0 +1,25 @@
+<script>import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+import { getToggleGroupCtx } from ".";
+import { toggleVariants } from "../toggle";
+let className = void 0;
+export { className as class };
+export let variant = "default";
+export let size = "default";
+export let value;
+const ctx = getToggleGroupCtx();
+</script>
+
+<ToggleGroupPrimitive.Item
+	class={cn(
+		toggleVariants({
+			variant: ctx.variant || variant,
+			size: ctx.size || size
+		}),
+		className
+	)}
+	{value}
+	{...$$restProps}
+>
+	<slot />
+</ToggleGroupPrimitive.Item>

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

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import { type ToggleVariants } from ".";
+declare const __propDef: {
+    props: {
+        value: string;
+        disabled?: boolean | undefined;
+        asChild?: boolean | undefined;
+    } & import("svelte/elements").HTMLButtonAttributes & ToggleVariants;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type ToggleGroupItemProps = typeof __propDef.props;
+export type ToggleGroupItemEvents = typeof __propDef.events;
+export type ToggleGroupItemSlots = typeof __propDef.slots;
+export default class ToggleGroupItem extends SvelteComponent<ToggleGroupItemProps, ToggleGroupItemEvents, ToggleGroupItemSlots> {
+}
+export {};

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

@@ -0,0 +1,22 @@
+<script>import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
+import { setToggleGroupCtx } from ".";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+export let variant = "default";
+export let size = "default";
+export let value = void 0;
+setToggleGroupCtx({
+  variant,
+  size
+});
+</script>
+
+<ToggleGroupPrimitive.Root
+	class={cn("flex items-center justify-center gap-1", className)}
+	bind:value
+	{...$$restProps}
+	let:builder
+>
+	<slot {builder} />
+</ToggleGroupPrimitive.Root>

package/dist/extra.d.ts

@@ -0,0 +1,2 @@
+export type { FormOptions } from "formsnap";
+export { getForm, getFormSchema, getFormControl } from "formsnap";

package/dist/extra.js

@@ -0,0 +1 @@
+export { getForm, getFormSchema, getFormControl } from "formsnap";

package/dist/index.d.ts

@@ -2,3 +2,4 @@ export * from "./utils.js";
 export * from "./components/ui/index.js";
 export * from "./components/custom/index.js";
 export * from "./external.js";
+export * from "./extra.js";

package/dist/index.js

@@ -6,3 +6,5 @@ export * from "./components/ui/index.js";
 export * from "./components/custom/index.js";
 // External components
 export * from "./external.js";
+// Extra exports required
+export * from "./extra.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "0.0.22",
+  "version": "0.1.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -21,40 +21,40 @@
     "svelte": "^4.0.0"
   },
   "dependencies": {
-    "bits-ui": "^0.9.8",
+    "bits-ui": "^0.10.1",
     "clsx": "^2.0.0",
     "cmdk-sv": "^0.0.12",
     "formsnap": "^0.4.1",
-    "lucide-svelte": "^0.292.0",
-    "mode-watcher": "^0.1.1",
-    "sveltekit-superforms": "^1.10.2",
-    "tailwind-merge": "^2.0.0",
+    "lucide-svelte": "^0.294.0",
+    "mode-watcher": "^0.1.2",
+    "sveltekit-superforms": "^1.11.0",
+    "tailwind-merge": "^2.1.0",
     "tailwind-variants": "^0.1.18",
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@playwright/test": "^1.40.0",
+    "@playwright/test": "^1.40.1",
     "@sveltejs/adapter-auto": "^2.1.1",
     "@sveltejs/kit": "^1.27.6",
     "@sveltejs/package": "^2.2.3",
-    "@typescript-eslint/eslint-plugin": "^6.12.0",
-    "@typescript-eslint/parser": "^6.12.0",
+    "@typescript-eslint/eslint-plugin": "^6.13.2",
+    "@typescript-eslint/parser": "^6.13.2",
     "autoprefixer": "^10.4.16",
-    "eslint": "^8.54.0",
-    "eslint-config-prettier": "^9.0.0",
+    "eslint": "^8.55.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.35.1",
-    "postcss": "^8.4.31",
-    "postcss-load-config": "^4.0.2",
+    "postcss": "^8.4.32",
+    "postcss-load-config": "^5.0.2",
     "prettier": "^3.1.0",
     "prettier-plugin-svelte": "^3.1.2",
-    "publint": "^0.2.5",
-    "svelte": "^4.2.7",
-    "svelte-check": "^3.6.1",
+    "publint": "^0.2.6",
+    "svelte": "^4.2.8",
+    "svelte-check": "^3.6.2",
     "tailwindcss": "^3.3.5",
     "tslib": "^2.6.2",
     "typescript": "^5.3.2",
-    "vite": "^5.0.2",
-    "vitest": "^0.34.6"
+    "vite": "^5.0.5",
+    "vitest": "^1.0.0"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",