@jacshuo/onyx 0.1.9 → 1.0.0

package/dist/Form.d.ts

@@ -0,0 +1,101 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { formVariants } from './theme.js';
+import 'class-variance-authority/types';
+
+type FormLayout = "stacked" | "inline";
+type FormSize = "sm" | "md" | "lg";
+type FormValidationStatus = "error" | "warning" | "success" | "hint";
+/** Return value of a FormItem validation callback. */
+type ValidationResult = {
+    result: boolean;
+    reason: string;
+};
+/** Callback type for FormItem's `onValidate` prop. */
+type ValidateCallback = (value: unknown) => ValidationResult;
+/**
+ * Map of field names → ValidationResult returned from the `onValues` callback.
+ * Form will automatically display these errors in the matching named FormItems.
+ * Fields with `result: true` show a success message; `result: false` shows an error.
+ */
+type BulkValidationResult = Record<string, ValidationResult>;
+type FormProps = React.FormHTMLAttributes<HTMLFormElement> & VariantProps<typeof formVariants> & {
+    /**
+     * Label + control layout for all FormItems.
+     * - "stacked"  — label above control (default; always used on narrow viewports)
+     * - "inline"   — label left, control right
+     * @default "stacked"
+     */
+    layout?: FormLayout;
+    /** Form heading rendered above all items. */
+    title?: React.ReactNode;
+    /** Optional descriptive text below the heading. */
+    description?: React.ReactNode;
+    /**
+     * Footer slot — typically holds submit / reset buttons.
+     * Rendered below all FormItems, separated by a top border.
+     */
+    footer?: React.ReactNode;
+    /**
+     * Called on form submit with a plain-object snapshot of all named
+     * FormItem inputs (via the native FormData API).
+     * Call `e.preventDefault()` inside this callback to prevent a page reload.
+     *
+     * May return (or resolve to) a `BulkValidationResult` to display
+     * per-field errors/successes — Form automatically routes each entry
+     * to the matching `<FormItem name="…">`.
+     * Supports async (return a Promise).
+     */
+    onValues?: (values: Record<string, FormDataEntryValue>, event: React.FormEvent<HTMLFormElement>) => BulkValidationResult | void | Promise<BulkValidationResult | void>;
+};
+declare function Form({ children, className, intent, size, layout, title, description, footer, onValues, onSubmit, ...props }: FormProps): react_jsx_runtime.JSX.Element;
+type FormValidation = {
+    /** Validation display status. Controls icon colour. */
+    status: FormValidationStatus;
+    /** Message text shown below the control. */
+    message: string;
+};
+type FormItemProps = {
+    /** Label text or element. Pass a string for automatic htmlFor wiring. */
+    label?: React.ReactNode;
+    /**
+     * Override the inherited layout from Form.
+     * Useful when a specific item needs to differ from the rest.
+     */
+    layout?: FormLayout;
+    /** Whether the field is required (adds a red asterisk after the label). */
+    required?: boolean;
+    /** Additional hint text rendered below the control (below validation if both present). */
+    hint?: React.ReactNode;
+    /** Externally controlled validation result. Takes precedence over `onValidate`. */
+    validation?: FormValidation;
+    /**
+     * Field name used by the native FormData API when the Form's `onValues`
+     * callback is used. Injected into the first child element automatically.
+     */
+    name?: string;
+    /**
+     * Validation callback. Called with the current value on every change.
+     * Return `{ result: true, reason: "" }` for success or
+     * `{ result: false, reason: "Error message" }` for error.
+     */
+    onValidate?: ValidateCallback;
+    /** Extra class on the wrapper div. */
+    className?: string;
+    children: React.ReactNode;
+};
+declare function FormItem({ label, layout: itemLayout, required, hint, validation, name, onValidate, className, children, }: FormItemProps): react_jsx_runtime.JSX.Element;
+/**
+ * Optional grouping element inside a Form.
+ * Renders a subtle heading + divider, then its children as a nested column.
+ */
+type FormSectionProps = {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    className?: string;
+    children: React.ReactNode;
+};
+declare function FormSection({ title, description, className, children }: FormSectionProps): react_jsx_runtime.JSX.Element;
+
+export { type BulkValidationResult, Form, FormItem, type FormItemProps, type FormLayout, type FormProps, FormSection, type FormSectionProps, type FormSize, type FormValidation, type FormValidationStatus, type ValidateCallback, type ValidationResult };

