@rnative/ui 0.0.0-stage → 1.0.0

package/dist/theme/index.js

@@ -0,0 +1,14 @@
+"use strict";
+/**
+ * ANAN-UI — Theme: Barrel Export
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.darkTheme = exports.lightTheme = exports.useTheme = exports.ThemeProvider = void 0;
+var ThemeProvider_1 = require("./ThemeProvider");
+Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeProvider_1.ThemeProvider; } });
+var useTheme_1 = require("./useTheme");
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return useTheme_1.useTheme; } });
+var themes_1 = require("./themes");
+Object.defineProperty(exports, "lightTheme", { enumerable: true, get: function () { return themes_1.lightTheme; } });
+Object.defineProperty(exports, "darkTheme", { enumerable: true, get: function () { return themes_1.darkTheme; } });
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAEjB,mCAAiD;AAAxC,oGAAA,UAAU,OAAA;AAAE,mGAAA,SAAS,OAAA"}

package/dist/theme/themes.d.ts

@@ -0,0 +1,20 @@
+/**
+ * ANAN-UI — Theme: Theme Definitions (light / dark)
+ *
+ * Maps semantic color roles to raw design token values.
+ */
+import type { ThemeColors, ThemeName, ColorScheme } from './types';
+export declare const lightThemeColors: ThemeColors;
+export declare const darkThemeColors: ThemeColors;
+export declare const lightTheme: {
+    name: ThemeName;
+    colorScheme: ColorScheme;
+    colors: ThemeColors;
+};
+export declare const darkTheme: {
+    name: ThemeName;
+    colorScheme: ColorScheme;
+    colors: ThemeColors;
+};
+export type CustomThemeOverride = Partial<ThemeColors>;
+//# sourceMappingURL=themes.d.ts.map

package/dist/theme/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/theme/themes.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAiDnE,eAAO,MAAM,gBAAgB,aAAuB,CAAC;AACrD,eAAO,MAAM,eAAe,aAAsB,CAAC;AAEnD,eAAO,MAAM,UAAU,EAAE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,WAAW,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAIxF,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,WAAW,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAIvF,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC"}

package/dist/theme/themes.js

