@spatika/react 1.1.0 → 1.3.0

package/dist/primitives/Backdrop.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export type BackdropProps = React.ComponentPropsWithoutRef<"div"> & {
+    open?: boolean;
+    /** Skip the dimmed fill — useful as a click-catcher. */
+    invisible?: boolean;
+    /** Render in-place instead of portaling to document.body. */
+    contained?: boolean;
+};
+/**
+ * Full-viewport dimmer, typically paired with a modal or speed dial.
+ */
+declare function Backdrop({ open, invisible, contained, className, style, children, ...props }: BackdropProps): React.JSX.Element | null;
+declare namespace Backdrop {
+    var displayName: string;
+}
+export { Backdrop };
+//# sourceMappingURL=Backdrop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../src/primitives/Backdrop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAClE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,iBAAS,QAAQ,CAAC,EAChB,IAAY,EACZ,SAAiB,EACjB,SAAiB,EACjB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,4BAoBf;kBA5BQ,QAAQ;;;AA+BjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/primitives/Backdrop.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Portal } from "../lib/portal";
+import { cn } from "../lib/cn";
+import { OVERLAY_Z_INDEX, fixedLayerStyle } from "../lib/overlay-stack";
+/**
+ * Full-viewport dimmer, typically paired with a modal or speed dial.
+ */
+function Backdrop({ open = false, invisible = false, contained = false, className, style, children, ...props }) {
+    if (!open)
+        return null;
+    const node = (_jsx("div", { "data-slot": "backdrop", className: cn(contained ? "absolute inset-0" : "fixed inset-0", !invisible && "bg-[color-mix(in_srgb,var(--foreground)_28%,transparent)]", className), style: contained ? style : { ...fixedLayerStyle(OVERLAY_Z_INDEX.modal), ...style }, ...props, children: children }));
+    if (contained)
+        return node;
+    return _jsx(Portal, { children: node });
+}
+Backdrop.displayName = "Backdrop";
+export { Backdrop };

package/dist/primitives/BottomNavigation.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+export type BottomNavigationProps = Omit<React.ComponentPropsWithoutRef<"div">, "onChange" | "defaultValue"> & {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (event: React.SyntheticEvent, value: string) => void;
+    showLabels?: boolean;
+};
+declare function BottomNavigation({ value: valueProp, defaultValue, onChange, showLabels, className, ...props }: BottomNavigationProps): React.JSX.Element;
+declare namespace BottomNavigation {
+    var displayName: string;
+}
+export type BottomNavigationActionProps = React.ComponentPropsWithoutRef<"button"> & {
+    value: string;
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    showLabel?: boolean;
+};
+declare function BottomNavigationAction({ value, label, icon, showLabel, className, onClick, ...props }: BottomNavigationActionProps): React.JSX.Element;
+declare namespace BottomNavigationAction {
+    var displayName: string;
+}
+export { BottomNavigation, BottomNavigationAction };
+//# sourceMappingURL=BottomNavigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigation.d.ts","sourceRoot":"","sources":["../../src/primitives/BottomNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EACrC,UAAU,GAAG,cAAc,CAC5B,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,QAAQ,EACR,UAAiB,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAyBvB;kBAhCQ,gBAAgB;;;AAmCzB,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACnF,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,iBAAS,sBAAsB,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,SAAS,EACT,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,2BAA2B,qBA0B7B;kBAlCQ,sBAAsB;;;AAqC/B,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/primitives/BottomNavigation.js

