@xaui/native 0.9.1-alpha.90 → 0.9.1-alpha.91

package/dist/components/morph-button/morph-button.d.cts

@@ -0,0 +1,61 @@
+import type { View } from 'react-native';
+/**
+ * A button that changes shape: a pill at rest, a card once it is open.
+ *
+ * ```tsx
+ * <MorphButton alignSelf="flex-start">
+ *   <MorphButton.Collapsed>
+ *     <MorphButton.Label>Primary</MorphButton.Label>
+ *   </MorphButton.Collapsed>
+ *
+ *   <MorphButton.Expanded>
+ *     <MorphButton.Title>Primary</MorphButton.Title>
+ *     <MorphButton.Description>
+ *       High-contrast inverted surface for floating buttons over app content.
+ *     </MorphButton.Description>
+ *   </MorphButton.Expanded>
+ * </MorphButton>
+ * ```
+ *
+ * **One box, two contents.** The pressable is the shape that travels, and exactly one face
+ * is mounted at a time — so the box takes its size from whichever that is, and Reanimated's
+ * layout transition animates it between the two. Nothing is measured, which is what lets a
+ * card whose sentence arrives from the network grow with it.
+ *
+ * **One corner for both shapes**, half the collapsed height: at that height it is exactly a
+ * pill, and on the taller card it is a corner in proportion to the control's scale.
+ *
+ * **No `childrenToString`** (R3), and it is the one component that legitimately skips it: a
+ * bare string could belong to either face, and auto-wrapping it into the collapsed one
+ * would build a button that morphs into an empty card. The two faces are the API.
+ *
+ * `useMorphButton().toggle` is what a control *inside* a face is written against — a close
+ * button on the card that costs no state of its own.
+ */
+export declare const MorphButtonRoot: import("react").ForwardRefExoticComponent<{
+    variant?: import("./morph-button.type").MorphButtonVariant;
+    size?: import("./morph-button.type").MorphButtonSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    isExpanded?: boolean;
+    defaultExpanded?: boolean;
+    onExpandedChange?: (isExpanded: boolean) => void;
+    animation?: boolean | import("./morph-button.type").MorphSpring;
+    isDisabled?: boolean;
+    asChild?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+    children?: import("react").ReactNode;
+} & Omit<import("../..").PressableFeedbackProps, "isPressed" | "layout" | keyof {
+    variant?: import("./morph-button.type").MorphButtonVariant;
+    size?: import("./morph-button.type").MorphButtonSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    isExpanded?: boolean;
+    defaultExpanded?: boolean;
+    onExpandedChange?: (isExpanded: boolean) => void;
+    animation?: boolean | import("./morph-button.type").MorphSpring;
+    isDisabled?: boolean;
+    asChild?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+    children?: import("react").ReactNode;
+}> & import("react").RefAttributes<View>>;

package/dist/components/morph-button/morph-button.d.ts

@@ -0,0 +1,61 @@
+import type { View } from 'react-native';
+/**
+ * A button that changes shape: a pill at rest, a card once it is open.
+ *
+ * ```tsx
+ * <MorphButton alignSelf="flex-start">
+ *   <MorphButton.Collapsed>
+ *     <MorphButton.Label>Primary</MorphButton.Label>
+ *   </MorphButton.Collapsed>
+ *
+ *   <MorphButton.Expanded>
+ *     <MorphButton.Title>Primary</MorphButton.Title>
+ *     <MorphButton.Description>
+ *       High-contrast inverted surface for floating buttons over app content.
+ *     </MorphButton.Description>
+ *   </MorphButton.Expanded>
+ * </MorphButton>
+ * ```
+ *
+ * **One box, two contents.** The pressable is the shape that travels, and exactly one face
+ * is mounted at a time — so the box takes its size from whichever that is, and Reanimated's
+ * layout transition animates it between the two. Nothing is measured, which is what lets a
+ * card whose sentence arrives from the network grow with it.
+ *
+ * **One corner for both shapes**, half the collapsed height: at that height it is exactly a
+ * pill, and on the taller card it is a corner in proportion to the control's scale.
+ *
+ * **No `childrenToString`** (R3), and it is the one component that legitimately skips it: a
+ * bare string could belong to either face, and auto-wrapping it into the collapsed one
+ * would build a button that morphs into an empty card. The two faces are the API.
+ *
+ * `useMorphButton().toggle` is what a control *inside* a face is written against — a close
+ * button on the card that costs no state of its own.
+ */
+export declare const MorphButtonRoot: import("react").ForwardRefExoticComponent<{
+    variant?: import("./morph-button.type").MorphButtonVariant;
+    size?: import("./morph-button.type").MorphButtonSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    isExpanded?: boolean;
+    defaultExpanded?: boolean;
+    onExpandedChange?: (isExpanded: boolean) => void;
+    animation?: boolean | import("./morph-button.type").MorphSpring;
+    isDisabled?: boolean;
+    asChild?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+    children?: import("react").ReactNode;
+} & Omit<import("../..").PressableFeedbackProps, "isPressed" | "layout" | keyof {
+    variant?: import("./morph-button.type").MorphButtonVariant;
+    size?: import("./morph-button.type").MorphButtonSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    isExpanded?: boolean;
+    defaultExpanded?: boolean;
+    onExpandedChange?: (isExpanded: boolean) => void;
+    animation?: boolean | import("./morph-button.type").MorphSpring;
+    isDisabled?: boolean;
+    asChild?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+    children?: import("react").ReactNode;
+}> & import("react").RefAttributes<View>>;

