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

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

@@ -0,0 +1,519 @@
+import * as react from 'react';
+import { ReactNode, ComponentType } from 'react';
+import * as react_native from 'react-native';
+import { StyleProp, ViewStyle, TextStyle, ViewProps, TextProps, PressableProps, View, Text } from 'react-native';
+import { b as IconComponentProps, I as IconContextValue } from '../../icon.type-Kml72iSz.js';
+import { V as ViewStyleProps, T as TextStyleProps } from '../../style-props.type-CfnoGEP7.js';
+import { S as Size, R as RadiusKey, X as XAUITheme } from '../../theme.type-C2gNHpEx.js';
+import { R as Recipe, S as SlotStyles, a as StyleFn } from '../../create-recipe-BdVd2ffi.js';
+
+type SelectSlot = 'trigger' | 'value' | 'placeholder' | 'indicator' | 'overlay' | 'content' | 'label' | 'item' | 'itemLabel' | 'itemDescription' | 'itemIndicator';
+/**
+ * The trigger **is** a field, so it takes the field's four emphasis levels rather than
+ * the button's ten. A select that offers `danger` would be offering an intent to a
+ * control whose intent is always the same: pick one of these.
+ */
+type SelectVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
+/**
+ * No `xs`. A trigger that small has to hold a value, a chevron and the gap between them,
+ * and at that height the value gets nothing — the control reads as a chip that lies about
+ * being pressable. The `TextField` keeps its `xs` because a field only has to hold text.
+ */
+type SelectSize = Exclude<Size, 'xs'>;
+/**
+ * Which side of the trigger the list opens on. Two values, not HeroUI's four: a select's
+ * list is as wide as the field it belongs to, and a list hanging off the side of its own
+ * field reads as a menu. `Popover` is where `start` and `end` belong.
+ */
+type SelectPlacement = 'top' | 'bottom';
+/** Where the list lines up along the trigger's cross axis. */
+type SelectAlign = 'start' | 'center' | 'end';
+/**
+ * `trigger` matches the field exactly, which is the default because a list wider than the
+ * control it drops out of reads as a different surface. `content-fit` lets it hug the
+ * longest label instead, bounded by the screen.
+ */
+type SelectWidth = number | 'trigger' | 'content-fit';
+/** Screen edges the list refuses to cross, in points. */
+type SelectInsets = {
+    top?: number;
+    bottom?: number;
+    start?: number;
+    end?: number;
+};
+type SelectOwnProps = {
+    children?: ReactNode;
+    variant?: SelectVariant;
+    size?: SelectSize;
+    radius?: RadiusKey;
+    /** The tint (R7) — a raw value, never a token. */
+    color?: string;
+    /** Controlled selection. Leave unset and the root owns it. */
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Controlled open state. Leave unset and the root owns it. */
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+};
+/**
+ * The root renders **no node**. It is state and resolved style around a trigger and a
+ * list, and the trigger is the control — which is why `ref`, `style`, `testID`, the a11y
+ * props and R14's style props are all on `Select.Trigger` rather than here. A wrapper
+ * view would exist only to receive them, and it would put a second box around a field
+ * that already is one.
+ */
+type SelectProps = SelectOwnProps;
+type SelectTriggerOwnProps = {
+    children?: ReactNode;
+    asChild?: boolean;
+};
+type SelectTriggerProps = SelectTriggerOwnProps & Omit<PressableProps, keyof SelectTriggerOwnProps> & Omit<ViewStyleProps, keyof SelectTriggerOwnProps | keyof PressableProps>;
+type SelectValueOwnProps = {
+    /** Shown until something is selected, in the placeholder colour. */
+    placeholder?: string;
+    /**
+     * The selected value's label, when the caller renders items lazily and the root has
+     * never seen them. Unset, the value falls back to the label of the matching item.
+     */
+    children?: ReactNode;
+};
+type SelectValueProps = SelectValueOwnProps & Omit<TextProps, keyof SelectValueOwnProps> & Omit<TextStyleProps, keyof SelectValueOwnProps | keyof TextProps>;
+/**
+ * The chevron. It rotates on a spring rather than a timing curve, which is what makes the
+ * turn read as the list pushing it round instead of as a separate animation playing.
+ */
+type SelectIndicatorProps = {
+    /** The glyph. Defaults to the chevron this component ships. */
+    as?: ComponentType<IconComponentProps>;
+    size?: number;
+    /** A raw value (R7), never a token. Overrides what the trigger asked for. */
+    color?: string;
+};
+type SelectOverlayOwnProps = {
+    children?: ReactNode;
+    /** Pressing the backdrop closes the list. Set false and only a choice closes it. */
+    isDismissable?: boolean;
+};
+type SelectOverlayProps = SelectOverlayOwnProps & Omit<ViewProps, keyof SelectOverlayOwnProps> & Omit<ViewStyleProps, keyof SelectOverlayOwnProps | keyof ViewProps>;
+type SelectContentOwnProps = {
+    children?: ReactNode;
+    placement?: SelectPlacement;
+    align?: SelectAlign;
+    width?: SelectWidth;
+    /** Distance from the trigger, in points. */
+    offset?: number;
+    /** Shift along the alignment axis, in points. */
+    alignOffset?: number;
+    /** Flip to the other side when the chosen one does not fit. */
+    avoidCollisions?: boolean;
+    insets?: SelectInsets;
+};
+type SelectContentProps = SelectContentOwnProps & Omit<ViewProps, keyof SelectContentOwnProps> & Omit<ViewStyleProps, keyof SelectContentOwnProps | keyof ViewProps>;
+type SelectLabelOwnProps = {
+    children?: ReactNode;
+};
+type SelectLabelProps = SelectLabelOwnProps & Omit<TextProps, keyof SelectLabelOwnProps> & Omit<TextStyleProps, keyof SelectLabelOwnProps | keyof TextProps>;
+/** What an item's render function is handed, so it can paint its own selected state. */
+type SelectItemRenderState = {
+    isSelected: boolean;
+    isPressed: boolean;
+    isDisabled: boolean;
+};
+type SelectItemOwnProps = {
+    value: string;
+    /** The label the trigger shows once this item is chosen. */
+    label?: string;
+    isDisabled?: boolean;
+    children?: ReactNode | ((state: SelectItemRenderState) => ReactNode);
+    asChild?: boolean;
+};
+type SelectItemProps = SelectItemOwnProps & Omit<PressableProps, keyof SelectItemOwnProps> & Omit<ViewStyleProps, keyof SelectItemOwnProps | keyof PressableProps>;
+type SelectItemTextOwnProps = {
+    children?: ReactNode;
+};
+type SelectItemLabelProps = SelectItemTextOwnProps & Omit<TextProps, keyof SelectItemTextOwnProps> & Omit<TextStyleProps, keyof SelectItemTextOwnProps | keyof TextProps>;
+type SelectItemDescriptionProps = SelectItemLabelProps;
+/** The check. Its box always renders; the glyph inside it only when the row is chosen. */
+type SelectItemIndicatorProps = {
+    /** The glyph. Defaults to the check this component ships. */
+    as?: ComponentType<IconComponentProps>;
+    size?: number;
+    /** A raw value (R7), never a token. */
+    color?: string;
+};
+/**
+ * R5 — resolved style ids and the state the slots read. Nothing here is re-resolved by a
+ * slot, and nothing in it is a raw prop.
+ */
+type SelectContextValue = {
+    triggerStyle: StyleProp<ViewStyle>;
+    /**
+     * Resolved alongside the resting one rather than by the trigger: R5 keeps resolution on
+     * the root, and the trigger owns the press state the root cannot see.
+     */
+    triggerPressedStyle: StyleProp<ViewStyle>;
+    valueStyle: StyleProp<TextStyle>;
+    placeholderStyle: StyleProp<TextStyle>;
+    indicatorStyle: StyleProp<ViewStyle>;
+    overlayStyle: StyleProp<ViewStyle>;
+    contentStyle: StyleProp<ViewStyle>;
+    labelStyle: StyleProp<TextStyle>;
+    itemStyle: StyleProp<ViewStyle>;
+    /** The same split as the trigger's, for the row a finger happens to be on. */
+    itemPressedStyle: StyleProp<ViewStyle>;
+    itemLabelStyle: StyleProp<TextStyle>;
+    itemDescriptionStyle: StyleProp<TextStyle>;
+    itemIndicatorStyle: StyleProp<ViewStyle>;
+    /**
+     * Values, not a style: `Icon` hands `size` and `color` to a third-party component, so
+     * the root flattens its indicator slot once here rather than in every icon it contains.
+     */
+    glyph: IconContextValue;
+    /** The check's colour — the row's own, because the check belongs to the list. */
+    checkColor?: string;
+    value?: string;
+    isOpen: boolean;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    select: (value: string, label?: string) => void;
+    /** The trigger publishes its measured rectangle here; the content positions off it. */
+    anchor: SelectAnchor | null;
+    setAnchor: (anchor: SelectAnchor) => void;
+    /** Labels registered by the items, so `Select.Value` can name the chosen one. */
+    labelFor: (value: string) => string | undefined;
+    registerLabel: (value: string, label: string) => void;
+};
+/** The trigger's rectangle in window coordinates. */
+type SelectAnchor = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+/** What one item publishes to its own slots. */
+type SelectItemContextValue = {
+    isSelected: boolean;
+    isPressed: boolean;
+    isDisabled: boolean;
+};
+
+/**
+ * The chevron, turning with the list.
+ *
+ * It rotates on a spring rather than a timing curve. A 180-degree turn on a curve reads
+ * as an animation playing next to the list; on a spring heavy enough not to overshoot it
+ * reads as the list pushing the glyph round — which is the same trade HeroUI makes, with
+ * the same numbers.
+ *
+ * The rotation is a worklet on the UI thread, so it keeps turning while JavaScript is
+ * busy mounting the rows.
+ */
+declare function SelectIndicator({ as, ...props }: SelectIndicatorProps): react.JSX.Element;
+declare namespace SelectIndicator {
+    var displayName: string;
+}
+
+/**
+ * The mark on the chosen row.
+ *
+ * Its box is rendered whether or not the row is selected, and only the glyph inside it
+ * comes and goes. A box that appeared with the check would shift the label of every row
+ * the moment a selection changed.
+ */
+declare function SelectItemIndicator({ as, color, ...props }: SelectItemIndicatorProps): react.JSX.Element;
+declare namespace SelectItemIndicator {
+    var displayName: string;
+}
+
+/**
+ * A field that opens a list.
+ *
+ * ```tsx
+ * <Select defaultValue="fr" onValueChange={setLocale}>
+ *   <Select.Trigger>
+ *     <Select.Value placeholder="Choisir une langue" />
+ *     <Select.Indicator />
+ *   </Select.Trigger>
+ *   <Select.Overlay />
+ *   <Select.Content>
+ *     <Select.Item value="fr" label="Français">
+ *       <Select.ItemLabel>Français</Select.ItemLabel>
+ *       <Select.ItemIndicator />
+ *     </Select.Item>
+ *   </Select.Content>
+ * </Select>
+ * ```
+ *
+ * **The root renders no node.** It resolves the styles every slot reads and holds the two
+ * pieces of state — what is open and what is chosen. `Select.Overlay` and
+ * `Select.Content` render into the nearest `PortalHost` rather than where they are
+ * written, so their position in the JSX says when they exist, not where they appear.
+ */
+declare function Select$1({ children, variant, size, radius, color, value: controlledValue, defaultValue, onValueChange, isOpen: controlledOpen, defaultOpen, onOpenChange, isDisabled, isInvalid, }: SelectProps): react.JSX.Element;
+declare namespace Select$1 {
+    var displayName: string;
+}
+
+/**
+ * The list. It renders into the nearest `PortalHost`, so it escapes the clipping and the
+ * stacking of whatever container held the trigger.
+ *
+ * **It measures before it positions.** The first pass mounts the panel invisibly to learn
+ * how tall it wants to be; the second places it and plays the entrance. Without that pass
+ * `avoidCollisions` has nothing to compare and a list that does not fit below would open
+ * downwards off the screen. The cost is one frame, and it is why the entrance animation
+ * is keyed on the resolved placement rather than started at mount.
+ */
+declare const SelectContent: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    placement?: SelectPlacement;
+    align?: SelectAlign;
+    width?: SelectWidth;
+    offset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    insets?: SelectInsets;
+} & Omit<react_native.ViewProps, keyof {
+    children?: react.ReactNode;
+    placement?: SelectPlacement;
+    align?: SelectAlign;
+    width?: SelectWidth;
+    offset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    insets?: SelectInsets;
+}> & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "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" | "width" | "placement" | "align" | "offset" | "alignOffset" | "avoidCollisions" | "insets"> & react.RefAttributes<View>>;
+
+/**
+ * One row of the list.
+ *
+ * It registers its label with the root as it mounts, which is what lets `Select.Value`
+ * name the chosen one without the caller writing the label twice. `label` is that string
+ * when the row's children are not one — an avatar and two lines of text have no single
+ * label to infer.
+ *
+ * `children` may be a function, and that is the escape hatch for a row that paints its
+ * own selected state instead of showing the check.
+ */
+declare const SelectItem: react.ForwardRefExoticComponent<{
+    value: string;
+    label?: string;
+    isDisabled?: boolean;
+    children?: react.ReactNode | ((state: SelectItemRenderState) => react.ReactNode);
+    asChild?: boolean;
+} & Omit<react_native.PressableProps, keyof {
+    value: string;
+    label?: string;
+    isDisabled?: boolean;
+    children?: react.ReactNode | ((state: SelectItemRenderState) => react.ReactNode);
+    asChild?: boolean;
+}> & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "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" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "pressRetentionOffset" | "disabled" | "value" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "delayLongPress" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay" | "label" | "isDisabled"> & react.RefAttributes<View>>;
+
+/**
+ * The second line of a row. Unlike the label it wraps, because the thing it exists to
+ * carry is the sentence a label was too short for.
+ */
+declare const SelectItemDescription: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/** The row's text. Truncates rather than wrapping, so every row is one row tall. */
+declare const SelectItemLabel: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * A heading over a run of rows. It is not a row: it takes no press, and a screen reader
+ * announces it as a header so the group it opens is announced with it.
+ */
+declare const SelectLabel: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * The backdrop, and what closes the list when the choice is made elsewhere.
+ *
+ * **Optional, and that is the point.** Written, it captures the press outside and dims
+ * nothing unless a `backgroundColor` says so; omitted, the list has no backdrop and only
+ * a choice closes it. A select inside a sheet that already dims its own background is the
+ * case that needs the second behaviour.
+ *
+ * It renders into the portal rather than where it is written, so it covers navigation
+ * instead of being clipped by the screen the trigger happens to sit in.
+ */
+declare const SelectOverlay: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    isDismissable?: boolean;
+} & Omit<react_native.ViewProps, keyof {
+    children?: react.ReactNode;
+    isDismissable?: boolean;
+}> & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "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" | "isDismissable"> & react.RefAttributes<View>>;
+
+/**
+ * The control. It is the field the user sees, and the only node of this component that a
+ * caller can hold a ref to — the root has none.
+ *
+ * It measures itself in window coordinates on every layout, because that rectangle is
+ * what the list positions against. `measureInWindow` rather than the layout event's own
+ * `x`/`y`: those are relative to the parent, and an overlay lives in a portal that shares
+ * no parent with the trigger.
+ *
+ * The measurement goes through a ref of its own rather than the event's `currentTarget`.
+ * That field is a node handle on the old architecture and a host instance on the new one,
+ * and only one of the two answers `measureInWindow` — which is a crash on Android and
+ * nowhere else, the worst shape a bug can take.
+ *
+ * **It measures again every time the list opens**, and that is the load-bearing one.
+ * `onLayout` fires when the trigger is laid out and never again — not on scroll — so a
+ * trigger inside a `ScrollView` reports the position it had before the user moved, and
+ * the list opens against a rectangle that has since walked off. Far enough down a screen
+ * it opens past the bottom of the window and looks like nothing happened at all.
+ */
+declare const SelectTrigger: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    asChild?: boolean;
+} & Omit<react_native.PressableProps, keyof {
+    children?: react.ReactNode;
+    asChild?: boolean;
+}> & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "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" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "pressRetentionOffset" | "disabled" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "delayLongPress" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<View>>;
+
+/**
+ * What is chosen, or the placeholder until something is.
+ *
+ * The label comes from the item that registered it, so the caller writes it once — in the
+ * list — rather than twice. `children` overrides that, which is the answer for a list
+ * rendered lazily: the root has never mounted the item, so it has never seen its label.
+ *
+ * Single-line by default. A value long enough to wrap would grow a control whose height
+ * is fixed, so it truncates instead.
+ */
+declare const SelectValue: react.ForwardRefExoticComponent<{
+    placeholder?: string;
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, keyof {
+    placeholder?: string;
+    children?: react.ReactNode;
+}> & Omit<TextStyleProps, "style" | "children" | "id" | "onLayout" | "pointerEvents" | "testID" | "nativeID" | "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" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "maxFontSizeMultiplier" | "minimumFontScale" | "pressRetentionOffset" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "disabled" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency" | "placeholder"> & react.RefAttributes<Text>>;
+
+/** The default mark on the chosen row, for the same reason the chevron ships. */
+declare function CheckIcon({ size, color, }: IconComponentProps): react.JSX.Element;
+declare namespace CheckIcon {
+    var displayName: string;
+}
+
+/**
+ * The default chevron. Shipped rather than required from the caller, because a select
+ * with no affordance is a field that looks broken — and requiring an icon package for the
+ * one glyph the component cannot do without is a peer dependency for a chevron.
+ */
+declare function ChevronDownIcon({ size, color, }: IconComponentProps): react.JSX.Element;
+declare namespace ChevronDownIcon {
+    var displayName: string;
+}
+
+declare const useSelect: () => SelectContextValue;
+declare const useSelectItem: () => SelectItemContextValue;
+
+declare const selectRecipe: Recipe<"value" | "label" | "overlay" | "content" | "indicator" | "placeholder" | "trigger" | "item" | "itemLabel" | "itemDescription" | "itemIndicator", SelectVariant, {
+    readonly size: {
+        readonly sm: (theme: XAUITheme) => SlotStyles<SelectSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<SelectSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<SelectSlot>;
+    };
+    readonly radius: Record<RadiusKey, StyleFn<"trigger">>;
+    /**
+     * Open is not `focused`: the field's focus border is what a keyboard gives a text
+     * input, and a select that is open has no caret in it. It borrows the same token
+     * because the two mean the same thing to the eye — this control is the live one.
+     */
+    readonly isOpen: {
+        readonly true: (theme: XAUITheme) => {
+            trigger: {
+                borderColor: string;
+            };
+        };
+    };
+    readonly isInvalid: {
+        readonly true: (theme: XAUITheme) => {
+            trigger: {
+                borderColor: string;
+            };
+        };
+    };
+}>;
+
+declare const Select: typeof Select$1 & {
+    Trigger: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        asChild?: boolean;
+    } & Omit<react_native.PressableProps, keyof {
+        children?: react.ReactNode;
+        asChild?: boolean;
+    }> & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "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" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "pressRetentionOffset" | "disabled" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "delayLongPress" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<react_native.View>>;
+    Value: react.ForwardRefExoticComponent<{
+        placeholder?: string;
+        children?: react.ReactNode;
+    } & Omit<react_native.TextProps, keyof {
+        placeholder?: string;
+        children?: react.ReactNode;
+    }> & Omit<TextStyleProps, "style" | "children" | "id" | "onLayout" | "pointerEvents" | "testID" | "nativeID" | "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" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "maxFontSizeMultiplier" | "minimumFontScale" | "pressRetentionOffset" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "disabled" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency" | "placeholder"> & react.RefAttributes<react_native.Text>>;
+    Indicator: typeof SelectIndicator;
+    Overlay: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        isDismissable?: boolean;
+    } & Omit<react_native.ViewProps, keyof {
+        children?: react.ReactNode;
+        isDismissable?: boolean;
+    }> & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "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" | "isDismissable"> & react.RefAttributes<react_native.View>>;
+    Content: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        placement?: SelectPlacement;
+        align?: SelectAlign;
+        width?: SelectWidth;
+        offset?: number;
+        alignOffset?: number;
+        avoidCollisions?: boolean;
+        insets?: SelectInsets;
+    } & Omit<react_native.ViewProps, keyof {
+        children?: react.ReactNode;
+        placement?: SelectPlacement;
+        align?: SelectAlign;
+        width?: SelectWidth;
+        offset?: number;
+        alignOffset?: number;
+        avoidCollisions?: boolean;
+        insets?: SelectInsets;
+    }> & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "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" | "width" | "placement" | "align" | "offset" | "alignOffset" | "avoidCollisions" | "insets"> & react.RefAttributes<react_native.View>>;
+    Label: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
+    Item: react.ForwardRefExoticComponent<{
+        value: string;
+        label?: string;
+        isDisabled?: boolean;
+        children?: react.ReactNode | ((state: SelectItemRenderState) => react.ReactNode);
+        asChild?: boolean;
+    } & Omit<react_native.PressableProps, keyof {
+        value: string;
+        label?: string;
+        isDisabled?: boolean;
+        children?: react.ReactNode | ((state: SelectItemRenderState) => react.ReactNode);
+        asChild?: boolean;
+    }> & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "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" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "pressRetentionOffset" | "disabled" | "value" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "delayLongPress" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay" | "label" | "isDisabled"> & react.RefAttributes<react_native.View>>;
+    ItemLabel: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
+    ItemDescription: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
+    ItemIndicator: typeof SelectItemIndicator;
+};
+
+export { CheckIcon, ChevronDownIcon, Select, type SelectAlign, type SelectAnchor, SelectContent, type SelectContentProps, type SelectContextValue, SelectIndicator, type SelectIndicatorProps, type SelectInsets, SelectItem, type SelectItemContextValue, SelectItemDescription, type SelectItemDescriptionProps, SelectItemIndicator, type SelectItemIndicatorProps, SelectItemLabel, type SelectItemLabelProps, type SelectItemProps, type SelectItemRenderState, SelectLabel, type SelectLabelProps, SelectOverlay, type SelectOverlayProps, type SelectPlacement, type SelectProps, Select$1 as SelectRoot, type SelectSize, type SelectSlot, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, type SelectVariant, type SelectWidth, selectRecipe, useSelect, useSelectItem };

