@kayord/ui 0.0.1

package/dist/components/ui/progress/progress.svelte

@@ -0,0 +1,22 @@
+<script>import { Progress as ProgressPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export let max = 100;
+export let value = void 0;
+export { className as class };
+</script>
+
+<ProgressPrimitive.Root
+	class={cn(
+		"relative h-4 w-full overflow-hidden rounded-full bg-secondary",
+		className
+	)}
+	{...$$restProps}
+>
+	<div
+		class="h-full w-full flex-1 bg-primary transition-all"
+		style={`transform: translateX(-${
+			100 - (100 * (value ?? 0)) / (max ?? 1)
+		}%)`}
+	/>
+</ProgressPrimitive.Root>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Progress as ProgressPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: ProgressPrimitive.Props;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ProgressProps = typeof __propDef.props;
+export type ProgressEvents = typeof __propDef.events;
+export type ProgressSlots = typeof __propDef.slots;
+export default class Progress extends SvelteComponent<ProgressProps, ProgressEvents, ProgressSlots> {
+}
+export {};

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

@@ -0,0 +1,5 @@
+import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
+import Root from "./radio-group.svelte";
+import Item from "./radio-group-item.svelte";
+declare const Input: typeof RadioGroupPrimitive.Input;
+export { Root, Input, Item, Root as RadioGroup, Input as RadioGroupInput, Item as RadioGroupItem };

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

@@ -0,0 +1,7 @@
+import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
+import Root from "./radio-group.svelte";
+import Item from "./radio-group-item.svelte";
+const Input = RadioGroupPrimitive.Input;
+export { Root, Input, Item, 
+//
+Root as RadioGroup, Input as RadioGroupInput, Item as RadioGroupItem };

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

@@ -0,0 +1,23 @@
+<script>import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
+import { Circle } from "lucide-svelte";
+import { cn } from "../../../utils";
+let className = void 0;
+export let value;
+export { className as class };
+</script>
+
+<RadioGroupPrimitive.Item
+	{value}
+	class={cn(
+		"aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+		className
+	)}
+	{...$$restProps}
+	on:click
+>
+	<div class="flex items-center justify-center">
+		<RadioGroupPrimitive.ItemIndicator>
+			<Circle class="h-2.5 w-2.5 fill-current text-current" />
+		</RadioGroupPrimitive.ItemIndicator>
+	</div>
+</RadioGroupPrimitive.Item>

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

@@ -0,0 +1,13 @@
+import { SvelteComponent } from "svelte";
+import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: RadioGroupPrimitive.ItemProps;
+    slots: {};
+    events: RadioGroupPrimitive.ItemEvents;
+};
+export type RadioGroupItemProps = typeof __propDef.props;
+export type RadioGroupItemEvents = typeof __propDef.events;
+export type RadioGroupItemSlots = typeof __propDef.slots;
+export default class RadioGroupItem extends SvelteComponent<RadioGroupItemProps, RadioGroupItemEvents, RadioGroupItemSlots> {
+}
+export {};

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

@@ -0,0 +1,14 @@
+<script>import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export let value = void 0;
+export { className as class };
+</script>
+
+<RadioGroupPrimitive.Root
+	bind:value
+	class={cn("grid gap-2", className)}
+	{...$$restProps}
+>
+	<slot />
+</RadioGroupPrimitive.Root>

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

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

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

@@ -0,0 +1,11 @@
+import { Select as SelectPrimitive } from "bits-ui";
+import Root from "./select.svelte";
+import Label from "./select-label.svelte";
+import Item from "./select-item.svelte";
+import Content from "./select-content.svelte";
+import Trigger from "./select-trigger.svelte";
+import Separator from "./select-separator.svelte";
+declare const Group: typeof SelectPrimitive.Group;
+declare const Input: typeof SelectPrimitive.Input;
+declare const Value: typeof SelectPrimitive.Value;
+export { Root, Group, Input, Label, Item, Value, Content, Trigger, Separator, Root as Select, Group as SelectGroup, Input as SelectInput, Label as SelectLabel, Item as SelectItem, Value as SelectValue, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator };

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

