@spatika/react 1.0.0

package/dist/primitives/Input.js

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

package/dist/primitives/Kbd.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): React.JSX.Element;
+export { Kbd };
+//# sourceMappingURL=Kbd.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../src/primitives/Kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,iBAAS,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWhE;AAED,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/primitives/Kbd.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/cn";
+function Kbd({ className, ...props }) {
+    return (_jsx("kbd", { "data-slot": "kbd", className: cn("pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-border/60 bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground", className), ...props }));
+}
+export { Kbd };

package/dist/primitives/Label.d.ts

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

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

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

package/dist/primitives/Label.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+const Label = React.forwardRef(({ className, ...props }, ref) => (_jsx("label", { ref: ref, "data-slot": "label", className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className), ...props })));
+Label.displayName = "Label";
+export { Label };

package/dist/primitives/NativeSelect.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+/**
+ * Styled native `<select>` — prefer compound `Select` for custom menus.
+ */
+declare const NativeSelect: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+export { NativeSelect };
+//# sourceMappingURL=NativeSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../src/primitives/NativeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;GAEG;AACH,QAAA,MAAM,YAAY,kLAWjB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/primitives/NativeSelect.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+import { nativeSelectClass } from "../lib/chips";
+/**
+ * Styled native `<select>` — prefer compound `Select` for custom menus.
+ */
+const NativeSelect = React.forwardRef(({ className, children, ...props }, ref) => (_jsx("select", { ref: ref, "data-slot": "native-select", className: cn(nativeSelectClass, "mt-0", className), ...props, children: children })));
+NativeSelect.displayName = "NativeSelect";
+export { NativeSelect };

package/dist/primitives/Popover.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { type FloatingAlign, type FloatingSide } from "../lib/use-floating-position";
+type PopoverProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: React.ReactNode;
+};
+declare const Popover: {
+    ({ open: openProp, defaultOpen, onOpenChange, children, }: PopoverProps): React.JSX.Element;
+    displayName: string;
+};
+declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    align?: FloatingAlign;
+    side?: FloatingSide;
+    sideOffset?: number;
+    /** Radix compat — ignored (focus stays with the trigger by default). */
+    onOpenAutoFocus?: (event: Event) => void;
+    /** Radix compat — ignored. */
+    onCloseAutoFocus?: (event: Event) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/primitives/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,YAAY,EAClB,MAAM,8BAA8B,CAAC;AAqBtC,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,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,OAAO;+DAKV,YAAY;;CAwBd,CAAC;AAGF,QAAA,MAAM,cAAc;cAEqC,OAAO;2CAkB9D,CAAC;AAGH,QAAA,MAAM,aAAa;cAEmC,OAAO;wCAY3D,CAAC;AAGH,QAAA,MAAM,cAAc;YAGR,aAAa;WACd,YAAY;iBACN,MAAM;IACnB,wEAAwE;sBACtD,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IACxC,8BAA8B;uBACX,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;wCAoF5C,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}

package/dist/primitives/Popover.js

