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

package/dist/checkbox/index.js

@@ -25,21 +25,9 @@ __export(checkbox_exports, {
 module.exports = __toCommonJS(checkbox_exports);
 
 // src/checkbox/Checkbox.tsx
-var import_react = require("react");
-var import_react_native4 = 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");
+// ../utils/src/color.ts
 function parseHexColor(color) {
   const normalized = color.replace("#", "");
   if (normalized.length !== 6 && normalized.length !== 8) {
@@ -82,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,8 +92,37 @@ function getMaterialCommunityIcons() {
   return _MCIcons;
 }
 
-// src/checkbox/styles.ts
+// ../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) => [
+      base,
+      state.hovered && !state.pressed && !isDisabled ? hovered : void 0,
+      state.pressed && !isDisabled ? pressed : void 0,
+      isDisabled ? disabled : void 0,
+      style(state)
+    ];
+  }
+  return (state) => [
+    base,
+    state.hovered && !state.pressed && !isDisabled ? hovered : void 0,
+    state.pressed && !isDisabled ? pressed : void 0,
+    isDisabled ? disabled : void 0,
+    style
+  ];
+}
+function resolveColorFromStyle(...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_native2 = require("react-native");
 function getColors(theme, checked) {
   const disabledOnSurface38 = alphaColor(theme.colors.onSurface, 0.38);
   if (checked) {
@@ -179,7 +198,7 @@ function createStyles(theme, checked, containerColor, contentColor) {
   );
   const size = 18;
   const touchTarget = 48;
-  return import_react_native3.StyleSheet.create({
+  return import_react_native2.StyleSheet.create({
     container: {
       width: touchTarget,
       height: touchTarget,
@@ -224,24 +243,6 @@ function createStyles(theme, checked, containerColor, contentColor) {
 
 // src/checkbox/Checkbox.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-function resolveStyle(containerStyle, hoveredContainerStyle, pressedContainerStyle, disabledContainerStyle, disabled, style) {
-  if (typeof style === "function") {
-    return (state) => [
-      containerStyle,
-      state.hovered && !state.pressed && !disabled ? hoveredContainerStyle : void 0,
-      state.pressed && !disabled ? pressedContainerStyle : void 0,
-      disabled ? disabledContainerStyle : void 0,
-      style(state)
-    ];
-  }
-  return (state) => [
-    containerStyle,
-    state.hovered && !state.pressed && !disabled ? hoveredContainerStyle : void 0,
-    state.pressed && !disabled ? pressedContainerStyle : void 0,
-    disabled ? disabledContainerStyle : void 0,
-    style
-  ];
-}
 function Checkbox({
   style,
   value = false,
@@ -259,20 +260,20 @@ function Checkbox({
     () => createStyles(theme, isChecked, containerColor, contentColor),
     [theme, isChecked, containerColor, contentColor]
   );
-  const resolvedIconColor = (0, import_react.useMemo)(() => {
-    const base = import_react_native4.StyleSheet.flatten([
+  const resolvedIconColor = (0, import_react.useMemo)(
+    () => resolveColorFromStyle(
       styles.iconColor,
       isDisabled ? styles.disabledIconColor : void 0
-    ]);
-    return typeof (base == null ? void 0 : base.color) === "string" ? base.color : void 0;
-  }, [styles.iconColor, styles.disabledIconColor, isDisabled]);
+    ),
+    [styles.iconColor, styles.disabledIconColor, isDisabled]
+  );
   const handlePress = () => {
     if (!isDisabled) {
       onValueChange == null ? void 0 : onValueChange(!isChecked);
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_native4.Pressable,
+    import_react_native3.Pressable,
     {
       ...props,
       accessibilityRole: "checkbox",
@@ -280,10 +281,10 @@ function Checkbox({
         disabled: isDisabled,
         checked: isChecked
       },
-      hitSlop: import_react_native4.Platform.OS === "web" ? void 0 : 4,
+      hitSlop: import_react_native3.Platform.OS === "web" ? void 0 : 4,
       disabled: isDisabled,
       onPress: handlePress,
-      style: resolveStyle(
+      style: resolvePressableStyle(
         styles.container,
         styles.hoveredContainer,
         styles.pressedContainer,
@@ -291,7 +292,7 @@ function Checkbox({
         isDisabled,
         style
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native4.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",

package/dist/chip/index.js

@@ -25,21 +25,9 @@ __export(chip_exports, {
 module.exports = __toCommonJS(chip_exports);
 
 // src/chip/Chip.tsx
-var import_react = require("react");
-var import_react_native4 = 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");
+// ../utils/src/color.ts
 function parseHexColor(color) {
   const normalized = color.replace("#", "");
   if (normalized.length !== 6 && normalized.length !== 8) {
@@ -82,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;
@@ -103,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 +116,35 @@ 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) => [
+      base,
+      state.hovered && !state.pressed && !isDisabled ? hovered : void 0,
+      state.pressed && !isDisabled ? pressed : void 0,
+      isDisabled ? disabled : void 0,
+      style(state)
+    ];
+  }
+  return (state) => [
+    base,
+    state.hovered && !state.pressed && !isDisabled ? hovered : void 0,
+    state.pressed && !isDisabled ? pressed : void 0,
+    isDisabled ? disabled : void 0,
+    style
+  ];
+}
+function resolveColorFromStyle(...styles) {
+  const flattened = import_react_native2.StyleSheet.flatten(styles);
+  return typeof (flattened == null ? void 0 : flattened.color) === "string" ? flattened.color : void 0;
+}
+
+// src/chip/Chip.tsx
+var import_react = require("react");
+var import_react_native4 = require("react-native");
+
 // src/chip/styles.ts
 var import_react_native3 = require("react-native");
 function getVariantColors(theme, variant, elevated, selected) {
@@ -309,24 +331,6 @@ function createStyles(theme, variant, elevated, selected, hasLeadingContent, has
 
 // src/chip/Chip.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-function resolveStyle(containerStyle, hoveredContainerStyle, pressedContainerStyle, disabledContainerStyle, disabled, style) {
-  if (typeof style === "function") {
-    return (state) => [
-      containerStyle,
-      state.hovered && !state.pressed && !disabled ? hoveredContainerStyle : void 0,
-      state.pressed && !disabled ? pressedContainerStyle : void 0,
-      disabled ? disabledContainerStyle : void 0,
-      style(state)
-    ];
-  }
-  return (state) => [
-    containerStyle,
-    state.hovered && !state.pressed && !disabled ? hoveredContainerStyle : void 0,
-    state.pressed && !disabled ? pressedContainerStyle : void 0,
-    disabled ? disabledContainerStyle : void 0,
-    style
-  ];
-}
 function Chip({
   children,
   style,
@@ -374,13 +378,13 @@ function Chip({
       contentColor
     ]
   );
-  const resolvedIconColor = (0, import_react.useMemo)(() => {
-    const base = import_react_native4.StyleSheet.flatten([
+  const resolvedIconColor = (0, import_react.useMemo)(
+    () => resolveColorFromStyle(
       styles.label,
       isDisabled ? styles.disabledLabel : void 0
-    ]);
-    return typeof (base == null ? void 0 : base.color) === "string" ? base.color : void 0;
-  }, [styles.label, styles.disabledLabel, isDisabled]);
+    ),
+    [styles.label, styles.disabledLabel, isDisabled]
+  );
   const computedLabelStyle = (0, import_react.useMemo)(
     () => [
       styles.label,
@@ -428,7 +432,7 @@ function Chip({
       },
       hitSlop: import_react_native4.Platform.OS === "web" ? void 0 : 4,
       disabled: isDisabled,
-      style: resolveStyle(
+      style: resolvePressableStyle(
         styles.container,
         styles.hoveredContainer,
         styles.pressedContainer,

package/dist/icon-button/index.js

@@ -25,21 +25,9 @@ __export(icon_button_exports, {
 module.exports = __toCommonJS(icon_button_exports);
 
 // src/icon-button/IconButton.tsx
-var import_react = require("react");
-var import_react_native4 = 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");
+// ../utils/src/color.ts
 function parseHexColor(color) {
   const normalized = color.replace("#", "");
   if (normalized.length !== 6 && normalized.length !== 8) {
@@ -82,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,13 +92,17 @@ function getMaterialCommunityIcons() {
   return _MCIcons;
 }
 
+// src/icon-button/IconButton.tsx
+var import_react = require("react");
+var import_react_native2 = require("react-native");
+
 // src/icon-button/styles.ts
-var import_react_native3 = require("react-native");
+var import_react_native = 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_native3.StyleSheet.create({
+  return import_react_native.StyleSheet.create({
     container: {
       borderRadius: theme.shape.cornerFull,
       alignItems: "center",
@@ -343,11 +337,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",
@@ -546,7 +542,7 @@ function IconButton({
     };
   }, [containerColor, resolvedIconColor, theme.stateLayer]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_native4.Pressable,
+    import_react_native2.Pressable,
     {
       ...props,
       accessibilityRole: "button",