@spatika/react 1.0.0

package/dist/primitives/Badge.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "info" | "warm" | "highlight" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const Badge: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "info" | "warm" | "highlight" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Badge, badgeVariants };
+//# sourceMappingURL=Badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/primitives/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,aAAa;;8EAkBlB,CAAC;AAEF,QAAA,MAAM,KAAK;;;cAG0C,OAAO;iDAW1D,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/primitives/Badge.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "../lib/slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const badgeVariants = cva("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] transition-[color,box-shadow] overflow-hidden", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground",
+            secondary: "border-transparent bg-secondary text-secondary-foreground",
+            destructive: "border-transparent bg-destructive text-white",
+            outline: "text-foreground",
+            info: "border-transparent bg-[var(--accent-info-bg)] text-[var(--accent-info)]",
+            warm: "border-transparent bg-[var(--accent-warm-bg)] text-[var(--accent-warm)]",
+            highlight: "border-transparent bg-[var(--accent-highlight-bg)] text-[var(--accent-highlight)]",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const Badge = React.forwardRef(({ className, variant, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "span";
+    return (_jsx(Comp, { ref: ref, "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props }));
+});
+Badge.displayName = "Badge";
+export { Badge, badgeVariants };

package/dist/primitives/Button.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | null | undefined;
+    size?: "default" | "icon" | "touch" | "sm" | "lg" | "icon-touch" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | null | undefined;
+    size?: "default" | "icon" | "touch" | "sm" | "lg" | "icon-touch" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/primitives/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,cAAc;;;8EA+BnB,CAAC;AAEF,QAAA,MAAM,MAAM;;;;cAII,OAAO;mDAYrB,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/primitives/Button.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "../lib/slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,background-color,border-color,box-shadow,transform] duration-150 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none 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 active:scale-[0.98]", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90",
+            destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "border bg-background text-foreground hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+            link: "text-primary underline-offset-4 hover:underline",
+            glass: "glass border-border/50 text-foreground hover:border-primary/30 hover:text-primary",
+        },
+        size: {
+            default: "h-9 px-4 py-2 has-[>svg]:px-3",
+            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+            /** Mobile-first ≥44px touch target */
+            touch: "min-h-11 h-11 rounded-md px-5 has-[>svg]:px-4",
+            icon: "size-9 rounded-md",
+            "icon-touch": "size-11 rounded-md",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { ref: ref, "data-slot": "button", className: cn(buttonVariants({ variant, size, className })), ...props }));
+});
+Button.displayName = "Button";
+export { Button, buttonVariants };

package/dist/primitives/Checkbox.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/primitives/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAW9C,QAAA,MAAM,QAAQ;cALF,YAAY;qBACL,YAAY;sBACX,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI;2CA0DlD,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/primitives/Checkbox.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { CheckIcon } from "lucide-react";
+import { useControllableState } from "../lib/use-controllable-state";
+import { cn } from "../lib/cn";
+const Checkbox = 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 === true;
+    const isIndeterminate = checked === "indeterminate";
+    return (_jsx("button", { type: "button", role: "checkbox", "aria-checked": isIndeterminate ? "mixed" : isChecked, "data-state": isChecked ? "checked" : isIndeterminate ? "indeterminate" : "unchecked", "data-slot": "checkbox", disabled: disabled, ref: ref, className: cn("peer border bg-input-background dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-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 size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow 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 || isIndeterminate ? false : true);
+        }, children: (isChecked || isIndeterminate) && (_jsx("span", { "data-slot": "checkbox-indicator", className: "flex items-center justify-center text-current", children: _jsx(CheckIcon, { className: "size-3.5" }) })) }));
+});
+Checkbox.displayName = "Checkbox";
+export { Checkbox };

package/dist/primitives/Command.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { Dialog } from "./Dialog";
+declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): React.JSX.Element;
+declare function CommandDialog({ title, description, children, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+}): React.JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element;
+declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): React.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element;
+declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): React.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
+//# sourceMappingURL=Command.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../src/primitives/Command.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAInD,OAAO,EACL,MAAM,EAKP,MAAM,UAAU,CAAC;AAElB,iBAAS,OAAO,CAAC,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,qBAW/C;AAED,iBAAS,aAAa,CAAC,EACrB,KAAyB,EACzB,WAA8C,EAC9C,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,qBAcA;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,qBAiBrD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,qBAWpD;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,qBAQrD;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,qBAWrD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,qBAQzD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,qBAWpD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAW9B;AAED,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,CAAC"}

