@xaui/native 0.9.1-alpha.30 → 0.9.1-alpha.32

package/dist/components/chip/index.cjs

@@ -2,19 +2,20 @@
 
 
 
-var _chunkUBQLKIZCcjs = require('../../chunk-UBQLKIZC.cjs');
-require('../../chunk-TGZZ3RZU.cjs');
-require('../../chunk-GPVNCJ3Z.cjs');
+var _chunkETSYP3NHcjs = require('../../chunk-ETSYP3NH.cjs');
+require('../../chunk-CYS6U374.cjs');
+require('../../chunk-6M7RUU7V.cjs');
 require('../../chunk-7DPL3ZDS.cjs');
-require('../../chunk-WR7YLDVV.cjs');
 require('../../chunk-EJQCQPET.cjs');
+require('../../chunk-PCWT2YBE.cjs');
+require('../../chunk-54FJOKAN.cjs');
+require('../../chunk-H4E4HDEP.cjs');
 require('../../chunk-FNEUOBCV.cjs');
+require('../../chunk-I6ZB3FZI.cjs');
 require('../../chunk-57SJ4LJF.cjs');
-require('../../chunk-ZP2E2H2G.cjs');
-require('../../chunk-GLGU2WFL.cjs');
 require('../../chunk-MC7SY2QH.cjs');
 
 
 
 
-exports.Chip = _chunkUBQLKIZCcjs.Chip; exports.chipRecipe = _chunkUBQLKIZCcjs.chipRecipe; exports.useChip = _chunkUBQLKIZCcjs.useChip;
+exports.Chip = _chunkETSYP3NHcjs.Chip; exports.chipRecipe = _chunkETSYP3NHcjs.chipRecipe; exports.useChip = _chunkETSYP3NHcjs.useChip;

package/dist/components/chip/index.js

@@ -2,16 +2,17 @@ import {
   Chip,
   chipRecipe,
   useChip
-} from "../../chunk-FMZQW35T.js";
-import "../../chunk-V4WDMM6Z.js";
-import "../../chunk-BFMTUMTU.js";
+} from "../../chunk-4YJLNYUS.js";
+import "../../chunk-U3RDU3HU.js";
+import "../../chunk-XNNJM5DQ.js";
 import "../../chunk-423RQBOX.js";
-import "../../chunk-3FV4COTM.js";
 import "../../chunk-EGLLDKN6.js";
+import "../../chunk-WJPQARJ5.js";
+import "../../chunk-YXPYOOHU.js";
+import "../../chunk-36PRYGAM.js";
 import "../../chunk-4GTAZM2C.js";
+import "../../chunk-MEYCZS32.js";
 import "../../chunk-A3EGFI6T.js";
