@xenition/ui 0.1.0

package/dist/primitives/AppShell.js

@@ -0,0 +1,52 @@
+"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.AppShell = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+/**
+ * Responsive dashboard layout: a fixed-width left `Sidebar` beside a main
+ * column of an optional top bar (`header`) and a scrolling content area
+ * (`children`). On narrow screens the rail collapses behind a hamburger and
+ * slides in over a scrim. All colors/spacing come from `--xen-*` tokens — no
+ * literal colors.
+ */
+exports.AppShell = React.forwardRef(function AppShell({ sidebar, header, children, sidebarWidth = 260, menuLabel = 'Toggle navigation', className, ...rest }, ref) {
+    const [open, setOpen] = React.useState(false);
+    const drawerId = React.useId();
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: (0, cn_1.cn)('flex min-h-screen w-full bg-surface text-on-surface', className), ...rest, children: [(0, jsx_runtime_1.jsx)("aside", { className: "hidden shrink-0 md:block", style: { width: sidebarWidth }, children: (0, jsx_runtime_1.jsx)("div", { className: "sticky top-0 h-screen", children: sidebar }) }), open ? ((0, jsx_runtime_1.jsxs)("div", { className: "fixed inset-0 z-40 md:hidden", role: "dialog", "aria-modal": "true", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": "Close navigation", onClick: () => setOpen(false), className: "absolute inset-0 bg-neutral-900/50" }), (0, jsx_runtime_1.jsx)("div", { id: drawerId, className: "absolute inset-y-0 left-0 shadow-lg", style: { width: sidebarWidth }, children: sidebar })] })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col", children: [header !== undefined ? ((0, jsx_runtime_1.jsxs)("header", { className: "sticky top-0 z-30 flex items-center gap-[var(--xen-space-md)] border-b border-border bg-surface px-[var(--xen-space-lg)] py-[var(--xen-space-md)]", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": menuLabel, "aria-expanded": open, "aria-controls": drawerId, onClick: () => setOpen((prev) => !prev), className: "inline-flex items-center justify-center rounded-[var(--xen-radius-sm)] p-2 text-on-surface hover:bg-neutral-100 md:hidden", children: (0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: (0, jsx_runtime_1.jsx)("path", { d: "M3 5h14M3 10h14M3 15h14" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex min-w-0 flex-1 items-center justify-between gap-[var(--xen-space-md)]", children: header })] })) : null, (0, jsx_runtime_1.jsx)("main", { className: "min-w-0 flex-1 overflow-y-auto p-[var(--xen-space-lg)]", children: children })] })] }));
+});
+//# sourceMappingURL=AppShell.js.map

package/dist/primitives/AppShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../src/primitives/AppShell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAe1B;;;;;;GAMG;AACU,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAgC,SAAS,QAAQ,CACvF,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,GAAG,GAAG,EAAE,SAAS,GAAG,mBAAmB,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACtG,GAAG;IAEH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAE/B,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,OAAE,EAAC,qDAAqD,EAAE,SAAS,CAAC,KAC3E,IAAI,aAGR,kCACE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,YAE9B,gCAAK,SAAS,EAAC,uBAAuB,YAAE,OAAO,GAAO,GAChD,EAGP,IAAI,CAAC,CAAC,CAAC,CACN,iCAAK,SAAS,EAAC,8BAA8B,EAAC,IAAI,EAAC,QAAQ,gBAAY,MAAM,aAC3E,mCACE,IAAI,EAAC,QAAQ,gBACF,kBAAkB,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAC,oCAAoC,GAC9C,EACF,gCACE,EAAE,EAAE,QAAQ,EACZ,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,YAE7B,OAAO,GACJ,IACF,CACP,CAAC,CAAC,CAAC,IAAI,EAGR,iCAAK,SAAS,EAAC,8BAA8B,aAC1C,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,oCAAQ,SAAS,EAAC,mJAAmJ,aACnK,mCACE,IAAI,EAAC,QAAQ,gBACD,SAAS,mBACN,IAAI,mBACJ,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EACvC,SAAS,EAAC,2HAA2H,YAErI,+CACc,MAAM,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,YAErB,iCAAM,CAAC,EAAC,yBAAyB,GAAG,GAChC,GACC,EACT,gCAAK,SAAS,EAAC,4EAA4E,YACxF,MAAM,GACH,IACC,CACV,CAAC,CAAC,CAAC,IAAI,EACR,iCAAM,SAAS,EAAC,wDAAwD,YAAE,QAAQ,GAAQ,IACtF,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/AuthCard.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface AuthCardProps {
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+    className?: string;
+}
+/** Centered card shell for auth screens (LoginForm/SignupForm/…). Bound to the theme tokens. */
+export declare function AuthCard({ title, subtitle, children, footer, className }: AuthCardProps): React.ReactElement;
+//# sourceMappingURL=AuthCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthCard.d.ts","sourceRoot":"","sources":["../../src/primitives/AuthCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,gGAAgG;AAChG,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAe5G"}

