@xenition/ui 0.1.0

package/dist/native/primitives/index.js

@@ -0,0 +1,157 @@
+"use strict";
+/**
+ * `@xenition/ui/native/primitives` — themed React Native building blocks that
+ * mirror the web `@xenition/ui/primitives` prop contracts (`onClick`→`onPress`
+ * is the only idiomatic swap). Genuine RN components (View/Text/Pressable/
+ * TextInput/Animated) styled exclusively from the compiled theme tokens via
+ * `useXenitionTheme()` — no literal colors, no DOM.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.List = exports.Tag = exports.Tooltip = exports.Popconfirm = exports.Accordion = exports.Menu = exports.Popover = exports.Drawer = exports.useToast = exports.ToastProvider = exports.Skeleton = exports.Progress = exports.Alert = exports.useForm = exports.Form = exports.PinInput = exports.NumberInput = exports.Slider = exports.RadioGroup = exports.formatMoney = exports.EmptyState = exports.PriceTag = exports.useReducedMotion = exports.GradientText = exports.GlassPanel = exports.StatusMessage = exports.Rating = exports.StatusDot = exports.Eyebrow = exports.Modal = exports.Table = exports.MessageList = exports.ChatBubble = exports.Tabs = exports.Spinner = exports.Switch = exports.Avatar = exports.Badge = exports.Field = exports.Label = exports.Select = exports.Checkbox = exports.Textarea = exports.Input = exports.Stack = exports.Card = exports.Button = exports.useXenitionTheme = exports.XenitionNativeThemeProvider = exports.XenitionUIProvider = void 0;
+exports.Upload = exports.DatePicker = exports.Combobox = exports.CrudTable = exports.DataTable = exports.Sidebar = exports.AppShell = exports.ForgotPasswordForm = exports.SignupForm = exports.LoginForm = exports.AuthCard = exports.Breadcrumb = exports.Steps = exports.Segmented = exports.AvatarGroup = exports.Descriptions = exports.Timeline = exports.Pagination = void 0;
+var XenitionUIProvider_1 = require("./XenitionUIProvider");
+Object.defineProperty(exports, "XenitionUIProvider", { enumerable: true, get: function () { return XenitionUIProvider_1.XenitionUIProvider; } });
+// Re-export the theme access hook so a mobile app can `useXenitionTheme()`
+// straight from the primitives entry.
+var theme_1 = require("../theme");
+Object.defineProperty(exports, "XenitionNativeThemeProvider", { enumerable: true, get: function () { return theme_1.XenitionNativeThemeProvider; } });
+Object.defineProperty(exports, "useXenitionTheme", { enumerable: true, get: function () { return theme_1.useXenitionTheme; } });
+var Button_1 = require("./Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+var Card_1 = require("./Card");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
+var Stack_1 = require("./Stack");
+Object.defineProperty(exports, "Stack", { enumerable: true, get: function () { return Stack_1.Stack; } });
+var Input_1 = require("./Input");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
+var Textarea_1 = require("./Textarea");
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return Textarea_1.Textarea; } });
+var Checkbox_1 = require("./Checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
+var Select_1 = require("./Select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
+var Label_1 = require("./Label");
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.Label; } });
+var Field_1 = require("./Field");
+Object.defineProperty(exports, "Field", { enumerable: true, get: function () { return Field_1.Field; } });
+var Badge_1 = require("./Badge");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
+var Avatar_1 = require("./Avatar");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return Avatar_1.Avatar; } });
+var Switch_1 = require("./Switch");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
+var Spinner_1 = require("./Spinner");
+Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return Spinner_1.Spinner; } });
+var Tabs_1 = require("./Tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return Tabs_1.Tabs; } });
+var ChatBubble_1 = require("./ChatBubble");
+Object.defineProperty(exports, "ChatBubble", { enumerable: true, get: function () { return ChatBubble_1.ChatBubble; } });
+var MessageList_1 = require("./MessageList");
+Object.defineProperty(exports, "MessageList", { enumerable: true, get: function () { return MessageList_1.MessageList; } });
+var Table_1 = require("./Table");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return Table_1.Table; } });
+var Modal_1 = require("./Modal");
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
+var Eyebrow_1 = require("./Eyebrow");
+Object.defineProperty(exports, "Eyebrow", { enumerable: true, get: function () { return Eyebrow_1.Eyebrow; } });
+var StatusDot_1 = require("./StatusDot");
+Object.defineProperty(exports, "StatusDot", { enumerable: true, get: function () { return StatusDot_1.StatusDot; } });
+var Rating_1 = require("./Rating");
+Object.defineProperty(exports, "Rating", { enumerable: true, get: function () { return Rating_1.Rating; } });
+var StatusMessage_1 = require("./StatusMessage");
+Object.defineProperty(exports, "StatusMessage", { enumerable: true, get: function () { return StatusMessage_1.StatusMessage; } });
+var GlassPanel_1 = require("./GlassPanel");
+Object.defineProperty(exports, "GlassPanel", { enumerable: true, get: function () { return GlassPanel_1.GlassPanel; } });
+var GradientText_1 = require("./GradientText");
+Object.defineProperty(exports, "GradientText", { enumerable: true, get: function () { return GradientText_1.GradientText; } });
+var useReducedMotion_1 = require("./internal/useReducedMotion");
+Object.defineProperty(exports, "useReducedMotion", { enumerable: true, get: function () { return useReducedMotion_1.useReducedMotion; } });
+// PriceTag, EmptyState, and the single `formatMoney` home live in the commerce
+// module (matching the web `@xenition/ui/commerce`) and are re-exported here
+// for primitive-level ergonomics.
+var PriceTag_1 = require("../commerce/PriceTag");
+Object.defineProperty(exports, "PriceTag", { enumerable: true, get: function () { return PriceTag_1.PriceTag; } });
+var EmptyState_1 = require("../commerce/EmptyState");
+Object.defineProperty(exports, "EmptyState", { enumerable: true, get: function () { return EmptyState_1.EmptyState; } });
+var money_1 = require("../commerce/money");
+Object.defineProperty(exports, "formatMoney", { enumerable: true, get: function () { return money_1.formatMoney; } });
+// ── native parity: forms ──────────────────────────────────────────────
+var RadioGroup_1 = require("./RadioGroup");
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.RadioGroup; } });
+var Slider_1 = require("./Slider");
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return Slider_1.Slider; } });
+var NumberInput_1 = require("./NumberInput");
+Object.defineProperty(exports, "NumberInput", { enumerable: true, get: function () { return NumberInput_1.NumberInput; } });
+var PinInput_1 = require("./PinInput");
+Object.defineProperty(exports, "PinInput", { enumerable: true, get: function () { return PinInput_1.PinInput; } });
+var Form_1 = require("./Form");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
+Object.defineProperty(exports, "useForm", { enumerable: true, get: function () { return Form_1.useForm; } });
+// ── native parity: feedback ───────────────────────────────────────────
+var Alert_1 = require("./Alert");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });
+var Progress_1 = require("./Progress");
+Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return Progress_1.Progress; } });
+var Skeleton_1 = require("./Skeleton");
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
+var Toast_1 = require("./Toast");
+Object.defineProperty(exports, "ToastProvider", { enumerable: true, get: function () { return Toast_1.ToastProvider; } });
+Object.defineProperty(exports, "useToast", { enumerable: true, get: function () { return Toast_1.useToast; } });
+// ── native parity: overlays ───────────────────────────────────────────
+var Drawer_1 = require("./Drawer");
+Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return Drawer_1.Drawer; } });
+var Popover_1 = require("./Popover");
+Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return Popover_1.Popover; } });
+var Menu_1 = require("./Menu");
+Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });
+var Accordion_1 = require("./Accordion");
+Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return Accordion_1.Accordion; } });
+var Popconfirm_1 = require("./Popconfirm");
+Object.defineProperty(exports, "Popconfirm", { enumerable: true, get: function () { return Popconfirm_1.Popconfirm; } });
+var Tooltip_1 = require("./Tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
+// ── native parity: data display ───────────────────────────────────────
+var Tag_1 = require("./Tag");
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
+var List_1 = require("./List");
+Object.defineProperty(exports, "List", { enumerable: true, get: function () { return List_1.List; } });
+var Pagination_1 = require("./Pagination");
+Object.defineProperty(exports, "Pagination", { enumerable: true, get: function () { return Pagination_1.Pagination; } });
+var Timeline_1 = require("./Timeline");
+Object.defineProperty(exports, "Timeline", { enumerable: true, get: function () { return Timeline_1.Timeline; } });
+var Descriptions_1 = require("./Descriptions");
+Object.defineProperty(exports, "Descriptions", { enumerable: true, get: function () { return Descriptions_1.Descriptions; } });
+var AvatarGroup_1 = require("./AvatarGroup");
+Object.defineProperty(exports, "AvatarGroup", { enumerable: true, get: function () { return AvatarGroup_1.AvatarGroup; } });
+var Segmented_1 = require("./Segmented");
+Object.defineProperty(exports, "Segmented", { enumerable: true, get: function () { return Segmented_1.Segmented; } });
+var Steps_1 = require("./Steps");
+Object.defineProperty(exports, "Steps", { enumerable: true, get: function () { return Steps_1.Steps; } });
+var Breadcrumb_1 = require("./Breadcrumb");
+Object.defineProperty(exports, "Breadcrumb", { enumerable: true, get: function () { return Breadcrumb_1.Breadcrumb; } });
+// ── native parity: composed auth ──────────────────────────────────────
+var AuthCard_1 = require("./AuthCard");
+Object.defineProperty(exports, "AuthCard", { enumerable: true, get: function () { return AuthCard_1.AuthCard; } });
+var LoginForm_1 = require("./LoginForm");
+Object.defineProperty(exports, "LoginForm", { enumerable: true, get: function () { return LoginForm_1.LoginForm; } });
+var SignupForm_1 = require("./SignupForm");
+Object.defineProperty(exports, "SignupForm", { enumerable: true, get: function () { return SignupForm_1.SignupForm; } });
+var ForgotPasswordForm_1 = require("./ForgotPasswordForm");
+Object.defineProperty(exports, "ForgotPasswordForm", { enumerable: true, get: function () { return ForgotPasswordForm_1.ForgotPasswordForm; } });
+// ── app shell (dashboard layout) ──────────────────────────────────────
+var AppShell_1 = require("./AppShell");
+Object.defineProperty(exports, "AppShell", { enumerable: true, get: function () { return AppShell_1.AppShell; } });
+var Sidebar_1 = require("./Sidebar");
+Object.defineProperty(exports, "Sidebar", { enumerable: true, get: function () { return Sidebar_1.Sidebar; } });
+// ── native parity: heavy data (tables + rich inputs) ──────────────────
+var DataTable_1 = require("./DataTable");
+Object.defineProperty(exports, "DataTable", { enumerable: true, get: function () { return DataTable_1.DataTable; } });
+var CrudTable_1 = require("./CrudTable");
+Object.defineProperty(exports, "CrudTable", { enumerable: true, get: function () { return CrudTable_1.CrudTable; } });
+var Combobox_1 = require("./Combobox");
+Object.defineProperty(exports, "Combobox", { enumerable: true, get: function () { return Combobox_1.Combobox; } });
+var DatePicker_1 = require("./DatePicker");
+Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
+var Upload_1 = require("./Upload");
+Object.defineProperty(exports, "Upload", { enumerable: true, get: function () { return Upload_1.Upload; } });
+//# sourceMappingURL=index.js.map

package/dist/native/primitives/index.js.map

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

package/dist/native/primitives/internal/color.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Color helpers for the native layer. React Native has no `color-mix()`, so
+ * translucency (GlassPanel) is produced by deriving an `rgba()` string from a
+ * **token** hex value — the input is always a compiled-theme color, never a
+ * literal, so components stay token-pure.
+ */
+/** Parse a `#rgb` / `#rrggbb` hex into `[r, g, b]` (0–255). */
+export declare function hexToRgb(hex: string): [number, number, number];
+/**
+ * Turn a token hex into an `rgba()` string at the given alpha. Used for the
+ * translucent glass surfaces and gradient placeholder tints — the color always
+ * originates from a theme token, so no literal color is introduced.
+ */
+export declare function withAlpha(hex: string, alpha: number): string;
+//# sourceMappingURL=color.d.ts.map