package/dist/Form.js

@@ -0,0 +1 @@
+export{a as Form,b as FormItem,c as FormSection}from'./chunks/chunk-AK5IK7ZD.js';import'./chunks/chunk-XAOBJSFW.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Header.cjs

@@ -1 +1 @@
-'use strict';var chunkP652JDOU_cjs=require('./chunks/chunk-P652JDOU.cjs');require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Header",{enumerable:true,get:function(){return chunkP652JDOU_cjs.a}});
+'use strict';var chunkDWYAPPDB_cjs=require('./chunks/chunk-DWYAPPDB.cjs');require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Header",{enumerable:true,get:function(){return chunkDWYAPPDB_cjs.a}});

package/dist/Header.d.cts

@@ -47,7 +47,13 @@ interface HeaderProps {
     className?: string;
     /** Content rendered between nav items and actions (e.g. search bar). */
     children?: React.ReactNode;
+    /** Show a hamburger menu button on small screens (< md) that reveals nav items. @default false */
+    mobileMenu?: boolean;
+    /** Custom icon for the mobile nav toggle (left side). @default <PanelLeft> */
+    navMenuIcon?: React.ReactNode;
+    /** Custom icon for the mobile actions toggle (right side). @default <MoreHorizontal> */
+    actionsMenuIcon?: React.ReactNode;
 }
-declare function Header({ brand, onBrandClick, navItems, actions, linkComponent: Link, height, className, children, }: HeaderProps): react_jsx_runtime.JSX.Element;
+declare function Header({ brand, onBrandClick, navItems, actions, linkComponent: Link, height, mobileMenu, navMenuIcon, actionsMenuIcon, className, children, }: HeaderProps): react_jsx_runtime.JSX.Element;
 
 export { Header, type HeaderAction, type HeaderNavItem, type HeaderProps };

package/dist/Header.d.ts

@@ -47,7 +47,13 @@ interface HeaderProps {
     className?: string;
     /** Content rendered between nav items and actions (e.g. search bar). */
     children?: React.ReactNode;
+    /** Show a hamburger menu button on small screens (< md) that reveals nav items. @default false */
+    mobileMenu?: boolean;
+    /** Custom icon for the mobile nav toggle (left side). @default <PanelLeft> */
+    navMenuIcon?: React.ReactNode;
+    /** Custom icon for the mobile actions toggle (right side). @default <MoreHorizontal> */
+    actionsMenuIcon?: React.ReactNode;
 }
-declare function Header({ brand, onBrandClick, navItems, actions, linkComponent: Link, height, className, children, }: HeaderProps): react_jsx_runtime.JSX.Element;
+declare function Header({ brand, onBrandClick, navItems, actions, linkComponent: Link, height, mobileMenu, navMenuIcon, actionsMenuIcon, className, children, }: HeaderProps): react_jsx_runtime.JSX.Element;
 
 export { Header, type HeaderAction, type HeaderNavItem, type HeaderProps };

package/dist/Header.js

@@ -1 +1 @@
-export{a as Header}from'./chunks/chunk-XOO3AGIT.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as Header}from'./chunks/chunk-VUWT3NFR.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Indicator.cjs