package/dist/components/morph-button/morph-button.recipe.d.cts

@@ -0,0 +1,11 @@
+import type { SlotStyles } from '../../system/recipe';
+import type { XAUITheme } from '../../theme/theme.type';
+import type { MorphButtonSlot, MorphButtonVariant } from './morph-button.type';
+export declare const morphButtonRecipe: import("../..").Recipe<"label" | "title" | "description" | "root" | "expanded" | "icon" | "collapsed", MorphButtonVariant, {
+    readonly size: {
+        readonly sm: (theme: XAUITheme) => SlotStyles<MorphButtonSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<MorphButtonSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<MorphButtonSlot>;
+    };
+    readonly radius: Record<import("../..").RadiusKey, import("../..").StyleFn<"root">>;
+}>;

package/dist/components/morph-button/morph-button.recipe.d.ts

@@ -0,0 +1,11 @@
+import type { SlotStyles } from '../../system/recipe';
+import type { XAUITheme } from '../../theme/theme.type';
+import type { MorphButtonSlot, MorphButtonVariant } from './morph-button.type';
+export declare const morphButtonRecipe: import("../..").Recipe<"label" | "title" | "description" | "root" | "expanded" | "icon" | "collapsed", MorphButtonVariant, {
+    readonly size: {
+        readonly sm: (theme: XAUITheme) => SlotStyles<MorphButtonSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<MorphButtonSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<MorphButtonSlot>;
+    };
+    readonly radius: Record<import("../..").RadiusKey, import("../..").StyleFn<"root">>;
+}>;

package/dist/components/morph-button/morph-button.type.d.cts