package/dist/primitives/AuthCard.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthCard = AuthCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("./cn");
+const Card_1 = require("./Card");
+/** Centered card shell for auth screens (LoginForm/SignupForm/…). Bound to the theme tokens. */
+function AuthCard({ title, subtitle, children, footer, className }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('mx-auto w-full max-w-sm', className), children: (0, jsx_runtime_1.jsxs)(Card_1.Card, { className: "p-6", children: [(title != null || subtitle != null) && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [title != null && (0, jsx_runtime_1.jsx)("h1", { className: "text-xl font-bold text-on-surface", children: title }), subtitle != null && (0, jsx_runtime_1.jsx)("p", { className: "mt-1 text-sm text-muted", children: subtitle })] })), children, footer != null && (0, jsx_runtime_1.jsx)("div", { className: "mt-4 text-center text-sm text-muted", children: footer })] }) }));
+}
+//# sourceMappingURL=AuthCard.js.map

package/dist/primitives/AuthCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthCard.js","sourceRoot":"","sources":["../../src/primitives/AuthCard.tsx"],"names":[],"mappings":";;AAaA,4BAeC;;AA3BD,6BAA0B;AAC1B,iCAA8B;AAU9B,gGAAgG;AAChG,SAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAiB;IACtF,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,OAAE,EAAC,yBAAyB,EAAE,SAAS,CAAC,YACtD,wBAAC,WAAI,IAAC,SAAS,EAAC,KAAK,aAClB,CAAC,KAAK,IAAI,IAAI,IAAI,QAAQ,IAAI,IAAI,CAAC,IAAI,CACtC,iCAAK,SAAS,EAAC,MAAM,aAClB,KAAK,IAAI,IAAI,IAAI,+BAAI,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAM,EAC/E,QAAQ,IAAI,IAAI,IAAI,8BAAG,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAK,IACtE,CACP,EACA,QAAQ,EACR,MAAM,IAAI,IAAI,IAAI,gCAAK,SAAS,EAAC,qCAAqC,YAAE,MAAM,GAAO,IACjF,GACH,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/Avatar.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export type AvatarSize = 'sm' | 'md' | 'lg';
+export interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {
+    src?: string;
+    alt?: string;
+    /** Fallback initials source when there's no image. */
+    name?: string;
+    size?: AvatarSize;
+}
+/** User avatar — image with an initials fallback, bound to the theme tokens. */
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/primitives/Avatar.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,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACxE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAcD,gFAAgF;AAChF,eAAO,MAAM,MAAM,qFAsBjB,CAAC"}

package/dist/primitives/Avatar.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.Avatar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+const SIZE = {
+    sm: 'h-8 w-8 text-xs',
+    md: 'h-10 w-10 text-sm',
+    lg: 'h-14 w-14 text-lg',
+};
+function initials(name) {
+    if (!name)
+        return '?';
+    const parts = name.trim().split(/\s+/).slice(0, 2);
+    return parts.map((w) => w[0]?.toUpperCase() ?? '').join('') || '?';
+}
+/** User avatar — image with an initials fallback, bound to the theme tokens. */
+exports.Avatar = React.forwardRef(function Avatar({ className, src, alt, name, size = 'md', ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)("span", { ref: ref, className: (0, cn_1.cn)('inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full', 'bg-primary-50 font-medium text-primary', SIZE[size], className), ...rest, children: src ? ((0, jsx_runtime_1.jsx)("img", { src: src, alt: alt ?? name ?? '', className: "h-full w-full object-cover" })) : ((0, jsx_runtime_1.jsx)("span", { children: initials(name) })) }));
+});
+//# sourceMappingURL=Avatar.js.map

