@xenition/ui 0.1.0

package/dist/primitives/SignupForm.js

@@ -0,0 +1,73 @@
+"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.SignupForm = SignupForm;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const AuthCard_1 = require("./AuthCard");
+const Form_1 = require("./Form");
+const Field_1 = require("./Field");
+const Input_1 = require("./Input");
+const Button_1 = require("./Button");
+const Alert_1 = require("./Alert");
+const useForm_1 = require("./useForm");
+/** Drop-in sign-up form — composed, themed, validated. Wire `onSubmit` to `@xenition/sdk` auth. */
+function SignupForm({ onSubmit, onLoginClick, title = 'Create account', minPasswordLength = 8, }) {
+    const [submitError, setSubmitError] = React.useState(null);
+    const form = (0, useForm_1.useForm)({
+        initialValues: { name: '', email: '', password: '' },
+        validate: (v) => {
+            const e = {};
+            if (!v.name)
+                e.name = 'Name is required';
+            if (!v.email)
+                e.email = 'Email is required';
+            if (!v.password || v.password.length < minPasswordLength)
+                e.password = `Password must be at least ${minPasswordLength} characters`;
+            return e;
+        },
+        onSubmit: async (v) => {
+            setSubmitError(null);
+            try {
+                await onSubmit(v);
+            }
+            catch (err) {
+                setSubmitError(err instanceof Error ? err.message : 'Sign up failed');
+            }
+        },
+    });
+    return ((0, jsx_runtime_1.jsx)(AuthCard_1.AuthCard, { title: title, children: (0, jsx_runtime_1.jsxs)(Form_1.Form, { onSubmit: form.handleSubmit, children: [submitError && (0, jsx_runtime_1.jsx)(Alert_1.Alert, { tone: "danger", children: submitError }), (0, jsx_runtime_1.jsx)(Field_1.Field, { label: "Name", error: form.errors.name, children: (0, jsx_runtime_1.jsx)(Input_1.Input, { autoComplete: "name", value: form.values.name, onChange: (e) => form.setValue('name', e.target.value) }) }), (0, jsx_runtime_1.jsx)(Field_1.Field, { label: "Email", error: form.errors.email, children: (0, jsx_runtime_1.jsx)(Input_1.Input, { type: "email", autoComplete: "email", value: form.values.email, onChange: (e) => form.setValue('email', e.target.value), placeholder: "you@example.com" }) }), (0, jsx_runtime_1.jsx)(Field_1.Field, { label: "Password", error: form.errors.password, children: (0, jsx_runtime_1.jsx)(Input_1.Input, { type: "password", autoComplete: "new-password", value: form.values.password, onChange: (e) => form.setValue('password', e.target.value) }) }), (0, jsx_runtime_1.jsx)(Button_1.Button, { type: "submit", disabled: form.submitting, children: form.submitting ? 'Creating…' : 'Sign up' }), onLoginClick && ((0, jsx_runtime_1.jsxs)("p", { className: "text-center text-sm text-muted", children: ["Have an account?", ' ', (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onLoginClick, className: "text-primary", children: "Sign in" })] }))] }) }));
+}
+//# sourceMappingURL=SignupForm.js.map

package/dist/primitives/SignupForm.js.map

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

package/dist/primitives/Skeleton.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Shape of the placeholder. */
+    variant?: 'text' | 'rect' | 'circle';
+    /** CSS width (e.g. '100%', 200). */
+    width?: number | string;
+    /** CSS height (e.g. '1rem', 40). */
+    height?: number | string;
+    /** For `text`: render N stacked lines (last one shorter). */
+    lines?: number;
+}
+/** Shimmering loading placeholder bound to the theme tokens. */
+export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/primitives/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IACrC,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,gEAAgE;AAChE,eAAO,MAAM,QAAQ,sFAkCnB,CAAC"}

package/dist/primitives/Skeleton.js