@@ -0,0 +1,99 @@
+import type { ReactNode } from 'react';
+import type { PressableStateCallbackType, StyleProp, TextProps, TextStyle, ViewProps, ViewStyle } from 'react-native';
+import type { IconContextValue, IconProps } from '../../system/icon';
+import type { PressableFeedbackProps } from '../../system/pressable-feedback';
+import type { TextStyleProps, ViewStyleProps } from '../../system/style-props';
+import type { RadiusKey } from '../../theme/theme.type';
+export type MorphButtonSlot = 'root' | 'collapsed' | 'expanded' | 'label' | 'title' | 'description' | 'icon';
+/**
+ * The `Button`'s union, unchanged: a `MorphButton` is a button, and the emphasis ladder it
+ * sits on is the same one. `success` and `warning` are absent here for the reason they are
+ * absent there — neither is an action, and a button is something you press.
+ */
+export type MorphButtonVariant = 'primary' | 'secondary' | 'default' | 'tertiary' | 'ghost' | 'danger' | 'danger-soft';
+/**
+ * Three steps, not four. `xs` is a 32-point control, and a card that opens out of one has
+ * less room for its own padding than the padding it would need — the shape it morphs into
+ * would be a pill with two lines crammed in it.
+ */
+export type MorphButtonSize = 'sm' | 'md' | 'lg';
+/**
+ * How the box travels between the two shapes. Three knobs, because that is what a spring
+ * is; anything past them is a different animation and therefore a different component.
+ */
+export type MorphSpring = {
+    stiffness?: number;
+    damping?: number;
+    mass?: number;
+};
+type MorphButtonOwnProps = {
+    variant?: MorphButtonVariant;
+    /** The collapsed height, the paddings, the gaps, the corner and the type. Never width. */
+    size?: MorphButtonSize;
+    /**
+     * Overrides the corner both shapes share. Unset, it is half the collapsed height — which
+     * is what makes the collapsed shape a pill and the expanded one a card, from one value.
+     */
+    radius?: RadiusKey;
+    /** A raw tint (R7), landing where the variant put its tokens. */
+    color?: string;
+    /** Which shape it is in. Present means controlled. */
+    isExpanded?: boolean;
+    /** Which shape it is in at first mount. @default false */
+    defaultExpanded?: boolean;
+    onExpandedChange?: (isExpanded: boolean) => void;
+    /**
+     * `false` puts it in the other shape with no travel at all — the box jumps and the faces
+     * swap without a fade.
+     */
+    animation?: boolean | MorphSpring;
+    isDisabled?: boolean;
+    /** R12 — merge into the single child instead of rendering a pressable. */
+    asChild?: boolean;
+    /** R9 — `Pressable`'s function form as much as an object or an array. */
+    style?: StyleProp<ViewStyle> | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
+    children?: ReactNode;
+};
+/** R14 — it renders a `PressableFeedback`, so it carries that node's style keys through it. */
+export type MorphButtonProps = MorphButtonOwnProps & Omit<PressableFeedbackProps, 'isPressed' | 'layout' | 'style' | 'children' | keyof MorphButtonOwnProps>;
+/** `View`'s own props win over the `ViewStyle` keys of the same name (R14). */
+export type MorphButtonFaceProps = ViewProps & Omit<ViewStyleProps, keyof ViewProps> & {
+    children?: ReactNode;
+};
+/** `Text`'s own props win over the `TextStyle` keys of the same name (R14). */
+export type MorphButtonTextProps = TextProps & Omit<TextStyleProps, keyof TextProps> & {
+    children?: ReactNode;
+};
+export type MorphButtonIconProps = IconProps;
+/**
+ * R5 — resolved styles, not props for a slot to resolve a second time. The two faces are
+ * in here for the same reason the label is: each one is a cached `StyleSheet` reference
+ * the root already computed, and a face merges its own `style` on top of it.
+ */
+export type MorphButtonContextValue = {
+    collapsedStyle: StyleProp<ViewStyle>;
+    expandedStyle: StyleProp<ViewStyle>;
+    labelStyle: StyleProp<TextStyle>;
+    titleStyle: StyleProp<TextStyle>;
+    descriptionStyle: StyleProp<TextStyle>;
+    /**
+     * Values, not a style: `Icon` hands `size` and `color` to a third-party component, so
+     * the root flattens its icon slot once here rather than in every icon it contains.
+     */
+    icon: IconContextValue;
+    /** Which face is mounted — the faces read it rather than being told by a prop. */
+    isExpanded: boolean;
+    /** Morphs it. A control inside a face is written against this, and it costs no state. */
+    toggle: () => void;
+    isDisabled: boolean;
+    /**
+     * Whether the faces fade as they swap. `animation={false}` has to reach them too, or the
+     * box would jump while the content still took a hundred and forty milliseconds to arrive.
+     *
+     * It is also `false` until the button has changed shape once, because Reanimated runs an
+     * `entering` animation on the first mount as well: without that, every button on a screen
+     * would fade its collapsed face in as the screen arrived.
+     */
+    animation: boolean;
+};
+export {};

package/dist/components/morph-button/morph-button.type.d.ts