package/dist/primitives/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/primitives/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAY1B,MAAM,IAAI,GAA+B;IACvC,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,mBAAmB;IACvB,EAAE,EAAE,mBAAmB;CACxB,CAAC;AAEF,SAAS,QAAQ,CAAC,IAAa;IAC7B,IAAI,CAAC,IAAI;QAAE,OAAO,GAAG,CAAC;IACtB,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnD,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC;AACrE,CAAC;AAED,gFAAgF;AACnE,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAA+B,SAAS,MAAM,CAClF,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,EACnD,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,OAAE,EACX,+EAA+E,EAC/E,wCAAwC,EACxC,IAAI,CAAC,IAAI,CAAC,EACV,SAAS,CACV,KACG,IAAI,YAEP,GAAG,CAAC,CAAC,CAAC,CACL,gCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,IAAI,EAAE,EAAE,SAAS,EAAC,4BAA4B,GAAG,CACjF,CAAC,CAAC,CAAC,CACF,2CAAO,QAAQ,CAAC,IAAI,CAAC,GAAQ,CAC9B,GACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/AvatarGroup.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { type AvatarSize } from './Avatar';
+export interface AvatarGroupProps {
+    avatars: {
+        name?: string;
+        src?: string;
+    }[];
+    /** Max avatars before collapsing into a +N chip (default 4). */
+    max?: number;
+    size?: AvatarSize;
+    className?: string;
+}
+/** Overlapping avatar stack with a +N overflow chip — bound to the theme tokens. */
+export declare function AvatarGroup({ avatars, max, size, className }: AvatarGroupProps): React.ReactElement;
+//# sourceMappingURL=AvatarGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../src/primitives/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC3C,gEAAgE;IAChE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,oFAAoF;AACpF,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAO,EAAE,IAAW,EAAE,SAAS,EAAE,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAsB9G"}

package/dist/primitives/AvatarGroup.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarGroup = AvatarGroup;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("./cn");
+const Avatar_1 = require("./Avatar");
+const CHIP = {
+    sm: 'h-8 w-8 text-xs',
+    md: 'h-10 w-10 text-sm',
+    lg: 'h-14 w-14 text-lg',
+};
+/** Overlapping avatar stack with a +N overflow chip — bound to the theme tokens. */
+function AvatarGroup({ avatars, max = 4, size = 'md', className }) {
+    const shown = avatars.slice(0, max);
+    const extra = avatars.length - shown.length;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex items-center', className), children: [shown.map((a, i) => ((0, jsx_runtime_1.jsx)("span", { className: "-ml-2 rounded-full ring-2 ring-surface first:ml-0", children: (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { name: a.name, src: a.src, size: size }) }, i))), extra > 0 && ((0, jsx_runtime_1.jsxs)("span", { className: (0, cn_1.cn)('-ml-2 inline-flex items-center justify-center rounded-full bg-neutral-100 font-medium text-on-surface ring-2 ring-surface', CHIP[size]), children: ["+", extra] }))] }));
+}
+//# sourceMappingURL=AvatarGroup.js.map

package/dist/primitives/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../../src/primitives/AvatarGroup.tsx"],"names":[],"mappings":";;AAmBA,kCAsBC;;AAxCD,6BAA0B;AAC1B,qCAAmD;AAUnD,MAAM,IAAI,GAA+B;IACvC,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,mBAAmB;IACvB,EAAE,EAAE,mBAAmB;CACxB,CAAC;AAEF,oFAAoF;AACpF,SAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAoB;IACxF,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACpC,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5C,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,OAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC,aAC/C,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnB,iCAAc,SAAS,EAAC,mDAAmD,YACzE,uBAAC,eAAM,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,GAAI,IADvC,CAAC,CAEL,CACR,CAAC,EACD,KAAK,GAAG,CAAC,IAAI,CACZ,kCACE,SAAS,EAAE,IAAA,OAAE,EACX,2HAA2H,EAC3H,IAAI,CAAC,IAAI,CAAC,CACX,kBAEC,KAAK,IACF,CACR,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/Badge.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export type BadgeTone = 'neutral' | 'muted' | 'primary' | 'success' | 'warn' | 'danger';
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    tone?: BadgeTone;
+}
+/** Small status/label pill bound to the theme tokens — for statuses, tags, counts. */
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/primitives/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAExF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAWD,sFAAsF;AACtF,eAAO,MAAM,KAAK,oFAehB,CAAC"}