-import "../../chunk-E2CWBQTV.js";
-import "../../chunk-URSKA2VR.js";
 import "../../chunk-GGW42MY4.js";
 export {
   Chip,

package/dist/components/divider/index.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkVSALV7VOcjs = require('../../chunk-VSALV7VO.cjs');
+require('../../chunk-54FJOKAN.cjs');
+require('../../chunk-H4E4HDEP.cjs');
+require('../../chunk-FNEUOBCV.cjs');
+require('../../chunk-I6ZB3FZI.cjs');
+require('../../chunk-57SJ4LJF.cjs');
+require('../../chunk-MC7SY2QH.cjs');
+
+
+
+exports.Divider = _chunkVSALV7VOcjs.Divider; exports.dividerRecipe = _chunkVSALV7VOcjs.dividerRecipe;

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

@@ -0,0 +1,117 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_native from 'react-native';
+import { ViewProps, StyleProp, ViewStyle, View } from 'react-native';
+import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
+import { S as Size, X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
+import { R as Recipe, S as SlotStyles } from '../../create-recipe-dC7wMfnj.cjs';
+
+type DividerSlot = 'root';
+type DividerOrientation = 'horizontal' | 'vertical';
+type DividerSize = Size;
+/**
+ * What the `Divider` itself understands. R14 — a name in here is the component's, so the
+ * style prop that shares it is not exposed: `size` is the divider's scale and never
+ * `ViewStyle`'s, and `color` is R7's tint.
+ *
+ * **No `variant`**, and it is the only component in the core without one. A variant is the
+ * design system's *vocabulary* (§1 bis) — a name that means the same thing across the
+ * library. On a rule there is nothing for that name to describe: no fill against a
+ * foreground, no border against a surface, no intent to report. It had three values naming
+ * the three separator tokens, which is a shade of grey wearing a word. `size` says how
+ * heavy the rule is and `color` says what colour it is, in React Native's own values —
+ * between them there is nothing a third name would add.
+ */
+type DividerOwnProps = {
+    /**
+     * Which way the rule runs. A horizontal one stretches across its parent and a vertical
+     * one stretches down it, so the axis a divider does *not* run along is the one it takes
+     * from whatever contains it.
+     */
+    orientation?: DividerOrientation;
+    /**
+     * The thickness — height when horizontal, width when vertical. It is `size` and not
+     * `thickness` because that is the vocabulary word (§1 bis), and it is consistent with
+     * the rest of the library rather than in spite of it: "`size` drives height, never
+     * width" is exactly what this does, on the axis the orientation names.
+     *
+     * `xs` is the hairline and it is the default, unlike everywhere else in the library.
+     * A rule you notice is a rule that is too thick.
+     */
+    size?: DividerSize;
+    /**
+     * A raw tint (`'#7c3aed'`), never a token (R7). There is one thing to colour on a rule,
+     * so it lands on the rule.
+     */
+    color?: string;
+    /**
+     * R12 — the child element becomes the rule and keeps its resolved style. What it is
+     * for here is the animated one: an `Animated.View` that collapses a section takes the
+     * thickness and the colour from the recipe and the height from a shared value.
+     */
+    asChild?: boolean;
+    style?: StyleProp<ViewStyle>;
+    /** Only meaningful under `asChild`, where it is the element that becomes the rule. */
+    children?: ReactNode;
+};
+type DividerProps = Omit<ViewProps, 'style'> & DividerOwnProps & Omit<ViewStyleProps, keyof DividerOwnProps | keyof ViewProps>;
+
+/**
+ * The line between two things.
+ *
+ * ```tsx
+ * <Column gap={12}>
+ *   <Row>…</Row>
+ *   <Divider />
+ *   <Row>…</Row>
+ * </Column>
+ *
+ * <Row gap={12}>
+ *   <Typography>Brouillon</Typography>
+ *   <Divider orientation="vertical" />
+ *   <Typography>Il y a deux minutes</Typography>
+ * </Row>
+ * ```
+ *
+ * **One node and no slots.** A rule is a filled box one point thick; there is nothing
+ * inside it. A divider with a word in the middle of it is a `Row` holding two of these
+ * and a `Typography`, which is the composition the library already has — inventing a
+ * `Divider.Label` would put a layout inside a line.
+ *
+ * **It takes the axis it does not run along from its parent.** `alignSelf: 'stretch'` is
+ * the whole mechanism: in a `Column` that is full width, in a `Row` it is full height, and
+ * on the axis the thickness fixes it is ignored. So a divider needs no width prop, and a
+ * horizontal one written inside a `Row` collapses on purpose rather than guessing.
+ */
+declare const Divider: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
+    orientation?: DividerOrientation;
+    size?: DividerSize;
+    color?: string;
+    asChild?: boolean;
+    style?: react_native.StyleProp<react_native.ViewStyle>;
+    children?: react.ReactNode;
+} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "asChild" | "size" | "orientation"> & react.RefAttributes<View>>;
+
+declare const dividerRecipe: Recipe<"root", "default", {
+    readonly size: {
+        readonly xs: (theme: XAUITheme) => SlotStyles<DividerSlot>;
+        readonly sm: (theme: XAUITheme) => SlotStyles<DividerSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<DividerSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<DividerSlot>;
+    };
+    /** Second, so it releases the axis `size` had to write blind. */
+    readonly orientation: {
+        readonly horizontal: () => {
+            root: {
+                width: "auto";
+            };
+        };
+        readonly vertical: () => {
+            root: {
+                height: "auto";
+            };
+        };
+    };
+}>;
+
+export { Divider, type DividerOrientation, type DividerProps, type DividerSize, type DividerSlot, dividerRecipe };

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

@@ -0,0 +1,117 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_native from 'react-native';
+import { ViewProps, StyleProp, ViewStyle, View } from 'react-native';
+import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.js';
+import { S as Size, X as XAUITheme } from '../../theme.type-C2gNHpEx.js';
+import { R as Recipe, S as SlotStyles } from '../../create-recipe-BdVd2ffi.js';
+
+type DividerSlot = 'root';
+type DividerOrientation = 'horizontal' | 'vertical';
+type DividerSize = Size;
+/**
+ * What the `Divider` itself understands. R14 — a name in here is the component's, so the
+ * style prop that shares it is not exposed: `size` is the divider's scale and never
+ * `ViewStyle`'s, and `color` is R7's tint.
+ *
+ * **No `variant`**, and it is the only component in the core without one. A variant is the
+ * design system's *vocabulary* (§1 bis) — a name that means the same thing across the
+ * library. On a rule there is nothing for that name to describe: no fill against a
+ * foreground, no border against a surface, no intent to report. It had three values naming
+ * the three separator tokens, which is a shade of grey wearing a word. `size` says how
+ * heavy the rule is and `color` says what colour it is, in React Native's own values —
+ * between them there is nothing a third name would add.
+ */
+type DividerOwnProps = {
+    /**
+     * Which way the rule runs. A horizontal one stretches across its parent and a vertical
+     * one stretches down it, so the axis a divider does *not* run along is the one it takes
+     * from whatever contains it.
+     */
+    orientation?: DividerOrientation;
+    /**
+     * The thickness — height when horizontal, width when vertical. It is `size` and not
+     * `thickness` because that is the vocabulary word (§1 bis), and it is consistent with
+     * the rest of the library rather than in spite of it: "`size` drives height, never
+     * width" is exactly what this does, on the axis the orientation names.
+     *
+     * `xs` is the hairline and it is the default, unlike everywhere else in the library.
+     * A rule you notice is a rule that is too thick.
+     */
+    size?: DividerSize;
+    /**
+     * A raw tint (`'#7c3aed'`), never a token (R7). There is one thing to colour on a rule,
+     * so it lands on the rule.
+     */
+    color?: string;
+    /**
+     * R12 — the child element becomes the rule and keeps its resolved style. What it is
+     * for here is the animated one: an `Animated.View` that collapses a section takes the
+     * thickness and the colour from the recipe and the height from a shared value.
+     */
+    asChild?: boolean;
+    style?: StyleProp<ViewStyle>;
+    /** Only meaningful under `asChild`, where it is the element that becomes the rule. */
+    children?: ReactNode;
+};
+type DividerProps = Omit<ViewProps, 'style'> & DividerOwnProps & Omit<ViewStyleProps, keyof DividerOwnProps | keyof ViewProps>;
+
+/**
+ * The line between two things.
+ *
+ * ```tsx
+ * <Column gap={12}>
+ *   <Row>…</Row>
+ *   <Divider />
+ *   <Row>…</Row>
+ * </Column>
+ *
+ * <Row gap={12}>
+ *   <Typography>Brouillon</Typography>
+ *   <Divider orientation="vertical" />
+ *   <Typography>Il y a deux minutes</Typography>
+ * </Row>
+ * ```
+ *
+ * **One node and no slots.** A rule is a filled box one point thick; there is nothing
+ * inside it. A divider with a word in the middle of it is a `Row` holding two of these
+ * and a `Typography`, which is the composition the library already has — inventing a
+ * `Divider.Label` would put a layout inside a line.
+ *
+ * **It takes the axis it does not run along from its parent.** `alignSelf: 'stretch'` is
+ * the whole mechanism: in a `Column` that is full width, in a `Row` it is full height, and
+ * on the axis the thickness fixes it is ignored. So a divider needs no width prop, and a
+ * horizontal one written inside a `Row` collapses on purpose rather than guessing.
+ */
+declare const Divider: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
+    orientation?: DividerOrientation;
+    size?: DividerSize;
+    color?: string;
+    asChild?: boolean;
+    style?: react_native.StyleProp<react_native.ViewStyle>;
+    children?: react.ReactNode;
+} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "asChild" | "size" | "orientation"> & react.RefAttributes<View>>;
+
+declare const dividerRecipe: Recipe<"root", "default", {
+    readonly size: {
+        readonly xs: (theme: XAUITheme) => SlotStyles<DividerSlot>;
+        readonly sm: (theme: XAUITheme) => SlotStyles<DividerSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<DividerSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<DividerSlot>;
+    };
+    /** Second, so it releases the axis `size` had to write blind. */
+    readonly orientation: {
+        readonly horizontal: () => {
+            root: {
+                width: "auto";
+            };
+        };
+        readonly vertical: () => {
+            root: {
+                height: "auto";
+            };
+        };
+    };
+}>;
+
+export { Divider, type DividerOrientation, type DividerProps, type DividerSize, type DividerSlot, dividerRecipe };

