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

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

@@ -0,0 +1,30 @@
+export { Row } from './row';
+export { Column } from './column';
+/** Overlaying is composed: the root is the containing block, `Item` is a layer in it. */
+export declare const Stack: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "style"> & {
+    asChild?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+} & Omit<import("../..").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" | "asChild"> & import("react").RefAttributes<import("react-native").View>> & {
+    Item: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "style"> & {
+        asChild?: boolean;
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+        children?: import("react").ReactNode;
+    } & Omit<import("../..").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" | "asChild"> & import("react").RefAttributes<import("react-native").View>>;
+};
+/** Every child is a cell; `Item` is the one that spans more than a column. */
+export declare const Grid: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "style"> & {
+    columns?: number;
+    gap?: number;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+} & Omit<import("../..").ViewStyleProps, "columnGap" | "flexDirection" | "flexWrap" | "gap" | "rowGap" | "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" | "columns"> & import("react").RefAttributes<import("react-native").View>> & {
+    Item: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "style"> & {
+        span?: number;
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+        children?: import("react").ReactNode;
+    } & Omit<import("../..").ViewStyleProps, "width" | "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" | "span"> & import("react").RefAttributes<import("react-native").View>>;
+};
+export { useGrid } from './grid.context';
+export type { GridContextValue } from './grid.context';
+export type { AxisProps, ColumnProps, GridItemProps, GridProps, RowProps, StackItemProps, StackProps, } from './view.type';

package/dist/components/view/index.js

@@ -0,0 +1,18 @@
+import {
+  Column,
+  Grid,
+  Row,
+  Stack,
+  useGrid
+} from "../../chunk-LXXNW74K.js";
+import "../../chunk-WFZDAXDI.js";
+import "../../chunk-TTZOIXKE.js";
+import "../../chunk-36PRYGAM.js";
+import "../../chunk-M63GFNKV.js";
+export {
+  Column,
+  Grid,
+  Row,
+  Stack,
+  useGrid
+};

package/dist/components/view/row.d.cts

@@ -0,0 +1,25 @@
+import { View } from 'react-native';
+/**
+ * A horizontal axis.
+ *
+ * ```tsx
+ * <Row gap={8} alignItems="center">
+ *   <Button.Icon as={Trash2} />
+ *   <Typography variant="h6">Supprimer</Typography>
+ * </Row>
+ * ```
+ *
+ * **It contributes one declaration**, `flexDirection: 'row'`, and everything else it looks
+ * like it offers comes from R14: `gap`, `alignItems`, `justifyContent`, `padding` and the
+ * rest are `ViewStyle` keys every node already exposes as props. That is deliberate — the
+ * legacy component invented `mainAxisAlignment`, `crossAxisAlignment` and `mainAxisSize`,
+ * a vocabulary to learn for saying what React Native already says.
+ *
+ * There is no `reversed` prop either. `row` already flips in an RTL layout, which is the
+ * case that matters, and a genuine reversal is `style={{ flexDirection: 'row-reverse' }}`.
+ */
+export declare const Row: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "style"> & {
+    asChild?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+} & Omit<import("../..").ViewStyleProps, "flexDirection" | "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"> & import("react").RefAttributes<View>>;

package/dist/components/view/row.d.ts

@@ -0,0 +1,25 @@
+import { View } from 'react-native';
+/**
+ * A horizontal axis.
+ *
+ * ```tsx
+ * <Row gap={8} alignItems="center">
+ *   <Button.Icon as={Trash2} />
+ *   <Typography variant="h6">Supprimer</Typography>
+ * </Row>
+ * ```
+ *
+ * **It contributes one declaration**, `flexDirection: 'row'`, and everything else it looks
+ * like it offers comes from R14: `gap`, `alignItems`, `justifyContent`, `padding` and the
+ * rest are `ViewStyle` keys every node already exposes as props. That is deliberate — the
+ * legacy component invented `mainAxisAlignment`, `crossAxisAlignment` and `mainAxisSize`,
+ * a vocabulary to learn for saying what React Native already says.
+ *
+ * There is no `reversed` prop either. `row` already flips in an RTL layout, which is the
+ * case that matters, and a genuine reversal is `style={{ flexDirection: 'row-reverse' }}`.
+ */
+export declare const Row: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "style"> & {
+    asChild?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+} & Omit<import("../..").ViewStyleProps, "flexDirection" | "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"> & import("react").RefAttributes<View>>;