package/dist/primitives/Badge.js

@@ -0,0 +1,52 @@
+"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.Badge = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+const TONE = {
+    neutral: 'bg-neutral-100 text-on-surface',
+    muted: 'bg-neutral-100 text-muted',
+    primary: 'bg-primary-50 text-primary',
+    success: 'bg-success text-on-success',
+    warn: 'bg-warn text-on-warn',
+    danger: 'bg-danger text-on-danger',
+};
+/** Small status/label pill bound to the theme tokens — for statuses, tags, counts. */
+exports.Badge = React.forwardRef(function Badge({ className, tone = 'neutral', ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)("span", { ref: ref, className: (0, cn_1.cn)('inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium', TONE[tone], className), ...rest }));
+});
+//# sourceMappingURL=Badge.js.map

package/dist/primitives/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/primitives/Badge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAQ1B,MAAM,IAAI,GAA8B;IACtC,OAAO,EAAE,gCAAgC;IACzC,KAAK,EAAE,2BAA2B;IAClC,OAAO,EAAE,4BAA4B;IACrC,OAAO,EAAE,4BAA4B;IACrC,IAAI,EAAE,sBAAsB;IAC5B,MAAM,EAAE,0BAA0B;CACnC,CAAC;AAEF,sFAAsF;AACzE,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAA8B,SAAS,KAAK,CAC/E,EAAE,SAAS,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,EACxC,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,OAAE,EACX,6EAA6E,EAC7E,IAAI,CAAC,IAAI,CAAC,EACV,SAAS,CACV,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/Breadcrumb.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface BreadcrumbItem {
+    label: React.ReactNode;
+    href?: string;
+    onClick?: () => void;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    separator?: React.ReactNode;
+    className?: string;
+}
+/** Breadcrumb trail bound to the theme tokens. The last item is the current page. */
+export declare function Breadcrumb({ items, separator, className }: BreadcrumbProps): React.ReactElement;
+//# sourceMappingURL=Breadcrumb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../src/primitives/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qFAAqF;AACrF,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,SAAe,EAAE,SAAS,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CA6BrG"}

package/dist/primitives/Breadcrumb.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.Breadcrumb = Breadcrumb;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+/** Breadcrumb trail bound to the theme tokens. The last item is the current page. */
+function Breadcrumb({ items, separator = '/', className }) {
+    return ((0, jsx_runtime_1.jsx)("nav", { "aria-label": "Breadcrumb", className: (0, cn_1.cn)('flex items-center gap-2 text-sm', className), children: items.map((it, i) => {
+            const last = i === items.length - 1;
+            return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(it.href || it.onClick) && !last ? ((0, jsx_runtime_1.jsx)("a", { href: it.href, onClick: it.onClick, className: "text-muted transition-colors hover:text-on-surface", children: it.label })) : ((0, jsx_runtime_1.jsx)("span", { "aria-current": last ? 'page' : undefined, className: last ? 'font-medium text-on-surface' : 'text-muted', children: it.label })), !last && (0, jsx_runtime_1.jsx)("span", { className: "text-muted", children: separator })] }, i));
+        }) }));
+}
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/primitives/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../src/primitives/Breadcrumb.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,gCA6BC;;AA7CD,6CAA+B;AAC/B,6BAA0B;AAc1B,qFAAqF;AACrF,SAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,GAAG,GAAG,EAAE,SAAS,EAAmB;IAC/E,OAAO,CACL,8CAAgB,YAAY,EAAC,SAAS,EAAE,IAAA,OAAE,EAAC,iCAAiC,EAAE,SAAS,CAAC,YACrF,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;YACnB,MAAM,IAAI,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YACpC,OAAO,CACL,wBAAC,KAAK,CAAC,QAAQ,eACZ,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAClC,8BACE,IAAI,EAAE,EAAE,CAAC,IAAI,EACb,OAAO,EAAE,EAAE,CAAC,OAAO,EACnB,SAAS,EAAC,oDAAoD,YAE7D,EAAE,CAAC,KAAK,GACP,CACL,CAAC,CAAC,CAAC,CACF,iDACgB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACvC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,YAAY,YAE7D,EAAE,CAAC,KAAK,GACJ,CACR,EACA,CAAC,IAAI,IAAI,iCAAM,SAAS,EAAC,YAAY,YAAE,SAAS,GAAQ,KAjBtC,CAAC,CAkBL,CAClB,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/Button.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'outline' | 'danger';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    /**
+     * When set, the button renders as an anchor (`<a href>`) styled identically
+     * via the same variant/size classes — for navigation CTAs (external links,
+     * or wrap this in a router `<Link>`). The `type` prop is ignored in this
+     * form. Existing `<Button onClick>` usage is unaffected.
+     */
+    href?: string;
+    /** Anchor `target` (only applied when `href` is set), e.g. `_blank`. */
+    target?: React.HTMLAttributeAnchorTarget;
+    /** Anchor `rel` (only applied when `href` is set), e.g. `noreferrer`. */
+    rel?: string;
+}
+/**
+ * Themed button. All colors/radii come from the `--xen-*` tokens via the
+ * Tailwind preset — no literal colors (kit lint rule).
+ *
+ * Pass `href` to render a styled `<a>` instead of a `<button>` (navigation
+ * CTAs); everything else — variants, sizes, ref forwarding — is identical.
+ */
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/primitives/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AACrF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,MAAM,CAAC,EAAE,KAAK,CAAC,yBAAyB,CAAC;IACzC,yEAAyE;IACzE,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAkBD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,2GAiClB,CAAC"}