@@ -0,0 +1,53 @@
+"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.Skeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+/** Shimmering loading placeholder bound to the theme tokens. */
+exports.Skeleton = React.forwardRef(function Skeleton({ className, variant = 'text', width, height, lines = 1, style, ...rest }, ref) {
+    const base = 'animate-pulse bg-neutral-200';
+    const shape = variant === 'circle'
+        ? 'rounded-full'
+        : variant === 'rect'
+            ? 'rounded-[var(--xen-radius-md)]'
+            : 'rounded';
+    if (variant === 'text' && lines > 1) {
+        return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, cn_1.cn)('flex flex-col gap-2', className), ...rest, children: Array.from({ length: lines }).map((_, i) => ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)(base, shape, 'h-3.5'), style: { width: i === lines - 1 ? '60%' : '100%' } }, i))) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, cn_1.cn)(base, shape, variant === 'text' && 'h-3.5', className), style: { width, height, ...style }, ...rest }));
+});
+//# sourceMappingURL=Skeleton.js.map

package/dist/primitives/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/primitives/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAa1B,gEAAgE;AACnD,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAgC,SAAS,QAAQ,CACvF,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EACzE,GAAG;IAEH,MAAM,IAAI,GAAG,8BAA8B,CAAC;IAC5C,MAAM,KAAK,GACT,OAAO,KAAK,QAAQ;QAClB,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,OAAO,KAAK,MAAM;YAClB,CAAC,CAAC,gCAAgC;YAClC,CAAC,CAAC,SAAS,CAAC;IAElB,IAAI,OAAO,KAAK,MAAM,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QACpC,OAAO,CACL,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,OAAE,EAAC,qBAAqB,EAAE,SAAS,CAAC,KAAM,IAAI,YACrE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3C,gCAEE,SAAS,EAAE,IAAA,OAAE,EAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,EACnC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,IAF7C,CAAC,CAGN,CACH,CAAC,GACE,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,OAAE,EAAC,IAAI,EAAE,KAAK,EAAE,OAAO,KAAK,MAAM,IAAI,OAAO,EAAE,SAAS,CAAC,EACpE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,KAC9B,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/Slider.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface SliderProps {
+    value: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    onChange: (value: number) => void;
+    disabled?: boolean;
+    className?: string;
+}
+/** Range slider bound to the theme tokens (accent = primary). */
+export declare function Slider({ value, min, max, step, onChange, disabled, className, }: SliderProps): React.ReactElement;
+//# sourceMappingURL=Slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/primitives/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iEAAiE;AACjE,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,GAAO,EACP,GAAS,EACT,IAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAalC"}

package/dist/primitives/Slider.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = Slider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("./cn");
+/** Range slider bound to the theme tokens (accent = primary). */
+function Slider({ value, min = 0, max = 100, step = 1, onChange, disabled, className, }) {
+    return ((0, jsx_runtime_1.jsx)("input", { type: "range", value: value, min: min, max: max, step: step, disabled: disabled, onChange: (e) => onChange(Number(e.target.value)), className: (0, cn_1.cn)('w-full accent-primary disabled:pointer-events-none disabled:opacity-50', className) }));
+}
+//# sourceMappingURL=Slider.js.map

package/dist/primitives/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../src/primitives/Slider.tsx"],"names":[],"mappings":";;AAcA,wBAqBC;;AAlCD,6BAA0B;AAY1B,iEAAiE;AACjE,SAAgB,MAAM,CAAC,EACrB,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,CAAC,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACG;IACZ,OAAO,CACL,kCACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACjD,SAAS,EAAE,IAAA,OAAE,EAAC,wEAAwE,EAAE,SAAS,CAAC,GAClG,CACH,CAAC;AACJ,CAAC"}

package/dist/primitives/Spinner.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export type SpinnerSize = 'sm' | 'md' | 'lg';
+export interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
+    size?: SpinnerSize;
+}
+/** Themed loading spinner (primary ring). Pairs with buttons or inline "busy" states. */
+export declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/primitives/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACzE,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAQD,yFAAyF;AACzF,eAAO,MAAM,OAAO,sFAiBlB,CAAC"}