package/dist/components/select/index.js

@@ -0,0 +1,47 @@
+import {
+  CheckIcon,
+  ChevronDownIcon,
+  Select,
+  Select2,
+  SelectContent,
+  SelectIndicator,
+  SelectItem,
+  SelectItemDescription,
+  SelectItemIndicator,
+  SelectItemLabel,
+  SelectLabel,
+  SelectOverlay,
+  SelectTrigger,
+  SelectValue,
+  selectRecipe,
+  useSelect,
+  useSelectItem
+} from "../../chunk-XWY4DF37.js";
+import "../../chunk-2PMXMKS5.js";
+import "../../chunk-HXW4ANVB.js";
+import "../../chunk-UGF35NSE.js";
+import "../../chunk-423RQBOX.js";
+import "../../chunk-YXPYOOHU.js";
+import "../../chunk-36PRYGAM.js";
+import "../../chunk-4GTAZM2C.js";
+import "../../chunk-A3EGFI6T.js";
+import "../../chunk-M63GFNKV.js";
+export {
+  CheckIcon,
+  ChevronDownIcon,
+  Select2 as Select,
+  SelectContent,
+  SelectIndicator,
+  SelectItem,
+  SelectItemDescription,
+  SelectItemIndicator,
+  SelectItemLabel,
+  SelectLabel,
+  SelectOverlay,
+  Select as SelectRoot,
+  SelectTrigger,
+  SelectValue,
+  selectRecipe,
+  useSelect,
+  useSelectItem
+};

package/dist/components/skeleton/index.cjs

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

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

@@ -37,7 +37,7 @@ declare const Skeleton: react.ForwardRefExoticComponent<Omit<ViewProps, "style">
     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>>;
+} & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "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" | "radius" | "color" | "animation" | "isLoading"> & react.RefAttributes<View>>;
 
 declare const skeletonRecipe: Recipe<"root", "default", {
     readonly radius: Record<RadiusKey, StyleFn<"root">>;