@xaui/native 0.0.12 → 0.0.13

package/dist/autocomplete/index.js

@@ -1,10 +1,8 @@
 import {
   Autocomplete,
   AutocompleteItem
-} from "../chunk-RL47NQAU.js";
+} from "../chunk-NMZUPH3R.js";
 import "../chunk-GBHQCAKW.js";
-import "../chunk-CKGZOJVV.js";
-import "../chunk-SIXET7TJ.js";
 import "../chunk-NBRASCX4.js";
 export {
   Autocomplete,

package/dist/button/index.cjs

@@ -30,7 +30,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/button/index.ts
 var button_exports = {};
 __export(button_exports, {
-  Button: () => Button
+  Button: () => Button,
+  IconButton: () => IconButton
 });
 module.exports = __toCommonJS(button_exports);
 
@@ -233,7 +234,14 @@ var CircularActivityIndicator = ({
         borderWidth: strokeWidth,
         borderRadius: size / 2
       };
-      return /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { key: index, style: [styles.layer] }, /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { style: layerStyle }, /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { style: [containerStyle, offsetStyle], collapsable: false }, /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { style: viewportStyle }, /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { style: containerStyle, collapsable: false }, /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { style: lineStyle }))))));
+      return /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { key: index, style: [styles.layer] }, /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { style: layerStyle }, /* @__PURE__ */ import_react6.default.createElement(
+        import_react_native5.Animated.View,
+        {
+          style: [containerStyle, offsetStyle],
+          collapsable: false
+        },
+        /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { style: viewportStyle }, /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { style: containerStyle, collapsable: false }, /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { style: lineStyle })))
+      )));
     })
   ));
 };
