@xaui/native 0.9.1-alpha.34 → 0.9.1-alpha.36

package/dist/components/{input-group → field-group}/index.d.ts

@@ -4,10 +4,10 @@ import * as react_native from 'react-native';
 import { StyleProp, ViewStyle, ViewProps, View, TextInput } from 'react-native';
 import { V as ViewStyleProps, T as TextStyleProps } from '../../style-props.type-CfnoGEP7.js';
 import { a as IconProps } from '../../icon.type-Kml72iSz.js';
-import { I as InputFieldProps } from '../../input.type-D2qgi03E.js';
+import { T as TextFieldFieldProps } from '../../text-field.type-0l73acce.js';
 import '../../theme.type-C2gNHpEx.js';
 
-type InputGroupOwnProps = {
+type FieldGroupOwnProps = {
     style?: StyleProp<ViewStyle>;
     children?: ReactNode;
 };
@@ -15,14 +15,14 @@ type InputGroupOwnProps = {
  * R14 — the wrapper `View`'s own props, plus every `ViewStyle` key it does not claim.
  *
  * **There is no `variant`, no `size`, no `color` and no `isDisabled` here.** They are the
- * `Input`'s, and an `InputGroup` is one row inside it: a second `size` on this root would
+ * `TextField`'s, and a `FieldGroup` is one row inside it: a second `size` on this root would
  * be a second answer to a question the field has already answered.
  */
-type InputGroupProps = InputGroupOwnProps & Omit<ViewProps, keyof InputGroupOwnProps> & Omit<ViewStyleProps, keyof InputGroupOwnProps | keyof ViewProps> & {
+type FieldGroupProps = FieldGroupOwnProps & Omit<ViewProps, keyof FieldGroupOwnProps> & Omit<ViewStyleProps, keyof FieldGroupOwnProps | keyof ViewProps> & {
     /** R12 — merge into the single child instead of rendering a `View`. */
     asChild?: boolean;
 };
-type InputGroupDecoratorOwnProps = {
+type FieldGroupDecoratorOwnProps = {
     /**
      * The decorator stops taking touches and disappears from the accessibility tree, so a
      * tap on the glyph focuses the field under it and a screen reader announces the field
@@ -37,20 +37,20 @@ type InputGroupDecoratorOwnProps = {
     style?: StyleProp<ViewStyle>;
     children?: ReactNode;
 };
-type InputGroupDecoratorProps = InputGroupDecoratorOwnProps & Omit<ViewProps, keyof InputGroupDecoratorOwnProps> & Omit<ViewStyleProps, keyof InputGroupDecoratorOwnProps | keyof ViewProps>;
-type InputGroupPrefixProps = InputGroupDecoratorProps;
-type InputGroupSuffixProps = InputGroupDecoratorProps;
+type FieldGroupDecoratorProps = FieldGroupDecoratorOwnProps & Omit<ViewProps, keyof FieldGroupDecoratorOwnProps> & Omit<ViewStyleProps, keyof FieldGroupDecoratorOwnProps | keyof ViewProps>;
+type FieldGroupPrefixProps = FieldGroupDecoratorProps;
+type FieldGroupSuffixProps = FieldGroupDecoratorProps;
 /** Which edge a decorator is pinned to, and therefore which width it reports. */
-type InputGroupSide = 'prefix' | 'suffix';
+type FieldGroupSide = 'prefix' | 'suffix';
 /**
- * Everything `Input.Field` accepts. It **is** that field — the same `TextInput`, the same
+ * Everything `TextField.Field` accepts. It **is** that field — the same `TextInput`, the same
  * focus plumbing, the same styles — with the padding the two decorators measured.
  */
-type InputGroupFieldProps = InputFieldProps;
+type FieldGroupFieldProps = TextFieldFieldProps;
 /** Everything `Icon` accepts. `size` and `color` fall back to the field's own. */
-type InputGroupIconProps = IconProps;
+type FieldGroupIconProps = IconProps;
 /**
- * R5 — but the only thing here that is not already resolved on the `Input`'s context: two
+ * R5 — but the only thing here that is not already resolved on the `TextField`'s context: two
  * widths nobody can know before layout.
  *
  * A decorator is out of flow, so it cannot push the text aside the way a sibling in a row
@@ -58,7 +58,7 @@ type InputGroupIconProps = IconProps;
  * measured width. That is the same shape `TextArea` uses for `rows` — a raw number the
  * slot turns into a style, outside the cache.
  */
-type InputGroupContextValue = {
+type FieldGroupContextValue = {
     /** `0` while the decorator is absent, and until its first layout. */
     prefixWidth: number;
     suffixWidth: number;
@@ -71,12 +71,12 @@ type InputGroupContextValue = {
  * either:
  *
  * ```tsx
- * <InputGroup.Prefix isDecorative>
- *   <InputGroup.Icon as={MailIcon} />
- * </InputGroup.Prefix>
+ * <FieldGroup.Prefix isDecorative>
+ *   <FieldGroup.Icon as={MailIcon} />
+ * </FieldGroup.Prefix>
  * ```
  *
- * The size comes from the `Input`'s own `size` — one step above the field's type, as on
+ * The size comes from the `TextField`'s own `size` — one step above the field's type, as on
  * the `Button` and the `Chip`, because a 16pt glyph beside 16pt of text reads as the
  * smaller of the two. The colour is the theme's `fieldPlaceholder`: a mark in a field is
  * decoration for the text, not text. An explicit `size` or `color` still wins, which is
@@ -88,8 +88,8 @@ type InputGroupContextValue = {
  * the same slot `Button`, `Chip` and `Alert` all have, and it exists so that a form does
  * not carry a hard-coded `#888` on every field.
  */
-declare function InputGroupIcon({ size, color, ...rest }: InputGroupIconProps): react.JSX.Element;
-declare namespace InputGroupIcon {
+declare function FieldGroupIcon({ size, color, ...rest }: FieldGroupIconProps): react.JSX.Element;
+declare namespace FieldGroupIcon {
     var displayName: string;
 }
 
@@ -97,37 +97,37 @@ declare namespace InputGroupIcon {
  * A field with something beside it — a glyph, a unit, a reveal toggle.
  *
  * ```tsx
- * <Input>
- *   <Input.Label>Mot de passe</Input.Label>
- *   <InputGroup>
- *     <InputGroup.Prefix isDecorative>
- *       <InputGroup.Icon as={LockIcon} />
- *     </InputGroup.Prefix>
- *     <InputGroup.Field secureTextEntry value={password} onChangeText={setPassword} />
- *     <InputGroup.Suffix>
+ * <TextField>
+ *   <TextField.Label>Mot de passe</TextField.Label>
+ *   <FieldGroup>
+ *     <FieldGroup.Prefix isDecorative>
+ *       <FieldGroup.Icon as={LockIcon} />
+ *     </FieldGroup.Prefix>
+ *     <FieldGroup.Field secureTextEntry value={password} onChangeText={setPassword} />
+ *     <FieldGroup.Suffix>
  *       <Pressable onPress={toggle} hitSlop={20}>
- *         <InputGroup.Icon as={EyeIcon} />
+ *         <FieldGroup.Icon as={EyeIcon} />
  *       </Pressable>
- *     </InputGroup.Suffix>
- *   </InputGroup>
- *   <Input.Description>Douze caractères au moins.</Input.Description>
- * </Input>
+ *     </FieldGroup.Suffix>
+ *   </FieldGroup>
+ *   <TextField.Description>Douze caractères au moins.</TextField.Description>
+ * </TextField>
  * ```
  *
- * **It goes inside an `Input`, and it replaces nothing but the field.** The column, the
+ * **It goes inside a `TextField`, and it replaces nothing but the field.** The column, the
  * label, the hint, the error, the four variants, the `size`, the `radius`, the tint, the
- * focus and `isInvalid` are all still the `Input`'s — this root is one row of that column,
+ * focus and `isInvalid` are all still the `TextField`'s — this root is one row of that column,
  * and it owns exactly one thing: how wide the two decorators turned out to be.
  *
  * That is why the box is still the `TextInput` itself. A wrapper carrying the border, the
- * fill and the radius would be a second thing to keep in step with `Input`, and the day
+ * fill and the radius would be a second thing to keep in step with `TextField`, and the day
  * one of them gained a shadow the other would not have it. The decorators are laid **over**
  * the field instead, out of flow, and the field clears them with padding.
  *
  * It works under `TextArea` too — the same context, the same field — though a decorator
  * centred over six lines of text is rarely what a multiline field wants.
  */
-declare const InputGroupRoot: react.ForwardRefExoticComponent<{
+declare const FieldGroupRoot: react.ForwardRefExoticComponent<{
     style?: react_native.StyleProp<react_native.ViewStyle>;
     children?: react.ReactNode;
 } & Omit<react_native.ViewProps, keyof {
@@ -138,13 +138,13 @@ declare const InputGroupRoot: react.ForwardRefExoticComponent<{
 } & react.RefAttributes<View>>;
 
 /**
- * The `TextInput` itself — `Input.Field` with the room the two decorators need.
+ * The `TextInput` itself — `TextField.Field` with the room the two decorators need.
  *
  * ```tsx
- * <InputGroup.Field value={query} onChangeText={setQuery} placeholder="Rechercher…" />
+ * <FieldGroup.Field value={query} onChangeText={setQuery} placeholder="Rechercher…" />
  * ```
  *
- * It renders the `Input`'s field rather than a second `TextInput`, so the focus plumbing,
+ * It renders the `TextField`'s field rather than a second `TextInput`, so the focus plumbing,
  * the placeholder colour, the label association, `isInvalid` and `isDisabled` are the ones
  * already written, and every `TextInput` prop is written here for the same reason it is
  * there.
@@ -155,18 +155,18 @@ declare const InputGroupRoot: react.ForwardRefExoticComponent<{
  * own `paddingHorizontal`, which is what makes them win, and before the caller's `style`,
  * which still has the last word.
  */
-declare const InputGroupField: react.ForwardRefExoticComponent<Omit<react_native.TextInputProps, "editable"> & Omit<TextStyleProps, keyof react_native.TextInputProps> & react.RefAttributes<TextInput>>;
+declare const FieldGroupField: react.ForwardRefExoticComponent<Omit<react_native.TextInputProps, "editable"> & Omit<TextStyleProps, keyof react_native.TextInputProps> & react.RefAttributes<TextInput>>;
 
 /**
  * What sits before the text — a search glyph, a currency, a country code.
  *
  * ```tsx
- * <InputGroup>
- *   <InputGroup.Prefix isDecorative>
- *     <InputGroup.Icon as={SearchIcon} />
- *   </InputGroup.Prefix>
- *   <InputGroup.Field placeholder="Rechercher…" />
- * </InputGroup>
+ * <FieldGroup>
+ *   <FieldGroup.Prefix isDecorative>
+ *     <FieldGroup.Icon as={SearchIcon} />
+ *   </FieldGroup.Prefix>
+ *   <FieldGroup.Field placeholder="Rechercher…" />
+ * </FieldGroup>
  * ```
  *
  * It is pinned to the **leading** edge and inset by the field's own padding, so the glyph
@@ -176,7 +176,7 @@ declare const InputGroupField: react.ForwardRefExoticComponent<Omit<react_native
  *
  * Add `isDecorative` whenever it holds nothing to press. Leave it off for a control.
  */
-declare const InputGroupPrefix: react.ForwardRefExoticComponent<{
+declare const FieldGroupPrefix: react.ForwardRefExoticComponent<{
     isDecorative?: boolean;
     style?: react_native.StyleProp<react_native.ViewStyle>;
     children?: react.ReactNode;
@@ -190,14 +190,14 @@ declare const InputGroupPrefix: react.ForwardRefExoticComponent<{
  * What sits after the text — a reveal toggle, a clear button, a unit, a counter.
  *
  * ```tsx
- * <InputGroup>
- *   <InputGroup.Field secureTextEntry value={password} onChangeText={setPassword} />
- *   <InputGroup.Suffix>
+ * <FieldGroup>
+ *   <FieldGroup.Field secureTextEntry value={password} onChangeText={setPassword} />
+ *   <FieldGroup.Suffix>
  *     <Pressable onPress={toggle} hitSlop={20}>
- *       <InputGroup.Icon as={isVisible ? EyeOffIcon : EyeIcon} />
+ *       <FieldGroup.Icon as={isVisible ? EyeOffIcon : EyeIcon} />
  *     </Pressable>
- *   </InputGroup.Suffix>
- * </InputGroup>
+ *   </FieldGroup.Suffix>
+ * </FieldGroup>
  * ```
  *
  * The trailing edge is where a suffix is most often a **control**, which is why
@@ -208,7 +208,7 @@ declare const InputGroupPrefix: react.ForwardRefExoticComponent<{
  * `Pressable` with a `hitSlop` is the thing to put there — a 16pt glyph is not a touch
  * target on its own.
  */
-declare const InputGroupSuffix: react.ForwardRefExoticComponent<{
+declare const FieldGroupSuffix: react.ForwardRefExoticComponent<{
     isDecorative?: boolean;
     style?: react_native.StyleProp<react_native.ViewStyle>;
     children?: react.ReactNode;
@@ -218,7 +218,7 @@ declare const InputGroupSuffix: react.ForwardRefExoticComponent<{
     children?: react.ReactNode;
 }> & Omit<ViewStyleProps, "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" | "isDecorative"> & react.RefAttributes<View>>;
 
-declare const useInputGroup: () => InputGroupContextValue;
+declare const useFieldGroup: () => FieldGroupContextValue;
 
 /**
  * The room a decorator asks the field to leave it, from the width it measured.
@@ -234,9 +234,9 @@ declare function decoratorPadding(prefixWidth: number, suffixWidth: number): Vie
 
 /**
  * The four parts of a decorated field. The label, the hint and the error are **not** here:
- * they are the `Input`'s, and an `InputGroup` lives inside one.
+ * they are the `TextField`'s, and a `FieldGroup` lives inside one.
  */
-declare const InputGroup: react.ForwardRefExoticComponent<{
+declare const FieldGroup: react.ForwardRefExoticComponent<{
     style?: react_native.StyleProp<react_native.ViewStyle>;
     children?: react.ReactNode;
 } & Omit<react_native.ViewProps, keyof {
@@ -264,7 +264,7 @@ declare const InputGroup: react.ForwardRefExoticComponent<{
         style?: react_native.StyleProp<react_native.ViewStyle>;
         children?: react.ReactNode;
     }> & Omit<ViewStyleProps, "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" | "isDecorative"> & react.RefAttributes<react_native.View>>;
-    Icon: typeof InputGroupIcon;
+    Icon: typeof FieldGroupIcon;
 };
 
-export { InputGroup, type InputGroupContextValue, InputGroupField, type InputGroupFieldProps, InputGroupIcon, type InputGroupIconProps, InputGroupPrefix, type InputGroupPrefixProps, type InputGroupProps, InputGroupRoot, type InputGroupSide, InputGroupSuffix, type InputGroupSuffixProps, decoratorPadding, useInputGroup };
+export { FieldGroup, type FieldGroupContextValue, FieldGroupField, type FieldGroupFieldProps, FieldGroupIcon, type FieldGroupIconProps, FieldGroupPrefix, type FieldGroupPrefixProps, type FieldGroupProps, FieldGroupRoot, type FieldGroupSide, FieldGroupSuffix, type FieldGroupSuffixProps, decoratorPadding, useFieldGroup };

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

@@ -0,0 +1,28 @@
+import {
+  FieldGroup,
+  FieldGroupField,
+  FieldGroupIcon,
+  FieldGroupPrefix,
+  FieldGroupRoot,
+  FieldGroupSuffix,
+  decoratorPadding,
+  useFieldGroup
+} from "../../chunk-CVCE7TW5.js";
+import "../../chunk-3YZSUDZ2.js";
+import "../../chunk-OWE5IID7.js";
+import "../../chunk-YXPYOOHU.js";
+import "../../chunk-36PRYGAM.js";
+import "../../chunk-4GTAZM2C.js";
+import "../../chunk-OSCW7I4H.js";
+import "../../chunk-A3EGFI6T.js";
+import "../../chunk-FJ5TLRT3.js";
+export {
+  FieldGroup,
+  FieldGroupField,
+  FieldGroupIcon,
+  FieldGroupPrefix,
+  FieldGroupRoot,
+  FieldGroupSuffix,
+  decoratorPadding,
+  useFieldGroup
+};

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

@@ -8,15 +8,15 @@
 
 
 
-var _chunkPBR44KVVcjs = require('../../chunk-PBR44KVV.cjs');
+var _chunkFYCDRRJ2cjs = require('../../chunk-FYCDRRJ2.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-K3AVOT6L.cjs');
 require('../../chunk-57SJ4LJF.cjs');
-require('../../chunk-MC7SY2QH.cjs');
+require('../../chunk-HT7H35GU.cjs');
 
 
 
@@ -27,4 +27,4 @@ require('../../chunk-MC7SY2QH.cjs');
 
 
 
-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;
+exports.InputOTP = _chunkFYCDRRJ2cjs.InputOTP; exports.OTP_ALPHANUMERIC = _chunkFYCDRRJ2cjs.OTP_ALPHANUMERIC; exports.OTP_DIGITS = _chunkFYCDRRJ2cjs.OTP_DIGITS; exports.OTP_LETTERS = _chunkFYCDRRJ2cjs.OTP_LETTERS; exports.buildSlots = _chunkFYCDRRJ2cjs.buildSlots; exports.extractPastedCode = _chunkFYCDRRJ2cjs.extractPastedCode; exports.inputOTPRecipe = _chunkFYCDRRJ2cjs.inputOTPRecipe; exports.useInputOTP = _chunkFYCDRRJ2cjs.useInputOTP; exports.useInputOTPBox = _chunkFYCDRRJ2cjs.useInputOTPBox;

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

@@ -8,15 +8,15 @@ import {
   inputOTPRecipe,
   useInputOTP,
   useInputOTPBox
-} from "../../chunk-SLUJFE6R.js";
+} from "../../chunk-OMV5MUTM.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-OSCW7I4H.js";
 import "../../chunk-A3EGFI6T.js";
-import "../../chunk-GGW42MY4.js";
+import "../../chunk-FJ5TLRT3.js";
 export {
   InputOTP,
   OTP_ALPHANUMERIC,

package/dist/components/radio/index.cjs

@@ -5,18 +5,18 @@
 
 
 
-var _chunkMSMZBUZOcjs = require('../../chunk-MSMZBUZO.cjs');
+var _chunkN2U63JUXcjs = require('../../chunk-N2U63JUX.cjs');
 require('../../chunk-F6CQ6CBI.cjs');
 require('../../chunk-7EIHHOHP.cjs');
-require('../../chunk-6M7RUU7V.cjs');
+require('../../chunk-2SCE7TFZ.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-K3AVOT6L.cjs');
 require('../../chunk-57SJ4LJF.cjs');
-require('../../chunk-MC7SY2QH.cjs');
+require('../../chunk-HT7H35GU.cjs');
 
 
 
@@ -24,4 +24,4 @@ require('../../chunk-MC7SY2QH.cjs');
 
 
 
-exports.Radio = _chunkMSMZBUZOcjs.Radio; exports.RadioIndicator = _chunkMSMZBUZOcjs.RadioIndicator; exports.RadioLabel = _chunkMSMZBUZOcjs.RadioLabel; exports.RadioRoot = _chunkMSMZBUZOcjs.RadioRoot; exports.radioRecipe = _chunkMSMZBUZOcjs.radioRecipe; exports.useRadio = _chunkMSMZBUZOcjs.useRadio;
+exports.Radio = _chunkN2U63JUXcjs.Radio; exports.RadioIndicator = _chunkN2U63JUXcjs.RadioIndicator; exports.RadioLabel = _chunkN2U63JUXcjs.RadioLabel; exports.RadioRoot = _chunkN2U63JUXcjs.RadioRoot; exports.radioRecipe = _chunkN2U63JUXcjs.radioRecipe; exports.useRadio = _chunkN2U63JUXcjs.useRadio;

package/dist/components/radio/index.js

@@ -5,18 +5,18 @@ import {
   RadioRoot,
   radioRecipe,
   useRadio
-} from "../../chunk-NFFL3E4N.js";
+} from "../../chunk-DOLWSO7A.js";
 import "../../chunk-BA2DBSAN.js";
 import "../../chunk-F6W3JQ7K.js";
-import "../../chunk-XNNJM5DQ.js";
+import "../../chunk-UCW25LL6.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-OSCW7I4H.js";
 import "../../chunk-A3EGFI6T.js";
-import "../../chunk-GGW42MY4.js";
+import "../../chunk-FJ5TLRT3.js";
 export {
   Radio,
   RadioIndicator,

package/dist/components/skeleton/index.cjs

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

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

@@ -5,27 +5,58 @@ 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).
+ * The shape of what has not arrived yet.
  *
- * 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.
+ * ```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>
+ * ```
  *
- * - **`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.
+ * **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.
  *
- * **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.
+ * **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.
  */
-type SkeletonVariant = 'default' | 'secondary';
+declare const Skeleton: react.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    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" | "isLoading"> & react.RefAttributes<View>>;
+
+declare const skeletonRecipe: Recipe<"root", "default", {
+    readonly radius: Record<RadiusKey, StyleFn<"root">>;
+}>;
+
+type SkeletonSlot = 'root';
 /**
  * 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 `variant`.** It had two — the neutral fill and that fill at half — sold as the two
+ * backgrounds a placeholder is drawn on. Measured, the second is *less* visible than the
+ * first on every surface in both modes, so it was never the answer to "this block reads as
+ * a hole"; and on a `secondary` `Card` in dark mode both resolve to the surface's own
+ * `#27272a` and vanish. A skeleton has to contrast with whatever is under it, and a fixed
+ * token cannot know what that is — two frozen values were never going to cover three
+ * surfaces times two modes. `color` is the way past it, and it is honest about being a
+ * raw value rather than a name that promises a system.
+ *
  * **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
@@ -34,7 +65,6 @@ type SkeletonVariant = 'default' | 'secondary';
  * 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
@@ -78,43 +108,4 @@ type SkeletonOwnProps = {
 };
 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 };
+export { Skeleton, type SkeletonProps, type SkeletonSlot, skeletonRecipe };