@xenition/ui 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"Eyebrow.d.ts","sourceRoot":"","sources":["../../src/primitives/Eyebrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAC9E,4DAA4D;IAC5D,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,oDAAoD;IACpD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4EAA4E;IAC5E,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC5B;AAQD;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,2FAqBlB,CAAC"}

package/dist/primitives/Eyebrow.js

@@ -0,0 +1,55 @@
+"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.Eyebrow = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+const TONE_CLASS = {
+    primary: 'text-primary',
+    accent: 'text-accent',
+    muted: 'text-muted',
+};
+/**
+ * Tracked small-caps kicker label — the tiny loud line above headings that
+ * every template hand-rolled. Uses the semantic `primary`/`accent`/`muted`
+ * slots (auto-contrast-checked by the theme compiler), never raw ramp steps,
+ * so it stays readable in both modes. The optional flanking rules use
+ * `currentColor` — no extra color rule needed.
+ */
+exports.Eyebrow = React.forwardRef(function Eyebrow({ tone = 'accent', rule = false, align = 'start', className, children, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsxs)("p", { ref: ref, "data-xen-eyebrow": tone, className: (0, cn_1.cn)('flex items-center gap-[var(--xen-space-xs)] font-heading text-xs font-bold uppercase tracking-[0.22em]', align === 'center' && 'justify-center', TONE_CLASS[tone], className), ...rest, children: [rule ? (0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", className: "inline-block h-px w-6 bg-current" }) : null, children, rule ? (0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", className: "inline-block h-px w-6 bg-current" }) : null] }));
+});
+//# sourceMappingURL=Eyebrow.js.map

package/dist/primitives/Eyebrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Eyebrow.js","sourceRoot":"","sources":["../../src/primitives/Eyebrow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAa1B,MAAM,UAAU,GAAgC;IAC9C,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEF;;;;;;GAMG;AACU,QAAA,OAAO,GAAG,KAAK,CAAC,UAAU,CAAqC,SAAS,OAAO,CAC1F,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,GAAG,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAChF,GAAG;IAEH,OAAO,CACL,+BACE,GAAG,EAAE,GAAG,sBACU,IAAI,EACtB,SAAS,EAAE,IAAA,OAAE,EACX,wGAAwG,EACxG,KAAK,KAAK,QAAQ,IAAI,gBAAgB,EACtC,UAAU,CAAC,IAAI,CAAC,EAChB,SAAS,CACV,KACG,IAAI,aAEP,IAAI,CAAC,CAAC,CAAC,gDAAkB,MAAM,EAAC,SAAS,EAAC,kCAAkC,GAAG,CAAC,CAAC,CAAC,IAAI,EACtF,QAAQ,EACR,IAAI,CAAC,CAAC,CAAC,gDAAkB,MAAM,EAAC,SAAS,EAAC,kCAAkC,GAAG,CAAC,CAAC,CAAC,IAAI,IACrF,CACL,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/Field.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export interface FieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Field label text. */
+    label?: React.ReactNode;
+    /** Marks the field required (adds the * marker on the label). */
+    required?: boolean;
+    /** Validation error; when set it renders in the danger tone and takes precedence over `hint`. */
+    error?: string | null;
+    /** Helper text shown below the control when there is no error. */
+    hint?: string;
+    /** id of the control the label points at (`htmlFor`). */
+    htmlFor?: string;
+}
+/**
+ * A labelled form row: Label + control (`children`) + hint/error — removes the
+ * hand-rolled label+error markup generated forms repeat for every field.
+ */
+export declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/primitives/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,wBAAwB;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iGAAiG;IACjG,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,mFAqBhB,CAAC"}

package/dist/primitives/Field.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.Field = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+const Label_1 = require("./Label");
+/**
+ * A labelled form row: Label + control (`children`) + hint/error — removes the
+ * hand-rolled label+error markup generated forms repeat for every field.
+ */
+exports.Field = React.forwardRef(function Field({ className, label, required = false, error, hint, htmlFor, children, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: (0, cn_1.cn)('flex flex-col gap-1.5', className), ...rest, children: [label != null && ((0, jsx_runtime_1.jsx)(Label_1.Label, { htmlFor: htmlFor, required: required, children: label })), children, error ? ((0, jsx_runtime_1.jsx)("p", { className: "text-sm text-danger", role: "alert", children: error })) : hint ? ((0, jsx_runtime_1.jsx)("p", { className: "text-sm text-muted", children: hint })) : null] }));
+});
+//# sourceMappingURL=Field.js.map

