@xaui/native 0.2.5 → 0.2.7

package/dist/color-picker/index.cjs

@@ -434,10 +434,7 @@ var ColorPicker = ({
     ), /* @__PURE__ */ _react2.default.createElement(
       _reactnative.Text,
       {
-        style: [
-          styles.hexLabel,
-          { color: _core.withOpacity.call(void 0, foreground, 0.7) }
-        ]
+        style: [styles.hexLabel, { color: _core.withOpacity.call(void 0, foreground, 0.7) }]
       },
       value.toUpperCase()
     ))), /* @__PURE__ */ _react2.default.createElement(_reactnative.ScrollView, { showsVerticalScrollIndicator: false }, colorGroups.map((group) => /* @__PURE__ */ _react2.default.createElement(

package/dist/color-picker/index.js

@@ -434,10 +434,7 @@ var ColorPicker = ({
     ), /* @__PURE__ */ React.createElement(
       Text,
       {
-        style: [
-          styles.hexLabel,
-          { color: withOpacity(foreground, 0.7) }
-        ]
+        style: [styles.hexLabel, { color: withOpacity(foreground, 0.7) }]
       },
       value.toUpperCase()
     ))), /* @__PURE__ */ React.createElement(ScrollView, { showsVerticalScrollIndicator: false }, colorGroups.map((group) => /* @__PURE__ */ React.createElement(

package/dist/dialog/index.cjs

@@ -294,45 +294,36 @@ var Dialog = ({
     [customAppearance, requestClose]
   );
   if (!shouldRender) return null;
-  return /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.Modal,
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.Modal, { visible: true, transparent: true, animationType: "none", onRequestClose: requestClose }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.root }, !hideBackdrop && /* @__PURE__ */ _react2.default.createElement(
+    AnimatedPressable,
     {
-      visible: true,
-      transparent: true,
-      animationType: "none",
-      onRequestClose: requestClose
+      style: [
+        styles.backdrop,
+        backdropStyles[backdrop],
+        backdropAnimatedStyle,
+        _optionalChain([customAppearance, 'optionalAccess', _3 => _3.backdrop])
+      ],
+      onPress: handleBackdropPress
+    }
+  ), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.placementBase, placementStyles[placement]] }, /* @__PURE__ */ _react2.default.createElement(DialogContext.Provider, { value: dialogContextValue }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Pressable, { onPress: (event) => event.stopPropagation() }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnativereanimated2.default.View,
+    {
+      style: [
+        styles.dialog,
+        sizeStyles[size],
+        radiusStyles,
+        dialogAnimatedStyle,
+        {
+          backgroundColor: theme.colors.background,
+          borderColor: _core.withOpacity.call(void 0, theme.colors.foreground, 0.14)
+        },
+        theme.shadows.lg,
+        _optionalChain([customAppearance, 'optionalAccess', _4 => _4.container]),
+        style
+      ]
     },
-    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.root }, !hideBackdrop && /* @__PURE__ */ _react2.default.createElement(
-      AnimatedPressable,
-      {
-        style: [
-          styles.backdrop,
-          backdropStyles[backdrop],
-          backdropAnimatedStyle,
-          _optionalChain([customAppearance, 'optionalAccess', _3 => _3.backdrop])
-        ],
-        onPress: handleBackdropPress
-      }
-    ), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.placementBase, placementStyles[placement]] }, /* @__PURE__ */ _react2.default.createElement(DialogContext.Provider, { value: dialogContextValue }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Pressable, { onPress: (event) => event.stopPropagation() }, /* @__PURE__ */ _react2.default.createElement(
-      _reactnativereanimated2.default.View,
-      {
-        style: [
-          styles.dialog,
-          sizeStyles[size],
-          radiusStyles,
-          dialogAnimatedStyle,
-          {
-            backgroundColor: theme.colors.background,
-            borderColor: _core.withOpacity.call(void 0, theme.colors.foreground, 0.14)
-          },
-          theme.shadows.lg,
-          _optionalChain([customAppearance, 'optionalAccess', _4 => _4.container]),
-          style
-        ]
-      },
-      children
-    )))))
-  );
+    children
+  ))))));
 };
 var AnimatedPressable = _reactnativereanimated2.default.createAnimatedComponent(_reactnative.Pressable);
 var DialogHeader = ({

package/dist/dialog/index.js

@@ -294,45 +294,36 @@ var Dialog = ({
     [customAppearance, requestClose]
   );
   if (!shouldRender) return null;
-  return /* @__PURE__ */ React.createElement(
-    Modal,
+  return /* @__PURE__ */ React.createElement(Modal, { visible: true, transparent: true, animationType: "none", onRequestClose: requestClose }, /* @__PURE__ */ React.createElement(View, { style: styles.root }, !hideBackdrop && /* @__PURE__ */ React.createElement(
+    AnimatedPressable,
     {
-      visible: true,
-      transparent: true,
-      animationType: "none",
-      onRequestClose: requestClose
+      style: [
+        styles.backdrop,
+        backdropStyles[backdrop],
+        backdropAnimatedStyle,
+        customAppearance?.backdrop
+      ],
+      onPress: handleBackdropPress
+    }
+  ), /* @__PURE__ */ React.createElement(View, { style: [styles.placementBase, placementStyles[placement]] }, /* @__PURE__ */ React.createElement(DialogContext.Provider, { value: dialogContextValue }, /* @__PURE__ */ React.createElement(Pressable, { onPress: (event) => event.stopPropagation() }, /* @__PURE__ */ React.createElement(
+    Animated.View,
+    {
+      style: [
+        styles.dialog,
+        sizeStyles[size],
+        radiusStyles,
+        dialogAnimatedStyle,
+        {
+          backgroundColor: theme.colors.background,
+          borderColor: withOpacity(theme.colors.foreground, 0.14)
+        },
+        theme.shadows.lg,
+        customAppearance?.container,
+        style
+      ]
     },
-    /* @__PURE__ */ React.createElement(View, { style: styles.root }, !hideBackdrop && /* @__PURE__ */ React.createElement(
-      AnimatedPressable,
-      {
-        style: [
-          styles.backdrop,
-          backdropStyles[backdrop],
-          backdropAnimatedStyle,
-          customAppearance?.backdrop
-        ],
-        onPress: handleBackdropPress
-      }
-    ), /* @__PURE__ */ React.createElement(View, { style: [styles.placementBase, placementStyles[placement]] }, /* @__PURE__ */ React.createElement(DialogContext.Provider, { value: dialogContextValue }, /* @__PURE__ */ React.createElement(Pressable, { onPress: (event) => event.stopPropagation() }, /* @__PURE__ */ React.createElement(
-      Animated.View,
-      {
-        style: [
-          styles.dialog,
-          sizeStyles[size],
-          radiusStyles,
-          dialogAnimatedStyle,
-          {
-            backgroundColor: theme.colors.background,
-            borderColor: withOpacity(theme.colors.foreground, 0.14)
-          },
-          theme.shadows.lg,
-          customAppearance?.container,
-          style
-        ]
-      },
-      children
-    )))))
-  );
+    children
+  ))))));
 };
 var AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 var DialogHeader = ({

package/dist/picker/index.cjs

@@ -84,20 +84,26 @@ var ChevronDownIcon = ({
     }
   )
 );
-var CheckIcon = ({ color }) => /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: { width: 20, height: 20, alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ _react2.default.createElement(
+var CheckIcon = ({ color }) => /* @__PURE__ */ _react2.default.createElement(
   _reactnative.View,
   {
-    style: {
-      width: 6,
-      height: 10,
-      borderRightWidth: 2,
-      borderBottomWidth: 2,
-      borderColor: color,
-      transform: [{ rotate: "45deg" }],
-      marginTop: -3
+    style: { width: 20, height: 20, alignItems: "center", justifyContent: "center" }
+  },
+  /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
+    {
+      style: {
+        width: 6,
+        height: 10,
+        borderRightWidth: 2,
+        borderBottomWidth: 2,
+        borderColor: color,
+        transform: [{ rotate: "45deg" }],
+        marginTop: -3
+      }
     }
-  }
-));
+  )
+);
 var OptionItem = ({
   option,
   isSelected,
@@ -120,10 +126,7 @@ var OptionItem = ({
     /* @__PURE__ */ _react2.default.createElement(
       _reactnative.Text,
       {
-        style: [
-          styles.optionLabel,
-          { color: isSelected ? themeColor : foreground }
-        ]
+        style: [styles.optionLabel, { color: isSelected ? themeColor : foreground }]
       },
       option.label
     ),
@@ -214,13 +217,7 @@ var Picker = ({
       onClose: handleSheetClose,
       style: { backgroundColor: sheetBackground, ...sheetStyle }
     },
-    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.sheetContent }, sheetTitle ? /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.Text,
-      {
-        style: [styles.sheetTitle, { color: theme.colors.foreground }]
-      },
-      sheetTitle
-    ) : null, /* @__PURE__ */ _react2.default.createElement(_reactnative.ScrollView, null, options.map((option, index) => /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { key: option.value }, /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.sheetContent }, sheetTitle ? /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.sheetTitle, { color: theme.colors.foreground }] }, sheetTitle) : null, /* @__PURE__ */ _react2.default.createElement(_reactnative.ScrollView, null, options.map((option, index) => /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { key: option.value }, /* @__PURE__ */ _react2.default.createElement(
       OptionItem,
       {
         option,
@@ -235,10 +232,7 @@ var Picker = ({
         style: [
           styles.divider,
           {
-            backgroundColor: _core.withOpacity.call(void 0, 
-              theme.colors.foreground,
-              0.06
-            )
+            backgroundColor: _core.withOpacity.call(void 0, theme.colors.foreground, 0.06)
           }
         ]
       }

package/dist/picker/index.js

@@ -84,20 +84,26 @@ var ChevronDownIcon = ({
     }
   )
 );
-var CheckIcon = ({ color }) => /* @__PURE__ */ React.createElement(View, { style: { width: 20, height: 20, alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React.createElement(
+var CheckIcon = ({ color }) => /* @__PURE__ */ React.createElement(
   View,
   {
-    style: {
-      width: 6,
-      height: 10,
-      borderRightWidth: 2,
-      borderBottomWidth: 2,
-      borderColor: color,
-      transform: [{ rotate: "45deg" }],
-      marginTop: -3
+    style: { width: 20, height: 20, alignItems: "center", justifyContent: "center" }
+  },
+  /* @__PURE__ */ React.createElement(
+    View,
+    {
+      style: {
+        width: 6,
+        height: 10,
+        borderRightWidth: 2,
+        borderBottomWidth: 2,
+        borderColor: color,
+        transform: [{ rotate: "45deg" }],
+        marginTop: -3
+      }
     }
-  }
-));
+  )
+);
 var OptionItem = ({
   option,
   isSelected,
@@ -120,10 +126,7 @@ var OptionItem = ({
     /* @__PURE__ */ React.createElement(
       Text,
       {
-        style: [
-          styles.optionLabel,
-          { color: isSelected ? themeColor : foreground }
-        ]
+        style: [styles.optionLabel, { color: isSelected ? themeColor : foreground }]
       },
       option.label
     ),
@@ -214,13 +217,7 @@ var Picker = ({
       onClose: handleSheetClose,
       style: { backgroundColor: sheetBackground, ...sheetStyle }
     },
-    /* @__PURE__ */ React.createElement(View, { style: styles.sheetContent }, sheetTitle ? /* @__PURE__ */ React.createElement(
-      Text,
-      {
-        style: [styles.sheetTitle, { color: theme.colors.foreground }]
-      },
-      sheetTitle
-    ) : null, /* @__PURE__ */ React.createElement(ScrollView, null, options.map((option, index) => /* @__PURE__ */ React.createElement(View, { key: option.value }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(View, { style: styles.sheetContent }, sheetTitle ? /* @__PURE__ */ React.createElement(Text, { style: [styles.sheetTitle, { color: theme.colors.foreground }] }, sheetTitle) : null, /* @__PURE__ */ React.createElement(ScrollView, null, options.map((option, index) => /* @__PURE__ */ React.createElement(View, { key: option.value }, /* @__PURE__ */ React.createElement(
       OptionItem,
       {
         option,
@@ -235,10 +232,7 @@ var Picker = ({
         style: [
           styles.divider,
           {
-            backgroundColor: withOpacity(
-              theme.colors.foreground,
-              0.06
-            )
+            backgroundColor: withOpacity(theme.colors.foreground, 0.06)
           }
         ]
       }

package/dist/snackbar/index.cjs

@@ -241,7 +241,11 @@ var SnackbarSurface = ({ item, duration, onDismiss }) => {
       return /* @__PURE__ */ _react2.default.createElement(
         _reactnative.Text,
         {
-          style: [styles.messageText, { color: textColor }, _optionalChain([customAppearance, 'optionalAccess', _3 => _3.message])],
+          style: [
+            styles.messageText,
+            { color: textColor },
+            _optionalChain([customAppearance, 'optionalAccess', _3 => _3.message])
+          ],
           numberOfLines
         },
         message
@@ -252,7 +256,17 @@ var SnackbarSurface = ({ item, duration, onDismiss }) => {
   const actionNode = _react.useMemo.call(void 0, () => {
     if (actionLabel === null || actionLabel === void 0) return null;
     if (typeof actionLabel === "string" || typeof actionLabel === "number") {
-      return /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.actionText, { color: actionColor }, _optionalChain([customAppearance, 'optionalAccess', _5 => _5.action])] }, actionLabel);
+      return /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
+        {
+          style: [
+            styles.actionText,
+            { color: actionColor },
+            _optionalChain([customAppearance, 'optionalAccess', _5 => _5.action])
+          ]
+        },
+        actionLabel
+      );
     }
     if (_react.isValidElement.call(void 0, actionLabel)) {
       return actionLabel;
@@ -382,7 +396,9 @@ var Snackbar = ({
   const [internalVisible, setInternalVisible] = _react.useState.call(void 0, _nullishCoalesce(isVisible, () => ( true)));
   const isControlled = typeof isVisible === "boolean";
   const visible = isControlled ? isVisible : internalVisible;
-  const idRef = _react.useRef.call(void 0, `snackbar-${Date.now()}-${Math.random().toString(16).slice(2)}`);
+  const idRef = _react.useRef.call(void 0, 
+    `snackbar-${Date.now()}-${Math.random().toString(16).slice(2)}`
+  );
   const dismiss = _react.useCallback.call(void 0, () => {
     if (!isControlled) {
       setInternalVisible(false);

package/dist/snackbar/index.js

@@ -241,7 +241,11 @@ var SnackbarSurface = ({ item, duration, onDismiss }) => {
       return /* @__PURE__ */ React.createElement(
         Text,
         {
-          style: [styles.messageText, { color: textColor }, customAppearance?.message],
+          style: [
+            styles.messageText,
+            { color: textColor },
+            customAppearance?.message
+          ],
           numberOfLines
         },
         message
@@ -252,7 +256,17 @@ var SnackbarSurface = ({ item, duration, onDismiss }) => {
   const actionNode = useMemo2(() => {
     if (actionLabel === null || actionLabel === void 0) return null;
     if (typeof actionLabel === "string" || typeof actionLabel === "number") {
-      return /* @__PURE__ */ React.createElement(Text, { style: [styles.actionText, { color: actionColor }, customAppearance?.action] }, actionLabel);
+      return /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          style: [
+            styles.actionText,
+            { color: actionColor },
+            customAppearance?.action
+          ]
+        },
+        actionLabel
+      );
     }
     if (isValidElement(actionLabel)) {
       return actionLabel;
@@ -382,7 +396,9 @@ var Snackbar = ({
   const [internalVisible, setInternalVisible] = useState(isVisible ?? true);
   const isControlled = typeof isVisible === "boolean";
   const visible = isControlled ? isVisible : internalVisible;
-  const idRef = useRef(`snackbar-${Date.now()}-${Math.random().toString(16).slice(2)}`);
+  const idRef = useRef(
+    `snackbar-${Date.now()}-${Math.random().toString(16).slice(2)}`
+  );
   const dismiss = useCallback(() => {
     if (!isControlled) {
       setInternalVisible(false);

package/dist/snippet/index.cjs

@@ -225,7 +225,12 @@ var Snippet = ({
       accessibilityRole: "button",
       accessibilityLabel: isCopied ? copiedLabel : copyLabel,
       disabled: isDisabled,
-      style: isInline ? [styles.inlineCopyButton, radiusStyles, copyButtonColors, _optionalChain([customAppearance, 'optionalAccess', _9 => _9.copyButton])] : [
+      style: isInline ? [
+        styles.inlineCopyButton,
+        radiusStyles,
+        copyButtonColors,
+        _optionalChain([customAppearance, 'optionalAccess', _9 => _9.copyButton])
+      ] : [
         styles.copyButton,
         radiusStyles,
         isTop ? styles.top : styles.bottom,

package/dist/snippet/index.js

@@ -225,7 +225,12 @@ var Snippet = ({
       accessibilityRole: "button",
       accessibilityLabel: isCopied ? copiedLabel : copyLabel,
       disabled: isDisabled,
-      style: isInline ? [styles.inlineCopyButton, radiusStyles, copyButtonColors, customAppearance?.copyButton] : [
+      style: isInline ? [
+        styles.inlineCopyButton,
+        radiusStyles,
+        copyButtonColors,
+        customAppearance?.copyButton
+      ] : [
         styles.copyButton,
         radiusStyles,
         isTop ? styles.top : styles.bottom,