@@ -0,0 +1,13 @@
+import { Select as SelectPrimitive } from "bits-ui";
+import Root from "./select.svelte";
+import Label from "./select-label.svelte";
+import Item from "./select-item.svelte";
+import Content from "./select-content.svelte";
+import Trigger from "./select-trigger.svelte";
+import Separator from "./select-separator.svelte";
+const Group = SelectPrimitive.Group;
+const Input = SelectPrimitive.Input;
+const Value = SelectPrimitive.Value;
+export { Root, Group, Input, Label, Item, Value, Content, Trigger, Separator, 
+//
+Root as Select, Group as SelectGroup, Input as SelectInput, Label as SelectLabel, Item as SelectItem, Value as SelectValue, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator };

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

@@ -0,0 +1,31 @@
+<script>import { Select as SelectPrimitive } from "bits-ui";
+import { cn, flyAndScale } from "../../../utils";
+import { scale } from "svelte/transition";
+export let inTransition = flyAndScale;
+export let inTransitionConfig = void 0;
+export let outTransition = scale;
+export let outTransitionConfig = {
+  start: 0.95,
+  opacity: 0,
+  duration: 50
+};
+let className = void 0;
+export { className as class };
+</script>
+
+<SelectPrimitive.Content
+	{inTransition}
+	{inTransitionConfig}
+	{outTransition}
+	{outTransitionConfig}
+	class={cn(
+		"relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md outline-none",
+		className
+	)}
+	{...$$restProps}
+	on:keydown
+>
+	<div class="w-full p-1">
+		<slot />
+	</div>
+</SelectPrimitive.Content>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Select as SelectPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: SelectPrimitive.ContentProps;
+    slots: {
+        default: {};
+    };
+    events: SelectPrimitive.ContentEvents;
+};
+export type SelectContentProps = typeof __propDef.props;
+export type SelectContentEvents = typeof __propDef.events;
+export type SelectContentSlots = typeof __propDef.slots;
+export default class SelectContent extends SvelteComponent<SelectContentProps, SelectContentEvents, SelectContentSlots> {
+}
+export {};

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

@@ -0,0 +1,33 @@
+<script>import { Select as SelectPrimitive } from "bits-ui";
+import { Check } from "lucide-svelte";
+import { cn } from "../../../utils";
+let className = void 0;
+export let value;
+export let label = void 0;
+export let disabled = void 0;
+export { className as class };
+</script>
+
+<SelectPrimitive.Item
+	{value}
+	{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 focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		className
+	)}
+	{...$$restProps}
+	on:click
+	on:keydown
+	on:focusin
+	on:focusout
+	on:pointerleave
+	on:pointermove
+>
+	<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+		<SelectPrimitive.ItemIndicator>
+			<Check class="h-4 w-4" />
+		</SelectPrimitive.ItemIndicator>
+	</span>
+	<slot />
+</SelectPrimitive.Item>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Select as SelectPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: SelectPrimitive.ItemProps;
+    slots: {
+        default: {};
+    };
+    events: SelectPrimitive.ItemEvents;
+};
+export type SelectItemProps = typeof __propDef.props;
+export type SelectItemEvents = typeof __propDef.events;
+export type SelectItemSlots = typeof __propDef.slots;
+export default class SelectItem extends SvelteComponent<SelectItemProps, SelectItemEvents, SelectItemSlots> {
+}
+export {};

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

@@ -0,0 +1,12 @@
+<script>import { Select as SelectPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<SelectPrimitive.Label
+	class={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)}
+	{...$$restProps}
+>
+	<slot />
+</SelectPrimitive.Label>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Select as SelectPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: SelectPrimitive.LabelProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type SelectLabelProps = typeof __propDef.props;
+export type SelectLabelEvents = typeof __propDef.events;
+export type SelectLabelSlots = typeof __propDef.slots;
+export default class SelectLabel extends SvelteComponent<SelectLabelProps, SelectLabelEvents, SelectLabelSlots> {
+}
+export {};

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