package/dist/components/view/stack-item.d.cts

@@ -0,0 +1,25 @@
+import { View } from 'react-native';
+/**
+ * A layer inside a `Stack`, taken out of the flow.
+ *
+ * ```tsx
+ * <Stack.Item bottom={0} start={0} end={0} padding={12}>
+ *   <Typography variant="h5" color="#fff">Titre</Typography>
+ * </Stack.Item>
+ * ```
+ *
+ * It contributes `position: 'absolute'` and nothing else. Where the layer sits is R14 —
+ * `top`, `bottom`, `start`, `end` and `zIndex` are `ViewStyle` keys already exposed as
+ * props on every node, under React Native's own names. Note `start` and `end` rather than
+ * `left` and `right`: R13 bans the physical pair, and these two flip with the writing
+ * direction, which is what a caption over an image should do.
+ *
+ * There is no context between this and `Stack`, and no error when it is used outside one.
+ * An absolutely positioned view is meaningful under any positioned ancestor, so a strict
+ * context here would refuse arrangements that work.
+ */
+export declare const StackItem: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "style"> & {
+    asChild?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+} & Omit<import("../..").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" | "asChild"> & import("react").RefAttributes<View>>;

package/dist/components/view/stack-item.d.ts

@@ -0,0 +1,25 @@
+import { View } from 'react-native';
+/**
+ * A layer inside a `Stack`, taken out of the flow.
+ *
+ * ```tsx
+ * <Stack.Item bottom={0} start={0} end={0} padding={12}>
+ *   <Typography variant="h5" color="#fff">Titre</Typography>
+ * </Stack.Item>
+ * ```
+ *
+ * It contributes `position: 'absolute'` and nothing else. Where the layer sits is R14 —
+ * `top`, `bottom`, `start`, `end` and `zIndex` are `ViewStyle` keys already exposed as
+ * props on every node, under React Native's own names. Note `start` and `end` rather than
+ * `left` and `right`: R13 bans the physical pair, and these two flip with the writing
+ * direction, which is what a caption over an image should do.
+ *
+ * There is no context between this and `Stack`, and no error when it is used outside one.
+ * An absolutely positioned view is meaningful under any positioned ancestor, so a strict
+ * context here would refuse arrangements that work.
+ */
+export declare const StackItem: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "style"> & {
+    asChild?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+} & Omit<import("../..").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" | "asChild"> & import("react").RefAttributes<View>>;

package/dist/components/view/stack.d.cts

@@ -0,0 +1,26 @@
+import { View } from 'react-native';
+/**
+ * Things on top of each other.
+ *
+ * ```tsx
+ * <Stack>
+ *   <Image source={cover} />
+ *   <Stack.Item bottom={0} start={0} end={0} padding={12}>
+ *     <Typography variant="h5" color="#fff">Titre en surimpression</Typography>
+ *   </Stack.Item>
+ * </Stack>
+ * ```
+ *
+ * **The first child in flow decides the size; `Stack.Item` overlays.** Unlike `Row` and
+ * `Column`, this one is real mechanics rather than a name: absolute positioning needs a
+ * containing block, and that is what the root provides.
+ *
+ * Overlaying is **composed**, not inferred — a `Stack` that absolutely positioned every
+ * child but the first would have to guess which one sets the size, and would silently
+ * change meaning the day a caller reordered them. `Stack.Item` says it instead.
+ */
+export declare const StackRoot: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "style"> & {
+    asChild?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+} & Omit<import("../..").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" | "asChild"> & import("react").RefAttributes<View>>;

package/dist/components/view/stack.d.ts

@@ -0,0 +1,26 @@
+import { View } from 'react-native';
+/**
+ * Things on top of each other.
+ *
+ * ```tsx
+ * <Stack>
+ *   <Image source={cover} />
+ *   <Stack.Item bottom={0} start={0} end={0} padding={12}>
+ *     <Typography variant="h5" color="#fff">Titre en surimpression</Typography>
+ *   </Stack.Item>
+ * </Stack>
+ * ```
+ *
+ * **The first child in flow decides the size; `Stack.Item` overlays.** Unlike `Row` and
+ * `Column`, this one is real mechanics rather than a name: absolute positioning needs a
+ * containing block, and that is what the root provides.
+ *
+ * Overlaying is **composed**, not inferred — a `Stack` that absolutely positioned every
+ * child but the first would have to guess which one sets the size, and would silently
+ * change meaning the day a caller reordered them. `Stack.Item` says it instead.
+ */
+export declare const StackRoot: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "style"> & {
+    asChild?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+} & Omit<import("../..").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" | "asChild"> & import("react").RefAttributes<View>>;

