@xenition/ui 0.1.0

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

@@ -0,0 +1,18 @@
+/**
+ * `@xenition/ui/native/media` — presentational gallery / lightbox components for
+ * React Native, mirroring the web `@xenition/ui/media` prop contracts exactly.
+ * An album `{title}` and items `{url,kind,caption,alt,width,height}`. Nothing
+ * fetches — the app passes shaped data — and everything is styled via compiled
+ * theme tokens (`useXenitionTheme()`). `Gallery` is `FlatList`-backed (windowing
+ * gives the web's lazy loading); `Lightbox` is a reduced-motion-safe RN `Modal`
+ * with `PanResponder` swipe (RN core — no extra gesture dependency). Event
+ * idioms are native (`onOpen`/`onActivate`/`onClose`/`onPrev`/`onNext`).
+ */
+export { Gallery } from './Gallery';
+export type { GalleryProps } from './Gallery';
+export { Lightbox } from './Lightbox';
+export type { LightboxProps } from './Lightbox';
+export { MediaFigure } from './MediaFigure';
+export type { MediaFigureProps } from './MediaFigure';
+export type { MediaItem, MediaAlbum, MediaKind } from '../../media/types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/native/media/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/native/media/index.js

@@ -0,0 +1,20 @@
+"use strict";
+/**
+ * `@xenition/ui/native/media` — presentational gallery / lightbox components for
+ * React Native, mirroring the web `@xenition/ui/media` prop contracts exactly.
+ * An album `{title}` and items `{url,kind,caption,alt,width,height}`. Nothing
+ * fetches — the app passes shaped data — and everything is styled via compiled
+ * theme tokens (`useXenitionTheme()`). `Gallery` is `FlatList`-backed (windowing
+ * gives the web's lazy loading); `Lightbox` is a reduced-motion-safe RN `Modal`
+ * with `PanResponder` swipe (RN core — no extra gesture dependency). Event
+ * idioms are native (`onOpen`/`onActivate`/`onClose`/`onPrev`/`onNext`).
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaFigure = exports.Lightbox = exports.Gallery = void 0;
+var Gallery_1 = require("./Gallery");
+Object.defineProperty(exports, "Gallery", { enumerable: true, get: function () { return Gallery_1.Gallery; } });
+var Lightbox_1 = require("./Lightbox");
+Object.defineProperty(exports, "Lightbox", { enumerable: true, get: function () { return Lightbox_1.Lightbox; } });
+var MediaFigure_1 = require("./MediaFigure");
+Object.defineProperty(exports, "MediaFigure", { enumerable: true, get: function () { return MediaFigure_1.MediaFigure; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/native/media/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;;;AAEH,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAEhB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAEjB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA"}

package/dist/native/motion/Reveal.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+/**
+ * Native reveal effects. On mobile the norm is a **mount** entrance rather than
+ * a scroll-triggered one, so the web's scroll/slide variants collapse to the
+ * three that read well as an entrance: `fade`, `fade-up` (fade + small
+ * translateY), and `zoom` (fade + scale).
+ */
+export type RevealEffect = 'fade' | 'fade-up' | 'zoom';
+export interface RevealProps {
+    children?: React.ReactNode;
+    /** Entrance effect (default `fade-up`). */
+    effect?: RevealEffect;
+    /** Delay before the entrance starts, in ms (added to any surrounding `Stagger`). */
+    delay?: number;
+    /** Entrance duration, in ms (default 500). */
+    duration?: number;
+    /** Style override on the wrapper. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Mount-entrance wrapper — the native mirror of the web `Reveal`, adapted to
+ * mobile: content animates **in on mount** via `Animated` (no
+ * IntersectionObserver / scroll trigger — those are web-only). Under the OS
+ * "Reduce Motion" setting the animation is skipped entirely and children render
+ * immediately in their final state. A surrounding `Stagger` adds
+ * `base + index * interval` to the `delay`. No literal colors (motion only).
+ */
+export declare function Reveal({ children, effect, delay, duration, style, }: RevealProps): React.ReactElement;
+//# sourceMappingURL=Reveal.d.ts.map

package/dist/native/motion/Reveal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reveal.d.ts","sourceRoot":"","sources":["../../../src/native/motion/Reveal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9E;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2CAA2C;IAC3C,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAQD;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,MAAkB,EAClB,KAAS,EACT,QAAc,EACd,KAAK,GACN,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAkDlC"}

package/dist/native/motion/Reveal.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.Reveal = Reveal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const useReducedMotion_1 = require("../primitives/internal/useReducedMotion");
+const Stagger_1 = require("./Stagger");
+// Starting offset/scale for each effect (the animated value drives 0→1).
+const FROM = {
+    translateY: 16,
+    scale: 0.92,
+};
+/**
+ * Mount-entrance wrapper — the native mirror of the web `Reveal`, adapted to
+ * mobile: content animates **in on mount** via `Animated` (no
+ * IntersectionObserver / scroll trigger — those are web-only). Under the OS
+ * "Reduce Motion" setting the animation is skipped entirely and children render
+ * immediately in their final state. A surrounding `Stagger` adds
+ * `base + index * interval` to the `delay`. No literal colors (motion only).
+ */
+function Reveal({ children, effect = 'fade-up', delay = 0, duration = 500, style, }) {
+    const reduced = (0, useReducedMotion_1.useReducedMotion)();
+    const staggerConfig = React.useContext(Stagger_1.StaggerConfigContext);
+    const staggerIndex = React.useContext(Stagger_1.StaggerIndexContext);
+    const totalDelay = delay +
+        (staggerConfig !== null ? staggerConfig.delay + staggerIndex * staggerConfig.interval : 0);
+    const anim = React.useRef(new react_native_1.Animated.Value(0)).current;
+    React.useEffect(() => {
+        if (reduced) {
+            anim.setValue(1);
+            return undefined;
+        }
+        anim.setValue(0);
+        const animation = react_native_1.Animated.timing(anim, {
+            toValue: 1,
+            duration,
+            delay: totalDelay,
+            useNativeDriver: true,
+        });
+        animation.start();
+        return () => animation.stop();
+    }, [reduced, anim, duration, totalDelay]);
+    // Reduced motion: render immediately, statically, at full visibility.
+    if (reduced) {
+        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-reveal", style: [{ opacity: 1 }, style], children: children }));
+    }
+    // Inline literals (mirrors the StatusDot echo pattern) so the Animated
+    // transform types line up; `fade` carries no transform.
+    const transform = effect === 'fade-up'
+        ? [{ translateY: anim.interpolate({ inputRange: [0, 1], outputRange: [FROM.translateY, 0] }) }]
+        : effect === 'zoom'
+            ? [{ scale: anim.interpolate({ inputRange: [0, 1], outputRange: [FROM.scale, 1] }) }]
+            : [];
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { testID: "xen-reveal", style: [{ opacity: anim, transform }, style], children: children }));
+}
+//# sourceMappingURL=Reveal.js.map