package/dist/native/primitives/internal/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../src/native/primitives/internal/color.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,+DAA+D;AAC/D,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAQ9D;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAI5D"}

package/dist/native/primitives/internal/color.js

@@ -0,0 +1,32 @@
+"use strict";
+/**
+ * Color helpers for the native layer. React Native has no `color-mix()`, so
+ * translucency (GlassPanel) is produced by deriving an `rgba()` string from a
+ * **token** hex value — the input is always a compiled-theme color, never a
+ * literal, so components stay token-pure.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hexToRgb = hexToRgb;
+exports.withAlpha = withAlpha;
+/** Parse a `#rgb` / `#rrggbb` hex into `[r, g, b]` (0–255). */
+function hexToRgb(hex) {
+    let h = hex.trim().replace('#', '');
+    if (h.length === 3) {
+        h = h[0] + h[0] + h[1] + h[1] + h[2] + h[2];
+    }
+    const int = Number.parseInt(h, 16);
+    if (!Number.isFinite(int))
+        return [0, 0, 0];
+    return [(int >> 16) & 255, (int >> 8) & 255, int & 255];
+}
+/**
+ * Turn a token hex into an `rgba()` string at the given alpha. Used for the
+ * translucent glass surfaces and gradient placeholder tints — the color always
+ * originates from a theme token, so no literal color is introduced.
+ */
+function withAlpha(hex, alpha) {
+    const [r, g, b] = hexToRgb(hex);
+    const a = Math.max(0, Math.min(1, alpha));
+    return `rgba(${r}, ${g}, ${b}, ${a})`;
+}
+//# sourceMappingURL=color.js.map