package/dist/components/view/view.type.d.cts

@@ -0,0 +1,56 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { ViewStyleProps } from '../../system/style-props';
+type AxisOwnProps = {
+    /** R12 — the child element becomes the axis, keeping its direction. */
+    asChild?: boolean;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+};
+/**
+ * Everything a `View` can be styled with, as props (R14), **minus `flexDirection`** — that
+ * one is the component's identity, and a `Row` that could be told to lay out as a column
+ * would only be a `View` with a longer name. Reversal and the rest go through `style`,
+ * which is the escape hatch for what has no readable prop.
+ *
+ * Note what is *not* declared here: no `mainAxisAlignment`, no `crossAxisAlignment`, no
+ * `gap` prop of our own. They are `justifyContent`, `alignItems` and `gap` — React
+ * Native's own names, carrying React Native's own values, and R14 already exposes every
+ * one of them. A vocabulary of ours would be a second set of words for the same thing.
+ */
+export type AxisProps = Omit<ViewProps, 'style'> & AxisOwnProps & Omit<ViewStyleProps, keyof AxisOwnProps | keyof ViewProps | 'flexDirection'>;
+export type RowProps = AxisProps;
+export type ColumnProps = AxisProps;
+/**
+ * `Stack` and `Stack.Item` take the full R14 set: unlike the axes, neither claims a style
+ * key as its identity. `position` is set by each of them and remains overridable, because
+ * a layer that has to be `relative` for one screen should not need a different component.
+ */
+export type StackProps = Omit<ViewProps, 'style'> & AxisOwnProps & Omit<ViewStyleProps, keyof AxisOwnProps | keyof ViewProps>;
+export type StackItemProps = StackProps;
+type GridOwnProps = {
+    /** How many columns. Floored, and never below one. @default 2 */
+    columns?: number;
+    /**
+     * The space between cells, in points — React Native's `gap`, taken as a prop because the
+     * root has to read it to size the columns. @default 0
+     */
+    gap?: number;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+};
+/**
+ * No `asChild`: the root measures itself through `onLayout` and publishes the result, so
+ * it has to be the node it renders. `flexDirection`, `flexWrap` and the three gap keys are
+ * withheld for the same reason — they are the grid's mechanism, not its decoration.
+ */
+export type GridProps = Omit<ViewProps, 'style'> & GridOwnProps & Omit<ViewStyleProps, keyof GridOwnProps | keyof ViewProps | 'flexDirection' | 'flexWrap' | 'columnGap' | 'rowGap'>;
+type GridItemOwnProps = {
+    /** How many columns the cell covers. Clamped to the grid's count. @default 1 */
+    span?: number;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+};
+/** `width` is the grid's answer, so it is not a prop here. */
+export type GridItemProps = Omit<ViewProps, 'style'> & GridItemOwnProps & Omit<ViewStyleProps, keyof GridItemOwnProps | keyof ViewProps | 'width'>;
+export {};

package/dist/components/view/view.type.d.ts