@@ -0,0 +1,99 @@
+import type { ReactNode } from 'react';
+import type { PressableStateCallbackType, StyleProp, TextProps, TextStyle, ViewProps, ViewStyle } from 'react-native';
+import type { IconContextValue, IconProps } from '../../system/icon';
+import type { PressableFeedbackProps } from '../../system/pressable-feedback';
+import type { TextStyleProps, ViewStyleProps } from '../../system/style-props';
+import type { RadiusKey } from '../../theme/theme.type';
+export type MorphButtonSlot = 'root' | 'collapsed' | 'expanded' | 'label' | 'title' | 'description' | 'icon';
+/**
+ * The `Button`'s union, unchanged: a `MorphButton` is a button, and the emphasis ladder it
+ * sits on is the same one. `success` and `warning` are absent here for the reason they are
+ * absent there — neither is an action, and a button is something you press.
+ */
+export type MorphButtonVariant = 'primary' | 'secondary' | 'default' | 'tertiary' | 'ghost' | 'danger' | 'danger-soft';
+/**
+ * Three steps, not four. `xs` is a 32-point control, and a card that opens out of one has
+ * less room for its own padding than the padding it would need — the shape it morphs into
+ * would be a pill with two lines crammed in it.
+ */
+export type MorphButtonSize = 'sm' | 'md' | 'lg';
+/**
+ * How the box travels between the two shapes. Three knobs, because that is what a spring
+ * is; anything past them is a different animation and therefore a different component.
+ */
+export type MorphSpring = {
+    stiffness?: number;
+    damping?: number;
+    mass?: number;
+};
+type MorphButtonOwnProps = {
+    variant?: MorphButtonVariant;
+    /** The collapsed height, the paddings, the gaps, the corner and the type. Never width. */
+    size?: MorphButtonSize;
+    /**
+     * Overrides the corner both shapes share. Unset, it is half the collapsed height — which
+     * is what makes the collapsed shape a pill and the expanded one a card, from one value.
+     */
+    radius?: RadiusKey;
+    /** A raw tint (R7), landing where the variant put its tokens. */
+    color?: string;
+    /** Which shape it is in. Present means controlled. */
+    isExpanded?: boolean;
+    /** Which shape it is in at first mount. @default false */
+    defaultExpanded?: boolean;
+    onExpandedChange?: (isExpanded: boolean) => void;
+    /**
+     * `false` puts it in the other shape with no travel at all — the box jumps and the faces
+     * swap without a fade.
+     */
+    animation?: boolean | MorphSpring;
+    isDisabled?: boolean;
+    /** R12 — merge into the single child instead of rendering a pressable. */
+    asChild?: boolean;
+    /** R9 — `Pressable`'s function form as much as an object or an array. */
+    style?: StyleProp<ViewStyle> | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
+    children?: ReactNode;
+};
+/** R14 — it renders a `PressableFeedback`, so it carries that node's style keys through it. */
+export type MorphButtonProps = MorphButtonOwnProps & Omit<PressableFeedbackProps, 'isPressed' | 'layout' | 'style' | 'children' | keyof MorphButtonOwnProps>;
+/** `View`'s own props win over the `ViewStyle` keys of the same name (R14). */
+export type MorphButtonFaceProps = ViewProps & Omit<ViewStyleProps, keyof ViewProps> & {
+    children?: ReactNode;
+};
+/** `Text`'s own props win over the `TextStyle` keys of the same name (R14). */
+export type MorphButtonTextProps = TextProps & Omit<TextStyleProps, keyof TextProps> & {
+    children?: ReactNode;
+};
+export type MorphButtonIconProps = IconProps;
+/**
+ * R5 — resolved styles, not props for a slot to resolve a second time. The two faces are
+ * in here for the same reason the label is: each one is a cached `StyleSheet` reference
+ * the root already computed, and a face merges its own `style` on top of it.
+ */
+export type MorphButtonContextValue = {
+    collapsedStyle: StyleProp<ViewStyle>;
+    expandedStyle: StyleProp<ViewStyle>;
+    labelStyle: StyleProp<TextStyle>;
+    titleStyle: StyleProp<TextStyle>;
+    descriptionStyle: StyleProp<TextStyle>;
+    /**
+     * Values, not a style: `Icon` hands `size` and `color` to a third-party component, so
+     * the root flattens its icon slot once here rather than in every icon it contains.
+     */
+    icon: IconContextValue;
+    /** Which face is mounted — the faces read it rather than being told by a prop. */
+    isExpanded: boolean;
+    /** Morphs it. A control inside a face is written against this, and it costs no state. */
+    toggle: () => void;
+    isDisabled: boolean;
+    /**
+     * Whether the faces fade as they swap. `animation={false}` has to reach them too, or the
+     * box would jump while the content still took a hundred and forty milliseconds to arrive.
+     *
+     * It is also `false` until the button has changed shape once, because Reanimated runs an
+     * `entering` animation on the first mount as well: without that, every button on a screen
+     * would fade its collapsed face in as the screen arrived.
+     */
+    animation: boolean;
+};
+export {};

package/dist/components/number-stepper/index.cjs

@@ -7,7 +7,7 @@
 
 
 
-var _chunk4TG2OLEMcjs = require('../../chunk-4TG2OLEM.cjs');
+var _chunkPDSR42YCcjs = require('../../chunk-PDSR42YC.cjs');
 
 
 
@@ -16,7 +16,7 @@ var _chunk4TG2OLEMcjs = require('../../chunk-4TG2OLEM.cjs');
 
 
 var _chunkMPYBJSS7cjs = require('../../chunk-MPYBJSS7.cjs');
-require('../../chunk-PIU3JONR.cjs');
+require('../../chunk-OW4N2C3M.cjs');
 require('../../chunk-7DPL3ZDS.cjs');
 require('../../chunk-FHNIGHN5.cjs');
 require('../../chunk-SL3V7R2Y.cjs');
@@ -41,4 +41,4 @@ require('../../chunk-TK44VBIE.cjs');
 
 
 