package/dist/components/divider/index.js

@@ -0,0 +1,14 @@
+import {
+  Divider,
+  dividerRecipe
+} from "../../chunk-JCYWU5TO.js";
+import "../../chunk-YXPYOOHU.js";
+import "../../chunk-36PRYGAM.js";
+import "../../chunk-4GTAZM2C.js";
+import "../../chunk-MEYCZS32.js";
+import "../../chunk-A3EGFI6T.js";
+import "../../chunk-GGW42MY4.js";
+export {
+  Divider,
+  dividerRecipe
+};

package/dist/components/input/index.cjs

@@ -7,11 +7,12 @@
 
 
 
-var _chunk5Z4P6WHRcjs = require('../../chunk-5Z4P6WHR.cjs');
+var _chunkQ3D6KIVFcjs = require('../../chunk-Q3D6KIVF.cjs');
+require('../../chunk-54FJOKAN.cjs');
+require('../../chunk-H4E4HDEP.cjs');
 require('../../chunk-FNEUOBCV.cjs');
+require('../../chunk-I6ZB3FZI.cjs');
 require('../../chunk-57SJ4LJF.cjs');
-require('../../chunk-ZP2E2H2G.cjs');
-require('../../chunk-GLGU2WFL.cjs');
 require('../../chunk-MC7SY2QH.cjs');
 
 