@@ -0,0 +1,56 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { ViewStyleProps } from '../../system/style-props';
+type AxisOwnProps = {
+    /** R12 — the child element becomes the axis, keeping its direction. */
+    asChild?: boolean;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+};
+/**
+ * Everything a `View` can be styled with, as props (R14), **minus `flexDirection`** — that
+ * one is the component's identity, and a `Row` that could be told to lay out as a column
+ * would only be a `View` with a longer name. Reversal and the rest go through `style`,
+ * which is the escape hatch for what has no readable prop.
+ *
+ * Note what is *not* declared here: no `mainAxisAlignment`, no `crossAxisAlignment`, no
+ * `gap` prop of our own. They are `justifyContent`, `alignItems` and `gap` — React
+ * Native's own names, carrying React Native's own values, and R14 already exposes every
+ * one of them. A vocabulary of ours would be a second set of words for the same thing.
+ */
+export type AxisProps = Omit<ViewProps, 'style'> & AxisOwnProps & Omit<ViewStyleProps, keyof AxisOwnProps | keyof ViewProps | 'flexDirection'>;
+export type RowProps = AxisProps;
+export type ColumnProps = AxisProps;
+/**
+ * `Stack` and `Stack.Item` take the full R14 set: unlike the axes, neither claims a style
+ * key as its identity. `position` is set by each of them and remains overridable, because
+ * a layer that has to be `relative` for one screen should not need a different component.
+ */
+export type StackProps = Omit<ViewProps, 'style'> & AxisOwnProps & Omit<ViewStyleProps, keyof AxisOwnProps | keyof ViewProps>;
+export type StackItemProps = StackProps;
+type GridOwnProps = {
+    /** How many columns. Floored, and never below one. @default 2 */
+    columns?: number;
+    /**
+     * The space between cells, in points — React Native's `gap`, taken as a prop because the
+     * root has to read it to size the columns. @default 0
+     */
+    gap?: number;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+};
+/**
+ * No `asChild`: the root measures itself through `onLayout` and publishes the result, so
+ * it has to be the node it renders. `flexDirection`, `flexWrap` and the three gap keys are
+ * withheld for the same reason — they are the grid's mechanism, not its decoration.
+ */
+export type GridProps = Omit<ViewProps, 'style'> & GridOwnProps & Omit<ViewStyleProps, keyof GridOwnProps | keyof ViewProps | 'flexDirection' | 'flexWrap' | 'columnGap' | 'rowGap'>;
+type GridItemOwnProps = {
+    /** How many columns the cell covers. Clamped to the grid's count. @default 1 */
+    span?: number;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+};
+/** `width` is the grid's answer, so it is not a prop here. */
+export type GridItemProps = Omit<ViewProps, 'style'> & GridItemOwnProps & Omit<ViewStyleProps, keyof GridItemOwnProps | keyof ViewProps | 'width'>;
+export {};

package/dist/components/wheel-picker/index.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+var _chunk5MMBEDZGcjs = require('../../chunk-5MMBEDZG.cjs');
+require('../../chunk-WFEMJCXO.cjs');
+require('../../chunk-7EIHHOHP.cjs');
+require('../../chunk-FHNIGHN5.cjs');
+require('../../chunk-SL3V7R2Y.cjs');
+require('../../chunk-TVJXC4HY.cjs');
+require('../../chunk-CDRGTUYF.cjs');
+require('../../chunk-H4E4HDEP.cjs');
+require('../../chunk-EJQCQPET.cjs');
+require('../../chunk-IIAQISBG.cjs');
+require('../../chunk-TK44VBIE.cjs');
+
+
+
+
+
+
+
+
+
+
+exports.WheelPicker = _chunk5MMBEDZGcjs.WheelPicker; exports.WheelPickerColumn = _chunk5MMBEDZGcjs.WheelPickerColumn; exports.WheelPickerItem = _chunk5MMBEDZGcjs.WheelPickerItem; exports.WheelPickerRoot = _chunk5MMBEDZGcjs.WheelPickerRoot; exports.indexFromOffset = _chunk5MMBEDZGcjs.indexFromOffset; exports.useWheelPicker = _chunk5MMBEDZGcjs.useWheelPicker; exports.useWheelPickerColumn = _chunk5MMBEDZGcjs.useWheelPickerColumn; exports.wheelGeometry = _chunk5MMBEDZGcjs.wheelGeometry; exports.wheelPickerRecipe = _chunk5MMBEDZGcjs.wheelPickerRecipe;

package/dist/components/wheel-picker/index.d.cts