@@ -0,0 +1,10 @@
+<script>import { Select as SelectPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<SelectPrimitive.Separator
+	class={cn("-mx-1 my-1 h-px bg-muted", className)}
+	{...$$restProps}
+/>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Select as SelectPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: SelectPrimitive.SeparatorProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type SelectSeparatorProps = typeof __propDef.props;
+export type SelectSeparatorEvents = typeof __propDef.events;
+export type SelectSeparatorSlots = typeof __propDef.slots;
+export default class SelectSeparator extends SvelteComponent<SelectSeparatorProps, SelectSeparatorEvents, SelectSeparatorSlots> {
+}
+export {};

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

@@ -0,0 +1,22 @@
+<script>import { Select as SelectPrimitive } from "bits-ui";
+import { ChevronDown } from "lucide-svelte";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<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",
+		className
+	)}
+	{...$$restProps}
+	let:builder
+	on:click
+	on:keydown
+>
+	<slot {builder} />
+	<div>
+		<ChevronDown class="h-4 w-4 opacity-50" />
+	</div>
+</SelectPrimitive.Trigger>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Select as SelectPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: SelectPrimitive.TriggerProps;
+    slots: {
+        default: {
+            builder: any;
+        };
+    };
+    events: SelectPrimitive.TriggerEvents;
+};
+export type SelectTriggerProps = typeof __propDef.props;
+export type SelectTriggerEvents = typeof __propDef.events;
+export type SelectTriggerSlots = typeof __propDef.slots;
+export default class SelectTrigger extends SvelteComponent<SelectTriggerProps, SelectTriggerEvents, SelectTriggerSlots> {
+}
+export {};

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

@@ -0,0 +1,8 @@
+<script>import { Select as SelectPrimitive } from "bits-ui";
+export let selected = void 0;
+export let open = void 0;
+</script>
+
+<SelectPrimitive.Root bind:selected bind:open {...$$restProps}>
+	<slot />
+</SelectPrimitive.Root>

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

@@ -0,0 +1,2 @@
+import Root from "./separator.svelte";
+export { Root, Root as Separator };

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

@@ -0,0 +1,4 @@
+import Root from "./separator.svelte";
+export { Root, 
+//
+Root as Separator };

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