@@ -22,4 +23,4 @@ require('../../chunk-MC7SY2QH.cjs');
 
 
 
-exports.Input = _chunk5Z4P6WHRcjs.Input; exports.InputDescription = _chunk5Z4P6WHRcjs.InputDescription; exports.InputError = _chunk5Z4P6WHRcjs.InputError; exports.InputField = _chunk5Z4P6WHRcjs.InputField; exports.InputLabel = _chunk5Z4P6WHRcjs.InputLabel; exports.InputRoot = _chunk5Z4P6WHRcjs.InputRoot; exports.inputRecipe = _chunk5Z4P6WHRcjs.inputRecipe; exports.useInput = _chunk5Z4P6WHRcjs.useInput;
+exports.Input = _chunkQ3D6KIVFcjs.Input; exports.InputDescription = _chunkQ3D6KIVFcjs.InputDescription; exports.InputError = _chunkQ3D6KIVFcjs.InputError; exports.InputField = _chunkQ3D6KIVFcjs.InputField; exports.InputLabel = _chunkQ3D6KIVFcjs.InputLabel; exports.InputRoot = _chunkQ3D6KIVFcjs.InputRoot; exports.inputRecipe = _chunkQ3D6KIVFcjs.inputRecipe; exports.useInput = _chunkQ3D6KIVFcjs.useInput;

package/dist/components/input/index.js

@@ -7,11 +7,12 @@ import {
   InputRoot,
   inputRecipe,
   useInput
-} from "../../chunk-A5OCK3C2.js";
+} from "../../chunk-L55CDXNI.js";
+import "../../chunk-YXPYOOHU.js";
+import "../../chunk-36PRYGAM.js";
 import "../../chunk-4GTAZM2C.js";
+import "../../chunk-MEYCZS32.js";
 import "../../chunk-A3EGFI6T.js";