package/dist/primitives/Spinner.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.Spinner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+const SIZE = {
+    sm: 'h-4 w-4 border-2',
+    md: 'h-6 w-6 border-2',
+    lg: 'h-8 w-8 border-[3px]',
+};
+/** Themed loading spinner (primary ring). Pairs with buttons or inline "busy" states. */
+exports.Spinner = React.forwardRef(function Spinner({ className, size = 'md', ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)("span", { ref: ref, role: "status", "aria-label": "Loading", className: (0, cn_1.cn)('inline-block animate-spin rounded-full border-neutral-300 border-t-primary', SIZE[size], className), ...rest }));
+});
+//# sourceMappingURL=Spinner.js.map

package/dist/primitives/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/primitives/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAQ1B,MAAM,IAAI,GAAgC;IACxC,EAAE,EAAE,kBAAkB;IACtB,EAAE,EAAE,kBAAkB;IACtB,EAAE,EAAE,sBAAsB;CAC3B,CAAC;AAEF,yFAAyF;AAC5E,QAAA,OAAO,GAAG,KAAK,CAAC,UAAU,CAAgC,SAAS,OAAO,CACrF,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,EACnC,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,gBACF,SAAS,EACpB,SAAS,EAAE,IAAA,OAAE,EACX,4EAA4E,EAC5E,IAAI,CAAC,IAAI,CAAC,EACV,SAAS,CACV,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/Stack.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export type StackDirection = 'row' | 'column';
+export type StackGap = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
+    direction?: StackDirection;
+    gap?: StackGap;
+    /** Cross-axis alignment. */
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    /** Main-axis distribution. */
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+}
+/** Flex layout helper with token-bound gaps. */
+export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/primitives/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEhE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC/C,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACxE;AA2BD,gDAAgD;AAChD,eAAO,MAAM,KAAK,mFAkBhB,CAAC"}

package/dist/primitives/Stack.js

@@ -0,0 +1,66 @@
+"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.Stack = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+const GAP_CLASSES = {
+    xs: 'gap-[var(--xen-space-xs)]',
+    sm: 'gap-[var(--xen-space-sm)]',
+    md: 'gap-[var(--xen-space-md)]',
+    lg: 'gap-[var(--xen-space-lg)]',
+    xl: 'gap-[var(--xen-space-xl)]',
+    '2xl': 'gap-[var(--xen-space-2xl)]',
+};
+const ALIGN_CLASSES = {
+    start: 'items-start',
+    center: 'items-center',
+    end: 'items-end',
+    stretch: 'items-stretch',
+};
+const JUSTIFY_CLASSES = {
+    start: 'justify-start',
+    center: 'justify-center',
+    end: 'justify-end',
+    between: 'justify-between',
+    around: 'justify-around',
+    evenly: 'justify-evenly',
+};
+/** Flex layout helper with token-bound gaps. */
+exports.Stack = React.forwardRef(function Stack({ direction = 'column', gap = 'md', align = 'stretch', justify, className, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, cn_1.cn)('flex', direction === 'column' ? 'flex-col' : 'flex-row', GAP_CLASSES[gap], ALIGN_CLASSES[align], justify ? JUSTIFY_CLASSES[justify] : undefined, className), ...rest }));
+});
+//# sourceMappingURL=Stack.js.map