@@ -598,7 +606,7 @@ var import_react_native9 = require("react-native");
 var runPressInAnimation = (animatedScale, animatedOpacity) => {
   import_react_native9.Animated.parallel([
     import_react_native9.Animated.spring(animatedScale, {
-      toValue: 0.965,
+      toValue: 0.975,
       useNativeDriver: true,
       speed: 50,
       bounciness: 0
@@ -713,7 +721,121 @@ var Button = ({
     )
   ));
 };
+
+// src/components/button/icon-button.tsx
+var import_react13 = __toESM(require("react"), 1);
+var import_react_native12 = require("react-native");
+
+// src/components/button/icon-button.style.ts
+var import_react_native11 = require("react-native");
+var iconButtonStyles = import_react_native11.StyleSheet.create({
+  container: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  button: {
+    alignItems: "center",
+    justifyContent: "center",
+    aspectRatio: 1
+  },
+  disabled: {
+    opacity: 0.5
+  }
+});
+
+// src/components/button/icon-button.hook.ts
+var import_react12 = require("react");
+var useIconButtonSizeStyles = (size) => {
+  const theme = useXUITheme();
+  return (0, import_react12.useMemo)(() => {
+    const sizeMap = {
+      xs: { width: 34, height: 34 },
+      sm: { width: 38, height: 38 },
+      md: { width: 42, height: 42 },
+      lg: { width: 50, height: 50 }
+    };
+    return sizeMap[size];
+  }, [size, theme]);
+};
+
+// src/components/button/icon-button.tsx
+var IconButton = ({
+  icon,
+  themeColor = "primary",
+  variant = "solid",
+  size = "md",
+  radius = "md",
+  isDisabled = false,
+  isLoading = false,
+  customAppearance,
+  onPress,
+  onLongPress,
+  onPressIn,
+  onPressOut
+}) => {
+  const animatedScale = import_react13.default.useRef(new import_react_native12.Animated.Value(1)).current;
+  const animatedOpacity = import_react13.default.useRef(new import_react_native12.Animated.Value(1)).current;
+  const sizeStyles = useIconButtonSizeStyles(size);
+  const radiusStyles = useBorderRadiusStyles(radius);
+  const variantStyles = useVariantSizesStyles(themeColor, variant);
+  const { textColor } = useTextStyles(themeColor, variant);
+  const handlePressIn = (event) => {
+    if (!isDisabled && !isLoading) {
+      runPressInAnimation(animatedScale, animatedOpacity);
+    }
+    onPressIn?.(event);
+  };
+  const handlePressOut = (event) => {
+    if (!isDisabled && !isLoading) {
+      runPressOutAnimation(animatedScale, animatedOpacity);
+    }
+    onPressOut?.(event);
+  };
+  const spinnerSize = {
+    xs: 14,
+    sm: 16,
+    md: 18,
+    lg: 20
+  }[size];
+  return /* @__PURE__ */ import_react13.default.createElement(import_react_native12.View, { style: [iconButtonStyles.container, customAppearance?.container] }, /* @__PURE__ */ import_react13.default.createElement(
+    import_react_native12.Pressable,
+    {
+      onPress: isDisabled || isLoading ? void 0 : onPress,
+      onLongPress: isDisabled || isLoading ? void 0 : onLongPress,
+      onPressIn: handlePressIn,
+      onPressOut: handlePressOut,
+      disabled: isDisabled || isLoading
+    },
+    /* @__PURE__ */ import_react13.default.createElement(
+      import_react_native12.Animated.View,
+      {
+        style: [
+          iconButtonStyles.button,
+          sizeStyles,
+          radiusStyles,
+          variantStyles,
+          isDisabled && iconButtonStyles.disabled,
+          {
+            transform: [{ scale: animatedScale }],
+            opacity: animatedOpacity
+          },
+          customAppearance?.button
+        ]
+      },
+      isLoading ? /* @__PURE__ */ import_react13.default.createElement(
+        ActivityIndicator,
+        {
+          variant: "circular",
+          themeColor: variant === "solid" || variant === "elevated" ? void 0 : themeColor,
+          color: variant === "solid" || variant === "elevated" ? textColor : void 0,
+          size: spinnerSize
+        }
+      ) : icon
+    )
+  ));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Button
+  Button,
+  IconButton
 });

package/dist/button/index.d.cts

@@ -96,4 +96,66 @@ type ButtonProps = {
 
 declare const Button: React.FC<ButtonProps>;
 
-export { Button, type ButtonProps, type ButtonRadius, type ButtonVariant, type SpinnerPlacement };
+type IconButtonProps = {
+    /**
+     * Icon to display in the button
+     */
+    icon: ReactNode;
+    /**
+     * Button size
+     * @default 'md'
+     */
+    size?: Size;
+    /**
+     * Button variant
+     * @default 'solid'
+     */
+    variant?: ButtonVariant;
+    /**
+     * Theme color
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Border radius
+     * @default 'md'
+     */
+    radius?: ButtonRadius;
+    /**
+     * Whether the button is disabled
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the button is loading
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Custom appearance overrides
+     */
+    customAppearance?: {
+        container?: ViewStyle;
+        button?: ViewStyle;
+    };
+    /**
+     * Press handler
+     */
+    onPress?: (event: GestureResponderEvent) => void;
+    /**
+     * Long press handler
+     */
+    onLongPress?: (event: GestureResponderEvent) => void;
+    /**
+     * Press in handler
+     */
+    onPressIn?: (event: GestureResponderEvent) => void;
+    /**
+     * Press out handler
+     */
+    onPressOut?: (event: GestureResponderEvent) => void;
+};
+
+declare const IconButton: React.FC<IconButtonProps>;
+
+export { Button, type ButtonProps, type ButtonRadius, type ButtonVariant, IconButton, type IconButtonProps, type SpinnerPlacement };

package/dist/button/index.d.ts

@@ -96,4 +96,66 @@ type ButtonProps = {
 
 declare const Button: React.FC<ButtonProps>;
 
-export { Button, type ButtonProps, type ButtonRadius, type ButtonVariant, type SpinnerPlacement };
+type IconButtonProps = {
+    /**
+     * Icon to display in the button
+     */
+    icon: ReactNode;
+    /**
+     * Button size
+     * @default 'md'
+     */
+    size?: Size;
+    /**
+     * Button variant
+     * @default 'solid'
+     */
+    variant?: ButtonVariant;
+    /**
+     * Theme color
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Border radius
+     * @default 'md'
+     */
+    radius?: ButtonRadius;
+    /**
+     * Whether the button is disabled
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the button is loading
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Custom appearance overrides
+     */
+    customAppearance?: {
+        container?: ViewStyle;
+        button?: ViewStyle;
+    };
+    /**
+     * Press handler
+     */
+    onPress?: (event: GestureResponderEvent) => void;
+    /**
+     * Long press handler
+     */
+    onLongPress?: (event: GestureResponderEvent) => void;
+    /**
+     * Press in handler
+     */
+    onPressIn?: (event: GestureResponderEvent) => void;
+    /**
+     * Press out handler
+     */
+    onPressOut?: (event: GestureResponderEvent) => void;
+};
+
+declare const IconButton: React.FC<IconButtonProps>;
+
+export { Button, type ButtonProps, type ButtonRadius, type ButtonVariant, IconButton, type IconButtonProps, type SpinnerPlacement };

package/dist/button/index.js

@@ -1,6 +1,6 @@
 import {
   ActivityIndicator
-} from "../chunk-63LRW4QD.js";
+} from "../chunk-MKHBEJLO.js";
 import {
   useBorderRadiusStyles,
   useXUITheme
@@ -154,7 +154,7 @@ import { Animated } from "react-native";
 var runPressInAnimation = (animatedScale, animatedOpacity) => {
   Animated.parallel([
     Animated.spring(animatedScale, {
-      toValue: 0.965,
+      toValue: 0.975,
       useNativeDriver: true,
       speed: 50,
       bounciness: 0
@@ -269,6 +269,120 @@ var Button = ({
     )
   ));
 };
+
+// src/components/button/icon-button.tsx
+import React2 from "react";
+import { Pressable as Pressable2, View as View2, Animated as Animated3 } from "react-native";
+
+// src/components/button/icon-button.style.ts
+import { StyleSheet as StyleSheet2 } from "react-native";
+var iconButtonStyles = StyleSheet2.create({
+  container: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  button: {
+    alignItems: "center",
+    justifyContent: "center",
+    aspectRatio: 1
+  },
+  disabled: {
+    opacity: 0.5
+  }
+});
+
+// src/components/button/icon-button.hook.ts
+import { useMemo as useMemo2 } from "react";
+var useIconButtonSizeStyles = (size) => {
+  const theme = useXUITheme();
+  return useMemo2(() => {
+    const sizeMap = {
+      xs: { width: 34, height: 34 },
+      sm: { width: 38, height: 38 },
+      md: { width: 42, height: 42 },
+      lg: { width: 50, height: 50 }
+    };
+    return sizeMap[size];
+  }, [size, theme]);
+};
+
+// src/components/button/icon-button.tsx
+var IconButton = ({
+  icon,
+  themeColor = "primary",
+  variant = "solid",
+  size = "md",
+  radius = "md",
+  isDisabled = false,
+  isLoading = false,
+  customAppearance,
+  onPress,
+  onLongPress,
+  onPressIn,
+  onPressOut
+}) => {
+  const animatedScale = React2.useRef(new Animated3.Value(1)).current;
+  const animatedOpacity = React2.useRef(new Animated3.Value(1)).current;
+  const sizeStyles = useIconButtonSizeStyles(size);
+  const radiusStyles = useBorderRadiusStyles(radius);
+  const variantStyles = useVariantSizesStyles(themeColor, variant);
+  const { textColor } = useTextStyles(themeColor, variant);
+  const handlePressIn = (event) => {
+    if (!isDisabled && !isLoading) {
+      runPressInAnimation(animatedScale, animatedOpacity);
+    }
+    onPressIn?.(event);
+  };
+  const handlePressOut = (event) => {
+    if (!isDisabled && !isLoading) {
+      runPressOutAnimation(animatedScale, animatedOpacity);
+    }
+    onPressOut?.(event);
+  };
+  const spinnerSize = {
+    xs: 14,
+    sm: 16,
+    md: 18,
+    lg: 20
+  }[size];
+  return /* @__PURE__ */ React2.createElement(View2, { style: [iconButtonStyles.container, customAppearance?.container] }, /* @__PURE__ */ React2.createElement(
+    Pressable2,
+    {
+      onPress: isDisabled || isLoading ? void 0 : onPress,
+      onLongPress: isDisabled || isLoading ? void 0 : onLongPress,
+      onPressIn: handlePressIn,
+      onPressOut: handlePressOut,
+      disabled: isDisabled || isLoading
+    },
+    /* @__PURE__ */ React2.createElement(
+      Animated3.View,
+      {
+        style: [
+          iconButtonStyles.button,
+          sizeStyles,
+          radiusStyles,
+          variantStyles,
+          isDisabled && iconButtonStyles.disabled,
+          {
+            transform: [{ scale: animatedScale }],
+            opacity: animatedOpacity
+          },
+          customAppearance?.button
+        ]
+      },
+      isLoading ? /* @__PURE__ */ React2.createElement(
+        ActivityIndicator,
+        {
+          variant: "circular",
+          themeColor: variant === "solid" || variant === "elevated" ? void 0 : themeColor,
+          color: variant === "solid" || variant === "elevated" ? textColor : void 0,
+          size: spinnerSize
+        }
+      ) : icon
+    )
+  ));
+};
 export {
-  Button
+  Button,
+  IconButton
 };

package/dist/checkbox/index.cjs

@@ -173,7 +173,11 @@ function IndeterminateCheckIcon({
 }) {
   return /* @__PURE__ */ import_react.default.createElement(import_react_native_svg.default, { width: size, height: size, viewBox: "0 0 24 24" }, /* @__PURE__ */ import_react.default.createElement(import_react_native_svg.Line, { x1: "21", y1: "12", x2: "3", y2: "12", stroke: color, strokeWidth: 3 }));
 }
-function CheckboxIcon({ isIndeterminate, variant, ...props }) {
+function CheckboxIcon({
+  isIndeterminate,
+  variant,
+  ...props
+}) {
   const BaseIcon = isIndeterminate ? IndeterminateCheckIcon : CheckIcon;
   if (variant === "light" && !props.isChecked && !isIndeterminate) {
     return /* @__PURE__ */ import_react.default.createElement(PlaceholderCheckIcon, { size: props.size, color: props.placeholderColor ?? "" });

package/dist/checkbox/index.js

@@ -141,7 +141,11 @@ function IndeterminateCheckIcon({
 }) {
   return /* @__PURE__ */ React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24" }, /* @__PURE__ */ React.createElement(Line, { x1: "21", y1: "12", x2: "3", y2: "12", stroke: color, strokeWidth: 3 }));
 }
-function CheckboxIcon({ isIndeterminate, variant, ...props }) {
+function CheckboxIcon({
+  isIndeterminate,
+  variant,
+  ...props
+}) {
   const BaseIcon = isIndeterminate ? IndeterminateCheckIcon : CheckIcon;
   if (variant === "light" && !props.isChecked && !isIndeterminate) {
     return /* @__PURE__ */ React.createElement(PlaceholderCheckIcon, { size: props.size, color: props.placeholderColor ?? "" });

package/dist/{chunk-OFYJYQ2M.js → chunk-2T6FKPJW.js}

@@ -1,6 +1,3 @@
-import {
-  CloseIcon
-} from "./chunk-SIXET7TJ.js";
 import {
   useBorderRadiusStyles,
   useXUITheme
@@ -207,6 +204,7 @@ function DangerIcon({ color, size }) {
 }
 
 // src/components/alert/alert.tsx
+import { CloseIcon } from "@xaui/icons";
 var iconMap = {
   default: InfoIcon,
   primary: InfoIcon,

package/dist/{chunk-LM23DOX3.js → chunk-7OFTYKK4.js}

@@ -1,12 +1,3 @@
-import {
-  CalendarIcon,
-  ChevronDownIcon,
-  ChevronLeftIcon,
-  ChevronRightIcon
-} from "./chunk-CKGZOJVV.js";
-import {
-  CloseIcon
-} from "./chunk-SIXET7TJ.js";
 import {
   Portal,
   useXUITheme
@@ -228,9 +219,7 @@ var getWeekdayNames = (locale, firstDayOfWeek) => {
   const days = [];
   for (let i = 0; i < 7; i++) {
     const date = new Date(2024, 0, 1 + offset + i);
-    days.push(
-      date.toLocaleDateString(locale, { weekday: "short" }).slice(0, 2)
-    );
+    days.push(date.toLocaleDateString(locale, { weekday: "short" }).slice(0, 2));
   }
   return days;
 };
@@ -943,6 +932,10 @@ var DatePickerDialogCalendar = ({
 // src/components/dialogs/datepicker-dialog/datepicker-dialog-header.tsx
 import React2, { useMemo as useMemo3 } from "react";
 import { Pressable as Pressable2, Text as Text2, View as View2 } from "react-native";
+import { ChevronDownIcon } from "@xaui/icons/chevron-down";
+import { ChevronLeftIcon } from "@xaui/icons/chevron-left";
+import { ChevronRightIcon } from "@xaui/icons/chevron-right";
+import { CloseIcon } from "@xaui/icons/close";
 var DatePickerDialogHeader = ({
   viewDate,
   selectedDate,
@@ -964,7 +957,7 @@ var DatePickerDialogHeader = ({
     const month = getMonthName(viewDate.getMonth(), locale);
     return `${month} ${viewDate.getFullYear()}`;
   }, [viewDate, locale]);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(View2, { style: [styles2.header, { backgroundColor: colorScheme.main }] }, /* @__PURE__ */ React2.createElement(Text2, { style: [styles2.headerLabel, { color: colorScheme.foreground }] }, selectDateLabel), /* @__PURE__ */ React2.createElement(View2, { style: styles2.headerDateRow }, /* @__PURE__ */ React2.createElement(Text2, { style: [styles2.headerDate, { color: colorScheme.foreground }] }, dateText), /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(View2, { style: [styles2.header, { backgroundColor: colorScheme.main }] }, /* @__PURE__ */ React2.createElement(Text2, { style: [styles2.headerLabel, { color: colorScheme.foreground }] }, selectDateLabel), /* @__PURE__ */ React2.createElement(View2, { style: styles2.headerDateRow }, /* @__PURE__ */ React2.createElement(Text2, { style: [styles2.headerDate, { color: colorScheme.foreground }] }, dateText), selectedDate ? /* @__PURE__ */ React2.createElement(
     Pressable2,
     {
       onPress: onClearValue,
@@ -973,7 +966,7 @@ var DatePickerDialogHeader = ({
       accessibilityRole: "button"
     },
     /* @__PURE__ */ React2.createElement(CloseIcon, { size: 20, color: colorScheme.foreground })
-  ))), /* @__PURE__ */ React2.createElement(View2, { style: styles2.navigationRow }, /* @__PURE__ */ React2.createElement(
+  ) : null)), /* @__PURE__ */ React2.createElement(View2, { style: styles2.navigationRow }, /* @__PURE__ */ React2.createElement(
     Pressable2,
     {
       style: styles2.monthYearButton,
@@ -981,20 +974,8 @@ var DatePickerDialogHeader = ({
       accessibilityLabel: `${monthYearLabel}, tap to change`,
       accessibilityRole: "button"
     },
-    /* @__PURE__ */ React2.createElement(
-      Text2,
-      {
-        style: [styles2.monthYearText, { color: theme.colors.foreground }]
-      },
-      monthYearLabel
-    ),
-    /* @__PURE__ */ React2.createElement(
-      ChevronDownIcon,
-      {
-        size: 18,
-        color: theme.colors.foreground
-      }
-    )
+    /* @__PURE__ */ React2.createElement(Text2, { style: [styles2.monthYearText, { color: theme.colors.foreground }] }, monthYearLabel),
+    /* @__PURE__ */ React2.createElement(ChevronDownIcon, { size: 18, color: theme.colors.foreground })
   ), /* @__PURE__ */ React2.createElement(View2, { style: styles2.navButtons }, /* @__PURE__ */ React2.createElement(
     Pressable2,
     {
@@ -1099,10 +1080,7 @@ var DatePickerDialogYearPicker = ({ viewDate, themeColor, minDate, maxDate, onSe
   const isDefault = themeColor === "default";
   const accentColor = isDefault ? theme.colors.foreground : colorScheme.main;
   const accentFg = isDefault ? theme.colors.background : colorScheme.foreground;
-  const years = useMemo5(
-    () => getYearRange(minDate, maxDate),
-    [minDate, maxDate]
-  );
+  const years = useMemo5(() => getYearRange(minDate, maxDate), [minDate, maxDate]);
   const currentYear = viewDate.getFullYear();
   const initialIndex = useMemo5(() => {
     const index = years.indexOf(currentYear);
@@ -1432,6 +1410,8 @@ var DatePickerDialog = ({
 // src/components/datepicker/datepicker-trigger.tsx
 import React6 from "react";
 import { Pressable as Pressable6, Text as Text6, TouchableOpacity, View as View6 } from "react-native";
+import { CalendarIcon } from "@xaui/icons/calendar";
+import { CloseIcon as CloseIcon2 } from "@xaui/icons/close";
 var DatePickerTrigger = ({
   triggerRef,
   isDisabled,
@@ -1497,7 +1477,7 @@ var DatePickerTrigger = ({
         style: styles.clearButton,
         hitSlop: { top: 8, right: 8, bottom: 8, left: 8 }
       },
-      /* @__PURE__ */ React6.createElement(CloseIcon, { color: theme.colors.foreground, size: 20 })
+      /* @__PURE__ */ React6.createElement(CloseIcon2, { color: theme.colors.foreground, size: 20 })
     ) : calendarIcon ?? /* @__PURE__ */ React6.createElement(CalendarIcon, { color: theme.colors.foreground, size: 20 })
   );
 };

package/dist/{chunk-63LRW4QD.js → chunk-MKHBEJLO.js}

@@ -144,7 +144,14 @@ var CircularActivityIndicator = ({
         borderWidth: strokeWidth,
         borderRadius: size / 2
       };
-      return /* @__PURE__ */ React.createElement(Animated.View, { key: index, style: [styles.layer] }, /* @__PURE__ */ React.createElement(Animated.View, { style: layerStyle }, /* @__PURE__ */ React.createElement(Animated.View, { style: [containerStyle, offsetStyle], collapsable: false }, /* @__PURE__ */ React.createElement(Animated.View, { style: viewportStyle }, /* @__PURE__ */ React.createElement(Animated.View, { style: containerStyle, collapsable: false }, /* @__PURE__ */ React.createElement(Animated.View, { style: lineStyle }))))));
+      return /* @__PURE__ */ React.createElement(Animated.View, { key: index, style: [styles.layer] }, /* @__PURE__ */ React.createElement(Animated.View, { style: layerStyle }, /* @__PURE__ */ React.createElement(
+        Animated.View,
+        {
+          style: [containerStyle, offsetStyle],
+          collapsable: false
+        },
+        /* @__PURE__ */ React.createElement(Animated.View, { style: viewportStyle }, /* @__PURE__ */ React.createElement(Animated.View, { style: containerStyle, collapsable: false }, /* @__PURE__ */ React.createElement(Animated.View, { style: lineStyle })))
+      )));
     })
   ));
 };

package/dist/{chunk-RL47NQAU.js → chunk-NMZUPH3R.js}

@@ -1,12 +1,6 @@
 import {
   CheckmarkIcon
 } from "./chunk-GBHQCAKW.js";
-import {
-  ArrowBackIcon
-} from "./chunk-CKGZOJVV.js";
-import {
-  CloseIcon
-} from "./chunk-SIXET7TJ.js";
 import {
   Portal,
   useXUITheme
@@ -275,7 +269,9 @@ var useAutocompleteInputState = ({
   selectedKey,
   onInputChange
 }) => {
-  const [internalInputValue, setInternalInputValue] = useState(defaultInputValue ?? "");
+  const [internalInputValue, setInternalInputValue] = useState(
+    defaultInputValue ?? ""
+  );
   const currentInputValue = inputValue !== void 0 ? inputValue : internalInputValue;
   const updateInputValue = useCallback(
     (value) => {
@@ -343,6 +339,7 @@ import {
   TextInput,
   View
 } from "react-native";
+import { ArrowBackIcon, CloseIcon } from "@xaui/icons";
 
 // src/components/dialogs/autocomplete-dialog/autocomplete-dialog.style.ts
 import { StyleSheet as StyleSheet2 } from "react-native";
@@ -459,10 +456,7 @@ var AutocompleteDialogHeader = ({
       value: inputValue,
       onChangeText: onInputChange,
       placeholder,
-      placeholderTextColor: addOpacityToColor(
-        theme.colors.foreground,
-        0.5
-      ),
+      placeholderTextColor: addOpacityToColor(theme.colors.foreground, 0.5),
       style: [
         styles2.input,
         {
@@ -683,6 +677,7 @@ var AutocompleteDialog = ({
 // src/components/autocomplete/autocomplete-trigger.tsx
 import React3 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 = ({
   triggerRef,
   isDisabled,
@@ -749,7 +744,7 @@ var AutocompleteTrigger = ({
         style: styles.clearButton,
         hitSlop: { top: 8, right: 8, bottom: 8, left: 8 }
       },
-      clearIcon ?? /* @__PURE__ */ React3.createElement(CloseIcon, { color: theme.colors.foreground, size: 20 })
+      clearIcon ?? /* @__PURE__ */ React3.createElement(CloseIcon2, { color: theme.colors.foreground, size: 20 })
     ) : null
   );
 };