@@ -0,0 +1,50 @@
+export declare const WheelPicker: import("react").ForwardRefExoticComponent<{
+    variant?: import("./wheel-picker.type").WheelPickerVariant;
+    size?: import("./wheel-picker.type").WheelPickerSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    visibleCount?: number;
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+} & import("../..").AsChildProps & Omit<import("react-native").ViewProps, keyof {
+    variant?: import("./wheel-picker.type").WheelPickerVariant;
+    size?: import("./wheel-picker.type").WheelPickerSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    visibleCount?: number;
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+}> & Omit<import("../..").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" | "isDisabled" | "radius" | "size" | "variant" | "visibleCount"> & import("react").RefAttributes<import("react-native").View>> & {
+    Column: import("react").ForwardRefExoticComponent<{
+        value?: string;
+        defaultValue?: string;
+        onValueChange?: (value: string) => void;
+        isDisabled?: boolean;
+        children?: import("react").ReactNode;
+    } & Omit<import("react-native").ScrollViewProps, keyof {
+        value?: string;
+        defaultValue?: string;
+        onValueChange?: (value: string) => void;
+        isDisabled?: boolean;
+        children?: import("react").ReactNode;
+    }> & Omit<import("../..").ViewStyleProps, "value" | "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" | "isDisabled" | "defaultValue" | "onValueChange" | "contentContainerStyle" | "innerViewRef" | "scrollViewRef" | "decelerationRate" | "horizontal" | "invertStickyHeaders" | "keyboardDismissMode" | "keyboardShouldPersistTaps" | "onContentSizeChange" | "onScroll" | "onScrollBeginDrag" | "onScrollEndDrag" | "onMomentumScrollEnd" | "onMomentumScrollBegin" | "pagingEnabled" | "scrollEnabled" | "showsHorizontalScrollIndicator" | "showsVerticalScrollIndicator" | "stickyHeaderHiddenOnScroll" | "refreshControl" | "snapToInterval" | "snapToOffsets" | "snapToStart" | "snapToEnd" | "stickyHeaderIndices" | "disableIntervalMomentum" | "disableScrollViewPanResponder" | "StickyHeaderComponent" | "alwaysBounceHorizontal" | "alwaysBounceVertical" | "automaticallyAdjustContentInsets" | "automaticallyAdjustKeyboardInsets" | "automaticallyAdjustsScrollIndicatorInsets" | "bounces" | "bouncesZoom" | "canCancelContentTouches" | "centerContent" | "contentInset" | "contentOffset" | "contentInsetAdjustmentBehavior" | "directionalLockEnabled" | "indicatorStyle" | "maintainVisibleContentPosition" | "maximumZoomScale" | "minimumZoomScale" | "onScrollAnimationEnd" | "pinchGestureEnabled" | "scrollEventThrottle" | "scrollIndicatorInsets" | "scrollToOverflowEnabled" | "scrollsToTop" | "snapToAlignment" | "onScrollToTop" | "zoomScale" | "endFillColor" | "scrollPerfTag" | "overScrollMode" | "nestedScrollEnabled" | "fadingEdgeLength" | "persistentScrollbar"> & import("react").RefAttributes<import("react-native").ScrollView>>;
+    Item: import("react").ForwardRefExoticComponent<{
+        value: string;
+        children?: import("react").ReactNode;
+    } & Omit<import("../..").TextStyleProps, keyof {
+        value: string;
+        children?: import("react").ReactNode;
+    }> & {
+        style?: import("react-native").StyleProp<import("react-native").TextStyle>;
+    } & import("react").RefAttributes<import("react-native").Text>>;
+};
+export { WheelPickerRoot } from './wheel-picker';
+export { WheelPickerColumn } from './wheel-picker-column';
+export { WheelPickerItem } from './wheel-picker-item';
+export { useWheelPicker, useWheelPickerColumn } from './wheel-picker.context';
+export { indexFromOffset, wheelGeometry } from './wheel-picker.geometry';
+export { wheelPickerRecipe } from './wheel-picker.recipe';
+export type { WheelGeometry } from './wheel-picker.geometry';
+export type { WheelPickerColumnContextValue, WheelPickerColumnProps, WheelPickerContextValue, WheelPickerItemProps, WheelPickerProps, WheelPickerSize, WheelPickerSlot, WheelPickerVariant, } from './wheel-picker.type';

package/dist/components/wheel-picker/index.d.ts