@@ -0,0 +1 @@
+'use strict';var chunkFGUFBTKI_cjs=require('./chunks/chunk-FGUFBTKI.cjs');require('./chunks/chunk-2JLNRAXS.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Indicator",{enumerable:true,get:function(){return chunkFGUFBTKI_cjs.a}});

package/dist/Indicator.d.cts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { indicatorVariants } from './theme.cjs';
+import 'class-variance-authority/types';
+
+interface IndicatorProps extends VariantProps<typeof indicatorVariants> {
+    children: React.ReactNode;
+    /** Show or hide the indicator. @default true */
+    show?: boolean;
+    /** Content to display. Numbers > 99 are shown as "99+". Ignored when dot=true. */
+    content?: React.ReactNode;
+    /** Show a pulsing ring animation (best for dot-only mode). @default false */
+    pulse?: boolean;
+    className?: string;
+}
+declare function Indicator({ children, show, content, dot, intent, size, placement, pulse, className, }: IndicatorProps): react_jsx_runtime.JSX.Element;
+
+export { Indicator, type IndicatorProps };

package/dist/Indicator.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { indicatorVariants } from './theme.js';
+import 'class-variance-authority/types';
+
+interface IndicatorProps extends VariantProps<typeof indicatorVariants> {
+    children: React.ReactNode;
+    /** Show or hide the indicator. @default true */
+    show?: boolean;
+    /** Content to display. Numbers > 99 are shown as "99+". Ignored when dot=true. */
+    content?: React.ReactNode;
+    /** Show a pulsing ring animation (best for dot-only mode). @default false */
+    pulse?: boolean;
+    className?: string;
+}
+declare function Indicator({ children, show, content, dot, intent, size, placement, pulse, className, }: IndicatorProps): react_jsx_runtime.JSX.Element;
+
+export { Indicator, type IndicatorProps };

package/dist/Indicator.js

@@ -0,0 +1 @@
+export{a as Indicator}from'./chunks/chunk-E5UKEXJE.js';import'./chunks/chunk-XAOBJSFW.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Input.cjs

@@ -1 +1 @@
-'use strict';var chunkXCP37UUA_cjs=require('./chunks/chunk-XCP37UUA.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Input",{enumerable:true,get:function(){return chunkXCP37UUA_cjs.a}});
+'use strict';var chunk6BI4QL37_cjs=require('./chunks/chunk-6BI4QL37.cjs');require('./chunks/chunk-2JLNRAXS.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Input",{enumerable:true,get:function(){return chunk6BI4QL37_cjs.a}});

package/dist/Input.js

@@ -1 +1 @@
-export{a as Input}from'./chunks/chunk-2DFUB3KN.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as Input}from'./chunks/chunk-QLFCH4TD.js';import'./chunks/chunk-XAOBJSFW.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Label.cjs

@@ -1 +1 @@
-'use strict';var chunkHA5QPLJP_cjs=require('./chunks/chunk-HA5QPLJP.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Label",{enumerable:true,get:function(){return chunkHA5QPLJP_cjs.a}});
+'use strict';var chunkFDTREGBQ_cjs=require('./chunks/chunk-FDTREGBQ.cjs');require('./chunks/chunk-2JLNRAXS.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Label",{enumerable:true,get:function(){return chunkFDTREGBQ_cjs.a}});

package/dist/Label.js

@@ -1 +1 @@
-export{a as Label}from'./chunks/chunk-6HZRNHE6.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as Label}from'./chunks/chunk-ZY7GZOBS.js';import'./chunks/chunk-XAOBJSFW.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/List.cjs

@@ -1 +1 @@
-'use strict';var chunkORNYPP3O_cjs=require('./chunks/chunk-ORNYPP3O.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"List",{enumerable:true,get:function(){return chunkORNYPP3O_cjs.a}});Object.defineProperty(exports,"ListItem",{enumerable:true,get:function(){return chunkORNYPP3O_cjs.b}});
+'use strict';var chunk7XPIY2SQ_cjs=require('./chunks/chunk-7XPIY2SQ.cjs');require('./chunks/chunk-2JLNRAXS.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"List",{enumerable:true,get:function(){return chunk7XPIY2SQ_cjs.a}});Object.defineProperty(exports,"ListItem",{enumerable:true,get:function(){return chunk7XPIY2SQ_cjs.b}});

package/dist/List.d.cts

@@ -4,8 +4,15 @@ import { VariantProps } from 'class-variance-authority';
 import { listVariants } from './theme.cjs';
 import 'class-variance-authority/types';
 
-type ListProps = React.HTMLAttributes<HTMLUListElement> & VariantProps<typeof listVariants>;
-declare function List({ intent, className, ...props }: ListProps): react_jsx_runtime.JSX.Element;
-declare function ListItem({ className, ...props }: React.LiHTMLAttributes<HTMLLIElement>): react_jsx_runtime.JSX.Element;
+type ListProps = React.HTMLAttributes<HTMLUListElement> & VariantProps<typeof listVariants> & {
+    /** Controls item text and icon sizing. @default 'md' */
+    size?: "sm" | "md" | "lg";
+};
+declare function List({ intent, size, className, ...props }: ListProps): react_jsx_runtime.JSX.Element;
+type ListItemProps = React.LiHTMLAttributes<HTMLLIElement> & {
+    /** Action buttons rendered on the right side of the item. */
+    actions?: React.ReactNode;
+};
+declare function ListItem({ actions, className, children, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
 
-export { List, ListItem };
+export { List, ListItem, type ListItemProps };

package/dist/List.d.ts

@@ -4,8 +4,15 @@ import { VariantProps } from 'class-variance-authority';
 import { listVariants } from './theme.js';
 import 'class-variance-authority/types';
 
-type ListProps = React.HTMLAttributes<HTMLUListElement> & VariantProps<typeof listVariants>;
-declare function List({ intent, className, ...props }: ListProps): react_jsx_runtime.JSX.Element;
-declare function ListItem({ className, ...props }: React.LiHTMLAttributes<HTMLLIElement>): react_jsx_runtime.JSX.Element;
+type ListProps = React.HTMLAttributes<HTMLUListElement> & VariantProps<typeof listVariants> & {
+    /** Controls item text and icon sizing. @default 'md' */
+    size?: "sm" | "md" | "lg";
+};
+declare function List({ intent, size, className, ...props }: ListProps): react_jsx_runtime.JSX.Element;
+type ListItemProps = React.LiHTMLAttributes<HTMLLIElement> & {
+    /** Action buttons rendered on the right side of the item. */
+    actions?: React.ReactNode;
+};
+declare function ListItem({ actions, className, children, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
 
-export { List, ListItem };
+export { List, ListItem, type ListItemProps };

package/dist/List.js

@@ -1 +1 @@
-export{a as List,b as ListItem}from'./chunks/chunk-DWTXICFN.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as List,b as ListItem}from'./chunks/chunk-NY27TTWN.js';import'./chunks/chunk-XAOBJSFW.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Masonry.cjs

@@ -0,0 +1 @@
+'use strict';var chunkLFJEIO3X_cjs=require('./chunks/chunk-LFJEIO3X.cjs');require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Masonry",{enumerable:true,get:function(){return chunkLFJEIO3X_cjs.a}});

package/dist/Masonry.d.cts

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+type MasonryItemData = {
+    key?: React.Key;
+    /** The visual content rendered inside the item. */
+    content: React.ReactNode;
+    /** Optional title shown in the hover overlay. */
+    title?: string;
+    /** Optional description shown in the hover overlay. */
+    description?: string;
+    /** Optional action buttons shown in the hover overlay. */
+    actions?: React.ReactNode;
+};
+type MasonryProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> & {
+    /** Fixed number of columns. Overrides `columnWidth` when set. */
+    columns?: number;
+    /** Minimum column width in pixels. The actual column count is auto-calculated from the container width. @default 240 */
+    columnWidth?: number;
+    /** Gap between items in pixels (horizontal and vertical). @default 16 */
+    gap?: number;
+    /** Structured item list with overlay metadata. When provided, `children` is ignored. */
+    items?: MasonryItemData[];
+    /** Called when an item is clicked. Receives the item data (or undefined for plain children) and the index. */
+    onItemClick?: (item: MasonryItemData | undefined, index: number) => void;
+};
+/**
+ * Pinterest-style waterfall / masonry layout with rich interactions.
+ *
+ * Items are measured and placed into the shortest column, producing
+ * an even distribution regardless of varying item heights.
+ * Fully responsive — column count adapts to parent width.
+ *
+ * Each item supports:
+ * - Hover: cursor pointer, enlarge + elevated shadow + glass-reflection sweep
+ * - Overlay: title / description / action buttons on hover
+ * - Click: ripple flash effect + `onItemClick` callback
+ */
+declare function Masonry({ columns: fixedColumns, columnWidth, gap, items, onItemClick, className, style, children, ...props }: MasonryProps): react_jsx_runtime.JSX.Element;
+
+export { Masonry, type MasonryItemData, type MasonryProps };

package/dist/Masonry.d.ts

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+type MasonryItemData = {
+    key?: React.Key;
+    /** The visual content rendered inside the item. */
+    content: React.ReactNode;
+    /** Optional title shown in the hover overlay. */
+    title?: string;
+    /** Optional description shown in the hover overlay. */
+    description?: string;
+    /** Optional action buttons shown in the hover overlay. */
+    actions?: React.ReactNode;
+};
+type MasonryProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> & {
+    /** Fixed number of columns. Overrides `columnWidth` when set. */
+    columns?: number;
+    /** Minimum column width in pixels. The actual column count is auto-calculated from the container width. @default 240 */
+    columnWidth?: number;
+    /** Gap between items in pixels (horizontal and vertical). @default 16 */
+    gap?: number;
+    /** Structured item list with overlay metadata. When provided, `children` is ignored. */
+    items?: MasonryItemData[];
+    /** Called when an item is clicked. Receives the item data (or undefined for plain children) and the index. */
+    onItemClick?: (item: MasonryItemData | undefined, index: number) => void;
+};
+/**
+ * Pinterest-style waterfall / masonry layout with rich interactions.
+ *
+ * Items are measured and placed into the shortest column, producing
+ * an even distribution regardless of varying item heights.
+ * Fully responsive — column count adapts to parent width.
+ *
+ * Each item supports:
+ * - Hover: cursor pointer, enlarge + elevated shadow + glass-reflection sweep
+ * - Overlay: title / description / action buttons on hover
+ * - Click: ripple flash effect + `onItemClick` callback
+ */
+declare function Masonry({ columns: fixedColumns, columnWidth, gap, items, onItemClick, className, style, children, ...props }: MasonryProps): react_jsx_runtime.JSX.Element;
+
+export { Masonry, type MasonryItemData, type MasonryProps };

package/dist/Masonry.js

@@ -0,0 +1 @@
+export{a as Masonry}from'./chunks/chunk-G2VO67XY.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/NavLink.cjs

@@ -0,0 +1 @@
+'use strict';var chunkBUNOVZ23_cjs=require('./chunks/chunk-BUNOVZ23.cjs');require('./chunks/chunk-2JLNRAXS.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"NavLink",{enumerable:true,get:function(){return chunkBUNOVZ23_cjs.a}});

package/dist/NavLink.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { navLinkVariants } from './theme.cjs';
+import 'class-variance-authority/types';
+
+type NavLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & VariantProps<typeof navLinkVariants> & {
+    /** Show external-link icon. Defaults to `true` when `target="_blank"` or href starts with `http`. */
+    external?: boolean;
+};
+declare function NavLink({ intent, size, underline, external, className, children, href, target, rel, ...props }: NavLinkProps): react_jsx_runtime.JSX.Element;
+
+export { NavLink };

package/dist/NavLink.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { navLinkVariants } from './theme.js';
+import 'class-variance-authority/types';
+
+type NavLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & VariantProps<typeof navLinkVariants> & {
+    /** Show external-link icon. Defaults to `true` when `target="_blank"` or href starts with `http`. */
+    external?: boolean;
+};
+declare function NavLink({ intent, size, underline, external, className, children, href, target, rel, ...props }: NavLinkProps): react_jsx_runtime.JSX.Element;
+
+export { NavLink };

package/dist/NavLink.js

@@ -0,0 +1 @@
+export{a as NavLink}from'./chunks/chunk-SC4PNYQT.js';import'./chunks/chunk-XAOBJSFW.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Panel.cjs

@@ -1 +1 @@
-'use strict';var chunk66LIYNLT_cjs=require('./chunks/chunk-66LIYNLT.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Panel",{enumerable:true,get:function(){return chunk66LIYNLT_cjs.a}});Object.defineProperty(exports,"PanelContent",{enumerable:true,get:function(){return chunk66LIYNLT_cjs.c}});Object.defineProperty(exports,"PanelHeader",{enumerable:true,get:function(){return chunk66LIYNLT_cjs.b}});
+'use strict';var chunkAEBULFON_cjs=require('./chunks/chunk-AEBULFON.cjs');require('./chunks/chunk-2JLNRAXS.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Panel",{enumerable:true,get:function(){return chunkAEBULFON_cjs.a}});Object.defineProperty(exports,"PanelContent",{enumerable:true,get:function(){return chunkAEBULFON_cjs.c}});Object.defineProperty(exports,"PanelHeader",{enumerable:true,get:function(){return chunkAEBULFON_cjs.b}});

package/dist/Panel.js

@@ -1 +1 @@
-export{a as Panel,c as PanelContent,b as PanelHeader}from'./chunks/chunk-VDC7N5TC.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as Panel,c as PanelContent,b as PanelHeader}from'./chunks/chunk-4VFV5U3S.js';import'./chunks/chunk-XAOBJSFW.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/ProgressBar.cjs

@@ -0,0 +1 @@
+'use strict';var chunkW5UXZVLS_cjs=require('./chunks/chunk-W5UXZVLS.cjs');require('./chunks/chunk-2JLNRAXS.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"ProgressBar",{enumerable:true,get:function(){return chunkW5UXZVLS_cjs.a}});

package/dist/ProgressBar.d.cts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { progressBarVariants } from './theme.cjs';
+import 'class-variance-authority/types';
+
+type ProgressBarProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof progressBarVariants> & {
+    /** Current value 0–100 */
+    value?: number;
+    /** Show the percentage label inside the bar */
+    showLabel?: boolean;
+    /** Enable the indeterminate (loading) animation — ignores `value` */
+    indeterminate?: boolean;
+    /** Enable the shine / pulse glow animation on the fill */
+    animated?: boolean;
+    /** Duration of the value transition in ms @default 500 */
+    duration?: number;
+};
+declare function ProgressBar({ value, size, intent, edge, showLabel, indeterminate, animated, duration, className, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+export { ProgressBar, type ProgressBarProps };

package/dist/ProgressBar.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { progressBarVariants } from './theme.js';
+import 'class-variance-authority/types';
+
+type ProgressBarProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof progressBarVariants> & {
+    /** Current value 0–100 */
+    value?: number;
+    /** Show the percentage label inside the bar */
+    showLabel?: boolean;
+    /** Enable the indeterminate (loading) animation — ignores `value` */
+    indeterminate?: boolean;
+    /** Enable the shine / pulse glow animation on the fill */
+    animated?: boolean;
+    /** Duration of the value transition in ms @default 500 */
+    duration?: number;
+};
+declare function ProgressBar({ value, size, intent, edge, showLabel, indeterminate, animated, duration, className, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+export { ProgressBar, type ProgressBarProps };

package/dist/ProgressBar.js

@@ -0,0 +1 @@
+export{a as ProgressBar}from'./chunks/chunk-FQZX67Z7.js';import'./chunks/chunk-XAOBJSFW.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Radio.cjs

@@ -0,0 +1 @@
+'use strict';var chunkSLHD7PST_cjs=require('./chunks/chunk-SLHD7PST.cjs');require('./chunks/chunk-2JLNRAXS.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Radio",{enumerable:true,get:function(){return chunkSLHD7PST_cjs.b}});Object.defineProperty(exports,"RadioGroup",{enumerable:true,get:function(){return chunkSLHD7PST_cjs.a}});

package/dist/Radio.d.cts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { radioVariants } from './theme.cjs';
+import 'class-variance-authority/types';
+
+interface RadioGroupProps {
+    /** Form field name shared by all radios. */
+    name?: string;
+    /** Controlled selected value. */
+    value?: string;
+    /** Default selected value (uncontrolled). */
+    defaultValue?: string;
+    /** Callback when selection changes. */
+    onValueChange?: (value: string) => void;
+    /** Shared intent for all child radios. */
+    intent?: VariantProps<typeof radioVariants>["intent"];
+    /** Shared size for all child radios. */
+    size?: VariantProps<typeof radioVariants>["size"];
+    disabled?: boolean;
+    /** Layout direction of the radio buttons. @default 'vertical' */
+    orientation?: "vertical" | "horizontal";
+    className?: string;
+    children: React.ReactNode;
+}
+declare function RadioGroup({ name: nameProp, value: controlledValue, defaultValue, onValueChange, intent, size, disabled, orientation, className, children, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+type RadioProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & Omit<VariantProps<typeof radioVariants>, "checked"> & {
+    /** The value of this radio option. */
+    value: string;
+    /** Accessible label text shown beside the radio. */
+    label?: string;
+};
+declare function Radio({ value, intent: intentProp, size: sizeProp, label, id: propId, className, disabled: disabledProp, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
+
+export { Radio, RadioGroup, type RadioGroupProps, type RadioProps };

package/dist/Radio.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { radioVariants } from './theme.js';
+import 'class-variance-authority/types';
+
+interface RadioGroupProps {
+    /** Form field name shared by all radios. */
+    name?: string;
+    /** Controlled selected value. */
+    value?: string;
+    /** Default selected value (uncontrolled). */
+    defaultValue?: string;
+    /** Callback when selection changes. */
+    onValueChange?: (value: string) => void;
+    /** Shared intent for all child radios. */
+    intent?: VariantProps<typeof radioVariants>["intent"];
+    /** Shared size for all child radios. */
+    size?: VariantProps<typeof radioVariants>["size"];
+    disabled?: boolean;
+    /** Layout direction of the radio buttons. @default 'vertical' */
+    orientation?: "vertical" | "horizontal";
+    className?: string;
+    children: React.ReactNode;
+}
+declare function RadioGroup({ name: nameProp, value: controlledValue, defaultValue, onValueChange, intent, size, disabled, orientation, className, children, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+type RadioProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & Omit<VariantProps<typeof radioVariants>, "checked"> & {
+    /** The value of this radio option. */
+    value: string;
+    /** Accessible label text shown beside the radio. */
+    label?: string;
+};
+declare function Radio({ value, intent: intentProp, size: sizeProp, label, id: propId, className, disabled: disabledProp, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
+
+export { Radio, RadioGroup, type RadioGroupProps, type RadioProps };

package/dist/Radio.js

@@ -0,0 +1 @@
+export{b as Radio,a as RadioGroup}from'./chunks/chunk-5XT6TJGF.js';import'./chunks/chunk-XAOBJSFW.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/SideNav.cjs

@@ -1 +1 @@
-'use strict';var chunkKVV5ZEYV_cjs=require('./chunks/chunk-KVV5ZEYV.cjs');require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"SideNav",{enumerable:true,get:function(){return chunkKVV5ZEYV_cjs.a}});
+'use strict';var chunkA6HIQADJ_cjs=require('./chunks/chunk-A6HIQADJ.cjs');require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"SideNav",{enumerable:true,get:function(){return chunkA6HIQADJ_cjs.a}});

package/dist/SideNav.d.cts

@@ -61,7 +61,20 @@ interface SideNavProps extends React.HTMLAttributes<HTMLElement> {
     defaultExpandedKeys?: Set<string> | "all";
     /** Fires when a group is toggled. */
     onExpandedKeysChange?: (keys: Set<string>) => void;
+    /**
+     * Enable built-in responsive behaviour: a floating action button toggles a slide-in
+     * overlay drawer on narrow viewports, so the nav never occupies layout space on mobile.
+     * @default true
+     */
+    responsive?: boolean;
+    /** Viewport width (px) below which mobile mode activates. @default 768 */
+    mobileBreakpoint?: number;
+    /**
+     * Distance (px) from the top of the viewport where the mobile drawer starts.
+     * Set this to the height of your app's top bar. @default 48
+     */
+    mobileTopOffset?: number;
 }
-declare function SideNav({ items, title, basePath, onItemClick, LinkComponent, collapsible, collapseMode: controlledMode, defaultCollapseMode, onCollapseModeChange, showLines, expandedKeys: controlledExpandedKeys, defaultExpandedKeys, onExpandedKeysChange, className, ...props }: SideNavProps): react_jsx_runtime.JSX.Element;
+declare function SideNav({ items, title, basePath, onItemClick, LinkComponent, collapsible, collapseMode: controlledMode, defaultCollapseMode, onCollapseModeChange, showLines, expandedKeys: controlledExpandedKeys, defaultExpandedKeys, onExpandedKeysChange, className, responsive, mobileBreakpoint, mobileTopOffset, ...props }: SideNavProps): react_jsx_runtime.JSX.Element;
 
 export { SideNav, type SideNavCollapseMode, type SideNavItem, type SideNavLinkComponentProps, type SideNavProps };

package/dist/SideNav.d.ts

@@ -61,7 +61,20 @@ interface SideNavProps extends React.HTMLAttributes<HTMLElement> {
     defaultExpandedKeys?: Set<string> | "all";
     /** Fires when a group is toggled. */
     onExpandedKeysChange?: (keys: Set<string>) => void;
+    /**
+     * Enable built-in responsive behaviour: a floating action button toggles a slide-in
+     * overlay drawer on narrow viewports, so the nav never occupies layout space on mobile.
+     * @default true
+     */
+    responsive?: boolean;
+    /** Viewport width (px) below which mobile mode activates. @default 768 */
+    mobileBreakpoint?: number;
+    /**
+     * Distance (px) from the top of the viewport where the mobile drawer starts.
+     * Set this to the height of your app's top bar. @default 48
+     */
+    mobileTopOffset?: number;
 }
-declare function SideNav({ items, title, basePath, onItemClick, LinkComponent, collapsible, collapseMode: controlledMode, defaultCollapseMode, onCollapseModeChange, showLines, expandedKeys: controlledExpandedKeys, defaultExpandedKeys, onExpandedKeysChange, className, ...props }: SideNavProps): react_jsx_runtime.JSX.Element;
+declare function SideNav({ items, title, basePath, onItemClick, LinkComponent, collapsible, collapseMode: controlledMode, defaultCollapseMode, onCollapseModeChange, showLines, expandedKeys: controlledExpandedKeys, defaultExpandedKeys, onExpandedKeysChange, className, responsive, mobileBreakpoint, mobileTopOffset, ...props }: SideNavProps): react_jsx_runtime.JSX.Element;
 
 export { SideNav, type SideNavCollapseMode, type SideNavItem, type SideNavLinkComponentProps, type SideNavProps };

package/dist/SideNav.js

@@ -1 +1 @@
-export{a as SideNav}from'./chunks/chunk-SCSMM2J4.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as SideNav}from'./chunks/chunk-IFRKP7M2.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Spin.cjs

@@ -0,0 +1 @@
+'use strict';var chunkXK7SMEDO_cjs=require('./chunks/chunk-XK7SMEDO.cjs');require('./chunks/chunk-2JLNRAXS.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Spin",{enumerable:true,get:function(){return chunkXK7SMEDO_cjs.a}});Object.defineProperty(exports,"useSpin",{enumerable:true,get:function(){return chunkXK7SMEDO_cjs.b}});

package/dist/Spin.d.cts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { spinVariants } from './theme.cjs';
+import 'class-variance-authority/types';
+
+type SpinProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof spinVariants> & {
+    /** Whether the spinner and overlay are active */
+    spinning?: boolean;
+    /** Tip text shown below the spinner */
+    tip?: string;
+};
+/**
+ * Inline Spin overlay.
+ * Wraps children and covers them with a loading mask when `spinning` is true.
+ * Without children it renders a standalone spinner.
+ */
+declare function Spin({ spinning, tip, size, className, children, ...props }: SpinProps): react_jsx_runtime.JSX.Element | null;
+declare function addSpin(target: HTMLElement, tip?: string): () => void;
+/**
+ * Returns a `setSpin(target, tip?)` function.
+ * Each call returns a **close** function to dismiss that specific overlay.
+ */
+declare function useSpin(): typeof addSpin;
+
+export { Spin, type SpinProps, useSpin };