package/dist/primitives/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../src/primitives/Field.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAC1B,mCAAgC;AAehC;;;GAGG;AACU,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAA6B,SAAS,KAAK,CAC9E,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAC/E,GAAG;IAEH,OAAO,CACL,iCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,OAAE,EAAC,uBAAuB,EAAE,SAAS,CAAC,KAAM,IAAI,aACvE,KAAK,IAAI,IAAI,IAAI,CAChB,uBAAC,aAAK,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,YACxC,KAAK,GACA,CACT,EACA,QAAQ,EACR,KAAK,CAAC,CAAC,CAAC,CACP,8BAAG,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAC,OAAO,YAC5C,KAAK,GACJ,CACL,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,8BAAG,SAAS,EAAC,oBAAoB,YAAE,IAAI,GAAK,CAC7C,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/ForgotPasswordForm.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface ForgotPasswordFormProps {
+    /** Called with the email. Throw to surface an error; resolve to show the sent state. */
+    onSubmit: (email: string) => void | Promise<void>;
+    onLoginClick?: () => void;
+    title?: React.ReactNode;
+}
+/** Drop-in "reset password" request form — composed, themed, with a sent confirmation state. */
+export declare function ForgotPasswordForm({ onSubmit, onLoginClick, title, }: ForgotPasswordFormProps): React.ReactElement;
+//# sourceMappingURL=ForgotPasswordForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordForm.d.ts","sourceRoot":"","sources":["../../src/primitives/ForgotPasswordForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,uBAAuB;IACtC,wFAAwF;IACxF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,gGAAgG;AAChG,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,YAAY,EACZ,KAAwB,GACzB,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAiD9C"}

package/dist/primitives/ForgotPasswordForm.js