@@ -0,0 +1,50 @@
+export declare const WheelPicker: import("react").ForwardRefExoticComponent<{
+    variant?: import("./wheel-picker.type").WheelPickerVariant;
+    size?: import("./wheel-picker.type").WheelPickerSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    visibleCount?: number;
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+} & import("../..").AsChildProps & Omit<import("react-native").ViewProps, keyof {
+    variant?: import("./wheel-picker.type").WheelPickerVariant;
+    size?: import("./wheel-picker.type").WheelPickerSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    visibleCount?: number;
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+}> & Omit<import("../..").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" | "isDisabled" | "radius" | "size" | "variant" | "visibleCount"> & import("react").RefAttributes<import("react-native").View>> & {
+    Column: import("react").ForwardRefExoticComponent<{
+        value?: string;
+        defaultValue?: string;
+        onValueChange?: (value: string) => void;
+        isDisabled?: boolean;
+        children?: import("react").ReactNode;
+    } & Omit<import("react-native").ScrollViewProps, keyof {
+        value?: string;
+        defaultValue?: string;
+        onValueChange?: (value: string) => void;
+        isDisabled?: boolean;
+        children?: import("react").ReactNode;
+    }> & Omit<import("../..").ViewStyleProps, "value" | "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" | "isDisabled" | "defaultValue" | "onValueChange" | "contentContainerStyle" | "innerViewRef" | "scrollViewRef" | "decelerationRate" | "horizontal" | "invertStickyHeaders" | "keyboardDismissMode" | "keyboardShouldPersistTaps" | "onContentSizeChange" | "onScroll" | "onScrollBeginDrag" | "onScrollEndDrag" | "onMomentumScrollEnd" | "onMomentumScrollBegin" | "pagingEnabled" | "scrollEnabled" | "showsHorizontalScrollIndicator" | "showsVerticalScrollIndicator" | "stickyHeaderHiddenOnScroll" | "refreshControl" | "snapToInterval" | "snapToOffsets" | "snapToStart" | "snapToEnd" | "stickyHeaderIndices" | "disableIntervalMomentum" | "disableScrollViewPanResponder" | "StickyHeaderComponent" | "alwaysBounceHorizontal" | "alwaysBounceVertical" | "automaticallyAdjustContentInsets" | "automaticallyAdjustKeyboardInsets" | "automaticallyAdjustsScrollIndicatorInsets" | "bounces" | "bouncesZoom" | "canCancelContentTouches" | "centerContent" | "contentInset" | "contentOffset" | "contentInsetAdjustmentBehavior" | "directionalLockEnabled" | "indicatorStyle" | "maintainVisibleContentPosition" | "maximumZoomScale" | "minimumZoomScale" | "onScrollAnimationEnd" | "pinchGestureEnabled" | "scrollEventThrottle" | "scrollIndicatorInsets" | "scrollToOverflowEnabled" | "scrollsToTop" | "snapToAlignment" | "onScrollToTop" | "zoomScale" | "endFillColor" | "scrollPerfTag" | "overScrollMode" | "nestedScrollEnabled" | "fadingEdgeLength" | "persistentScrollbar"> & import("react").RefAttributes<import("react-native").ScrollView>>;
+    Item: import("react").ForwardRefExoticComponent<{
+        value: string;
+        children?: import("react").ReactNode;
+    } & Omit<import("../..").TextStyleProps, keyof {
+        value: string;
+        children?: import("react").ReactNode;
+    }> & {
+        style?: import("react-native").StyleProp<import("react-native").TextStyle>;
+    } & import("react").RefAttributes<import("react-native").Text>>;
+};
+export { WheelPickerRoot } from './wheel-picker';
+export { WheelPickerColumn } from './wheel-picker-column';
+export { WheelPickerItem } from './wheel-picker-item';
+export { useWheelPicker, useWheelPickerColumn } from './wheel-picker.context';
+export { indexFromOffset, wheelGeometry } from './wheel-picker.geometry';
+export { wheelPickerRecipe } from './wheel-picker.recipe';
+export type { WheelGeometry } from './wheel-picker.geometry';
+export type { WheelPickerColumnContextValue, WheelPickerColumnProps, WheelPickerContextValue, WheelPickerItemProps, WheelPickerProps, WheelPickerSize, WheelPickerSlot, WheelPickerVariant, } from './wheel-picker.type';

package/dist/components/wheel-picker/index.js

