@robin-ux/native 0.1.0

package/build/index.d.ts

@@ -0,0 +1,7 @@
+export { ThemeProvider, ThemeContext, useTheme, useThemeSafe, defaultTheme, defaultDarkTheme, defaultLightColors, defaultDarkColors, } from './theme';
+export type { Theme, ThemeColors, ThemeContextValue, ThemeProviderProps, } from './theme';
+export { Button, Text, Input, PasswordInput, BaseInput, SegmentedControl, Badge, DynamicStatusBar, } from './components';
+export type { ButtonProps, ButtonVariant, ButtonSize, TextProps, TextVariant, TextWeight, TextColor, TextAlign, InputProps, SegmentedControlProps, Segment, BadgeProps, BadgeStatus, DynamicStatusBarProps, } from './components';
+export { spacing, borderRadius, typography, shadows, layouts, useThemedStyles, createThemedStyle, } from './utils';
+export type { SpacingKey, BorderRadiusKey, TypographyVariant, ShadowKey, LayoutKey, } from './utils';
+//# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAEjB,YAAY,EACV,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,MAAM,EACN,IAAI,EACJ,KAAK,EACL,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,gBAAgB,GACjB,MAAM,cAAc,CAAC;AAEtB,YAAY,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,qBAAqB,EACrB,OAAO,EACP,UAAU,EACV,WAAW,EACX,qBAAqB,GACtB,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,OAAO,EACP,YAAY,EACZ,UAAU,EACV,OAAO,EACP,OAAO,EACP,eAAe,EACf,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAEjB,YAAY,EACV,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,SAAS,GACV,MAAM,SAAS,CAAC"}

package/build/index.js

@@ -0,0 +1,10 @@
+// ============================================================================
+// @robin-ux/native - Themeable React Native UI Components
+// ============================================================================
+// Theme system
+export { ThemeProvider, ThemeContext, useTheme, useThemeSafe, defaultTheme, defaultDarkTheme, defaultLightColors, defaultDarkColors, } from './theme';
+// Components
+export { Button, Text, Input, PasswordInput, BaseInput, SegmentedControl, Badge, DynamicStatusBar, } from './components';
+// Utilities
+export { spacing, borderRadius, typography, shadows, layouts, useThemedStyles, createThemedStyle, } from './utils';
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,0DAA0D;AAC1D,+EAA+E;AAE/E,eAAe;AACf,OAAO,EACL,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AASjB,aAAa;AACb,OAAO,EACL,MAAM,EACN,IAAI,EACJ,KAAK,EACL,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,gBAAgB,GACjB,MAAM,cAAc,CAAC;AAmBtB,YAAY;AACZ,OAAO,EACL,OAAO,EACP,YAAY,EACZ,UAAU,EACV,OAAO,EACP,OAAO,EACP,eAAe,EACf,iBAAiB,GAClB,MAAM,SAAS,CAAC","sourcesContent":["// ============================================================================\n// @robin-ux/native - Themeable React Native UI Components\n// ============================================================================\n\n// Theme system\nexport {\n  ThemeProvider,\n  ThemeContext,\n  useTheme,\n  useThemeSafe,\n  defaultTheme,\n  defaultDarkTheme,\n  defaultLightColors,\n  defaultDarkColors,\n} from './theme';\n\nexport type {\n  Theme,\n  ThemeColors,\n  ThemeContextValue,\n  ThemeProviderProps,\n} from './theme';\n\n// Components\nexport {\n  Button,\n  Text,\n  Input,\n  PasswordInput,\n  BaseInput,\n  SegmentedControl,\n  Badge,\n  DynamicStatusBar,\n} from './components';\n\nexport type {\n  ButtonProps,\n  ButtonVariant,\n  ButtonSize,\n  TextProps,\n  TextVariant,\n  TextWeight,\n  TextColor,\n  TextAlign,\n  InputProps,\n  SegmentedControlProps,\n  Segment,\n  BadgeProps,\n  BadgeStatus,\n  DynamicStatusBarProps,\n} from './components';\n\n// Utilities\nexport {\n  spacing,\n  borderRadius,\n  typography,\n  shadows,\n  layouts,\n  useThemedStyles,\n  createThemedStyle,\n} from './utils';\n\nexport type {\n  SpacingKey,\n  BorderRadiusKey,\n  TypographyVariant,\n  ShadowKey,\n  LayoutKey,\n} from './utils';\n"]}

package/build/theme/ThemeContext.d.ts