package/dist/primitives/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../src/primitives/Stack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAc1B,MAAM,WAAW,GAA6B;IAC5C,EAAE,EAAE,2BAA2B;IAC/B,EAAE,EAAE,2BAA2B;IAC/B,EAAE,EAAE,2BAA2B;IAC/B,EAAE,EAAE,2BAA2B;IAC/B,EAAE,EAAE,2BAA2B;IAC/B,KAAK,EAAE,4BAA4B;CACpC,CAAC;AAEF,MAAM,aAAa,GAAqD;IACtE,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;IACtB,GAAG,EAAE,WAAW;IAChB,OAAO,EAAE,eAAe;CACzB,CAAC;AAEF,MAAM,eAAe,GAAuD;IAC1E,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE,gBAAgB;IACxB,GAAG,EAAE,aAAa;IAClB,OAAO,EAAE,iBAAiB;IAC1B,MAAM,EAAE,gBAAgB;IACxB,MAAM,EAAE,gBAAgB;CACzB,CAAC;AAEF,gDAAgD;AACnC,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAA6B,SAAS,KAAK,CAC9E,EAAE,SAAS,GAAG,QAAQ,EAAE,GAAG,GAAG,IAAI,EAAE,KAAK,GAAG,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACpF,GAAG;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,OAAE,EACX,MAAM,EACN,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAChD,WAAW,CAAC,GAAG,CAAC,EAChB,aAAa,CAAC,KAAK,CAAC,EACpB,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,EAC9C,SAAS,CACV,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/StatusDot.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export type StatusDotTone = 'success' | 'warn' | 'danger' | 'primary' | 'accent';
+export interface StatusDotProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Semantic color slot for the dot (default `success` — "live"). */
+    tone?: StatusDotTone;
+    /** Emit the expanding echo pulse (default true; reduced motion disables it). */
+    pulse?: boolean;
+    /**
+     * Accessible name (e.g. "Live"). When provided the dot is announced via
+     * `role="img"`; when omitted it is purely decorative (`aria-hidden`).
+     */
+    label?: string;
+}
+/**
+ * The pulsing "live" indicator distilled from the templates: a solid semantic
+ * dot with an expanding, fading echo. CSS-only, token-only, and inert under
+ * `prefers-reduced-motion`. Drop it inside chips, nav items, or the
+ * `ProductMock` chrome bar.
+ */
+export declare const StatusDot: React.ForwardRefExoticComponent<StatusDotProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=StatusDot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusDot.d.ts","sourceRoot":"","sources":["../../src/primitives/StatusDot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC3E,oEAAoE;IACpE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA8BD;;;;;GAKG;AACH,eAAO,MAAM,SAAS,wFAmBpB,CAAC"}

package/dist/primitives/StatusDot.js

@@ -0,0 +1,76 @@
+"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.StatusDot = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const inject_1 = require("../motion/internal/inject");
+const cn_1 = require("./cn");
+const TONES = ['success', 'warn', 'danger', 'primary', 'accent'];
+/**
+ * Color comes from the semantic slots via an injected sheet; the echo ring is
+ * the same slot animated on scale/opacity only, and reduced motion removes
+ * the animation (the solid dot still communicates state).
+ */
+const STATUS_DOT_CSS = `
+@keyframes xen-status-echo {
+  0% { transform: scale(1); opacity: 0.75; }
+  70% { transform: scale(2.4); opacity: 0; }
+  100% { transform: scale(2.4); opacity: 0; }
+}
+[data-xen-status-dot] { position: relative; display: inline-flex; width: 0.5rem; height: 0.5rem; }
+[data-xen-status-dot] [data-xen-status-fill] { position: absolute; inset: 0; border-radius: 9999px; }
+[data-xen-status-dot] [data-xen-status-echo] {
+  position: absolute; inset: 0; border-radius: 9999px;
+  animation: xen-status-echo 2s ease-out infinite;
+}
+${TONES.map((tone) => `[data-xen-status-dot="${tone}"] [data-xen-status-fill], [data-xen-status-dot="${tone}"] [data-xen-status-echo] { background-color: var(--xen-${tone}); }`).join('\n')}
+@media (prefers-reduced-motion: reduce) {
+  [data-xen-status-dot] [data-xen-status-echo] { animation: none; opacity: 0; }
+}
+`;
+/**
+ * The pulsing "live" indicator distilled from the templates: a solid semantic
+ * dot with an expanding, fading echo. CSS-only, token-only, and inert under
+ * `prefers-reduced-motion`. Drop it inside chips, nav items, or the
+ * `ProductMock` chrome bar.
+ */
+exports.StatusDot = React.forwardRef(function StatusDot({ tone = 'success', pulse = true, label, className, ...rest }, ref) {
+    (0, inject_1.injectStyleOnce)('xen-status-dot-styles', STATUS_DOT_CSS);
+    return ((0, jsx_runtime_1.jsxs)("span", { ref: ref, "data-xen-status-dot": tone, className: (0, cn_1.cn)(className), ...(label !== undefined
+            ? { role: 'img', 'aria-label': label }
+            : { 'aria-hidden': 'true' }), ...rest, children: [(0, jsx_runtime_1.jsx)("span", { "data-xen-status-fill": "" }), pulse ? (0, jsx_runtime_1.jsx)("span", { "data-xen-status-echo": "" }) : null] }));
+});
+//# sourceMappingURL=StatusDot.js.map