@@ -0,0 +1,95 @@
+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 { useDismissable } from "../lib/use-dismissable";
+import { useFloatingPosition, } from "../lib/use-floating-position";
+import { cn } from "../lib/cn";
+const PopoverContext = React.createContext(null);
+function usePopoverContext(component) {
+    const ctx = React.useContext(PopoverContext);
+    if (!ctx) {
+        throw new Error(`${component} must be used within <Popover>`);
+    }
+    return ctx;
+}
+const Popover = ({ open: openProp, defaultOpen, onOpenChange, children, }) => {
+    const [open = false, setOpen] = useControllableState({
+        prop: openProp,
+        defaultProp: defaultOpen ?? false,
+        onChange: onOpenChange,
+    });
+    const triggerRef = React.useRef(null);
+    const contentRef = React.useRef(null);
+    const anchorRef = React.useRef(null);
+    // Provider-only root — no DOM wrapper (matches Radix Root behavior).
+    return (_jsx(PopoverContext.Provider, { value: {
+            open,
+            setOpen: (next) => setOpen(next),
+            triggerRef,
+            contentRef,
+            anchorRef,
+        }, children: children }));
+};
+Popover.displayName = "Popover";
+const PopoverTrigger = React.forwardRef(({ asChild = false, onClick, ...props }, ref) => {
+    const { open, setOpen, triggerRef } = usePopoverContext("PopoverTrigger");
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { ref: composeRefs(ref, triggerRef), type: asChild ? undefined : "button", "data-slot": "popover-trigger", "aria-expanded": open, ...props, onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented)
+                setOpen(!open);
+        } }));
+});
+PopoverTrigger.displayName = "PopoverTrigger";
+const PopoverAnchor = React.forwardRef(({ asChild = false, ...props }, ref) => {
+    const { anchorRef } = usePopoverContext("PopoverAnchor");
+    const Comp = asChild ? Slot : "div";
+    return (_jsx(Comp, { ref: composeRefs(ref, anchorRef), "data-slot": "popover-anchor", ...props }));
+});
+PopoverAnchor.displayName = "PopoverAnchor";
+const PopoverContent = React.forwardRef(({ className, align = "center", side = "bottom", sideOffset = 4, style, onOpenAutoFocus: _onOpenAutoFocus, onCloseAutoFocus: _onCloseAutoFocus, ...props }, ref) => {
+    const { open, setOpen, triggerRef, contentRef, anchorRef } = usePopoverContext("PopoverContent");
+    const positionAnchor = anchorRef.current != null ? anchorRef : triggerRef;
+    const position = useFloatingPosition({
+        open,
+        triggerRef: positionAnchor,
+        contentRef,
+        side,
+        align,
+        sideOffset,
+    });
+    useDismissable({
+        enabled: open,
+        onDismiss: () => setOpen(false),
+        refs: [triggerRef, contentRef, anchorRef],
+    });
+    if (!open)
+        return null;
+    // Measure trigger on first paint so consumers using
+    // `w-[var(--radix-popover-trigger-width)]` get a real width before
+    // floating position resolves (avoids a 0-width / visibility:hidden loop).
+    const anchorEl = positionAnchor.current;
+    const triggerWidth = position?.triggerWidth ??
+        (anchorEl ? anchorEl.getBoundingClientRect().width : undefined);
+    const triggerHeight = position?.triggerHeight ??
+        (anchorEl ? anchorEl.getBoundingClientRect().height : undefined);
+    return (_jsx(Portal, { children: _jsx("div", { ref: composeRefs(ref, contentRef), "data-slot": "popover-content", "data-state": "open", "data-side": position?.side ?? side, className: cn("glass-menu text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-[90] w-72 rounded-xl border p-4 shadow-xl outline-hidden", className), ...props, style: {
+                position: "fixed",
+                top: position?.top ?? 0,
+                left: position?.left ?? 0,
+                opacity: position ? 1 : 0,
+                pointerEvents: position ? "auto" : "none",
+                ["--radix-popover-trigger-width"]: triggerWidth != null && triggerWidth > 0
+                    ? `${triggerWidth}px`
+                    : undefined,
+                ["--radix-popover-trigger-height"]: triggerHeight != null && triggerHeight > 0
+                    ? `${triggerHeight}px`
+                    : undefined,
+                ...style,
+            } }) }));
+});
+PopoverContent.displayName = "PopoverContent";
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/primitives/Progress.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+type ProgressProps = React.ComponentPropsWithoutRef<"div"> & {
+    value?: number | null;
+    max?: number;
+};
+declare function Progress({ className, value, max, ...props }: ProgressProps): React.JSX.Element;
+export { Progress };
+//# sourceMappingURL=Progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/primitives/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC3D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAoBzE;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/primitives/Progress.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/cn";
+function Progress({ className, value, max = 100, ...props }) {
+    const pct = Math.min(100, Math.max(0, ((value || 0) / max) * 100));
+    return (_jsx("div", { "data-slot": "progress", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": value ?? undefined, className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className), ...props, children: _jsx("div", { "data-slot": "progress-indicator", className: "bg-primary h-full w-full flex-1 transition-all", style: { transform: `translateX(-${100 - pct}%)` } }) }));
+}
+export { Progress };

package/dist/primitives/RadioGroup.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue" | "onChange"> & {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    name?: string;
+    disabled?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "value" | "onChange"> & {
+    value: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/primitives/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B,QAAA,MAAM,UAAU;YAPN,MAAM;mBACC,MAAM;oBACL,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;WAChC,MAAM;eACF,OAAO;wCAyCnB,CAAC;AAUF,QAAA,MAAM,cAAc;WAHX,MAAM;2CAwCd,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

package/dist/primitives/RadioGroup.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { CircleIcon } from "lucide-react";
+import { useControllableState } from "../lib/use-controllable-state";
+import { cn } from "../lib/cn";
+const RadioGroupContext = React.createContext(null);
+const RadioGroup = React.forwardRef(({ className, value: valueProp, defaultValue, onValueChange, name, disabled, ...props }, ref) => {
+    const [value, setValue] = useControllableState({
+        prop: valueProp,
+        defaultProp: defaultValue,
+        onChange: onValueChange,
+    });
+    return (_jsx(RadioGroupContext.Provider, { value: {
+            value,
+            setValue: (next) => setValue(next),
+            name,
+            disabled,
+        }, children: _jsx("div", { ref: ref, role: "radiogroup", "data-slot": "radio-group", className: cn("grid gap-3", className), ...props }) }));
+});
+RadioGroup.displayName = "RadioGroup";
+const RadioGroupItem = React.forwardRef(({ className, value, disabled, onClick, ...props }, ref) => {
+    const ctx = React.useContext(RadioGroupContext);
+    const isChecked = ctx?.value === value;
+    const isDisabled = disabled || ctx?.disabled;
+    return (_jsx("button", { type: "button", role: "radio", "aria-checked": isChecked, "data-state": isChecked ? "checked" : "unchecked", "data-slot": "radio-group-item", disabled: isDisabled, ref: ref, className: cn("border-input text-primary 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 aspect-square size-4 shrink-0 rounded-full border shadow-xs outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className), ...props, onClick: (event) => {
+            onClick?.(event);
+            if (event.defaultPrevented || isDisabled)
+                return;
+            ctx?.setValue(value);
+        }, children: isChecked && (_jsx("span", { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: _jsx(CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" }) })) }));
+});
+RadioGroupItem.displayName = "RadioGroupItem";
+export { RadioGroup, RadioGroupItem };

package/dist/primitives/Select.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+type SelectProps = {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    children?: React.ReactNode;
+};
+declare function Select({ value: valueProp, defaultValue, onValueChange, open: openProp, defaultOpen, onOpenChange, disabled, children, }: SelectProps): React.JSX.Element;
+declare function SelectGroup({ className, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+declare function SelectValue({ placeholder, className, ...props }: React.ComponentPropsWithoutRef<"span"> & {
+    placeholder?: string;
+}): React.JSX.Element;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    size?: "sm" | "default";
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    position?: "popper" | "item-aligned";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onSelect"> & {
+    value: string;
+    disabled?: boolean;
+    textValue?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/primitives/Select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiC/B,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,IAAI,EAAE,QAAQ,EACd,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,GACT,EAAE,WAAW,qBA0Cb;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,qBAEvC;AAED,iBAAS,WAAW,CAAC,EACnB,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,qBAgBnE;AAED,QAAA,MAAM,aAAa;WAGR,IAAI,GAAG,SAAS;2CA4BzB,CAAC;AAGH,QAAA,MAAM,aAAa;eAGJ,QAAQ,GAAG,cAAc;wCAkHtC,CAAC;AAGH,QAAA,MAAM,WAAW,mKAaf,CAAC;AAGH,QAAA,MAAM,UAAU;WAGL,MAAM;eACF,OAAO;gBACN,MAAM;wCA8CpB,CAAC;AAGH,QAAA,MAAM,eAAe,mKAanB,CAAC;AAGH,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,qBAUvC;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,qBAUvC;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}

package/dist/primitives/Select.js

@@ -0,0 +1,178 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { composeRefs } from "../lib/compose-refs";
+import { Portal } from "../lib/portal";
+import { useControllableState } from "../lib/use-controllable-state";
+import { useDismissable } from "../lib/use-dismissable";
+import { useFloatingPosition } from "../lib/use-floating-position";
+import { cn } from "../lib/cn";
+const SelectContext = React.createContext(null);
+function useSelectContext(component) {
+    const ctx = React.useContext(SelectContext);
+    if (!ctx) {
+        throw new Error(`${component} must be used within <Select>`);
+    }
+    return ctx;
+}
+function Select({ value: valueProp, defaultValue, onValueChange, open: openProp, defaultOpen, onOpenChange, disabled, children, }) {
+    const [value, setValue] = useControllableState({
+        prop: valueProp,
+        defaultProp: defaultValue,
+        onChange: onValueChange,
+    });
+    const [open = false, setOpen] = useControllableState({
+        prop: openProp,
+        defaultProp: defaultOpen ?? false,
+        onChange: onOpenChange,
+    });
+    const triggerRef = React.useRef(null);
+    const contentRef = React.useRef(null);
+    const itemTextByValue = React.useRef(new Map());
+    const [labelsVersion, setLabelsVersion] = React.useState(0);
+    const registerItemText = React.useCallback((itemValue, text) => {
+        const prev = itemTextByValue.current.get(itemValue);
+        if (prev === text)
+            return;
+        itemTextByValue.current.set(itemValue, text);
+        setLabelsVersion((v) => v + 1);
+    }, []);
+    // Provider-only root — no DOM wrapper (matches Radix Root behavior).
+    return (_jsx(SelectContext.Provider, { value: {
+            open,
+            setOpen: (next) => setOpen(next),
+            value,
+            setValue: (next) => setValue(next),
+            triggerRef,
+            contentRef,
+            itemTextByValue,
+            registerItemText,
+            labelsVersion,
+            disabled,
+        }, children: children }));
+}
+function SelectGroup({ className, ...props }) {
+    return _jsx("div", { "data-slot": "select-group", className: className, ...props });
+}
+function SelectValue({ placeholder, className, ...props }) {
+    const { value, itemTextByValue, labelsVersion } = useSelectContext("SelectValue");
+    void labelsVersion;
+    const label = value ? itemTextByValue.current.get(value) : undefined;
+    const showPlaceholder = !value;
+    return (_jsx("span", { "data-slot": "select-value", "data-placeholder": showPlaceholder ? "" : undefined, className: className, ...props, children: showPlaceholder ? placeholder : label ?? value }));
+}
+const SelectTrigger = React.forwardRef(({ className, size = "default", children, onClick, disabled: disabledProp, ...props }, ref) => {
+    const { open, setOpen, triggerRef, disabled } = useSelectContext("SelectTrigger");
+    return (_jsxs("button", { ref: composeRefs(ref, triggerRef), type: "button", "data-slot": "select-trigger", "data-size": size, "data-state": open ? "open" : "closed", "aria-expanded": open, disabled: disabled || disabledProp, className: cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]: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 dark:hover:bg-input/50 flex w-full min-w-0 items-center justify-between gap-2 overflow-hidden rounded-md border bg-input-background px-3 py-2 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:min-w-0 *:data-[slot=select-value]:flex-1 *:data-[slot=select-value]:overflow-hidden *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented)
+                setOpen(!open);
+        }, ...props, children: [children, _jsx(ChevronDownIcon, { className: "size-4 opacity-50" })] }));
+});
+SelectTrigger.displayName = "SelectTrigger";
+const SelectContent = React.forwardRef(({ className, children, position = "popper", style, ...props }, ref) => {
+    const { open, setOpen, triggerRef, contentRef, registerItemText } = useSelectContext("SelectContent");
+    const floating = useFloatingPosition({
+        open,
+        triggerRef,
+        contentRef,
+        side: "bottom",
+        align: "start",
+        sideOffset: 4,
+    });
+    useDismissable({
+        enabled: open,
+        onDismiss: () => setOpen(false),
+        refs: [triggerRef, contentRef],
+    });
+    React.useEffect(() => {
+        if (!open)
+            return;
+        const handleKeyDown = (event) => {
+            if (event.key === "Escape")
+                setOpen(false);
+        };
+        document.addEventListener("keydown", handleKeyDown);
+        return () => document.removeEventListener("keydown", handleKeyDown);
+    }, [open, setOpen]);
+    // While closed, register option labels without mounting visible item text in the DOM.
+    React.useEffect(() => {
+        if (open)
+            return;
+        const walk = (nodes) => {
+            React.Children.forEach(nodes, (child) => {
+                if (!React.isValidElement(child))
+                    return;
+                const childType = child.type;
+                const childProps = child.props;
+                if (childType?.displayName === "SelectItem" && childProps.value != null) {
+                    const text = childProps.textValue ??
+                        (typeof childProps.children === "string"
+                            ? childProps.children
+                            : React.Children.toArray(childProps.children)
+                                .filter((c) => typeof c === "string" || typeof c === "number")
+                                .join(""));
+                    registerItemText(childProps.value, text || childProps.value);
+                }
+                if (childProps.children)
+                    walk(childProps.children);
+            });
+        };
+        walk(children);
+    }, [children, open, registerItemText]);
+    if (!open)
+        return null;
+    const triggerTop = triggerRef.current?.getBoundingClientRect().top ?? 0;
+    const availableHeight = floating
+        ? Math.max(140, floating.side === "top"
+            ? triggerTop - 16
+            : window.innerHeight - floating.top - 16)
+        : 384;
+    return (_jsx(Portal, { children: _jsx("div", { ref: composeRefs(ref, contentRef), "data-slot": "select-content", "data-state": "open", "data-side": floating?.side ?? "bottom", role: "listbox", className: cn("glass-menu text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-[200] max-h-[min(20rem,var(--select-available-height,20rem))] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-xl border-border/60 shadow-xl", position === "popper" &&
+                "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), ...props, style: {
+                position: "fixed",
+                top: floating?.top ?? 0,
+                left: floating?.left ?? 0,
+                // Grow with labels; never narrower than the trigger.
+                width: "max-content",
+                minWidth: floating?.triggerWidth,
+                maxWidth: "min(20rem, calc(100vw - 1rem))",
+                ["--select-available-height"]: `${availableHeight}px`,
+                opacity: floating ? 1 : 0,
+                pointerEvents: floating ? "auto" : "none",
+                ...style,
+            }, children: _jsx("div", { className: cn("p-1", position === "popper" && "w-full min-w-full"), children: children }) }) }));
+});
+SelectContent.displayName = "SelectContent";
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": "select-label", className: cn("text-muted-foreground px-2.5 py-1.5 text-xs font-bold uppercase tracking-[0.16em]", className), ...props })));
+SelectLabel.displayName = "SelectLabel";
+const SelectItem = React.forwardRef(({ className, children, value, disabled, textValue, onClick, ...props }, ref) => {
+    const { value: selected, setValue, setOpen, registerItemText } = useSelectContext("SelectItem");
+    const isSelected = selected === value;
+    const text = textValue ??
+        (typeof children === "string"
+            ? children
+            : React.Children.toArray(children)
+                .filter((c) => typeof c === "string" || typeof c === "number")
+                .join(""));
+    React.useEffect(() => {
+        registerItemText(value, text || value);
+    }, [registerItemText, text, value]);
+    return (_jsxs("div", { ref: ref, role: "option", "aria-selected": isSelected, "data-slot": "select-item", "data-disabled": disabled ? "" : undefined, "data-state": isSelected ? "checked" : "unchecked", className: cn("focus:bg-accent/80 focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-lg py-1.5 pr-8 pl-2.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", isSelected && "bg-accent/80 text-accent-foreground", className), onClick: (event) => {
+            onClick?.(event);
+            if (event.defaultPrevented || disabled)
+                return;
+            setValue(value);
+            setOpen(false);
+        }, ...props, children: [_jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: isSelected && _jsx(CheckIcon, { className: "size-4" }) }), _jsx("span", { children: children })] }));
+});
+SelectItem.displayName = "SelectItem";
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": "select-separator", className: cn("bg-border/70 pointer-events-none -mx-0.5 my-1.5 h-px", className), ...props })));
+SelectSeparator.displayName = "SelectSeparator";
+function SelectScrollUpButton({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "select-scroll-up-button", className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronUpIcon, { className: "size-4" }) }));
+}
+function SelectScrollDownButton({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "select-scroll-down-button", className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronDownIcon, { className: "size-4" }) }));
+}
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/primitives/Separator.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const Separator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    orientation?: "horizontal" | "vertical";
+    decorative?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Separator };
+//# sourceMappingURL=Separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../src/primitives/Separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,QAAA,MAAM,SAAS;kBAJC,YAAY,GAAG,UAAU;iBAC1B,OAAO;wCAqBrB,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/primitives/Separator.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+const Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": "separator-root", "data-orientation": orientation, role: decorative ? "none" : "separator", "aria-orientation": decorative ? undefined : orientation, className: cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className), ...props })));
+Separator.displayName = "Separator";
+export { Separator };

