@xenition/ui 0.1.0

package/dist/primitives/Popconfirm.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popconfirm = Popconfirm;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const useDismiss_1 = require("./useDismiss");
+/** Inline confirmation popover bound to the theme tokens — for destructive actions. */
+function Popconfirm({ trigger, message, onConfirm, confirmLabel = 'Confirm', cancelLabel = 'Cancel', }) {
+    const [open, setOpen] = React.useState(false);
+    const ref = (0, useDismiss_1.useDismiss)(open, () => setOpen(false));
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: "relative inline-block", children: [(0, jsx_runtime_1.jsx)("span", { onClick: () => setOpen((o) => !o), children: trigger }), open && ((0, jsx_runtime_1.jsxs)("div", { role: "dialog", className: "absolute z-50 mt-1 w-56 rounded-[var(--xen-radius-md)] border border-border bg-surface p-3 shadow-lg", children: [(0, jsx_runtime_1.jsx)("p", { className: "mb-3 text-sm text-on-surface", children: message }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-end gap-2", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setOpen(false), className: "rounded-[var(--xen-radius-sm)] px-2 py-1 text-xs text-muted transition-colors hover:text-on-surface", children: cancelLabel }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => {
+                                    onConfirm();
+                                    setOpen(false);
+                                }, className: "rounded-[var(--xen-radius-sm)] bg-danger px-2 py-1 text-xs text-on-danger", children: confirmLabel })] })] }))] }));
+}
+//# sourceMappingURL=Popconfirm.js.map

package/dist/primitives/Popconfirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popconfirm.js","sourceRoot":"","sources":["../../src/primitives/Popconfirm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,gCAyCC;;AAtDD,6CAA+B;AAC/B,6CAA0C;AAW1C,uFAAuF;AACvF,SAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAO,EACP,SAAS,EACT,YAAY,GAAG,SAAS,EACxB,WAAW,GAAG,QAAQ,GACN;IAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,IAAA,uBAAU,EAAiB,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IACnE,OAAO,CACL,iCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,uBAAuB,aAC9C,iCAAM,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,YAAG,OAAO,GAAQ,EACxD,IAAI,IAAI,CACP,iCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,sGAAsG,aAEhH,8BAAG,SAAS,EAAC,8BAA8B,YAAE,OAAO,GAAK,EACzD,iCAAK,SAAS,EAAC,wBAAwB,aACrC,mCACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAC,qGAAqG,YAE9G,WAAW,GACL,EACT,mCACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;oCACZ,SAAS,EAAE,CAAC;oCACZ,OAAO,CAAC,KAAK,CAAC,CAAC;gCACjB,CAAC,EACD,SAAS,EAAC,2EAA2E,YAEpF,YAAY,GACN,IACL,IACF,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/Popover.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface PopoverProps {
+    /** Clickable trigger. */
+    trigger: React.ReactNode;
+    children: React.ReactNode;
+    align?: 'start' | 'center' | 'end';
+    className?: string;
+}
+/** Click-triggered floating panel bound to the theme tokens. Closes on outside click / Escape. */
+export declare function Popover({ trigger, children, align, className }: PopoverProps): React.ReactElement;
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/primitives/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,YAAY;IAC3B,yBAAyB;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,kGAAkG;AAClG,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAe,EAAE,SAAS,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAsB3G"}

package/dist/primitives/Popover.js

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popover = Popover;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+const useDismiss_1 = require("./useDismiss");
+/** Click-triggered floating panel bound to the theme tokens. Closes on outside click / Escape. */
+function Popover({ trigger, children, align = 'start', className }) {
+    const [open, setOpen] = React.useState(false);
+    const ref = (0, useDismiss_1.useDismiss)(open, () => setOpen(false));
+    const alignCls = align === 'end' ? 'right-0' : align === 'center' ? 'left-1/2 -translate-x-1/2' : 'left-0';
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: "relative inline-block", children: [(0, jsx_runtime_1.jsx)("span", { onClick: () => setOpen((o) => !o), children: trigger }), open && ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('absolute z-50 mt-1 min-w-[12rem] rounded-[var(--xen-radius-md)] border border-border', 'bg-surface p-2 text-on-surface shadow-lg', alignCls, className), children: children }))] }));
+}
+//# sourceMappingURL=Popover.js.map