package/dist/native/primitives/internal/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../src/native/primitives/internal/color.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;AAGH,4BAQC;AAOD,8BAIC;AApBD,+DAA+D;AAC/D,SAAgB,QAAQ,CAAC,GAAW;IAClC,IAAI,CAAC,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACpC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACnB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAE,GAAG,CAAC,CAAC,CAAC,CAAE,GAAG,CAAC,CAAC,CAAC,CAAE,GAAG,CAAC,CAAC,CAAC,CAAE,GAAG,CAAC,CAAC,CAAC,CAAE,GAAG,CAAC,CAAC,CAAC,CAAE,CAAC;IACpD,CAAC;IACD,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACnC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC;QAAE,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5C,OAAO,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;AAC1D,CAAC;AAED;;;;GAIG;AACH,SAAgB,SAAS,CAAC,GAAW,EAAE,KAAa;IAClD,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IAC1C,OAAO,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;AACxC,CAAC"}

package/dist/native/primitives/internal/useReducedMotion.d.ts

@@ -0,0 +1,2 @@
+export declare function useReducedMotion(): boolean;
+//# sourceMappingURL=useReducedMotion.d.ts.map

package/dist/native/primitives/internal/useReducedMotion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReducedMotion.d.ts","sourceRoot":"","sources":["../../../../src/native/primitives/internal/useReducedMotion.ts"],"names":[],"mappings":"AAUA,wBAAgB,gBAAgB,IAAI,OAAO,CAyB1C"}