-exports.NumberStepper = _chunk4TG2OLEMcjs.NumberStepper; exports.NumberStepperDecrement = _chunk4TG2OLEMcjs.NumberStepperDecrement; exports.NumberStepperIncrement = _chunk4TG2OLEMcjs.NumberStepperIncrement; exports.NumberStepperRoot = _chunk4TG2OLEMcjs.NumberStepperRoot; exports.NumberStepperTrack = _chunk4TG2OLEMcjs.NumberStepperTrack; exports.NumberStepperValue = _chunk4TG2OLEMcjs.NumberStepperValue; exports.canStep = _chunkMPYBJSS7cjs.canStep; exports.clampNumber = _chunkMPYBJSS7cjs.clampNumber; exports.formatNumber = _chunkMPYBJSS7cjs.formatNumber; exports.numberMarks = _chunkMPYBJSS7cjs.numberMarks; exports.numberStepperRecipe = _chunk4TG2OLEMcjs.numberStepperRecipe; exports.parseNumber = _chunkMPYBJSS7cjs.parseNumber; exports.stepNumber = _chunkMPYBJSS7cjs.stepNumber; exports.useNumberStepper = _chunk4TG2OLEMcjs.useNumberStepper;
+exports.NumberStepper = _chunkPDSR42YCcjs.NumberStepper; exports.NumberStepperDecrement = _chunkPDSR42YCcjs.NumberStepperDecrement; exports.NumberStepperIncrement = _chunkPDSR42YCcjs.NumberStepperIncrement; exports.NumberStepperRoot = _chunkPDSR42YCcjs.NumberStepperRoot; exports.NumberStepperTrack = _chunkPDSR42YCcjs.NumberStepperTrack; exports.NumberStepperValue = _chunkPDSR42YCcjs.NumberStepperValue; exports.canStep = _chunkMPYBJSS7cjs.canStep; exports.clampNumber = _chunkMPYBJSS7cjs.clampNumber; exports.formatNumber = _chunkMPYBJSS7cjs.formatNumber; exports.numberMarks = _chunkMPYBJSS7cjs.numberMarks; exports.numberStepperRecipe = _chunkPDSR42YCcjs.numberStepperRecipe; exports.parseNumber = _chunkMPYBJSS7cjs.parseNumber; exports.stepNumber = _chunkMPYBJSS7cjs.stepNumber; exports.useNumberStepper = _chunkPDSR42YCcjs.useNumberStepper;

package/dist/components/number-stepper/index.js

@@ -7,7 +7,7 @@ import {
   NumberStepperValue,
   numberStepperRecipe,
   useNumberStepper
-} from "../../chunk-T3WEEHSB.js";
+} from "../../chunk-WRZV6ORJ.js";
 import {
   canStep,
   clampNumber,
@@ -16,7 +16,7 @@ import {
   parseNumber,
   stepNumber
 } from "../../chunk-CG4NONIL.js";
-import "../../chunk-XZ42OWKC.js";
+import "../../chunk-2AFA5HA2.js";
 import "../../chunk-423RQBOX.js";
 import "../../chunk-WFZDAXDI.js";
 import "../../chunk-DKVXTMIJ.js";

package/dist/components/phone-number-field/index.cjs

@@ -21,19 +21,19 @@ require('../../chunk-WLWZG2PA.cjs');
 
 
 
-var _chunkD2UYBAGBcjs = require('../../chunk-D2UYBAGB.cjs');
+var _chunkIPD3IUE2cjs = require('../../chunk-IPD3IUE2.cjs');
 
 
-var _chunkSYVFU6O5cjs = require('../../chunk-SYVFU6O5.cjs');
-require('../../chunk-H2FTAU5C.cjs');
+var _chunkLPJ3UBSOcjs = require('../../chunk-LPJ3UBSO.cjs');
 require('../../chunk-XSQPVDFH.cjs');
+require('../../chunk-H2FTAU5C.cjs');
 require('../../chunk-WDDXU3OH.cjs');
 require('../../chunk-EKS3W46M.cjs');
 require('../../chunk-WFEMJCXO.cjs');
 
 
 var _chunk7EIHHOHPcjs = require('../../chunk-7EIHHOHP.cjs');
-require('../../chunk-PIU3JONR.cjs');
+require('../../chunk-OW4N2C3M.cjs');
 require('../../chunk-7DPL3ZDS.cjs');
 require('../../chunk-GSZDN6EZ.cjs');
 require('../../chunk-FHNIGHN5.cjs');
@@ -189,7 +189,7 @@ var PhoneNumberFieldRoot = _react.forwardRef.call(void 0,
       ]
     );
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PhoneNumberFieldProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkD2UYBAGBcjs.BottomSheet,
+      _chunkIPD3IUE2cjs.BottomSheet,
       {
         isOpen: context.isOpen,
         onOpenChange: setOpen,
@@ -247,7 +247,7 @@ var PhoneNumberFieldCountry = _react.forwardRef.call(void 0, function PhoneNumbe
   const { country } = usePhoneNumberField();
   const { labelStyle } = _chunkAXKDHX5Vcjs.useTextField.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkD2UYBAGBcjs.BottomSheetTrigger,
+    _chunkIPD3IUE2cjs.BottomSheetTrigger,
     {
       ref,
       asChild,
@@ -272,7 +272,7 @@ function PhoneNumberFieldContent({
 }) {
   const context = usePhoneNumberField();
   const field = _chunkAXKDHX5Vcjs.useTextField.call(void 0, );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD2UYBAGBcjs.BottomSheetContent, { ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PhoneNumberFieldProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAXKDHX5Vcjs.TextFieldProvider, { value: field, children }) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIPD3IUE2cjs.BottomSheetContent, { ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PhoneNumberFieldProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAXKDHX5Vcjs.TextFieldProvider, { value: field, children }) }) });
 }
 PhoneNumberFieldContent.displayName = "XAUI.PhoneNumberField.Content";
 