package/dist/native/motion/Reveal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reveal.js","sourceRoot":"","sources":["../../../src/native/motion/Reveal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,wBAwDC;;AA/FD,6CAA+B;AAC/B,+CAA8E;AAC9E,8EAA2E;AAC3E,uCAAsE;AAsBtE,yEAAyE;AACzE,MAAM,IAAI,GAAG;IACX,UAAU,EAAE,EAAE;IACd,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF;;;;;;;GAOG;AACH,SAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,GAAG,EACd,KAAK,GACO;IACZ,MAAM,OAAO,GAAG,IAAA,mCAAgB,GAAE,CAAC;IAEnC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,8BAAoB,CAAC,CAAC;IAC7D,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAmB,CAAC,CAAC;IAC3D,MAAM,UAAU,GACd,KAAK;QACL,CAAC,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG,YAAY,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7F,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,uBAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAEzD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACjB,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACjB,MAAM,SAAS,GAAG,uBAAQ,CAAC,MAAM,CAAC,IAAI,EAAE;YACtC,OAAO,EAAE,CAAC;YACV,QAAQ;YACR,KAAK,EAAE,UAAU;YACjB,eAAe,EAAE,IAAI;SACtB,CAAC,CAAC;QACH,SAAS,CAAC,KAAK,EAAE,CAAC;QAClB,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IAChC,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1C,sEAAsE;IACtE,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,uBAAC,mBAAI,IAAC,MAAM,EAAC,YAAY,EAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,YACrD,QAAQ,GACJ,CACR,CAAC;IACJ,CAAC;IAED,uEAAuE;IACvE,wDAAwD;IACxD,MAAM,SAAS,GACb,MAAM,KAAK,SAAS;QAClB,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;QAC/F,CAAC,CAAC,MAAM,KAAK,MAAM;YACjB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;YACrF,CAAC,CAAC,EAAE,CAAC;IAEX,OAAO,CACL,uBAAC,uBAAQ,CAAC,IAAI,IAAC,MAAM,EAAC,YAAY,EAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,YAC5E,QAAQ,GACK,CACjB,CAAC;AACJ,CAAC"}