package/dist/primitives/Button.js

@@ -0,0 +1,69 @@
+"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.Button = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+const VARIANT_CLASSES = {
+    primary: 'bg-primary text-on-primary hover:opacity-90 focus-visible:ring-primary-300',
+    secondary: 'border border-primary bg-transparent text-primary hover:bg-primary-50 focus-visible:ring-primary-300',
+    ghost: 'bg-transparent text-on-surface hover:bg-neutral-100 focus-visible:ring-neutral-300',
+    outline: 'border border-border bg-transparent text-on-surface hover:bg-neutral-100 focus-visible:ring-neutral-300',
+    danger: 'bg-danger text-on-danger hover:opacity-90 focus-visible:ring-danger',
+};
+const SIZE_CLASSES = {
+    sm: 'px-3 py-1.5 text-sm',
+    md: 'px-4 py-2 text-base',
+    lg: 'px-6 py-3 text-lg',
+};
+/**
+ * Themed button. All colors/radii come from the `--xen-*` tokens via the
+ * Tailwind preset — no literal colors (kit lint rule).
+ *
+ * Pass `href` to render a styled `<a>` instead of a `<button>` (navigation
+ * CTAs); everything else — variants, sizes, ref forwarding — is identical.
+ */
+exports.Button = React.forwardRef(function Button({ variant = 'primary', size = 'md', className, type = 'button', href, target, rel, ...rest }, ref) {
+    const classes = (0, cn_1.cn)('inline-flex items-center justify-center font-medium transition-colors', 'rounded-[var(--xen-radius-md)]', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-1', 'disabled:pointer-events-none disabled:opacity-50', VARIANT_CLASSES[variant], SIZE_CLASSES[size], className);
+    if (href !== undefined) {
+        // Anchor form. `rest` carries button-typed DOM props (event handlers keyed
+        // to HTMLButtonElement); the DOM shape is identical at runtime, so cast to
+        // the anchor attribute set for the spread. `type` is intentionally dropped.
+        return ((0, jsx_runtime_1.jsx)("a", { ref: ref, href: href, target: target, rel: rel, className: classes, ...rest }));
+    }
+    return (0, jsx_runtime_1.jsx)("button", { ref: ref, type: type, className: classes, ...rest });
+});
+//# sourceMappingURL=Button.js.map

package/dist/primitives/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/primitives/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAqB1B,MAAM,eAAe,GAAkC;IACrD,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,sGAAsG;IACxG,KAAK,EAAE,oFAAoF;IAC3F,OAAO,EACL,yGAAyG;IAC3G,MAAM,EAAE,qEAAqE;CAC9E,CAAC;AAEF,MAAM,YAAY,GAA+B;IAC/C,EAAE,EAAE,qBAAqB;IACzB,EAAE,EAAE,qBAAqB;IACzB,EAAE,EAAE,mBAAmB;CACxB,CAAC;AAEF;;;;;;GAMG;AACU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,SAAS,MAAM,CACb,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAC5F,GAAG;IAEH,MAAM,OAAO,GAAG,IAAA,OAAE,EAChB,uEAAuE,EACvE,gCAAgC,EAChC,6EAA6E,EAC7E,kDAAkD,EAClD,eAAe,CAAC,OAAO,CAAC,EACxB,YAAY,CAAC,IAAI,CAAC,EAClB,SAAS,CACV,CAAC;IAEF,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,2EAA2E;QAC3E,2EAA2E;QAC3E,4EAA4E;QAC5E,OAAO,CACL,8BACE,GAAG,EAAE,GAAuB,EAC5B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,KACb,IAAiE,GACtE,CACH,CAAC;IACJ,CAAC;IAED,OAAO,mCAAQ,GAAG,EAAE,GAAuB,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,KAAM,IAAI,GAAI,CAAC;AAC5F,CAAC,CACF,CAAC"}

package/dist/primitives/Card.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export type CardProps = React.HTMLAttributes<HTMLDivElement>;
+/** Themed surface container: token-bound background, border, and radius. */
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/primitives/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAE7D,4EAA4E;AAC5E,eAAO,MAAM,IAAI,kFAef,CAAC"}

package/dist/primitives/Card.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.Card = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+/** Themed surface container: token-bound background, border, and radius. */
+exports.Card = React.forwardRef(function Card({ className, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, cn_1.cn)('bg-surface text-on-surface border border-border shadow-sm', 'rounded-[var(--xen-radius-lg)] p-[var(--xen-space-lg)]', className), ...rest }));
+});
+//# sourceMappingURL=Card.js.map