@@ -318,7 +318,7 @@ var PhoneNumberFieldCountryList = _react.forwardRef.call(void 0, function PhoneN
       data: filtered,
       extraData: value.country,
       renderItem: ({ item }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkSYVFU6O5cjs.Button,
+        _chunkLPJ3UBSOcjs.Button,
         {
           variant: "ghost",
           justifyContent: "flex-start",
@@ -329,13 +329,13 @@ var PhoneNumberFieldCountryList = _react.forwardRef.call(void 0, function PhoneN
             _reactnative.Keyboard.dismiss();
           },
           children: renderCountry ? renderCountry(item) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSYVFU6O5cjs.Button.Label, { children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLPJ3UBSOcjs.Button.Label, { children: [
               item.flag,
               " +",
               item.callingCode
             ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSYVFU6O5cjs.Button.Label, { flex: 1, children: item.name }),
-            item.code === value.country ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSYVFU6O5cjs.Button.Label, { children: "\u2713" }) : null
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLPJ3UBSOcjs.Button.Label, { flex: 1, children: item.name }),
+            item.code === value.country ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLPJ3UBSOcjs.Button.Label, { children: "\u2713" }) : null
           ] })
         }
       )
@@ -351,11 +351,11 @@ var PhoneNumberField2 = Object.assign(PhoneNumberFieldRoot, {
   Country: PhoneNumberFieldCountry,
   Description: _chunkAXKDHX5Vcjs.TextFieldDescription,
   Error: _chunkAXKDHX5Vcjs.TextFieldError,
-  Overlay: _chunkD2UYBAGBcjs.BottomSheetOverlay,
+  Overlay: _chunkIPD3IUE2cjs.BottomSheetOverlay,
   Content: PhoneNumberFieldContent,
-  Handle: _chunkD2UYBAGBcjs.BottomSheetHandle,
-  Title: _chunkD2UYBAGBcjs.BottomSheetTitle,
-  Close: _chunkD2UYBAGBcjs.BottomSheetClose,
+  Handle: _chunkIPD3IUE2cjs.BottomSheetHandle,
+  Title: _chunkIPD3IUE2cjs.BottomSheetTitle,
+  Close: _chunkIPD3IUE2cjs.BottomSheetClose,
   Search: PhoneNumberFieldSearch,
   CountryList: PhoneNumberFieldCountryList
 });

package/dist/components/phone-number-field/index.js

@@ -21,19 +21,19 @@ import {
   BottomSheetOverlay,
   BottomSheetTitle,
   BottomSheetTrigger
-} from "../../chunk-KTI3GCFM.js";
+} from "../../chunk-LECYGVIH.js";
 import {
   Button
-} from "../../chunk-NIEIDK5Z.js";
-import "../../chunk-7J3M62W5.js";
+} from "../../chunk-V2CEKPJ6.js";
 import "../../chunk-3GFRSZYR.js";
+import "../../chunk-7J3M62W5.js";
 import "../../chunk-2PMXMKS5.js";
 import "../../chunk-64MXEVT3.js";
 import "../../chunk-NCTOTTVW.js";
 import {
   useControllableState
 } from "../../chunk-F6W3JQ7K.js";