-import "../../chunk-E2CWBQTV.js";
-import "../../chunk-URSKA2VR.js";
 import "../../chunk-GGW42MY4.js";
 export {
   Input,

package/dist/components/input-group/index.cjs

@@ -7,13 +7,14 @@
 
 
 
-var _chunk4XPLPQLMcjs = require('../../chunk-4XPLPQLM.cjs');
-require('../../chunk-5Z4P6WHR.cjs');
-require('../../chunk-WR7YLDVV.cjs');
+var _chunkTVCS5UOEcjs = require('../../chunk-TVCS5UOE.cjs');
+require('../../chunk-Q3D6KIVF.cjs');
+require('../../chunk-PCWT2YBE.cjs');
+require('../../chunk-54FJOKAN.cjs');
+require('../../chunk-H4E4HDEP.cjs');
 require('../../chunk-FNEUOBCV.cjs');
+require('../../chunk-I6ZB3FZI.cjs');
 require('../../chunk-57SJ4LJF.cjs');
-require('../../chunk-ZP2E2H2G.cjs');
-require('../../chunk-GLGU2WFL.cjs');
 require('../../chunk-MC7SY2QH.cjs');
 
 
@@ -24,4 +25,4 @@ require('../../chunk-MC7SY2QH.cjs');
 
 
 
-exports.InputGroup = _chunk4XPLPQLMcjs.InputGroup; exports.InputGroupField = _chunk4XPLPQLMcjs.InputGroupField; exports.InputGroupIcon = _chunk4XPLPQLMcjs.InputGroupIcon; exports.InputGroupPrefix = _chunk4XPLPQLMcjs.InputGroupPrefix; exports.InputGroupRoot = _chunk4XPLPQLMcjs.InputGroupRoot; exports.InputGroupSuffix = _chunk4XPLPQLMcjs.InputGroupSuffix; exports.decoratorPadding = _chunk4XPLPQLMcjs.decoratorPadding; exports.useInputGroup = _chunk4XPLPQLMcjs.useInputGroup;
+exports.InputGroup = _chunkTVCS5UOEcjs.InputGroup; exports.InputGroupField = _chunkTVCS5UOEcjs.InputGroupField; exports.InputGroupIcon = _chunkTVCS5UOEcjs.InputGroupIcon; exports.InputGroupPrefix = _chunkTVCS5UOEcjs.InputGroupPrefix; exports.InputGroupRoot = _chunkTVCS5UOEcjs.InputGroupRoot; exports.InputGroupSuffix = _chunkTVCS5UOEcjs.InputGroupSuffix; exports.decoratorPadding = _chunkTVCS5UOEcjs.decoratorPadding; exports.useInputGroup = _chunkTVCS5UOEcjs.useInputGroup;

package/dist/components/input-group/index.js

@@ -7,13 +7,14 @@ import {
   InputGroupSuffix,
   decoratorPadding,
   useInputGroup
-} from "../../chunk-DFME724B.js";
-import "../../chunk-A5OCK3C2.js";
-import "../../chunk-3FV4COTM.js";
+} from "../../chunk-MHEL3NAN.js";
+import "../../chunk-L55CDXNI.js";
+import "../../chunk-WJPQARJ5.js";
+import "../../chunk-YXPYOOHU.js";
+import "../../chunk-36PRYGAM.js";
 import "../../chunk-4GTAZM2C.js";
+import "../../chunk-MEYCZS32.js";
 import "../../chunk-A3EGFI6T.js";