package/dist/primitives/Command.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Command as CommandPrimitive } from "cmdk";
+import { SearchIcon } from "lucide-react";
+import { cn } from "../lib/cn";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "./Dialog";
+function Command({ className, ...props }) {
+    return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn("bg-transparent text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className), ...props }));
+}
+function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, ...props }) {
+    return (_jsxs(Dialog, { ...props, children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsx(DialogContent, { className: "overflow-hidden p-0", children: _jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children }) })] }));
+}
+function CommandInput({ className, ...props }) {
+    return (_jsxs("div", { "data-slot": "command-input-wrapper", className: "flex h-9 items-center gap-2 border-b px-3", children: [_jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, { "data-slot": "command-input", className: cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className), ...props })] }));
+}
+function CommandList({ className, ...props }) {
+    return (_jsx(CommandPrimitive.List, { "data-slot": "command-list", className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className), ...props }));
+}
+function CommandEmpty({ ...props }) {
+    return (_jsx(CommandPrimitive.Empty, { "data-slot": "command-empty", className: "py-6 text-center text-sm", ...props }));
+}
+function CommandGroup({ className, ...props }) {
+    return (_jsx(CommandPrimitive.Group, { "data-slot": "command-group", className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className), ...props }));
+}
+function CommandSeparator({ className, ...props }) {
+    return (_jsx(CommandPrimitive.Separator, { "data-slot": "command-separator", className: cn("bg-border -mx-1 h-px", className), ...props }));
+}
+function CommandItem({ className, ...props }) {
+    return (_jsx(CommandPrimitive.Item, { "data-slot": "command-item", className: cn("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+function CommandShortcut({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "command-shortcut", className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className), ...props }));
+}
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/primitives/Dialog.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+type DialogProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: React.ReactNode;
+};
+declare const Dialog: {
+    ({ open: openProp, defaultOpen, onOpenChange, children, }: DialogProps): React.JSX.Element;
+    displayName: string;
+};
+declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: {
+    ({ children }: {
+        children?: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+};
+declare const DialogClose: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /** Extra classes for the dimmer (z-index, backdrop tweaks, etc.). */
+    overlayClassName?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogTrigger, DialogPortal, DialogClose, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
+//# sourceMappingURL=Dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/primitives/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,KAAK,WAAW,GAAG;IACjB,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,MAAM;+DAKT,WAAW;;CAiBb,CAAC;AAGF,QAAA,MAAM,aAAa;cAEsC,OAAO;2CAiB9D,CAAC;AAGH,QAAA,MAAM,YAAY;mBAAkB;QAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE;;CAEjE,CAAC;AAGF,QAAA,MAAM,WAAW;cAEwC,OAAO;2CAiB9D,CAAC;AAGH,QAAA,MAAM,aAAa,mKAwBjB,CAAC;AAGH,QAAA,MAAM,aAAa;IAGf,qEAAqE;uBAClD,MAAM;wCAoD3B,CAAC;AAGH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAEzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAIzE;AAED,QAAA,MAAM,WAAW,+KAUf,CAAC;AAGH,QAAA,MAAM,iBAAiB,qLAUrB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAC"}

package/dist/primitives/Dialog.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 DialogContext = React.createContext(null);
+function useDialogContext(component) {
+    const ctx = React.useContext(DialogContext);
+    if (!ctx) {
+        throw new Error(`${component} must be used within <Dialog>`);
+    }
+    return ctx;
+}
+const Dialog = ({ 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 / Select / DropdownMenu).
+    // A wrapper div becomes an extra CSS grid/flex item when Dialog is a Fragment sibling.
+    return (_jsx(DialogContext.Provider, { value: { open, setOpen: (next) => setOpen(next), contentRef }, children: children }));
+};
+Dialog.displayName = "Dialog";
+const DialogTrigger = React.forwardRef(({ asChild = false, onClick, ...props }, ref) => {
+    const { setOpen } = useDialogContext("DialogTrigger");
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { ref: ref, type: asChild ? undefined : "button", "data-slot": "dialog-trigger", ...props, onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented)
+                setOpen(true);
+        } }));
+});
+DialogTrigger.displayName = "DialogTrigger";
+const DialogPortal = ({ children }) => (_jsx(Portal, { children: children }));
+DialogPortal.displayName = "DialogPortal";
+const DialogClose = React.forwardRef(({ asChild = false, onClick, ...props }, ref) => {
+    const { setOpen } = useDialogContext("DialogClose");
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { ref: ref, type: asChild ? undefined : "button", "data-slot": "dialog-close", ...props, onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented)
+                setOpen(false);
+        } }));
+});
+DialogClose.displayName = "DialogClose";
+const DialogOverlay = React.forwardRef(({ className, onClick, style, ...props }, ref) => {
+    const { open, setOpen } = useDialogContext("DialogOverlay");
+    if (!open)
+        return null;
+    return (_jsx("div", { ref: ref, "data-slot": "dialog-overlay", className: cn("fixed inset-0 z-[11000] bg-[var(--modal-overlay-bg)] backdrop-blur-[var(--modal-overlay-blur)]", className), ...props, style: fixedLayerStyle(OVERLAY_Z_INDEX.modal, style), onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented)
+                setOpen(false);
+        } }));
+});
+DialogOverlay.displayName = "DialogOverlay";
+const DialogContent = React.forwardRef(({ className, children, onKeyDown, overlayClassName, style, ...props }, ref) => {
+    const { open, setOpen, contentRef } = useDialogContext("DialogContent");
+    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(DialogPortal, { children: [_jsx(DialogOverlay, { className: overlayClassName }), _jsxs("div", { ref: composeRefs(ref, contentRef), role: "dialog", "aria-modal": "true", "data-slot": "dialog-content", tabIndex: -1, className: cn("glass-panel fixed top-1/2 left-1/2 z-[11000] grid w-[calc(100%-2rem)] max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-2xl border border-border/50 p-6 shadow-lg", className), ...props, 
+                // Inline fixed + z-index beat consumer `.glass { position: relative }` rules.
+                style: fixedLayerStyle(OVERLAY_Z_INDEX.modal, style), onKeyDown: onKeyDown, onClick: (event) => event.stopPropagation(), children: [children, _jsxs("button", { type: "button", "data-slot": "dialog-close", className: "absolute top-4 right-4 rounded-md opacity-70 hover:opacity-100", onClick: () => setOpen(false), children: [_jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] }));
+});
+DialogContent.displayName = "DialogContent";
+function DialogHeader({ className, ...props }) {
+    return _jsx("div", { className: cn("flex flex-col gap-1.5 text-left", className), ...props });
+}
+function DialogFooter({ className, ...props }) {
+    return (_jsx("div", { className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props }));
+}
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h2", { ref: ref, "data-slot": "dialog-title", className: cn("text-lg font-black tracking-tight", className), ...props })));
+DialogTitle.displayName = "DialogTitle";
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, "data-slot": "dialog-description", className: cn("text-sm text-muted-foreground", className), ...props })));
+DialogDescription.displayName = "DialogDescription";
+export { Dialog, DialogTrigger, DialogPortal, DialogClose, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/primitives/DropdownMenu.d.ts

@@ -0,0 +1,65 @@
+import * as React from "react";
+import { type FloatingSide } from "../lib/use-floating-position";
+type DropdownMenuProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: React.ReactNode;
+};
+declare function DropdownMenu({ open: openProp, defaultOpen, onOpenChange, children, }: DropdownMenuProps): React.JSX.Element;
+declare function DropdownMenuPortal({ children }: {
+    children?: React.ReactNode;
+}): React.JSX.Element;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    side?: FloatingSide;
+    sideOffset?: number;
+    align?: "start" | "center" | "end";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type MenuSelectHandler = (event: Event) => void;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+    disabled?: boolean;
+    asChild?: boolean;
+    /**
+     * Radix-compatible selection handler. Call `event.preventDefault()` to keep
+     * the menu open (e.g. editor formatting actions that must retain focus).
+     */
+    onSelect?: MenuSelectHandler;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    onSelect?: MenuSelectHandler;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    value?: string;
+    onValueChange?: (value: string) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    value: string;
+    disabled?: boolean;
+    onSelect?: MenuSelectHandler;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare function DropdownMenuSub({ open: openProp, defaultOpen, onOpenChange, children, }: {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: React.ReactNode;
+}): React.JSX.Element;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
+//# sourceMappingURL=DropdownMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/primitives/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,8BAA8B,CAAC;AAwCtC,KAAK,iBAAiB,GAAG;IACvB,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,iBAAS,YAAY,CAAC,EACpB,IAAI,EAAE,QAAQ,EACd,WAAW,EACX,YAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,qBAgBnB;AAED,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAEvE;AAED,QAAA,MAAM,mBAAmB;cAEgC,OAAO;2CAkB9D,CAAC;AAGH,QAAA,MAAM,mBAAmB;WAGd,YAAY;iBACN,MAAM;YACX,OAAO,GAAG,QAAQ,GAAG,KAAK;wCA4DrC,CAAC;AAGF,QAAA,MAAM,iBAAiB,mKAKrB,CAAC;AAGH,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;AAsBhD,QAAA,MAAM,gBAAgB;YAGV,OAAO;cACL,SAAS,GAAG,aAAa;eACxB,OAAO;cACR,OAAO;IACjB;;;OAGG;eACQ,iBAAiB;wCA4C/B,CAAC;AAGF,QAAA,MAAM,wBAAwB;cAGhB,OAAO;sBACC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;eACjC,OAAO;eACP,iBAAiB;wCAsC9B,CAAC;AAGH,QAAA,MAAM,sBAAsB;YAGhB,MAAM;oBACE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;wCAgBzC,CAAC;AAGH,QAAA,MAAM,qBAAqB;WAGhB,MAAM;eACF,OAAO;eACP,iBAAiB;wCAwC9B,CAAC;AAGH,QAAA,MAAM,iBAAiB;YAE6B,OAAO;wCAYzD,CAAC;AAGH,QAAA,MAAM,qBAAqB,mKAUzB,CAAC;AAGH,QAAA,MAAM,oBAAoB,sKAaxB,CAAC;AAGH,iBAAS,eAAe,CAAC,EACvB,IAAI,EAAE,QAAQ,EACd,WAAW,EACX,YAAY,EACZ,QAAQ,GACT,EAAE;IACD,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,qBAkBA;AAED,QAAA,MAAM,sBAAsB;YAEwB,OAAO;wCA2BzD,CAAC;AAGH,QAAA,MAAM,sBAAsB,mKA0C1B,CAAC;AAGH,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACvB,CAAC"}

package/dist/primitives/DropdownMenu.js

@@ -0,0 +1,196 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CheckIcon, ChevronRightIcon, CircleIcon } 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 { useDismissable } from "../lib/use-dismissable";
+import { useFloatingPosition, } from "../lib/use-floating-position";
+import { cn } from "../lib/cn";
+import { OVERLAY_Z_INDEX, createSelectEvent } from "../lib/overlay-stack";
+const DropdownMenuContext = React.createContext(null);
+function useDropdownMenuContext(component) {
+    const ctx = React.useContext(DropdownMenuContext);
+    if (!ctx) {
+        throw new Error(`${component} must be used within <DropdownMenu>`);
+    }
+    return ctx;
+}
+const DropdownMenuRadioContext = React.createContext(null);
+const DropdownMenuSubContext = React.createContext(null);
+function DropdownMenu({ 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);
+    return (_jsx(DropdownMenuContext.Provider, { value: { open, setOpen: (next) => setOpen(next), triggerRef, contentRef }, children: children }));
+}
+function DropdownMenuPortal({ children }) {
+    return _jsx(Portal, { children: children });
+}
+const DropdownMenuTrigger = React.forwardRef(({ asChild = false, onClick, ...props }, ref) => {
+    const { open, setOpen, triggerRef } = useDropdownMenuContext("DropdownMenuTrigger");
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { ref: composeRefs(ref, triggerRef), type: asChild ? undefined : "button", "data-slot": "dropdown-menu-trigger", "aria-expanded": open, ...props, onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented)
+                setOpen(!open);
+        } }));
+});
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
+const DropdownMenuContent = React.forwardRef(({ className, side = "bottom", sideOffset = 4, align = "start", style, ...props }, ref) => {
+    const { open, setOpen, triggerRef, contentRef } = useDropdownMenuContext("DropdownMenuContent");
+    const position = useFloatingPosition({
+        open,
+        triggerRef,
+        contentRef,
+        side,
+        align,
+        sideOffset,
+    });
+    useDismissable({
+        enabled: open,
+        onDismiss: () => setOpen(false),
+        refs: [triggerRef, contentRef],
+    });
+    if (!open)
+        return null;
+    return (_jsx(Portal, { children: _jsx("div", { ref: composeRefs(ref, contentRef), role: "menu", "data-slot": "dropdown-menu-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-[10000] max-h-[min(24rem,var(--dropdown-available-height,24rem))] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-xl border-border/60 p-1.5 shadow-xl", className), ...props, style: {
+                position: "fixed",
+                zIndex: OVERLAY_Z_INDEX.menu,
+                top: position?.top ?? 0,
+                left: position?.left ?? 0,
+                opacity: position ? 1 : 0,
+                pointerEvents: position ? "auto" : "none",
+                ...style,
+            } }) }));
+});
+DropdownMenuContent.displayName = "DropdownMenuContent";
+const DropdownMenuGroup = React.forwardRef(({ ...props }, ref) => (_jsx("div", { ref: ref, role: "group", "data-slot": "dropdown-menu-group", ...props })));
+DropdownMenuGroup.displayName = "DropdownMenuGroup";
+function handleMenuItemActivate(options) {
+    const { event, disabled, onClick, onSelect, close } = options;
+    onClick?.(event);
+    if (event.defaultPrevented || disabled)
+        return;
+    if (onSelect) {
+        const selectEvent = createSelectEvent();
+        onSelect(selectEvent);
+        if (selectEvent.defaultPrevented)
+            return;
+    }
+    close();
+}
+const DropdownMenuItem = React.forwardRef(({ className, inset, variant = "default", disabled, asChild = false, onClick, onSelect, ...props }, ref) => {
+    const { setOpen } = useDropdownMenuContext("DropdownMenuItem");
+    const Comp = asChild ? Slot : "div";
+    return (_jsx(Comp, { ref: ref, role: "menuitem", "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, "data-disabled": disabled ? "" : undefined, className: cn("focus:bg-accent/80 focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-lg px-2.5 py-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, onClick: (event) => {
+            handleMenuItemActivate({
+                event,
+                disabled,
+                onClick,
+                onSelect,
+                close: () => setOpen(false),
+            });
+        } }));
+});
+DropdownMenuItem.displayName = "DropdownMenuItem";
+const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, onCheckedChange, disabled, onClick, onSelect, ...props }, ref) => {
+    const { setOpen } = useDropdownMenuContext("DropdownMenuCheckboxItem");
+    return (_jsxs("div", { ref: ref, role: "menuitemcheckbox", "aria-checked": checked, "data-slot": "dropdown-menu-checkbox-item", "data-state": checked ? "checked" : "unchecked", "data-disabled": disabled ? "" : undefined, className: cn("focus:bg-accent/80 focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-lg py-2 pr-2.5 pl-8 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", className), ...props, onClick: (event) => {
+            onClick?.(event);
+            if (event.defaultPrevented || disabled)
+                return;
+            if (onSelect) {
+                const selectEvent = createSelectEvent();
+                onSelect(selectEvent);
+                if (selectEvent.defaultPrevented)
+                    return;
+            }
+            onCheckedChange?.(!checked);
+            setOpen(false);
+        }, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked && _jsx(CheckIcon, { className: "size-4" }) }), children] }));
+});
+DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
+const DropdownMenuRadioGroup = React.forwardRef(({ value, onValueChange, ...props }, ref) => (_jsx(DropdownMenuRadioContext.Provider, { value: {
+        value,
+        setValue: (next) => onValueChange?.(next),
+    }, children: _jsx("div", { ref: ref, role: "group", "data-slot": "dropdown-menu-radio-group", ...props }) })));
+DropdownMenuRadioGroup.displayName = "DropdownMenuRadioGroup";
+const DropdownMenuRadioItem = React.forwardRef(({ className, children, value, disabled, onClick, onSelect, ...props }, ref) => {
+    const { setOpen } = useDropdownMenuContext("DropdownMenuRadioItem");
+    const radio = React.useContext(DropdownMenuRadioContext);
+    const isChecked = radio?.value === value;
+    return (_jsxs("div", { ref: ref, role: "menuitemradio", "aria-checked": isChecked, "data-slot": "dropdown-menu-radio-item", "data-state": isChecked ? "checked" : "unchecked", "data-disabled": disabled ? "" : undefined, className: cn("focus:bg-accent/80 focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-lg py-2 pr-2.5 pl-8 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", className), ...props, onClick: (event) => {
+            onClick?.(event);
+            if (event.defaultPrevented || disabled)
+                return;
+            if (onSelect) {
+                const selectEvent = createSelectEvent();
+                onSelect(selectEvent);
+                if (selectEvent.defaultPrevented)
+                    return;
+            }
+            radio?.setValue(value);
+            setOpen(false);
+        }, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: isChecked && _jsx(CircleIcon, { className: "size-2 fill-current" }) }), children] }));
+});
+DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn("px-2.5 py-1.5 text-sm font-medium data-[inset]:pl-8", className), ...props })));
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": "dropdown-menu-separator", className: cn("bg-border/70 -mx-0.5 my-1.5 h-px", className), ...props })));
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+const DropdownMenuShortcut = React.forwardRef(({ className, ...props }, ref) => (_jsx("span", { ref: ref, "data-slot": "dropdown-menu-shortcut", className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className), ...props })));
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+function DropdownMenuSub({ 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);
+    return (_jsx(DropdownMenuSubContext.Provider, { value: { open, setOpen: (next) => setOpen(next), triggerRef, contentRef }, children: _jsx("div", { "data-slot": "dropdown-menu-sub", className: "relative", children: children }) }));
+}
+const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, onMouseEnter, ...props }, ref) => {
+    const sub = React.useContext(DropdownMenuSubContext);
+    if (!sub) {
+        throw new Error("DropdownMenuSubTrigger must be used within DropdownMenuSub");
+    }
+    return (_jsxs("div", { ref: composeRefs(ref, sub.triggerRef), "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, "data-state": sub.open ? "open" : "closed", className: cn("focus:bg-accent/80 focus:text-accent-foreground data-[state=open]:bg-accent/80 data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-lg px-2.5 py-2 text-sm outline-hidden select-none data-[inset]:pl-8", className), ...props, onMouseEnter: (event) => {
+            onMouseEnter?.(event);
+            sub.setOpen(true);
+        }, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto size-4" })] }));
+});
+DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
+const DropdownMenuSubContent = React.forwardRef(({ className, style, ...props }, ref) => {
+    const sub = React.useContext(DropdownMenuSubContext);
+    if (!sub) {
+        throw new Error("DropdownMenuSubContent must be used within DropdownMenuSub");
+    }
+    const position = useFloatingPosition({
+        open: sub.open,
+        triggerRef: sub.triggerRef,
+        contentRef: sub.contentRef,
+        side: "right",
+        align: "start",
+        sideOffset: 2,
+    });
+    if (!sub.open)
+        return null;
+    return (_jsx("div", { ref: composeRefs(ref, sub.contentRef), "data-slot": "dropdown-menu-sub-content", "data-state": "open", "data-side": position?.side ?? "right", 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-[10000] min-w-[8rem] overflow-hidden rounded-xl border p-1 shadow-xl", className), ...props, style: {
+            position: "fixed",
+            zIndex: OVERLAY_Z_INDEX.menu,
+            top: position?.top ?? 0,
+            left: position?.left ?? 0,
+            opacity: position ? 1 : 0,
+            pointerEvents: position ? "auto" : "none",
+            ...style,
+        } }));
+});
+DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/primitives/Input.d.ts

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

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

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