@xaui/native 0.9.1-alpha.41 → 0.9.1-alpha.43

package/dist/{chunk-R73XQK7X.cjs → chunk-NCCRQK3P.cjs}

@@ -6,7 +6,7 @@ var _chunkXSQPVDFHcjs = require('./chunk-XSQPVDFH.cjs');
 var _chunk4KFKWBN5cjs = require('./chunk-4KFKWBN5.cjs');
 
 
-var _chunk3E7CDKFOcjs = require('./chunk-3E7CDKFO.cjs');
+var _chunkTGMVEHV7cjs = require('./chunk-TGMVEHV7.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
@@ -16,14 +16,14 @@ var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
 
 
 
-var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
+var _chunk7GHM4GKLcjs = require('./chunk-7GHM4GKL.cjs');
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
+var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
-var _chunk7GHM4GKLcjs = require('./chunk-7GHM4GKL.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
 var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
@@ -275,7 +275,7 @@ var ButtonRoot = _react.forwardRef.call(void 0, function Button({
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk3E7CDKFOcjs.PressableFeedback,
+    _chunkTGMVEHV7cjs.PressableFeedback,
     {
       ref,
       isPressed,

package/dist/{chunk-5VKYNBNA.js → chunk-NHZRQM5J.js}

@@ -24,10 +24,13 @@ import {
 } from "./chunk-F6W3JQ7K.js";
 import {
   PressableFeedback
-} from "./chunk-6UEZJRVI.js";
+} from "./chunk-LIUO6D3D.js";
 import {
   usePressState
 } from "./chunk-423RQBOX.js";
+import {
+  createSlotContext
+} from "./chunk-K72UDPVN.js";
 import {
   createRecipe,
   radiusAxis
@@ -35,9 +38,6 @@ import {
 import {
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
-import {
-  createSlotContext
-} from "./chunk-K72UDPVN.js";
 import {
   useStyleProps
 } from "./chunk-M63GFNKV.js";

package/dist/chunk-P2GKAAA3.cjs

@@ -0,0 +1,442 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkWDDXU3OHcjs = require('./chunk-WDDXU3OH.cjs');
+
+
+
+var _chunkEKS3W46Mcjs = require('./chunk-EKS3W46M.cjs');
+
+
+var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
+
+
+var _chunkTGMVEHV7cjs = require('./chunk-TGMVEHV7.cjs');
+
+
+var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
+
+
+var _chunk7GHM4GKLcjs = require('./chunk-7GHM4GKL.cjs');
+
+
+var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
+
+
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+
+
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
+
+// src/components/bottom-sheet/bottom-sheet-close.tsx
+var _react = require('react');
+
+// src/components/bottom-sheet/bottom-sheet.context.ts
+var [BottomSheetProvider, useBottomSheet] = _chunk7GHM4GKLcjs.createSlotContext.call(void 0, "BottomSheet");
+
+// src/components/bottom-sheet/bottom-sheet-close.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var BottomSheetClose = _react.forwardRef.call(void 0, 
+  function BottomSheetClose2({
+    children,
+    asChild = false,
+    accessibilityRole = "button",
+    style,
+    onPress,
+    onPressIn,
+    onPressOut,
+    ...props
+  }, ref) {
+    const { close } = useBottomSheet();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
+    const handlePress = _react.useCallback.call(void 0, 
+      (event) => {
+        _optionalChain([onPress, 'optionalCall', _ => _(event)]);
+        close();
+      },
+      [close, onPress]
+    );
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkTGMVEHV7cjs.PressableFeedback,
+      {
+        ref,
+        isPressed,
+        asChild,
+        accessibilityRole,
+        ...rest,
+        style: [
+          styleProps,
+          typeof style === "function" ? style({ pressed: isPressed }) : style
+        ],
+        onPress: handlePress,
+        onPressIn: press.onPressIn,
+        onPressOut: press.onPressOut,
+        children
+      }
+    );
+  }
+);
+BottomSheetClose.displayName = "XAUI.BottomSheet.Close";
+
+// src/components/bottom-sheet/bottom-sheet-content.tsx
+
+var _reactnativegesturehandler = require('react-native-gesture-handler');
+
+
+
+
+
+var _reactnativereanimated = require('react-native-reanimated'); var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
+
+// src/components/bottom-sheet/bottom-sheet.animation.ts
+var SHEET_SPRING = { damping: 28, stiffness: 260, mass: 0.9 };
+var DISMISS_VELOCITY = 900;
+
+// src/components/bottom-sheet/bottom-sheet-content.tsx
+
+function BottomSheetContent({
+  children,
+  isSwipeable = true,
+  accessibilityViewIsModal = true,
+  style,
+  onLayout,
+  ...props
+}) {
+  const context = useBottomSheet();
+  const { contentStyle, isOpen, dismissThreshold, close } = context;
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [height, setHeight] = _react.useState.call(void 0, 0);
+  const offset = _reactnativereanimated.useSharedValue.call(void 0, OFFSCREEN);
+  const measure = _react.useCallback.call(void 0, 
+    (event) => {
+      _optionalChain([onLayout, 'optionalCall', _2 => _2(event)]);
+      setHeight(event.nativeEvent.layout.height);
+    },
+    [onLayout]
+  );
+  _react.useEffect.call(void 0, () => {
+    if (height === 0) return;
+    offset.set(_reactnativereanimated.withSpring.call(void 0, isOpen ? 0 : height, SHEET_SPRING));
+  }, [height, isOpen, offset]);
+  const pan = _reactnativegesturehandler.Gesture.Pan().enabled(isSwipeable).onUpdate((event) => {
+    offset.set(Math.max(event.translationY, 0));
+  }).onEnd((event) => {
+    const farEnough = event.translationY > height * dismissThreshold;
+    const fastEnough = event.velocityY > DISMISS_VELOCITY;
+    if (farEnough || fastEnough) {
+      offset.set(_reactnativereanimated.withSpring.call(void 0, height, SHEET_SPRING));
+      _reactnativereanimated.runOnJS.call(void 0, close)();
+      return;
+    }
+    offset.set(_reactnativereanimated.withSpring.call(void 0, 0, SHEET_SPRING));
+  });
+  const slide = _reactnativereanimated.useAnimatedStyle.call(void 0, () => ({
+    transform: [{ translateY: offset.get() }]
+  }));
+  if (!isOpen) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDDXU3OHcjs.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BottomSheetProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnativegesturehandler.GestureDetector, { gesture: pan, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactnativereanimated2.default.View,
+    {
+      accessibilityViewIsModal,
+      onLayout: measure,
+      ...rest,
+      style: [contentStyle, slide, styleProps, style],
+      children
+    }
+  ) }) }) });
+}
+var OFFSCREEN = 2e3;
+BottomSheetContent.displayName = "XAUI.BottomSheet.Content";
+
+// src/components/bottom-sheet/bottom-sheet-description.tsx
+
+var _reactnative = require('react-native');
+
+var BottomSheetDescription = _react.forwardRef.call(void 0, 
+  function BottomSheetDescription2({ children, style, ...props }, ref) {
+    const { descriptionStyle } = useBottomSheet();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, ...rest, style: [descriptionStyle, styleProps, style], children });
+  }
+);
+BottomSheetDescription.displayName = "XAUI.BottomSheet.Description";
+
+// src/components/bottom-sheet/bottom-sheet-handle.tsx
+
+
+
+var BottomSheetHandle = _react.forwardRef.call(void 0, 
+  function BottomSheetHandle2({ style, ...props }, ref) {
+    const { handleStyle } = useBottomSheet();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.View,
+      {
+        ref,
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        ...rest,
+        style: [handleStyle, styleProps, style]
+      }
+    );
+  }
+);
+BottomSheetHandle.displayName = "XAUI.BottomSheet.Handle";
+
+// src/components/bottom-sheet/bottom-sheet-overlay.tsx
+
+
+
+
+var AnimatedPressable = _reactnativereanimated2.default.createAnimatedComponent(_reactnative.Pressable);
+var BottomSheetOverlay = _react.forwardRef.call(void 0, 
+  function BottomSheetOverlay2({ children, isDismissable = true, style, ...props }, ref) {
+    const context = useBottomSheet();
+    const { overlayStyle, isOpen, close } = context;
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    if (!isOpen) return null;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDDXU3OHcjs.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BottomSheetProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      AnimatedPressable,
+      {
+        ref,
+        entering: _chunkEKS3W46Mcjs.overlayEntering,
+        exiting: _chunkEKS3W46Mcjs.overlayExiting,
+        accessibilityRole: "none",
+        importantForAccessibility: "no",
+        onPress: isDismissable ? close : void 0,
+        ...rest,
+        style: [overlayStyle, styleProps, style],
+        children
+      }
+    ) }) });
+  }
+);
+BottomSheetOverlay.displayName = "XAUI.BottomSheet.Overlay";
+
+// src/components/bottom-sheet/bottom-sheet-title.tsx
+
+
+
+var BottomSheetTitle = _react.forwardRef.call(void 0, 
+  function BottomSheetTitle2({ children, accessibilityRole = "header", style, ...props }, ref) {
+    const { titleStyle } = useBottomSheet();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.Text,
+      {
+        ref,
+        accessibilityRole,
+        ...rest,
+        style: [titleStyle, styleProps, style],
+        children
+      }
+    );
+  }
+);
+BottomSheetTitle.displayName = "XAUI.BottomSheet.Title";
+
+// src/components/bottom-sheet/bottom-sheet-trigger.tsx
+
+
+var BottomSheetTrigger = _react.forwardRef.call(void 0, 
+  function BottomSheetTrigger2({
+    children,
+    asChild = false,
+    accessibilityRole = "button",
+    accessibilityState,
+    style,
+    onPress,
+    onPressIn,
+    onPressOut,
+    ...props
+  }, ref) {
+    const { isOpen, isDisabled, toggle } = useBottomSheet();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
+    const handlePress = _react.useCallback.call(void 0, 
+      (event) => {
+        _optionalChain([onPress, 'optionalCall', _3 => _3(event)]);
+        toggle();
+      },
+      [onPress, toggle]
+    );
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkTGMVEHV7cjs.PressableFeedback,
+      {
+        ref,
+        isPressed,
+        isDisabled,
+        asChild,
+        accessibilityRole,
+        accessibilityState: {
+          disabled: isDisabled,
+          expanded: isOpen,
+          ...accessibilityState
+        },
+        ...rest,
+        style: [
+          styleProps,
+          typeof style === "function" ? style({ pressed: isPressed }) : style
+        ],
+        onPress: handlePress,
+        onPressIn: press.onPressIn,
+        onPressOut: press.onPressOut,
+        children
+      }
+    );
+  }
+);
+BottomSheetTrigger.displayName = "XAUI.BottomSheet.Trigger";
+
+// src/components/bottom-sheet/bottom-sheet.tsx
+
+
+// src/components/bottom-sheet/bottom-sheet.recipe.ts
+var SLOTS = ["overlay", "content", "handle", "title", "description"];
+var HANDLE = { width: 36, height: 4 };
+function topCorners(radius) {
+  return (theme) => ({
+    content: {
+      borderTopStartRadius: theme.radius[radius],
+      borderTopEndRadius: theme.radius[radius]
+    }
+  });
+}
+var RADII = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "2xl",
+  "3xl",
+  "4xl",
+  "field",
+  "full"
+];
+var bottomSheetRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  base: (theme) => ({
+    overlay: {
+      position: "absolute",
+      top: 0,
+      bottom: 0,
+      start: 0,
+      end: 0,
+      backgroundColor: theme.colors.backdrop
+    },
+    content: {
+      position: "absolute",
+      start: 0,
+      end: 0,
+      bottom: 0,
+      backgroundColor: theme.colors.overlay,
+      padding: theme.spacing(5),
+      gap: theme.spacing(2),
+      // HeroUI's `--radius-4xl` on a base of 8 is 32 points; the nearest on our base of 12
+      // is `3xl` at 36. A sheet's corner is the largest in the library because it is the
+      // only edge of it you can see.
+      borderTopStartRadius: theme.radius["3xl"],
+      borderTopEndRadius: theme.radius["3xl"],
+      borderCurve: "continuous",
+      ...theme.shadows.overlay
+    },
+    /**
+     * The grab bar. It is the only thing telling a reader the sheet can be dragged — the
+     * gesture has no other affordance, and a sheet without one reads as a panel that
+     * happens to have arrived from below.
+     */
+    handle: {
+      alignSelf: "center",
+      width: HANDLE.width,
+      height: HANDLE.height,
+      borderRadius: HANDLE.height / 2,
+      backgroundColor: theme.colors.separator
+    },
+    title: {
+      fontFamily: theme.fontFamilies.body,
+      fontWeight: theme.fontWeights.medium,
+      fontSize: theme.fontSizes.lg,
+      lineHeight: theme.lineHeights.lg,
+      color: theme.colors.overlayForeground
+    },
+    description: {
+      fontFamily: theme.fontFamilies.body,
+      fontSize: theme.fontSizes.md,
+      lineHeight: theme.lineHeights.md,
+      color: theme.colors.muted
+    }
+  }),
+  /** One variant: a sheet is the theme's floating surface, with no emphasis to report. */
+  variantTokens: { default: {} },
+  variants: {
+    radius: Object.fromEntries(RADII.map((r) => [r, topCorners(r)]))
+  },
+  defaultVariants: { variant: "default" }
+});
+
+// src/components/bottom-sheet/bottom-sheet.tsx
+
+function BottomSheet({
+  children,
+  radius,
+  isOpen: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  isDisabled = false,
+  dismissThreshold = 0.35
+}) {
+  const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
+  const [isOpen, setOpen] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: controlledOpen,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const styles = bottomSheetRecipe.resolve({ theme, selection: { radius } });
+  const open = _react.useCallback.call(void 0, () => setOpen(true), [setOpen]);
+  const close = _react.useCallback.call(void 0, () => setOpen(false), [setOpen]);
+  const toggle = _react.useCallback.call(void 0, () => setOpen((current) => !current), [setOpen]);
+  const context = _react.useMemo.call(void 0, 
+    () => ({
+      overlayStyle: styles.overlay,
+      contentStyle: styles.content,
+      handleStyle: styles.handle,
+      titleStyle: styles.title,
+      descriptionStyle: styles.description,
+      isOpen,
+      isDisabled,
+      dismissThreshold,
+      open,
+      close,
+      toggle
+    }),
+    [styles, isOpen, isDisabled, dismissThreshold, open, close, toggle]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BottomSheetProvider, { value: context, children });
+}
+BottomSheet.displayName = "XAUI.BottomSheet.Root";
+
+// src/components/bottom-sheet/index.ts
+var BottomSheet2 = Object.assign(BottomSheet, {
+  Trigger: BottomSheetTrigger,
+  Overlay: BottomSheetOverlay,
+  Content: BottomSheetContent,
+  Handle: BottomSheetHandle,
+  Title: BottomSheetTitle,
+  Description: BottomSheetDescription,
+  Close: BottomSheetClose
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.useBottomSheet = useBottomSheet; exports.BottomSheetClose = BottomSheetClose; exports.BottomSheetContent = BottomSheetContent; exports.BottomSheetDescription = BottomSheetDescription; exports.BottomSheetHandle = BottomSheetHandle; exports.BottomSheetOverlay = BottomSheetOverlay; exports.BottomSheetTitle = BottomSheetTitle; exports.BottomSheetTrigger = BottomSheetTrigger; exports.bottomSheetRecipe = bottomSheetRecipe; exports.BottomSheet = BottomSheet; exports.BottomSheet2 = BottomSheet2;

package/dist/{chunk-VLKBESEV.cjs → chunk-QWMVMLSU.cjs}

@@ -3,21 +3,21 @@
 var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
 
 
-var _chunk3E7CDKFOcjs = require('./chunk-3E7CDKFO.cjs');
+var _chunkTGMVEHV7cjs = require('./chunk-TGMVEHV7.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
 
 
 
-var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
+var _chunk7GHM4GKLcjs = require('./chunk-7GHM4GKL.cjs');
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
+var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
-var _chunk7GHM4GKLcjs = require('./chunk-7GHM4GKL.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
 var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
@@ -179,7 +179,7 @@ var TabsTrigger = _react.forwardRef.call(void 0, function TabsTrigger2({
   );
   const text = typeof children === "function" ? null : _chunk7GHM4GKLcjs.childrenToString.call(void 0, children);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabsTriggerProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk3E7CDKFOcjs.PressableFeedback,
+    _chunkTGMVEHV7cjs.PressableFeedback,
     {
       ref,
       isPressed,

package/dist/{chunk-GA6PBWNT.js → chunk-QZ24MZRX.js}

@@ -1,7 +1,7 @@
 import {
   TextFieldField,
   useTextField
-} from "./chunk-2NRZKJG7.js";
+} from "./chunk-S2WNWMNT.js";
 import {
   Icon
 } from "./chunk-FHUYHV6J.js";

package/dist/{chunk-YVHT2UVW.js → chunk-R7BU4CPS.js}

@@ -5,7 +5,7 @@ import {
   TextFieldLabel,
   TextFieldRoot,
   useTextField
-} from "./chunk-2NRZKJG7.js";
+} from "./chunk-S2WNWMNT.js";
 import {
   createSlotContext
 } from "./chunk-K72UDPVN.js";

package/dist/{chunk-6DOLGZVV.cjs → chunk-S4QUM4EE.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunkJ3MB4PI5cjs = require('./chunk-J3MB4PI5.cjs');
+var _chunkA7YB7YWXcjs = require('./chunk-A7YB7YWX.cjs');
 
 
 var _chunk4KFKWBN5cjs = require('./chunk-4KFKWBN5.cjs');
@@ -36,7 +36,7 @@ var FieldGroupField = _react.forwardRef.call(void 0,
       () => decoratorPadding(prefixWidth, suffixWidth),
       [prefixWidth, suffixWidth]
     );
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ3MB4PI5cjs.TextFieldField, { ref, ...props, style: [padding, style] });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA7YB7YWXcjs.TextFieldField, { ref, ...props, style: [padding, style] });
   }
 );
 FieldGroupField.displayName = "XAUI.FieldGroup.Field";
@@ -44,7 +44,7 @@ FieldGroupField.displayName = "XAUI.FieldGroup.Field";
 // src/components/field-group/field-group-icon.tsx
 
 function FieldGroupIcon({ size, color, ...rest }) {
-  const { icon } = _chunkJ3MB4PI5cjs.useTextField.call(void 0, );
+  const { icon } = _chunkA7YB7YWXcjs.useTextField.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4KFKWBN5cjs.Icon, { size: _nullishCoalesce(size, () => ( icon.size)), color: _nullishCoalesce(color, () => ( icon.color)), ...rest });
 }
 FieldGroupIcon.displayName = "XAUI.FieldGroup.Icon";
@@ -58,7 +58,7 @@ var _reactnative = require('react-native');
 
 var FieldGroupDecorator = _react.forwardRef.call(void 0, 
   function FieldGroupDecorator2({ side, children, isDecorative = false, onLayout, style, ...props }, ref) {
-    const { prefixStyle, suffixStyle, isDisabled } = _chunkJ3MB4PI5cjs.useTextField.call(void 0, );
+    const { prefixStyle, suffixStyle, isDisabled } = _chunkA7YB7YWXcjs.useTextField.call(void 0, );
     const { setPrefixWidth, setSuffixWidth } = useFieldGroup();
     const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     const report = side === "prefix" ? setPrefixWidth : setSuffixWidth;

package/dist/{chunk-DG2I4PJG.js → chunk-SACDOFGF.js}

@@ -1,7 +1,7 @@
 import { useControllableState } from "./chunk-F6W3JQ7K.js";
+import { createSlotContext } from "./chunk-K72UDPVN.js";
 import { createRecipe, radiusAxis } from "./chunk-4GTAZM2C.js";
 import { useXAUITheme } from "./chunk-A3EGFI6T.js";
-import { createSlotContext } from "./chunk-K72UDPVN.js";
 import { useStyleProps } from "./chunk-M63GFNKV.js";
 
 // src/components/input-otp/input-otp-box.tsx
@@ -40,10 +40,10 @@ function InputOTPCaret({
   });
 }
 InputOTPCaret.displayName = "XAUI.InputOTP.Caret";
-const _worklet_16670090179149_init_data = {
-  code: "function chunkDG2I4PJGJs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-DG2I4PJG.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkDG2I4PJGJs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-DG2I4PJG.js\"],\"mappings\":\"AA8DyC,SAAAA,gBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE3C,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
+const _worklet_15888708666305_init_data = {
+  code: "function chunkSACDOFGFJs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-SACDOFGF.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkSACDOFGFJs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-SACDOFGF.js\"],\"mappings\":\"AA8DyC,SAAAA,gBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE3C,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
 };
 function BlinkingCaret({
   style
@@ -56,26 +56,26 @@ function BlinkingCaret({
     }), -1, true);
     return () => cancelAnimation(opacity);
   }, [opacity]);
-  const animatedStyle = useAnimatedStyle(function chunkDG2I4PJGJs1Factory({
-    _worklet_16670090179149_init_data,
+  const animatedStyle = useAnimatedStyle(function chunkSACDOFGFJs1Factory({
+    _worklet_15888708666305_init_data,
     opacity
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunkDG2I4PJGJs1 = function () {
+    const chunkSACDOFGFJs1 = function () {
       return {
         opacity: opacity.value
       };
     };
-    chunkDG2I4PJGJs1.__closure = {
+    chunkSACDOFGFJs1.__closure = {
       opacity
     };
-    chunkDG2I4PJGJs1.__workletHash = 16670090179149;
-    chunkDG2I4PJGJs1.__pluginVersion = "0.7.4";
-    chunkDG2I4PJGJs1.__initData = _worklet_16670090179149_init_data;
-    chunkDG2I4PJGJs1.__stackDetails = _e;
-    return chunkDG2I4PJGJs1;
+    chunkSACDOFGFJs1.__workletHash = 15888708666305;
+    chunkSACDOFGFJs1.__pluginVersion = "0.7.4";
+    chunkSACDOFGFJs1.__initData = _worklet_15888708666305_init_data;
+    chunkSACDOFGFJs1.__stackDetails = _e;
+    return chunkSACDOFGFJs1;
   }({
-    _worklet_16670090179149_init_data,
+    _worklet_15888708666305_init_data,
     opacity
   }), [opacity]);
   return /* @__PURE__ */jsx(Animated.View, {