package/dist/primitives/StatusDot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusDot.js","sourceRoot":"","sources":["../../src/primitives/StatusDot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,sDAA4D;AAC5D,6BAA0B;AAgB1B,MAAM,KAAK,GAA6B,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;AAE3F;;;;GAIG;AACH,MAAM,cAAc,GAAG;;;;;;;;;;;;EAYrB,KAAK,CAAC,GAAG,CACT,CAAC,IAAI,EAAE,EAAE,CACP,yBAAyB,IAAI,oDAAoD,IAAI,2DAA2D,IAAI,MAAM,CAC7J,CAAC,IAAI,CAAC,IAAI,CAAC;;;;CAIX,CAAC;AAEF;;;;;GAKG;AACU,QAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAAkC,SAAS,SAAS,CAC3F,EAAE,IAAI,GAAG,SAAS,EAAE,KAAK,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC7D,GAAG;IAEH,IAAA,wBAAe,EAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC;IACzD,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,yBACa,IAAI,EACzB,SAAS,EAAE,IAAA,OAAE,EAAC,SAAS,CAAC,KACpB,CAAC,KAAK,KAAK,SAAS;YACtB,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE;YACtC,CAAC,CAAC,EAAE,aAAa,EAAE,MAAe,EAAE,CAAC,KACnC,IAAI,aAER,yDAA2B,EAAE,GAAG,EAC/B,KAAK,CAAC,CAAC,CAAC,yDAA2B,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,IAC3C,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/StatusMessage.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export type StatusMessageState = 'loading' | 'empty' | 'error';
+export interface StatusMessageProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Which feedback state to render. */
+    state: StatusMessageState;
+    /** Copy shown to the user. Optional for `loading` (spinner alone is valid). */
+    message?: string;
+}
+/**
+ * Loading / empty / error feedback — the templates' hand-rolled `Status` block
+ * as a token-only primitive. `loading` shows a CSS spinner (reduced-motion
+ * safe) with an optional message and is announced via `role="status"`;
+ * `empty` is a muted message; `error` is a `danger`-token message announced via
+ * `role="alert"`. Pairs with `@xenition/ui/data`'s `useResource`.
+ */
+export declare const StatusMessage: React.ForwardRefExoticComponent<StatusMessageProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=StatusMessage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusMessage.d.ts","sourceRoot":"","sources":["../../src/primitives/StatusMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/D,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,sCAAsC;IACtC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAyBD;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,2FAmDzB,CAAC"}

package/dist/primitives/StatusMessage.js