-import "../../chunk-E2CWBQTV.js";
-import "../../chunk-URSKA2VR.js";
 import "../../chunk-GGW42MY4.js";
 export {
   InputGroup,

package/dist/components/input-otp/index.cjs

@@ -8,13 +8,14 @@
 
 
 
-var _chunkVZBWYWEIcjs = require('../../chunk-VZBWYWEI.cjs');
+var _chunkPBR44KVVcjs = require('../../chunk-PBR44KVV.cjs');
 require('../../chunk-7EIHHOHP.cjs');
 require('../../chunk-EJQCQPET.cjs');
+require('../../chunk-54FJOKAN.cjs');
+require('../../chunk-H4E4HDEP.cjs');
 require('../../chunk-FNEUOBCV.cjs');
+require('../../chunk-I6ZB3FZI.cjs');
 require('../../chunk-57SJ4LJF.cjs');
-require('../../chunk-ZP2E2H2G.cjs');
-require('../../chunk-GLGU2WFL.cjs');
 require('../../chunk-MC7SY2QH.cjs');
 
 
@@ -26,4 +27,4 @@ require('../../chunk-MC7SY2QH.cjs');
 
 
 
-exports.InputOTP = _chunkVZBWYWEIcjs.InputOTP; exports.OTP_ALPHANUMERIC = _chunkVZBWYWEIcjs.OTP_ALPHANUMERIC; exports.OTP_DIGITS = _chunkVZBWYWEIcjs.OTP_DIGITS; exports.OTP_LETTERS = _chunkVZBWYWEIcjs.OTP_LETTERS; exports.buildSlots = _chunkVZBWYWEIcjs.buildSlots; exports.extractPastedCode = _chunkVZBWYWEIcjs.extractPastedCode; exports.inputOTPRecipe = _chunkVZBWYWEIcjs.inputOTPRecipe; exports.useInputOTP = _chunkVZBWYWEIcjs.useInputOTP; exports.useInputOTPBox = _chunkVZBWYWEIcjs.useInputOTPBox;
+exports.InputOTP = _chunkPBR44KVVcjs.InputOTP; exports.OTP_ALPHANUMERIC = _chunkPBR44KVVcjs.OTP_ALPHANUMERIC; exports.OTP_DIGITS = _chunkPBR44KVVcjs.OTP_DIGITS; exports.OTP_LETTERS = _chunkPBR44KVVcjs.OTP_LETTERS; exports.buildSlots = _chunkPBR44KVVcjs.buildSlots; exports.extractPastedCode = _chunkPBR44KVVcjs.extractPastedCode; exports.inputOTPRecipe = _chunkPBR44KVVcjs.inputOTPRecipe; exports.useInputOTP = _chunkPBR44KVVcjs.useInputOTP; exports.useInputOTPBox = _chunkPBR44KVVcjs.useInputOTPBox;

package/dist/components/input-otp/index.js

@@ -8,13 +8,14 @@ import {
   inputOTPRecipe,
   useInputOTP,
   useInputOTPBox
-} from "../../chunk-X4HQ4H2V.js";
+} from "../../chunk-SLUJFE6R.js";
 import "../../chunk-F6W3JQ7K.js";
 import "../../chunk-EGLLDKN6.js";
+import "../../chunk-YXPYOOHU.js";
+import "../../chunk-36PRYGAM.js";
 import "../../chunk-4GTAZM2C.js";
+import "../../chunk-MEYCZS32.js";
 import "../../chunk-A3EGFI6T.js";
