orn-ui 0.1.0

package/lib/typescript/theme/createTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/createTheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAS,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAuBhE;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,SAAS,CAAC,EAAE,cAAc,GAAG,SAAS,CAgBjE;AAED,eAAO,MAAM,YAAY,EAAE,SAAyB,CAAC"}

package/lib/typescript/theme/index.d.ts

@@ -0,0 +1,14 @@
+export { spacing, radius, fontSize, fontWeight, lineHeight, duration, shadow, tokens } from './tokens';
+export type { Tokens } from './tokens';
+export { lightPalette, darkPalette } from './palettes';
+export type { ThemeColors } from './palettes';
+export { createTheme, defaultTheme } from './createTheme';
+export type { Theme, ThemePair, ThemeOverrides, DeepPartial } from './types';
+export { defaultLabels } from './labels';
+export type { Labels } from './labels';
+export { zeroInsets } from './insets';
+export type { EdgeInsets } from './insets';
+export { createStyles } from './createStyles';
+export { UIProvider, useTheme, useColors, useThemeMode, useIcons, useInsets, useLabels, useAllowFontScaling, } from './UIProvider';
+export type { UIProviderProps, ThemeMode } from './UIProvider';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvG,YAAY,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC1D,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,YAAY,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EACL,UAAU,EACV,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,mBAAmB,GACpB,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/lib/typescript/theme/insets.d.ts

@@ -0,0 +1,9 @@
+/** Estructuralmente igual a EdgeInsets de react-native-safe-area-context, sin depender del paquete. */
+export interface EdgeInsets {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export declare const zeroInsets: EdgeInsets;
+//# sourceMappingURL=insets.d.ts.map

package/lib/typescript/theme/insets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"insets.d.ts","sourceRoot":"","sources":["../../../src/theme/insets.ts"],"names":[],"mappings":"AAAA,uGAAuG;AACvG,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,UAAU,EAAE,UAAqD,CAAC"}

package/lib/typescript/theme/labels.d.ts

@@ -0,0 +1,13 @@
+export interface Labels {
+    close: string;
+    cancel: string;
+    confirm: string;
+    loading: string;
+    loadingMore: string;
+    noResultsTitle: string;
+    noResultsDescription: string;
+    search: string;
+    selectPlaceholder: string;
+}
+export declare const defaultLabels: Labels;
+//# sourceMappingURL=labels.d.ts.map

package/lib/typescript/theme/labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"labels.d.ts","sourceRoot":"","sources":["../../../src/theme/labels.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,EAAE,MAU3B,CAAC"}

package/lib/typescript/theme/palettes.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Cada color es `string`, no un literal (`as const`): light y dark tienen
+ * valores distintos para la misma clave, y createTheme() debe poder
+ * aceptar cualquier hex/rgba en los overrides — literal typing lo impediría.
+ */
+export interface ThemeColors {
+    primary: string;
+    secondary: string;
+    white: string;
+    black: string;
+    error: string;
+    success: string;
+    warning: string;
+    background: string;
+    surface: string;
+    text: string;
+    textLight: string;
+    border: string;
+    inputBackground: string;
+    overlay: string;
+}
+export declare const lightPalette: ThemeColors;
+export declare const darkPalette: ThemeColors;
+//# sourceMappingURL=palettes.d.ts.map

package/lib/typescript/theme/palettes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palettes.d.ts","sourceRoot":"","sources":["../../../src/theme/palettes.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;CACjB;AAYD,eAAO,MAAM,YAAY,EAAE,WAS1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WASzB,CAAC"}

package/lib/typescript/theme/tokens.d.ts

@@ -0,0 +1,41 @@
+import { type ViewStyle } from 'react-native';
+/**
+ * Escala de espaciado. Usar siempre estos valores en vez de números mágicos
+ * para que el ritmo vertical/horizontal sea consistente entre componentes.
+ */
+export declare const spacing: Record<'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl', number>;
+export declare const radius: Record<'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'full', number>;
+export declare const fontSize: Record<'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number>;
+export declare const fontWeight: {
+    readonly regular: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+};
+export declare const lineHeight: Record<'sm' | 'md' | 'lg', number>;
+/** Duraciones en ms para Animated.timing/spring. */
+export declare const duration: Record<'fast' | 'base' | 'slow', number>;
+type ShadowStyle = Pick<ViewStyle, 'shadowColor' | 'shadowOffset' | 'shadowOpacity' | 'shadowRadius' | 'elevation'>;
+/**
+ * Sombras cross-platform: shadow* para iOS, elevation para Android.
+ * `shadowColor` se deja en negro fijo — el color de sombra por tema es un
+ * detalle demasiado fino para justificar la complejidad de resolverlo aquí.
+ */
+export declare const shadow: Record<'none' | 'sm' | 'md' | 'lg', ShadowStyle>;
+export declare const tokens: {
+    spacing: Record<"xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl", number>;
+    radius: Record<"xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "none" | "full", number>;
+    fontSize: Record<"xs" | "sm" | "md" | "lg" | "xl" | "xxl", number>;
+    fontWeight: {
+        readonly regular: "400";
+        readonly medium: "500";
+        readonly semibold: "600";
+        readonly bold: "700";
+    };
+    lineHeight: Record<"sm" | "md" | "lg", number>;
+    duration: Record<"fast" | "base" | "slow", number>;
+    shadow: Record<"sm" | "md" | "lg" | "none", ShadowStyle>;
+};
+export type Tokens = typeof tokens;
+export {};
+//# sourceMappingURL=tokens.d.ts.map