package/dist/native/primitives/internal/useReducedMotion.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReducedMotion = useReducedMotion;
+/**
+ * `prefers-reduced-motion` for React Native — the OS "Reduce Motion" toggle,
+ * read via `AccessibilityInfo`. Components that animate (StatusDot's echo,
+ * future motion) gate their animation on this, exactly as the web layer gates
+ * on the CSS media query. SSR/native-safe: the async read never throws and the
+ * initial value is the motion-on default.
+ */
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+function useReducedMotion() {
+    const [reduced, setReduced] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        let mounted = true;
+        react_native_1.AccessibilityInfo.isReduceMotionEnabled()
+            .then((value) => {
+            if (mounted)
+                setReduced(value);
+        })
+            .catch(() => {
+            /* older platforms may reject; treat as motion-on */
+        });
+        const sub = react_native_1.AccessibilityInfo.addEventListener('reduceMotionChanged', (value) => setReduced(value));
+        return () => {
+            mounted = false;
+            // RN >= 0.65 returns a subscription with `.remove()`.
+            sub?.remove?.();
+        };
+    }, []);
+    return reduced;
+}
+//# sourceMappingURL=useReducedMotion.js.map

package/dist/native/primitives/internal/useReducedMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReducedMotion.js","sourceRoot":"","sources":["../../../../src/native/primitives/internal/useReducedMotion.ts"],"names":[],"mappings":";;AAUA,4CAyBC;AAnCD;;;;;;GAMG;AACH,iCAA4C;AAC5C,+CAAiD;AAEjD,SAAgB,gBAAgB;IAC9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,gCAAiB,CAAC,qBAAqB,EAAE;aACtC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;YACd,IAAI,OAAO;gBAAE,UAAU,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACV,oDAAoD;QACtD,CAAC,CAAC,CAAC;QAEL,MAAM,GAAG,GAAG,gCAAiB,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,CAAC,KAAc,EAAE,EAAE,CACvF,UAAU,CAAC,KAAK,CAAC,CAClB,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,OAAO,GAAG,KAAK,CAAC;YAChB,sDAAsD;YACtD,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/native/theme/index.d.ts