package/dist/native/motion/Stagger.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface StaggerConfig {
+    /** Delay increment between consecutive children, in ms. */
+    interval: number;
+    /** Base delay added to every child, in ms. */
+    delay: number;
+}
+/** Provided by `Stagger`; consumed by `Reveal` to offset its mount delay. */
+export declare const StaggerConfigContext: React.Context<StaggerConfig | null>;
+/** Position of a child inside the nearest `Stagger`. */
+export declare const StaggerIndexContext: React.Context<number>;
+export interface StaggerProps {
+    /** Delay increment between consecutive children, in ms. */
+    interval?: number;
+    /** Base delay added to every child, in ms. */
+    delay?: number;
+    children?: React.ReactNode;
+    /** Container style override. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Sequences child `Reveal` mount delays so lists cascade in — the native mirror
+ * of the web `Stagger`. Each child gets `delay + index * interval` added to its
+ * own `Reveal` delay via context. Non-`Reveal` children still advance the index,
+ * keeping visual order stable when items are mixed. Under reduced motion the
+ * child `Reveal`s render immediately, so the cascade simply collapses.
+ */
+export declare function Stagger({ interval, delay, children, style, }: StaggerProps): React.ReactElement;
+//# sourceMappingURL=Stagger.d.ts.map

package/dist/native/motion/Stagger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stagger.d.ts","sourceRoot":"","sources":["../../../src/native/motion/Stagger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,WAAW,aAAa;IAC5B,2DAA2D;IAC3D,QAAQ,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,qCAAkD,CAAC;AAEpF,wDAAwD;AACxD,eAAO,MAAM,mBAAmB,uBAAiC,CAAC;AAElE,MAAM,WAAW,YAAY;IAC3B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAc,EACd,KAAS,EACT,QAAQ,EACR,KAAK,GACN,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAenC"}

package/dist/native/motion/Stagger.js

@@ -0,0 +1,57 @@
+"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.StaggerIndexContext = exports.StaggerConfigContext = void 0;
+exports.Stagger = Stagger;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+/** Provided by `Stagger`; consumed by `Reveal` to offset its mount delay. */
+exports.StaggerConfigContext = React.createContext(null);
+/** Position of a child inside the nearest `Stagger`. */
+exports.StaggerIndexContext = React.createContext(0);
+/**
+ * Sequences child `Reveal` mount delays so lists cascade in — the native mirror
+ * of the web `Stagger`. Each child gets `delay + index * interval` added to its
+ * own `Reveal` delay via context. Non-`Reveal` children still advance the index,
+ * keeping visual order stable when items are mixed. Under reduced motion the
+ * child `Reveal`s render immediately, so the cascade simply collapses.
+ */
+function Stagger({ interval = 100, delay = 0, children, style, }) {
+    const config = React.useMemo(() => ({ interval, delay }), [interval, delay]);
+    const items = React.Children.toArray(children);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: style, children: (0, jsx_runtime_1.jsx)(exports.StaggerConfigContext.Provider, { value: config, children: items.map((child, index) => ((0, jsx_runtime_1.jsx)(exports.StaggerIndexContext.Provider, { value: index, children: child }, index))) }) }));
+}
+//# sourceMappingURL=Stagger.js.map