package/dist/primitives/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/primitives/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,0BAsBC;;AAnCD,6CAA+B;AAC/B,6BAA0B;AAC1B,6CAA0C;AAU1C,kGAAkG;AAClG,SAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAG,OAAO,EAAE,SAAS,EAAgB;IACrF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,IAAA,uBAAU,EAAiB,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IACnE,MAAM,QAAQ,GACZ,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC5F,OAAO,CACL,iCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,uBAAuB,aAC9C,iCAAM,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,YAAG,OAAO,GAAQ,EACxD,IAAI,IAAI,CACP,gCACE,SAAS,EAAE,IAAA,OAAE,EACX,sFAAsF,EACtF,0CAA0C,EAC1C,QAAQ,EACR,SAAS,CACV,YAEA,QAAQ,GACL,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/Progress.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export type ProgressTone = 'primary' | 'success' | 'warn' | 'danger';
+export interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Current value. */
+    value: number;
+    /** Maximum value (default 100). */
+    max?: number;
+    tone?: ProgressTone;
+    /** Bar thickness. */
+    size?: 'sm' | 'md';
+}
+/** Linear progress bar bound to the theme tokens. Clamps to [0, max]. */
+export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/primitives/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAErE,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,qBAAqB;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AASD,yEAAyE;AACzE,eAAO,MAAM,QAAQ,sFAyBnB,CAAC"}

package/dist/primitives/Progress.js

@@ -0,0 +1,51 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Progress = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+const FILL = {
+    primary: 'bg-primary',
+    success: 'bg-success',
+    warn: 'bg-warn',
+    danger: 'bg-danger',
+};
+/** Linear progress bar bound to the theme tokens. Clamps to [0, max]. */
+exports.Progress = React.forwardRef(function Progress({ className, value, max = 100, tone = 'primary', size = 'md', ...rest }, ref) {
+    const pct = Math.max(0, Math.min(100, max > 0 ? (value / max) * 100 : 0));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, role: "progressbar", "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": max, className: (0, cn_1.cn)('w-full overflow-hidden rounded-full bg-neutral-200', size === 'sm' ? 'h-1.5' : 'h-2.5', className), ...rest, children: (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('h-full rounded-full transition-[width] duration-300', FILL[tone]), style: { width: `${pct}%` } }) }));
+});
+//# sourceMappingURL=Progress.js.map

package/dist/primitives/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../src/primitives/Progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAc1B,MAAM,IAAI,GAAiC;IACzC,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,WAAW;CACpB,CAAC;AAEF,yEAAyE;AAC5D,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAgC,SAAS,QAAQ,CACvF,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,GAAG,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,EACvE,GAAG;IAEH,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1E,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,aAAa,mBACH,KAAK,mBACL,CAAC,mBACD,GAAG,EAClB,SAAS,EAAE,IAAA,OAAE,EACX,oDAAoD,EACpD,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EACjC,SAAS,CACV,KACG,IAAI,YAER,gCACE,SAAS,EAAE,IAAA,OAAE,EAAC,qDAAqD,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAChF,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE,GAC3B,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/RadioGroup.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface RadioOption {
+    label: React.ReactNode;
+    value: string;
+    disabled?: boolean;
+}
+export interface RadioGroupProps {
+    options: RadioOption[];
+    value: string;
+    onChange: (value: string) => void;
+    name?: string;
+    orientation?: 'vertical' | 'horizontal';
+    className?: string;
+}
+/** Single-choice radio group bound to the theme tokens. */
+export declare function RadioGroup({ options, value, onChange, name, orientation, className, }: RadioGroupProps): React.ReactElement;
+//# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/primitives/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,2DAA2D;AAC3D,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,WAAwB,EACxB,SAAS,GACV,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAyBtC"}