@@ -0,0 +1,30 @@
+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 BottomNavContext = React.createContext(null);
+function BottomNavigation({ value: valueProp, defaultValue, onChange, showLabels = true, className, ...props }) {
+    const [value, setValue] = useControllableState({
+        prop: valueProp,
+        defaultProp: defaultValue,
+        onChange: (next) => {
+            if (next == null)
+                return;
+            onChange?.({}, next);
+        },
+    });
+    return (_jsx(BottomNavContext.Provider, { value: { value, setValue: (next) => setValue(next), showLabels }, children: _jsx("div", { role: "navigation", "data-slot": "bottom-navigation", className: cn("glass-tabbar flex w-full items-stretch justify-around rounded-2xl border border-border/40 px-2 py-1", className), ...props }) }));
+}
+BottomNavigation.displayName = "BottomNavigation";
+function BottomNavigationAction({ value, label, icon, showLabel, className, onClick, ...props }) {
+    const ctx = React.useContext(BottomNavContext);
+    const selected = ctx?.value === value;
+    const labels = showLabel ?? ctx?.showLabels ?? true;
+    return (_jsxs("button", { type: "button", "data-slot": "bottom-navigation-action", "data-selected": selected ? "" : undefined, "aria-current": selected ? "page" : undefined, className: cn("flex min-h-11 flex-1 flex-col items-center justify-center gap-0.5 rounded-xl px-2 py-1.5 text-[10px] font-bold outline-none transition-colors", selected ? "text-primary" : "text-muted-foreground hover:text-foreground", className), onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented)
+                ctx?.setValue(value);
+        }, ...props, children: [_jsx("span", { className: "[&_svg]:size-5", children: icon }), labels ? _jsx("span", { children: label }) : null] }));
+}
+BottomNavigationAction.displayName = "BottomNavigationAction";
+export { BottomNavigation, BottomNavigationAction };

package/dist/primitives/ButtonBase.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+export type ButtonBaseProps = React.ComponentPropsWithoutRef<"button"> & {
+    asChild?: boolean;
+    focusRipple?: boolean;
+};
+/**
+ * Unstyled pressable — MUI ButtonBase analogue. Use Button / IconButton for styled actions.
+ */
+declare const ButtonBase: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    asChild?: boolean;
+    focusRipple?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { ButtonBase };
+//# sourceMappingURL=ButtonBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../src/primitives/ButtonBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,UAAU;cAPJ,OAAO;kBACH,OAAO;2CAwBtB,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/primitives/ButtonBase.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "../lib/slot";
+import { cn } from "../lib/cn";
+/**
+ * Unstyled pressable — MUI ButtonBase analogue. Use Button / IconButton for styled actions.
+ */
+const ButtonBase = React.forwardRef(({ className, asChild = false, focusRipple: _focusRipple, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { ref: ref, type: asChild ? undefined : "button", "data-slot": "button-base", className: cn("inline-flex cursor-pointer items-center justify-center outline-none select-none", "focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50", "active:scale-[0.98]", className), ...props }));
+});
+ButtonBase.displayName = "ButtonBase";
+export { ButtonBase };