-import "../../chunk-XZ42OWKC.js";
+import "../../chunk-2AFA5HA2.js";
 import "../../chunk-423RQBOX.js";
 import "../../chunk-JN6IRT2M.js";
 import "../../chunk-WFZDAXDI.js";

package/dist/components/popover/index.cjs

@@ -9,14 +9,14 @@
 
 
 
-var _chunkEVSQ4CEIcjs = require('../../chunk-EVSQ4CEI.cjs');
+var _chunkQN2D5ZCScjs = require('../../chunk-QN2D5ZCS.cjs');
 require('../../chunk-GTR5X65M.cjs');
 require('../../chunk-YVYYONTP.cjs');
 require('../../chunk-WDDXU3OH.cjs');
 require('../../chunk-EKS3W46M.cjs');
 require('../../chunk-WFEMJCXO.cjs');
 require('../../chunk-7EIHHOHP.cjs');
-require('../../chunk-PIU3JONR.cjs');
+require('../../chunk-OW4N2C3M.cjs');
 require('../../chunk-7DPL3ZDS.cjs');
 require('../../chunk-FHNIGHN5.cjs');
 require('../../chunk-SL3V7R2Y.cjs');
@@ -37,4 +37,4 @@ require('../../chunk-TK44VBIE.cjs');
 
 
 
-exports.Popover = _chunkEVSQ4CEIcjs.Popover2; exports.PopoverClose = _chunkEVSQ4CEIcjs.PopoverClose; exports.PopoverContent = _chunkEVSQ4CEIcjs.PopoverContent; exports.PopoverDescription = _chunkEVSQ4CEIcjs.PopoverDescription; exports.PopoverOverlay = _chunkEVSQ4CEIcjs.PopoverOverlay; exports.PopoverRoot = _chunkEVSQ4CEIcjs.Popover; exports.PopoverTitle = _chunkEVSQ4CEIcjs.PopoverTitle; exports.PopoverTrigger = _chunkEVSQ4CEIcjs.PopoverTrigger; exports.popoverRecipe = _chunkEVSQ4CEIcjs.popoverRecipe; exports.usePopover = _chunkEVSQ4CEIcjs.usePopover;
+exports.Popover = _chunkQN2D5ZCScjs.Popover2; exports.PopoverClose = _chunkQN2D5ZCScjs.PopoverClose; exports.PopoverContent = _chunkQN2D5ZCScjs.PopoverContent; exports.PopoverDescription = _chunkQN2D5ZCScjs.PopoverDescription; exports.PopoverOverlay = _chunkQN2D5ZCScjs.PopoverOverlay; exports.PopoverRoot = _chunkQN2D5ZCScjs.Popover; exports.PopoverTitle = _chunkQN2D5ZCScjs.PopoverTitle; exports.PopoverTrigger = _chunkQN2D5ZCScjs.PopoverTrigger; exports.popoverRecipe = _chunkQN2D5ZCScjs.popoverRecipe; exports.usePopover = _chunkQN2D5ZCScjs.usePopover;

package/dist/components/popover/index.js

@@ -9,14 +9,14 @@ import {
   PopoverTrigger,
   popoverRecipe,
   usePopover
-} from "../../chunk-5VYB7F3H.js";
+} from "../../chunk-RXEUKYM5.js";
 import "../../chunk-734MFAX4.js";
 import "../../chunk-Z6FRP4EV.js";
 import "../../chunk-2PMXMKS5.js";
 import "../../chunk-64MXEVT3.js";
 import "../../chunk-NCTOTTVW.js";
 import "../../chunk-F6W3JQ7K.js";
-import "../../chunk-XZ42OWKC.js";
+import "../../chunk-2AFA5HA2.js";
 import "../../chunk-423RQBOX.js";
 import "../../chunk-WFZDAXDI.js";
 import "../../chunk-DKVXTMIJ.js";

package/dist/components/radio/index.cjs

@@ -9,10 +9,10 @@
 
 
 
-var _chunkAUYFPVLAcjs = require('../../chunk-AUYFPVLA.cjs');
+var _chunkDYQB54JAcjs = require('../../chunk-DYQB54JA.cjs');
 require('../../chunk-F6CQ6CBI.cjs');
 require('../../chunk-7EIHHOHP.cjs');
-require('../../chunk-PIU3JONR.cjs');
+require('../../chunk-OW4N2C3M.cjs');
 require('../../chunk-7DPL3ZDS.cjs');
 require('../../chunk-FHNIGHN5.cjs');
 require('../../chunk-SL3V7R2Y.cjs');
