@onlynative/components 0.0.0-alpha.1 → 0.0.0-alpha.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 OnlyNative
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/appbar/index.js

@@ -25,28 +25,9 @@ __export(appbar_exports, {
 module.exports = __toCommonJS(appbar_exports);
 
 // src/appbar/AppBar.tsx
-var import_react3 = require("react");
-var import_react_native8 = require("react-native");
-var import_react_native_safe_area_context = require("react-native-safe-area-context");
 var import_core4 = require("@onlynative/core");
 
-// src/icon-button/IconButton.tsx
-var import_react = require("react");
-var import_react_native5 = require("react-native");
-var import_core = require("@onlynative/core");
-
-// ../utils/dist/chunk-OQRDRRQA.mjs
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-// ../utils/dist/index.mjs
-var import_react_native = require("react-native");
-var import_react_native2 = require("react-native");
-var import_react_native3 = require("react-native");
+// ../utils/src/color.ts
 function parseHexColor(color) {
   const normalized = color.replace("#", "");
   if (normalized.length !== 6 && normalized.length !== 8) {
@@ -89,13 +70,15 @@ function blendColor(base, overlay, overlayAlpha) {
   );
   return `rgb(${r}, ${g}, ${b})`;
 }
+
+// ../utils/src/icon.ts
 var _MCIcons = null;
 var _resolved = false;
 function getMaterialCommunityIcons() {
   if (!_resolved) {
     _resolved = true;
     try {
-      const mod = __require("@expo/vector-icons/MaterialCommunityIcons");
+      const mod = require("@expo/vector-icons/MaterialCommunityIcons");
       _MCIcons = mod.default || mod;
     } catch {
       _MCIcons = null;
@@ -108,17 +91,30 @@ function getMaterialCommunityIcons() {
   }
   return _MCIcons;
 }
+
+// ../utils/src/rtl.ts
+var import_react_native = require("react-native");
 function selectRTL(ltr, rtl) {
-  return import_react_native3.I18nManager.isRTL ? rtl : ltr;
+  return import_react_native.I18nManager.isRTL ? rtl : ltr;
 }
 
+// src/appbar/AppBar.tsx
+var import_react3 = require("react");
+var import_react_native6 = require("react-native");
+var import_react_native_safe_area_context = require("react-native-safe-area-context");
+
+// src/icon-button/IconButton.tsx
+var import_core = require("@onlynative/core");
+var import_react = require("react");
+var import_react_native3 = require("react-native");
+
 // src/icon-button/styles.ts
-var import_react_native4 = require("react-native");
+var import_react_native2 = require("react-native");
 function createStyles(theme) {
   const disabledContainerColor = alphaColor(theme.colors.onSurface, 0.12);
   const disabledOutlineColor = alphaColor(theme.colors.onSurface, 0.12);
   const toggleUnselectedContainerColor = theme.colors.surfaceContainerHighest;
-  return import_react_native4.StyleSheet.create({
+  return import_react_native2.StyleSheet.create({
     container: {
       borderRadius: theme.shape.cornerFull,
       alignItems: "center",
@@ -353,11 +349,13 @@ function createStyles(theme) {
       borderColor: disabledContainerColor,
       cursor: "auto"
     },
+    // eslint-disable-next-line react-native/no-color-literals
     disabledOutlined: {
       backgroundColor: "transparent",
       borderColor: disabledOutlineColor,
       cursor: "auto"
     },
+    // eslint-disable-next-line react-native/no-color-literals
     disabledStandard: {
       backgroundColor: "transparent",
       borderColor: "transparent",
@@ -556,7 +554,7 @@ function IconButton({
     };
   }, [containerColor, resolvedIconColor, theme.stateLayer]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_native5.Pressable,
+    import_react_native3.Pressable,
     {
       ...props,
       accessibilityRole: "button",
@@ -598,9 +596,9 @@ function IconButton({
 }
 
 // src/typography/Typography.tsx
-var import_react2 = require("react");
-var import_react_native6 = require("react-native");
 var import_core2 = require("@onlynative/core");
+var import_react2 = require("react");
+var import_react_native4 = require("react-native");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var HEADING_VARIANTS = /* @__PURE__ */ new Set([
   "displayLarge",
@@ -615,7 +613,7 @@ function Typography({
   variant = "bodyMedium",
   color,
   style,
-  as: Component = import_react_native6.Text,
+  as: Component = import_react_native4.Text,
   accessibilityRole,
   ...textProps
 }) {
@@ -624,7 +622,7 @@ function Typography({
   const resolvedRole = accessibilityRole != null ? accessibilityRole : HEADING_VARIANTS.has(variant) ? "header" : void 0;
   const lineHeightFix = (0, import_react2.useMemo)(() => {
     if (!style) return void 0;
-    const flat = import_react_native6.StyleSheet.flatten(style);
+    const flat = import_react_native4.StyleSheet.flatten(style);
     if (!(flat == null ? void 0 : flat.fontSize) || flat.lineHeight) return void 0;
     const ratio = typographyStyle.lineHeight / typographyStyle.fontSize;
     return { lineHeight: Math.ceil(flat.fontSize * ratio) };
@@ -647,8 +645,8 @@ function Typography({
 }
 
 // src/appbar/styles.ts
-var import_react_native7 = require("react-native");
 var import_core3 = require("@onlynative/core");
+var import_react_native5 = require("react-native");
 function getColorSchemeColors(theme, colorScheme) {
   switch (colorScheme) {
     case "surfaceContainerLowest":
@@ -705,7 +703,7 @@ function getColorSchemeColors(theme, colorScheme) {
 function createStyles2(theme, schemeColors) {
   var _a;
   const topAppBar = (_a = theme.topAppBar) != null ? _a : import_core3.defaultTopAppBarTokens;
-  return import_react_native7.StyleSheet.create({
+  return import_react_native5.StyleSheet.create({
     root: {
       backgroundColor: schemeColors.containerColor
     },
@@ -794,7 +792,7 @@ function createStyles2(theme, schemeColors) {
 // src/appbar/AppBar.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function getBackIcon() {
-  if (import_react_native8.Platform.OS === "ios") {
+  if (import_react_native6.Platform.OS === "ios") {
     return selectRTL("chevron-left", "chevron-right");
   }
   return selectRTL("arrow-left", "arrow-right");
@@ -825,7 +823,7 @@ function withTopInset(enabled, content, style) {
   if (enabled) {
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_safe_area_context.SafeAreaView, { edges: ["top"], style, children: content });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native8.View, { style, children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style, children: content });
 }
 function measureWidth(event) {
   return Math.round(event.nativeEvent.layout.width);
@@ -886,7 +884,7 @@ function AppBar({
     if (!canGoBack) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native8.View, { style: styles.iconFrame, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: styles.iconFrame, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       IconButton,
       {
         icon: getBackIcon(),
@@ -905,8 +903,8 @@ function AppBar({
     if (!actions || actions.length === 0) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native8.View, { style: styles.actionsRow, children: actions.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_react_native8.View,
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: styles.actionsRow, children: actions.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react_native6.View,
       {
         style: styles.iconFrame,
         children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -924,7 +922,13 @@ function AppBar({
       },
       `${String(action.icon)}-${index}`
     )) });
-  }, [actions, resolvedContentColor, styles.actionsRow, styles.iconFrame, trailing]);
+  }, [
+    actions,
+    resolvedContentColor,
+    styles.actionsRow,
+    styles.iconFrame,
+    trailing
+  ]);
   const onLeadingLayout = (0, import_react3.useCallback)((event) => {
     const nextWidth = measureWidth(event);
     setLeadingWidth((currentWidth) => {
@@ -943,9 +947,9 @@ function AppBar({
       return nextWidth;
     });
   }, []);
-  const topRow = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native8.View, { style: styles.topRow, children: [
+  const topRow = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: styles.topRow, children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_react_native8.View,
+      import_react_native6.View,
       {
         collapsable: false,
         onLayout: onLeadingLayout,
@@ -953,9 +957,9 @@ function AppBar({
         children: leadingContent
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native8.View, { style: styles.topRowSpacer }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: styles.topRowSpacer }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_react_native8.View,
+      import_react_native6.View,
       {
         collapsable: false,
         onLayout: onActionsLayout,
@@ -977,10 +981,10 @@ function AppBar({
     containerOverride
   ];
   if (isExpanded) {
-    const content2 = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native8.View, { style: [styles.expandedContainer, getSizeStyle2(styles, size)], children: [
+    const content2 = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: [styles.expandedContainer, getSizeStyle2(styles, size)], children: [
       topRow,
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native8.View,
+        import_react_native6.View,
         {
           style: [
             styles.expandedTitleContainer,
@@ -1004,11 +1008,11 @@ function AppBar({
         }
       )
     ] });
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native8.View, { style: rootStyle, children: withTopInset(insetTop, content2, safeAreaStyle) });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: rootStyle, children: withTopInset(insetTop, content2, safeAreaStyle) });
   }
-  const content = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native8.View, { style: styles.smallContainer, children: [
+  const content = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: styles.smallContainer, children: [
     topRow,
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native8.View, { style: [styles.overlayTitleContainer, overlayTitleInsetStyle], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: [styles.overlayTitleContainer, overlayTitleInsetStyle], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       Typography,
       {
         ...APP_BAR_TITLE_TEXT_PROPS,
@@ -1023,7 +1027,7 @@ function AppBar({
       }
     ) })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native8.View, { style: rootStyle, children: withTopInset(insetTop, content, safeAreaStyle) });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: rootStyle, children: withTopInset(insetTop, content, safeAreaStyle) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/avatar/index.js

@@ -25,22 +25,9 @@ __export(avatar_exports, {
 module.exports = __toCommonJS(avatar_exports);
 
 // src/avatar/Avatar.tsx
-var import_react = require("react");
-var import_react_native5 = require("react-native");
 var import_core = require("@onlynative/core");
 
-// ../utils/dist/chunk-OQRDRRQA.mjs
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-// ../utils/dist/index.mjs
-var import_react_native = require("react-native");
-var import_react_native2 = require("react-native");
-var import_react_native3 = require("react-native");
+// ../utils/src/color.ts
 function parseHexColor(color) {
   const normalized = color.replace("#", "");
   if (normalized.length !== 6 && normalized.length !== 8) {
@@ -83,13 +70,15 @@ function blendColor(base, overlay, overlayAlpha) {
   );
   return `rgb(${r}, ${g}, ${b})`;
 }
+
+// ../utils/src/icon.ts
 var _MCIcons = null;
 var _resolved = false;
 function getMaterialCommunityIcons() {
   if (!_resolved) {
     _resolved = true;
     try {
-      const mod = __require("@expo/vector-icons/MaterialCommunityIcons");
+      const mod = require("@expo/vector-icons/MaterialCommunityIcons");
       _MCIcons = mod.default || mod;
     } catch {
       _MCIcons = null;
@@ -103,10 +92,14 @@ function getMaterialCommunityIcons() {
   return _MCIcons;
 }
 
+// src/avatar/Avatar.tsx
+var import_react = require("react");
+var import_react_native2 = require("react-native");
+
 // src/avatar/styles.ts
-var import_react_native4 = require("react-native");
+var import_react_native = require("react-native");
 function createStyles(theme) {
-  return import_react_native4.StyleSheet.create({
+  return import_react_native.StyleSheet.create({
     container: {
       borderRadius: theme.shape.cornerFull,
       alignItems: "center",
@@ -201,7 +194,7 @@ function Avatar({
     }),
     [bgColor, fgColor, theme.stateLayer]
   );
-  const content = imageUri ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native5.Image, { source: { uri: imageUri }, style: styles.image, accessible: false }) : label && !icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native5.Text, { style: initialsStyle, numberOfLines: 1, allowFontScaling: false, children: initials }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  const content = imageUri ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Image, { source: { uri: imageUri }, style: styles.image, accessible: false }) : label && !icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: initialsStyle, numberOfLines: 1, allowFontScaling: false, children: initials }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     MaterialCommunityIcons,
     {
       name: icon != null ? icon : "account",
@@ -211,7 +204,7 @@ function Avatar({
   );
   if (!isInteractive) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_react_native5.View,
+      import_react_native2.View,
       {
         ...props,
         accessibilityLabel,
@@ -221,7 +214,7 @@ function Avatar({
     );
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_native5.Pressable,
+    import_react_native2.Pressable,
     {
       ...props,
       accessibilityRole: "button",

package/dist/button/index.js

@@ -25,22 +25,9 @@ __export(button_exports, {
 module.exports = __toCommonJS(button_exports);
 
 // src/button/Button.tsx
-var import_react = require("react");
-var import_react_native5 = require("react-native");
 var import_core = require("@onlynative/core");
 
-// ../utils/dist/chunk-OQRDRRQA.mjs
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-// ../utils/dist/index.mjs
-var import_react_native = require("react-native");
-var import_react_native2 = require("react-native");
-var import_react_native3 = require("react-native");
+// ../utils/src/color.ts
 function parseHexColor(color) {
   const normalized = color.replace("#", "");
   if (normalized.length !== 6 && normalized.length !== 8) {
@@ -83,6 +70,9 @@ function blendColor(base, overlay, overlayAlpha) {
   );
   return `rgb(${r}, ${g}, ${b})`;
 }
+
+// ../utils/src/elevation.ts
+var import_react_native = require("react-native");
 function elevationStyle(level) {
   if (import_react_native.Platform.OS === "web") {
     const { shadowOffset, shadowOpacity, shadowRadius } = level;
@@ -104,13 +94,15 @@ function elevationStyle(level) {
     elevation: level.elevation
   };
 }
+
+// ../utils/src/icon.ts
 var _MCIcons = null;
 var _resolved = false;
 function getMaterialCommunityIcons() {
   if (!_resolved) {
     _resolved = true;
     try {
-      const mod = __require("@expo/vector-icons/MaterialCommunityIcons");
+      const mod = require("@expo/vector-icons/MaterialCommunityIcons");
       _MCIcons = mod.default || mod;
     } catch {
       _MCIcons = null;
@@ -123,6 +115,9 @@ function getMaterialCommunityIcons() {
   }
   return _MCIcons;
 }
+
+// ../utils/src/pressable.ts
+var import_react_native2 = require("react-native");
 function resolvePressableStyle(base, hovered, pressed, disabled, isDisabled, style) {
   if (typeof style === "function") {
     return (state) => [
@@ -146,8 +141,12 @@ function resolveColorFromStyle(...styles) {
   return typeof (flattened == null ? void 0 : flattened.color) === "string" ? flattened.color : void 0;
 }
 
-// src/button/styles.ts
+// src/button/Button.tsx
+var import_react = require("react");
 var import_react_native4 = require("react-native");
+
+// src/button/styles.ts
+var import_react_native3 = require("react-native");
 function getVariantColors(theme, variant) {
   const disabledContainerColor = alphaColor(theme.colors.onSurface, 0.12);
   const disabledLabelColor = alphaColor(theme.colors.onSurface, 0.38);
@@ -328,7 +327,7 @@ function createStyles(theme, variant, hasLeadingIcon, hasTrailingIcon, container
   const elevationLevel1 = elevationStyle(theme.elevation.level1);
   const elevationLevel2 = elevationStyle(theme.elevation.level2);
   const baseElevation = variant === "elevated" ? elevationLevel1 : elevationLevel0;
-  return import_react_native4.StyleSheet.create({
+  return import_react_native3.StyleSheet.create({
     container: {
       alignSelf: "flex-start",
       alignItems: "center",
@@ -426,12 +425,12 @@ function Button({
     [isDisabled, styles.disabledLabel, styles.label, labelStyleOverride]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_react_native5.Pressable,
+    import_react_native4.Pressable,
     {
       ...props,
       accessibilityRole: "button",
       accessibilityState: { disabled: isDisabled },
-      hitSlop: import_react_native5.Platform.OS === "web" ? void 0 : 4,
+      hitSlop: import_react_native4.Platform.OS === "web" ? void 0 : 4,
       disabled: isDisabled,
       style: resolvePressableStyle(
         styles.container,
@@ -451,7 +450,7 @@ function Button({
             style: styles.leadingIcon
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native5.Text, { style: computedLabelStyle, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native4.Text, { style: computedLabelStyle, children }),
         trailingIcon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           MaterialCommunityIcons,
           {

package/dist/card/index.js

@@ -25,14 +25,9 @@ __export(card_exports, {
 module.exports = __toCommonJS(card_exports);
 
 // src/card/Card.tsx
-var import_react = require("react");
-var import_react_native5 = require("react-native");
 var import_core = require("@onlynative/core");
 
-// ../utils/dist/index.mjs
-var import_react_native = require("react-native");
-var import_react_native2 = require("react-native");
-var import_react_native3 = require("react-native");
+// ../utils/src/color.ts
 function parseHexColor(color) {
   const normalized = color.replace("#", "");
   if (normalized.length !== 6 && normalized.length !== 8) {
@@ -75,6 +70,9 @@ function blendColor(base, overlay, overlayAlpha) {
   );
   return `rgb(${r}, ${g}, ${b})`;
 }
+
+// ../utils/src/elevation.ts
+var import_react_native = require("react-native");
 function elevationStyle(level) {
   if (import_react_native.Platform.OS === "web") {
     const { shadowOffset, shadowOpacity, shadowRadius } = level;
@@ -96,6 +94,9 @@ function elevationStyle(level) {
     elevation: level.elevation
   };
 }
+
+// ../utils/src/pressable.ts
+var import_react_native2 = require("react-native");
 function resolvePressableStyle(base, hovered, pressed, disabled, isDisabled, style) {
   if (typeof style === "function") {
     return (state) => [
@@ -115,8 +116,12 @@ function resolvePressableStyle(base, hovered, pressed, disabled, isDisabled, sty
   ];
 }
 
-// src/card/styles.ts
+// src/card/Card.tsx
+var import_react = require("react");
 var import_react_native4 = require("react-native");
+
+// src/card/styles.ts
+var import_react_native3 = require("react-native");
 function getVariantColors(theme, variant) {
   const disabledContainerColor = alphaColor(theme.colors.onSurface, 0.12);
   const disabledOutlineColor = alphaColor(theme.colors.onSurface, 0.12);
@@ -200,7 +205,7 @@ function createStyles(theme, variant, containerColor) {
   const elevationLevel1 = elevationStyle(theme.elevation.level1);
   const elevationLevel2 = elevationStyle(theme.elevation.level2);
   const baseElevation = variant === "elevated" ? elevationLevel1 : elevationLevel0;
-  return import_react_native4.StyleSheet.create({
+  return import_react_native3.StyleSheet.create({
     container: {
       borderRadius: theme.shape.cornerMedium,
       backgroundColor: colors.backgroundColor,
@@ -250,15 +255,15 @@ function Card({
     [theme, variant, containerColor]
   );
   if (!isInteractive) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native5.View, { ...props, style: [styles.container, style], children });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native4.View, { ...props, style: [styles.container, style], children });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_native5.Pressable,
+    import_react_native4.Pressable,
     {
       ...props,
       role: "button",
       accessibilityState: { disabled: isDisabled },
-      hitSlop: import_react_native5.Platform.OS === "web" ? void 0 : 4,
+      hitSlop: import_react_native4.Platform.OS === "web" ? void 0 : 4,
       disabled: isDisabled,
       onPress,
       style: resolvePressableStyle(
@@ -269,7 +274,7 @@ function Card({
         isDisabled,
         style
       ),
-      children: isDisabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native5.View, { style: styles.disabledContent, children }) : children
+      children: isDisabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native4.View, { style: styles.disabledContent, children }) : children
     }
   );
 }

package/dist/checkbox/index.js

@@ -25,22 +25,9 @@ __export(checkbox_exports, {
 module.exports = __toCommonJS(checkbox_exports);
 
 // src/checkbox/Checkbox.tsx
-var import_react = require("react");
-var import_react_native5 = require("react-native");
 var import_core = require("@onlynative/core");
 
-// ../utils/dist/chunk-OQRDRRQA.mjs
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-// ../utils/dist/index.mjs
-var import_react_native = require("react-native");
-var import_react_native2 = require("react-native");
-var import_react_native3 = require("react-native");
+// ../utils/src/color.ts
 function parseHexColor(color) {
   const normalized = color.replace("#", "");
   if (normalized.length !== 6 && normalized.length !== 8) {
@@ -83,13 +70,15 @@ function blendColor(base, overlay, overlayAlpha) {
   );
   return `rgb(${r}, ${g}, ${b})`;
 }
+
+// ../utils/src/icon.ts
 var _MCIcons = null;
 var _resolved = false;
 function getMaterialCommunityIcons() {
   if (!_resolved) {
     _resolved = true;
     try {
-      const mod = __require("@expo/vector-icons/MaterialCommunityIcons");
+      const mod = require("@expo/vector-icons/MaterialCommunityIcons");
       _MCIcons = mod.default || mod;
     } catch {
       _MCIcons = null;
@@ -102,6 +91,9 @@ function getMaterialCommunityIcons() {
   }
   return _MCIcons;
 }
+
+// ../utils/src/pressable.ts
+var import_react_native = require("react-native");
 function resolvePressableStyle(base, hovered, pressed, disabled, isDisabled, style) {
   if (typeof style === "function") {
     return (state) => [
@@ -121,12 +113,16 @@ function resolvePressableStyle(base, hovered, pressed, disabled, isDisabled, sty
   ];
 }
 function resolveColorFromStyle(...styles) {
-  const flattened = import_react_native2.StyleSheet.flatten(styles);
+  const flattened = import_react_native.StyleSheet.flatten(styles);
   return typeof (flattened == null ? void 0 : flattened.color) === "string" ? flattened.color : void 0;
 }
 
+// src/checkbox/Checkbox.tsx
+var import_react = require("react");
+var import_react_native3 = require("react-native");
+
 // src/checkbox/styles.ts
-var import_react_native4 = require("react-native");
+var import_react_native2 = require("react-native");
 function getColors(theme, checked) {
   const disabledOnSurface38 = alphaColor(theme.colors.onSurface, 0.38);
   if (checked) {
@@ -202,7 +198,7 @@ function createStyles(theme, checked, containerColor, contentColor) {
   );
   const size = 18;
   const touchTarget = 48;
-  return import_react_native4.StyleSheet.create({
+  return import_react_native2.StyleSheet.create({
     container: {
       width: touchTarget,
       height: touchTarget,
@@ -277,7 +273,7 @@ function Checkbox({
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_native5.Pressable,
+    import_react_native3.Pressable,
     {
       ...props,
       accessibilityRole: "checkbox",
@@ -285,7 +281,7 @@ function Checkbox({
         disabled: isDisabled,
         checked: isChecked
       },
-      hitSlop: import_react_native5.Platform.OS === "web" ? void 0 : 4,
+      hitSlop: import_react_native3.Platform.OS === "web" ? void 0 : 4,
       disabled: isDisabled,
       onPress: handlePress,
       style: resolvePressableStyle(
@@ -296,7 +292,7 @@ function Checkbox({
         isDisabled,
         style
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native5.View, { style: [styles.box, isDisabled ? styles.disabledBox : void 0], children: isChecked ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native3.View, { style: [styles.box, isDisabled ? styles.disabledBox : void 0], children: isChecked ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         MaterialCommunityIcons,
         {
           name: "check",