@@ -0,0 +1,32 @@
+import {
+  WheelPicker,
+  WheelPickerColumn,
+  WheelPickerItem,
+  WheelPickerRoot,
+  indexFromOffset,
+  useWheelPicker,
+  useWheelPickerColumn,
+  wheelGeometry,
+  wheelPickerRecipe
+} from "../../chunk-AIND5F7P.js";
+import "../../chunk-NCTOTTVW.js";
+import "../../chunk-F6W3JQ7K.js";
+import "../../chunk-WFZDAXDI.js";
+import "../../chunk-DKVXTMIJ.js";
+import "../../chunk-3Q42X6EQ.js";
+import "../../chunk-TTZOIXKE.js";
+import "../../chunk-36PRYGAM.js";
+import "../../chunk-EGLLDKN6.js";
+import "../../chunk-Z6JBWRPL.js";
+import "../../chunk-M63GFNKV.js";
+export {
+  WheelPicker,
+  WheelPickerColumn,
+  WheelPickerItem,
+  WheelPickerRoot,
+  indexFromOffset,
+  useWheelPicker,
+  useWheelPickerColumn,
+  wheelGeometry,
+  wheelPickerRecipe
+};

package/dist/components/wheel-picker/wheel-picker-column.d.cts

@@ -0,0 +1,31 @@
+import type { ScrollView } from 'react-native';
+/**
+ * One turning column, and the value it has come to rest on.
+ *
+ * **The scroll is the control.** There is no press to select: the row at the middle *is*
+ * the choice, so the column snaps to a row and reports whichever one it stopped at. That is
+ * what makes a wheel a wheel rather than a short list — and it is why the rows are `Text`
+ * nodes rather than pressables.
+ *
+ * **It reports at rest, never while turning.** One flick passes nine rows; a column that
+ * fired on each would hand the caller eight values nobody chose. `onMomentumScrollEnd`
+ * covers a flick and `onScrollEndDrag` covers a slow drag that stops without momentum —
+ * both are needed, and neither fires for the other.
+ *
+ * The offset is a **shared value** as well as rendered state, because a row's fade and turn
+ * are read on the UI thread: a scroll position crossing the bridge every frame would animate
+ * at the rate React re-renders rather than at the rate the finger moves.
+ */
+export declare const WheelPickerColumn: import("react").ForwardRefExoticComponent<{
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    isDisabled?: boolean;
+    children?: import("react").ReactNode;
+} & Omit<import("react-native").ScrollViewProps, keyof {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    isDisabled?: boolean;
+    children?: import("react").ReactNode;
+}> & Omit<import("../..").ViewStyleProps, "value" | "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" | "isDisabled" | "defaultValue" | "onValueChange" | "contentContainerStyle" | "innerViewRef" | "scrollViewRef" | "decelerationRate" | "horizontal" | "invertStickyHeaders" | "keyboardDismissMode" | "keyboardShouldPersistTaps" | "onContentSizeChange" | "onScroll" | "onScrollBeginDrag" | "onScrollEndDrag" | "onMomentumScrollEnd" | "onMomentumScrollBegin" | "pagingEnabled" | "scrollEnabled" | "showsHorizontalScrollIndicator" | "showsVerticalScrollIndicator" | "stickyHeaderHiddenOnScroll" | "refreshControl" | "snapToInterval" | "snapToOffsets" | "snapToStart" | "snapToEnd" | "stickyHeaderIndices" | "disableIntervalMomentum" | "disableScrollViewPanResponder" | "StickyHeaderComponent" | "alwaysBounceHorizontal" | "alwaysBounceVertical" | "automaticallyAdjustContentInsets" | "automaticallyAdjustKeyboardInsets" | "automaticallyAdjustsScrollIndicatorInsets" | "bounces" | "bouncesZoom" | "canCancelContentTouches" | "centerContent" | "contentInset" | "contentOffset" | "contentInsetAdjustmentBehavior" | "directionalLockEnabled" | "indicatorStyle" | "maintainVisibleContentPosition" | "maximumZoomScale" | "minimumZoomScale" | "onScrollAnimationEnd" | "pinchGestureEnabled" | "scrollEventThrottle" | "scrollIndicatorInsets" | "scrollToOverflowEnabled" | "scrollsToTop" | "snapToAlignment" | "onScrollToTop" | "zoomScale" | "endFillColor" | "scrollPerfTag" | "overScrollMode" | "nestedScrollEnabled" | "fadingEdgeLength" | "persistentScrollbar"> & import("react").RefAttributes<ScrollView>>;