@rnative/ui 0.0.0-stage → 1.0.0

package/dist/design-tokens/animation.d.ts

@@ -0,0 +1,22 @@
+/**
+ * ANAN-UI — Design Tokens: Animation
+ */
+export declare const animation: {
+    readonly duration: {
+        readonly instant: 0;
+        readonly fast: 150;
+        readonly normal: 300;
+        readonly slow: 500;
+        readonly slower: 750;
+    };
+    readonly easing: {
+        readonly linear: "linear";
+        readonly easeIn: "ease-in";
+        readonly easeOut: "ease-out";
+        readonly easeInOut: "ease-in-out";
+        readonly bounce: "ease-in-out";
+    };
+};
+export type AnimationDuration = keyof typeof animation.duration;
+export type AnimationEasing = keyof typeof animation.easing;
+//# sourceMappingURL=animation.d.ts.map

package/dist/design-tokens/animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../src/design-tokens/animation.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAeZ,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,SAAS,CAAC,QAAQ,CAAC;AAChE,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,SAAS,CAAC,MAAM,CAAC"}

package/dist/design-tokens/animation.js

@@ -0,0 +1,23 @@
+"use strict";
+/**
+ * ANAN-UI — Design Tokens: Animation
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.animation = void 0;
+exports.animation = {
+    duration: {
+        instant: 0,
+        fast: 150,
+        normal: 300,
+        slow: 500,
+        slower: 750,
+    },
+    easing: {
+        linear: 'linear',
+        easeIn: 'ease-in',
+        easeOut: 'ease-out',
+        easeInOut: 'ease-in-out',
+        bounce: 'ease-in-out',
+    },
+};
+//# sourceMappingURL=animation.js.map

package/dist/design-tokens/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.js","sourceRoot":"","sources":["../../src/design-tokens/animation.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEU,QAAA,SAAS,GAAG;IACvB,QAAQ,EAAE;QACR,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,GAAG;KACH;IACV,MAAM,EAAE;QACN,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,UAAU;QACnB,SAAS,EAAE,aAAa;QACxB,MAAM,EAAE,aAAa;KACb;CACF,CAAC"}

package/dist/design-tokens/border-radius.d.ts

@@ -0,0 +1,15 @@
+/**
+ * ANAN-UI — Design Tokens: Border Radius
+ */
+export declare const borderRadius: {
+    readonly none: 0;
+    readonly sm: 4;
+    readonly md: 6;
+    readonly lg: 8;
+    readonly xl: 12;
+    readonly '2xl': 16;
+    readonly '3xl': 24;
+    readonly full: 9999;
+};
+export type BorderRadius = keyof typeof borderRadius;
+//# sourceMappingURL=border-radius.d.ts.map