package/dist/primitives/RadioGroup.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = RadioGroup;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("./cn");
+/** Single-choice radio group bound to the theme tokens. */
+function RadioGroup({ options, value, onChange, name, orientation = 'vertical', className, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { role: "radiogroup", className: (0, cn_1.cn)('flex gap-3', orientation === 'vertical' ? 'flex-col' : 'flex-row flex-wrap', className), children: options.map((o) => ((0, jsx_runtime_1.jsxs)("label", { className: (0, cn_1.cn)('inline-flex items-center gap-2 text-sm text-on-surface', o.disabled && 'opacity-50'), children: [(0, jsx_runtime_1.jsx)("input", { type: "radio", name: name, value: o.value, checked: o.value === value, disabled: o.disabled, onChange: () => onChange(o.value), className: "h-4 w-4 border-border accent-primary" }), o.label] }, o.value))) }));
+}
+//# sourceMappingURL=RadioGroup.js.map

package/dist/primitives/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/primitives/RadioGroup.tsx"],"names":[],"mappings":";;AAmBA,gCAgCC;;AAlDD,6BAA0B;AAiB1B,2DAA2D;AAC3D,SAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,UAAU,EACxB,SAAS,GACO;IAChB,OAAO,CACL,gCACE,IAAI,EAAC,YAAY,EACjB,SAAS,EAAE,IAAA,OAAE,EAAC,YAAY,EAAE,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,oBAAoB,EAAE,SAAS,CAAC,YAErG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,mCAEE,SAAS,EAAE,IAAA,OAAE,EAAC,wDAAwD,EAAE,CAAC,CAAC,QAAQ,IAAI,YAAY,CAAC,aAEnG,kCACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,OAAO,EAAE,CAAC,CAAC,KAAK,KAAK,KAAK,EAC1B,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EACjC,SAAS,EAAC,sCAAsC,GAChD,EACD,CAAC,CAAC,KAAK,KAZH,CAAC,CAAC,KAAK,CAaN,CACT,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/Rating.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+export type RatingSize = 'sm' | 'md' | 'lg';
+export interface RatingProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** The rating value; filled glyphs are drawn up to `Math.round(value)`. */
+    value: number;
+    /** Total number of glyphs (default 5). */
+    max?: number;
+    /** Glyph size (default `md`). */
+    size?: RatingSize;
+    /** Render the numeric value after the glyphs. */
+    showValue?: boolean;
+    /**
+     * Custom accessible name. Defaults to `"{value} out of {max} stars"`. The
+     * glyphs themselves are decorative (`aria-hidden`); this label carries the
+     * meaning.
+     */
+    label?: string;
+}
+/**
+ * A ★ rating row — the "Stars" widget the templates hand-rolled, promoted to a
+ * token-only primitive. Draws `max` glyphs: filled (the `accent` slot) up to
+ * the rounded `value`, empty (the `muted` slot) after. Announced as one
+ * `role="img"` with an aria-label (`"{value} out of {max} stars"` or a custom
+ * `label`); the glyphs are decorative. An optional trailing numeric value.
+ */
+export declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Rating.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../src/primitives/Rating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC1F,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAUD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,qFA+BjB,CAAC"}

package/dist/primitives/Rating.js

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Rating = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+const SIZE_CLASS = {
+    sm: 'text-sm',
+    md: 'text-base',
+    lg: 'text-xl',
+};
+const STAR = '★'; // ★
+/**
+ * A ★ rating row — the "Stars" widget the templates hand-rolled, promoted to a
+ * token-only primitive. Draws `max` glyphs: filled (the `accent` slot) up to
+ * the rounded `value`, empty (the `muted` slot) after. Announced as one
+ * `role="img"` with an aria-label (`"{value} out of {max} stars"` or a custom
+ * `label`); the glyphs are decorative. An optional trailing numeric value.
+ */
+exports.Rating = React.forwardRef(function Rating({ value, max = 5, size = 'md', showValue = false, label, className, ...rest }, ref) {
+    const total = Math.max(0, Math.floor(max));
+    const filled = Math.max(0, Math.min(total, Math.round(value)));
+    const ariaLabel = label ?? `${value} out of ${total} stars`;
+    return ((0, jsx_runtime_1.jsxs)("span", { ref: ref, role: "img", "aria-label": ariaLabel, "data-xen-rating": size, className: (0, cn_1.cn)('inline-flex items-center gap-[var(--xen-space-xs)]', SIZE_CLASS[size], className), ...rest, children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", className: "inline-flex leading-none tracking-[0.1em]", children: Array.from({ length: total }, (_, i) => ((0, jsx_runtime_1.jsx)("span", { className: i < filled ? 'text-accent' : 'text-muted', children: STAR }, i))) }), showValue ? ((0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", className: "font-heading text-sm font-semibold text-on-surface", children: value })) : null] }));
+});
+//# sourceMappingURL=Rating.js.map