@@ -0,0 +1,18 @@
+<script>import { Separator as SeparatorPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export let orientation = "horizontal";
+export let decorative = void 0;
+export { className as class };
+</script>
+
+<SeparatorPrimitive.Root
+	class={cn(
+		"shrink-0 bg-border",
+		orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+		className
+	)}
+	{orientation}
+	{decorative}
+	{...$$restProps}
+/>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Separator as SeparatorPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: SeparatorPrimitive.Props;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type SeparatorProps = typeof __propDef.props;
+export type SeparatorEvents = typeof __propDef.events;
+export type SeparatorSlots = typeof __propDef.slots;
+export default class Separator extends SvelteComponent<SeparatorProps, SeparatorEvents, SeparatorSlots> {
+}
+export {};

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

@@ -0,0 +1,114 @@
+import { Dialog as SheetPrimitive } from "bits-ui";
+import { type VariantProps } from "tailwind-variants";
+import Portal from "./sheet-portal.svelte";
+import Overlay from "./sheet-overlay.svelte";
+import Content from "./sheet-content.svelte";
+import Header from "./sheet-header.svelte";
+import Footer from "./sheet-footer.svelte";
+import Title from "./sheet-title.svelte";
+import Description from "./sheet-description.svelte";
+declare const Root: typeof SheetPrimitive.Root;
+declare const Close: typeof SheetPrimitive.Close;
+declare const Trigger: typeof SheetPrimitive.Trigger;
+export { Root, Close, Trigger, Portal, Overlay, Content, Header, Footer, Title, Description, Root as Sheet, Close as SheetClose, Trigger as SheetTrigger, Portal as SheetPortal, Overlay as SheetOverlay, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription };
+export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
+    side: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}, undefined, "fixed z-50 gap-4 bg-background p-6 shadow-lg", import("tailwind-variants/dist/config").TVConfig<{
+    side: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}, {
+    side: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}>, {
+    side: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    side: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}, undefined, "fixed z-50 gap-4 bg-background p-6 shadow-lg", import("tailwind-variants/dist/config").TVConfig<{
+    side: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}, {
+    side: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const sheetTransitions: {
+    top: {
+        in: {
+            y: string;
+            duration: number;
+            opacity: number;
+        };
+        out: {
+            y: string;
+            duration: number;
+            opacity: number;
+        };
+    };
+    bottom: {
+        in: {
+            y: string;
+            duration: number;
+            opacity: number;
+        };
+        out: {
+            y: string;
+            duration: number;
+            opacity: number;
+        };
+    };
+    left: {
+        in: {
+            x: string;
+            duration: number;
+            opacity: number;
+        };
+        out: {
+            x: string;
+            duration: number;
+            opacity: number;
+        };
+    };
+    right: {
+        in: {
+            x: string;
+            duration: number;
+            opacity: number;
+        };
+        out: {
+            x: string;
+            duration: number;
+            opacity: number;
+        };
+    };
+};
+export type Side = VariantProps<typeof sheetVariants>["side"];

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

@@ -0,0 +1,79 @@
+import { Dialog as SheetPrimitive } from "bits-ui";
+import { tv } from "tailwind-variants";
+import Portal from "./sheet-portal.svelte";
+import Overlay from "./sheet-overlay.svelte";
+import Content from "./sheet-content.svelte";
+import Header from "./sheet-header.svelte";
+import Footer from "./sheet-footer.svelte";
+import Title from "./sheet-title.svelte";
+import Description from "./sheet-description.svelte";
+const Root = SheetPrimitive.Root;
+const Close = SheetPrimitive.Close;
+const Trigger = SheetPrimitive.Trigger;
+export { Root, Close, Trigger, Portal, Overlay, Content, Header, Footer, Title, Description, 
+//
+Root as Sheet, Close as SheetClose, Trigger as SheetTrigger, Portal as SheetPortal, Overlay as SheetOverlay, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription };
+export const sheetVariants = tv({
+    base: "fixed z-50 gap-4 bg-background p-6 shadow-lg",
+    variants: {
+        side: {
+            top: "inset-x-0 top-0 border-b",
+            bottom: "inset-x-0 bottom-0 border-t",
+            left: "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+            right: "inset-y-0 right-0 h-full w-3/4  border-l sm:max-w-sm"
+        }
+    },
+    defaultVariants: {
+        side: "right"
+    }
+});
+export const sheetTransitions = {
+    top: {
+        in: {
+            y: "-100%",
+            duration: 500,
+            opacity: 1
+        },
+        out: {
+            y: "-100%",
+            duration: 300,
+            opacity: 1
+        }
+    },
+    bottom: {
+        in: {
+            y: "100%",
+            duration: 500,
+            opacity: 1
+        },
+        out: {
+            y: "100%",
+            duration: 300,
+            opacity: 1
+        }
+    },
+    left: {
+        in: {
+            x: "-100%",
+            duration: 500,
+            opacity: 1
+        },
+        out: {
+            x: "-100%",
+            duration: 300,
+            opacity: 1
+        }
+    },
+    right: {
+        in: {
+            x: "100%",
+            duration: 500,
+            opacity: 1
+        },
+        out: {
+            x: "100%",
+            duration: 300,
+            opacity: 1
+        }
+    }
+};

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

@@ -0,0 +1,38 @@
+<script>import { Dialog as SheetPrimitive } from "bits-ui";
+import {
+  SheetOverlay,
+  SheetPortal,
+  sheetTransitions,
+  sheetVariants
+} from ".";
+import { X } from "lucide-svelte";
+import { cn } from "../../../utils";
+import { fly } from "svelte/transition";
+let className = void 0;
+export let side = "right";
+export { className as class };
+export let inTransition = fly;
+export let inTransitionConfig = sheetTransitions[side ? side : "right"]["in"];
+export let outTransition = fly;
+export let outTransitionConfig = sheetTransitions[side ? side : "right"]["out"];
+</script>
+
+<SheetPortal>
+	<SheetOverlay />
+	<SheetPrimitive.Content
+		{inTransition}
+		{inTransitionConfig}
+		{outTransition}
+		{outTransitionConfig}
+		class={cn(sheetVariants({ side }), className)}
+		{...$$restProps}
+	>
+		<slot />
+		<SheetPrimitive.Close
+			class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary"
+		>
+			<X class="h-4 w-4" />
+			<span class="sr-only">Close</span>
+		</SheetPrimitive.Close>
+	</SheetPrimitive.Content>
+</SheetPortal>