@@ -0,0 +1,51 @@
+/**
+ * `@xenition/ui/native/theme` — React Native theme tokens (v0: tokens only,
+ * no RN components yet).
+ *
+ * React Native cannot read CSS custom properties, so the provider exposes
+ * the fully-resolved {@link NativeThemeTokens} (hex strings, px numbers)
+ * through React context for use in `StyleSheet.create` / inline styles.
+ * No `react-native` import is needed for this layer — it is pure React.
+ */
+import * as React from 'react';
+import type { NativeThemeTokens } from '../../theme/outputs';
+import type { CompiledTheme, SemanticColors, ThemeSeed } from '../../theme/types';
+export type { NativeThemeTokens };
+export type { CompiledTheme, SemanticColors, ThemeSeed };
+export type NativeColorScheme = 'light' | 'dark';
+export interface XenitionNativeTheme {
+    /** The full resolved token object (both color schemes). */
+    tokens: NativeThemeTokens;
+    /** The active color scheme. */
+    scheme: NativeColorScheme;
+    /** Semantic colors for the active scheme — what components should use. */
+    colors: SemanticColors;
+}
+export interface XenitionNativeThemeProviderProps {
+    /** A raw seed (compiled on the fly) or an already-compiled theme. */
+    theme: ThemeSeed | CompiledTheme;
+    /**
+     * Active color scheme; pass `useColorScheme()` from react-native to follow
+     * the OS. Defaults from the seed (`'dark'` when `seed.mode === 'dark'`).
+     */
+    scheme?: NativeColorScheme;
+    children?: React.ReactNode;
+}
+/** Root theme provider for React Native apps. */
+export declare function XenitionNativeThemeProvider({ theme, scheme, children, }: XenitionNativeThemeProviderProps): React.ReactElement;
+/**
+ * Read the resolved theme tokens.
+ *
+ * ```tsx
+ * const { colors, tokens } = useXenitionTheme();
+ * const styles = StyleSheet.create({
+ *   button: {
+ *     backgroundColor: colors.primary,
+ *     borderRadius: tokens.radius.md,
+ *     padding: tokens.spacing.md,
+ *   },
+ * });
+ * ```
+ */
+export declare function useXenitionTheme(): XenitionNativeTheme;
+//# sourceMappingURL=index.d.ts.map