package/dist/primitives/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/primitives/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAI1B,4EAA4E;AAC/D,QAAA,IAAI,GAAG,KAAK,CAAC,UAAU,CAA4B,SAAS,IAAI,CAC3E,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACtB,GAAG;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,OAAE,EACX,2DAA2D,EAC3D,wDAAwD,EACxD,SAAS,CACV,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/ChatBubble.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface ChatBubbleProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 'me' aligns right with the primary fill; 'them' aligns left with a surface fill. */
+    side?: 'me' | 'them';
+    /** Optional author / timestamp shown above the bubble. */
+    meta?: React.ReactNode;
+}
+/** A single themed chat message bubble — for chat, support threads, comments. */
+export declare const ChatBubble: React.ForwardRefExoticComponent<ChatBubbleProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ChatBubble.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatBubble.d.ts","sourceRoot":"","sources":["../../src/primitives/ChatBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,uFAAuF;IACvF,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,iFAAiF;AACjF,eAAO,MAAM,UAAU,wFAsBrB,CAAC"}

package/dist/primitives/ChatBubble.js

@@ -0,0 +1,45 @@
+"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.ChatBubble = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+/** A single themed chat message bubble — for chat, support threads, comments. */
+exports.ChatBubble = React.forwardRef(function ChatBubble({ className, side = 'them', meta, children, ...rest }, ref) {
+    const me = side === 'me';
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: (0, cn_1.cn)('flex flex-col gap-1', me ? 'items-end' : 'items-start', className), ...rest, children: [meta != null && (0, jsx_runtime_1.jsx)("span", { className: "px-1 text-xs text-muted", children: meta }), (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('max-w-[75%] rounded-[var(--xen-radius-lg)] px-3.5 py-2 text-sm', me ? 'bg-primary text-on-primary' : 'bg-neutral-100 text-on-surface'), children: children })] }));
+});
+//# sourceMappingURL=ChatBubble.js.map

package/dist/primitives/ChatBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatBubble.js","sourceRoot":"","sources":["../../src/primitives/ChatBubble.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAS1B,iFAAiF;AACpE,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAkC,SAAS,UAAU,CAC7F,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACrD,GAAG;IAEH,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACzB,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,OAAE,EAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,CAAC,KAC7E,IAAI,aAEP,IAAI,IAAI,IAAI,IAAI,iCAAM,SAAS,EAAC,yBAAyB,YAAE,IAAI,GAAQ,EACxE,gCACE,SAAS,EAAE,IAAA,OAAE,EACX,gEAAgE,EAChE,EAAE,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,gCAAgC,CACrE,YAEA,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/Checkbox.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    /** Renders the danger state. */
+    invalid?: boolean;
+}
+/** Themed checkbox bound to the `--xen-*` tokens — the check fills with the primary color. */
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/primitives/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC9F,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,8FAA8F;AAC9F,eAAO,MAAM,QAAQ,wFAoBnB,CAAC"}