@@ -0,0 +1,67 @@
+"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.ForgotPasswordForm = ForgotPasswordForm;
+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 StatusMessage_1 = require("./StatusMessage");
+const useForm_1 = require("./useForm");
+/** Drop-in "reset password" request form — composed, themed, with a sent confirmation state. */
+function ForgotPasswordForm({ onSubmit, onLoginClick, title = 'Reset password', }) {
+    const [submitError, setSubmitError] = React.useState(null);
+    const [sent, setSent] = React.useState(false);
+    const form = (0, useForm_1.useForm)({
+        initialValues: { email: '' },
+        validate: (v) => (v.email ? {} : { email: 'Email is required' }),
+        onSubmit: async (v) => {
+            setSubmitError(null);
+            try {
+                await onSubmit(v.email);
+                setSent(true);
+            }
+            catch (err) {
+                setSubmitError(err instanceof Error ? err.message : 'Could not send reset email');
+            }
+        },
+    });
+    return ((0, jsx_runtime_1.jsx)(AuthCard_1.AuthCard, { title: title, footer: onLoginClick && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onLoginClick, className: "text-primary", children: "Back to sign in" })), children: sent ? ((0, jsx_runtime_1.jsx)(StatusMessage_1.StatusMessage, { state: "empty", message: "Check your email for a reset link." })) : ((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: "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)(Button_1.Button, { type: "submit", disabled: form.submitting, children: form.submitting ? 'Sending…' : 'Send reset link' })] })) }));
+}
+//# sourceMappingURL=ForgotPasswordForm.js.map

package/dist/primitives/ForgotPasswordForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordForm.js","sourceRoot":"","sources":["../../src/primitives/ForgotPasswordForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,gDAqDC;;AAvED,6CAA+B;AAC/B,yCAAsC;AACtC,iCAA8B;AAC9B,mCAAgC;AAChC,mCAAgC;AAChC,qCAAkC;AAClC,mCAAgC;AAChC,mDAAgD;AAChD,uCAAoC;AASpC,gGAAgG;AAChG,SAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,YAAY,EACZ,KAAK,GAAG,gBAAgB,GACA;IACxB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,IAAA,iBAAO,EAAoB;QACtC,aAAa,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;QAC5B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC;QAChE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;YACpB,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,IAAI,CAAC;gBACH,MAAM,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;gBACxB,OAAO,CAAC,IAAI,CAAC,CAAC;YAChB,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,cAAc,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC;YACpF,CAAC;QACH,CAAC;KACF,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,mBAAQ,IACP,KAAK,EAAE,KAAK,EACZ,MAAM,EACJ,YAAY,IAAI,CACd,mCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,cAAc,gCAE5D,CACV,YAGF,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,6BAAa,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,oCAAoC,GAAG,CAC7E,CAAC,CAAC,CAAC,CACF,wBAAC,WAAI,IAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,aAC9B,WAAW,IAAI,uBAAC,aAAK,IAAC,IAAI,EAAC,QAAQ,YAAE,WAAW,GAAS,EAC1D,uBAAC,aAAK,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,YAC3C,uBAAC,aAAK,IACJ,IAAI,EAAC,OAAO,EACZ,YAAY,EAAC,OAAO,EACpB,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACvD,WAAW,EAAC,iBAAiB,GAC7B,GACI,EACR,uBAAC,eAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,YAC5C,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,GAC1C,IACJ,CACR,GACQ,CACZ,CAAC;AACJ,CAAC"}

package/dist/primitives/Form.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export type FormProps = React.FormHTMLAttributes<HTMLFormElement>;
+/**
+ * Thin `<form>` wrapper with vertical field spacing. Pair with `useForm` +
+ * `Field` for a complete, validated form.
+ */
+export declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
+//# sourceMappingURL=Form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/primitives/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAElE;;;GAGG;AACH,eAAO,MAAM,IAAI,mFAKf,CAAC"}

package/dist/primitives/Form.js

@@ -0,0 +1,47 @@
+"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.Form = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+/**
+ * Thin `<form>` wrapper with vertical field spacing. Pair with `useForm` +
+ * `Field` for a complete, validated form.
+ */
+exports.Form = React.forwardRef(function Form({ className, ...rest }, ref) {
+    return (0, jsx_runtime_1.jsx)("form", { ref: ref, className: (0, cn_1.cn)('flex flex-col gap-4', className), ...rest });
+});
+//# sourceMappingURL=Form.js.map

package/dist/primitives/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/primitives/Form.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAI1B;;;GAGG;AACU,QAAA,IAAI,GAAG,KAAK,CAAC,UAAU,CAA6B,SAAS,IAAI,CAC5E,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACtB,GAAG;IAEH,OAAO,iCAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,OAAE,EAAC,qBAAqB,EAAE,SAAS,CAAC,KAAM,IAAI,GAAI,CAAC;AACvF,CAAC,CAAC,CAAC"}

package/dist/primitives/GlassPanel.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export type GlassIntensity = 'soft' | 'regular' | 'strong';
+export interface GlassPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * How opaque the panel reads: `soft` (45% surface) melts into backgrounds,
+     * `regular` (65%, default) is the workhorse card, `strong` (82%) sits over
+     * busy art like particle fields or auroras.
+     */
+    intensity?: GlassIntensity;
+    /** Draw the translucent token border (default true). */
+    bordered?: boolean;
+}
+/**
+ * Translucent blurred surface — the "glass card/panel" treatment the SaaS
+ * template hand-rolled. Token-pure (`color-mix` over `surface` + `border`),
+ * theme-agnostic, and static (no motion to reduce). Compose it under
+ * `ProductMock`, over `AuroraBackground`, or as a floating chrome bar.
+ */
+export declare const GlassPanel: React.ForwardRefExoticComponent<GlassPanelProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=GlassPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlassPanel.d.ts","sourceRoot":"","sources":["../../src/primitives/GlassPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkBD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,wFAgBrB,CAAC"}

package/dist/primitives/GlassPanel.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.GlassPanel = 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 glass recipe is `color-mix` over the semantic `surface`/`border` slots
+ * — not a fixed neutral step — so the same panel is frosted-white in light
+ * mode and smoked-charcoal in dark mode with zero configuration.
+ */
+const GLASS_CSS = `
+[data-xen-glass] {
+  -webkit-backdrop-filter: blur(12px);
+  backdrop-filter: blur(12px);
+}
+[data-xen-glass="soft"] { background-color: color-mix(in srgb, var(--xen-surface) 45%, transparent); }
+[data-xen-glass="regular"] { background-color: color-mix(in srgb, var(--xen-surface) 65%, transparent); }
+[data-xen-glass="strong"] { background-color: color-mix(in srgb, var(--xen-surface) 82%, transparent); }
+[data-xen-glass][data-bordered="true"] { border: 1px solid color-mix(in srgb, var(--xen-border) 60%, transparent); }
+`;
+/**
+ * Translucent blurred surface — the "glass card/panel" treatment the SaaS
+ * template hand-rolled. Token-pure (`color-mix` over `surface` + `border`),
+ * theme-agnostic, and static (no motion to reduce). Compose it under
+ * `ProductMock`, over `AuroraBackground`, or as a floating chrome bar.
+ */
+exports.GlassPanel = React.forwardRef(function GlassPanel({ intensity = 'regular', bordered = true, className, children, ...rest }, ref) {
+    (0, inject_1.injectStyleOnce)('xen-glass-styles', GLASS_CSS);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-xen-glass": intensity, "data-bordered": bordered ? 'true' : 'false', className: (0, cn_1.cn)('rounded-lg', className), ...rest, children: children }));
+});
+//# sourceMappingURL=GlassPanel.js.map

package/dist/primitives/GlassPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlassPanel.js","sourceRoot":"","sources":["../../src/primitives/GlassPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,sDAA4D;AAC5D,6BAA0B;AAe1B;;;;GAIG;AACH,MAAM,SAAS,GAAG;;;;;;;;;CASjB,CAAC;AAEF;;;;;GAKG;AACU,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAkC,SAAS,UAAU,CAC7F,EAAE,SAAS,GAAG,SAAS,EAAE,QAAQ,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACxE,GAAG;IAEH,IAAA,wBAAe,EAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IAC/C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,oBACQ,SAAS,mBACV,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC1C,SAAS,EAAE,IAAA,OAAE,EAAC,YAAY,EAAE,SAAS,CAAC,KAClC,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/GradientText.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+/** Token-ramp gradient recipes; every stop is a `--xen-*` variable. */
+export type GradientTextRamp = 'primary' | 'accent' | 'primary-accent' | 'accent-primary';
+export interface GradientTextProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Which theme ramp(s) feed the gradient. `primary-accent` (default) sweeps
+     * from the primary ramp into the accent ramp — the classic "energy word".
+     */
+    ramp?: GradientTextRamp;
+    /** Gradient angle in degrees (default 92 — a near-horizontal sweep). */
+    angle?: number;
+    /** Rendered element (default `span`, inline inside headings). */
+    as?: 'span' | 'strong' | 'em' | 'b';
+}
+/**
+ * Ramp-driven clipped gradient text — the highlighted word inside a headline.
+ * Purely token-colored (the four recipes are fixed blends of the primary and
+ * accent ramps), so it reads correctly over light and dark surfaces and
+ * restyles from the theme seed alone. No motion, so nothing to reduce.
+ *
+ * ```tsx
+ * <h1>Launch <GradientText>faster</GradientText></h1>
+ * ```
+ */
+export declare const GradientText: React.ForwardRefExoticComponent<GradientTextProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=GradientText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientText.d.ts","sourceRoot":"","sources":["../../src/primitives/GradientText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,uEAAuE;AACvE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,gBAAgB,GAAG,gBAAgB,CAAC;AAE1F,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC1E;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,GAAG,CAAC;CACrC;AA2BD;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,uFAkBxB,CAAC"}