package/dist/native/motion/Stagger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stagger.js","sourceRoot":"","sources":["../../../src/native/motion/Stagger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,0BAoBC;;AArDD,6CAA+B;AAC/B,+CAAoE;AASpE,6EAA6E;AAChE,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAuB,IAAI,CAAC,CAAC;AAEpF,wDAAwD;AAC3C,QAAA,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAS,CAAC,CAAC,CAAC;AAYlE;;;;;;GAMG;AACH,SAAgB,OAAO,CAAC,EACtB,QAAQ,GAAG,GAAG,EACd,KAAK,GAAG,CAAC,EACT,QAAQ,EACR,KAAK,GACQ;IACb,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAgB,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAC5F,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE/C,OAAO,CACL,uBAAC,mBAAI,IAAC,KAAK,EAAE,KAAK,YAChB,uBAAC,4BAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YACzC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,uBAAC,2BAAmB,CAAC,QAAQ,IAAa,KAAK,EAAE,KAAK,YACnD,KAAK,IAD2B,KAAK,CAET,CAChC,CAAC,GAC4B,GAC3B,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,19 @@
+/**
+ * `@xenition/ui/native/motion` — dependency-free mount motion for React Native,
+ * mirroring `@xenition/ui/motion` where it makes sense on mobile. Built on the
+ * RN `Animated` API only (no animation library). Every component honors the OS
+ * "Reduce Motion" setting: content renders immediately with animations off.
+ *
+ * On mobile the norm is a **mount** entrance, so `Reveal` animates in on mount
+ * rather than on scroll. The scroll/pointer-driven web pieces
+ * (`Parallax`, `Marquee`, `TiltCard`) and `AnimatedCounter` are **web-only** —
+ * they depend on scroll position / pointer events / `IntersectionObserver` that
+ * have no direct React Native analogue; use them from `@xenition/ui/motion` in
+ * web templates.
+ */
+export { Reveal } from './Reveal';
+export type { RevealProps, RevealEffect } from './Reveal';
+export { Stagger } from './Stagger';
+export type { StaggerProps, StaggerConfig } from './Stagger';
+export { useReducedMotion } from '../primitives/internal/useReducedMotion';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/native/motion/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC"}

package/dist/native/motion/index.js

@@ -0,0 +1,23 @@
+"use strict";
+/**
+ * `@xenition/ui/native/motion` — dependency-free mount motion for React Native,
+ * mirroring `@xenition/ui/motion` where it makes sense on mobile. Built on the
+ * RN `Animated` API only (no animation library). Every component honors the OS
+ * "Reduce Motion" setting: content renders immediately with animations off.
+ *
+ * On mobile the norm is a **mount** entrance, so `Reveal` animates in on mount
+ * rather than on scroll. The scroll/pointer-driven web pieces
+ * (`Parallax`, `Marquee`, `TiltCard`) and `AnimatedCounter` are **web-only** —
+ * they depend on scroll position / pointer events / `IntersectionObserver` that
+ * have no direct React Native analogue; use them from `@xenition/ui/motion` in
+ * web templates.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReducedMotion = exports.Stagger = exports.Reveal = void 0;
+var Reveal_1 = require("./Reveal");
+Object.defineProperty(exports, "Reveal", { enumerable: true, get: function () { return Reveal_1.Reveal; } });
+var Stagger_1 = require("./Stagger");
+Object.defineProperty(exports, "Stagger", { enumerable: true, get: function () { return Stagger_1.Stagger; } });
+var useReducedMotion_1 = require("../primitives/internal/useReducedMotion");
+Object.defineProperty(exports, "useReducedMotion", { enumerable: true, get: function () { return useReducedMotion_1.useReducedMotion; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/native/motion/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;GAYG;;;AAEH,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAEhB,4EAA2E;AAAlE,oHAAA,gBAAgB,OAAA"}

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+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[];
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Themed collapsible sections — the native mirror of the web `Accordion`. No
+ * modal: sections expand/collapse inline, animated with `LayoutAnimation`.
+ * Supports `single` (one open) and `multiple` like the web version. No literal
+ * colors.
+ */
+export declare function Accordion({ items, type, defaultValue, style, }: AccordionProps): React.ReactElement;
+//# sourceMappingURL=Accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,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,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AASD;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAe,EACf,YAAiB,EACjB,KAAK,GACN,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAyErC"}

package/dist/native/primitives/Accordion.js