package/dist/primitives/ButtonGroup.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+import { buttonVariants } from "./Button";
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ButtonGroupProps = React.ComponentPropsWithoutRef<"div"> & VariantProps<typeof buttonGroupVariants> & {
+    variant?: VariantProps<typeof buttonVariants>["variant"];
+    size?: VariantProps<typeof buttonVariants>["size"];
+    disabled?: boolean;
+};
+/**
+ * Connected cluster of buttons — first/last corners stay rounded.
+ */
+declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    variant?: VariantProps<typeof buttonVariants>["variant"];
+    size?: VariantProps<typeof buttonVariants>["size"];
+    disabled?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export { ButtonGroup, buttonGroupVariants };
+//# sourceMappingURL=ButtonGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/primitives/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,QAAA,MAAM,mBAAmB;;;8EAevB,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAClE,YAAY,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACzC,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEJ;;GAEG;AACH,QAAA,MAAM,WAAW;;;;cARH,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC;WACjD,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC;eACvC,OAAO;wCA4DrB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/primitives/ButtonGroup.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const buttonGroupVariants = cva("inline-flex isolate", {
+    variants: {
+        orientation: {
+            horizontal: "flex-row",
+            vertical: "flex-col",
+        },
+        fullWidth: {
+            true: "flex w-full",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        orientation: "horizontal",
+        fullWidth: false,
+    },
+});
+/**
+ * Connected cluster of buttons — first/last corners stay rounded.
+ */
+const ButtonGroup = React.forwardRef(({ className, orientation = "horizontal", fullWidth = false, variant, size, disabled, children, ...props }, ref) => {
+    const items = React.Children.toArray(children);
+    const vertical = orientation === "vertical";
+    return (_jsx("div", { ref: ref, role: "group", "data-slot": "button-group", "data-orientation": orientation, className: cn(buttonGroupVariants({ orientation, fullWidth }), className), ...props, children: items.map((child, index) => {
+            if (!React.isValidElement(child)) {
+                return child;
+            }
+            const first = index === 0;
+            const last = index === items.length - 1;
+            return React.cloneElement(child, {
+                disabled: disabled || child.props.disabled,
+                variant: child.props.variant ?? variant ?? undefined,
+                size: child.props.size ?? size ?? undefined,
+                className: cn(child.props.className, "focus-visible:z-10", vertical
+                    ? cn(!first && "-mt-px rounded-t-none", !last && "rounded-b-none")
+                    : cn(!first && "-ml-px rounded-l-none", !last && "rounded-r-none"), fullWidth && "flex-1"),
+            });
+        }) }));
+});
+ButtonGroup.displayName = "ButtonGroup";
+export { ButtonGroup, buttonGroupVariants };