@@ -0,0 +1,80 @@
+"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.StatusMessage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const inject_1 = require("../motion/internal/inject");
+const cn_1 = require("./cn");
+/**
+ * The spinner ring is token-only (`border` track, `primary` head) and rotates
+ * via CSS; `prefers-reduced-motion` freezes it (the ring still reads as a busy
+ * indicator). No colors here — only transform.
+ */
+const STATUS_MESSAGE_CSS = `
+@keyframes xen-spin { to { transform: rotate(360deg); } }
+[data-xen-spinner] {
+  display: inline-block; width: 1.25rem; height: 1.25rem; border-radius: 9999px;
+  border: 2px solid var(--xen-border); border-top-color: var(--xen-primary);
+  animation: xen-spin 0.7s linear infinite;
+}
+@media (prefers-reduced-motion: reduce) {
+  [data-xen-spinner] { animation: none; }
+}
+`;
+const DEFAULTS = {
+    loading: 'Loading…',
+    empty: 'Nothing here yet.',
+    error: 'Something went wrong.',
+};
+/**
+ * Loading / empty / error feedback — the templates' hand-rolled `Status` block
+ * as a token-only primitive. `loading` shows a CSS spinner (reduced-motion
+ * safe) with an optional message and is announced via `role="status"`;
+ * `empty` is a muted message; `error` is a `danger`-token message announced via
+ * `role="alert"`. Pairs with `@xenition/ui/data`'s `useResource`.
+ */
+exports.StatusMessage = React.forwardRef(function StatusMessage({ state, message, className, ...rest }, ref) {
+    (0, inject_1.injectStyleOnce)('xen-status-message-styles', STATUS_MESSAGE_CSS);
+    const base = (0, cn_1.cn)('flex flex-col items-center justify-center gap-[var(--xen-space-sm)] py-[var(--xen-space-xl)] text-center text-sm', className);
+    if (state === 'loading') {
+        return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, role: "status", "aria-live": "polite", "aria-busy": "true", "data-xen-status-message": "loading", className: (0, cn_1.cn)(base, 'text-muted'), ...rest, children: [(0, jsx_runtime_1.jsx)("span", { "data-xen-spinner": "", "aria-hidden": "true" }), message ? (0, jsx_runtime_1.jsx)("span", { children: message }) : null] }));
+    }
+    if (state === 'error') {
+        return ((0, jsx_runtime_1.jsx)("div", { ref: ref, role: "alert", "data-xen-status-message": "error", className: (0, cn_1.cn)(base, 'text-danger'), ...rest, children: (0, jsx_runtime_1.jsx)("span", { children: message ?? DEFAULTS.error }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-xen-status-message": "empty", className: (0, cn_1.cn)(base, 'text-muted'), ...rest, children: (0, jsx_runtime_1.jsx)("span", { children: message ?? DEFAULTS.empty }) }));
+});
+//# sourceMappingURL=StatusMessage.js.map

package/dist/primitives/StatusMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusMessage.js","sourceRoot":"","sources":["../../src/primitives/StatusMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,sDAA4D;AAC5D,6BAA0B;AAW1B;;;;GAIG;AACH,MAAM,kBAAkB,GAAG;;;;;;;;;;CAU1B,CAAC;AAEF,MAAM,QAAQ,GAAuC;IACnD,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,uBAAuB;CAC/B,CAAC;AAEF;;;;;;GAMG;AACU,QAAA,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAChE,IAAA,wBAAe,EAAC,2BAA2B,EAAE,kBAAkB,CAAC,CAAC;IAEjE,MAAM,IAAI,GAAG,IAAA,OAAE,EACb,kHAAkH,EAClH,SAAS,CACV,CAAC;IAEF,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,eACH,QAAQ,eACR,MAAM,6BACQ,SAAS,EACjC,SAAS,EAAE,IAAA,OAAE,EAAC,IAAI,EAAE,YAAY,CAAC,KAC7B,IAAI,aAER,qDAAuB,EAAE,iBAAa,MAAM,GAAG,EAC9C,OAAO,CAAC,CAAC,CAAC,2CAAO,OAAO,GAAQ,CAAC,CAAC,CAAC,IAAI,IACpC,CACP,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;QACtB,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,6BACY,OAAO,EAC/B,SAAS,EAAE,IAAA,OAAE,EAAC,IAAI,EAAE,aAAa,CAAC,KAC9B,IAAI,YAER,2CAAO,OAAO,IAAI,QAAQ,CAAC,KAAK,GAAQ,GACpC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,6BACgB,OAAO,EAC/B,SAAS,EAAE,IAAA,OAAE,EAAC,IAAI,EAAE,YAAY,CAAC,KAC7B,IAAI,YAER,2CAAO,OAAO,IAAI,QAAQ,CAAC,KAAK,GAAQ,GACpC,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/primitives/Steps.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface StepItem {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+}
+export interface StepsProps {
+    steps: StepItem[];
+    /** Zero-based index of the active step. */
+    current: number;
+    className?: string;
+}
+/** Horizontal step indicator bound to the theme tokens — for wizards/checkout. */
+export declare function Steps({ steps, current, className }: StepsProps): React.ReactElement;
+//# sourceMappingURL=Steps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../src/primitives/Steps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,kFAAkF;AAClF,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CA+BnF"}

package/dist/primitives/Steps.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Steps = Steps;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("./cn");
+/** Horizontal step indicator bound to the theme tokens — for wizards/checkout. */
+function Steps({ steps, current, className }) {
+    return ((0, jsx_runtime_1.jsx)("ol", { className: (0, cn_1.cn)('flex w-full items-start', className), children: steps.map((s, i) => {
+            const done = i < current;
+            const active = i === current;
+            return ((0, jsx_runtime_1.jsxs)("li", { className: "flex flex-1 flex-col items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: (0, cn_1.cn)('flex h-8 w-8 items-center justify-center rounded-full text-xs font-semibold', done
+                            ? 'bg-primary text-on-primary'
+                            : active
+                                ? 'border-2 border-primary text-primary'
+                                : 'border-2 border-border text-muted'), children: done ? '✓' : i + 1 }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2 text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('text-xs font-medium', active || done ? 'text-on-surface' : 'text-muted'), children: s.title }), s.description != null && (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-muted", children: s.description })] })] }, i));
+        }) }));
+}
+//# sourceMappingURL=Steps.js.map

package/dist/primitives/Steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","sourceRoot":"","sources":["../../src/primitives/Steps.tsx"],"names":[],"mappings":";;AAgBA,sBA+BC;;AA9CD,6BAA0B;AAc1B,kFAAkF;AAClF,SAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAc;IAC7D,OAAO,CACL,+BAAI,SAAS,EAAE,IAAA,OAAE,EAAC,yBAAyB,EAAE,SAAS,CAAC,YACpD,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAClB,MAAM,IAAI,GAAG,CAAC,GAAG,OAAO,CAAC;YACzB,MAAM,MAAM,GAAG,CAAC,KAAK,OAAO,CAAC;YAC7B,OAAO,CACL,gCAAY,SAAS,EAAC,mCAAmC,aACvD,iCACE,SAAS,EAAE,IAAA,OAAE,EACX,6EAA6E,EAC7E,IAAI;4BACF,CAAC,CAAC,4BAA4B;4BAC9B,CAAC,CAAC,MAAM;gCACN,CAAC,CAAC,sCAAsC;gCACxC,CAAC,CAAC,mCAAmC,CAC1C,YAEA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GACd,EACP,iCAAK,SAAS,EAAC,kBAAkB,aAC/B,gCAAK,SAAS,EAAE,IAAA,OAAE,EAAC,qBAAqB,EAAE,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,YACzF,CAAC,CAAC,KAAK,GACJ,EACL,CAAC,CAAC,WAAW,IAAI,IAAI,IAAI,gCAAK,SAAS,EAAC,oBAAoB,YAAE,CAAC,CAAC,WAAW,GAAO,IAC/E,KAlBC,CAAC,CAmBL,CACN,CAAC;QACJ,CAAC,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}

package/dist/primitives/Switch.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+/** Themed on/off switch (`role="switch"`) for boolean settings/filters. */
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Switch.d.ts.map