package/dist/design-tokens/border-radius.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"border-radius.d.ts","sourceRoot":"","sources":["../../src/design-tokens/border-radius.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/design-tokens/border-radius.js

@@ -0,0 +1,17 @@
+"use strict";
+/**
+ * ANAN-UI — Design Tokens: Border Radius
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.borderRadius = void 0;
+exports.borderRadius = {
+    none: 0,
+    sm: 4,
+    md: 6,
+    lg: 8,
+    xl: 12,
+    '2xl': 16,
+    '3xl': 24,
+    full: 9999,
+};
+//# sourceMappingURL=border-radius.js.map

package/dist/design-tokens/border-radius.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"border-radius.js","sourceRoot":"","sources":["../../src/design-tokens/border-radius.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEU,QAAA,YAAY,GAAG;IAC1B,IAAI,EAAE,CAAC;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,IAAI;CACF,CAAC"}

package/dist/design-tokens/colors.d.ts

@@ -0,0 +1,179 @@
+/**
+ * ANAN-UI — Design Tokens: Colors
+ *
+ * Raw color palette + semantic color roles.
+ * Themes map semantic roles to raw palette values.
+ */
+export declare const slate: {
+    readonly 50: "#f8fafc";
+    readonly 100: "#f1f5f9";
+    readonly 200: "#e2e8f0";
+    readonly 300: "#cbd5e1";
+    readonly 400: "#94a3b8";
+    readonly 500: "#64748b";
+    readonly 600: "#475569";
+    readonly 700: "#334155";
+    readonly 800: "#1e293b";
+    readonly 900: "#0f172a";
+    readonly 950: "#020617";
+};
+export declare const primary: {
+    readonly 50: "#eff6ff";
+    readonly 100: "#dbeafe";
+    readonly 200: "#bfdbfe";
+    readonly 300: "#93c5fd";
+    readonly 400: "#60a5fa";
+    readonly 500: "#3b82f6";
+    readonly 600: "#2563eb";
+    readonly 700: "#1d4ed8";
+    readonly 800: "#1e40af";
+    readonly 900: "#1e3a8a";
+    readonly 950: "#172554";
+};
+export declare const destructive: {
+    readonly 50: "#fef2f2";
+    readonly 100: "#fee2e2";
+    readonly 200: "#fecaca";
+    readonly 300: "#fca5a5";
+    readonly 400: "#f87171";
+    readonly 500: "#ef4444";
+    readonly 600: "#dc2626";
+    readonly 700: "#b91c1c";
+    readonly 800: "#991b1b";
+    readonly 900: "#7f1d1d";
+    readonly 950: "#450a0a";
+};
+export declare const secondary: {
+    readonly 50: "#f8fafc";
+    readonly 100: "#f1f5f9";
+    readonly 200: "#e2e8f0";
+    readonly 300: "#cbd5e1";
+    readonly 400: "#94a3b8";
+    readonly 500: "#64748b";
+    readonly 600: "#475569";
+    readonly 700: "#334155";
+    readonly 800: "#1e293b";
+    readonly 900: "#0f172a";
+    readonly 950: "#020617";
+};
+export declare const muted: {
+    readonly 50: "#f8fafc";
+    readonly 100: "#f1f5f9";
+    readonly 200: "#e2e8f0";
+    readonly 300: "#cbd5e1";
+    readonly 400: "#94a3b8";
+    readonly 500: "#64748b";
+    readonly 600: "#475569";
+    readonly 700: "#334155";
+    readonly 800: "#1e293b";
+    readonly 900: "#0f172a";
+    readonly 950: "#020617";
+};
+export declare const accent: {
+    readonly 50: "#f0fdf4";
+    readonly 100: "#dcfce7";
+    readonly 200: "#bbf7d0";
+    readonly 300: "#86efac";
+    readonly 400: "#4ade80";
+    readonly 500: "#22c55e";
+    readonly 600: "#16a34a";
+    readonly 700: "#15803d";
+    readonly 800: "#166534";
+    readonly 900: "#14532d";
+    readonly 950: "#052e16";
+};
+export declare const border: {
+    readonly light: "#e2e8f0";
+    readonly dark: "#334155";
+};
+export type Slate = (typeof slate)[keyof typeof slate];
+export type Primary = (typeof primary)[keyof typeof primary];
+export type Destructive = (typeof destructive)[keyof typeof destructive];
+export type Secondary = (typeof secondary)[keyof typeof secondary];
+export type Muted = (typeof muted)[keyof typeof muted];
+export type Accent = (typeof accent)[keyof typeof accent];
+export declare const colors: {
+    readonly slate: {
+        readonly 50: "#f8fafc";
+        readonly 100: "#f1f5f9";
+        readonly 200: "#e2e8f0";
+        readonly 300: "#cbd5e1";
+        readonly 400: "#94a3b8";
+        readonly 500: "#64748b";
+        readonly 600: "#475569";
+        readonly 700: "#334155";
+        readonly 800: "#1e293b";
+        readonly 900: "#0f172a";
+        readonly 950: "#020617";
+    };
+    readonly primary: {
+        readonly 50: "#eff6ff";
+        readonly 100: "#dbeafe";
+        readonly 200: "#bfdbfe";
+        readonly 300: "#93c5fd";
+        readonly 400: "#60a5fa";
+        readonly 500: "#3b82f6";
+        readonly 600: "#2563eb";
+        readonly 700: "#1d4ed8";
+        readonly 800: "#1e40af";
+        readonly 900: "#1e3a8a";
+        readonly 950: "#172554";
+    };
+    readonly destructive: {
+        readonly 50: "#fef2f2";
+        readonly 100: "#fee2e2";
+        readonly 200: "#fecaca";
+        readonly 300: "#fca5a5";
+        readonly 400: "#f87171";
+        readonly 500: "#ef4444";
+        readonly 600: "#dc2626";
+        readonly 700: "#b91c1c";
+        readonly 800: "#991b1b";
+        readonly 900: "#7f1d1d";
+        readonly 950: "#450a0a";
+    };
+    readonly secondary: {
+        readonly 50: "#f8fafc";
+        readonly 100: "#f1f5f9";
+        readonly 200: "#e2e8f0";
+        readonly 300: "#cbd5e1";
+        readonly 400: "#94a3b8";
+        readonly 500: "#64748b";
+        readonly 600: "#475569";
+        readonly 700: "#334155";
+        readonly 800: "#1e293b";
+        readonly 900: "#0f172a";
+        readonly 950: "#020617";
+    };
+    readonly muted: {
+        readonly 50: "#f8fafc";
+        readonly 100: "#f1f5f9";
+        readonly 200: "#e2e8f0";
+        readonly 300: "#cbd5e1";
+        readonly 400: "#94a3b8";
+        readonly 500: "#64748b";
+        readonly 600: "#475569";
+        readonly 700: "#334155";
+        readonly 800: "#1e293b";
+        readonly 900: "#0f172a";
+        readonly 950: "#020617";
+    };
+    readonly accent: {
+        readonly 50: "#f0fdf4";
+        readonly 100: "#dcfce7";
+        readonly 200: "#bbf7d0";
+        readonly 300: "#86efac";
+        readonly 400: "#4ade80";
+        readonly 500: "#22c55e";
+        readonly 600: "#16a34a";
+        readonly 700: "#15803d";
+        readonly 800: "#166534";
+        readonly 900: "#14532d";
+        readonly 950: "#052e16";
+    };
+    readonly border: {
+        readonly light: "#e2e8f0";
+        readonly dark: "#334155";
+    };
+};
+//# sourceMappingURL=colors.d.ts.map

package/dist/design-tokens/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/design-tokens/colors.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,eAAO,MAAM,KAAK;;;;;;;;;;;;CAYR,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYV,CAAC;AAGX,eAAO,MAAM,WAAW;;;;;;;;;;;;CAYd,CAAC;AAGX,eAAO,MAAM,SAAS;;;;;;;;;;;;CAYZ,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;;;;;;;;CAYR,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYT,CAAC;AAGX,eAAO,MAAM,MAAM;;;CAGT,CAAC;AAEX,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,OAAO,KAAK,CAAC,CAAC;AACvD,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAC7D,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AACzE,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AACnE,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,OAAO,KAAK,CAAC,CAAC;AACvD,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,OAAO,MAAM,CAAC,CAAC;AAG1D,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQT,CAAC"}

package/dist/design-tokens/colors.js

@@ -0,0 +1,109 @@
+"use strict";
+/**
+ * ANAN-UI — Design Tokens: Colors
+ *
+ * Raw color palette + semantic color roles.
+ * Themes map semantic roles to raw palette values.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colors = exports.border = exports.accent = exports.muted = exports.secondary = exports.destructive = exports.primary = exports.slate = void 0;
+// Raw palette — Slate (neutral)
+exports.slate = {
+    50: '#f8fafc',
+    100: '#f1f5f9',
+    200: '#e2e8f0',
+    300: '#cbd5e1',
+    400: '#94a3b8',
+    500: '#64748b',
+    600: '#475569',
+    700: '#334155',
+    800: '#1e293b',
+    900: '#0f172a',
+    950: '#020617',
+};
+// Raw palette — Primary (blue)
+exports.primary = {
+    50: '#eff6ff',
+    100: '#dbeafe',
+    200: '#bfdbfe',
+    300: '#93c5fd',
+    400: '#60a5fa',
+    500: '#3b82f6',
+    600: '#2563eb',
+    700: '#1d4ed8',
+    800: '#1e40af',
+    900: '#1e3a8a',
+    950: '#172554',
+};
+// Raw palette — Destructive (red)
+exports.destructive = {
+    50: '#fef2f2',
+    100: '#fee2e2',
+    200: '#fecaca',
+    300: '#fca5a5',
+    400: '#f87171',
+    500: '#ef4444',
+    600: '#dc2626',
+    700: '#b91c1c',
+    800: '#991b1b',
+    900: '#7f1d1d',
+    950: '#450a0a',
+};
+// Raw palette — Secondary (muted)
+exports.secondary = {
+    50: '#f8fafc',
+    100: '#f1f5f9',
+    200: '#e2e8f0',
+    300: '#cbd5e1',
+    400: '#94a3b8',
+    500: '#64748b',
+    600: '#475569',
+    700: '#334155',
+    800: '#1e293b',
+    900: '#0f172a',
+    950: '#020617',
+};
+// Raw palette — Muted (background accents)
+exports.muted = {
+    50: '#f8fafc',
+    100: '#f1f5f9',
+    200: '#e2e8f0',
+    300: '#cbd5e1',
+    400: '#94a3b8',
+    500: '#64748b',
+    600: '#475569',
+    700: '#334155',
+    800: '#1e293b',
+    900: '#0f172a',
+    950: '#020617',
+};
+// Raw palette — Accent (green)
+exports.accent = {
+    50: '#f0fdf4',
+    100: '#dcfce7',
+    200: '#bbf7d0',
+    300: '#86efac',
+    400: '#4ade80',
+    500: '#22c55e',
+    600: '#16a34a',
+    700: '#15803d',
+    800: '#166534',
+    900: '#14532d',
+    950: '#052e16',
+};
+// Raw palette — Popover / border / input
+exports.border = {
+    light: '#e2e8f0',
+    dark: '#334155',
+};
+// Grouped palette namespace — lets consumers do `colors.slate[900]`, etc.
+exports.colors = {
+    slate: exports.slate,
+    primary: exports.primary,
+    destructive: exports.destructive,
+    secondary: exports.secondary,
+    muted: exports.muted,
+    accent: exports.accent,
+    border: exports.border,
+};
+//# sourceMappingURL=colors.js.map

package/dist/design-tokens/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/design-tokens/colors.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,gCAAgC;AACnB,QAAA,KAAK,GAAG;IACnB,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;CACN,CAAC;AAEX,+BAA+B;AAClB,QAAA,OAAO,GAAG;IACrB,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;CACN,CAAC;AAEX,kCAAkC;AACrB,QAAA,WAAW,GAAG;IACzB,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;CACN,CAAC;AAEX,kCAAkC;AACrB,QAAA,SAAS,GAAG;IACvB,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;CACN,CAAC;AAEX,2CAA2C;AAC9B,QAAA,KAAK,GAAG;IACnB,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;CACN,CAAC;AAEX,+BAA+B;AAClB,QAAA,MAAM,GAAG;IACpB,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;CACN,CAAC;AAEX,yCAAyC;AAC5B,QAAA,MAAM,GAAG;IACpB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;CACP,CAAC;AASX,0EAA0E;AAC7D,QAAA,MAAM,GAAG;IACpB,KAAK,EAAL,aAAK;IACL,OAAO,EAAP,eAAO;IACP,WAAW,EAAX,mBAAW;IACX,SAAS,EAAT,iBAAS;IACT,KAAK,EAAL,aAAK;IACL,MAAM,EAAN,cAAM;IACN,MAAM,EAAN,cAAM;CACE,CAAC"}

package/dist/design-tokens/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * ANAN-UI — Design Tokens: Barrel Export
+ */
+export { slate, primary, destructive, secondary, muted, accent, border, colors } from './colors';
+export type { Slate, Primary, Destructive, Secondary, Muted, Accent } from './colors';
+export { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing } from './typography';
+export type { FontSize, FontWeight, LineHeight } from './typography';
+export { spacing } from './spacing';
+export type { Spacing } from './spacing';
+export { borderRadius } from './border-radius';
+export type { BorderRadius } from './border-radius';
+export { shadow, elevation, resolveShadow } from './shadows';
+export type { ShadowKey, Elevation, ElevationKey } from './shadows';
+export { animation } from './animation';
+export type { AnimationDuration, AnimationEasing } from './animation';
+//# sourceMappingURL=index.d.ts.map

package/dist/design-tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/design-tokens/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACjG,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEtF,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC3F,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAErE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC7D,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC"}

package/dist/design-tokens/index.js

@@ -0,0 +1,32 @@
+"use strict";
+/**
+ * ANAN-UI — Design Tokens: Barrel Export
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.animation = exports.resolveShadow = exports.elevation = exports.shadow = exports.borderRadius = exports.spacing = exports.letterSpacing = exports.lineHeight = exports.fontWeight = exports.fontSize = exports.fontFamily = exports.colors = exports.border = exports.accent = exports.muted = exports.secondary = exports.destructive = exports.primary = exports.slate = void 0;
+var colors_1 = require("./colors");
+Object.defineProperty(exports, "slate", { enumerable: true, get: function () { return colors_1.slate; } });
+Object.defineProperty(exports, "primary", { enumerable: true, get: function () { return colors_1.primary; } });
+Object.defineProperty(exports, "destructive", { enumerable: true, get: function () { return colors_1.destructive; } });
+Object.defineProperty(exports, "secondary", { enumerable: true, get: function () { return colors_1.secondary; } });
+Object.defineProperty(exports, "muted", { enumerable: true, get: function () { return colors_1.muted; } });
+Object.defineProperty(exports, "accent", { enumerable: true, get: function () { return colors_1.accent; } });
+Object.defineProperty(exports, "border", { enumerable: true, get: function () { return colors_1.border; } });
+Object.defineProperty(exports, "colors", { enumerable: true, get: function () { return colors_1.colors; } });
+var typography_1 = require("./typography");
+Object.defineProperty(exports, "fontFamily", { enumerable: true, get: function () { return typography_1.fontFamily; } });
+Object.defineProperty(exports, "fontSize", { enumerable: true, get: function () { return typography_1.fontSize; } });
+Object.defineProperty(exports, "fontWeight", { enumerable: true, get: function () { return typography_1.fontWeight; } });
+Object.defineProperty(exports, "lineHeight", { enumerable: true, get: function () { return typography_1.lineHeight; } });
+Object.defineProperty(exports, "letterSpacing", { enumerable: true, get: function () { return typography_1.letterSpacing; } });
+var spacing_1 = require("./spacing");
+Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return spacing_1.spacing; } });
+var border_radius_1 = require("./border-radius");
+Object.defineProperty(exports, "borderRadius", { enumerable: true, get: function () { return border_radius_1.borderRadius; } });
+var shadows_1 = require("./shadows");
+Object.defineProperty(exports, "shadow", { enumerable: true, get: function () { return shadows_1.shadow; } });
+Object.defineProperty(exports, "elevation", { enumerable: true, get: function () { return shadows_1.elevation; } });
+Object.defineProperty(exports, "resolveShadow", { enumerable: true, get: function () { return shadows_1.resolveShadow; } });
+var animation_1 = require("./animation");
+Object.defineProperty(exports, "animation", { enumerable: true, get: function () { return animation_1.animation; } });
+//# sourceMappingURL=index.js.map

package/dist/design-tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/design-tokens/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,mCAAiG;AAAxF,+FAAA,KAAK,OAAA;AAAE,iGAAA,OAAO,OAAA;AAAE,qGAAA,WAAW,OAAA;AAAE,mGAAA,SAAS,OAAA;AAAE,+FAAA,KAAK,OAAA;AAAE,gGAAA,MAAM,OAAA;AAAE,gGAAA,MAAM,OAAA;AAAE,gGAAA,MAAM,OAAA;AAG9E,2CAA2F;AAAlF,wGAAA,UAAU,OAAA;AAAE,sGAAA,QAAQ,OAAA;AAAE,wGAAA,UAAU,OAAA;AAAE,wGAAA,UAAU,OAAA;AAAE,2GAAA,aAAa,OAAA;AAGpE,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAGhB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AAGrB,qCAA6D;AAApD,iGAAA,MAAM,OAAA;AAAE,oGAAA,SAAS,OAAA;AAAE,wGAAA,aAAa,OAAA;AAGzC,yCAAwC;AAA/B,sGAAA,SAAS,OAAA"}

package/dist/design-tokens/shadows.d.ts

@@ -0,0 +1,103 @@
+/**
+ * ANAN-UI — Design Tokens: Shadows & Elevation
+ *
+ * iOS uses shadowColor/shadowOffset/shadowOpacity/shadowRadius.
+ * Android uses elevation.
+ * Platform-specific resolution is centralized here.
+ */
+export declare const shadow: {
+    readonly xs: {
+        readonly shadowColor: "#000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 1;
+        };
+        readonly shadowOpacity: 0.05;
+        readonly shadowRadius: 2;
+        readonly elevation: 1;
+    };
+    readonly sm: {
+        readonly shadowColor: "#000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 1;
+        };
+        readonly shadowOpacity: 0.1;
+        readonly shadowRadius: 2;
+        readonly elevation: 2;
+    };
+    readonly md: {
+        readonly shadowColor: "#000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 2;
+        };
+        readonly shadowOpacity: 0.1;
+        readonly shadowRadius: 4;
+        readonly elevation: 4;
+    };
+    readonly lg: {
+        readonly shadowColor: "#000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 4;
+        };
+        readonly shadowOpacity: 0.15;
+        readonly shadowRadius: 6;
+        readonly elevation: 8;
+    };
+    readonly xl: {
+        readonly shadowColor: "#000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 8;
+        };
+        readonly shadowOpacity: 0.2;
+        readonly shadowRadius: 12;
+        readonly elevation: 16;
+    };
+};
+export declare const elevation: {
+    readonly none: 0;
+    readonly sm: 1;
+    readonly md: 4;
+    readonly lg: 8;
+    readonly xl: 16;
+    readonly '2xl': 24;
+};
+/**
+ * Resolves a shadow token to platform-appropriate styles.
+ * iOS: shadow props; Android: elevation.
+ */
+export declare function resolveShadow(key: keyof typeof shadow): {
+    elevation: 16 | 1 | 4 | 8 | 2;
+    shadowColor?: undefined;
+    shadowOffset?: undefined;
+    shadowOpacity?: undefined;
+    shadowRadius?: undefined;
+} | {
+    shadowColor: "#000";
+    shadowOffset: {
+        readonly width: 0;
+        readonly height: 1;
+    } | {
+        readonly width: 0;
+        readonly height: 1;
+    } | {
+        readonly width: 0;
+        readonly height: 2;
+    } | {
+        readonly width: 0;
+        readonly height: 4;
+    } | {
+        readonly width: 0;
+        readonly height: 8;
+    };
+    shadowOpacity: 0.05 | 0.1 | 0.15 | 0.2;
+    shadowRadius: 12 | 4 | 6 | 2;
+    elevation: 16 | 1 | 4 | 8 | 2;
+};
+export type ShadowKey = keyof typeof shadow;
+export type Elevation = (typeof elevation)[keyof typeof elevation];
+export type ElevationKey = keyof typeof elevation;
+//# sourceMappingURL=shadows.d.ts.map