@@ -0,0 +1,22 @@
+import { Theme, ThemeContextValue } from './types';
+/**
+ * Theme context for providing theme to components.
+ * Default value is undefined to allow detection of missing provider.
+ */
+export declare const ThemeContext: import("react").Context<ThemeContextValue | undefined>;
+/**
+ * Hook to access the theme context.
+ * Throws an error if used outside of a ThemeProvider.
+ *
+ * @throws Error if no ThemeProvider is found in the component tree
+ */
+export declare function useTheme(): Theme;
+/**
+ * Safe hook to access theme with fallback to default.
+ * Never throws - returns default theme if no provider is found.
+ *
+ * This is the recommended hook for component libraries to ensure
+ * components work even without an explicit ThemeProvider.
+ */
+export declare function useThemeSafe(): Theme;
+//# sourceMappingURL=ThemeContext.d.ts.map

package/build/theme/ThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEnD;;;GAGG;AACH,eAAO,MAAM,YAAY,wDAA0D,CAAC;AAEpF;;;;;GAKG;AACH,wBAAgB,QAAQ,IAAI,KAAK,CAMhC;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,IAAI,KAAK,CAMpC"}

package/build/theme/ThemeContext.js

@@ -0,0 +1,35 @@
+import { createContext, useContext } from 'react';
+import { defaultTheme } from './defaultTheme';
+/**
+ * Theme context for providing theme to components.
+ * Default value is undefined to allow detection of missing provider.
+ */
+export const ThemeContext = createContext(undefined);
+/**
+ * Hook to access the theme context.
+ * Throws an error if used outside of a ThemeProvider.
+ *
+ * @throws Error if no ThemeProvider is found in the component tree
+ */
+export function useTheme() {
+    const context = useContext(ThemeContext);
+    if (context === undefined) {
+        throw new Error('useTheme must be used within a ThemeProvider');
+    }
+    return context.theme;
+}
+/**
+ * Safe hook to access theme with fallback to default.
+ * Never throws - returns default theme if no provider is found.
+ *
+ * This is the recommended hook for component libraries to ensure
+ * components work even without an explicit ThemeProvider.
+ */
+export function useThemeSafe() {
+    const context = useContext(ThemeContext);
+    if (context === undefined) {
+        return defaultTheme;
+    }
+    return context.theme;
+}
+//# sourceMappingURL=ThemeContext.js.map

package/build/theme/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../src/theme/ThemeContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAgC,SAAS,CAAC,CAAC;AAEpF;;;;;GAKG;AACH,MAAM,UAAU,QAAQ;IACtB,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,OAAO,CAAC,KAAK,CAAC;AACvB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,YAAY;IAC1B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO,YAAY,CAAC;IACtB,CAAC;IACD,OAAO,OAAO,CAAC,KAAK,CAAC;AACvB,CAAC","sourcesContent":["import { createContext, useContext } from 'react';\nimport { defaultTheme } from './defaultTheme';\nimport { Theme, ThemeContextValue } from './types';\n\n/**\n * Theme context for providing theme to components.\n * Default value is undefined to allow detection of missing provider.\n */\nexport const ThemeContext = createContext<ThemeContextValue | undefined>(undefined);\n\n/**\n * Hook to access the theme context.\n * Throws an error if used outside of a ThemeProvider.\n *\n * @throws Error if no ThemeProvider is found in the component tree\n */\nexport function useTheme(): Theme {\n  const context = useContext(ThemeContext);\n  if (context === undefined) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context.theme;\n}\n\n/**\n * Safe hook to access theme with fallback to default.\n * Never throws - returns default theme if no provider is found.\n *\n * This is the recommended hook for component libraries to ensure\n * components work even without an explicit ThemeProvider.\n */\nexport function useThemeSafe(): Theme {\n  const context = useContext(ThemeContext);\n  if (context === undefined) {\n    return defaultTheme;\n  }\n  return context.theme;\n}\n"]}

package/build/theme/ThemeProvider.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Theme } from './types';
+export interface ThemeProviderProps {
+    /**
+     * The theme to provide to child components.
+     * Falls back to default neutral theme if not provided.
+     */
+    theme?: Theme;
+    children: React.ReactNode;
+}
+/**
+ * Theme provider component that makes theme available to all child components.
+ *
+ * @example
+ * ```tsx
+ * import { ThemeProvider } from '@robin-ux/native';
+ *
+ * const myTheme = {
+ *   colors: { ... },
+ *   isDark: false,
+ * };
+ *
+ * function App() {
+ *   return (
+ *     <ThemeProvider theme={myTheme}>
+ *       <MyApp />
+ *     </ThemeProvider>
+ *   );
+ * }
+ * ```
+ */
+export declare function ThemeProvider({ theme, children }: ThemeProviderProps): React.JSX.Element;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/build/theme/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,KAAK,EAAqB,MAAM,SAAS,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAoB,EAAE,QAAQ,EAAE,EAAE,kBAAkB,qBASnF"}