package/dist/primitives/Rating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../src/primitives/Rating.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAqB1B,MAAM,UAAU,GAA+B;IAC7C,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,SAAS;CACd,CAAC;AAEF,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,IAAI;AAEtB;;;;;;GAMG;AACU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAA+B,SAAS,MAAM,CAClF,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC7E,GAAG;IAEH,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,KAAK,IAAI,GAAG,KAAK,WAAW,KAAK,QAAQ,CAAC;IAE5D,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,KAAK,gBACE,SAAS,qBACJ,IAAI,EACrB,SAAS,EAAE,IAAA,OAAE,EAAC,oDAAoD,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,KAC5F,IAAI,aAER,gDAAkB,MAAM,EAAC,SAAS,EAAC,2CAA2C,YAC3E,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACvC,iCAAc,SAAS,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,YAC/D,IAAI,IADI,CAAC,CAEL,CACR,CAAC,GACG,EACN,SAAS,CAAC,CAAC,CAAC,CACX,gDAAkB,MAAM,EAAC,SAAS,EAAC,oDAAoD,YACpF,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/Segmented.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface SegmentedOption {
+    label: React.ReactNode;
+    value: string;
+}
+export interface SegmentedProps {
+    options: SegmentedOption[];
+    value: string;
+    onChange: (value: string) => void;
+    className?: string;
+}
+/** Segmented control (pill toggle group) bound to the theme tokens. */
+export declare function Segmented({ options, value, onChange, className }: SegmentedProps): React.ReactElement;
+//# sourceMappingURL=Segmented.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Segmented.d.ts","sourceRoot":"","sources":["../../src/primitives/Segmented.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,uEAAuE;AACvE,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAuBrG"}

package/dist/primitives/Segmented.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Segmented = Segmented;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("./cn");
+/** Segmented control (pill toggle group) bound to the theme tokens. */
+function Segmented({ options, value, onChange, className }) {
+    return ((0, jsx_runtime_1.jsx)("div", { role: "tablist", className: (0, cn_1.cn)('inline-flex rounded-[var(--xen-radius-md)] bg-neutral-100 p-1', className), children: options.map((o) => {
+            const active = o.value === value;
+            return ((0, jsx_runtime_1.jsx)("button", { type: "button", role: "tab", "aria-selected": active, onClick: () => onChange(o.value), className: (0, cn_1.cn)('rounded-[var(--xen-radius-sm)] px-3 py-1 text-sm font-medium transition-colors', active ? 'bg-surface text-on-surface shadow-sm' : 'text-muted hover:text-on-surface'), children: o.label }, o.value));
+        }) }));
+}
+//# sourceMappingURL=Segmented.js.map