@@ -0,0 +1,65 @@
+"use strict";
+/**
+ * ANAN-UI — Theme: Theme Definitions (light / dark)
+ *
+ * Maps semantic color roles to raw design token values.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.darkTheme = exports.lightTheme = exports.darkThemeColors = exports.lightThemeColors = void 0;
+const design_tokens_1 = require("../design-tokens");
+function buildColors(scheme) {
+    const isDark = scheme === 'dark';
+    const bg = isDark ? design_tokens_1.colors.slate[950] : design_tokens_1.colors.slate[50];
+    const fg = isDark ? design_tokens_1.colors.slate[50] : design_tokens_1.colors.slate[900];
+    const card = isDark ? design_tokens_1.colors.slate[900] : '#ffffff';
+    const cardFg = isDark ? design_tokens_1.colors.slate[50] : design_tokens_1.colors.slate[900];
+    const popover = isDark ? design_tokens_1.colors.slate[900] : '#ffffff';
+    const popoverFg = isDark ? design_tokens_1.colors.slate[50] : design_tokens_1.colors.slate[900];
+    const primary = design_tokens_1.colors.primary[600];
+    const primaryFg = '#ffffff';
+    const secondary = isDark ? design_tokens_1.colors.slate[800] : design_tokens_1.colors.slate[100];
+    const secondaryFg = isDark ? design_tokens_1.colors.slate[50] : design_tokens_1.colors.slate[900];
+    const muted = isDark ? design_tokens_1.colors.slate[800] : design_tokens_1.colors.slate[100];
+    const mutedFg = isDark ? design_tokens_1.colors.slate[400] : design_tokens_1.colors.slate[500];
+    const accent = design_tokens_1.colors.accent[600];
+    const accentFg = '#ffffff';
+    const destructive = design_tokens_1.colors.destructive[600];
+    const destructiveFg = '#ffffff';
+    const border = isDark ? design_tokens_1.colors.border.dark : design_tokens_1.colors.border.light;
+    const input = isDark ? design_tokens_1.colors.slate[800] : design_tokens_1.colors.slate[100];
+    const ring = design_tokens_1.colors.primary[500];
+    return {
+        background: bg,
+        foreground: fg,
+        card,
+        cardForeground: cardFg,
+        popover,
+        popoverForeground: popoverFg,
+        primary,
+        primaryForeground: primaryFg,
+        secondary,
+        secondaryForeground: secondaryFg,
+        muted,
+        mutedForeground: mutedFg,
+        accent,
+        accentForeground: accentFg,
+        destructive,
+        destructiveForeground: destructiveFg,
+        border,
+        input,
+        ring,
+    };
+}
+exports.lightThemeColors = buildColors('light');
+exports.darkThemeColors = buildColors('dark');
+exports.lightTheme = {
+    name: 'light',
+    colorScheme: 'light',
+    colors: exports.lightThemeColors,
+};
+exports.darkTheme = {
+    name: 'dark',
+    colorScheme: 'dark',
+    colors: exports.darkThemeColors,
+};
+//# sourceMappingURL=themes.js.map

package/dist/theme/themes.js.map

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

package/dist/theme/types.d.ts

@@ -0,0 +1,92 @@
+/**
+ * ANAN-UI — Theme: Theme Types
+ *
+ * The resolved theme object consumed by components.
+ * Semantic roles are mapped to raw design token values by the theme layer.
+ */
+import type { FontSize, FontWeight, LineHeight } from '../design-tokens/typography';
+import type { Spacing } from '../design-tokens/spacing';
+import type { BorderRadius } from '../design-tokens/border-radius';
+import type { ShadowKey, ElevationKey } from '../design-tokens/shadows';
+import type { AnimationDuration, AnimationEasing } from '../design-tokens/animation';
+import type { TextStyle } from 'react-native';
+export type ColorScheme = 'light' | 'dark';
+export type ThemeName = 'light' | 'dark';
+export interface ThemeColors {
+    background: string;
+    foreground: string;
+    card: string;
+    cardForeground: string;
+    popover: string;
+    popoverForeground: string;
+    primary: string;
+    primaryForeground: string;
+    secondary: string;
+    secondaryForeground: string;
+    muted: string;
+    mutedForeground: string;
+    accent: string;
+    accentForeground: string;
+    destructive: string;
+    destructiveForeground: string;
+    border: string;
+    input: string;
+    ring: string;
+}
+export interface ThemeTypography {
+    fontFamily: {
+        sans: string;
+        mono: string;
+    };
+    fontSize: Record<FontSize, number>;
+    fontWeight: Record<FontWeight, NonNullable<TextStyle['fontWeight']>>;
+    lineHeight: Record<LineHeight, number>;
+    letterSpacing: Record<string, number>;
+}
+export interface ThemeSpacing {
+    scale: Record<Spacing, number>;
+}
+export interface ThemeBorderRadius {
+    scale: Record<BorderRadius, number>;
+}
+export interface ThemeShadows {
+    keys: Record<ShadowKey, {
+        shadowColor?: string;
+        shadowOffset?: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity?: number;
+        shadowRadius?: number;
+        elevation?: number;
+    } | {
+        elevation: number;
+    }>;
+    resolve: (key: ShadowKey) => ReturnType<typeof import('../design-tokens/shadows').resolveShadow>;
+}
+export interface ThemeElevation {
+    scale: Record<ElevationKey, number>;
+}
+export interface ThemeAnimation {
+    duration: Record<AnimationDuration, number>;
+    easing: Record<AnimationEasing, string>;
+}
+export interface Theme {
+    name: ThemeName;
+    colorScheme: ColorScheme;
+    colors: ThemeColors;
+    typography: ThemeTypography;
+    spacing: ThemeSpacing;
+    borderRadius: ThemeBorderRadius;
+    shadows: ThemeShadows;
+    elevation: ThemeElevation;
+    animation: ThemeAnimation;
+}
+export interface ThemeContextValue {
+    theme: Theme;
+    setTheme: (theme: ThemeName) => void;
+    toggleTheme: () => void;
+    colorScheme: ColorScheme;
+    systemTheme: ColorScheme;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/theme/types.d.ts.map

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

package/dist/theme/types.js

@@ -0,0 +1,9 @@
+"use strict";
+/**
+ * ANAN-UI — Theme: Theme Types
+ *
+ * The resolved theme object consumed by components.
+ * Semantic roles are mapped to raw design token values by the theme layer.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":";AAAA;;;;;GAKG"}

package/dist/theme/useTheme.d.ts

@@ -0,0 +1,7 @@
+/**
+ * ANAN-UI — Theme: useTheme hook re-export
+ */
+import { useTheme } from './ThemeContext';
+export { useTheme };
+export type { Theme, ThemeContextValue, ColorScheme, ThemeName } from './types';
+//# sourceMappingURL=useTheme.d.ts.map

package/dist/theme/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/theme/useTheme.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/theme/useTheme.js

@@ -0,0 +1,9 @@
+"use strict";
+/**
+ * ANAN-UI — Theme: useTheme hook re-export
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = void 0;
+const ThemeContext_1 = require("./ThemeContext");
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return ThemeContext_1.useTheme; } });
+//# sourceMappingURL=useTheme.js.map

package/dist/theme/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../src/theme/useTheme.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,iDAA0C;AACjC,yFADA,uBAAQ,OACA"}

package/dist/utils/cn.d.ts

@@ -0,0 +1,16 @@
+/**
+ * ANAN-UI — Utility: cn
+ *
+ * Merges React Native style props (StyleProp arrays / objects) into a single
+ * flattened array suitable for the `style` prop. Later styles win (React Native
+ * applies left-to-right). Filters out falsy values.
+ *
+ * Unlike classnames-based `cn`, there is no conflict resolution — RN style
+ * arrays already cascade by order. This is a convenience for conditional styles.
+ */
+import type { StyleProp, ViewStyle, TextStyle, ImageStyle } from 'react-native';
+type StyleValue = StyleProp<ViewStyle | TextStyle | ImageStyle>;
+type MergedStyle = ViewStyle | TextStyle | ImageStyle;
+export declare function cn(...styles: StyleValue[]): MergedStyle[];
+export {};
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEhF,KAAK,UAAU,GAAG,SAAS,CAAC,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AAEhE,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEtD,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAmBzD"}

package/dist/utils/cn.js

@@ -0,0 +1,33 @@
+"use strict";
+/**
+ * ANAN-UI — Utility: cn
+ *
+ * Merges React Native style props (StyleProp arrays / objects) into a single
+ * flattened array suitable for the `style` prop. Later styles win (React Native
+ * applies left-to-right). Filters out falsy values.
+ *
+ * Unlike classnames-based `cn`, there is no conflict resolution — RN style
+ * arrays already cascade by order. This is a convenience for conditional styles.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cn = cn;
+function cn(...styles) {
+    const result = [];
+    const push = (style) => {
+        if (!style)
+            return;
+        if (Array.isArray(style)) {
+            for (const item of style) {
+                push(item);
+            }
+        }
+        else {
+            result.push(style);
+        }
+    };
+    for (const style of styles) {
+        push(style);
+    }
+    return result;
+}
+//# sourceMappingURL=cn.js.map

package/dist/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;;AAQH,gBAmBC;AAnBD,SAAgB,EAAE,CAAC,GAAG,MAAoB;IACxC,MAAM,MAAM,GAAkB,EAAE,CAAC;IAEjC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAQ,EAAE;QACvC,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACzB,IAAI,CAAC,IAAkB,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,IAAI,CAAC,KAAoB,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IAEF,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,IAAI,CAAC,KAAK,CAAC,CAAC;IACd,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/utils/createVariants.d.ts

@@ -0,0 +1,32 @@
+/**
+ * ANAN-UI — Utility: createVariants
+ *
+ * Builds a variant resolver for React Native components.
+ *
+ * Given a variant config (base + variant/size records + defaults), returns a
+ * function that resolves the appropriate StyleSheet style array based on the
+ * component's props and the active theme.
+ *
+ * Styles are resolved at render time (inside the component) so theme switches
+ * are reflected immediately. Variant definitions themselves are pure functions
+ * of (props, theme).
+ */
+import type { ViewStyle, TextStyle, StyleProp } from 'react-native';
+export interface VariantConfig<V extends string, S extends string> {
+    base: ViewStyle | TextStyle;
+    variants: {
+        variant: Record<V, ViewStyle | TextStyle>;
+        size: Record<S, ViewStyle | TextStyle>;
+    };
+    defaultVariants: {
+        variant: V;
+        size: S;
+    };
+}
+export interface VariantProps<V extends string, S extends string> {
+    variant?: V;
+    size?: S;
+}
+export declare function createVariants<V extends string, S extends string>(config: VariantConfig<V, S>): (props: VariantProps<V, S>) => (ViewStyle | TextStyle)[];
+export type { StyleProp };
+//# sourceMappingURL=createVariants.d.ts.map

package/dist/utils/createVariants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVariants.d.ts","sourceRoot":"","sources":["../../src/utils/createVariants.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM;IAC/D,IAAI,EAAE,SAAS,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE;QACR,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,CAAC;QAC1C,IAAI,EAAE,MAAM,CAAC,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,CAAC;KACxC,CAAC;IACF,eAAe,EAAE;QAAE,OAAO,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,CAAC,CAAA;KAAE,CAAC;CAC1C;AAED,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM;IAC9D,OAAO,CAAC,EAAE,CAAC,CAAC;IACZ,IAAI,CAAC,EAAE,CAAC,CAAC;CACV;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,EAC/D,MAAM,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,IAEnB,OAAO,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,KAAG,CAAC,SAAS,GAAG,SAAS,CAAC,EAAE,CAS9D;AAED,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/utils/createVariants.js

@@ -0,0 +1,26 @@
+"use strict";
+/**
+ * ANAN-UI — Utility: createVariants
+ *
+ * Builds a variant resolver for React Native components.
+ *
+ * Given a variant config (base + variant/size records + defaults), returns a
+ * function that resolves the appropriate StyleSheet style array based on the
+ * component's props and the active theme.
+ *
+ * Styles are resolved at render time (inside the component) so theme switches
+ * are reflected immediately. Variant definitions themselves are pure functions
+ * of (props, theme).
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createVariants = createVariants;
+function createVariants(config) {
+    return (props) => {
+        const variant = props.variant ?? config.defaultVariants.variant;
+        const size = props.size ?? config.defaultVariants.size;
+        const variantStyle = config.variants.variant[variant];
+        const sizeStyle = config.variants.size[size];
+        return [config.base, variantStyle, sizeStyle].filter(Boolean);
+    };
+}
+//# sourceMappingURL=createVariants.js.map

package/dist/utils/createVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVariants.js","sourceRoot":"","sources":["../../src/utils/createVariants.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;GAYG;;AAoBH,wCAYC;AAZD,SAAgB,cAAc,CAC5B,MAA2B;IAE3B,OAAO,CAAC,KAAyB,EAA6B,EAAE;QAC9D,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC;QAChE,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC;QAEvD,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACtD,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE7C,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAChE,CAAC,CAAC;AACJ,CAAC"}

package/dist/utils/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * ANAN-UI — Utility: Barrel Export
+ */
+export { cn } from './cn';
+export { createVariants, type VariantConfig, type VariantProps } from './createVariants';
+export { mergeAccessibilityProps } from './mergeProps';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC"}

package/dist/utils/index.js

@@ -0,0 +1,13 @@
+"use strict";
+/**
+ * ANAN-UI — Utility: Barrel Export
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeAccessibilityProps = exports.createVariants = exports.cn = void 0;
+var cn_1 = require("./cn");
+Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return cn_1.cn; } });
+var createVariants_1 = require("./createVariants");
+Object.defineProperty(exports, "createVariants", { enumerable: true, get: function () { return createVariants_1.createVariants; } });
+var mergeProps_1 = require("./mergeProps");
+Object.defineProperty(exports, "mergeAccessibilityProps", { enumerable: true, get: function () { return mergeProps_1.mergeAccessibilityProps; } });
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,2BAA0B;AAAjB,wFAAA,EAAE,OAAA;AACX,mDAAyF;AAAhF,gHAAA,cAAc,OAAA;AACvB,2CAAuD;AAA9C,qHAAA,uBAAuB,OAAA"}

package/dist/utils/mergeProps.d.ts

@@ -0,0 +1,10 @@
+/**
+ * ANAN-UI — Utility: mergeProps
+ *
+ * Merges accessibility and event-handler props safely. Intended for use when
+ * composing primitives (e.g. Pressable inside a custom component) so that
+ * consumer-provided accessibility props are preserved and forwarded.
+ */
+import type { AccessibilityProps } from 'react-native';
+export declare function mergeAccessibilityProps<T extends Record<string, unknown>>(base: T, extra?: AccessibilityProps): T & Partial<AccessibilityProps>;
+//# sourceMappingURL=mergeProps.d.ts.map

package/dist/utils/mergeProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeProps.d.ts","sourceRoot":"","sources":["../../src/utils/mergeProps.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,wBAAgB,uBAAuB,CACrC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAEjC,IAAI,EAAE,CAAC,EACP,KAAK,CAAC,EAAE,kBAAkB,GACzB,CAAC,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAmBjC"}

package/dist/utils/mergeProps.js

@@ -0,0 +1,31 @@
+"use strict";
+/**
+ * ANAN-UI — Utility: mergeProps
+ *
+ * Merges accessibility and event-handler props safely. Intended for use when
+ * composing primitives (e.g. Pressable inside a custom component) so that
+ * consumer-provided accessibility props are preserved and forwarded.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeAccessibilityProps = mergeAccessibilityProps;
+function mergeAccessibilityProps(base, extra) {
+    return {
+        ...base,
+        ...(extra?.accessibilityLabel !== undefined && {
+            accessibilityLabel: extra.accessibilityLabel,
+        }),
+        ...(extra?.accessibilityRole !== undefined && {
+            accessibilityRole: extra.accessibilityRole,
+        }),
+        ...(extra?.accessibilityHint !== undefined && {
+            accessibilityHint: extra.accessibilityHint,
+        }),
+        ...(extra?.accessibilityState !== undefined && {
+            accessibilityState: extra.accessibilityState,
+        }),
+        ...(extra?.accessibilityValue !== undefined && {
+            accessibilityValue: extra.accessibilityValue,
+        }),
+    };
+}
+//# sourceMappingURL=mergeProps.js.map

package/dist/utils/mergeProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeProps.js","sourceRoot":"","sources":["../../src/utils/mergeProps.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;AAIH,0DAwBC;AAxBD,SAAgB,uBAAuB,CAGrC,IAAO,EACP,KAA0B;IAE1B,OAAO;QACL,GAAG,IAAI;QACP,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,IAAI;YAC7C,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;SAC7C,CAAC;QACF,GAAG,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,IAAI;YAC5C,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;SAC3C,CAAC;QACF,GAAG,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,IAAI;YAC5C,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;SAC3C,CAAC;QACF,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,IAAI;YAC7C,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;SAC7C,CAAC;QACF,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,IAAI;YAC7C,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;SAC7C,CAAC;KACH,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,49 @@
 {
   "name": "@rnative/ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "1.0.0",
+  "description": "Production-ready React Native component library inspired by shadcn/ui",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "react-native": "src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "react-native": "./src/index.ts",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "src",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "build": "tsc"
+  },
+  "keywords": [
+    "react-native",
+    "expo",
+    "ui-library",
+    "components",
+    "design-system",
+    "rnative"
+  ],
+  "author": "",
+  "license": "MIT",
+  "type": "commonjs",
+  "peerDependencies": {
+    "react": ">=18.2.0",
+    "react-native": ">=0.73.0"
+  },
+  "devDependencies": {
+    "react": "^18.2.0",
+    "react-native": "^0.73.6",
+    "typescript": "^5.4.5"
+  }
 }

package/src/components/accordion/Accordion.styles.ts

@@ -0,0 +1,46 @@
+/**
+ * ANAN-UI — Component: Accordion Styles
+ *
+ * Static styles created with StyleSheet.create. The item divider color and
+ * chevron color are resolved from the theme at render time.
+ */
+
+import { StyleSheet } from 'react-native';
+import { spacing } from '../../design-tokens';
+
+export const accordionStyles = StyleSheet.create({
+  root: {
+    width: '100%',
+  },
+  item: {
+    borderBottomWidth: StyleSheet.hairlineWidth,
+  },
+  trigger: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: spacing[2],
+    minHeight: 48,
+    paddingVertical: spacing[3],
+  },
+  triggerLabel: {
+    flex: 1,
+  },
+  content: {
+    paddingBottom: spacing[4],
+    paddingTop: spacing[1],
+  },
+  chevron: {
+    width: 10,
+    height: 10,
+    borderTopWidth: 2,
+    borderRightWidth: 2,
+  },
+  chevronCollapsed: {
+    // Corner (top + right borders) rotated to point downwards.
+    transform: [{ rotate: '135deg' }],
+  },
+  chevronExpanded: {
+    transform: [{ rotate: '-45deg' }],
+  },
+});