-import "../../chunk-E2CWBQTV.js";
-import "../../chunk-URSKA2VR.js";
 import "../../chunk-GGW42MY4.js";
 export {
   InputOTP,

package/dist/components/radio/index.cjs

@@ -5,16 +5,17 @@
 
 
 
-var _chunkKWCHSIMIcjs = require('../../chunk-KWCHSIMI.cjs');
+var _chunkMSMZBUZOcjs = require('../../chunk-MSMZBUZO.cjs');
 require('../../chunk-F6CQ6CBI.cjs');
-require('../../chunk-GPVNCJ3Z.cjs');
-require('../../chunk-7DPL3ZDS.cjs');
 require('../../chunk-7EIHHOHP.cjs');
+require('../../chunk-6M7RUU7V.cjs');
+require('../../chunk-7DPL3ZDS.cjs');
 require('../../chunk-EJQCQPET.cjs');
+require('../../chunk-54FJOKAN.cjs');
+require('../../chunk-H4E4HDEP.cjs');
 require('../../chunk-FNEUOBCV.cjs');
+require('../../chunk-I6ZB3FZI.cjs');
 require('../../chunk-57SJ4LJF.cjs');
-require('../../chunk-ZP2E2H2G.cjs');
-require('../../chunk-GLGU2WFL.cjs');
 require('../../chunk-MC7SY2QH.cjs');
 
 
@@ -23,4 +24,4 @@ require('../../chunk-MC7SY2QH.cjs');
 
 
 
-exports.Radio = _chunkKWCHSIMIcjs.Radio; exports.RadioIndicator = _chunkKWCHSIMIcjs.RadioIndicator; exports.RadioLabel = _chunkKWCHSIMIcjs.RadioLabel; exports.RadioRoot = _chunkKWCHSIMIcjs.RadioRoot; exports.radioRecipe = _chunkKWCHSIMIcjs.radioRecipe; exports.useRadio = _chunkKWCHSIMIcjs.useRadio;
+exports.Radio = _chunkMSMZBUZOcjs.Radio; exports.RadioIndicator = _chunkMSMZBUZOcjs.RadioIndicator; exports.RadioLabel = _chunkMSMZBUZOcjs.RadioLabel; exports.RadioRoot = _chunkMSMZBUZOcjs.RadioRoot; exports.radioRecipe = _chunkMSMZBUZOcjs.radioRecipe; exports.useRadio = _chunkMSMZBUZOcjs.useRadio;

package/dist/components/radio/index.js

@@ -5,16 +5,17 @@ import {
   RadioRoot,
   radioRecipe,
   useRadio
-} from "../../chunk-27ZRTZEE.js";
+} from "../../chunk-NFFL3E4N.js";
 import "../../chunk-BA2DBSAN.js";
-import "../../chunk-BFMTUMTU.js";
-import "../../chunk-423RQBOX.js";
 import "../../chunk-F6W3JQ7K.js";
+import "../../chunk-XNNJM5DQ.js";
+import "../../chunk-423RQBOX.js";
 import "../../chunk-EGLLDKN6.js";
+import "../../chunk-YXPYOOHU.js";
+import "../../chunk-36PRYGAM.js";
 import "../../chunk-4GTAZM2C.js";
+import "../../chunk-MEYCZS32.js";
 import "../../chunk-A3EGFI6T.js";
