@xaui/native 0.0.21 → 0.0.24

package/dist/autocomplete/index.js

@@ -1,14 +1,10 @@
-import {
-  CheckmarkIcon
-} from "../chunk-GBHQCAKW.js";
-import "../chunk-DXXNBF5P.js";
 import {
   Portal,
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-URBEEDFX.js";
 
 // src/components/autocomplete/autocomplete.tsx
-import React4, { useCallback as useCallback3, useMemo as useMemo3, useRef as useRef3, useState as useState3 } from "react";
+import React5, { useCallback as useCallback3, useMemo as useMemo3, useRef as useRef3, useState as useState3 } from "react";
 import { Keyboard as Keyboard2, Text as Text3, View as View4 } from "react-native";
 
 // src/components/autocomplete/autocomplete-context.ts
@@ -318,7 +314,7 @@ var defaultFilterFunction = (textValue, inputValue) => {
 };
 
 // src/components/dialogs/autocomplete-dialog/autocomplete-dialog.tsx
-import React2, { useCallback as useCallback2, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
+import React3, { useCallback as useCallback2, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
 import {
   Animated as Animated3,
   BackHandler,
@@ -331,8 +327,24 @@ import {
   useWindowDimensions
 } from "react-native";
 
-// src/components/dialogs/autocomplete-dialog/autocomplete-dialog-header.tsx
+// src/components/select/checkmark-icon.tsx
 import React from "react";
+import Svg, { Polyline } from "react-native-svg";
+function CheckmarkIcon({ color, size }) {
+  return /* @__PURE__ */ React.createElement(Svg, { width: size, height: size, viewBox: "0 0 17 18", fill: "none" }, /* @__PURE__ */ React.createElement(
+    Polyline,
+    {
+      points: "1 9 7 14 15 4",
+      stroke: color,
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ));
+}
+
+// src/components/dialogs/autocomplete-dialog/autocomplete-dialog-header.tsx
+import React2 from "react";
 import {
   Animated,
   Pressable,
@@ -435,7 +447,7 @@ var AutocompleteDialogHeader = ({
   onBlur
 }) => {
   const theme = useXUITheme();
-  return /* @__PURE__ */ React.createElement(View, { style: styles2.header }, title ? /* @__PURE__ */ React.createElement(View, { style: styles2.titleRow }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React2.createElement(View, { style: styles2.header }, title ? /* @__PURE__ */ React2.createElement(View, { style: styles2.titleRow }, /* @__PURE__ */ React2.createElement(
     Pressable,
     {
       style: styles2.backButton,
@@ -443,8 +455,8 @@ var AutocompleteDialogHeader = ({
       accessibilityLabel: "Back",
       accessibilityRole: "button"
     },
-    /* @__PURE__ */ React.createElement(ArrowBackIcon, { size: 20, color: theme.colors.foreground })
-  ), /* @__PURE__ */ React.createElement(Text, { style: [styles2.title, { color: theme.colors.foreground }] }, title)) : null, /* @__PURE__ */ React.createElement(View, { style: styles2.inputContainer }, /* @__PURE__ */ React.createElement(Animated.View, { style: [styles2.inputWrapper, inputAnimatedStyle] }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React2.createElement(ArrowBackIcon, { size: 20, color: theme.colors.foreground })
+  ), /* @__PURE__ */ React2.createElement(Text, { style: [styles2.title, { color: theme.colors.foreground }] }, title)) : null, /* @__PURE__ */ React2.createElement(View, { style: styles2.inputContainer }, /* @__PURE__ */ React2.createElement(Animated.View, { style: [styles2.inputWrapper, inputAnimatedStyle] }, /* @__PURE__ */ React2.createElement(
     TextInput,
     {
       ref: inputRef,
@@ -466,7 +478,7 @@ var AutocompleteDialogHeader = ({
       onFocus,
       onBlur
     }
-  ), inputValue ? /* @__PURE__ */ React.createElement(
+  ), inputValue ? /* @__PURE__ */ React2.createElement(
     Pressable,
     {
       style: styles2.clearInputButton,
@@ -474,7 +486,7 @@ var AutocompleteDialogHeader = ({
       accessibilityLabel: "Clear input",
       accessibilityRole: "button"
     },
-    /* @__PURE__ */ React.createElement(CloseIcon, { color: theme.colors.foreground })
+    /* @__PURE__ */ React2.createElement(CloseIcon, { color: theme.colors.foreground })
   ) : null)));
 };
 
@@ -556,8 +568,8 @@ var AutocompleteDialog = ({
     };
   }, []);
   const items = useMemo2(
-    () => React2.Children.toArray(children).filter(
-      React2.isValidElement
+    () => React3.Children.toArray(children).filter(
+      React3.isValidElement
     ),
     [children]
   );
@@ -616,7 +628,7 @@ var AutocompleteDialog = ({
   const inputAnimatedStyle = {
     transform: [{ scaleX: scaleAnim }]
   };
-  const listHeader = /* @__PURE__ */ React2.createElement(
+  const listHeader = /* @__PURE__ */ React3.createElement(
     AutocompleteDialogHeader,
     {
       title,
@@ -632,13 +644,13 @@ var AutocompleteDialog = ({
       onBlur
     }
   );
-  return /* @__PURE__ */ React2.createElement(Portal, null, /* @__PURE__ */ React2.createElement(View2, { style: [overlayStyle, style] }, /* @__PURE__ */ React2.createElement(Animated3.View, { style: [styles2.backdrop, { opacity: fadeAnim }] }), /* @__PURE__ */ React2.createElement(Animated3.View, { style: [styles2.dialogContainer, containerAnimatedStyle] }, /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React3.createElement(Portal, null, /* @__PURE__ */ React3.createElement(View2, { style: [overlayStyle, style] }, /* @__PURE__ */ React3.createElement(Animated3.View, { style: [styles2.backdrop, { opacity: fadeAnim }] }), /* @__PURE__ */ React3.createElement(Animated3.View, { style: [styles2.dialogContainer, containerAnimatedStyle] }, /* @__PURE__ */ React3.createElement(
     View2,
     {
       style: [styles2.container, { backgroundColor: theme.colors.background }]
     },
     listHeader,
-    /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React3.createElement(
       FlatList,
       {
         data: items,
@@ -653,7 +665,7 @@ var AutocompleteDialog = ({
         showsVerticalScrollIndicator: false
       }
     ),
-    showCheckmark ? /* @__PURE__ */ React2.createElement(View2, { style: styles2.checkmarkButtonContainer }, /* @__PURE__ */ React2.createElement(
+    showCheckmark ? /* @__PURE__ */ React3.createElement(View2, { style: styles2.checkmarkButtonContainer }, /* @__PURE__ */ React3.createElement(
       Pressable2,
       {
         style: [
@@ -664,13 +676,13 @@ var AutocompleteDialog = ({
         accessibilityLabel: "Confirm",
         accessibilityRole: "button"
       },
-      checkmarkIcon ?? /* @__PURE__ */ React2.createElement(CheckmarkIcon, { color: checkmarkColor, size: 20 })
+      checkmarkIcon ?? /* @__PURE__ */ React3.createElement(CheckmarkIcon, { color: checkmarkColor, size: 20 })
     )) : null
   ))));
 };
 
 // src/components/autocomplete/autocomplete-trigger.tsx
-import React3 from "react";
+import React4 from "react";
 import { Pressable as Pressable3, Text as Text2, TouchableOpacity, View as View3 } from "react-native";
 import { CloseIcon as CloseIcon2 } from "@xaui/icons";
 var AutocompleteTrigger = ({
@@ -695,7 +707,7 @@ var AutocompleteTrigger = ({
   onLayout: handleTriggerLayout
 }) => {
   const renderLabel = isLabelInside && label;
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React4.createElement(
     Pressable3,
     {
       ref: triggerRef,
@@ -718,7 +730,7 @@ var AutocompleteTrigger = ({
       accessibilityRole: "button",
       accessibilityState: { disabled: isDisabled }
     },
-    /* @__PURE__ */ React3.createElement(View3, { style: styles.triggerContent }, isLabelInside && renderLabel, /* @__PURE__ */ React3.createElement(
+    /* @__PURE__ */ React4.createElement(View3, { style: styles.triggerContent }, isLabelInside && renderLabel, /* @__PURE__ */ React4.createElement(
       Text2,
       {
         style: [
@@ -732,14 +744,14 @@ var AutocompleteTrigger = ({
       },
       displayValue
     )),
-    isClearable && (currentSelectedKey || currentInputValue) ? /* @__PURE__ */ React3.createElement(
+    isClearable && (currentSelectedKey || currentInputValue) ? /* @__PURE__ */ React4.createElement(
       TouchableOpacity,
       {
         onPress: handleClear,
         style: styles.clearButton,
         hitSlop: { top: 8, right: 8, bottom: 8, left: 8 }
       },
-      clearIcon ?? /* @__PURE__ */ React3.createElement(CloseIcon2, { color: theme.colors.foreground, size: 20 })
+      clearIcon ?? /* @__PURE__ */ React4.createElement(CloseIcon2, { color: theme.colors.foreground, size: 20 })
     ) : null
   );
 };
@@ -798,9 +810,9 @@ var Autocomplete = ({
     });
   }, []);
   const items = useMemo3(() => {
-    const elements = React4.Children.toArray(children).filter(Boolean);
+    const elements = React5.Children.toArray(children).filter(Boolean);
     return elements.map((child, index) => {
-      if (!React4.isValidElement(child)) {
+      if (!React5.isValidElement(child)) {
         return null;
       }
       const key = child.props.value ?? String(index);
@@ -893,7 +905,7 @@ var Autocomplete = ({
       handleItemSelection(item.key, item.labelText);
       itemProps.onSelected?.();
     };
-    return React4.cloneElement(item.element, {
+    return React5.cloneElement(item.element, {
       key: item.key,
       isDisabled: itemDisabled,
       isSelected: itemSelected,
@@ -904,10 +916,10 @@ var Autocomplete = ({
   const isLabelInside = labelPlacement === "inside";
   const isLabelOutsideLeft = labelPlacement === "outside-left";
   const isLabelOutside = labelPlacement === "outside" || labelPlacement === "outside-top";
-  const renderLabel = label ? typeof label === "string" || typeof label === "number" ? /* @__PURE__ */ React4.createElement(Text3, { style: [styles.label, labelStyle] }, label) : /* @__PURE__ */ React4.createElement(View4, null, label) : null;
+  const renderLabel = label ? typeof label === "string" || typeof label === "number" ? /* @__PURE__ */ React5.createElement(Text3, { style: [styles.label, labelStyle] }, label) : /* @__PURE__ */ React5.createElement(View4, null, label) : null;
   const shouldShowHelper = Boolean(description || errorMessage);
   const helperContent = isInvalid && errorMessage ? errorMessage : description;
-  const triggerContent = /* @__PURE__ */ React4.createElement(
+  const triggerContent = /* @__PURE__ */ React5.createElement(
     AutocompleteTrigger,
     {
       triggerRef,
@@ -932,7 +944,7 @@ var Autocomplete = ({
     }
   );
   const labelBlock = isLabelOutside || isLabelInside ? renderLabel : null;
-  return /* @__PURE__ */ React4.createElement(View4, { style: [styles.container, fullWidth ? styles.fullWidth : styles.minWidth] }, isLabelOutside && labelBlock, isLabelOutsideLeft ? /* @__PURE__ */ React4.createElement(View4, { style: styles.outsideLeftRow }, renderLabel, triggerContent) : triggerContent, shouldShowHelper && helperContent ? typeof helperContent === "string" || typeof helperContent === "number" ? /* @__PURE__ */ React4.createElement(Text3, { style: [styles.helperText, { color: helperColor }] }, helperContent) : /* @__PURE__ */ React4.createElement(View4, null, helperContent) : null, /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React5.createElement(View4, { style: [styles.container, fullWidth ? styles.fullWidth : styles.minWidth] }, isLabelOutside && labelBlock, isLabelOutsideLeft ? /* @__PURE__ */ React5.createElement(View4, { style: styles.outsideLeftRow }, renderLabel, triggerContent) : triggerContent, shouldShowHelper && helperContent ? typeof helperContent === "string" || typeof helperContent === "number" ? /* @__PURE__ */ React5.createElement(Text3, { style: [styles.helperText, { color: helperColor }] }, helperContent) : /* @__PURE__ */ React5.createElement(View4, null, helperContent) : null, /* @__PURE__ */ React5.createElement(
     AutocompleteDialog,
     {
       visible: isOpen,
@@ -946,12 +958,12 @@ var Autocomplete = ({
       onClose: () => setOpen(false),
       onCheckmark: handleCheckmark
     },
-    /* @__PURE__ */ React4.createElement(AutocompleteContext.Provider, { value: { size, themeColor, isDisabled } }, showEmptyMessage ? /* @__PURE__ */ React4.createElement(Text3, { style: [styles.emptyMessage, { color: theme.colors.foreground }] }, "No results found") : listItems)
+    /* @__PURE__ */ React5.createElement(AutocompleteContext.Provider, { value: { size, themeColor, isDisabled } }, showEmptyMessage ? /* @__PURE__ */ React5.createElement(Text3, { style: [styles.emptyMessage, { color: theme.colors.foreground }] }, "No results found") : listItems)
   ));
 };
 
 // src/components/autocomplete/autocomplete-item.tsx
-import React5, { useContext as useContext2 } from "react";
+import React6, { useContext as useContext2 } from "react";
 import { Pressable as Pressable4, Text as Text4, View as View5 } from "react-native";
 
 // src/components/autocomplete/autocomplete-item.style.ts
@@ -1081,7 +1093,7 @@ var AutocompleteItem = ({
     }
     onSelected?.();
   };
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React6.createElement(
     Pressable4,
     {
       onPress: handlePress,
@@ -1098,7 +1110,7 @@ var AutocompleteItem = ({
       ]
     },
     startContent,
-    /* @__PURE__ */ React5.createElement(View5, { style: styles3.content }, /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React6.createElement(View5, { style: styles3.content }, /* @__PURE__ */ React6.createElement(
       Text4,
       {
         style: [
@@ -1108,7 +1120,7 @@ var AutocompleteItem = ({
         ]
       },
       label
-    ), description && /* @__PURE__ */ React5.createElement(
+    ), description && /* @__PURE__ */ React6.createElement(
       Text4,
       {
         style: [

package/dist/avatar/index.js

@@ -1,7 +1,6 @@
-import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-URBEEDFX.js";
 
 // src/components/avatar/avatar.tsx
 import React from "react";

package/dist/badge/index.js

@@ -1,7 +1,6 @@
-import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-URBEEDFX.js";
 
 // src/components/badge/badge.tsx
 import React from "react";

package/dist/bottom-sheet/index.js

@@ -1,8 +1,7 @@
-import "../chunk-DXXNBF5P.js";
 import {
   Portal,
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-URBEEDFX.js";
 
 // src/components/bottom-sheet/bottom-sheet.tsx
 import React from "react";