package/dist/design-tokens/shadows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../src/design-tokens/shadows.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCT,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC;AAEX;;;GAGG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYrD;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,MAAM,CAAC;AAC5C,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AACnE,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,SAAS,CAAC"}

package/dist/design-tokens/shadows.js

@@ -0,0 +1,75 @@
+"use strict";
+/**
+ * ANAN-UI — Design Tokens: Shadows & Elevation
+ *
+ * iOS uses shadowColor/shadowOffset/shadowOpacity/shadowRadius.
+ * Android uses elevation.
+ * Platform-specific resolution is centralized here.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.elevation = exports.shadow = void 0;
+exports.resolveShadow = resolveShadow;
+const react_native_1 = require("react-native");
+exports.shadow = {
+    xs: {
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 1 },
+        shadowOpacity: 0.05,
+        shadowRadius: 2,
+        elevation: 1,
+    },
+    sm: {
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 1 },
+        shadowOpacity: 0.1,
+        shadowRadius: 2,
+        elevation: 2,
+    },
+    md: {
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.1,
+        shadowRadius: 4,
+        elevation: 4,
+    },
+    lg: {
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.15,
+        shadowRadius: 6,
+        elevation: 8,
+    },
+    xl: {
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 8 },
+        shadowOpacity: 0.2,
+        shadowRadius: 12,
+        elevation: 16,
+    },
+};
+exports.elevation = {
+    none: 0,
+    sm: 1,
+    md: 4,
+    lg: 8,
+    xl: 16,
+    '2xl': 24,
+};
+/**
+ * Resolves a shadow token to platform-appropriate styles.
+ * iOS: shadow props; Android: elevation.
+ */
+function resolveShadow(key) {
+    const token = exports.shadow[key];
+    if (react_native_1.Platform.OS === 'android') {
+        return { elevation: token.elevation };
+    }
+    return {
+        shadowColor: token.shadowColor,
+        shadowOffset: token.shadowOffset,
+        shadowOpacity: token.shadowOpacity,
+        shadowRadius: token.shadowRadius,
+        elevation: token.elevation,
+    };
+}
+//# sourceMappingURL=shadows.js.map