package/dist/primitives/GradientText.js

@@ -0,0 +1,79 @@
+"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.GradientText = 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");
+/**
+ * All color-bearing declarations live in this injected sheet and reference
+ * `--xen-*` ramp variables exclusively; the inline style carries only the
+ * angle as a custom property. Restyles by theme seed alone.
+ */
+const GRADIENT_TEXT_CSS = `
+[data-xen-gradient-text] {
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+[data-xen-gradient-text="primary"] {
+  background-image: linear-gradient(var(--xen-gradient-text-angle, 92deg), var(--xen-primary-300) 0%, var(--xen-primary-400) 45%, var(--xen-primary-600) 100%);
+}
+[data-xen-gradient-text="accent"] {
+  background-image: linear-gradient(var(--xen-gradient-text-angle, 92deg), var(--xen-accent-300) 0%, var(--xen-accent-400) 45%, var(--xen-accent-600) 100%);
+}
+[data-xen-gradient-text="primary-accent"] {
+  background-image: linear-gradient(var(--xen-gradient-text-angle, 92deg), var(--xen-primary-300) 0%, var(--xen-primary-400) 38%, var(--xen-accent-400) 100%);
+}
+[data-xen-gradient-text="accent-primary"] {
+  background-image: linear-gradient(var(--xen-gradient-text-angle, 92deg), var(--xen-accent-200) 0%, var(--xen-accent-400) 38%, var(--xen-primary-400) 100%);
+}
+`;
+/**
+ * Ramp-driven clipped gradient text — the highlighted word inside a headline.
+ * Purely token-colored (the four recipes are fixed blends of the primary and
+ * accent ramps), so it reads correctly over light and dark surfaces and
+ * restyles from the theme seed alone. No motion, so nothing to reduce.
+ *
+ * ```tsx
+ * <h1>Launch <GradientText>faster</GradientText></h1>
+ * ```
+ */
+exports.GradientText = React.forwardRef(function GradientText({ ramp = 'primary-accent', angle = 92, as: Tag = 'span', className, style, children, ...rest }, ref) {
+    (0, inject_1.injectStyleOnce)('xen-gradient-text-styles', GRADIENT_TEXT_CSS);
+    return ((0, jsx_runtime_1.jsx)(Tag, { ref: ref, "data-xen-gradient-text": ramp, className: (0, cn_1.cn)('inline-block', className), style: { ['--xen-gradient-text-angle']: `${angle}deg`, ...style }, ...rest, children: children }));
+});
+//# sourceMappingURL=GradientText.js.map