package/dist/native/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/native/theme/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAElF,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAGlC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC;AAMzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,mBAAmB;IAClC,2DAA2D;IAC3D,MAAM,EAAE,iBAAiB,CAAC;IAC1B,+BAA+B;IAC/B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,0EAA0E;IAC1E,MAAM,EAAE,cAAc,CAAC;CACxB;AAID,MAAM,WAAW,gCAAgC;IAC/C,qEAAqE;IACrE,KAAK,EAAE,SAAS,GAAG,aAAa,CAAC;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iDAAiD;AACjD,wBAAgB,2BAA2B,CAAC,EAC1C,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE,gCAAgC,GAAG,KAAK,CAAC,YAAY,CAkBvD;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,IAAI,mBAAmB,CAQtD"}

package/dist/native/theme/index.js

@@ -0,0 +1,90 @@
+"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.XenitionNativeThemeProvider = XenitionNativeThemeProvider;
+exports.useXenitionTheme = useXenitionTheme;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `@xenition/ui/native/theme` — React Native theme tokens (v0: tokens only,
+ * no RN components yet).
+ *
+ * React Native cannot read CSS custom properties, so the provider exposes
+ * the fully-resolved {@link NativeThemeTokens} (hex strings, px numbers)
+ * through React context for use in `StyleSheet.create` / inline styles.
+ * No `react-native` import is needed for this layer — it is pure React.
+ */
+const React = __importStar(require("react"));
+const compile_1 = require("../../theme/compile");
+const outputs_1 = require("../../theme/outputs");
+function isCompiledTheme(theme) {
+    return typeof theme === 'object' && theme !== null && 'ramps' in theme && 'light' in theme;
+}
+const XenitionNativeThemeContext = React.createContext(null);
+/** Root theme provider for React Native apps. */
+function XenitionNativeThemeProvider({ theme, scheme, children, }) {
+    const value = React.useMemo(() => {
+        const compiled = isCompiledTheme(theme) ? theme : (0, compile_1.compileTheme)(theme);
+        const tokens = (0, outputs_1.toNativeTokens)(compiled);
+        const resolvedScheme = scheme ?? (compiled.seed.mode === 'dark' ? 'dark' : 'light');
+        return {
+            tokens,
+            scheme: resolvedScheme,
+            colors: tokens.colors[resolvedScheme],
+        };
+    }, [theme, scheme]);
+    return ((0, jsx_runtime_1.jsx)(XenitionNativeThemeContext.Provider, { value: value, children: children }));
+}
+/**
+ * Read the resolved theme tokens.
+ *
+ * ```tsx
+ * const { colors, tokens } = useXenitionTheme();
+ * const styles = StyleSheet.create({
+ *   button: {
+ *     backgroundColor: colors.primary,
+ *     borderRadius: tokens.radius.md,
+ *     padding: tokens.spacing.md,
+ *   },
+ * });
+ * ```
+ */
+function useXenitionTheme() {
+    const value = React.useContext(XenitionNativeThemeContext);
+    if (value === null) {
+        throw new Error('useXenitionTheme must be used inside <XenitionNativeThemeProvider theme={...}>.');
+    }
+    return value;
+}
+//# sourceMappingURL=index.js.map