package/dist/primitives/CircularProgress.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+export type CircularProgressProps = React.ComponentPropsWithoutRef<"span"> & {
+    variant?: "indeterminate" | "determinate";
+    value?: number;
+    size?: number;
+    thickness?: number;
+};
+/**
+ * Circular indicator. Indeterminate spins; determinate fills an SVG track.
+ */
+declare function CircularProgress({ variant, value, size, thickness, className, ...props }: CircularProgressProps): React.JSX.Element;
+declare namespace CircularProgress {
+    var displayName: string;
+}
+export { CircularProgress };
+//# sourceMappingURL=CircularProgress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../src/primitives/CircularProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,GAAG;IAC3E,OAAO,CAAC,EAAE,eAAe,GAAG,aAAa,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,iBAAS,gBAAgB,CAAC,EACxB,OAAyB,EACzB,KAAS,EACT,IAAS,EACT,SAAa,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAgFvB;kBAvFQ,gBAAgB;;;AA0FzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/primitives/CircularProgress.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/cn";
+/**
+ * Circular indicator. Indeterminate spins; determinate fills an SVG track.
+ */
+function CircularProgress({ variant = "indeterminate", value = 0, size = 40, thickness = 4, className, ...props }) {
+    const pct = Math.min(100, Math.max(0, value));
+    const radius = (size - thickness) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const offset = circumference - (pct / 100) * circumference;
+    if (variant === "indeterminate") {
+        return (_jsx("span", { role: "progressbar", "aria-label": "Loading", "data-slot": "circular-progress", className: cn("inline-flex text-primary", className), ...props, children: _jsxs("svg", { className: "animate-spin", width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [_jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: "currentColor", strokeOpacity: 0.2, strokeWidth: thickness }), _jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: "currentColor", strokeWidth: thickness, strokeLinecap: "round", strokeDasharray: `${circumference * 0.25} ${circumference}` })] }) }));
+    }
+    return (_jsx("span", { role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": pct, "data-slot": "circular-progress", className: cn("inline-flex text-primary", className), ...props, children: _jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, className: "-rotate-90", children: [_jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: "currentColor", strokeOpacity: 0.2, strokeWidth: thickness }), _jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: "currentColor", strokeWidth: thickness, strokeLinecap: "round", strokeDasharray: circumference, strokeDashoffset: offset, className: "transition-[stroke-dashoffset] duration-300" })] }) }));
+}
+CircularProgress.displayName = "CircularProgress";
+export { CircularProgress };

package/dist/primitives/ClickAwayListener.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+export type ClickAwayListenerProps = {
+    onClickAway: (event: MouseEvent | TouchEvent) => void;
+    children: React.ReactElement;
+    mouseEvent?: "mousedown" | "mouseup" | "click" | false;
+    touchEvent?: "touchstart" | "touchend" | false;
+};
+/**
+ * Invokes `onClickAway` when a pointer event occurs outside the child.
+ */
+declare function ClickAwayListener({ onClickAway, children, mouseEvent, touchEvent, }: ClickAwayListenerProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare namespace ClickAwayListener {
+    var displayName: string;
+}
+export { ClickAwayListener };
+//# sourceMappingURL=ClickAwayListener.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClickAwayListener.d.ts","sourceRoot":"","sources":["../../src/primitives/ClickAwayListener.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC;IACtD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,UAAU,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACvD,UAAU,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,KAAK,CAAC;CAChD,CAAC;AAEF;;GAEG;AACH,iBAAS,iBAAiB,CAAC,EACzB,WAAW,EACX,QAAQ,EACR,UAAwB,EACxB,UAAyB,GAC1B,EAAE,sBAAsB,0EAwBxB;kBA7BQ,iBAAiB;;;AAgC1B,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/primitives/ClickAwayListener.js

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { composeRefs } from "../lib/compose-refs";
+/**
+ * Invokes `onClickAway` when a pointer event occurs outside the child.
+ */
+function ClickAwayListener({ onClickAway, children, mouseEvent = "mousedown", touchEvent = "touchstart", }) {
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        const handler = (event) => {
+            const node = ref.current;
+            const target = event.target;
+            if (!node || !target || node.contains(target))
+                return;
+            onClickAway(event);
+        };
+        if (mouseEvent)
+            document.addEventListener(mouseEvent, handler);
+        if (touchEvent)
+            document.addEventListener(touchEvent, handler);
+        return () => {
+            if (mouseEvent)
+                document.removeEventListener(mouseEvent, handler);
+            if (touchEvent)
+                document.removeEventListener(touchEvent, handler);
+        };
+    }, [onClickAway, mouseEvent, touchEvent]);
+    const childRef = children.ref;
+    return React.cloneElement(children, {
+        ref: composeRefs(ref, childRef),
+    });
+}
+ClickAwayListener.displayName = "ClickAwayListener";
+export { ClickAwayListener };

package/dist/primitives/Collapse.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export type CollapseProps = Omit<React.ComponentPropsWithoutRef<"div">, "in"> & {
+    /** When true, the child is expanded. */
+    in?: boolean;
+    /** Keep children mounted while collapsed. Defaults to true so height can animate. */
+    unmountOnExit?: boolean;
+};
+/**
+ * Height collapse used by Accordion and other expandable regions.
+ * Animates `grid-template-rows` (transform-safe; no `transition-all`).
+ */
+declare const Collapse: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "in"> & {
+    /** When true, the child is expanded. */
+    in?: boolean;
+    /** Keep children mounted while collapsed. Defaults to true so height can animate. */
+    unmountOnExit?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Collapse };
+//# sourceMappingURL=Collapse.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.d.ts","sourceRoot":"","sources":["../../src/primitives/Collapse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG;IAC9E,wCAAwC;IACxC,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,qFAAqF;IACrF,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,QAAQ;IAVZ,wCAAwC;SACnC,OAAO;IACZ,qFAAqF;oBACrE,OAAO;wCA4BxB,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/primitives/Collapse.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+/**
+ * Height collapse used by Accordion and other expandable regions.
+ * Animates `grid-template-rows` (transform-safe; no `transition-all`).
+ */
+const Collapse = React.forwardRef(({ in: open = false, unmountOnExit = false, className, children, ...props }, ref) => {
+    if (unmountOnExit && !open)
+        return null;
+    return (_jsx("div", { ref: ref, "data-slot": "collapse", "data-state": open ? "open" : "closed", "aria-hidden": !open, className: cn("grid transition-[grid-template-rows] duration-300 ease-out", open ? "grid-rows-[1fr]" : "grid-rows-[0fr]", className), ...props, children: _jsx("div", { className: "min-h-0 overflow-hidden", children: children }) }));
+});
+Collapse.displayName = "Collapse";
+export { Collapse };

package/dist/primitives/Container.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const containerVariants: (props?: ({
+    maxWidth?: "sm" | "lg" | "xl" | "md" | "full" | null | undefined;
+    disableGutters?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ContainerProps = React.ComponentPropsWithoutRef<"div"> & VariantProps<typeof containerVariants>;
+declare const Container: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    maxWidth?: "sm" | "lg" | "xl" | "md" | "full" | null | undefined;
+    disableGutters?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export { Container, containerVariants };
+//# sourceMappingURL=Container.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/primitives/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,iBAAiB;;;8EAkBrB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAChE,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEzC,QAAA,MAAM,SAAS;;;sHASd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/primitives/Container.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const containerVariants = cva("mx-auto w-full", {
+    variants: {
+        maxWidth: {
+            sm: "max-w-screen-sm",
+            md: "max-w-screen-md",
+            lg: "max-w-screen-lg",
+            xl: "max-w-screen-xl",
+            full: "max-w-none",
+        },
+        disableGutters: {
+            true: "px-0",
+            false: "px-4 sm:px-6",
+        },
+    },
+    defaultVariants: {
+        maxWidth: "lg",
+        disableGutters: false,
+    },
+});
+const Container = React.forwardRef(({ className, maxWidth, disableGutters, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": "container", className: cn(containerVariants({ maxWidth, disableGutters }), className), ...props })));
+Container.displayName = "Container";
+export { Container, containerVariants };

package/dist/primitives/Fab.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const fabVariants: (props?: ({
+    variant?: "circular" | "extended" | null | undefined;
+    color?: "default" | "glass" | "primary" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type FabProps = Omit<React.ComponentPropsWithoutRef<"button">, "color"> & VariantProps<typeof fabVariants> & {
+    asChild?: boolean;
+};
+/**
+ * Floating action button. Use `variant="extended"` for a labeled FAB.
+ */
+declare const Fab: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color"> & VariantProps<(props?: ({
+    variant?: "circular" | "extended" | null | undefined;
+    color?: "default" | "glass" | "primary" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Fab, fabVariants };
+//# sourceMappingURL=Fab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fab.d.ts","sourceRoot":"","sources":["../../src/primitives/Fab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,WAAW;;;;8EA8BhB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,GAC5E,YAAY,CAAC,OAAO,WAAW,CAAC,GAAG;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ;;GAEG;AACH,QAAA,MAAM,GAAG;;;;;cANK,OAAO;2CAmBpB,CAAC;AAGF,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC"}

package/dist/primitives/Fab.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { Slot } from "../lib/slot";
+import { cn } from "../lib/cn";
+const fabVariants = cva("inline-flex items-center justify-center gap-2 font-bold shadow-[0_10px_28px_color-mix(in_srgb,var(--foreground)_16%,transparent)] outline-none transition-[color,background-color,box-shadow,transform] duration-150 focus-visible:ring-ring/50 focus-visible:ring-[3px] active:scale-[0.98] disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5", {
+    variants: {
+        variant: {
+            circular: "rounded-full",
+            extended: "rounded-full px-5",
+        },
+        color: {
+            primary: "bg-primary text-primary-foreground hover:bg-primary/90",
+            glass: "glass border-border/50 text-foreground hover:border-primary/30 hover:text-primary",
+            default: "bg-card text-foreground border border-border/50 hover:bg-muted/60",
+        },
+        size: {
+            sm: "size-10 text-sm",
+            md: "size-14 text-base",
+            lg: "size-16 text-lg",
+        },
+    },
+    compoundVariants: [
+        { variant: "extended", size: "sm", className: "h-10 w-auto min-w-10" },
+        { variant: "extended", size: "md", className: "h-12 w-auto min-w-12 size-auto" },
+        { variant: "extended", size: "lg", className: "h-14 w-auto min-w-14 size-auto" },
+    ],
+    defaultVariants: {
+        variant: "circular",
+        color: "primary",
+        size: "md",
+    },
+});
+/**
+ * Floating action button. Use `variant="extended"` for a labeled FAB.
+ */
+const Fab = React.forwardRef(({ className, variant, color, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { ref: ref, type: asChild ? undefined : "button", "data-slot": "fab", className: cn(fabVariants({ variant, color, size }), className), ...props }));
+});
+Fab.displayName = "Fab";
+export { Fab, fabVariants };

package/dist/primitives/FormControl.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+export type FormControlProps = React.ComponentPropsWithoutRef<"div"> & {
+    error?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    fullWidth?: boolean;
+};
+declare function FormControl({ error, disabled, required, fullWidth, className, ...props }: FormControlProps): React.JSX.Element;
+declare namespace FormControl {
+    var displayName: string;
+}
+declare function FormLabel({ className, children, ...props }: React.ComponentPropsWithoutRef<"label">): React.JSX.Element;
+declare namespace FormLabel {
+    var displayName: string;
+}
+declare function FormHelperText({ className, ...props }: React.ComponentPropsWithoutRef<"p">): React.JSX.Element;
+declare namespace FormHelperText {
+    var displayName: string;
+}
+declare function FormGroup({ row, className, ...props }: React.ComponentPropsWithoutRef<"div"> & {
+    row?: boolean;
+}): React.JSX.Element;
+declare namespace FormGroup {
+    var displayName: string;
+}
+export { FormControl, FormLabel, FormHelperText, FormGroup };
+//# sourceMappingURL=FormControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/primitives/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACrE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAYlB;kBAnBQ,WAAW;;;AAsBpB,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,qBAY5F;kBAZQ,SAAS;;;AAelB,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,qBAanF;kBAbQ,cAAc;;;AAgBvB,iBAAS,SAAS,CAAC,EACjB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,OAAO,CAAA;CAAE,qBAS3D;kBAbQ,SAAS;;;AAgBlB,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC"}

package/dist/primitives/FormControl.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+import { Label } from "./Label";
+const FormControlContext = React.createContext(null);
+function FormControl({ error, disabled, required, fullWidth, className, ...props }) {
+    return (_jsx(FormControlContext.Provider, { value: { error, disabled, required, fullWidth }, children: _jsx("div", { "data-slot": "form-control", "data-error": error ? "" : undefined, "data-disabled": disabled ? "" : undefined, className: cn("flex flex-col gap-1.5", fullWidth && "w-full", className), ...props }) }));
+}
+FormControl.displayName = "FormControl";
+function FormLabel({ className, children, ...props }) {
+    const ctx = React.useContext(FormControlContext);
+    return (_jsxs(Label, { "data-slot": "form-label", className: cn(ctx?.error && "text-destructive", className), ...props, children: [children, ctx?.required ? _jsx("span", { className: "text-destructive", children: "*" }) : null] }));
+}
+FormLabel.displayName = "FormLabel";
+function FormHelperText({ className, ...props }) {
+    const ctx = React.useContext(FormControlContext);
+    return (_jsx("p", { "data-slot": "form-helper-text", className: cn("text-xs font-medium", ctx?.error ? "text-destructive" : "text-muted-foreground", className), ...props }));
+}
+FormHelperText.displayName = "FormHelperText";
+function FormGroup({ row, className, ...props }) {
+    return (_jsx("div", { "data-slot": "form-group", role: "group", className: cn("flex", row ? "flex-row flex-wrap gap-4" : "flex-col gap-2", className), ...props }));
+}
+FormGroup.displayName = "FormGroup";
+export { FormControl, FormLabel, FormHelperText, FormGroup };

package/dist/primitives/FormControlLabel.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+export type FormControlLabelProps = Omit<React.ComponentPropsWithoutRef<"label">, "control"> & {
+    control: React.ReactElement<{
+        disabled?: boolean;
+    }>;
+    label: React.ReactNode;
+    labelPlacement?: "end" | "start" | "top" | "bottom";
+    disabled?: boolean;
+};
+/**
+ * Pairs a checkbox, radio, or switch with its visible label.
+ */
+declare function FormControlLabel({ control, label, labelPlacement, disabled, className, ...props }: FormControlLabelProps): React.JSX.Element;
+declare namespace FormControlLabel {
+    var displayName: string;
+}
+export { FormControlLabel };
+//# sourceMappingURL=FormControlLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlLabel.d.ts","sourceRoot":"","sources":["../../src/primitives/FormControlLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,GAAG;IAC7F,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACpD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AASF;;GAEG;AACH,iBAAS,gBAAgB,CAAC,EACxB,OAAO,EACP,KAAK,EACL,cAAsB,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAmBvB;kBA1BQ,gBAAgB;;;AA6BzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/primitives/FormControlLabel.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+import { Label } from "./Label";
+const placementClass = {
+    end: "flex-row",
+    start: "flex-row-reverse",
+    top: "flex-col-reverse items-center",
+    bottom: "flex-col items-center",
+};
+/**
+ * Pairs a checkbox, radio, or switch with its visible label.
+ */
+function FormControlLabel({ control, label, labelPlacement = "end", disabled, className, ...props }) {
+    const controlDisabled = disabled || control.props.disabled;
+    return (_jsxs(Label, { "data-slot": "form-control-label", "data-disabled": controlDisabled ? "" : undefined, className: cn("inline-flex w-fit cursor-pointer items-center gap-2", placementClass[labelPlacement], controlDisabled && "cursor-not-allowed opacity-50", className), ...props, children: [React.cloneElement(control, { disabled: controlDisabled }), _jsx("span", { className: "text-sm font-medium", children: label })] }));
+}
+FormControlLabel.displayName = "FormControlLabel";
+export { FormControlLabel };

package/dist/primitives/Grid.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+export type BoxProps = React.ComponentPropsWithoutRef<"div"> & {
+    component?: React.ElementType;
+    asChild?: boolean;
+};
+/**
+ * Generic layout primitive. Prefer Stack / Grid / Paper for structured layouts.
+ */
+declare const Box: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    component?: React.ElementType;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export type GridProps = React.ComponentPropsWithoutRef<"div"> & {
+    container?: boolean;
+    item?: boolean;
+    spacing?: number;
+    columns?: 12;
+    xs?: number | "auto";
+    sm?: number | "auto";
+    md?: number | "auto";
+    lg?: number | "auto";
+    size?: number | "grow";
+};
+/**
+ * 12-column CSS grid. Use `container` on the parent and breakpoint spans on items.
+ */
+declare function Grid({ container, item: _item, spacing, columns: _columns, xs, sm, md, lg, size, className, ...props }: GridProps): React.JSX.Element;
+declare namespace Grid {
+    var displayName: string;
+}
+export { Box, Grid };
+//# sourceMappingURL=Grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/primitives/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC7D,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,GAAG;gBAPK,KAAK,CAAC,WAAW;cACnB,OAAO;wCAWlB,CAAC;AA6BF,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,EAAE,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAOF;;GAEG;AACH,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,IAAI,EAAE,KAAK,EACX,OAAW,EACX,OAAO,EAAE,QAAa,EACtB,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,qBAmBX;kBA/BQ,IAAI;;;AAkCb,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC"}