@spatika/react 1.0.0

package/dist/primitives/Sheet.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { XIcon } from "lucide-react";
+import { composeRefs } from "../lib/compose-refs";
+import { Portal } from "../lib/portal";
+import { Slot } from "../lib/slot";
+import { useControllableState } from "../lib/use-controllable-state";
+import { useFocusTrap } from "../lib/use-focus-trap";
+import { cn } from "../lib/cn";
+import { OVERLAY_Z_INDEX, fixedLayerStyle } from "../lib/overlay-stack";
+const SheetContext = React.createContext(null);
+function useSheetContext(component) {
+    const ctx = React.useContext(SheetContext);
+    if (!ctx) {
+        throw new Error(`${component} must be used within <Sheet>`);
+    }
+    return ctx;
+}
+const Sheet = ({ open: openProp, defaultOpen, onOpenChange, children, }) => {
+    const [open = false, setOpen] = useControllableState({
+        prop: openProp,
+        defaultProp: defaultOpen ?? false,
+        onChange: onOpenChange,
+    });
+    const contentRef = React.useRef(null);
+    // Provider-only root — no DOM wrapper (matches Radix Root / Dialog / Select).
+    // A wrapper div becomes an extra CSS grid/flex item when Sheet is a Fragment sibling.
+    return (_jsx(SheetContext.Provider, { value: { open, setOpen: (next) => setOpen(next), contentRef }, children: children }));
+};
+Sheet.displayName = "Sheet";
+const SheetTrigger = React.forwardRef(({ asChild = false, onClick, ...props }, ref) => {
+    const { setOpen } = useSheetContext("SheetTrigger");
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { ref: ref, type: asChild ? undefined : "button", "data-slot": "sheet-trigger", ...props, onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented)
+                setOpen(true);
+        } }));
+});
+SheetTrigger.displayName = "SheetTrigger";
+const SheetClose = React.forwardRef(({ asChild = false, onClick, ...props }, ref) => {
+    const { setOpen } = useSheetContext("SheetClose");
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { ref: ref, type: asChild ? undefined : "button", "data-slot": "sheet-close", ...props, onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented)
+                setOpen(false);
+        } }));
+});
+SheetClose.displayName = "SheetClose";
+const SheetPortal = ({ children }) => (_jsx(Portal, { children: children }));
+SheetPortal.displayName = "SheetPortal";
+const SheetOverlay = React.forwardRef(({ className, onClick, style, ...props }, ref) => {
+    const { open, setOpen } = useSheetContext("SheetOverlay");
+    if (!open)
+        return null;
+    return (_jsx("div", { ref: ref, "data-slot": "sheet-overlay", "data-state": "open", className: cn("fixed inset-0 z-[11000] bg-[var(--modal-overlay-bg)] backdrop-blur-[var(--modal-overlay-blur)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props, style: fixedLayerStyle(OVERLAY_Z_INDEX.modal, style), onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented)
+                setOpen(false);
+        } }));
+});
+SheetOverlay.displayName = "SheetOverlay";
+const SheetContent = React.forwardRef(({ className, children, side = "right", overlayClassName, style, ...props }, ref) => {
+    const { open, setOpen, contentRef } = useSheetContext("SheetContent");
+    useFocusTrap(contentRef, open);
+    React.useEffect(() => {
+        if (!open)
+            return;
+        const handleKeyDown = (event) => {
+            if (event.key === "Escape") {
+                event.stopPropagation();
+                setOpen(false);
+            }
+        };
+        document.addEventListener("keydown", handleKeyDown);
+        return () => document.removeEventListener("keydown", handleKeyDown);
+    }, [open, setOpen]);
+    if (!open)
+        return null;
+    return (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, { className: overlayClassName }), _jsxs("div", { ref: composeRefs(ref, contentRef), role: "dialog", "aria-modal": "true", "data-slot": "sheet-content", "data-state": "open", tabIndex: -1, className: cn("glass data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-[11000] flex flex-col gap-4 shadow-2xl transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" &&
+                    "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" &&
+                    "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" &&
+                    "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" &&
+                    "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className), ...props, style: fixedLayerStyle(OVERLAY_Z_INDEX.modal, style), children: [children, _jsxs("button", { type: "button", className: "absolute top-4 right-4 flex size-8 items-center justify-center rounded-full bg-muted/60 text-foreground/70 transition-colors hover:bg-muted hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", onClick: () => setOpen(false), children: [_jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] }));
+});
+SheetContent.displayName = "SheetContent";
+const SheetHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": "sheet-header", className: cn("flex flex-col gap-1.5 p-4", className), ...props })));
+SheetHeader.displayName = "SheetHeader";
+const SheetFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": "sheet-footer", className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props })));
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h2", { ref: ref, "data-slot": "sheet-title", className: cn("text-foreground text-lg font-bold leading-tight pr-8", className), ...props })));
+SheetTitle.displayName = "SheetTitle";
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, "data-slot": "sheet-description", className: cn("text-muted-foreground text-sm", className), ...props })));
+SheetDescription.displayName = "SheetDescription";
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/primitives/Skeleton.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare const Skeleton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Skeleton };
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/primitives/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/primitives/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,QAAQ,mKASb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/primitives/Skeleton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+const Skeleton = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": "skeleton", className: cn("bg-muted/40 animate-shimmer rounded-md", className), ...props })));
+Skeleton.displayName = "Skeleton";
+export { Skeleton };

