@campxdev/react-native-blueprint 0.1.8 → 0.1.11

package/lib/commonjs/lib/ThemeProvider.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ThemeProvider = ThemeProvider;
+exports.useTheme = useTheme;
+exports.useThemeMode = useThemeMode;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _nativewind = require("nativewind");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Available theme modes for the application
+ * @typedef {'light' | 'dark' | 'system'} ThemeMode
+ * - `light`: Force light theme regardless of system preference
+ * - `dark`: Force dark theme regardless of system preference
+ * - `system`: Automatically follow device system theme preference (default)
+ */
+
+/**
+ * Context type for theme management
+ * @internal
+ */
+
+const ThemeContext = /*#__PURE__*/React.createContext(undefined);
+
+/**
+ * Props for ThemeProvider component
+ */
+
+/**
+ * Theme Provider component that manages application theme state
+ *
+ * Provides theme context to all child components, enabling dark mode support
+ * throughout the application. Automatically responds to system theme changes
+ * when mode is set to 'system'.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic usage with system theme
+ * function App() {
+ *   return (
+ *     <ThemeProvider>
+ *       <YourApp />
+ *     </ThemeProvider>
+ *   );
+ * }
+ *
+ * // Start with dark mode
+ * function App() {
+ *   return (
+ *     <ThemeProvider defaultMode="dark">
+ *       <YourApp />
+ *     </ThemeProvider>
+ *   );
+ * }
+ * ```
+ *
+ * @param {ThemeProviderProps} props - Component props
+ * @returns {JSX.Element} Provider component wrapping children with theme context
+ *
+ * @see {@link useTheme} for accessing theme in child components
+ * @see {@link useThemeMode} for optional theme access without error
+ */
+function ThemeProvider({
+  children,
+  defaultMode = 'system'
+}) {
+  const systemColorScheme = (0, _reactNative.useColorScheme)();
+  const {
+    setColorScheme: setNativeWindColorScheme
+  } = (0, _nativewind.useColorScheme)();
+  const [mode, setModeState] = React.useState(defaultMode);
+  const isDark = React.useMemo(() => {
+    if (mode === 'system') {
+      return systemColorScheme === 'dark';
+    }
+    return mode === 'dark';
+  }, [mode, systemColorScheme]);
+
+  // Sync with nativewind when mode or isDark changes
+  React.useEffect(() => {
+    if (mode === 'system') {
+      setNativeWindColorScheme(systemColorScheme === 'dark' ? 'dark' : 'light');
+    } else {
+      setNativeWindColorScheme(mode);
+    }
+  }, [mode, systemColorScheme, setNativeWindColorScheme]);
+  const setMode = React.useCallback(newMode => {
+    setModeState(newMode);
+  }, []);
+  const {
+    THEME
+  } = require('./theme');
+  const colors = React.useMemo(() => isDark ? THEME.dark : THEME.light, [isDark, THEME]);
+  const value = React.useMemo(() => ({
+    mode,
+    isDark,
+    setMode,
+    colors
+  }), [mode, isDark, setMode, colors]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ThemeContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+
+/**
+ * Hook to access theme context and controls
+ *
+ * Provides access to the current theme state and methods to change the theme.
+ * Must be used within a ThemeProvider component tree.
+ *
+ * @returns {ThemeContextType} Theme context object
+ * @throws {Error} If used outside of ThemeProvider
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { mode, isDark, setMode, colors } = useTheme();
+ *
+ *   return (
+ *     <View style={{ backgroundColor: colors.background }}>
+ *       <Text style={{ color: colors.foreground }}>
+ *         Current mode: {mode} (Dark: {isDark ? 'Yes' : 'No'})
+ *       </Text>
+ *       <Button onPress={() => setMode(isDark ? 'light' : 'dark')}>
+ *         <Text>Toggle Theme</Text>
+ *       </Button>
+ *     </View>
+ *   );
+ * }
+ * ```
+ *
+ * @see {@link ThemeProvider} for setup
+ * @see {@link useThemeMode} for optional access without error throwing
+ */
+function useTheme() {
+  const context = React.useContext(ThemeContext);
+  if (context === undefined) {
+    throw new Error('useTheme must be used within a ThemeProvider');
+  }
+  return context;
+}
+
+/**
+ * Optional hook to get current dark mode state
+ *
+ * Similar to useTheme but only returns the isDark boolean and doesn't throw
+ * an error if used outside ThemeProvider. Useful for components that want
+ * to adapt to theme but don't require it.
+ *
+ * @returns {boolean | undefined} Whether dark mode is active, or undefined if no provider
+ *
+ * @example
+ * ```tsx
+ * function OptionalThemedComponent() {
+ *   const isDark = useThemeMode();
+ *
+ *   // Component works with or without ThemeProvider
+ *   const backgroundColor = isDark ? '#000' : '#fff';
+ *
+ *   return (
+ *     <View style={{ backgroundColor }}>
+ *       <Text>This component adapts if theme is available</Text>
+ *     </View>
+ *   );
+ * }
+ * ```
+ *
+ * @see {@link useTheme} for full theme access (requires provider)
+ */
+function useThemeMode() {
+  const context = React.useContext(ThemeContext);
+  return context?.isDark;
+}
+//# sourceMappingURL=ThemeProvider.js.map

package/lib/commonjs/lib/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_nativewind","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ThemeContext","createContext","undefined","ThemeProvider","children","defaultMode","systemColorScheme","useColorScheme","setColorScheme","setNativeWindColorScheme","useNativeWindColorScheme","mode","setModeState","useState","isDark","useMemo","useEffect","setMode","useCallback","newMode","THEME","colors","dark","light","value","jsx","Provider","useTheme","context","useContext","Error","useThemeMode"],"sourceRoot":"../../../src","sources":["lib/ThemeProvider.tsx"],"mappings":"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,oBACE,IAAAzC,WAAA,CAAA6C,GAAA,EAACzB,YAAY,CAAC0B,QAAQ;IAACF,KAAK,EAAEA,KAAM;IAAApB,QAAA,EAAEA;EAAQ,CAAwB,CAAC;AAE3E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASuB,QAAQA,CAAA,EAAG;EACzB,MAAMC,OAAO,GAAGrD,KAAK,CAACsD,UAAU,CAAC7B,YAAY,CAAC;EAC9C,IAAI4B,OAAO,KAAK1B,SAAS,EAAE;IACzB,MAAM,IAAI4B,KAAK,CAAC,8CAA8C,CAAC;EACjE;EACA,OAAOF,OAAO;AAChB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,YAAYA,CAAA,EAAwB;EAClD,MAAMH,OAAO,GAAGrD,KAAK,CAACsD,UAAU,CAAC7B,YAAY,CAAC;EAC9C,OAAO4B,OAAO,EAAEd,MAAM;AACxB","ignoreList":[]}

package/lib/commonjs/lib/cornerRadius.js

@@ -0,0 +1,171 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RADIUS_PRESET = exports.RADIUS = exports.CORNER_SMOOTHING = void 0;
+exports.getCustomRadius = getCustomRadius;
+exports.getRadiusForDimensions = getRadiusForDimensions;
+exports.getRadiusForHeight = getRadiusForHeight;
+/**
+ * Corner Radius System
+ *
+ * Automatically calculates the appropriate corner radius based on element dimensions.
+ *
+ * Design Rule:
+ * - Elements < 80px height → 12px radius
+ * - Elements ≥ 80px height → 20px radius
+ * - All corners use 100% smoothing (Apple-style squircles)
+ *
+ * Examples:
+ * - Button (50px height) → 12px
+ * - Chip (24px height) → 12px
+ * - Checkbox (16px height) → 4px (special case for very small)
+ * - Small card (60px height) → 12px
+ * - Large card (200px height) → 20px
+ * - Dialog (400px height) → 20px
+ */
+
+/**
+ * Primitive radius values from your design system
+ * Your exact values: 0, 2, 4, 8, 12, 20, 24, 32, 48
+ */
+const RADIUS = exports.RADIUS = {
+  R0: 0,
+  // None
+  R1: 2,
+  // Tiny
+  R2: 4,
+  // Extra small
+  R3: 8,
+  // Small
+  R4: 12,
+  // Medium
+  R5: 20,
+  // Large
+  R6: 24,
+  // Extra large
+  R7: 32,
+  // 2X large
+  R8: 48 // 3X large / Pill
+};
+
+/**
+ * Height thresholds for radius calculation
+ */
+const HEIGHT_THRESHOLDS = {
+  TINY: 20,
+  // < 20px height → Use R2 (4px) for very small elements
+  SMALL: 80,
+  // < 80px height → Use R4 (12px)
+  LARGE: 80 // ≥ 80px height → Use R5 (20px)
+};
+
+/**
+ * Calculate corner radius based on element height
+ *
+ * @param height - Element height in pixels
+ * @returns Corner radius in pixels
+ *
+ * @example
+ * ```tsx
+ * // Button (50px height)
+ * const radius = getRadiusForHeight(50); // Returns 12
+ *
+ * // Checkbox (16px height)
+ * const radius = getRadiusForHeight(16); // Returns 4
+ *
+ * // Card (160px height)
+ * const radius = getRadiusForHeight(160); // Returns 20
+ * ```
+ */
+function getRadiusForHeight(height) {
+  if (height < HEIGHT_THRESHOLDS.TINY) {
+    return RADIUS.R2; // 4px for very small elements (checkbox, badge, etc.)
+  }
+  if (height < HEIGHT_THRESHOLDS.SMALL) {
+    return RADIUS.R4; // 12px for small-medium elements (button, chip, input, etc.)
+  }
+  return RADIUS.R5; // 20px for large elements (card, dialog, sheet, etc.)
+}
+
+/**
+ * Calculate corner radius based on smallest dimension (width or height)
+ * Useful for square or nearly-square elements
+ *
+ * @param width - Element width in pixels
+ * @param height - Element height in pixels
+ * @returns Corner radius in pixels
+ *
+ * @example
+ * ```tsx
+ * // Square checkbox (16×16)
+ * const radius = getRadiusForDimensions(16, 16); // Returns 4
+ *
+ * // Wide button (200×50)
+ * const radius = getRadiusForDimensions(200, 50); // Returns 12 (based on height)
+ *
+ * // Tall card (300×200)
+ * const radius = getRadiusForDimensions(300, 200); // Returns 20 (based on width)
+ * ```
+ */
+function getRadiusForDimensions(width, height) {
+  const smallestDimension = Math.min(width, height);
+  return getRadiusForHeight(smallestDimension);
+}
+
+/**
+ * Get corner radius with custom thresholds
+ * Advanced usage when you need different breakpoints
+ *
+ * @param height - Element height in pixels
+ * @param options - Custom threshold options
+ * @returns Corner radius in pixels
+ *
+ * @example
+ * ```tsx
+ * // Use 20px radius for elements ≥ 100px instead of 80px
+ * const radius = getCustomRadius(90, { largeThreshold: 100 });
+ * ```
+ */
+function getCustomRadius(height, options) {
+  const {
+    tinyThreshold = HEIGHT_THRESHOLDS.TINY,
+    smallThreshold = HEIGHT_THRESHOLDS.SMALL,
+    tinyRadius = RADIUS.R2,
+    smallRadius = RADIUS.R4,
+    largeRadius = RADIUS.R5
+  } = options || {};
+  if (height < tinyThreshold) {
+    return tinyRadius;
+  }
+  if (height < smallThreshold) {
+    return smallRadius;
+  }
+  return largeRadius;
+}
+
+/**
+ * Corner smoothing value (0-1)
+ * 1.0 = 100% smoothing (Apple-style squircles)
+ */
+const CORNER_SMOOTHING = exports.CORNER_SMOOTHING = 1.0;
+
+/**
+ * Preset radius values for common use cases
+ * Use these when you know the exact size you want
+ */
+const RADIUS_PRESET = exports.RADIUS_PRESET = {
+  none: RADIUS.R0,
+  // 0px - No radius
+  tiny: RADIUS.R2,
+  // 4px - Checkbox, badge, tooltip
+  small: RADIUS.R4,
+  // 12px - Button, chip, input, small card
+  large: RADIUS.R5,
+  // 20px - Large card, dialog, sheet
+  pill: RADIUS.R6,
+  // 48px - Fully rounded
+  circle: 9999 // Full circle - Avatar, radio button
+};
+//# sourceMappingURL=cornerRadius.js.map

package/lib/commonjs/lib/cornerRadius.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RADIUS","exports","R0","R1","R2","R3","R4","R5","R6","R7","R8","HEIGHT_THRESHOLDS","TINY","SMALL","LARGE","getRadiusForHeight","height","getRadiusForDimensions","width","smallestDimension","Math","min","getCustomRadius","options","tinyThreshold","smallThreshold","tinyRadius","smallRadius","largeRadius","CORNER_SMOOTHING","RADIUS_PRESET","none","tiny","small","large","pill","circle"],"sourceRoot":"../../../src","sources":["lib/cornerRadius.ts"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACO,MAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBE,EAAE,EAAE,CAAC;EAAE;EACPC,EAAE,EAAE,CAAC;EAAE;EACPC,EAAE,EAAE,CAAC;EAAE;EACPC,EAAE,EAAE,CAAC;EAAE;EACPC,EAAE,EAAE,EAAE;EAAE;EACRC,EAAE,EAAE,EAAE;EAAE;EACRC,EAAE,EAAE,EAAE;EAAE;EACRC,EAAE,EAAE,EAAE;EAAE;EACRC,EAAE,EAAE,EAAE,CAAE;AACV,CAAU;;AAEV;AACA;AACA;AACA,MAAMC,iBAAiB,GAAG;EACxBC,IAAI,EAAE,EAAE;EAAE;EACVC,KAAK,EAAE,EAAE;EAAE;EACXC,KAAK,EAAE,EAAE,CAAE;AACb,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,kBAAkBA,CAACC,MAAc,EAAU;EACzD,IAAIA,MAAM,GAAGL,iBAAiB,CAACC,IAAI,EAAE;IACnC,OAAOZ,MAAM,CAACI,EAAE,CAAC,CAAC;EACpB;EAEA,IAAIY,MAAM,GAAGL,iBAAiB,CAACE,KAAK,EAAE;IACpC,OAAOb,MAAM,CAACM,EAAE,CAAC,CAAC;EACpB;EAEA,OAAON,MAAM,CAACO,EAAE,CAAC,CAAC;AACpB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASU,sBAAsBA,CAACC,KAAa,EAAEF,MAAc,EAAU;EAC5E,MAAMG,iBAAiB,GAAGC,IAAI,CAACC,GAAG,CAACH,KAAK,EAAEF,MAAM,CAAC;EACjD,OAAOD,kBAAkB,CAACI,iBAAiB,CAAC;AAC9C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,eAAeA,CAC7BN,MAAc,EACdO,OAMC,EACO;EACR,MAAM;IACJC,aAAa,GAAGb,iBAAiB,CAACC,IAAI;IACtCa,cAAc,GAAGd,iBAAiB,CAACE,KAAK;IACxCa,UAAU,GAAG1B,MAAM,CAACI,EAAE;IACtBuB,WAAW,GAAG3B,MAAM,CAACM,EAAE;IACvBsB,WAAW,GAAG5B,MAAM,CAACO;EACvB,CAAC,GAAGgB,OAAO,IAAI,CAAC,CAAC;EAEjB,IAAIP,MAAM,GAAGQ,aAAa,EAAE;IAC1B,OAAOE,UAAU;EACnB;EAEA,IAAIV,MAAM,GAAGS,cAAc,EAAE;IAC3B,OAAOE,WAAW;EACpB;EAEA,OAAOC,WAAW;AACpB;;AAEA;AACA;AACA;AACA;AACO,MAAMC,gBAAgB,GAAA5B,OAAA,CAAA4B,gBAAA,GAAG,GAAG;;AAEnC;AACA;AACA;AACA;AACO,MAAMC,aAAa,GAAA7B,OAAA,CAAA6B,aAAA,GAAG;EAC3BC,IAAI,EAAE/B,MAAM,CAACE,EAAE;EAAE;EACjB8B,IAAI,EAAEhC,MAAM,CAACI,EAAE;EAAE;EACjB6B,KAAK,EAAEjC,MAAM,CAACM,EAAE;EAAE;EAClB4B,KAAK,EAAElC,MAAM,CAACO,EAAE;EAAE;EAClB4B,IAAI,EAAEnC,MAAM,CAACQ,EAAE;EAAE;EACjB4B,MAAM,EAAE,IAAI,CAAE;AAChB,CAAU","ignoreList":[]}

package/lib/commonjs/lib/fonts.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fonts = void 0;
+var _reactNative = require("react-native");
+/**
+ * Font configuration for CampX Design System
+ *
+ * This package uses system fonts by default for better compatibility with bare React Native CLI apps.
+ *
+ * Font Families:
+ * - Poppins: Used for headings, buttons, labels, subtitles
+ * - Heebo: Used for body text, inputs, captions
+ *
+ * Weights:
+ * - 400 (Regular): Body text, labels, captions
+ * - 600 (Semi Bold): Subtitles, buttons, emphasized body
+ * - 800 (Extra Bold): Headings
+ *
+ * ## Using Custom Fonts
+ *
+ * ### Option 1: Expo Projects (Recommended for Expo users)
+ * Install and use expo-font:
+ * ```bash
+ * npm install expo-font @expo-google-fonts/poppins @expo-google-fonts/heebo
+ * ```
+ *
+ * Then load fonts in your app:
+ * ```tsx
+ * import { useFonts } from 'expo-font';
+ * import { Poppins_400Regular, Poppins_600SemiBold } from '@expo-google-fonts/poppins';
+ *
+ * function App() {
+ *   const [fontsLoaded] = useFonts({ Poppins_400Regular, Poppins_600SemiBold });
+ *   if (!fontsLoaded) return null;
+ *   // Your app
+ * }
+ * ```
+ *
+ * ### Option 2: Bare React Native CLI
+ * 1. Add font files to:
+ *    - `android/app/src/main/assets/fonts/`
+ *    - `ios/[YourApp]/Fonts/`
+ *
+ * 2. Configure react-native.config.js:
+ * ```js
+ * module.exports = {
+ *   assets: ['./assets/fonts/']
+ * };
+ * ```
+ *
+ * 3. Run: `npx react-native-asset`
+ *
+ * 4. Use font names directly in styles:
+ * ```tsx
+ * <Text style={{ fontFamily: 'Poppins-Regular' }}>Hello</Text>
+ * ```
+ *
+ * ### Option 3: System Fonts (Default - No Setup Required)
+ * The library works with system fonts out of the box.
+ */
+
+// System font fallbacks for bare React Native
+const systemFonts = {
+  ios: {
+    regular: 'System',
+    semiBold: 'System',
+    bold: 'System'
+  },
+  android: {
+    regular: 'sans-serif',
+    semiBold: 'sans-serif-medium',
+    bold: 'sans-serif'
+  },
+  default: {
+    regular: 'System',
+    semiBold: 'System',
+    bold: 'System'
+  }
+};
+const platformFonts = systemFonts[_reactNative.Platform.OS] || systemFonts.default;
+
+/**
+ * Font configuration object
+ * Returns font family names that work with system fonts by default
+ *
+ * If you've loaded custom fonts (Poppins/Heebo), the components will use them automatically
+ * when you specify fontFamily in styles.
+ */
+const fonts = exports.fonts = {
+  // Poppins fallbacks
+  Poppins_400Regular: platformFonts.regular,
+  Poppins_600SemiBold: platformFonts.semiBold,
+  Poppins_800ExtraBold: platformFonts.bold,
+  // Heebo fallbacks
+  Heebo_400Regular: platformFonts.regular,
+  Heebo_600SemiBold: platformFonts.semiBold
+};
+//# sourceMappingURL=fonts.js.map

package/lib/commonjs/lib/fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","systemFonts","ios","regular","semiBold","bold","android","default","platformFonts","Platform","OS","fonts","exports","Poppins_400Regular","Poppins_600SemiBold","Poppins_800ExtraBold","Heebo_400Regular","Heebo_600SemiBold"],"sourceRoot":"../../../src","sources":["lib/fonts.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAMC,WAAW,GAAG;EAClBC,GAAG,EAAE;IACHC,OAAO,EAAE,QAAQ;IACjBC,QAAQ,EAAE,QAAQ;IAClBC,IAAI,EAAE;EACR,CAAC;EACDC,OAAO,EAAE;IACPH,OAAO,EAAE,YAAY;IACrBC,QAAQ,EAAE,mBAAmB;IAC7BC,IAAI,EAAE;EACR,CAAC;EACDE,OAAO,EAAE;IACPJ,OAAO,EAAE,QAAQ;IACjBC,QAAQ,EAAE,QAAQ;IAClBC,IAAI,EAAE;EACR;AACF,CAAC;AAED,MAAMG,aAAa,GACjBP,WAAW,CAACQ,qBAAQ,CAACC,EAAE,CAA6B,IAAIT,WAAW,CAACM,OAAO;;AAE7E;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMI,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EACnB;EACAE,kBAAkB,EAAEL,aAAa,CAACL,OAAO;EACzCW,mBAAmB,EAAEN,aAAa,CAACJ,QAAQ;EAC3CW,oBAAoB,EAAEP,aAAa,CAACH,IAAI;EACxC;EACAW,gBAAgB,EAAER,aAAa,CAACL,OAAO;EACvCc,iBAAiB,EAAET,aAAa,CAACJ;AACnC,CAAC","ignoreList":[]}

package/lib/commonjs/lib/slot-helpers.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SlotView = exports.SlotTextInput = exports.SlotText = exports.SlotPressable = exports.Slot = void 0;
+var SlotPrimitive = _interopRequireWildcard(require("@rn-primitives/slot"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Properly typed Slot component wrappers
+ *
+ * The @rn-primitives/slot package has complex type inference that doesn't
+ * properly expose className props. These wrappers provide correct typing.
+ */
+
+// Create properly typed versions of Slot components
+const SlotView = exports.SlotView = SlotPrimitive.View;
+const SlotPressable = exports.SlotPressable = SlotPrimitive.Pressable;
+const SlotText = exports.SlotText = SlotPrimitive.Text;
+const SlotTextInput = exports.SlotTextInput = SlotPrimitive.TextInput;
+
+// Re-export Slot for cases where it's used directly
+const Slot = exports.Slot = SlotPrimitive.Slot;
+//# sourceMappingURL=slot-helpers.js.map

package/lib/commonjs/lib/slot-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SlotPrimitive","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SlotView","exports","View","SlotPressable","Pressable","SlotText","Text","SlotTextInput","TextInput","Slot"],"sourceRoot":"../../../src","sources":["lib/slot-helpers.ts"],"mappings":";;;;;;AAOA,IAAAA,aAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAqD,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAPrD;AACA;AACA;AACA;AACA;AACA;;AAUA;AACO,MAAMkB,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAGtB,aAAa,CAACwB,IAMrC;AAEM,MAAMC,aAAa,GAAAF,OAAA,CAAAE,aAAA,GACxBzB,aAAa,CAAC0B,SAMb;AAEI,MAAMC,QAAQ,GAAAJ,OAAA,CAAAI,QAAA,GAAG3B,aAAa,CAAC4B,IAMrC;AAEM,MAAMC,aAAa,GAAAN,OAAA,CAAAM,aAAA,GACxB7B,aAAa,CAAC8B,SAMb;;AAEH;AACO,MAAMC,IAAI,GAAAR,OAAA,CAAAQ,IAAA,GAAG/B,aAAa,CAAC+B,IAKjC","ignoreList":[]}