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

package/dist/chip/index.js

@@ -25,22 +25,9 @@ __export(chip_exports, {
 module.exports = __toCommonJS(chip_exports);
 
 // src/chip/Chip.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/chip/styles.ts
+// 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) {
   const disabledContainerColor = alphaColor(theme.colors.onSurface, 0.12);
   const disabledLabelColor = alphaColor(theme.colors.onSurface, 0.38);
@@ -275,7 +274,7 @@ function createStyles(theme, variant, elevated, selected, hasLeadingContent, has
   const elevationLevel2 = elevationStyle(theme.elevation.level2);
   const isElevated = elevated && variant !== "input";
   const baseElevation = isElevated ? elevationLevel1 : elevationLevel0;
-  return import_react_native4.StyleSheet.create({
+  return import_react_native3.StyleSheet.create({
     container: {
       alignSelf: "flex-start",
       alignItems: "center",
@@ -396,7 +395,7 @@ function Chip({
   );
   const renderLeadingContent = () => {
     if (variant === "input" && avatar) {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native5.View, { style: styles.avatar, children: avatar });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native4.View, { style: styles.avatar, children: avatar });
     }
     if (leadingIcon) {
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -423,7 +422,7 @@ function Chip({
     return null;
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_react_native5.Pressable,
+    import_react_native4.Pressable,
     {
       ...props,
       accessibilityRole: "button",
@@ -431,7 +430,7 @@ function Chip({
         disabled: isDisabled,
         ...variant === "filter" ? { selected: isSelected } : void 0
       },
-      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,
@@ -443,9 +442,9 @@ function Chip({
       ),
       children: [
         renderLeadingContent(),
-        /* @__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 }),
         showCloseIcon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_react_native5.Pressable,
+          import_react_native4.Pressable,
           {
             onPress: onClose,
             accessibilityRole: "button",

package/dist/icon-button/index.js

@@ -25,22 +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_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,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_native4 = 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_native4.StyleSheet.create({
+  return import_react_native.StyleSheet.create({
     container: {
       borderRadius: theme.shape.cornerFull,
       alignItems: "center",
@@ -344,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",
@@ -547,7 +542,7 @@ function IconButton({
     };
   }, [containerColor, resolvedIconColor, theme.stateLayer]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_native5.Pressable,
+    import_react_native2.Pressable,
     {
       ...props,
       accessibilityRole: "button",

package/dist/index.js

@@ -54,9 +54,9 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/typography/Typography.tsx
+var import_core = require("@onlynative/core");
 var import_react = require("react");
 var import_react_native = require("react-native");
-var import_core = require("@onlynative/core");
 var import_jsx_runtime = require("react/jsx-runtime");
 var HEADING_VARIANTS = /* @__PURE__ */ new Set([
   "displayLarge",
@@ -103,10 +103,10 @@ function Typography({
 }
 
 // src/layout/Layout.tsx
+var import_core2 = require("@onlynative/core");
 var import_react2 = require("react");
 var import_react_native2 = require("react-native");
 var import_react_native_safe_area_context = require("react-native-safe-area-context");
-var import_core2 = require("@onlynative/core");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var defaultEdges = ["bottom"];
 function resolveEdges(immersive, edges) {
@@ -160,9 +160,9 @@ function Layout({ immersive, edges, children, style }) {
 }
 
 // src/layout/Box.tsx
+var import_core3 = require("@onlynative/core");
 var import_react3 = require("react");
 var import_react_native3 = require("react-native");
-var import_core3 = require("@onlynative/core");
 
 // src/layout/resolveSpacing.ts
 function resolveSpacing(spacing, value) {
@@ -277,9 +277,9 @@ function Column({ inverted = false, style, ...boxProps }) {
 }
 
 // src/layout/Grid.tsx
+var import_core4 = require("@onlynative/core");
 var import_react6 = __toESM(require("react"));
 var import_react_native4 = require("react-native");
-var import_core4 = require("@onlynative/core");
 
 // src/layout/Row.tsx
 var import_react5 = require("react");
@@ -338,22 +338,9 @@ function Grid({
 }
 
 // src/button/Button.tsx
-var import_react7 = require("react");
-var import_react_native9 = require("react-native");
 var import_core5 = 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_native5 = require("react-native");
-var import_react_native6 = require("react-native");
-var import_react_native7 = require("react-native");
+// ../utils/src/color.ts
 function parseHexColor(color) {
   const normalized = color.replace("#", "");
   if (normalized.length !== 6 && normalized.length !== 8) {
@@ -396,6 +383,9 @@ function blendColor(base, overlay, overlayAlpha) {
   );
   return `rgb(${r}, ${g}, ${b})`;
 }
+
+// ../utils/src/elevation.ts
+var import_react_native5 = require("react-native");
 function elevationStyle(level) {
   if (import_react_native5.Platform.OS === "web") {
     const { shadowOffset, shadowOpacity, shadowRadius } = level;
@@ -417,13 +407,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;
@@ -436,6 +428,9 @@ function getMaterialCommunityIcons() {
   }
   return _MCIcons;
 }
+
+// ../utils/src/pressable.ts
+var import_react_native6 = require("react-native");
 function resolvePressableStyle(base, hovered, pressed, disabled, isDisabled, style) {
   if (typeof style === "function") {
     return (state) => [
@@ -458,6 +453,9 @@ function resolveColorFromStyle(...styles3) {
   const flattened = import_react_native6.StyleSheet.flatten(styles3);
   return typeof (flattened == null ? void 0 : flattened.color) === "string" ? flattened.color : void 0;
 }
+
+// ../utils/src/rtl.ts
+var import_react_native7 = require("react-native");
 function transformOrigin(vertical = "top") {
   return import_react_native7.I18nManager.isRTL ? `right ${vertical}` : `left ${vertical}`;
 }
@@ -465,6 +463,10 @@ function selectRTL(ltr, rtl) {
   return import_react_native7.I18nManager.isRTL ? rtl : ltr;
 }
 
+// src/button/Button.tsx
+var import_react7 = require("react");
+var import_react_native9 = require("react-native");
+
 // src/button/styles.ts
 var import_react_native8 = require("react-native");
 function getVariantColors(theme, variant) {
@@ -786,9 +788,9 @@ function Button({
 }
 
 // src/icon-button/IconButton.tsx
+var import_core6 = require("@onlynative/core");
 var import_react8 = require("react");
 var import_react_native11 = require("react-native");
-var import_core6 = require("@onlynative/core");
 
 // src/icon-button/styles.ts
 var import_react_native10 = require("react-native");
@@ -1031,11 +1033,13 @@ function createStyles2(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",
@@ -1276,14 +1280,14 @@ function IconButton({
 }
 
 // src/appbar/AppBar.tsx
+var import_core8 = require("@onlynative/core");
 var import_react9 = require("react");
 var import_react_native13 = require("react-native");
 var import_react_native_safe_area_context2 = require("react-native-safe-area-context");
-var import_core8 = require("@onlynative/core");
 
 // src/appbar/styles.ts
-var import_react_native12 = require("react-native");
 var import_core7 = require("@onlynative/core");
+var import_react_native12 = require("react-native");
 function getColorSchemeColors(theme, colorScheme) {
   switch (colorScheme) {
     case "surfaceContainerLowest":
@@ -1559,7 +1563,13 @@ function AppBar({
       },
       `${String(action.icon)}-${index}`
     )) });
-  }, [actions, resolvedContentColor, styles3.actionsRow, styles3.iconFrame, trailing]);
+  }, [
+    actions,
+    resolvedContentColor,
+    styles3.actionsRow,
+    styles3.iconFrame,
+    trailing
+  ]);
   const onLeadingLayout = (0, import_react9.useCallback)((event) => {
     const nextWidth = measureWidth(event);
     setLeadingWidth((currentWidth) => {
@@ -1662,9 +1672,9 @@ function AppBar({
 }
 
 // src/card/Card.tsx
+var import_core9 = require("@onlynative/core");
 var import_react10 = require("react");
 var import_react_native15 = require("react-native");
-var import_core9 = require("@onlynative/core");
 
 // src/card/styles.ts
 var import_react_native14 = require("react-native");
@@ -1826,9 +1836,9 @@ function Card({
 }
 
 // src/chip/Chip.tsx
+var import_core10 = require("@onlynative/core");
 var import_react11 = require("react");
 var import_react_native17 = require("react-native");
-var import_core10 = require("@onlynative/core");
 
 // src/chip/styles.ts
 var import_react_native16 = require("react-native");
@@ -2152,9 +2162,9 @@ function Chip({
 }
 
 // src/checkbox/Checkbox.tsx
+var import_core11 = require("@onlynative/core");
 var import_react12 = require("react");
 var import_react_native19 = require("react-native");
-var import_core11 = require("@onlynative/core");
 
 // src/checkbox/styles.ts
 var import_react_native18 = require("react-native");
@@ -2340,9 +2350,9 @@ function Checkbox({
 }
 
 // src/radio/Radio.tsx
+var import_core12 = require("@onlynative/core");
 var import_react13 = require("react");
 var import_react_native21 = require("react-native");
-var import_core12 = require("@onlynative/core");
 
 // src/radio/styles.ts
 var import_react_native20 = require("react-native");
@@ -2515,9 +2525,9 @@ function Radio({
 }
 
 // src/switch/Switch.tsx
+var import_core13 = require("@onlynative/core");
 var import_react14 = require("react");
 var import_react_native23 = require("react-native");
-var import_core13 = require("@onlynative/core");
 
 // src/switch/styles.ts
 var import_react_native22 = require("react-native");
@@ -2727,9 +2737,9 @@ function Switch({
 }
 
 // src/text-field/TextField.tsx
+var import_core14 = require("@onlynative/core");
 var import_react15 = require("react");
 var import_react_native25 = require("react-native");
-var import_core14 = require("@onlynative/core");
 
 // src/text-field/styles.ts
 var import_react_native24 = require("react-native");
@@ -3150,9 +3160,9 @@ function TextField({
 }
 
 // src/list/List.tsx
+var import_core15 = require("@onlynative/core");
 var import_react16 = require("react");
 var import_react_native27 = require("react-native");
-var import_core15 = require("@onlynative/core");
 
 // src/list/styles.ts
 var import_react_native26 = require("react-native");
@@ -3274,9 +3284,9 @@ function List({ children, style, ...props }) {
 }
 
 // src/list/ListItem.tsx
+var import_core16 = require("@onlynative/core");
 var import_react17 = require("react");
 var import_react_native28 = require("react-native");
-var import_core16 = require("@onlynative/core");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function getLines(supportingText, overlineText, supportingTextNumberOfLines) {
   if (supportingText && overlineText || supportingText && supportingTextNumberOfLines && supportingTextNumberOfLines > 1) {
@@ -3356,9 +3366,9 @@ function ListItem({
 }
 
 // src/list/ListDivider.tsx
+var import_core17 = require("@onlynative/core");
 var import_react18 = require("react");
 var import_react_native29 = require("react-native");
-var import_core17 = require("@onlynative/core");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function ListDivider({
   inset = false,
@@ -3406,15 +3416,11 @@ function KeyboardAvoidingWrapper({
     const subscriptions = [];
     if (onKeyboardShow) {
       const showEvent = isIOS ? "keyboardWillShow" : "keyboardDidShow";
-      subscriptions.push(
-        import_react_native31.Keyboard.addListener(showEvent, onKeyboardShow)
-      );
+      subscriptions.push(import_react_native31.Keyboard.addListener(showEvent, onKeyboardShow));
     }
     if (onKeyboardHide) {
       const hideEvent = isIOS ? "keyboardWillHide" : "keyboardDidHide";
-      subscriptions.push(
-        import_react_native31.Keyboard.addListener(hideEvent, onKeyboardHide)
-      );
+      subscriptions.push(import_react_native31.Keyboard.addListener(hideEvent, onKeyboardHide));
     }
     return () => {
       subscriptions.forEach((sub) => sub.remove());
@@ -3443,9 +3449,9 @@ function KeyboardAvoidingWrapper({
 }
 
 // src/avatar/Avatar.tsx
+var import_core18 = require("@onlynative/core");
 var import_react20 = require("react");
 var import_react_native33 = require("react-native");
-var import_core18 = require("@onlynative/core");
 
 // src/avatar/styles.ts
 var import_react_native32 = require("react-native");

package/dist/keyboard-avoiding-wrapper/index.js

@@ -57,15 +57,11 @@ function KeyboardAvoidingWrapper({
     const subscriptions = [];
     if (onKeyboardShow) {
       const showEvent = isIOS ? "keyboardWillShow" : "keyboardDidShow";
-      subscriptions.push(
-        import_react_native2.Keyboard.addListener(showEvent, onKeyboardShow)
-      );
+      subscriptions.push(import_react_native2.Keyboard.addListener(showEvent, onKeyboardShow));
     }
     if (onKeyboardHide) {
       const hideEvent = isIOS ? "keyboardWillHide" : "keyboardDidHide";
-      subscriptions.push(
-        import_react_native2.Keyboard.addListener(hideEvent, onKeyboardHide)
-      );
+      subscriptions.push(import_react_native2.Keyboard.addListener(hideEvent, onKeyboardHide));
     }
     return () => {
       subscriptions.forEach((sub) => sub.remove());

package/dist/layout/index.js

@@ -39,10 +39,10 @@ __export(layout_exports, {
 module.exports = __toCommonJS(layout_exports);
 
 // src/layout/Layout.tsx
+var import_core = require("@onlynative/core");
 var import_react = require("react");
 var import_react_native = require("react-native");
 var import_react_native_safe_area_context = require("react-native-safe-area-context");
-var import_core = require("@onlynative/core");
 var import_jsx_runtime = require("react/jsx-runtime");
 var defaultEdges = ["bottom"];
 function resolveEdges(immersive, edges) {
@@ -96,9 +96,9 @@ function Layout({ immersive, edges, children, style }) {
 }
 
 // src/layout/Box.tsx
+var import_core2 = require("@onlynative/core");
 var import_react2 = require("react");
 var import_react_native2 = require("react-native");
-var import_core2 = require("@onlynative/core");
 
 // src/layout/resolveSpacing.ts
 function resolveSpacing(spacing, value) {
@@ -213,9 +213,9 @@ function Column({ inverted = false, style, ...boxProps }) {
 }
 
 // src/layout/Grid.tsx
+var import_core3 = require("@onlynative/core");
 var import_react5 = __toESM(require("react"));
 var import_react_native3 = require("react-native");
-var import_core3 = require("@onlynative/core");
 
 // src/layout/Row.tsx
 var import_react4 = require("react");