package/dist/primitives/Sheet.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+type SheetProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: React.ReactNode;
+};
+declare const Sheet: {
+    ({ open: openProp, defaultOpen, onOpenChange, children, }: SheetProps): React.JSX.Element;
+    displayName: string;
+};
+declare const SheetTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    side?: "top" | "right" | "bottom" | "left";
+    /** Extra classes for the dimmer (e.g. lighter backdrop). */
+    overlayClassName?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
+//# sourceMappingURL=Sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../src/primitives/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,KAAK;+DAKR,UAAU;;CAiBZ,CAAC;AAGF,QAAA,MAAM,YAAY;cAEuC,OAAO;2CAiB9D,CAAC;AAGH,QAAA,MAAM,UAAU;cAEyC,OAAO;2CAiB9D,CAAC;AAmCH,QAAA,MAAM,YAAY;WAGP,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;IAC1C,4DAA4D;uBACzC,MAAM;wCAyD3B,CAAC;AAGH,QAAA,MAAM,WAAW,mKAUf,CAAC;AAGH,QAAA,MAAM,WAAW,mKAUf,CAAC;AAGH,QAAA,MAAM,UAAU,+KAad,CAAC;AAGH,QAAA,MAAM,gBAAgB,qLAUpB,CAAC;AAGH,OAAO,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAC"}