package/lib/typescript/theme/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/theme/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAOxD;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,EAAE,MAAM,CAS7F,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,EAAE,MAAM,CAS7F,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,EAAE,MAAM,CAO7E,CAAC;AAIF,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAIzD,CAAC;AAEF,oDAAoD;AACpD,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,MAAM,CAI7D,CAAC;AAEF,KAAK,WAAW,GAAG,IAAI,CACrB,SAAS,EACT,aAAa,GAAG,cAAc,GAAG,eAAe,GAAG,cAAc,GAAG,WAAW,CAChF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,WAAW,CA0BnE,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAQlB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC"}

package/lib/typescript/theme/types.d.ts

@@ -0,0 +1,24 @@
+import type { Tokens } from './tokens';
+import type { ThemeColors } from './palettes';
+/** Theme resuelto: paleta de un scheme concreto + tokens compartidos. */
+export interface Theme {
+    colors: ThemeColors;
+    tokens: Tokens;
+    scheme: 'light' | 'dark';
+}
+/** Par de themes light/dark que produce createTheme() y consume UIProvider. */
+export interface ThemePair {
+    light: Theme;
+    dark: Theme;
+}
+export type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+export interface ThemeOverrides {
+    colors?: {
+        light?: Partial<ThemeColors>;
+        dark?: Partial<ThemeColors>;
+    };
+    tokens?: DeepPartial<Tokens>;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/theme/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,yEAAyE;AACzE,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAED,+EAA+E;AAC/E,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,KAAK,CAAC;CACb;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAChE,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;QAC7B,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;KAC7B,CAAC;IACF,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC9B"}

package/package.json

@@ -0,0 +1,311 @@
+{
+  "name": "orn-ui",
+  "version": "0.1.0",
+  "description": "Fast, tree-shakeable, atomic-design component library for React Native. Zero runtime dependencies.",
+  "main": "lib/commonjs/index.js",
+  "module": "lib/module/index.js",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "src/index.ts",
+  "source": "src/index.ts",
+  "sideEffects": false,
+  "bin": {
+    "orn-ui": "./bin/orn-ui.mjs"
+  },
+  "files": [
+    "src",
+    "lib",
+    "bin",
+    "registry",
+    "!**/__tests__",
+    "!**/*.test.*"
+  ],
+  "exports": {
+    ".": {
+      "types": "./lib/typescript/index.d.ts",
+      "react-native": "./src/index.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./title": {
+      "types": "./lib/typescript/atoms/Text.d.ts",
+      "react-native": "./src/atoms/Text.tsx",
+      "default": "./lib/module/atoms/Text.js"
+    },
+    "./subtitle": {
+      "types": "./lib/typescript/atoms/Text.d.ts",
+      "react-native": "./src/atoms/Text.tsx",
+      "default": "./lib/module/atoms/Text.js"
+    },
+    "./body": {
+      "types": "./lib/typescript/atoms/Text.d.ts",
+      "react-native": "./src/atoms/Text.tsx",
+      "default": "./lib/module/atoms/Text.js"
+    },
+    "./caption": {
+      "types": "./lib/typescript/atoms/Text.d.ts",
+      "react-native": "./src/atoms/Text.tsx",
+      "default": "./lib/module/atoms/Text.js"
+    },
+    "./button": {
+      "types": "./lib/typescript/atoms/Button.d.ts",
+      "react-native": "./src/atoms/Button.tsx",
+      "default": "./lib/module/atoms/Button.js"
+    },
+    "./icon-button": {
+      "types": "./lib/typescript/atoms/IconButton.d.ts",
+      "react-native": "./src/atoms/IconButton.tsx",
+      "default": "./lib/module/atoms/IconButton.js"
+    },
+    "./input": {
+      "types": "./lib/typescript/atoms/Input.d.ts",
+      "react-native": "./src/atoms/Input.tsx",
+      "default": "./lib/module/atoms/Input.js"
+    },
+    "./checkbox": {
+      "types": "./lib/typescript/atoms/Checkbox.d.ts",
+      "react-native": "./src/atoms/Checkbox.tsx",
+      "default": "./lib/module/atoms/Checkbox.js"
+    },
+    "./badge": {
+      "types": "./lib/typescript/atoms/Badge.d.ts",
+      "react-native": "./src/atoms/Badge.tsx",
+      "default": "./lib/module/atoms/Badge.js"
+    },
+    "./card": {
+      "types": "./lib/typescript/atoms/Card.d.ts",
+      "react-native": "./src/atoms/Card.tsx",
+      "default": "./lib/module/atoms/Card.js"
+    },
+    "./divider": {
+      "types": "./lib/typescript/atoms/Divider.d.ts",
+      "react-native": "./src/atoms/Divider.tsx",
+      "default": "./lib/module/atoms/Divider.js"
+    },
+    "./avatar": {
+      "types": "./lib/typescript/atoms/Avatar.d.ts",
+      "react-native": "./src/atoms/Avatar.tsx",
+      "default": "./lib/module/atoms/Avatar.js"
+    },
+    "./image": {
+      "types": "./lib/typescript/atoms/Image.d.ts",
+      "react-native": "./src/atoms/Image.tsx",
+      "default": "./lib/module/atoms/Image.js"
+    },
+    "./prefetch-image": {
+      "types": "./lib/typescript/atoms/Image.d.ts",
+      "react-native": "./src/atoms/Image.tsx",
+      "default": "./lib/module/atoms/Image.js"
+    },
+    "./spinner": {
+      "types": "./lib/typescript/atoms/Spinner.d.ts",
+      "react-native": "./src/atoms/Spinner.tsx",
+      "default": "./lib/module/atoms/Spinner.js"
+    },
+    "./empty-state": {
+      "types": "./lib/typescript/atoms/EmptyState.d.ts",
+      "react-native": "./src/atoms/EmptyState.tsx",
+      "default": "./lib/module/atoms/EmptyState.js"
+    },
+    "./key-value-row": {
+      "types": "./lib/typescript/atoms/KeyValueRow.d.ts",
+      "react-native": "./src/atoms/KeyValueRow.tsx",
+      "default": "./lib/module/atoms/KeyValueRow.js"
+    },
+    "./fab": {
+      "types": "./lib/typescript/atoms/Fab.d.ts",
+      "react-native": "./src/atoms/Fab.tsx",
+      "default": "./lib/module/atoms/Fab.js"
+    },
+    "./pressable-scale": {
+      "types": "./lib/typescript/atoms/PressableScale.d.ts",
+      "react-native": "./src/atoms/PressableScale.tsx",
+      "default": "./lib/module/atoms/PressableScale.js"
+    },
+    "./stepper": {
+      "types": "./lib/typescript/molecules/Stepper.d.ts",
+      "react-native": "./src/molecules/Stepper.tsx",
+      "default": "./lib/module/molecules/Stepper.js"
+    },
+    "./option-card": {
+      "types": "./lib/typescript/molecules/OptionCard.d.ts",
+      "react-native": "./src/molecules/OptionCard.tsx",
+      "default": "./lib/module/molecules/OptionCard.js"
+    },
+    "./info-row": {
+      "types": "./lib/typescript/molecules/InfoRow.d.ts",
+      "react-native": "./src/molecules/InfoRow.tsx",
+      "default": "./lib/module/molecules/InfoRow.js"
+    },
+    "./form-actions": {
+      "types": "./lib/typescript/molecules/FormActions.d.ts",
+      "react-native": "./src/molecules/FormActions.tsx",
+      "default": "./lib/module/molecules/FormActions.js"
+    },
+    "./avatar-header": {
+      "types": "./lib/typescript/molecules/AvatarHeader.d.ts",
+      "react-native": "./src/molecules/AvatarHeader.tsx",
+      "default": "./lib/module/molecules/AvatarHeader.js"
+    },
+    "./theme-toggle": {
+      "types": "./lib/typescript/molecules/ThemeToggle.d.ts",
+      "react-native": "./src/molecules/ThemeToggle.tsx",
+      "default": "./lib/module/molecules/ThemeToggle.js"
+    },
+    "./steps": {
+      "types": "./lib/typescript/molecules/Steps.d.ts",
+      "react-native": "./src/molecules/Steps.tsx",
+      "default": "./lib/module/molecules/Steps.js"
+    },
+    "./modal": {
+      "types": "./lib/typescript/organisms/Modal.d.ts",
+      "react-native": "./src/organisms/Modal.tsx",
+      "default": "./lib/module/organisms/Modal.js"
+    },
+    "./bottom-sheet": {
+      "types": "./lib/typescript/organisms/BottomSheet.d.ts",
+      "react-native": "./src/organisms/BottomSheet.tsx",
+      "default": "./lib/module/organisms/BottomSheet.js"
+    },
+    "./select": {
+      "types": "./lib/typescript/organisms/Select.d.ts",
+      "react-native": "./src/organisms/Select.tsx",
+      "default": "./lib/module/organisms/Select.js"
+    },
+    "./alert": {
+      "types": "./lib/typescript/organisms/Alert.d.ts",
+      "react-native": "./src/organisms/Alert.tsx",
+      "default": "./lib/module/organisms/Alert.js"
+    },
+    "./alert-provider": {
+      "types": "./lib/typescript/organisms/AlertProvider.d.ts",
+      "react-native": "./src/organisms/AlertProvider.tsx",
+      "default": "./lib/module/organisms/AlertProvider.js"
+    },
+    "./use-alert": {
+      "types": "./lib/typescript/organisms/AlertProvider.d.ts",
+      "react-native": "./src/organisms/AlertProvider.tsx",
+      "default": "./lib/module/organisms/AlertProvider.js"
+    },
+    "./screen": {
+      "types": "./lib/typescript/organisms/Screen.d.ts",
+      "react-native": "./src/organisms/Screen.tsx",
+      "default": "./lib/module/organisms/Screen.js"
+    },
+    "./list": {
+      "types": "./lib/typescript/organisms/List.d.ts",
+      "react-native": "./src/organisms/List.tsx",
+      "default": "./lib/module/organisms/List.js"
+    },
+    "./search-list": {
+      "types": "./lib/typescript/organisms/SearchList.d.ts",
+      "react-native": "./src/organisms/SearchList.tsx",
+      "default": "./lib/module/organisms/SearchList.js"
+    },
+    "./toast": {
+      "types": "./lib/typescript/organisms/Toast.d.ts",
+      "react-native": "./src/organisms/Toast.tsx",
+      "default": "./lib/module/organisms/Toast.js"
+    },
+    "./toast-provider": {
+      "types": "./lib/typescript/organisms/ToastProvider.d.ts",
+      "react-native": "./src/organisms/ToastProvider.tsx",
+      "default": "./lib/module/organisms/ToastProvider.js"
+    },
+    "./use-toast": {
+      "types": "./lib/typescript/organisms/ToastProvider.d.ts",
+      "react-native": "./src/organisms/ToastProvider.tsx",
+      "default": "./lib/module/organisms/ToastProvider.js"
+    },
+    "./date-picker": {
+      "types": "./lib/typescript/organisms/DatePicker.d.ts",
+      "react-native": "./src/organisms/DatePicker.tsx",
+      "default": "./lib/module/organisms/DatePicker.js"
+    },
+    "./build-month-grid": {
+      "types": "./lib/typescript/organisms/DatePicker.d.ts",
+      "react-native": "./src/organisms/DatePicker.tsx",
+      "default": "./lib/module/organisms/DatePicker.js"
+    },
+    "./default-month-names": {
+      "types": "./lib/typescript/organisms/DatePicker.d.ts",
+      "react-native": "./src/organisms/DatePicker.tsx",
+      "default": "./lib/module/organisms/DatePicker.js"
+    },
+    "./default-weekday-names": {
+      "types": "./lib/typescript/organisms/DatePicker.d.ts",
+      "react-native": "./src/organisms/DatePicker.tsx",
+      "default": "./lib/module/organisms/DatePicker.js"
+    },
+    "./date-field": {
+      "types": "./lib/typescript/organisms/DateField.d.ts",
+      "react-native": "./src/organisms/DateField.tsx",
+      "default": "./lib/module/organisms/DateField.js"
+    },
+    "./wizard": {
+      "types": "./lib/typescript/organisms/Wizard.d.ts",
+      "react-native": "./src/organisms/Wizard.tsx",
+      "default": "./lib/module/organisms/Wizard.js"
+    },
+    "./theme": {
+      "types": "./lib/typescript/theme/index.d.ts",
+      "react-native": "./src/theme/index.ts",
+      "default": "./lib/module/theme/index.js"
+    },
+    "./icons": {
+      "types": "./lib/typescript/icons/index.d.ts",
+      "react-native": "./src/icons/index.ts",
+      "default": "./lib/module/icons/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.73.0"
+  },
+  "devDependencies": {
+    "@react-native/jest-preset": "^0.86.2",
+    "@types/jest": "^29.5.14",
+    "@testing-library/react-native": "^13.3.3",
+    "@types/react": "~19.2.14",
+    "@types/react-test-renderer": "^19.1.0",
+    "jest": "^29.7.0",
+    "react": "19.2.3",
+    "react-native": "0.86.2",
+    "react-native-builder-bob": "^0.35.3",
+    "react-test-renderer": "19.2.3",
+    "typescript": "~5.9.3"
+  },
+  "keywords": [
+    "react-native",
+    "ui",
+    "components",
+    "atomic-design"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "scripts": {
+    "gen:exports": "node scripts/gen-exports.mjs",
+    "gen:exports:check": "node scripts/gen-exports.mjs --check",
+    "build:registry": "node scripts/build-registry.mjs",
+    "test:cli": "node scripts/smoke-test-cli.mjs",
+    "build": "node scripts/gen-exports.mjs && node scripts/build-registry.mjs && bob build",
+    "typecheck": "tsc --noEmit",
+    "test": "jest",
+    "test:coverage": "jest --coverage"
+  }
+}

package/registry/alert-provider.json

@@ -0,0 +1,21 @@
+{
+  "name": "AlertProvider",
+  "slug": "alert-provider",
+  "type": "component",
+  "category": "organisms",
+  "exportedNames": [
+    "AlertProvider",
+    "useAlert"
+  ],
+  "files": [
+    {
+      "path": "organisms/AlertProvider.tsx",
+      "content": "import React, { createContext, useCallback, useContext, useMemo, useRef, useState } from 'react';\nimport { Alert, type AlertButton, type AlertType } from './Alert';\n\nexport interface AlertOptions {\n  title: string;\n  message?: string;\n  type?: AlertType;\n  confirmText?: string;\n  cancelText?: string;\n}\n\nexport interface ConfirmOptions extends AlertOptions {\n  /** Botón de confirmar en rojo/destructivo (para \"eliminar\", etc). */\n  destructive?: boolean;\n}\n\ninterface AlertContextValue {\n  /** Muestra un alert de un solo botón. Resuelve cuando se cierra. */\n  alert: (options: AlertOptions) => Promise<void>;\n  /** Muestra confirmar/cancelar. Resuelve true si se confirmó, false si se canceló. */\n  confirm: (options: ConfirmOptions) => Promise<boolean>;\n  hide: () => void;\n}\n\nconst AlertContext = createContext<AlertContextValue | undefined>(undefined);\n\ninterface InternalState {\n  visible: boolean;\n  title: string;\n  message?: string;\n  type: AlertType;\n  buttons: AlertButton[];\n}\n\nconst HIDDEN: InternalState = { visible: false, title: '', type: 'info', buttons: [] };\n\n/**\n * AlertProvider\n * Monta un único <Alert> controlado imperativamente. Colocar una vez cerca\n * de la raíz (dentro de UIProvider). Los handlers async pueden hacer\n * `const ok = await confirm({ title: 'Eliminar', destructive: true })`.\n */\nexport function AlertProvider({ children }: { children: React.ReactNode }) {\n  const [state, setState] = useState<InternalState>(HIDDEN);\n  const resolverRef = useRef<((value: any) => void) | null>(null);\n\n  const hide = useCallback(() => {\n    setState(HIDDEN);\n    resolverRef.current?.(undefined);\n    resolverRef.current = null;\n  }, []);\n\n  const alertFn = useCallback((options: AlertOptions): Promise<void> => {\n    return new Promise((resolve) => {\n      resolverRef.current = resolve;\n      setState({\n        visible: true,\n        title: options.title,\n        message: options.message,\n        type: options.type ?? 'info',\n        buttons: [\n          {\n            text: options.confirmText ?? 'OK',\n            onPress: () => {\n              setState(HIDDEN);\n              resolve();\n              resolverRef.current = null;\n            },\n          },\n        ],\n      });\n    });\n  }, []);\n\n  const confirmFn = useCallback((options: ConfirmOptions): Promise<boolean> => {\n    return new Promise((resolve) => {\n      resolverRef.current = resolve;\n      setState({\n        visible: true,\n        title: options.title,\n        message: options.message,\n        type: options.type ?? 'question',\n        buttons: [\n          {\n            text: options.cancelText ?? 'Cancel',\n            style: 'cancel',\n            variant: 'outline',\n            onPress: () => {\n              setState(HIDDEN);\n              resolve(false);\n              resolverRef.current = null;\n            },\n          },\n          {\n            text: options.confirmText ?? 'OK',\n            variant: options.destructive ? 'destructive' : 'primary',\n            style: options.destructive ? 'destructive' : 'default',\n            onPress: () => {\n              setState(HIDDEN);\n              resolve(true);\n              resolverRef.current = null;\n            },\n          },\n        ],\n      });\n    });\n  }, []);\n\n  const value = useMemo<AlertContextValue>(() => ({ alert: alertFn, confirm: confirmFn, hide }), [alertFn, confirmFn, hide]);\n\n  return (\n    <AlertContext.Provider value={value}>\n      {children}\n      <Alert visible={state.visible} title={state.title} message={state.message} type={state.type} buttons={state.buttons} onClose={hide} />\n    </AlertContext.Provider>\n  );\n}\n\nexport function useAlert(): AlertContextValue {\n  const ctx = useContext(AlertContext);\n  if (!ctx) {\n    throw new Error('orn-ui: useAlert must be used within an <AlertProvider>.');\n  }\n  return ctx;\n}\n"
+    }
+  ],
+  "registryDependencies": [
+    "core",
+    "alert",
+    "button"
+  ]
+}

package/registry/alert.json

@@ -0,0 +1,19 @@
+{
+  "name": "Alert",
+  "slug": "alert",
+  "type": "component",
+  "category": "organisms",
+  "exportedNames": [
+    "Alert"
+  ],
+  "files": [
+    {
+      "path": "organisms/Alert.tsx",
+      "content": "import React, { memo } from 'react';\nimport { Modal, Text, TouchableWithoutFeedback, View } from 'react-native';\nimport { createStyles } from '../theme/createStyles';\nimport { useAllowFontScaling, useColors, useLabels } from '../theme/UIProvider';\nimport { Button, type ButtonVariant } from '../atoms/Button';\nimport { Icon } from '../icons/Icon';\nimport type { IconName } from '../icons/types';\n\nexport type AlertType = 'success' | 'error' | 'warning' | 'info' | 'question';\n\nexport interface AlertButton {\n  text: string;\n  onPress?: () => void;\n  style?: 'cancel' | 'default' | 'destructive';\n  variant?: ButtonVariant;\n}\n\nexport interface AlertProps {\n  visible: boolean;\n  title: string;\n  message?: string;\n  type?: AlertType;\n  onClose?: () => void;\n  buttons?: AlertButton[];\n  confirmText?: string;\n  cancelText?: string;\n  onConfirm?: () => void;\n  onCancel?: () => void;\n  inline?: boolean;\n}\n\nconst ICON_BY_TYPE: Record<AlertType, IconName> = {\n  success: 'check',\n  error: 'alert',\n  warning: 'warning',\n  question: 'question',\n  info: 'info',\n};\n\nconst useStyles = createStyles((theme) => ({\n  overlay: { flex: 1, backgroundColor: theme.colors.overlay, justifyContent: 'center', alignItems: 'center', padding: theme.tokens.spacing.xl },\n  overlayInline: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, zIndex: 9999 },\n  container: {\n    backgroundColor: theme.colors.surface,\n    borderRadius: theme.tokens.radius.xl,\n    padding: theme.tokens.spacing.xl,\n    width: '100%',\n    maxWidth: 340,\n    alignItems: 'center',\n    ...theme.tokens.shadow.md,\n  },\n  iconContainer: { marginBottom: theme.tokens.spacing.lg - 1 },\n  title: { fontSize: theme.tokens.fontSize.xl, fontWeight: theme.tokens.fontWeight.bold, color: theme.colors.text, textAlign: 'center', marginBottom: theme.tokens.spacing.md - 2 },\n  message: { fontSize: theme.tokens.fontSize.md, color: theme.colors.textLight, textAlign: 'center', marginBottom: theme.tokens.spacing.xl, lineHeight: theme.tokens.lineHeight.md },\n  buttonContainer: { flexDirection: 'row', justifyContent: 'center', gap: theme.tokens.spacing.sm + 2, width: '100%' },\n  buttonContainerVertical: { flexDirection: 'column' },\n  button: { paddingVertical: theme.tokens.spacing.md - 2, paddingHorizontal: theme.tokens.spacing.xl },\n  buttonHorizontal: { flex: 1 },\n  buttonVertical: { width: '100%' },\n}));\n\n/** Deriva la lista de botones a partir de props, sin mutar `buttons` recibido por props. */\nfunction resolveButtons(props: AlertProps, labels: { confirm: string; cancel: string; close: string }): AlertButton[] {\n  const { buttons, confirmText, cancelText, onConfirm, onCancel, onClose } = props;\n  if (buttons && buttons.length > 0) return buttons;\n\n  if (confirmText || onConfirm) {\n    const list: AlertButton[] = [];\n    if (cancelText || onCancel) {\n      list.push({ text: cancelText || labels.cancel, onPress: onCancel || onClose, variant: 'outline', style: 'cancel' });\n    }\n    list.push({ text: confirmText || labels.confirm, onPress: onConfirm, variant: 'primary' });\n    return list;\n  }\n\n  return [{ text: labels.close, onPress: onClose, variant: 'outline' }];\n}\n\n/**\n * Alert\n * Componente declarativo de diálogo. Para uso imperativo (mostrar desde\n * un handler sin levantar estado propio), usar AlertProvider + useAlert().\n */\nexport const Alert = memo((props: AlertProps) => {\n  const { visible, title, message, type = 'info', onClose, inline = false } = props;\n  const colors = useColors();\n  const styles = useStyles();\n  const labels = useLabels();\n  const allowFontScaling = useAllowFontScaling();\n\n  if (!visible) return null;\n\n  const iconColor: Record<AlertType, string> = {\n    success: colors.success,\n    error: colors.error,\n    warning: colors.warning,\n    question: colors.primary,\n    info: colors.secondary,\n  };\n\n  const effectiveButtons = resolveButtons(props, { confirm: labels.confirm, cancel: labels.cancel, close: labels.close });\n  const vertical = effectiveButtons.length > 2;\n\n  const content = (\n    <TouchableWithoutFeedback onPress={onClose} accessibilityRole=\"none\">\n      <View style={[styles.overlay, inline && styles.overlayInline]}>\n        <TouchableWithoutFeedback>\n          <View style={styles.container} accessibilityRole=\"alert\" accessibilityViewIsModal>\n            <View style={styles.iconContainer}>\n              <Icon name={ICON_BY_TYPE[type]} size={48} color={iconColor[type]} />\n            </View>\n\n            <Text allowFontScaling={allowFontScaling} style={styles.title}>\n              {title}\n            </Text>\n\n            {!!message && (\n              <Text allowFontScaling={allowFontScaling} style={styles.message}>\n                {message}\n              </Text>\n            )}\n\n            <View style={[styles.buttonContainer, vertical && styles.buttonContainerVertical]}>\n              {effectiveButtons.map((btn, index) => {\n                const isCancel = btn.style === 'cancel';\n                let variant: ButtonVariant = btn.variant || 'primary';\n                if (!btn.variant && isCancel) variant = 'outline';\n                if (!btn.variant && btn.style === 'destructive') variant = 'destructive';\n\n                return (\n                  <Button\n                    key={index}\n                    title={btn.text}\n                    onPress={btn.onPress || onClose || (() => {})}\n                    variant={variant}\n                    style={[styles.button, vertical ? styles.buttonVertical : styles.buttonHorizontal]}\n                    textStyle={{ fontSize: 14 }}\n                  />\n                );\n              })}\n            </View>\n          </View>\n        </TouchableWithoutFeedback>\n      </View>\n    </TouchableWithoutFeedback>\n  );\n\n  if (inline) {\n    return (\n      <View style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }} pointerEvents=\"box-none\">\n        {content}\n      </View>\n    );\n  }\n\n  return (\n    <Modal transparent visible={visible} animationType=\"fade\" statusBarTranslucent presentationStyle=\"overFullScreen\" onRequestClose={onClose || (() => {})}>\n      {content}\n    </Modal>\n  );\n});\nAlert.displayName = 'Alert';\n"
+    }
+  ],
+  "registryDependencies": [
+    "core",
+    "button"
+  ]
+}

package/registry/avatar-header.json

@@ -0,0 +1,18 @@
+{
+  "name": "AvatarHeader",
+  "slug": "avatar-header",
+  "type": "component",
+  "category": "molecules",
+  "exportedNames": [
+    "AvatarHeader"
+  ],
+  "files": [
+    {
+      "path": "molecules/AvatarHeader.tsx",
+      "content": "import React, { memo } from 'react';\nimport { Text, View, type StyleProp, type ViewStyle } from 'react-native';\nimport { createStyles } from '../theme/createStyles';\nimport { useAllowFontScaling, useColors } from '../theme/UIProvider';\nimport { Icon } from '../icons/Icon';\nimport type { IconName } from '../icons/types';\n\nexport interface AvatarHeaderProps {\n  /** Ícono a mostrar dentro del círculo. Si se omite, se usan `initials`. */\n  iconName?: IconName;\n  iconColor?: string;\n  /** Texto corto (ej. 2 letras) mostrado si no se pasa `iconName`. */\n  initials?: string;\n  title: string;\n  subtitle?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst useStyles = createStyles((theme) => ({\n  container: { alignItems: 'center', marginBottom: theme.tokens.spacing.xl },\n  avatar: {\n    width: 80,\n    height: 80,\n    borderRadius: 40,\n    backgroundColor: theme.colors.primary + '20',\n    justifyContent: 'center',\n    alignItems: 'center',\n    marginBottom: theme.tokens.spacing.md,\n  },\n  initials: { fontSize: theme.tokens.fontSize.xxl, fontWeight: theme.tokens.fontWeight.bold, color: theme.colors.primary },\n  title: { fontSize: theme.tokens.fontSize.xl, fontWeight: theme.tokens.fontWeight.bold, textAlign: 'center', color: theme.colors.text, marginBottom: theme.tokens.spacing.xs },\n  subtitle: { fontSize: theme.tokens.fontSize.md, color: theme.colors.textLight },\n}));\n\n/**\n * AvatarHeader\n * Círculo 80x80 con ícono o iniciales + título/subtítulo centrado. Header\n * típico de modales de detalle (cliente, producto, etc).\n */\nexport const AvatarHeader = memo(({ iconName, iconColor, initials, title, subtitle, style }: AvatarHeaderProps) => {\n  const colors = useColors();\n  const styles = useStyles();\n  const allowFontScaling = useAllowFontScaling();\n\n  return (\n    <View style={[styles.container, style]}>\n      <View style={styles.avatar}>\n        {iconName ? (\n          <Icon name={iconName} size={40} color={iconColor || colors.primary} />\n        ) : (\n          <Text allowFontScaling={allowFontScaling} style={styles.initials}>\n            {initials}\n          </Text>\n        )}\n      </View>\n      <Text allowFontScaling={allowFontScaling} style={styles.title}>\n        {title}\n      </Text>\n      {typeof subtitle === 'string' ? (\n        <Text allowFontScaling={allowFontScaling} style={styles.subtitle}>\n          {subtitle}\n        </Text>\n      ) : (\n        subtitle\n      )}\n    </View>\n  );\n});\nAvatarHeader.displayName = 'AvatarHeader';\n"
+    }
+  ],
+  "registryDependencies": [
+    "core"
+  ]
+}

package/registry/avatar.json

@@ -0,0 +1,18 @@
+{
+  "name": "Avatar",
+  "slug": "avatar",
+  "type": "component",
+  "category": "atoms",
+  "exportedNames": [
+    "Avatar"
+  ],
+  "files": [
+    {
+      "path": "atoms/Avatar.tsx",
+      "content": "import React, { memo } from 'react';\nimport { StyleSheet, View, type StyleProp, type ViewStyle } from 'react-native';\nimport { useColors } from '../theme/UIProvider';\n\nexport interface AvatarProps {\n  size?: number;\n  backgroundColor?: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst styles = StyleSheet.create({\n  circle: { justifyContent: 'center', alignItems: 'center' },\n});\n\n/**\n * Avatar\n * Círculo con ícono/iniciales adentro. Usado a la izquierda de filas de\n * lista o como header de detalle (junto a AvatarHeader).\n */\nexport const Avatar = memo(({ size = 44, backgroundColor, children, style }: AvatarProps) => {\n  const colors = useColors();\n  return (\n    <View\n      style={[\n        styles.circle,\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          backgroundColor: backgroundColor || colors.primary + '15',\n        },\n        style,\n      ]}\n    >\n      {children}\n    </View>\n  );\n});\nAvatar.displayName = 'Avatar';\n"
+    }
+  ],
+  "registryDependencies": [
+    "core"
+  ]
+}

package/registry/badge.json

@@ -0,0 +1,18 @@
+{
+  "name": "Badge",
+  "slug": "badge",
+  "type": "component",
+  "category": "atoms",
+  "exportedNames": [
+    "Badge"
+  ],
+  "files": [
+    {
+      "path": "atoms/Badge.tsx",
+      "content": "import React, { memo } from 'react';\nimport { Text, View, type StyleProp, type ViewStyle } from 'react-native';\nimport { createStyles } from '../theme/createStyles';\nimport { useAllowFontScaling, useTheme } from '../theme/UIProvider';\n\nexport type BadgeVariant = 'success' | 'error' | 'warning' | 'info' | 'neutral';\n\nexport interface BadgeProps {\n  label: string;\n  variant?: BadgeVariant;\n  /** Override manual, gana sobre `variant`. */\n  backgroundColor?: string;\n  textColor?: string;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst useStyles = createStyles((theme) => ({\n  badge: {\n    paddingHorizontal: theme.tokens.spacing.md - 2,\n    paddingVertical: theme.tokens.spacing.xs + 1,\n    borderRadius: theme.tokens.radius.full,\n    alignSelf: 'flex-start',\n  },\n  text: { fontSize: theme.tokens.fontSize.xs, fontWeight: theme.tokens.fontWeight.bold, letterSpacing: 0.3 },\n}));\n\n/**\n * Badge\n * Pill de estado. `variant` cubre los casos comunes (éxito/error/advertencia/\n * info/neutral); `backgroundColor`/`textColor` quedan para casos que no\n * encajan en el set semántico.\n */\nexport const Badge = memo(({ label, variant = 'neutral', backgroundColor, textColor, style }: BadgeProps) => {\n  const theme = useTheme();\n  const styles = useStyles();\n  const allowFontScaling = useAllowFontScaling();\n  const { colors } = theme;\n\n  const palette: Record<BadgeVariant, { bg: string; fg: string }> = {\n    success: { bg: colors.success + '20', fg: colors.success },\n    error: { bg: colors.error + '20', fg: colors.error },\n    warning: { bg: colors.warning + '20', fg: colors.warning },\n    info: { bg: colors.secondary + '20', fg: colors.secondary },\n    neutral: { bg: colors.inputBackground, fg: colors.textLight },\n  };\n\n  return (\n    <View style={[styles.badge, { backgroundColor: backgroundColor ?? palette[variant].bg }, style]}>\n      <Text allowFontScaling={allowFontScaling} style={[styles.text, { color: textColor ?? palette[variant].fg }]}>\n        {label}\n      </Text>\n    </View>\n  );\n});\nBadge.displayName = 'Badge';\n"
+    }
+  ],
+  "registryDependencies": [
+    "core"
+  ]
+}

package/registry/bottom-sheet.json

@@ -0,0 +1,18 @@
+{
+  "name": "BottomSheet",
+  "slug": "bottom-sheet",
+  "type": "component",
+  "category": "organisms",
+  "exportedNames": [
+    "BottomSheet"
+  ],
+  "files": [
+    {
+      "path": "organisms/BottomSheet.tsx",
+      "content": "import React, { memo, useEffect, useRef, useState } from 'react';\nimport { Animated, Dimensions, Modal, PanResponder, Pressable, View, type ViewStyle } from 'react-native';\nimport { createStyles } from '../theme/createStyles';\nimport { useInsets } from '../theme/UIProvider';\n\nconst { height: SCREEN_HEIGHT } = Dimensions.get('window');\nconst DISMISS_THRESHOLD = 100;\n\nexport interface BottomSheetProps {\n  visible: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n  closeAccessibilityLabel?: string;\n}\n\nconst useStyles = createStyles((theme) => ({\n  container: { flex: 1, justifyContent: 'flex-end' },\n  backdrop: { backgroundColor: theme.colors.overlay },\n  sheet: {\n    backgroundColor: theme.colors.surface,\n    borderTopLeftRadius: theme.tokens.radius.xxl,\n    borderTopRightRadius: theme.tokens.radius.xxl,\n    paddingHorizontal: theme.tokens.spacing.xl,\n    ...theme.tokens.shadow.lg,\n  },\n  handleArea: { paddingVertical: theme.tokens.spacing.md, alignItems: 'center' },\n  handle: { width: 40, height: 5, borderRadius: 3, backgroundColor: theme.colors.border },\n}));\n\nconst absoluteFill: ViewStyle = { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 };\n\n/**\n * BottomSheet\n * Modal que aparece desde abajo: animación con Animated (no la del Modal\n * nativo) y arrastre para cerrar con PanResponder — no un gesture-handler\n * externo, para mantener la librería en cero dependencias.\n */\nexport const BottomSheet = memo(({ visible, onClose, children, closeAccessibilityLabel = 'Close' }: BottomSheetProps) => {\n  const styles = useStyles();\n  const insets = useInsets();\n  const [mounted, setMounted] = useState(visible);\n  const translateY = useRef(new Animated.Value(SCREEN_HEIGHT)).current;\n  const backdropOpacity = useRef(new Animated.Value(0)).current;\n\n  useEffect(() => {\n    if (visible) {\n      setMounted(true);\n      Animated.timing(translateY, { toValue: 0, duration: 250, useNativeDriver: true }).start();\n      Animated.timing(backdropOpacity, { toValue: 1, duration: 250, useNativeDriver: true }).start();\n    } else {\n      Animated.timing(translateY, { toValue: SCREEN_HEIGHT, duration: 200, useNativeDriver: true }).start(({ finished }) => {\n        if (finished) setMounted(false);\n      });\n      Animated.timing(backdropOpacity, { toValue: 0, duration: 200, useNativeDriver: true }).start();\n    }\n  }, [visible]);\n\n  const panResponder = useRef(\n    PanResponder.create({\n      onMoveShouldSetPanResponder: (_, gesture) => gesture.dy > 5 && Math.abs(gesture.dy) > Math.abs(gesture.dx),\n      onPanResponderMove: (_, gesture) => {\n        if (gesture.dy > 0) translateY.setValue(gesture.dy);\n      },\n      onPanResponderRelease: (_, gesture) => {\n        if (gesture.dy > DISMISS_THRESHOLD) {\n          onClose();\n        } else {\n          Animated.timing(translateY, { toValue: 0, duration: 150, useNativeDriver: true }).start();\n        }\n      },\n    })\n  ).current;\n\n  if (!mounted) return null;\n\n  return (\n    <Modal visible transparent animationType=\"none\" statusBarTranslucent onRequestClose={onClose}>\n      <View style={styles.container}>\n        <Animated.View style={[absoluteFill, styles.backdrop, { opacity: backdropOpacity }]}>\n          <Pressable style={absoluteFill} onPress={onClose} accessibilityRole=\"button\" accessibilityLabel={closeAccessibilityLabel} />\n        </Animated.View>\n\n        <Animated.View\n          style={[styles.sheet, { paddingBottom: Math.max(insets.bottom, 20) }, { transform: [{ translateY }] }]}\n        >\n          <View style={styles.handleArea} {...panResponder.panHandlers}>\n            <View style={styles.handle} />\n          </View>\n          {children}\n        </Animated.View>\n      </View>\n    </Modal>\n  );\n});\nBottomSheet.displayName = 'BottomSheet';\n"
+    }
+  ],
+  "registryDependencies": [
+    "core"
+  ]
+}