package/dist/primitives/Segmented.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Segmented.js","sourceRoot":"","sources":["../../src/primitives/Segmented.tsx"],"names":[],"mappings":";;AAgBA,8BAuBC;;AAtCD,6BAA0B;AAc1B,uEAAuE;AACvE,SAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAkB;IAC/E,OAAO,CACL,gCAAK,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,IAAA,OAAE,EAAC,+DAA+D,EAAE,SAAS,CAAC,YAC1G,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACjB,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC;YACjC,OAAO,CACL,mCAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAChC,SAAS,EAAE,IAAA,OAAE,EACX,gFAAgF,EAChF,MAAM,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,kCAAkC,CACrF,YAEA,CAAC,CAAC,KAAK,IAVH,CAAC,CAAC,KAAK,CAWL,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/Select.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+    /** Renders the danger border/ring state. */
+    invalid?: boolean;
+}
+/**
+ * Themed `<select>` bound to the `--xen-*` tokens — the control every relation or
+ * enum field needs. Pass `<option>` (or `<optgroup>`) children; the native caret is
+ * kept for zero-asset, accessible behavior.
+ */
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/primitives/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,uFAuBjB,CAAC"}

package/dist/primitives/Select.js

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+/**
+ * Themed `<select>` bound to the `--xen-*` tokens — the control every relation or
+ * enum field needs. Pass `<option>` (or `<optgroup>`) children; the native caret is
+ * kept for zero-asset, accessible behavior.
+ */
+exports.Select = React.forwardRef(function Select({ className, invalid = false, children, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)("select", { ref: ref, "aria-invalid": invalid || undefined, className: (0, cn_1.cn)('w-full bg-surface text-on-surface', 'border rounded-[var(--xen-radius-sm)] px-3 py-2 text-base transition-colors', 'focus:outline-none focus:ring-1', invalid
+            ? 'border-danger focus:border-danger focus:ring-danger'
+            : 'border-border focus:border-primary focus:ring-primary', 'disabled:pointer-events-none disabled:opacity-50', className), ...rest, children: children }));
+});
+//# sourceMappingURL=Select.js.map

package/dist/primitives/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/primitives/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAO1B;;;;GAIG;AACU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAAiC,SAAS,MAAM,CACpF,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACjD,GAAG;IAEH,OAAO,CACL,mCACE,GAAG,EAAE,GAAG,kBACM,OAAO,IAAI,SAAS,EAClC,SAAS,EAAE,IAAA,OAAE,EACX,mCAAmC,EACnC,6EAA6E,EAC7E,iCAAiC,EACjC,OAAO;YACL,CAAC,CAAC,qDAAqD;YACvD,CAAC,CAAC,uDAAuD,EAC3D,kDAAkD,EAClD,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/Sidebar.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+export interface SidebarItem {
+    /** Row label (also the accessible name). */
+    label: string;
+    /** Optional leading icon slot. */
+    icon?: React.ReactNode;
+    /** Render the row as a link when provided. */
+    href?: string;
+    /** Marks the row as the current destination. */
+    active?: boolean;
+    /** Fires on click/activation (in addition to any `href` navigation). */
+    onSelect?: () => void;
+}
+export interface SidebarGroup {
+    /** Optional section heading rendered above the rows. */
+    label?: string;
+    items: SidebarItem[];
+}
+export interface SidebarProps extends React.HTMLAttributes<HTMLElement> {
+    /** Brand slot pinned to the top (logo, wordmark, …). */
+    brand?: React.ReactNode;
+    /** Flat list of nav rows (mutually exclusive with `groups`). */
+    items?: SidebarItem[];
+    /** Grouped nav rows, each with an optional section heading. */
+    groups?: SidebarGroup[];
+    /** Optional footer slot pinned to the bottom (account, sign-out, …). */
+    footer?: React.ReactNode;
+}
+/**
+ * Vertical nav rail: a `brand` slot on top, one or more groups of token-styled
+ * nav rows with an active state, and an optional `footer`. Pass either a flat
+ * `items` array or grouped `groups`. Rows with an `href` render as links,
+ * otherwise as buttons; both call `onSelect`. All colors come from `--xen-*`
+ * tokens — no literal colors.
+ */
+export declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../src/primitives/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,WAAW;IAC1B,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACrE,wDAAwD;IACxD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gEAAgE;IAChE,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,wEAAwE;IACxE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AA8CD;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,kFAwClB,CAAC"}

package/dist/primitives/Sidebar.js