package/dist/primitives/Slider.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue" | "onChange"> & {
+    value?: number[];
+    defaultValue?: number[];
+    onValueChange?: (value: number[]) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Slider };
+//# sourceMappingURL=Slider.d.ts.map

package/dist/primitives/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/primitives/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,QAAA,MAAM,MAAM;YATF,MAAM,EAAE;mBACD,MAAM,EAAE;oBACP,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI;UACnC,MAAM;UACN,MAAM;WACL,MAAM;eACF,OAAO;wCA+EnB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/primitives/Slider.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useControllableState } from "../lib/use-controllable-state";
+import { cn } from "../lib/cn";
+const Slider = React.forwardRef(({ className, defaultValue, value: valueProp, onValueChange, min = 0, max = 100, step = 1, disabled, ...props }, ref) => {
+    const [value, setValue] = useControllableState({
+        prop: valueProp,
+        defaultProp: defaultValue ?? [min],
+        onChange: onValueChange,
+    });
+    const values = value ?? [min];
+    const primary = values[0] ?? min;
+    const pct = ((primary - min) / (max - min || 1)) * 100;
+    const commit = (next) => {
+        const clamped = Math.min(max, Math.max(min, next));
+        const stepped = Math.round(clamped / step) * step;
+        const rounded = Number(stepped.toFixed(6));
+        setValue([rounded]);
+    };
+    return (_jsxs("div", { ref: ref, "data-slot": "slider", "data-disabled": disabled ? "" : undefined, className: cn("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50", className), ...props, children: [_jsx("div", { "data-slot": "slider-track", className: "bg-muted relative h-4 w-full grow overflow-hidden rounded-full", children: _jsx("div", { "data-slot": "slider-range", className: "bg-primary absolute h-full", style: { left: 0, width: `${pct}%` } }) }), _jsx("input", { type: "range", min: min, max: max, step: step, disabled: disabled, value: primary, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": primary, "data-slot": "slider-thumb", className: "absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0 disabled:pointer-events-none", onChange: (event) => commit(Number(event.target.value)) }), _jsx("span", { "aria-hidden": true, "data-slot": "slider-thumb", className: "border-primary bg-background ring-ring/50 pointer-events-none absolute block size-4 shrink-0 rounded-full border shadow-sm hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50", style: { left: `calc(${pct}% - 0.5rem)` } })] }));
+});
+Slider.displayName = "Slider";
+export { Slider };

package/dist/primitives/Spinner.d.ts

@@ -0,0 +1,6 @@
+declare function Spinner({ className, size }: {
+    className?: string;
+    size?: "sm" | "md" | "lg";
+}): import("react").JSX.Element;
+export { Spinner };
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/primitives/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/primitives/Spinner.tsx"],"names":[],"mappings":"AAEA,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,IAAW,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,+BAgB7F;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/primitives/Spinner.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/cn";
+function Spinner({ className, size = "md" }) {
+    const sizeClass = { sm: "size-4 border-2", md: "size-6 border-2", lg: "size-8 border-[3px]" }[size];
+    return (_jsx("div", { role: "status", "aria-label": "Loading", "data-slot": "spinner", className: cn("inline-block animate-spin rounded-full border-primary/30 border-t-primary", sizeClass, className) }));
+}
+export { Spinner };

package/dist/primitives/StarRating.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare function StarRating({ value, onChange, max, readOnly, className, }: {
+    value: number;
+    onChange?: (next: number) => void;
+    max?: number;
+    readOnly?: boolean;
+    className?: string;
+}): React.JSX.Element;
+export { StarRating };
+//# sourceMappingURL=StarRating.d.ts.map

package/dist/primitives/StarRating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarRating.d.ts","sourceRoot":"","sources":["../../src/primitives/StarRating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,QAAQ,EACR,GAAO,EACP,QAAgB,EAChB,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,qBAkCA;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/primitives/StarRating.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Star } from "lucide-react";
+import { cn } from "../lib/cn";
+function StarRating({ value, onChange, max = 5, readOnly = false, className, }) {
+    return (_jsx("div", { "data-slot": "star-rating", className: cn("inline-flex items-center gap-0.5", className), role: readOnly ? "img" : "group", "aria-label": `${value} of ${max} stars`, children: Array.from({ length: max }, (_, i) => {
+            const n = i + 1;
+            const active = n <= value;
+            return (_jsx("button", { type: "button", disabled: readOnly, "aria-label": `${n} star`, className: cn("rounded p-0.5 transition-colors", readOnly ? "cursor-default" : "hover:scale-110 active:scale-95"), onClick: () => onChange?.(n), children: _jsx(Star, { className: cn("size-5", active ? "fill-primary text-primary" : "text-muted-foreground/40") }) }, n));
+        }) }));
+}
+export { StarRating };

package/dist/primitives/Switch.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare const Switch: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "value" | "onChange"> & {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };
+//# sourceMappingURL=Switch.d.ts.map

package/dist/primitives/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/primitives/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,QAAA,MAAM,MAAM;cALA,OAAO;qBACA,OAAO;sBACN,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;2CAsD7C,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/primitives/Switch.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useControllableState } from "../lib/use-controllable-state";
+import { cn } from "../lib/cn";
+const Switch = React.forwardRef(({ className, checked: checkedProp, defaultChecked, onCheckedChange, disabled, onClick, ...props }, ref) => {
+    const [checked, setChecked] = useControllableState({
+        prop: checkedProp,
+        defaultProp: defaultChecked ?? false,
+        onChange: onCheckedChange,
+    });
+    const isChecked = !!checked;
+    return (_jsx("button", { type: "button", role: "switch", "aria-checked": isChecked, "data-state": isChecked ? "checked" : "unchecked", "data-slot": "switch", disabled: disabled, ref: ref, className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-switch-background focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className), ...props, onClick: (event) => {
+            onClick?.(event);
+            if (event.defaultPrevented || disabled)
+                return;
+            setChecked(!isChecked);
+        }, children: _jsx("span", { "data-slot": "switch-thumb", "data-state": isChecked ? "checked" : "unchecked", className: cn("bg-card dark:data-[state=unchecked]:bg-card-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0") }) }));
+});
+Switch.displayName = "Switch";
+export { Switch };

package/dist/primitives/Table.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+declare const Table: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLTableElement> & React.TableHTMLAttributes<HTMLTableElement> & {
+    containerClassName?: string;
+}, "ref"> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLTableCaptionElement>>;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
+//# sourceMappingURL=Table.d.ts.map

package/dist/primitives/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/primitives/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,KAAK;yBAE8C,MAAM;kDAa7D,CAAC;AAGH,QAAA,MAAM,WAAW,8LAUf,CAAC;AAGH,QAAA,MAAM,SAAS,8LAUb,CAAC;AAGH,QAAA,MAAM,WAAW,8LAaf,CAAC;AAGH,QAAA,MAAM,QAAQ,kLAaZ,CAAC;AAGH,QAAA,MAAM,SAAS,mMAab,CAAC;AAGH,QAAA,MAAM,SAAS,+LAab,CAAC;AAGH,QAAA,MAAM,YAAY,sKAUhB,CAAC;AAGH,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAC"}

package/dist/primitives/Table.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+const Table = React.forwardRef(({ className, containerClassName, ...props }, ref) => (_jsx("div", { "data-slot": "table-container", className: cn("relative w-full overflow-x-auto", containerClassName), children: _jsx("table", { ref: ref, "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) })));
+Table.displayName = "Table";
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("thead", { ref: ref, "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props })));
+TableHeader.displayName = "TableHeader";
+const TableBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("tbody", { ref: ref, "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props })));
+TableBody.displayName = "TableBody";
+const TableFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("tfoot", { ref: ref, "data-slot": "table-footer", className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className), ...props })));
+TableFooter.displayName = "TableFooter";
+const TableRow = React.forwardRef(({ className, ...props }, ref) => (_jsx("tr", { ref: ref, "data-slot": "table-row", className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b border-white/45 dark:border-white/12 transition-colors", className), ...props })));
+TableRow.displayName = "TableRow";
+const TableHead = React.forwardRef(({ className, ...props }, ref) => (_jsx("th", { ref: ref, "data-slot": "table-head", className: cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props })));
+TableHead.displayName = "TableHead";
+const TableCell = React.forwardRef(({ className, ...props }, ref) => (_jsx("td", { ref: ref, "data-slot": "table-cell", className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props })));
+TableCell.displayName = "TableCell";
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => (_jsx("caption", { ref: ref, "data-slot": "table-caption", className: cn("text-muted-foreground mt-4 text-sm", className), ...props })));
+TableCaption.displayName = "TableCaption";
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/dist/primitives/Tabs.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+declare function Tabs({ value, defaultValue, onValueChange, className, children, }: {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (v: string) => void;
+    className?: string;
+    children: React.ReactNode;
+}): React.JSX.Element;
+declare function TabsList({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function TabsTrigger({ value, className, ...props }: React.ComponentProps<"button"> & {
+    value: string;
+}): React.JSX.Element;
+declare function TabsContent({ value, className, ...props }: React.ComponentProps<"div"> & {
+    value: string;
+}): React.JSX.Element | null;
+export { Tabs, TabsList, TabsTrigger, TabsContent };
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/primitives/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/primitives/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,iBAAS,IAAI,CAAC,EACZ,KAAK,EACL,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,qBAcA;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYrE;AAED,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,qBAqBpD;AAED,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,4BAWjD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}

package/dist/primitives/Tabs.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+const TabsContext = React.createContext(null);
+function Tabs({ value, defaultValue, onValueChange, className, children, }) {
+    const [internal, setInternal] = React.useState(defaultValue ?? "");
+    const current = value ?? internal;
+    const setValue = (v) => {
+        setInternal(v);
+        onValueChange?.(v);
+    };
+    return (_jsx(TabsContext.Provider, { value: { value: current, setValue }, children: _jsx("div", { "data-slot": "tabs", className: cn("w-full", className), children: children }) }));
+}
+function TabsList({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "tabs-list", role: "tablist", className: cn("inline-flex h-10 items-center gap-1 rounded-xl border border-border/50 bg-muted/40 p-1", className), ...props }));
+}
+function TabsTrigger({ value, className, ...props }) {
+    const ctx = React.useContext(TabsContext);
+    const active = ctx?.value === value;
+    return (_jsx("button", { type: "button", role: "tab", "aria-selected": active, "data-slot": "tabs-trigger", "data-state": active ? "active" : "inactive", className: cn("inline-flex min-h-8 flex-1 items-center justify-center rounded-lg px-3 text-sm font-bold transition-colors", active
+            ? "bg-background text-foreground shadow-sm"
+            : "text-muted-foreground hover:text-foreground", className), onClick: () => ctx?.setValue(value), ...props }));
+}
+function TabsContent({ value, className, ...props }) {
+    const ctx = React.useContext(TabsContext);
+    if (ctx?.value !== value)
+        return null;
+    return (_jsx("div", { "data-slot": "tabs-content", role: "tabpanel", className: cn("mt-3 outline-none", className), ...props }));
+}
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/primitives/Textarea.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/primitives/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/primitives/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,QAAQ,0LAaZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/primitives/Textarea.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+const Textarea = React.forwardRef(({ className, ...props }, ref) => (_jsx("textarea", { ref: ref, "data-slot": "textarea", className: cn("resize-none border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex min-h-16 w-full rounded-md border bg-input-background px-3 py-2 text-base transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ...props })));
+Textarea.displayName = "Textarea";
+export { Textarea };

package/dist/primitives/Tooltip.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+import { type FloatingSide } from "../lib/use-floating-position";
+type TooltipProviderProps = {
+    children?: React.ReactNode;
+    delayDuration?: number;
+    skipDelayDuration?: number;
+};
+declare const TooltipProvider: {
+    ({ children, delayDuration, }: TooltipProviderProps): React.JSX.Element;
+    displayName: string;
+};
+type TooltipProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    delayDuration?: number;
+    children?: React.ReactNode;
+};
+declare const Tooltip: {
+    ({ open: openProp, defaultOpen, onOpenChange, delayDuration, children, }: TooltipProps): React.JSX.Element;
+    displayName: string;
+};
+declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    side?: FloatingSide;
+    sideOffset?: number;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/primitives/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/primitives/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,8BAA8B,CAAC;AAGtC,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAMF,QAAA,MAAM,eAAe;mCAGlB,oBAAoB;;CAItB,CAAC;AAqBF,KAAK,YAAY,GAAG;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,OAAO;8EAMV,YAAY;;CAyBd,CAAC;AAGF,QAAA,MAAM,cAAc;cAEqC,OAAO;2CAiD9D,CAAC;AAGH,QAAA,MAAM,cAAc;WAGT,YAAY;iBACN,MAAM;wCAwCrB,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/primitives/Tooltip.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { composeRefs } from "../lib/compose-refs";
+import { Portal } from "../lib/portal";
+import { Slot } from "../lib/slot";
+import { useControllableState } from "../lib/use-controllable-state";
+import { useFloatingPosition, } from "../lib/use-floating-position";
+import { cn } from "../lib/cn";
+const TooltipProviderContext = React.createContext({
+    delayDuration: 200,
+});
+const TooltipProvider = ({ children, delayDuration = 200, }) => (_jsx(TooltipProviderContext.Provider, { value: { delayDuration }, children: children }));
+TooltipProvider.displayName = "TooltipProvider";
+const TooltipContext = React.createContext(null);
+function useTooltipContext(component) {
+    const ctx = React.useContext(TooltipContext);
+    if (!ctx) {
+        throw new Error(`${component} must be used within <Tooltip>`);
+    }
+    return ctx;
+}
+const Tooltip = ({ open: openProp, defaultOpen, onOpenChange, delayDuration, children, }) => {
+    const provider = React.useContext(TooltipProviderContext);
+    const [open = false, setOpen] = useControllableState({
+        prop: openProp,
+        defaultProp: defaultOpen ?? false,
+        onChange: onOpenChange,
+    });
+    const triggerRef = React.useRef(null);
+    const contentRef = React.useRef(null);
+    return (_jsx(TooltipProvider, { children: _jsx(TooltipContext.Provider, { value: {
+                open,
+                setOpen: (next) => setOpen(next),
+                triggerRef,
+                contentRef,
+                delayDuration: delayDuration ?? provider.delayDuration,
+            }, children: _jsx("span", { "data-slot": "tooltip", children: children }) }) }));
+};
+Tooltip.displayName = "Tooltip";
+const TooltipTrigger = React.forwardRef(({ asChild = false, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }, ref) => {
+    const { setOpen, triggerRef, delayDuration } = useTooltipContext("TooltipTrigger");
+    const Comp = asChild ? Slot : "button";
+    const timeoutRef = React.useRef(null);
+    const clear = () => {
+        if (timeoutRef.current != null) {
+            window.clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+    };
+    const show = () => {
+        clear();
+        timeoutRef.current = window.setTimeout(() => setOpen(true), delayDuration);
+    };
+    const hide = () => {
+        clear();
+        setOpen(false);
+    };
+    React.useEffect(() => clear, []);
+    return (_jsx(Comp, { ref: composeRefs(ref, triggerRef), type: asChild ? undefined : "button", "data-slot": "tooltip-trigger", onMouseEnter: (event) => {
+            onMouseEnter?.(event);
+            show();
+        }, onMouseLeave: (event) => {
+            onMouseLeave?.(event);
+            hide();
+        }, onFocus: (event) => {
+            onFocus?.(event);
+            show();
+        }, onBlur: (event) => {
+            onBlur?.(event);
+            hide();
+        }, ...props }));
+});
+TooltipTrigger.displayName = "TooltipTrigger";
+const TooltipContent = React.forwardRef(({ className, side = "top", sideOffset = 6, children, style, ...props }, ref) => {
+    const { open, triggerRef, contentRef } = useTooltipContext("TooltipContent");
+    const position = useFloatingPosition({
+        open,
+        triggerRef,
+        contentRef,
+        side,
+        align: "center",
+        sideOffset,
+    });
+    if (!open)
+        return null;
+    return (_jsx(Portal, { children: _jsx("div", { ref: composeRefs(ref, contentRef), "data-slot": "tooltip-content", "data-state": "open", "data-side": position?.side ?? side, role: "tooltip", className: cn("glass-menu z-50 max-w-xs rounded-lg px-3 py-1.5 text-xs font-medium text-foreground", className), style: {
+                position: "fixed",
+                top: position?.top ?? -9999,
+                left: position?.left ?? -9999,
+                ...style,
+            }, ...props, children: children }) }));
+});
+TooltipContent.displayName = "TooltipContent";
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/theme/OriginThemeProvider.d.ts

@@ -0,0 +1,31 @@
+import { type ReactNode } from "react";
+import { type ThemeId } from "../lib/themes";
+export type OriginThemeContextValue = {
+    theme: ThemeId;
+    setTheme: (theme: ThemeId) => void;
+    themes: readonly ThemeId[];
+};
+export type OriginThemeProviderProps = {
+    children: ReactNode;
+    /** Controlled theme */
+    theme?: ThemeId;
+    /** Uncontrolled initial theme */
+    defaultTheme?: ThemeId;
+    onThemeChange?: (theme: ThemeId) => void;
+    /**
+     * When true (default), also sync theme classes onto `document.documentElement`
+     * so CSS variables apply globally (typical SPA / Storybook usage).
+     */
+    syncDocument?: boolean;
+    /** Optional element to theme instead of (or in addition to) document */
+    target?: HTMLElement | null;
+    className?: string;
+};
+/**
+ * MUI-style theme provider for OriginUIKit.
+ * Wraps the app (or a subtree) and applies theme classes / data attributes.
+ */
+export declare function OriginThemeProvider({ children, theme: themeProp, defaultTheme, onThemeChange, syncDocument, target, className, }: OriginThemeProviderProps): import("react").JSX.Element;
+/** Access current theme and setter from `OriginThemeProvider`. */
+export declare function useOriginTheme(): OriginThemeContextValue;
+//# sourceMappingURL=OriginThemeProvider.d.ts.map

package/dist/theme/OriginThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OriginThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/OriginThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AAEzD,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,SAAS,OAAO,EAAE,CAAC;CAC5B,CAAC;AAIF,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iCAAiC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wEAAwE;IACxE,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,YAAsB,EACtB,aAAa,EACb,YAAmB,EACnB,MAAM,EACN,SAAS,GACV,EAAE,wBAAwB,+BAsC1B;AAED,kEAAkE;AAClE,wBAAgB,cAAc,IAAI,uBAAuB,CAMxD"}

package/dist/theme/OriginThemeProvider.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useState, } from "react";
+import { applyTheme } from "../lib/themes";
+const OriginThemeContext = createContext(null);
+/**
+ * MUI-style theme provider for OriginUIKit.
+ * Wraps the app (or a subtree) and applies theme classes / data attributes.
+ */
+export function OriginThemeProvider({ children, theme: themeProp, defaultTheme = "light", onThemeChange, syncDocument = true, target, className, }) {
+    const [uncontrolled, setUncontrolled] = useState(defaultTheme);
+    const theme = themeProp ?? uncontrolled;
+    const setTheme = useCallback((next) => {
+        if (themeProp === undefined)
+            setUncontrolled(next);
+        onThemeChange?.(next);
+    }, [onThemeChange, themeProp]);
+    useEffect(() => {
+        if (syncDocument)
+            applyTheme(theme);
+        if (target)
+            applyTheme(theme, target);
+    }, [theme, syncDocument, target]);
+    const value = useMemo(() => ({
+        theme,
+        setTheme,
+        themes: ["light", "dark", "yaru-light", "yaru-dark"],
+    }), [theme, setTheme]);
+    return (_jsx(OriginThemeContext.Provider, { value: value, children: _jsx("div", { className: className, "data-ouk-theme": theme, "data-slot": "origin-theme-provider", children: children }) }));
+}
+/** Access current theme and setter from `OriginThemeProvider`. */
+export function useOriginTheme() {
+    const ctx = useContext(OriginThemeContext);
+    if (!ctx) {
+        throw new Error("useOriginTheme must be used within <OriginThemeProvider>");
+    }
+    return ctx;
+}

package/dist/theme/SpatikaThemeProvider.d.ts

@@ -0,0 +1,36 @@
+import { type ReactNode } from "react";
+import { type ThemeId } from "../lib/themes";
+export type SpatikaThemeContextValue = {
+    theme: ThemeId;
+    setTheme: (theme: ThemeId) => void;
+    themes: readonly ThemeId[];
+};
+export type SpatikaThemeProviderProps = {
+    children: ReactNode;
+    /** Controlled theme */
+    theme?: ThemeId;
+    /** Uncontrolled initial theme. Ignored when `storageKey` already has a value. */
+    defaultTheme?: ThemeId;
+    /**
+     * Persist the selected theme in `localStorage` under this key.
+     * Pass `false` (default) to keep the theme in memory only.
+     */
+    storageKey?: string | false;
+    onThemeChange?: (theme: ThemeId) => void;
+    /**
+     * When true (default), also sync theme classes onto `document.documentElement`
+     * so CSS variables apply globally (typical SPA / Storybook usage).
+     */
+    syncDocument?: boolean;
+    /** Optional element to theme instead of (or in addition to) document */
+    target?: HTMLElement | null;
+    className?: string;
+};
+/**
+ * MUI-style theme provider for Spatika.
+ * Wraps the app (or a subtree) and applies theme classes / data attributes.
+ */
+export declare function SpatikaThemeProvider({ children, theme: themeProp, defaultTheme, storageKey, onThemeChange, syncDocument, target, className, }: SpatikaThemeProviderProps): import("react").JSX.Element;
+/** Access current theme and setter from `SpatikaThemeProvider`. */
+export declare function useSpatikaTheme(): SpatikaThemeContextValue;
+//# sourceMappingURL=SpatikaThemeProvider.d.ts.map

package/dist/theme/SpatikaThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpatikaThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/SpatikaThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAML,KAAK,OAAO,EACb,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,SAAS,OAAO,EAAE,CAAC;CAC5B,CAAC;AAIF,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iFAAiF;IACjF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wEAAwE;IACxE,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,YAA4B,EAC5B,UAAkB,EAClB,aAAa,EACb,YAAmB,EACnB,MAAM,EACN,SAAS,GACV,EAAE,yBAAyB,+BAyC3B;AAED,mEAAmE;AACnE,wBAAgB,eAAe,IAAI,wBAAwB,CAM1D"}