package/dist/native/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/native/theme/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,kEAsBC;AAgBD,4CAQC;;AAhGD;;;;;;;;GAQG;AAEH,6CAA+B;AAC/B,iDAAmD;AACnD,iDAAqD;AASrD,SAAS,eAAe,CAAC,KAAgC;IACvD,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,IAAI,KAAK,IAAI,OAAO,IAAI,KAAK,CAAC;AAC7F,CAAC;AAaD,MAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAA6B,IAAI,CAAC,CAAC;AAazF,iDAAiD;AACjD,SAAgB,2BAA2B,CAAC,EAC1C,KAAK,EACL,MAAM,EACN,QAAQ,GACyB;IACjC,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAsB,GAAG,EAAE;QACpD,MAAM,QAAQ,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAA,sBAAY,EAAC,KAAK,CAAC,CAAC;QACtE,MAAM,MAAM,GAAG,IAAA,wBAAc,EAAC,QAAQ,CAAC,CAAC;QACxC,MAAM,cAAc,GAClB,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAC/D,OAAO;YACL,MAAM;YACN,MAAM,EAAE,cAAc;YACtB,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC;SACtC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,uBAAC,0BAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAC9C,QAAQ,GAC2B,CACvC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,SAAgB,gBAAgB;IAC9B,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;IAC3D,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,MAAM,IAAI,KAAK,CACb,iFAAiF,CAClF,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/primitives/Accordion.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface AccordionItemData {
+    value: string;
+    title: React.ReactNode;
+    content: React.ReactNode;
+}
+export interface AccordionProps {
+    items: AccordionItemData[];
+    /** `single` keeps one panel open; `multiple` allows many (default single). */
+    type?: 'single' | 'multiple';
+    /** Values open on first render. */
+    defaultValue?: string[];
+    className?: string;
+}
+/** Collapsible sections bound to the theme tokens. */
+export declare function Accordion({ items, type, defaultValue, className, }: AccordionProps): React.ReactElement;
+//# sourceMappingURL=Accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/primitives/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,8EAA8E;IAC9E,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,sDAAsD;AACtD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAe,EACf,YAAiB,EACjB,SAAS,GACV,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAkCrC"}

package/dist/primitives/Accordion.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.Accordion = Accordion;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+/** Collapsible sections bound to the theme tokens. */
+function Accordion({ items, type = 'single', defaultValue = [], className, }) {
+    const [open, setOpen] = React.useState(defaultValue);
+    const toggle = (v) => setOpen((prev) => prev.includes(v) ? prev.filter((x) => x !== v) : type === 'single' ? [v] : [...prev, v]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('divide-y divide-border overflow-hidden rounded-[var(--xen-radius-md)] border border-border', className), children: items.map((it) => {
+            const isOpen = open.includes(it.value);
+            return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", "aria-expanded": isOpen, onClick: () => toggle(it.value), className: "flex w-full items-center justify-between gap-2 px-4 py-3 text-left text-sm font-medium text-on-surface", children: [it.title, (0, jsx_runtime_1.jsx)("span", { className: (0, cn_1.cn)('ml-2 shrink-0 text-muted transition-transform', isOpen && 'rotate-180'), children: "\u25BE" })] }), isOpen && (0, jsx_runtime_1.jsx)("div", { className: "px-4 pb-3 text-sm text-muted", children: it.content })] }, it.value));
+        }) }));
+}
+//# sourceMappingURL=Accordion.js.map

package/dist/primitives/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/primitives/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,8BAuCC;;AA1DD,6CAA+B;AAC/B,6BAA0B;AAiB1B,sDAAsD;AACtD,SAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,YAAY,GAAG,EAAE,EACjB,SAAS,GACM;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,YAAY,CAAC,CAAC;IAC/D,MAAM,MAAM,GAAG,CAAC,CAAS,EAAE,EAAE,CAC3B,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CACf,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CACxF,CAAC;IACJ,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,OAAE,EACX,4FAA4F,EAC5F,SAAS,CACV,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;YAChB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;YACvC,OAAO,CACL,4CACE,oCACE,IAAI,EAAC,QAAQ,mBACE,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAC/B,SAAS,EAAC,wGAAwG,aAEjH,EAAE,CAAC,KAAK,EACT,iCAAM,SAAS,EAAE,IAAA,OAAE,EAAC,+CAA+C,EAAE,MAAM,IAAI,YAAY,CAAC,uBAErF,IACA,EACR,MAAM,IAAI,gCAAK,SAAS,EAAC,8BAA8B,YAAE,EAAE,CAAC,OAAO,GAAO,KAZnE,EAAE,CAAC,KAAK,CAaZ,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/Alert.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export type AlertTone = 'info' | 'success' | 'warn' | 'danger';
+export interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    tone?: AlertTone;
+    /** Bold heading above the body. */
+    title?: React.ReactNode;
+    /** Renders a dismiss (×) button that calls this. */
+    onClose?: () => void;
+    /** Optional leading icon/glyph. */
+    icon?: React.ReactNode;
+}
+/** Inline, optionally dismissible alert bound to the theme tokens — info/success/warn/danger. */
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/primitives/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE/D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACrF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mCAAmC;IACnC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AASD,iGAAiG;AACjG,eAAO,MAAM,KAAK,mFAgChB,CAAC"}