@@ -0,0 +1,62 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sidebar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+const ROW_BASE = 'flex w-full items-center gap-[var(--xen-space-sm)] rounded-[var(--xen-radius-md)] px-[var(--xen-space-md)] py-[var(--xen-space-sm)] text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-300';
+function SidebarRow({ item }) {
+    const className = (0, cn_1.cn)(ROW_BASE, item.active
+        ? 'bg-primary-50 text-primary'
+        : 'text-on-surface hover:bg-neutral-100');
+    const icon = item.icon !== undefined ? ((0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", className: "inline-flex h-5 w-5 items-center justify-center", children: item.icon })) : null;
+    if (item.href !== undefined) {
+        return ((0, jsx_runtime_1.jsxs)("a", { href: item.href, "aria-current": item.active ? 'page' : undefined, onClick: item.onSelect, className: className, children: [icon, (0, jsx_runtime_1.jsx)("span", { className: "truncate", children: item.label })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("button", { type: "button", "aria-current": item.active ? 'page' : undefined, onClick: item.onSelect, className: (0, cn_1.cn)(ROW_BASE, 'text-left', item.active ? 'bg-primary-50 text-primary' : 'text-on-surface hover:bg-neutral-100'), children: [icon, (0, jsx_runtime_1.jsx)("span", { className: "truncate", children: item.label })] }));
+}
+/**
+ * Vertical nav rail: a `brand` slot on top, one or more groups of token-styled
+ * nav rows with an active state, and an optional `footer`. Pass either a flat
+ * `items` array or grouped `groups`. Rows with an `href` render as links,
+ * otherwise as buttons; both call `onSelect`. All colors come from `--xen-*`
+ * tokens — no literal colors.
+ */
+exports.Sidebar = React.forwardRef(function Sidebar({ brand, items, groups, footer, className, ...rest }, ref) {
+    const resolvedGroups = groups ?? (items ? [{ items }] : []);
+    return ((0, jsx_runtime_1.jsxs)("nav", { ref: ref, "aria-label": "Sidebar", className: (0, cn_1.cn)('flex h-full flex-col gap-[var(--xen-space-md)] border-r border-border bg-surface text-on-surface', 'px-[var(--xen-space-md)] py-[var(--xen-space-lg)]', className), ...rest, children: [brand !== undefined ? ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center px-[var(--xen-space-sm)]", children: brand })) : null, (0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 flex-col gap-[var(--xen-space-lg)] overflow-y-auto", children: resolvedGroups.map((group, gi) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-[var(--xen-space-xs)]", children: [group.label !== undefined ? ((0, jsx_runtime_1.jsx)("div", { className: "px-[var(--xen-space-md)] pb-[var(--xen-space-xs)] text-xs font-semibold uppercase tracking-wide text-muted", children: group.label })) : null, group.items.map((item, ii) => ((0, jsx_runtime_1.jsx)(SidebarRow, { item: item }, ii)))] }, gi))) }), footer !== undefined ? ((0, jsx_runtime_1.jsx)("div", { className: "border-t border-border pt-[var(--xen-space-md)]", children: footer })) : null] }));
+});
+//# sourceMappingURL=Sidebar.js.map

package/dist/primitives/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../src/primitives/Sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/primitives/SignupForm.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface SignupValues {
+    name: string;
+    email: string;
+    password: string;
+}
+export interface SignupFormProps {
+    /** Called with the new-account values. Throw to surface an error message. */
+    onSubmit: (values: SignupValues) => void | Promise<void>;
+    onLoginClick?: () => void;
+    title?: React.ReactNode;
+    /** Minimum password length (default 8). */
+    minPasswordLength?: number;
+}
+/** Drop-in sign-up form — composed, themed, validated. Wire `onSubmit` to `@xenition/sdk` auth. */
+export declare function SignupForm({ onSubmit, onLoginClick, title, minPasswordLength, }: SignupFormProps): React.ReactElement;
+//# sourceMappingURL=SignupForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignupForm.d.ts","sourceRoot":"","sources":["../../src/primitives/SignupForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,6EAA6E;IAC7E,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,mGAAmG;AACnG,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,KAAwB,EACxB,iBAAqB,GACtB,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAgEtC"}