@@ -0,0 +1,81 @@
+"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 react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+if (react_native_1.Platform.OS === 'android' &&
+    react_native_1.UIManager.setLayoutAnimationEnabledExperimental) {
+    react_native_1.UIManager.setLayoutAnimationEnabledExperimental(true);
+}
+/**
+ * Themed collapsible sections — the native mirror of the web `Accordion`. No
+ * modal: sections expand/collapse inline, animated with `LayoutAnimation`.
+ * Supports `single` (one open) and `multiple` like the web version. No literal
+ * colors.
+ */
+function Accordion({ items, type = 'single', defaultValue = [], style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const [open, setOpen] = React.useState(defaultValue);
+    const toggle = (v) => {
+        react_native_1.LayoutAnimation.configureNext(react_native_1.LayoutAnimation.Presets.easeInEaseOut);
+        setOpen((prev) => prev.includes(v) ? prev.filter((x) => x !== v) : type === 'single' ? [v] : [...prev, v]);
+    };
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
+            {
+                borderColor: colors.border,
+                borderWidth: 1,
+                borderRadius: tokens.radius.md,
+                overflow: 'hidden',
+            },
+            style,
+        ], children: items.map((it, i) => {
+            const isOpen = open.includes(it.value);
+            return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: i > 0 ? { borderTopWidth: 1, borderColor: colors.border } : undefined, children: [(0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityState: { expanded: isOpen }, onPress: () => toggle(it.value), style: {
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                            justifyContent: 'space-between',
+                            gap: tokens.spacing.sm,
+                            paddingVertical: tokens.spacing.md,
+                            paddingHorizontal: tokens.spacing.lg,
+                        }, children: [typeof it.title === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { fontSize: 14, fontWeight: '500', color: colors.onSurface }, children: it.title })) : (it.title), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                    color: colors.muted,
+                                    transform: [{ rotate: isOpen ? '180deg' : '0deg' }],
+                                }, children: "\u25BE" })] }), isOpen && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { paddingHorizontal: tokens.spacing.lg, paddingBottom: tokens.spacing.md }, children: typeof it.content === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { fontSize: 14, color: colors.muted }, children: it.content })) : (it.content) }))] }, it.value));
+        }) }));
+}
+//# sourceMappingURL=Accordion.js.map

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

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

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

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type AlertTone = 'info' | 'success' | 'warn' | 'danger';
+export interface AlertProps {
+    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;
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Inline, optionally dismissible alert — the native mirror of the web `Alert`.
+ * A token-bound surface with a colored left rule keyed to the tone
+ * (`info`→primary, `success`→success, `warn`→accent, `danger`→danger). The
+ * `danger` tone announces via the `alert` role; the rest use `status`. The
+ * `warn` tone maps to the `accent` token because there is no dedicated warning
+ * slot in the primitive token whitelist. No literal colors.
+ */
+export declare function Alert({ tone, title, onClose, icon, children, style, }: AlertProps): React.ReactElement;
+//# sourceMappingURL=Alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE/D,MAAM,WAAW,UAAU;IACzB,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;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAa,EACb,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,KAAK,GACN,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CA+DjC"}

package/dist/native/primitives/Alert.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = Alert;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Inline, optionally dismissible alert — the native mirror of the web `Alert`.
+ * A token-bound surface with a colored left rule keyed to the tone
+ * (`info`→primary, `success`→success, `warn`→accent, `danger`→danger). The
+ * `danger` tone announces via the `alert` role; the rest use `status`. The
+ * `warn` tone maps to the `accent` token because there is no dedicated warning
+ * slot in the primitive token whitelist. No literal colors.
+ */
+function Alert({ tone = 'info', title, onClose, icon, children, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const accent = {
+        info: colors.primary,
+        success: colors.success,
+        warn: colors.accent,
+        danger: colors.danger,
+    };
+    const ruleColor = accent[tone];
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { accessibilityRole: tone === 'danger' ? 'alert' : 'summary', style: [
+            {
+                flexDirection: 'row',
+                gap: tokens.spacing.sm,
+                backgroundColor: colors.surface,
+                borderColor: colors.border,
+                borderWidth: 1,
+                borderLeftWidth: 4,
+                borderLeftColor: ruleColor,
+                borderRadius: tokens.radius.md,
+                padding: tokens.spacing.md,
+            },
+            style,
+        ], children: [icon != null ? (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { marginTop: 2 }, children: icon }) : null, (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flex: 1, minWidth: 0, gap: tokens.spacing.xs }, children: [title != null ? (typeof title === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            fontSize: tokens.typography.scale.sm,
+                            fontWeight: '600',
+                            color: ruleColor,
+                        }, children: title })) : (title)) : null, children != null ? (typeof children === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { fontSize: tokens.typography.scale.sm, color: colors.onSurface }, children: children })) : (children)) : null] }), onClose ? ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityLabel: "Dismiss", onPress: onClose, hitSlop: 8, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { fontSize: tokens.typography.scale.base, color: colors.muted }, children: "\u2715" }) })) : null] }));
+}
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/native/primitives/Alert.tsx"],"names":[],"mappings":";;AA0BA,sBAsEC;;AA/FD,+CAAqF;AACrF,oCAA4C;AAgB5C;;;;;;;GAOG;AACH,SAAgB,KAAK,CAAC,EACpB,IAAI,GAAG,MAAM,EACb,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,KAAK,GACM;IACX,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAE9C,MAAM,MAAM,GAA8B;QACxC,IAAI,EAAE,MAAM,CAAC,OAAO;QACpB,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,IAAI,EAAE,MAAM,CAAC,MAAM;QACnB,MAAM,EAAE,MAAM,CAAC,MAAM;KACtB,CAAC;IACF,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE/B,OAAO,CACL,wBAAC,mBAAI,IACH,iBAAiB,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC1D,KAAK,EAAE;YACL;gBACE,aAAa,EAAE,KAAK;gBACpB,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;gBACtB,eAAe,EAAE,MAAM,CAAC,OAAO;gBAC/B,WAAW,EAAE,MAAM,CAAC,MAAM;gBAC1B,WAAW,EAAE,CAAC;gBACd,eAAe,EAAE,CAAC;gBAClB,eAAe,EAAE,SAAS;gBAC1B,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;gBAC9B,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;aAC3B;YACD,KAAK;SACN,aAEA,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,YAAG,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EACnE,wBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,aAC1D,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CACf,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1B,uBAAC,mBAAI,IACH,KAAK,EAAE;4BACL,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;4BACpC,UAAU,EAAE,KAAK;4BACjB,KAAK,EAAE,SAAS;yBACjB,YAEA,KAAK,GACD,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CACF,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CAClB,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC7B,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,YAC3E,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACF,CAAC,CAAC,CAAC,IAAI,IACH,EACN,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,wBAAS,IAAC,iBAAiB,EAAC,QAAQ,EAAC,kBAAkB,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,YAC7F,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,uBAAU,GAC5E,CACb,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface AppShellProps {
+    /** The nav rail (typically a `<Sidebar />`). Shown in a slide-in drawer. */
+    sidebar: React.ReactNode;
+    /** Optional top-bar slot: title or actions. A string renders as the title. */
+    header?: React.ReactNode;
+    /** Main content area. */
+    children: React.ReactNode;
+    /** Accessible label for the drawer toggle. */
+    menuLabel?: string;
+    /** Drawer width in px. */
+    sidebarWidth?: number;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Dashboard layout — the native mirror of the web `AppShell`. Renders a top bar
+ * (with a hamburger that opens the `sidebar` in a slide-in drawer `Modal`) above
+ * a content area. This is the simplified phone form: the sidebar is always a
+ * drawer rather than a persistent rail. No literal colors.
+ */
+export declare function AppShell({ sidebar, header, children, menuLabel, sidebarWidth, style, }: AppShellProps): React.ReactElement;
+//# sourceMappingURL=AppShell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,aAAa;IAC5B,4EAA4E;IAC5E,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAA+B,EAC/B,YAAkB,EAClB,KAAK,GACN,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAgEpC"}

package/dist/native/primitives/AppShell.js

@@ -0,0 +1,72 @@
+"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 = AppShell;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Dashboard layout — the native mirror of the web `AppShell`. Renders a top bar
+ * (with a hamburger that opens the `sidebar` in a slide-in drawer `Modal`) above
+ * a content area. This is the simplified phone form: the sidebar is always a
+ * drawer rather than a persistent rail. No literal colors.
+ */
+function AppShell({ sidebar, header, children, menuLabel = 'Toggle navigation', sidebarWidth = 280, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const [open, setOpen] = React.useState(false);
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [{ flex: 1, backgroundColor: colors.surface }, style], children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    gap: tokens.spacing.sm,
+                    borderBottomWidth: 1,
+                    borderColor: colors.border,
+                    backgroundColor: colors.surface,
+                    paddingHorizontal: tokens.spacing.lg,
+                    paddingVertical: tokens.spacing.md,
+                }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityLabel: menuLabel, onPress: () => setOpen(true), style: {
+                            borderRadius: tokens.radius.sm,
+                            padding: tokens.spacing.xs,
+                        }, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.xl }, children: '≡' }) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1 }, children: typeof header === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                color: colors.onSurface,
+                                fontSize: tokens.typography.scale.lg,
+                                fontWeight: '600',
+                            }, children: header })) : (header) })] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1, padding: tokens.spacing.lg }, children: children }), (0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: open, transparent: true, animationType: "slide", onRequestClose: () => setOpen(false), children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flex: 1, flexDirection: 'row' }, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { width: sidebarWidth, maxWidth: '85%' }, children: sidebar }), (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityLabel: "Close navigation", onPress: () => setOpen(false), style: {
+                                flex: 1,
+                                backgroundColor: tokens.ramps.neutral[950],
+                                opacity: 0.5,
+                            } })] }) })] }));
+}
+//# sourceMappingURL=AppShell.js.map