package/build/theme/ThemeProvider.js

@@ -0,0 +1,31 @@
+import React, { useMemo } from 'react';
+import { ThemeContext } from './ThemeContext';
+import { defaultTheme } from './defaultTheme';
+/**
+ * Theme provider component that makes theme available to all child components.
+ *
+ * @example
+ * ```tsx
+ * import { ThemeProvider } from '@robin-ux/native';
+ *
+ * const myTheme = {
+ *   colors: { ... },
+ *   isDark: false,
+ * };
+ *
+ * function App() {
+ *   return (
+ *     <ThemeProvider theme={myTheme}>
+ *       <MyApp />
+ *     </ThemeProvider>
+ *   );
+ * }
+ * ```
+ */
+export function ThemeProvider({ theme = defaultTheme, children }) {
+    const value = useMemo(() => ({
+        theme,
+    }), [theme]);
+    return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;
+}
+//# sourceMappingURL=ThemeProvider.js.map

package/build/theme/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAY9C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,GAAG,YAAY,EAAE,QAAQ,EAAsB;IAClF,MAAM,KAAK,GAAsB,OAAO,CACtC,GAAG,EAAE,CAAC,CAAC;QACL,KAAK;KACN,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;AACjF,CAAC","sourcesContent":["import React, { useMemo } from 'react';\nimport { ThemeContext } from './ThemeContext';\nimport { defaultTheme } from './defaultTheme';\nimport { Theme, ThemeContextValue } from './types';\n\nexport interface ThemeProviderProps {\n  /**\n   * The theme to provide to child components.\n   * Falls back to default neutral theme if not provided.\n   */\n  theme?: Theme;\n  children: React.ReactNode;\n}\n\n/**\n * Theme provider component that makes theme available to all child components.\n *\n * @example\n * ```tsx\n * import { ThemeProvider } from '@robin-ux/native';\n *\n * const myTheme = {\n *   colors: { ... },\n *   isDark: false,\n * };\n *\n * function App() {\n *   return (\n *     <ThemeProvider theme={myTheme}>\n *       <MyApp />\n *     </ThemeProvider>\n *   );\n * }\n * ```\n */\nexport function ThemeProvider({ theme = defaultTheme, children }: ThemeProviderProps) {\n  const value: ThemeContextValue = useMemo(\n    () => ({\n      theme,\n    }),\n    [theme]\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n"]}

package/build/theme/defaultTheme.d.ts

@@ -0,0 +1,18 @@
+import { Theme, ThemeColors } from './types';
+/**
+ * Default light theme colors - a neutral, accessible color palette.
+ */
+export declare const defaultLightColors: ThemeColors;
+/**
+ * Default dark theme colors - a neutral, accessible dark color palette.
+ */
+export declare const defaultDarkColors: ThemeColors;
+/**
+ * Default light theme - used as fallback when no ThemeProvider is present.
+ */
+export declare const defaultTheme: Theme;
+/**
+ * Default dark theme variant.
+ */
+export declare const defaultDarkTheme: Theme;
+//# sourceMappingURL=defaultTheme.d.ts.map

package/build/theme/defaultTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,WAgChC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,WAgC/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAG9B,CAAC"}

package/build/theme/defaultTheme.js

@@ -0,0 +1,77 @@
+/**
+ * Default light theme colors - a neutral, accessible color palette.
+ */
+export const defaultLightColors = {
+    // Backgrounds
+    background: '#ffffff',
+    backgroundSecondary: '#f5f5f5',
+    // Foreground (text)
+    foreground: '#1a1a1a',
+    foregroundSecondary: '#666666',
+    foregroundTertiary: '#999999',
+    // Primary brand colors
+    primary: '#3b82f6',
+    primaryLight: '#60a5fa',
+    primaryDark: '#2563eb',
+    // Accent colors
+    accent: '#8b5cf6',
+    accentLight: '#a78bfa',
+    // Semantic/status colors
+    destructive: '#ef4444',
+    destructiveForeground: '#ffffff',
+    success: '#10b981',
+    warning: '#f59e0b',
+    error: '#ef4444',
+    info: '#3b82f6',
+    // UI element colors
+    border: '#e5e5e5',
+    muted: '#f5f5f5',
+    mutedForeground: '#666666',
+    card: '#ffffff',
+};
+/**
+ * Default dark theme colors - a neutral, accessible dark color palette.
+ */
+export const defaultDarkColors = {
+    // Backgrounds
+    background: '#0a0a0a',
+    backgroundSecondary: '#171717',
+    // Foreground (text)
+    foreground: '#fafafa',
+    foregroundSecondary: '#a3a3a3',
+    foregroundTertiary: '#737373',
+    // Primary brand colors
+    primary: '#60a5fa',
+    primaryLight: '#93c5fd',
+    primaryDark: '#3b82f6',
+    // Accent colors
+    accent: '#a78bfa',
+    accentLight: '#c4b5fd',
+    // Semantic/status colors
+    destructive: '#f87171',
+    destructiveForeground: '#ffffff',
+    success: '#34d399',
+    warning: '#fbbf24',
+    error: '#f87171',
+    info: '#60a5fa',
+    // UI element colors
+    border: '#262626',
+    muted: '#262626',
+    mutedForeground: '#a3a3a3',
+    card: '#171717',
+};
+/**
+ * Default light theme - used as fallback when no ThemeProvider is present.
+ */
+export const defaultTheme = {
+    colors: defaultLightColors,
+    isDark: false,
+};
+/**
+ * Default dark theme variant.
+ */
+export const defaultDarkTheme = {
+    colors: defaultDarkColors,
+    isDark: true,
+};
+//# sourceMappingURL=defaultTheme.js.map

package/build/theme/defaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTheme.js","sourceRoot":"","sources":["../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAgB;IAC7C,cAAc;IACd,UAAU,EAAE,SAAS;IACrB,mBAAmB,EAAE,SAAS;IAE9B,oBAAoB;IACpB,UAAU,EAAE,SAAS;IACrB,mBAAmB,EAAE,SAAS;IAC9B,kBAAkB,EAAE,SAAS;IAE7B,uBAAuB;IACvB,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,SAAS;IACvB,WAAW,EAAE,SAAS;IAEtB,gBAAgB;IAChB,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE,SAAS;IAEtB,yBAAyB;IACzB,WAAW,EAAE,SAAS;IACtB,qBAAqB,EAAE,SAAS;IAChC,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IAEf,oBAAoB;IACpB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;IAChB,eAAe,EAAE,SAAS;IAC1B,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAgB;IAC5C,cAAc;IACd,UAAU,EAAE,SAAS;IACrB,mBAAmB,EAAE,SAAS;IAE9B,oBAAoB;IACpB,UAAU,EAAE,SAAS;IACrB,mBAAmB,EAAE,SAAS;IAC9B,kBAAkB,EAAE,SAAS;IAE7B,uBAAuB;IACvB,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,SAAS;IACvB,WAAW,EAAE,SAAS;IAEtB,gBAAgB;IAChB,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE,SAAS;IAEtB,yBAAyB;IACzB,WAAW,EAAE,SAAS;IACtB,qBAAqB,EAAE,SAAS;IAChC,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IAEf,oBAAoB;IACpB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;IAChB,eAAe,EAAE,SAAS;IAC1B,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,MAAM,EAAE,kBAAkB;IAC1B,MAAM,EAAE,KAAK;CACd,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,MAAM,EAAE,iBAAiB;IACzB,MAAM,EAAE,IAAI;CACb,CAAC","sourcesContent":["import { Theme, ThemeColors } from './types';\n\n/**\n * Default light theme colors - a neutral, accessible color palette.\n */\nexport const defaultLightColors: ThemeColors = {\n  // Backgrounds\n  background: '#ffffff',\n  backgroundSecondary: '#f5f5f5',\n\n  // Foreground (text)\n  foreground: '#1a1a1a',\n  foregroundSecondary: '#666666',\n  foregroundTertiary: '#999999',\n\n  // Primary brand colors\n  primary: '#3b82f6',\n  primaryLight: '#60a5fa',\n  primaryDark: '#2563eb',\n\n  // Accent colors\n  accent: '#8b5cf6',\n  accentLight: '#a78bfa',\n\n  // Semantic/status colors\n  destructive: '#ef4444',\n  destructiveForeground: '#ffffff',\n  success: '#10b981',\n  warning: '#f59e0b',\n  error: '#ef4444',\n  info: '#3b82f6',\n\n  // UI element colors\n  border: '#e5e5e5',\n  muted: '#f5f5f5',\n  mutedForeground: '#666666',\n  card: '#ffffff',\n};\n\n/**\n * Default dark theme colors - a neutral, accessible dark color palette.\n */\nexport const defaultDarkColors: ThemeColors = {\n  // Backgrounds\n  background: '#0a0a0a',\n  backgroundSecondary: '#171717',\n\n  // Foreground (text)\n  foreground: '#fafafa',\n  foregroundSecondary: '#a3a3a3',\n  foregroundTertiary: '#737373',\n\n  // Primary brand colors\n  primary: '#60a5fa',\n  primaryLight: '#93c5fd',\n  primaryDark: '#3b82f6',\n\n  // Accent colors\n  accent: '#a78bfa',\n  accentLight: '#c4b5fd',\n\n  // Semantic/status colors\n  destructive: '#f87171',\n  destructiveForeground: '#ffffff',\n  success: '#34d399',\n  warning: '#fbbf24',\n  error: '#f87171',\n  info: '#60a5fa',\n\n  // UI element colors\n  border: '#262626',\n  muted: '#262626',\n  mutedForeground: '#a3a3a3',\n  card: '#171717',\n};\n\n/**\n * Default light theme - used as fallback when no ThemeProvider is present.\n */\nexport const defaultTheme: Theme = {\n  colors: defaultLightColors,\n  isDark: false,\n};\n\n/**\n * Default dark theme variant.\n */\nexport const defaultDarkTheme: Theme = {\n  colors: defaultDarkColors,\n  isDark: true,\n};\n"]}

package/build/theme/index.d.ts

@@ -0,0 +1,6 @@
+export { ThemeContext, useTheme, useThemeSafe } from './ThemeContext';
+export { ThemeProvider } from './ThemeProvider';
+export type { ThemeProviderProps } from './ThemeProvider';
+export { defaultTheme, defaultDarkTheme, defaultLightColors, defaultDarkColors } from './defaultTheme';
+export type { Theme, ThemeColors, ThemeContextValue } from './types';
+//# sourceMappingURL=index.d.ts.map

package/build/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGvG,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/build/theme/index.js

@@ -0,0 +1,7 @@
+// Theme context and hooks
+export { ThemeContext, useTheme, useThemeSafe } from './ThemeContext';
+// Theme provider
+export { ThemeProvider } from './ThemeProvider';
+// Default themes
+export { defaultTheme, defaultDarkTheme, defaultLightColors, defaultDarkColors } from './defaultTheme';
+//# sourceMappingURL=index.js.map

package/build/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEtE,iBAAiB;AACjB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,iBAAiB;AACjB,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["// Theme context and hooks\nexport { ThemeContext, useTheme, useThemeSafe } from './ThemeContext';\n\n// Theme provider\nexport { ThemeProvider } from './ThemeProvider';\nexport type { ThemeProviderProps } from './ThemeProvider';\n\n// Default themes\nexport { defaultTheme, defaultDarkTheme, defaultLightColors, defaultDarkColors } from './defaultTheme';\n\n// Types\nexport type { Theme, ThemeColors, ThemeContextValue } from './types';\n"]}

package/build/theme/types.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Theme color definitions for @robin-ux/native components.
+ * These define all the semantic colors used by components.
+ */
+export interface ThemeColors {
+    background: string;
+    backgroundSecondary: string;
+    foreground: string;
+    foregroundSecondary: string;
+    foregroundTertiary: string;
+    primary: string;
+    primaryLight: string;
+    primaryDark: string;
+    accent: string;
+    accentLight: string;
+    destructive: string;
+    destructiveForeground: string;
+    success: string;
+    warning: string;
+    error: string;
+    info: string;
+    border: string;
+    muted: string;
+    mutedForeground: string;
+    card: string;
+}
+/**
+ * Complete theme object containing colors and mode information.
+ */
+export interface Theme {
+    colors: ThemeColors;
+    isDark: boolean;
+}
+/**
+ * Theme context value type.
+ */
+export interface ThemeContextValue {
+    theme: Theme;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,WAAW,WAAW;IAE1B,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAG5B,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAG3B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IAGpB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IAGpB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IAGb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC;CACd"}

package/build/theme/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Theme color definitions for @robin-ux/native components.\n * These define all the semantic colors used by components.\n */\nexport interface ThemeColors {\n  // Backgrounds\n  background: string;\n  backgroundSecondary: string;\n\n  // Foreground (text)\n  foreground: string;\n  foregroundSecondary: string;\n  foregroundTertiary: string;\n\n  // Primary brand colors\n  primary: string;\n  primaryLight: string;\n  primaryDark: string;\n\n  // Accent colors\n  accent: string;\n  accentLight: string;\n\n  // Semantic/status colors\n  destructive: string;\n  destructiveForeground: string;\n  success: string;\n  warning: string;\n  error: string;\n  info: string;\n\n  // UI element colors\n  border: string;\n  muted: string;\n  mutedForeground: string;\n  card: string;\n}\n\n/**\n * Complete theme object containing colors and mode information.\n */\nexport interface Theme {\n  colors: ThemeColors;\n  isDark: boolean;\n}\n\n/**\n * Theme context value type.\n */\nexport interface ThemeContextValue {\n  theme: Theme;\n}\n"]}

package/build/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { spacing, borderRadius, typography, shadows, layouts, useThemedStyles, createThemedStyle, } from './styles';
+export type { SpacingKey, BorderRadiusKey, TypographyVariant, ShadowKey, LayoutKey, } from './styles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,EACP,YAAY,EACZ,UAAU,EACV,OAAO,EACP,OAAO,EACP,eAAe,EACf,iBAAiB,GAClB,MAAM,UAAU,CAAC;AAGlB,YAAY,EACV,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,SAAS,GACV,MAAM,UAAU,CAAC"}

package/build/utils/index.js

@@ -0,0 +1,3 @@
+// Style utilities
+export { spacing, borderRadius, typography, shadows, layouts, useThemedStyles, createThemedStyle, } from './styles';
+//# sourceMappingURL=index.js.map

package/build/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,OAAO,EACL,OAAO,EACP,YAAY,EACZ,UAAU,EACV,OAAO,EACP,OAAO,EACP,eAAe,EACf,iBAAiB,GAClB,MAAM,UAAU,CAAC","sourcesContent":["// Style utilities\nexport {\n  spacing,\n  borderRadius,\n  typography,\n  shadows,\n  layouts,\n  useThemedStyles,\n  createThemedStyle,\n} from './styles';\n\n// Types\nexport type {\n  SpacingKey,\n  BorderRadiusKey,\n  TypographyVariant,\n  ShadowKey,\n  LayoutKey,\n} from './styles';\n"]}

package/build/utils/styles.d.ts

@@ -0,0 +1,88 @@
+import { StyleSheet, TextStyle, ViewStyle } from 'react-native';
+import { ThemeColors } from '../theme/types';
+/**
+ * Spacing scale for consistent layout.
+ */
+export declare const spacing: {
+    readonly xs: 4;
+    readonly sm: 8;
+    readonly md: 16;
+    readonly lg: 24;
+    readonly xl: 32;
+    readonly xxl: 48;
+};
+export type SpacingKey = keyof typeof spacing;
+/**
+ * Border radius scale.
+ */
+export declare const borderRadius: {
+    readonly sm: 4;
+    readonly md: 8;
+    readonly lg: 12;
+    readonly xl: 16;
+    readonly full: 9999;
+};
+export type BorderRadiusKey = keyof typeof borderRadius;
+/**
+ * Typography presets using system fonts.
+ */
+export declare const typography: {
+    readonly heading: TextStyle;
+    readonly subheading: TextStyle;
+    readonly title: TextStyle;
+    readonly body: TextStyle;
+    readonly bodyMedium: TextStyle;
+    readonly bodySemibold: TextStyle;
+    readonly caption: TextStyle;
+    readonly label: TextStyle;
+};
+export type TypographyVariant = keyof typeof typography;
+/**
+ * Common shadow styles.
+ */
+export declare const shadows: {
+    readonly sm: ViewStyle;
+    readonly md: ViewStyle;
+    readonly lg: ViewStyle;
+};
+export type ShadowKey = keyof typeof shadows;
+/**
+ * Common flex layouts.
+ */
+export declare const layouts: {
+    readonly row: ViewStyle;
+    readonly rowCenter: ViewStyle;
+    readonly rowBetween: ViewStyle;
+    readonly center: ViewStyle;
+    readonly flex1: ViewStyle;
+};
+export type LayoutKey = keyof typeof layouts;
+/**
+ * Type for style factory function.
+ */
+type StyleFactory<T> = (colors: ThemeColors) => T;
+/**
+ * Hook to create themed styles using StyleSheet.create.
+ *
+ * @example
+ * ```tsx
+ * const styles = useThemedStyles((colors) => ({
+ *   container: {
+ *     backgroundColor: colors.background,
+ *     padding: spacing.md,
+ *   },
+ *   title: {
+ *     ...typography.heading,
+ *     color: colors.foreground,
+ *   },
+ * }));
+ * ```
+ */
+export declare function useThemedStyles<T extends StyleSheet.NamedStyles<T>>(factory: StyleFactory<T>): T;
+/**
+ * Create a themed style object without StyleSheet.create.
+ * Useful for dynamic styles or when you need to merge with other styles.
+ */
+export declare function createThemedStyle<T extends ViewStyle | TextStyle>(factory: StyleFactory<T>, colors: ThemeColors): T;
+export {};
+//# sourceMappingURL=styles.d.ts.map

package/build/utils/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/utils/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,OAAO;;;;;;;CAOV,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,OAAO,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,UAAU;sBAMhB,SAAS;yBAMT,SAAS;oBAMT,SAAS;mBAOT,SAAS;yBAMT,SAAS;2BAMT,SAAS;sBAOT,SAAS;oBAMT,SAAS;CACN,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,UAAU,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,OAAO;iBAOb,SAAS;iBAQT,SAAS;iBAQT,SAAS;CACN,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,OAAO,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,OAAO;kBAGb,SAAS;wBAKT,SAAS;yBAMT,SAAS;qBAKT,SAAS;oBAIT,SAAS;CACN,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,OAAO,CAAC;AAE7C;;GAEG;AACH,KAAK,YAAY,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,KAAK,CAAC,CAAC;AAElD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAGhG;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,EAC/D,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EACxB,MAAM,EAAE,WAAW,GAClB,CAAC,CAEH"}

package/build/utils/styles.js

@@ -0,0 +1,150 @@
+import { StyleSheet } from 'react-native';
+import { useThemeSafe } from '../theme';
+/**
+ * Spacing scale for consistent layout.
+ */
+export const spacing = {
+    xs: 4,
+    sm: 8,
+    md: 16,
+    lg: 24,
+    xl: 32,
+    xxl: 48,
+};
+/**
+ * Border radius scale.
+ */
+export const borderRadius = {
+    sm: 4,
+    md: 8,
+    lg: 12,
+    xl: 16,
+    full: 9999,
+};
+/**
+ * Typography presets using system fonts.
+ */
+export const typography = {
+    // Headings
+    heading: {
+        fontSize: 32,
+        lineHeight: 40,
+        fontWeight: '800',
+    },
+    subheading: {
+        fontSize: 24,
+        lineHeight: 32,
+        fontWeight: '700',
+    },
+    title: {
+        fontSize: 20,
+        lineHeight: 28,
+        fontWeight: '600',
+    },
+    // Body text
+    body: {
+        fontSize: 16,
+        lineHeight: 24,
+        fontWeight: '400',
+    },
+    bodyMedium: {
+        fontSize: 16,
+        lineHeight: 24,
+        fontWeight: '500',
+    },
+    bodySemibold: {
+        fontSize: 16,
+        lineHeight: 24,
+        fontWeight: '600',
+    },
+    // Small text
+    caption: {
+        fontSize: 14,
+        lineHeight: 20,
+        fontWeight: '400',
+    },
+    label: {
+        fontSize: 12,
+        lineHeight: 16,
+        fontWeight: '500',
+    },
+};
+/**
+ * Common shadow styles.
+ */
+export const shadows = {
+    sm: {
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 1 },
+        shadowOpacity: 0.05,
+        shadowRadius: 2,
+        elevation: 1,
+    },
+    md: {
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.1,
+        shadowRadius: 4,
+        elevation: 2,
+    },
+    lg: {
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.15,
+        shadowRadius: 8,
+        elevation: 4,
+    },
+};
+/**
+ * Common flex layouts.
+ */
+export const layouts = {
+    row: {
+        flexDirection: 'row',
+    },
+    rowCenter: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    rowBetween: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    center: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    flex1: {
+        flex: 1,
+    },
+};
+/**
+ * Hook to create themed styles using StyleSheet.create.
+ *
+ * @example
+ * ```tsx
+ * const styles = useThemedStyles((colors) => ({
+ *   container: {
+ *     backgroundColor: colors.background,
+ *     padding: spacing.md,
+ *   },
+ *   title: {
+ *     ...typography.heading,
+ *     color: colors.foreground,
+ *   },
+ * }));
+ * ```
+ */
+export function useThemedStyles(factory) {
+    const { colors } = useThemeSafe();
+    return StyleSheet.create(factory(colors));
+}
+/**
+ * Create a themed style object without StyleSheet.create.
+ * Useful for dynamic styles or when you need to merge with other styles.
+ */
+export function createThemedStyle(factory, colors) {
+    return factory(colors);
+}
+//# sourceMappingURL=styles.js.map

package/build/utils/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/utils/styles.ts"],"names":[],"mappings":"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","sourcesContent":["import { StyleSheet, TextStyle, ViewStyle } from 'react-native';\nimport { useThemeSafe } from '../theme';\nimport { ThemeColors } from '../theme/types';\n\n/**\n * Spacing scale for consistent layout.\n */\nexport const spacing = {\n  xs: 4,\n  sm: 8,\n  md: 16,\n  lg: 24,\n  xl: 32,\n  xxl: 48,\n} as const;\n\nexport type SpacingKey = keyof typeof spacing;\n\n/**\n * Border radius scale.\n */\nexport const borderRadius = {\n  sm: 4,\n  md: 8,\n  lg: 12,\n  xl: 16,\n  full: 9999,\n} as const;\n\nexport type BorderRadiusKey = keyof typeof borderRadius;\n\n/**\n * Typography presets using system fonts.\n */\nexport const typography = {\n  // Headings\n  heading: {\n    fontSize: 32,\n    lineHeight: 40,\n    fontWeight: '800' as const,\n  } as TextStyle,\n\n  subheading: {\n    fontSize: 24,\n    lineHeight: 32,\n    fontWeight: '700' as const,\n  } as TextStyle,\n\n  title: {\n    fontSize: 20,\n    lineHeight: 28,\n    fontWeight: '600' as const,\n  } as TextStyle,\n\n  // Body text\n  body: {\n    fontSize: 16,\n    lineHeight: 24,\n    fontWeight: '400' as const,\n  } as TextStyle,\n\n  bodyMedium: {\n    fontSize: 16,\n    lineHeight: 24,\n    fontWeight: '500' as const,\n  } as TextStyle,\n\n  bodySemibold: {\n    fontSize: 16,\n    lineHeight: 24,\n    fontWeight: '600' as const,\n  } as TextStyle,\n\n  // Small text\n  caption: {\n    fontSize: 14,\n    lineHeight: 20,\n    fontWeight: '400' as const,\n  } as TextStyle,\n\n  label: {\n    fontSize: 12,\n    lineHeight: 16,\n    fontWeight: '500' as const,\n  } as TextStyle,\n} as const;\n\nexport type TypographyVariant = keyof typeof typography;\n\n/**\n * Common shadow styles.\n */\nexport const shadows = {\n  sm: {\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 1 },\n    shadowOpacity: 0.05,\n    shadowRadius: 2,\n    elevation: 1,\n  } as ViewStyle,\n\n  md: {\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.1,\n    shadowRadius: 4,\n    elevation: 2,\n  } as ViewStyle,\n\n  lg: {\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 4 },\n    shadowOpacity: 0.15,\n    shadowRadius: 8,\n    elevation: 4,\n  } as ViewStyle,\n} as const;\n\nexport type ShadowKey = keyof typeof shadows;\n\n/**\n * Common flex layouts.\n */\nexport const layouts = {\n  row: {\n    flexDirection: 'row',\n  } as ViewStyle,\n\n  rowCenter: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  } as ViewStyle,\n\n  rowBetween: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  } as ViewStyle,\n\n  center: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  } as ViewStyle,\n\n  flex1: {\n    flex: 1,\n  } as ViewStyle,\n} as const;\n\nexport type LayoutKey = keyof typeof layouts;\n\n/**\n * Type for style factory function.\n */\ntype StyleFactory<T> = (colors: ThemeColors) => T;\n\n/**\n * Hook to create themed styles using StyleSheet.create.\n *\n * @example\n * ```tsx\n * const styles = useThemedStyles((colors) => ({\n *   container: {\n *     backgroundColor: colors.background,\n *     padding: spacing.md,\n *   },\n *   title: {\n *     ...typography.heading,\n *     color: colors.foreground,\n *   },\n * }));\n * ```\n */\nexport function useThemedStyles<T extends StyleSheet.NamedStyles<T>>(factory: StyleFactory<T>): T {\n  const { colors } = useThemeSafe();\n  return StyleSheet.create(factory(colors));\n}\n\n/**\n * Create a themed style object without StyleSheet.create.\n * Useful for dynamic styles or when you need to merge with other styles.\n */\nexport function createThemedStyle<T extends ViewStyle | TextStyle>(\n  factory: StyleFactory<T>,\n  colors: ThemeColors\n): T {\n  return factory(colors);\n}\n"]}