-import "../../chunk-E2CWBQTV.js";
-import "../../chunk-URSKA2VR.js";
 import "../../chunk-GGW42MY4.js";
 export {
   Radio,

package/dist/components/skeleton/index.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkLT6XHFXJcjs = require('../../chunk-LT6XHFXJ.cjs');
+require('../../chunk-FNEUOBCV.cjs');
+require('../../chunk-I6ZB3FZI.cjs');
+require('../../chunk-57SJ4LJF.cjs');
+require('../../chunk-MC7SY2QH.cjs');
+
+
+
+exports.Skeleton = _chunkLT6XHFXJcjs.Skeleton; exports.skeletonRecipe = _chunkLT6XHFXJcjs.skeletonRecipe;

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

@@ -0,0 +1,120 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { ViewProps, StyleProp, ViewStyle, View } from 'react-native';
+import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
+import { R as RadiusKey } from '../../theme.type-C2gNHpEx.cjs';
+import { R as Recipe, a as StyleFn } from '../../create-recipe-dC7wMfnj.cjs';
+
+type SkeletonSlot = 'root';
+/**
+ * Two levels, and they are the two backgrounds a placeholder is ever drawn on (§1 bis).
+ *
+ * A skeleton **reports nothing** and **is not pressed**, so the status families are absent
+ * the way they are from the `Card`, and so is `primary` — a placeholder in the accent
+ * announces the brand where there is nothing yet to announce.
+ *
+ * - **`default`** — the `default` fill. A block on the page.
+ * - **`secondary`** — `defaultSoft`, the same fill at half. A block on a `Card` or any
+ *   other surface already carrying a neutral, where the full one reads as a hole.
+ *
+ * **No `tertiary` and no `ghost`**: a skeleton with a border and no fill is an empty box,
+ * and a skeleton with neither is nothing at all. Both are the shape of the component being
+ * a fill and only a fill.
+ */
+type SkeletonVariant = 'default' | 'secondary';
+/**
+ * What the `Skeleton` itself understands. R14 — a name in here is the component's, so the
+ * style prop that shares it is not exposed: `color` is R7's tint.
+ *
+ * **No `asChild`** (R12), because `children` is already taken and means the opposite of
+ * what the prop would need it to. Here it is the content the block stands in for — what
+ * renders once `isLoading` is `false` — while `asChild` hands `Slot` an element to merge
+ * the block's own styles into. One `children` with two meanings, disambiguated by a second
+ * prop, is the kind of API this library exists not to ship. Styling is the escape hatch
+ * instead, and R14 gives every `ViewStyle` key as a prop.
+ */
+type SkeletonOwnProps = {
+    variant?: SkeletonVariant;
+    /**
+     * The corner. `full` is the circle an avatar placeholder needs, and it is why this is a
+     * prop rather than the caller's `borderRadius` — a circle is a shape the vocabulary
+     * names, and it has to survive a theme redrawing every corner in the library.
+     */
+    radius?: RadiusKey;
+    /**
+     * A raw tint (`'#7c3aed'`), never a token (R7). There is one thing to colour on a block,
+     * so it lands on the block.
+     */
+    color?: string;
+    /**
+     * `false` swaps the block for `children`. It is the prop that makes the component a
+     * gate rather than a shape you mount and unmount around your own content:
+     *
+     * ```tsx
+     * <Skeleton isLoading={!user} height={20} width={140}>
+     *   <Typography>{user?.name}</Typography>
+     * </Skeleton>
+     * ```
+     *
+     * @default true
+     */
+    isLoading?: boolean;
+    /**
+     * `false` freezes the block at full opacity and mounts no worklet.
+     *
+     * A boolean rather than HeroUI's `'shimmer' | 'pulse' | 'none'`: a shimmer is a
+     * gradient sweeping across the block, a gradient needs `react-native-svg`, and that is
+     * an optional peer a component in the core cannot require. One animation, so there is
+     * nothing for a name to choose between.
+     */
+    animation?: boolean;
+    /**
+     * What the block stands in for, rendered once `isLoading` is `false`. A skeleton with no
+     * children is a block that never resolves, which is the right thing for a placeholder
+     * whose content is mounted elsewhere.
+     */
+    children?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+};
+type SkeletonProps = Omit<ViewProps, 'style'> & SkeletonOwnProps & Omit<ViewStyleProps, keyof SkeletonOwnProps | keyof ViewProps>;
+
+/**
+ * The shape of what has not arrived yet.
+ *
+ * ```tsx
+ * <Skeleton width={140} height={20} />
+ * <Skeleton width={48} height={48} radius="full" />
+ *
+ * <Skeleton isLoading={!user} height={20} width={140}>
+ *   <Typography>{user?.name}</Typography>
+ * </Skeleton>
+ * ```
+ *
+ * **One node and no slots.** A placeholder is a rectangle; there is nothing inside it to
+ * name. A paragraph of them is three of these in a `Column`, which is composition doing
+ * what a `lines={3}` prop would otherwise hard-code — including the last line being
+ * shorter, which is the only reason the paragraph reads as a paragraph.
+ *
+ * **It has no `size`, and that is the design.** Only the caller knows the shape of the
+ * thing that is missing, so R14's `width` and `height` are the whole sizing API — full
+ * React Native names and values, `width="60%"` as readily as `width={140}`. A `size`
+ * token here would be a scale of rectangles nobody's content happens to be.
+ *
+ * **`isLoading={false}` renders `children`**, which is what makes it a gate rather than a
+ * shape you mount and unmount around your own content.
+ */
+declare const Skeleton: react.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    variant?: SkeletonVariant;
+    radius?: RadiusKey;
+    color?: string;
+    isLoading?: boolean;
+    animation?: boolean;
+    children?: react.ReactNode;
+    style?: StyleProp<ViewStyle>;
+} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "animation" | "radius" | "variant" | "isLoading"> & react.RefAttributes<View>>;
+
+declare const skeletonRecipe: Recipe<"root", SkeletonVariant, {
+    readonly radius: Record<RadiusKey, StyleFn<"root">>;
+}>;
+
+export { Skeleton, type SkeletonProps, type SkeletonSlot, type SkeletonVariant, skeletonRecipe };