package/dist/primitives/GradientText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientText.js","sourceRoot":"","sources":["../../src/primitives/GradientText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,sDAA4D;AAC5D,6BAA0B;AAiB1B;;;;GAIG;AACH,MAAM,iBAAiB,GAAG;;;;;;;;;;;;;;;;;;CAkBzB,CAAC;AAEF;;;;;;;;;GASG;AACU,QAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,YAAY,CACnB,EAAE,IAAI,GAAG,gBAAgB,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE,GAAG,GAAG,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAC9F,GAAG;IAEH,IAAA,wBAAe,EAAC,0BAA0B,EAAE,iBAAiB,CAAC,CAAC;IAC/D,OAAO,CACL,uBAAC,GAAG,IACF,GAAG,EAAE,GAAuB,4BACJ,IAAI,EAC5B,SAAS,EAAE,IAAA,OAAE,EAAC,cAAc,EAAE,SAAS,CAAC,EACxC,KAAK,EAAE,EAAE,CAAC,2BAAqC,CAAC,EAAE,GAAG,KAAK,KAAK,EAAE,GAAG,KAAK,EAAE,KACvE,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/primitives/Input.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    /** Renders the danger border/ring state. */
+    invalid?: boolean;
+}
+/** Themed text input bound to the `--xen-*` tokens. */
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/primitives/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,uDAAuD;AACvD,eAAO,MAAM,KAAK,qFAqBhB,CAAC"}

package/dist/primitives/Input.js

@@ -0,0 +1,46 @@
+"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.Input = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+/** Themed text input bound to the `--xen-*` tokens. */
+exports.Input = React.forwardRef(function Input({ className, invalid = false, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)("input", { ref: ref, "aria-invalid": invalid || undefined, className: (0, cn_1.cn)('w-full bg-surface text-on-surface placeholder:text-muted', '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 }));
+});
+//# sourceMappingURL=Input.js.map

package/dist/primitives/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/primitives/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAO1B,uDAAuD;AAC1C,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,SAAS,KAAK,CAChF,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,EACvC,GAAG;IAEH,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,kBACM,OAAO,IAAI,SAAS,EAClC,SAAS,EAAE,IAAA,OAAE,EACX,0DAA0D,EAC1D,6EAA6E,EAC7E,iCAAiC,EACjC,OAAO;YACL,CAAC,CAAC,qDAAqD;YACvD,CAAC,CAAC,uDAAuD,EAC3D,kDAAkD,EAClD,SAAS,CACV,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/Label.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    /** Appends a danger-colored required marker (*). */
+    required?: boolean;
+}
+/** Themed form label bound to the `--xen-*` tokens. */
+export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+//# sourceMappingURL=Label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/primitives/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,uDAAuD;AACvD,eAAO,MAAM,KAAK,qFAchB,CAAC"}

package/dist/primitives/Label.js

@@ -0,0 +1,44 @@
+"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.Label = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+/** Themed form label bound to the `--xen-*` tokens. */
+exports.Label = React.forwardRef(function Label({ className, required = false, children, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsxs)("label", { ref: ref, className: (0, cn_1.cn)('text-sm font-medium text-on-surface', className), ...rest, children: [children, required && ((0, jsx_runtime_1.jsx)("span", { className: "ml-0.5 text-danger", "aria-hidden": "true", children: "*" }))] }));
+});
+//# sourceMappingURL=Label.js.map