@@ -33,4 +33,4 @@ require('../../chunk-TK44VBIE.cjs');
 
 
 
-exports.Radio = _chunkAUYFPVLAcjs.Radio; exports.RadioGroup = _chunkAUYFPVLAcjs.RadioGroup; exports.RadioGroupRoot = _chunkAUYFPVLAcjs.RadioGroupRoot; exports.RadioIndicator = _chunkAUYFPVLAcjs.RadioIndicator; exports.RadioLabel = _chunkAUYFPVLAcjs.RadioLabel; exports.RadioRoot = _chunkAUYFPVLAcjs.RadioRoot; exports.radioGroupRecipe = _chunkAUYFPVLAcjs.radioGroupRecipe; exports.radioRecipe = _chunkAUYFPVLAcjs.radioRecipe; exports.useRadio = _chunkAUYFPVLAcjs.useRadio; exports.useRadioGroup = _chunkAUYFPVLAcjs.useRadioGroup;
+exports.Radio = _chunkDYQB54JAcjs.Radio; exports.RadioGroup = _chunkDYQB54JAcjs.RadioGroup; exports.RadioGroupRoot = _chunkDYQB54JAcjs.RadioGroupRoot; exports.RadioIndicator = _chunkDYQB54JAcjs.RadioIndicator; exports.RadioLabel = _chunkDYQB54JAcjs.RadioLabel; exports.RadioRoot = _chunkDYQB54JAcjs.RadioRoot; exports.radioGroupRecipe = _chunkDYQB54JAcjs.radioGroupRecipe; exports.radioRecipe = _chunkDYQB54JAcjs.radioRecipe; exports.useRadio = _chunkDYQB54JAcjs.useRadio; exports.useRadioGroup = _chunkDYQB54JAcjs.useRadioGroup;

package/dist/components/radio/index.d.cts

@@ -435,6 +435,7 @@ export declare const Radio: import("react").ForwardRefExoticComponent<{
     android_ripple?: import("react-native").PressableAndroidRippleConfig | null | undefined;
     testOnly_pressed?: null | boolean | undefined | undefined;
     unstable_pressDelay?: number | undefined | undefined;
+    layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder | undefined;
     asChild?: boolean | undefined;
 } & Omit<import("../..").ViewStyleProps, keyof {
     variant?: import("./radio.type").RadioVariant;

package/dist/components/radio/index.d.ts

@@ -435,6 +435,7 @@ export declare const Radio: import("react").ForwardRefExoticComponent<{
     android_ripple?: import("react-native").PressableAndroidRippleConfig | null | undefined;
     testOnly_pressed?: null | boolean | undefined | undefined;
     unstable_pressDelay?: number | undefined | undefined;
+    layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder | undefined;
     asChild?: boolean | undefined;
 } & Omit<import("../..").ViewStyleProps, keyof {
     variant?: import("./radio.type").RadioVariant;

package/dist/components/radio/index.js

@@ -9,10 +9,10 @@ import {
   radioRecipe,
   useRadio,
   useRadioGroup
-} from "../../chunk-B2KUGQS5.js";
+} from "../../chunk-TPYOQSKT.js";
 import "../../chunk-BA2DBSAN.js";
 import "../../chunk-F6W3JQ7K.js";
-import "../../chunk-XZ42OWKC.js";
+import "../../chunk-2AFA5HA2.js";
 import "../../chunk-423RQBOX.js";
 import "../../chunk-WFZDAXDI.js";
 import "../../chunk-DKVXTMIJ.js";

package/dist/components/radio/radio.d.cts

@@ -468,6 +468,7 @@ export declare const RadioRoot: import("react").ForwardRefExoticComponent<{
     android_ripple?: import("react-native").PressableAndroidRippleConfig | null | undefined;
     testOnly_pressed?: null | boolean | undefined | undefined;
     unstable_pressDelay?: number | undefined | undefined;
+    layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder | undefined;
     asChild?: boolean | undefined;
 } & Omit<import("../..").ViewStyleProps, keyof {
     variant?: import("./radio.type").RadioVariant;

package/dist/components/radio/radio.d.ts

@@ -468,6 +468,7 @@ export declare const RadioRoot: import("react").ForwardRefExoticComponent<{
     android_ripple?: import("react-native").PressableAndroidRippleConfig | null | undefined;
     testOnly_pressed?: null | boolean | undefined | undefined;
     unstable_pressDelay?: number | undefined | undefined;
+    layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder | undefined;
     asChild?: boolean | undefined;
 } & Omit<import("../..").ViewStyleProps, keyof {
     variant?: import("./radio.type").RadioVariant;