package/dist/primitives/Alert.js

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+const TONE = {
+    info: 'border-primary text-primary',
+    success: 'border-success text-success',
+    warn: 'border-warn text-warn',
+    danger: 'border-danger text-danger',
+};
+/** Inline, optionally dismissible alert bound to the theme tokens — info/success/warn/danger. */
+exports.Alert = React.forwardRef(function Alert({ className, tone = 'info', title, onClose, icon, children, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, role: tone === 'danger' ? 'alert' : 'status', className: (0, cn_1.cn)('flex gap-3 rounded-[var(--xen-radius-md)] border-l-4 bg-neutral-50 p-3', TONE[tone], className), ...rest, children: [icon != null && (0, jsx_runtime_1.jsx)("span", { className: "mt-0.5 shrink-0", children: icon }), (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0 flex-1 text-on-surface", children: [title != null && (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('text-sm font-semibold', TONE[tone]), children: title }), children != null && (0, jsx_runtime_1.jsx)("div", { className: "text-sm", children: children })] }), onClose && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onClose, "aria-label": "Dismiss", className: "shrink-0 text-muted transition-colors hover:text-on-surface", children: "\u00D7" }))] }));
+});
+//# sourceMappingURL=Alert.js.map

package/dist/primitives/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/primitives/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAc1B,MAAM,IAAI,GAA8B;IACtC,IAAI,EAAE,6BAA6B;IACnC,OAAO,EAAE,6BAA6B;IACtC,IAAI,EAAE,uBAAuB;IAC7B,MAAM,EAAE,2BAA2B;CACpC,CAAC;AAEF,iGAAiG;AACpF,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAA6B,SAAS,KAAK,CAC9E,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACrE,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC5C,SAAS,EAAE,IAAA,OAAE,EACX,wEAAwE,EACxE,IAAI,CAAC,IAAI,CAAC,EACV,SAAS,CACV,KACG,IAAI,aAEP,IAAI,IAAI,IAAI,IAAI,iCAAM,SAAS,EAAC,iBAAiB,YAAE,IAAI,GAAQ,EAChE,iCAAK,SAAS,EAAC,gCAAgC,aAC5C,KAAK,IAAI,IAAI,IAAI,gCAAK,SAAS,EAAE,IAAA,OAAE,EAAC,uBAAuB,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,YAAG,KAAK,GAAO,EACvF,QAAQ,IAAI,IAAI,IAAI,gCAAK,SAAS,EAAC,SAAS,YAAE,QAAQ,GAAO,IAC1D,EACL,OAAO,IAAI,CACV,mCACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACL,SAAS,EACpB,SAAS,EAAC,6DAA6D,uBAGhE,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/AppShell.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+export interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The left nav rail (typically a `<Sidebar />`). */
+    sidebar: React.ReactNode;
+    /** Optional top-bar slot: page title, actions, search, … */
+    header?: React.ReactNode;
+    /** Main content area. */
+    children: React.ReactNode;
+    /** Rail width in px on wide screens. */
+    sidebarWidth?: number;
+    /** Accessible label for the mobile sidebar toggle. */
+    menuLabel?: string;
+}
+/**
+ * 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.
+ */
+export declare const AppShell: React.ForwardRefExoticComponent<AppShellProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AppShell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/primitives/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,qDAAqD;IACrD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,sFA0EnB,CAAC"}