package/dist/design-tokens/shadows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../src/design-tokens/shadows.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AAuDH,sCAYC;AAjED,+CAAwC;AAE3B,QAAA,MAAM,GAAG;IACpB,EAAE,EAAE;QACF,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;IACD,EAAE,EAAE;QACF,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;IACD,EAAE,EAAE;QACF,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;IACD,EAAE,EAAE;QACF,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;IACD,EAAE,EAAE;QACF,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,EAAE;KACd;CACO,CAAC;AAEE,QAAA,SAAS,GAAG;IACvB,IAAI,EAAE,CAAC;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,EAAE;CACD,CAAC;AAEX;;;GAGG;AACH,SAAgB,aAAa,CAAC,GAAwB;IACpD,MAAM,KAAK,GAAG,cAAM,CAAC,GAAG,CAAC,CAAC;IAC1B,IAAI,uBAAQ,CAAC,EAAE,KAAK,SAAS,EAAE,CAAC;QAC9B,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACxC,CAAC;IACD,OAAO;QACL,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,YAAY,EAAE,KAAK,CAAC,YAAY;QAChC,aAAa,EAAE,KAAK,CAAC,aAAa;QAClC,YAAY,EAAE,KAAK,CAAC,YAAY;QAChC,SAAS,EAAE,KAAK,CAAC,SAAS;KAC3B,CAAC;AACJ,CAAC"}

package/dist/design-tokens/spacing.d.ts

@@ -0,0 +1,30 @@
+/**
+ * ANAN-UI — Design Tokens: Spacing
+ *
+ * Based on a 4px grid.
+ */
+export declare const spacing: {
+    readonly 0: 0;
+    readonly 1: 4;
+    readonly 2: 8;
+    readonly 3: 12;
+    readonly 4: 16;
+    readonly 5: 20;
+    readonly 6: 24;
+    readonly 7: 28;
+    readonly 8: 32;
+    readonly 9: 36;
+    readonly 10: 40;
+    readonly 11: 44;
+    readonly 12: 48;
+    readonly 14: 56;
+    readonly 16: 64;
+    readonly 20: 80;
+    readonly 24: 96;
+    readonly 28: 112;
+    readonly 32: 128;
+    readonly 36: 144;
+    readonly 40: 160;
+};
+export type Spacing = keyof typeof spacing;
+//# sourceMappingURL=spacing.d.ts.map