@kayord/ui 0.0.1

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

@@ -0,0 +1,8 @@
+import { Tabs as TabsPrimitive } from "bits-ui";
+import Content from "./tabs-content.svelte";
+import List from "./tabs-list.svelte";
+import Trigger from "./tabs-trigger.svelte";
+const Root = TabsPrimitive.Root;
+export { Root, Content, List, Trigger, 
+//
+Root as Tabs, Content as TabsContent, List as TabsList, Trigger as TabsTrigger };

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

@@ -0,0 +1,17 @@
+<script>import { Tabs as TabsPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export let value;
+export { className as class };
+</script>
+
+<TabsPrimitive.Content
+	class={cn(
+		"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+		className
+	)}
+	{value}
+	{...$$restProps}
+>
+	<slot />
+</TabsPrimitive.Content>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Tabs as TabsPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: TabsPrimitive.ContentProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type TabsContentProps = typeof __propDef.props;
+export type TabsContentEvents = typeof __propDef.events;
+export type TabsContentSlots = typeof __propDef.slots;
+export default class TabsContent extends SvelteComponent<TabsContentProps, TabsContentEvents, TabsContentSlots> {
+}
+export {};

package/dist/components/ui/tabs/tabs-list.svelte

@@ -0,0 +1,15 @@
+<script>import { Tabs as TabsPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<TabsPrimitive.List
+	class={cn(
+		"inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</TabsPrimitive.List>

package/dist/components/ui/tabs/tabs-list.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Tabs as TabsPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: TabsPrimitive.ListProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type TabsListProps = typeof __propDef.props;
+export type TabsListEvents = typeof __propDef.events;
+export type TabsListSlots = typeof __propDef.slots;
+export default class TabsList extends SvelteComponent<TabsListProps, TabsListEvents, TabsListSlots> {
+}
+export {};

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

@@ -0,0 +1,18 @@
+<script>import { Tabs as TabsPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export let value;
+export { className as class };
+</script>
+
+<TabsPrimitive.Trigger
+	class={cn(
+		"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+		className
+	)}
+	{value}
+	{...$$restProps}
+	on:click
+>
+	<slot />
+</TabsPrimitive.Trigger>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Tabs as TabsPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: TabsPrimitive.TriggerProps;
+    slots: {
+        default: {};
+    };
+    events: TabsPrimitive.TriggerEvents;
+};
+export type TabsTriggerProps = typeof __propDef.props;
+export type TabsTriggerEvents = typeof __propDef.events;
+export type TabsTriggerSlots = typeof __propDef.slots;
+export default class TabsTrigger extends SvelteComponent<TabsTriggerProps, TabsTriggerEvents, TabsTriggerSlots> {
+}
+export {};

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

@@ -0,0 +1,19 @@
+import Root from "./textarea.svelte";
+type FormTextareaEvent<T extends Event = Event> = T & {
+    currentTarget: EventTarget & HTMLTextAreaElement;
+};
+type TextareaEvents = {
+    blur: FormTextareaEvent<FocusEvent>;
+    change: FormTextareaEvent<Event>;
+    click: FormTextareaEvent<MouseEvent>;
+    focus: FormTextareaEvent<FocusEvent>;
+    keydown: FormTextareaEvent<KeyboardEvent>;
+    keypress: FormTextareaEvent<KeyboardEvent>;
+    keyup: FormTextareaEvent<KeyboardEvent>;
+    mouseover: FormTextareaEvent<MouseEvent>;
+    mouseenter: FormTextareaEvent<MouseEvent>;
+    mouseleave: FormTextareaEvent<MouseEvent>;
+    paste: FormTextareaEvent<ClipboardEvent>;
+    input: FormTextareaEvent<InputEvent>;
+};
+export { Root, Root as Textarea, type TextareaEvents, type FormTextareaEvent };

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

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

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

@@ -0,0 +1,26 @@
+<script>import { cn } from "../../../utils";
+let className = void 0;
+export let value = void 0;
+export { className as class };
+</script>
+
+<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",
+		className
+	)}
+	bind:value
+	on:blur
+	on:change
+	on:click
+	on:focus
+	on:keydown
+	on:keypress
+	on:keyup
+	on:mouseover
+	on:mouseenter
+	on:mouseleave
+	on:paste
+	on:input
+	{...$$restProps}
+/>

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

@@ -0,0 +1,28 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLTextareaAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLTextareaAttributes;
+    events: {
+        blur: FocusEvent;
+        change: Event;
+        click: MouseEvent;
+        focus: FocusEvent;
+        keydown: KeyboardEvent;
+        keypress: KeyboardEvent;
+        keyup: KeyboardEvent;
+        mouseover: MouseEvent;
+        mouseenter: MouseEvent;
+        mouseleave: MouseEvent;
+        paste: ClipboardEvent;
+        input: Event;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TextareaProps = typeof __propDef.props;
+export type TextareaEvents = typeof __propDef.events;
+export type TextareaSlots = typeof __propDef.slots;
+export default class Textarea extends SvelteComponent<TextareaProps, TextareaEvents, TextareaSlots> {
+}
+export {};

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

@@ -0,0 +1,76 @@
+import Root from "./toggle.svelte";
+import { type VariantProps } from "tailwind-variants";
+export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background hover:bg-muted hover:text-muted-foreground", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}>, {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background hover:bg-muted hover:text-muted-foreground", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+export type Variant = VariantProps<typeof toggleVariants>["variant"];
+export type Size = VariantProps<typeof toggleVariants>["size"];
+export { Root, Root as Toggle };

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

@@ -0,0 +1,23 @@
+import Root from "./toggle.svelte";
+import { tv } from "tailwind-variants";
+export const toggleVariants = tv({
+    base: "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background hover:bg-muted hover:text-muted-foreground",
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            outline: "bg-transparent border border-input hover:bg-accent hover:text-accent-foreground"
+        },
+        size: {
+            default: "h-10 px-3",
+            sm: "h-9 px-2.5",
+            lg: "h-11 px-5"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default"
+    }
+});
+export { Root, 
+//
+Root as Toggle };

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

@@ -0,0 +1,18 @@
+<script>import { Toggle as TogglePrimitive } from "bits-ui";
+import { toggleVariants } from ".";
+import { cn } from "../../../utils";
+let className = void 0;
+export let variant = "default";
+export let size = "default";
+export let pressed = void 0;
+export { className as class };
+</script>
+
+<TogglePrimitive.Root
+	bind:pressed
+	class={cn(toggleVariants({ variant, size, className }))}
+	{...$$restProps}
+	on:click
+>
+	<slot />
+</TogglePrimitive.Root>

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

@@ -0,0 +1,24 @@
+import { SvelteComponent } from "svelte";
+import { Toggle as TogglePrimitive } from "bits-ui";
+import { type Variant, type Size } from ".";
+declare const __propDef: {
+    props: {
+        disabled?: boolean | undefined;
+        pressed?: boolean | undefined;
+        onPressedChange?: import("bits-ui/dist/internal").OnChangeFn<boolean | undefined> | undefined;
+        asChild?: boolean | undefined;
+    } & import("svelte/elements").HTMLButtonAttributes & {
+        variant?: Variant;
+        size?: Size;
+    };
+    slots: {
+        default: {};
+    };
+    events: TogglePrimitive.Events;
+};
+export type ToggleProps = typeof __propDef.props;
+export type ToggleEvents = typeof __propDef.events;
+export type ToggleSlots = typeof __propDef.slots;
+export default class Toggle extends SvelteComponent<ToggleProps, ToggleEvents, ToggleSlots> {
+}
+export {};

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

@@ -0,0 +1,5 @@
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+import Content from "./tooltip-content.svelte";
+declare const Root: typeof TooltipPrimitive.Root;
+declare const Trigger: typeof TooltipPrimitive.Trigger;
+export { Root, Trigger, Content, Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger };

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

@@ -0,0 +1,7 @@
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+import Content from "./tooltip-content.svelte";
+const Root = TooltipPrimitive.Root;
+const Trigger = TooltipPrimitive.Trigger;
+export { Root, Trigger, Content, 
+//
+Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger };

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

@@ -0,0 +1,24 @@
+<script>import { Tooltip as TooltipPrimitive } from "bits-ui";
+import { cn, flyAndScale } from "../../../utils";
+let className = void 0;
+export let sideOffset = 4;
+export let transition = flyAndScale;
+export let transitionConfig = {
+  y: 8,
+  duration: 150
+};
+export { className as class };
+</script>
+
+<TooltipPrimitive.Content
+	{transition}
+	{transitionConfig}
+	{sideOffset}
+	class={cn(
+		"z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</TooltipPrimitive.Content>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: TooltipPrimitive.ContentProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type TooltipContentProps = typeof __propDef.props;
+export type TooltipContentEvents = typeof __propDef.events;
+export type TooltipContentSlots = typeof __propDef.slots;
+export default class TooltipContent extends SvelteComponent<TooltipContentProps, TooltipContentEvents, TooltipContentSlots> {
+}
+export {};

package/dist/index.d.ts

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

package/dist/index.js

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

package/dist/utils.d.ts

@@ -0,0 +1,11 @@
+import { type ClassValue } from "clsx";
+import type { TransitionConfig } from "svelte/transition";
+export declare function cn(...inputs: ClassValue[]): string;
+type FlyAndScaleParams = {
+    y?: number;
+    x?: number;
+    start?: number;
+    duration?: number;
+};
+export declare const flyAndScale: (node: Element, params?: FlyAndScaleParams) => TransitionConfig;
+export {};

package/dist/utils.js

@@ -0,0 +1,38 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import { cubicOut } from "svelte/easing";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export const flyAndScale = (node, params = { y: -8, x: 0, start: 0.95, duration: 150 }) => {
+    const style = getComputedStyle(node);
+    const transform = style.transform === "none" ? "" : style.transform;
+    const scaleConversion = (valueA, scaleA, scaleB) => {
+        const [minA, maxA] = scaleA;
+        const [minB, maxB] = scaleB;
+        const percentage = (valueA - minA) / (maxA - minA);
+        const valueB = percentage * (maxB - minB) + minB;
+        return valueB;
+    };
+    const styleToString = (style) => {
+        return Object.keys(style).reduce((str, key) => {
+            if (style[key] === undefined)
+                return str;
+            return str + `${key}:${style[key]};`;
+        }, "");
+    };
+    return {
+        duration: params.duration ?? 200,
+        delay: 0,
+        css: (t) => {
+            const y = scaleConversion(t, [0, 1], [params.y ?? 5, 0]);
+            const x = scaleConversion(t, [0, 1], [params.x ?? 0, 0]);
+            const scale = scaleConversion(t, [0, 1], [params.start ?? 0.95, 1]);
+            return styleToString({
+                transform: `${transform} translate3d(${x}px, ${y}px, 0) scale(${scale})`,
+                opacity: t
+            });
+        },
+        easing: cubicOut
+    };
+};

package/package.json

@@ -0,0 +1,70 @@
+{
+	"name": "@kayord/ui",
+	"private": false,
+	"version": "0.0.1",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build && npm run package",
+		"preview": "vite preview",
+		"package": "svelte-kit sync && svelte-package && publint",
+		"prepublishOnly": "npm run package",
+		"test": "npm run test:integration && npm run test:unit",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"lint": "prettier --plugin-search-dir . --check . && eslint .",
+		"format": "prettier --plugin-search-dir . --write .",
+		"test:integration": "playwright test",
+		"test:unit": "vitest"
+	},
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		}
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*"
+	],
+	"peerDependencies": {
+		"svelte": "^4.0.0"
+	},
+	"devDependencies": {
+		"@playwright/test": "^1.28.1",
+		"@sveltejs/adapter-auto": "^2.0.0",
+		"@sveltejs/kit": "^1.20.4",
+		"@sveltejs/package": "^2.0.0",
+		"@typescript-eslint/eslint-plugin": "^6.0.0",
+		"@typescript-eslint/parser": "^6.0.0",
+		"autoprefixer": "^10.4.14",
+		"eslint": "^8.28.0",
+		"eslint-config-prettier": "^8.5.0",
+		"eslint-plugin-svelte": "^2.30.0",
+		"postcss": "^8.4.24",
+		"postcss-load-config": "^4.0.1",
+		"prettier": "^2.8.0",
+		"prettier-plugin-svelte": "^2.10.1",
+		"publint": "^0.1.9",
+		"svelte": "^4.0.5",
+		"svelte-check": "^3.4.3",
+		"tailwindcss": "^3.3.2",
+		"tslib": "^2.4.1",
+		"typescript": "^5.0.0",
+		"vite": "^4.4.2",
+		"vitest": "^0.32.2"
+	},
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"type": "module",
+	"dependencies": {
+		"bits-ui": "^0.5.7",
+		"clsx": "^2.0.0",
+		"formsnap": "^0.1.4",
+		"lucide-svelte": "^0.284.0",
+		"sveltekit-superforms": "^1.8.0",
+		"tailwind-merge": "^1.14.0",
+		"tailwind-variants": "^0.1.14",
+		"zod": "^3.22.4"
+	}
+}