@xaui/native 0.9.1-alpha.38 → 0.9.1-alpha.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/chunk-2EGR4LWD.js +145 -0
  2. package/dist/chunk-37L7YGZV.cjs +425 -0
  3. package/dist/chunk-64MXEVT3.js +66 -0
  4. package/dist/{chunk-RAWGK2XK.cjs → chunk-76XDVA24.cjs} +43 -133
  5. package/dist/{chunk-Q3MQ7S2D.cjs → chunk-7KLBTMXV.cjs} +6 -4
  6. package/dist/chunk-EKS3W46M.cjs +66 -0
  7. package/dist/{chunk-ZF6KIHXH.js → chunk-GJSFKH4L.js} +15 -20
  8. package/dist/{chunk-ZNZ7HVRW.js → chunk-JKP4TPIL.js} +51 -217
  9. package/dist/chunk-LUPCPLND.cjs +145 -0
  10. package/dist/chunk-XAFP5JLK.js +425 -0
  11. package/dist/components/accordion/index.cjs +3 -2
  12. package/dist/components/accordion/index.js +2 -1
  13. package/dist/components/badge/index.d.cts +1 -1
  14. package/dist/components/badge/index.d.ts +1 -1
  15. package/dist/components/popover/index.cjs +37 -0
  16. package/dist/components/popover/index.d.cts +254 -0
  17. package/dist/components/popover/index.d.ts +254 -0
  18. package/dist/components/popover/index.js +37 -0
  19. package/dist/components/select/index.cjs +4 -2
  20. package/dist/components/select/index.d.cts +14 -25
  21. package/dist/components/select/index.d.ts +14 -25
  22. package/dist/components/select/index.js +3 -1
  23. package/dist/index.cjs +42 -5
  24. package/dist/index.d.cts +3 -1
  25. package/dist/index.d.ts +3 -1
  26. package/dist/index.js +44 -7
  27. package/dist/placement-DHa0Rrh1.d.cts +38 -0
  28. package/dist/placement-DHa0Rrh1.d.ts +38 -0
  29. package/dist/system/index.cjs +16 -2
  30. package/dist/system/index.d.cts +38 -2
  31. package/dist/system/index.d.ts +38 -2
  32. package/dist/system/index.js +15 -1
  33. package/package.json +11 -1
  34. /package/dist/{chunk-OJCCV65P.cjs → chunk-GGW43Q37.cjs} +0 -0
  35. /package/dist/{chunk-MESKS6AI.js → chunk-WHJTBTYM.js} +0 -0
@@ -15,8 +15,10 @@
15
15
 
16
16
 
17
17
 
18
- var _chunkRAWGK2XKcjs = require('../../chunk-RAWGK2XK.cjs');
18
+ var _chunk76XDVA24cjs = require('../../chunk-76XDVA24.cjs');
19
+ require('../../chunk-LUPCPLND.cjs');
19
20
  require('../../chunk-WDDXU3OH.cjs');
21
+ require('../../chunk-EKS3W46M.cjs');
20
22
  require('../../chunk-WFEMJCXO.cjs');
21
23
  require('../../chunk-4KFKWBN5.cjs');
22
24
  require('../../chunk-7EIHHOHP.cjs');
@@ -45,4 +47,4 @@ require('../../chunk-TK44VBIE.cjs');
45
47
 
46
48
 
47
49
 
48
- exports.CheckIcon = _chunkRAWGK2XKcjs.CheckIcon; exports.Select = _chunkRAWGK2XKcjs.Select2; exports.SelectContent = _chunkRAWGK2XKcjs.SelectContent; exports.SelectIndicator = _chunkRAWGK2XKcjs.SelectIndicator; exports.SelectItem = _chunkRAWGK2XKcjs.SelectItem; exports.SelectItemDescription = _chunkRAWGK2XKcjs.SelectItemDescription; exports.SelectItemIndicator = _chunkRAWGK2XKcjs.SelectItemIndicator; exports.SelectItemLabel = _chunkRAWGK2XKcjs.SelectItemLabel; exports.SelectLabel = _chunkRAWGK2XKcjs.SelectLabel; exports.SelectOverlay = _chunkRAWGK2XKcjs.SelectOverlay; exports.SelectRoot = _chunkRAWGK2XKcjs.Select; exports.SelectTrigger = _chunkRAWGK2XKcjs.SelectTrigger; exports.SelectValue = _chunkRAWGK2XKcjs.SelectValue; exports.selectRecipe = _chunkRAWGK2XKcjs.selectRecipe; exports.useSelect = _chunkRAWGK2XKcjs.useSelect; exports.useSelectItem = _chunkRAWGK2XKcjs.useSelectItem;
50
+ exports.CheckIcon = _chunk76XDVA24cjs.CheckIcon; exports.Select = _chunk76XDVA24cjs.Select2; exports.SelectContent = _chunk76XDVA24cjs.SelectContent; exports.SelectIndicator = _chunk76XDVA24cjs.SelectIndicator; exports.SelectItem = _chunk76XDVA24cjs.SelectItem; exports.SelectItemDescription = _chunk76XDVA24cjs.SelectItemDescription; exports.SelectItemIndicator = _chunk76XDVA24cjs.SelectItemIndicator; exports.SelectItemLabel = _chunk76XDVA24cjs.SelectItemLabel; exports.SelectLabel = _chunk76XDVA24cjs.SelectLabel; exports.SelectOverlay = _chunk76XDVA24cjs.SelectOverlay; exports.SelectRoot = _chunk76XDVA24cjs.Select; exports.SelectTrigger = _chunk76XDVA24cjs.SelectTrigger; exports.SelectValue = _chunk76XDVA24cjs.SelectValue; exports.selectRecipe = _chunk76XDVA24cjs.selectRecipe; exports.useSelect = _chunk76XDVA24cjs.useSelect; exports.useSelectItem = _chunk76XDVA24cjs.useSelectItem;
@@ -5,6 +5,7 @@ import { StyleProp, ViewStyle, TextStyle, ViewProps, TextProps, PressableProps,
5
5
  import { b as IconComponentProps, I as IconContextValue } from '../../icon.type-d_i9ma-i.cjs';
6
6
  import { V as ViewStyleProps, T as TextStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
7
7
  import { S as Size, R as RadiusKey, X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
8
+ import { P as Placement, A as Align, a as AnchoredWidth, I as Insets, b as Anchor } from '../../placement-DHa0Rrh1.cjs';
8
9
  import { R as Recipe, S as SlotStyles, a as StyleFn } from '../../create-recipe-dC7wMfnj.cjs';
9
10
 
10
11
  type SelectSlot = 'trigger' | 'value' | 'placeholder' | 'indicator' | 'overlay' | 'content' | 'label' | 'item' | 'itemLabel' | 'itemDescription' | 'itemIndicator';
@@ -21,26 +22,21 @@ type SelectVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
21
22
  */
22
23
  type SelectSize = Exclude<Size, 'xs'>;
23
24
  /**
24
- * Which side of the trigger the list opens on. Two values, not HeroUI's four: a select's
25
- * list is as wide as the field it belongs to, and a list hanging off the side of its own
26
- * field reads as a menu. `Popover` is where `start` and `end` belong.
25
+ * Which side of the trigger the list opens on. Two of the four a `Popover` takes: a
26
+ * select's list is as wide as the field it belongs to, and one hanging off the side of
27
+ * its own field reads as a menu rather than as that field's values.
27
28
  */
28
- type SelectPlacement = 'top' | 'bottom';
29
+ type SelectPlacement = Extract<Placement, 'top' | 'bottom'>;
29
30
  /** Where the list lines up along the trigger's cross axis. */
30
- type SelectAlign = 'start' | 'center' | 'end';
31
+ type SelectAlign = Align;
31
32
  /**
32
33
  * `trigger` matches the field exactly, which is the default because a list wider than the
33
34
  * control it drops out of reads as a different surface. `content-fit` lets it hug the
34
35
  * longest label instead, bounded by the screen.
35
36
  */
36
- type SelectWidth = number | 'trigger' | 'content-fit';
37
+ type SelectWidth = AnchoredWidth;
37
38
  /** Screen edges the list refuses to cross, in points. */
38
- type SelectInsets = {
39
- top?: number;
40
- bottom?: number;
41
- start?: number;
42
- end?: number;
43
- };
39
+ type SelectInsets = Insets;
44
40
  type SelectOwnProps = {
45
41
  children?: ReactNode;
46
42
  variant?: SelectVariant;
@@ -191,12 +187,7 @@ type SelectContextValue = {
191
187
  registerLabel: (value: string, label: string) => void;
192
188
  };
193
189
  /** The trigger's rectangle in window coordinates. */
194
- type SelectAnchor = {
195
- x: number;
196
- y: number;
197
- width: number;
198
- height: number;
199
- };
190
+ type SelectAnchor = Anchor;
200
191
  /** What one item publishes to its own slots. */
201
192
  type SelectItemContextValue = {
202
193
  isSelected: boolean;
@@ -265,11 +256,9 @@ declare namespace Select$1 {
265
256
  * The list. It renders into the nearest `PortalHost`, so it escapes the clipping and the
266
257
  * stacking of whatever container held the trigger.
267
258
  *
268
- * **It measures before it positions.** The first pass mounts the panel invisibly to learn
269
- * how tall it wants to be; the second places it and plays the entrance. Without that pass
270
- * `avoidCollisions` has nothing to compare and a list that does not fit below would open
271
- * downwards off the screen. The cost is one frame, and it is why the entrance animation
272
- * is keyed on the resolved placement rather than started at mount.
259
+ * The positioning the measuring pass, the host's origin, the collision flip is
260
+ * `useAnchoredPosition`, shared with the `Popover`. What is this component's own is the
261
+ * scroller, and reading the rows' labels before any of them mounts.
273
262
  */
274
263
  declare const SelectContent: react.ForwardRefExoticComponent<{
275
264
  children?: react.ReactNode;
@@ -289,7 +278,7 @@ declare const SelectContent: react.ForwardRefExoticComponent<{
289
278
  alignOffset?: number;
290
279
  avoidCollisions?: boolean;
291
280
  insets?: SelectInsets;
292
- }> & Omit<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" | "placement" | "align" | "offset" | "alignOffset" | "avoidCollisions" | "insets"> & react.RefAttributes<View>>;
281
+ }> & Omit<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" | "offset" | "alignOffset" | "insets" | "placement" | "avoidCollisions" | "align"> & react.RefAttributes<View>>;
293
282
 
294
283
  /**
295
284
  * One row of the list.
@@ -480,7 +469,7 @@ declare const Select: typeof Select$1 & {
480
469
  alignOffset?: number;
481
470
  avoidCollisions?: boolean;
482
471
  insets?: SelectInsets;
483
- }> & Omit<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" | "placement" | "align" | "offset" | "alignOffset" | "avoidCollisions" | "insets"> & react.RefAttributes<react_native.View>>;
472
+ }> & Omit<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" | "offset" | "alignOffset" | "insets" | "placement" | "avoidCollisions" | "align"> & react.RefAttributes<react_native.View>>;
484
473
  Label: react.ForwardRefExoticComponent<{
485
474
  children?: react.ReactNode;
486
475
  } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
@@ -5,6 +5,7 @@ import { StyleProp, ViewStyle, TextStyle, ViewProps, TextProps, PressableProps,
5
5
  import { b as IconComponentProps, I as IconContextValue } from '../../icon.type-Kml72iSz.js';
6
6
  import { V as ViewStyleProps, T as TextStyleProps } from '../../style-props.type-CfnoGEP7.js';
7
7
  import { S as Size, R as RadiusKey, X as XAUITheme } from '../../theme.type-C2gNHpEx.js';
8
+ import { P as Placement, A as Align, a as AnchoredWidth, I as Insets, b as Anchor } from '../../placement-DHa0Rrh1.js';
8
9
  import { R as Recipe, S as SlotStyles, a as StyleFn } from '../../create-recipe-BdVd2ffi.js';
9
10
 
10
11
  type SelectSlot = 'trigger' | 'value' | 'placeholder' | 'indicator' | 'overlay' | 'content' | 'label' | 'item' | 'itemLabel' | 'itemDescription' | 'itemIndicator';
@@ -21,26 +22,21 @@ type SelectVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
21
22
  */
22
23
  type SelectSize = Exclude<Size, 'xs'>;
23
24
  /**
24
- * Which side of the trigger the list opens on. Two values, not HeroUI's four: a select's
25
- * list is as wide as the field it belongs to, and a list hanging off the side of its own
26
- * field reads as a menu. `Popover` is where `start` and `end` belong.
25
+ * Which side of the trigger the list opens on. Two of the four a `Popover` takes: a
26
+ * select's list is as wide as the field it belongs to, and one hanging off the side of
27
+ * its own field reads as a menu rather than as that field's values.
27
28
  */
28
- type SelectPlacement = 'top' | 'bottom';
29
+ type SelectPlacement = Extract<Placement, 'top' | 'bottom'>;
29
30
  /** Where the list lines up along the trigger's cross axis. */
30
- type SelectAlign = 'start' | 'center' | 'end';
31
+ type SelectAlign = Align;
31
32
  /**
32
33
  * `trigger` matches the field exactly, which is the default because a list wider than the
33
34
  * control it drops out of reads as a different surface. `content-fit` lets it hug the
34
35
  * longest label instead, bounded by the screen.
35
36
  */
36
- type SelectWidth = number | 'trigger' | 'content-fit';
37
+ type SelectWidth = AnchoredWidth;
37
38
  /** Screen edges the list refuses to cross, in points. */
38
- type SelectInsets = {
39
- top?: number;
40
- bottom?: number;
41
- start?: number;
42
- end?: number;
43
- };
39
+ type SelectInsets = Insets;
44
40
  type SelectOwnProps = {
45
41
  children?: ReactNode;
46
42
  variant?: SelectVariant;
@@ -191,12 +187,7 @@ type SelectContextValue = {
191
187
  registerLabel: (value: string, label: string) => void;
192
188
  };
193
189
  /** The trigger's rectangle in window coordinates. */
194
- type SelectAnchor = {
195
- x: number;
196
- y: number;
197
- width: number;
198
- height: number;
199
- };
190
+ type SelectAnchor = Anchor;
200
191
  /** What one item publishes to its own slots. */
201
192
  type SelectItemContextValue = {
202
193
  isSelected: boolean;
@@ -265,11 +256,9 @@ declare namespace Select$1 {
265
256
  * The list. It renders into the nearest `PortalHost`, so it escapes the clipping and the
266
257
  * stacking of whatever container held the trigger.
267
258
  *
268
- * **It measures before it positions.** The first pass mounts the panel invisibly to learn
269
- * how tall it wants to be; the second places it and plays the entrance. Without that pass
270
- * `avoidCollisions` has nothing to compare and a list that does not fit below would open
271
- * downwards off the screen. The cost is one frame, and it is why the entrance animation
272
- * is keyed on the resolved placement rather than started at mount.
259
+ * The positioning the measuring pass, the host's origin, the collision flip is
260
+ * `useAnchoredPosition`, shared with the `Popover`. What is this component's own is the
261
+ * scroller, and reading the rows' labels before any of them mounts.
273
262
  */
274
263
  declare const SelectContent: react.ForwardRefExoticComponent<{
275
264
  children?: react.ReactNode;
@@ -289,7 +278,7 @@ declare const SelectContent: react.ForwardRefExoticComponent<{
289
278
  alignOffset?: number;
290
279
  avoidCollisions?: boolean;
291
280
  insets?: SelectInsets;
292
- }> & Omit<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" | "placement" | "align" | "offset" | "alignOffset" | "avoidCollisions" | "insets"> & react.RefAttributes<View>>;
281
+ }> & Omit<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" | "offset" | "alignOffset" | "insets" | "placement" | "avoidCollisions" | "align"> & react.RefAttributes<View>>;
293
282
 
294
283
  /**
295
284
  * One row of the list.
@@ -480,7 +469,7 @@ declare const Select: typeof Select$1 & {
480
469
  alignOffset?: number;
481
470
  avoidCollisions?: boolean;
482
471
  insets?: SelectInsets;
483
- }> & Omit<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" | "placement" | "align" | "offset" | "alignOffset" | "avoidCollisions" | "insets"> & react.RefAttributes<react_native.View>>;
472
+ }> & Omit<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" | "offset" | "alignOffset" | "insets" | "placement" | "avoidCollisions" | "align"> & react.RefAttributes<react_native.View>>;
484
473
  Label: react.ForwardRefExoticComponent<{
485
474
  children?: react.ReactNode;
486
475
  } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
@@ -15,8 +15,10 @@ import {
15
15
  selectRecipe,
16
16
  useSelect,
17
17
  useSelectItem
18
- } from "../../chunk-ZNZ7HVRW.js";
18
+ } from "../../chunk-JKP4TPIL.js";
19
+ import "../../chunk-2EGR4LWD.js";
19
20
  import "../../chunk-2PMXMKS5.js";
21
+ import "../../chunk-64MXEVT3.js";
20
22
  import "../../chunk-NCTOTTVW.js";
21
23
  import "../../chunk-FHUYHV6J.js";
22
24
  import "../../chunk-F6W3JQ7K.js";
package/dist/index.cjs CHANGED
@@ -1,6 +1,10 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
+ var _chunkXWNG2U4Kcjs = require('./chunk-XWNG2U4K.cjs');
5
+
6
+
7
+
4
8
 
5
9
 
6
10
 
@@ -23,7 +27,7 @@ var _chunkBNFIFRQAcjs = require('./chunk-BNFIFRQA.cjs');
23
27
 
24
28
 
25
29
  var _chunkTDTUAIFFcjs = require('./chunk-TDTUAIFF.cjs');
26
- require('./chunk-OJCCV65P.cjs');
30
+ require('./chunk-GGW43Q37.cjs');
27
31
 
28
32
 
29
33
 
@@ -83,6 +87,18 @@ var _chunkSIP5J7HUcjs = require('./chunk-SIP5J7HU.cjs');
83
87
 
84
88
 
85
89
 
90
+
91
+
92
+
93
+
94
+ var _chunk37L7YGZVcjs = require('./chunk-37L7YGZV.cjs');
95
+
96
+
97
+
98
+
99
+
100
+
101
+
86
102
  var _chunk4KSKQD37cjs = require('./chunk-4KSKQD37.cjs');
87
103
 
88
104
 
@@ -101,7 +117,8 @@ var _chunk4KSKQD37cjs = require('./chunk-4KSKQD37.cjs');
101
117
 
102
118
 
103
119
 
104
- var _chunkRAWGK2XKcjs = require('./chunk-RAWGK2XK.cjs');
120
+ var _chunk76XDVA24cjs = require('./chunk-76XDVA24.cjs');
121
+ require('./chunk-LUPCPLND.cjs');
105
122
 
106
123
 
107
124
 
@@ -114,7 +131,6 @@ var _chunkSNIHUKDAcjs = require('./chunk-SNIHUKDA.cjs');
114
131
 
115
132
 
116
133
 
117
- var _chunkXWNG2U4Kcjs = require('./chunk-XWNG2U4K.cjs');
118
134
 
119
135
 
120
136
 
@@ -123,10 +139,15 @@ var _chunkXWNG2U4Kcjs = require('./chunk-XWNG2U4K.cjs');
123
139
 
124
140
 
125
141
 
142
+ var _chunk7KLBTMXVcjs = require('./chunk-7KLBTMXV.cjs');
143
+
144
+
126
145
 
127
146
 
128
147
 
129
- var _chunkQ3MQ7S2Dcjs = require('./chunk-Q3MQ7S2D.cjs');
148
+
149
+
150
+ var _chunkEKS3W46Mcjs = require('./chunk-EKS3W46M.cjs');
130
151
 
131
152
 
132
153
 
@@ -401,4 +422,20 @@ var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
401
422
 
402
423
 
403
424
 
404
- exports.Accordion = _chunkQ3MQ7S2Dcjs.Accordion; exports.AccordionContent = _chunkQ3MQ7S2Dcjs.AccordionContent; exports.AccordionIndicator = _chunkQ3MQ7S2Dcjs.AccordionIndicator; exports.AccordionItem = _chunkQ3MQ7S2Dcjs.AccordionItem; exports.AccordionRoot = _chunkQ3MQ7S2Dcjs.AccordionRoot; exports.AccordionTrigger = _chunkQ3MQ7S2Dcjs.AccordionTrigger; exports.Alert = _chunk66FOASTPcjs.Alert; exports.Avatar = _chunk7TOG4TVUcjs.Avatar; exports.Badge = _chunkRKCWYUGAcjs.Badge; exports.Button = _chunkNCCRQK3Pcjs.Button; exports.CARD_BACKGROUND = _chunkHOI5425Pcjs.CARD_BACKGROUND; exports.Card = _chunkHOI5425Pcjs.Card; exports.CheckIcon = _chunkRAWGK2XKcjs.CheckIcon; exports.Checkbox = _chunkURA25DU4cjs.Checkbox; exports.CheckboxIndicator = _chunkURA25DU4cjs.CheckboxIndicator; exports.CheckboxLabel = _chunkURA25DU4cjs.CheckboxLabel; exports.CheckboxRoot = _chunkURA25DU4cjs.CheckboxRoot; exports.ChevronDownIcon = _chunk4KFKWBN5cjs.ChevronDownIcon; exports.Chip = _chunk3JXI2IHVcjs.Chip; exports.CloseButton = _chunkAAVCMCJ3cjs.CloseButton; exports.Column = _chunkTDTUAIFFcjs.Column; exports.Divider = _chunkKSUV74BEcjs.Divider; exports.FEEDBACK_OVERLAY = _chunkTGMVEHV7cjs.FEEDBACK_OVERLAY; exports.FieldGroup = _chunkS4QUM4EEcjs.FieldGroup; exports.FieldGroupField = _chunkS4QUM4EEcjs.FieldGroupField; exports.FieldGroupIcon = _chunkS4QUM4EEcjs.FieldGroupIcon; exports.FieldGroupPrefix = _chunkS4QUM4EEcjs.FieldGroupPrefix; exports.FieldGroupRoot = _chunkS4QUM4EEcjs.FieldGroupRoot; exports.FieldGroupSuffix = _chunkS4QUM4EEcjs.FieldGroupSuffix; exports.Grid = _chunkTDTUAIFFcjs.Grid; exports.HIGHLIGHT_DURATION = _chunkTGMVEHV7cjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkTGMVEHV7cjs.HIGHLIGHT_OPACITY; exports.Icon = _chunk4KFKWBN5cjs.Icon; exports.IconContext = _chunk4KFKWBN5cjs.IconContext; exports.InputOTP = _chunkSIP5J7HUcjs.InputOTP; exports.OTP_ALPHANUMERIC = _chunkSIP5J7HUcjs.OTP_ALPHANUMERIC; exports.OTP_DIGITS = _chunkSIP5J7HUcjs.OTP_DIGITS; exports.OTP_LETTERS = _chunkSIP5J7HUcjs.OTP_LETTERS; exports.PRESS_DURATION = _chunkTGMVEHV7cjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkTGMVEHV7cjs.PRESS_SCALE; exports.Portal = _chunkWDDXU3OHcjs.Portal; exports.PortalContext = _chunkWDDXU3OHcjs.PortalContext; exports.PortalHost = _chunkWDDXU3OHcjs.PortalHost; exports.PressableFeedback = _chunkTGMVEHV7cjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkTGMVEHV7cjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkTGMVEHV7cjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkTGMVEHV7cjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkTGMVEHV7cjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkTGMVEHV7cjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkTGMVEHV7cjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkTGMVEHV7cjs.RIPPLE_START_SCALE; exports.ROTATION_DURATION = _chunkXSQPVDFHcjs.ROTATION_DURATION; exports.Radio = _chunk4KSKQD37cjs.Radio; exports.RadioIndicator = _chunk4KSKQD37cjs.RadioIndicator; exports.RadioLabel = _chunk4KSKQD37cjs.RadioLabel; exports.RadioRoot = _chunk4KSKQD37cjs.RadioRoot; exports.Row = _chunkTDTUAIFFcjs.Row; exports.SCALE_REFERENCE_WIDTH = _chunkTGMVEHV7cjs.SCALE_REFERENCE_WIDTH; exports.Select = _chunkRAWGK2XKcjs.Select2; exports.SelectContent = _chunkRAWGK2XKcjs.SelectContent; exports.SelectIndicator = _chunkRAWGK2XKcjs.SelectIndicator; exports.SelectItem = _chunkRAWGK2XKcjs.SelectItem; exports.SelectItemDescription = _chunkRAWGK2XKcjs.SelectItemDescription; exports.SelectItemIndicator = _chunkRAWGK2XKcjs.SelectItemIndicator; exports.SelectItemLabel = _chunkRAWGK2XKcjs.SelectItemLabel; exports.SelectLabel = _chunkRAWGK2XKcjs.SelectLabel; exports.SelectOverlay = _chunkRAWGK2XKcjs.SelectOverlay; exports.SelectRoot = _chunkRAWGK2XKcjs.Select; exports.SelectTrigger = _chunkRAWGK2XKcjs.SelectTrigger; exports.SelectValue = _chunkRAWGK2XKcjs.SelectValue; exports.SelectionFill = _chunkF6CQ6CBIcjs.SelectionFill; exports.Skeleton = _chunkSNIHUKDAcjs.Skeleton; exports.Slot = _chunk7GHM4GKLcjs.Slot; exports.Spinner = _chunkXWNG2U4Kcjs.Spinner; exports.Stack = _chunkTDTUAIFFcjs.Stack; exports.Switch = _chunk54CWXA34cjs.Switch; exports.SwitchLabel = _chunk54CWXA34cjs.SwitchLabel; exports.SwitchRoot = _chunk54CWXA34cjs.SwitchRoot; exports.SwitchThumb = _chunk54CWXA34cjs.SwitchThumb; exports.SwitchTrack = _chunk54CWXA34cjs.SwitchTrack; exports.TextArea = _chunkVZK3NLBHcjs.TextArea; exports.TextField = _chunkA7YB7YWXcjs.TextField; exports.TextFieldDescription = _chunkA7YB7YWXcjs.TextFieldDescription; exports.TextFieldError = _chunkA7YB7YWXcjs.TextFieldError; exports.TextFieldField = _chunkA7YB7YWXcjs.TextFieldField; exports.TextFieldLabel = _chunkA7YB7YWXcjs.TextFieldLabel; exports.TextFieldRoot = _chunkA7YB7YWXcjs.TextFieldRoot; exports.TextSpan = _chunkBNFIFRQAcjs.TextSpan; exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.Typography = _chunkBNFIFRQAcjs.Typography; exports.XAUIProvider = _chunkACAPTWE3cjs.XAUIProvider; exports.accordionLayoutTransition = _chunkQ3MQ7S2Dcjs.LAYOUT; exports.accordionRecipe = _chunkQ3MQ7S2Dcjs.accordionRecipe; exports.alertRecipe = _chunk66FOASTPcjs.alertRecipe; exports.avatarRecipe = _chunk7TOG4TVUcjs.avatarRecipe; exports.badgeRecipe = _chunkRKCWYUGAcjs.badgeRecipe; exports.buildRadius = _chunkACAPTWE3cjs.buildRadius; exports.buildShadows = _chunkACAPTWE3cjs.buildShadows; exports.buildSlots = _chunkSIP5J7HUcjs.buildSlots; exports.buttonRecipe = _chunkNCCRQK3Pcjs.buttonRecipe; exports.cardRecipe = _chunkHOI5425Pcjs.cardRecipe; exports.checkboxRecipe = _chunkURA25DU4cjs.checkboxRecipe; exports.childrenToString = _chunk7GHM4GKLcjs.childrenToString; exports.chipRecipe = _chunk3JXI2IHVcjs.chipRecipe; exports.closeButtonBase = _chunkAAVCMCJ3cjs.closeButtonBase; exports.createRecipe = _chunkFNEUOBCVcjs.createRecipe; exports.createSlotContext = _chunk7GHM4GKLcjs.createSlotContext; exports.createTheme = _chunkACAPTWE3cjs.createTheme; exports.decoratorPadding = _chunkS4QUM4EEcjs.decoratorPadding; exports.defaultTheme = _chunkACAPTWE3cjs.defaultTheme; exports.deriveColors = _chunkACAPTWE3cjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.dividerRecipe = _chunkKSUV74BEcjs.dividerRecipe; exports.extractPastedCode = _chunkSIP5J7HUcjs.extractPastedCode; exports.inputOTPRecipe = _chunkSIP5J7HUcjs.inputOTPRecipe; exports.markBackground = _chunkHOI5425Pcjs.markBackground; exports.markOverlay = _chunkTGMVEHV7cjs.markOverlay; exports.mergeProps = _chunk7GHM4GKLcjs.mergeProps; exports.mergeRefs = _chunkH4E4HDEPcjs.mergeRefs; exports.palette = _chunkACAPTWE3cjs.palette; exports.placementInsets = _chunkRKCWYUGAcjs.placementInsets; exports.pressScaleFor = _chunkTGMVEHV7cjs.pressScaleFor; exports.primitives = _chunkACAPTWE3cjs.primitives; exports.radioRecipe = _chunk4KSKQD37cjs.radioRecipe; exports.radiusAxis = _chunkFNEUOBCVcjs.radiusAxis; exports.resolveAnimation = _chunkTGMVEHV7cjs.resolveAnimation; exports.resolveSlotAnimation = _chunkTGMVEHV7cjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkTGMVEHV7cjs.rippleRadiusFor; exports.selectRecipe = _chunkRAWGK2XKcjs.selectRecipe; exports.skeletonRecipe = _chunkSNIHUKDAcjs.skeletonRecipe; exports.sourceKeys = _chunkACAPTWE3cjs.sourceKeys; exports.spinnerRecipe = _chunkXWNG2U4Kcjs.spinnerRecipe; exports.switchRecipe = _chunk54CWXA34cjs.switchRecipe; exports.textFieldRecipe = _chunkA7YB7YWXcjs.textFieldRecipe; exports.tokens = _chunkACAPTWE3cjs.tokens; exports.typographyRecipe = _chunkBNFIFRQAcjs.typographyRecipe; exports.useAccordion = _chunkQ3MQ7S2Dcjs.useAccordion; exports.useAccordionItem = _chunkQ3MQ7S2Dcjs.useAccordionItem; exports.useAlert = _chunk66FOASTPcjs.useAlert; exports.useAvatar = _chunk7TOG4TVUcjs.useAvatar; exports.useButton = _chunkNCCRQK3Pcjs.useButton; exports.useCard = _chunkHOI5425Pcjs.useCard; exports.useCheckbox = _chunkURA25DU4cjs.useCheckbox; exports.useChip = _chunk3JXI2IHVcjs.useChip; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useControllableState = _chunk7EIHHOHPcjs.useControllableState; exports.useFeedback = _chunkTGMVEHV7cjs.useFeedback; exports.useFieldGroup = _chunkS4QUM4EEcjs.useFieldGroup; exports.useGrid = _chunkTDTUAIFFcjs.useGrid; exports.useIconContext = _chunk4KFKWBN5cjs.useIconContext; exports.useInputOTP = _chunkSIP5J7HUcjs.useInputOTP; exports.useInputOTPBox = _chunkSIP5J7HUcjs.useInputOTPBox; exports.useMergedRef = _chunkWFEMJCXOcjs.useMergedRef; exports.usePressState = _chunk7DPL3ZDScjs.usePressState; exports.usePrevious = _chunkXSQPVDFHcjs.usePrevious; exports.useRadio = _chunk4KSKQD37cjs.useRadio; exports.useRotation = _chunkXSQPVDFHcjs.useRotation; exports.useSelect = _chunkRAWGK2XKcjs.useSelect; exports.useSelectItem = _chunkRAWGK2XKcjs.useSelectItem; exports.useStyleProps = _chunkTK44VBIEcjs.useStyleProps; exports.useSwitch = _chunk54CWXA34cjs.useSwitch; exports.useTextArea = _chunkVZK3NLBHcjs.useTextArea; exports.useTextField = _chunkA7YB7YWXcjs.useTextField; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;
425
+
426
+
427
+
428
+
429
+
430
+
431
+
432
+
433
+
434
+
435
+
436
+
437
+
438
+
439
+
440
+
441
+ exports.Accordion = _chunk7KLBTMXVcjs.Accordion; exports.AccordionContent = _chunk7KLBTMXVcjs.AccordionContent; exports.AccordionIndicator = _chunk7KLBTMXVcjs.AccordionIndicator; exports.AccordionItem = _chunk7KLBTMXVcjs.AccordionItem; exports.AccordionRoot = _chunk7KLBTMXVcjs.AccordionRoot; exports.AccordionTrigger = _chunk7KLBTMXVcjs.AccordionTrigger; exports.Alert = _chunk66FOASTPcjs.Alert; exports.Avatar = _chunk7TOG4TVUcjs.Avatar; exports.Badge = _chunkRKCWYUGAcjs.Badge; exports.Button = _chunkNCCRQK3Pcjs.Button; exports.CARD_BACKGROUND = _chunkHOI5425Pcjs.CARD_BACKGROUND; exports.Card = _chunkHOI5425Pcjs.Card; exports.CheckIcon = _chunk76XDVA24cjs.CheckIcon; exports.Checkbox = _chunkURA25DU4cjs.Checkbox; exports.CheckboxIndicator = _chunkURA25DU4cjs.CheckboxIndicator; exports.CheckboxLabel = _chunkURA25DU4cjs.CheckboxLabel; exports.CheckboxRoot = _chunkURA25DU4cjs.CheckboxRoot; exports.ChevronDownIcon = _chunk4KFKWBN5cjs.ChevronDownIcon; exports.Chip = _chunk3JXI2IHVcjs.Chip; exports.CloseButton = _chunkAAVCMCJ3cjs.CloseButton; exports.Column = _chunkTDTUAIFFcjs.Column; exports.Divider = _chunkKSUV74BEcjs.Divider; exports.FEEDBACK_OVERLAY = _chunkTGMVEHV7cjs.FEEDBACK_OVERLAY; exports.FieldGroup = _chunkS4QUM4EEcjs.FieldGroup; exports.FieldGroupField = _chunkS4QUM4EEcjs.FieldGroupField; exports.FieldGroupIcon = _chunkS4QUM4EEcjs.FieldGroupIcon; exports.FieldGroupPrefix = _chunkS4QUM4EEcjs.FieldGroupPrefix; exports.FieldGroupRoot = _chunkS4QUM4EEcjs.FieldGroupRoot; exports.FieldGroupSuffix = _chunkS4QUM4EEcjs.FieldGroupSuffix; exports.Grid = _chunkTDTUAIFFcjs.Grid; exports.HIGHLIGHT_DURATION = _chunkTGMVEHV7cjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkTGMVEHV7cjs.HIGHLIGHT_OPACITY; exports.INDICATOR_ROTATION = _chunkEKS3W46Mcjs.INDICATOR_ROTATION; exports.INDICATOR_SPRING = _chunkEKS3W46Mcjs.INDICATOR_SPRING; exports.Icon = _chunk4KFKWBN5cjs.Icon; exports.IconContext = _chunk4KFKWBN5cjs.IconContext; exports.InputOTP = _chunkSIP5J7HUcjs.InputOTP; exports.OTP_ALPHANUMERIC = _chunkSIP5J7HUcjs.OTP_ALPHANUMERIC; exports.OTP_DIGITS = _chunkSIP5J7HUcjs.OTP_DIGITS; exports.OTP_LETTERS = _chunkSIP5J7HUcjs.OTP_LETTERS; exports.PRESS_DURATION = _chunkTGMVEHV7cjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkTGMVEHV7cjs.PRESS_SCALE; exports.Popover = _chunk37L7YGZVcjs.Popover2; exports.PopoverClose = _chunk37L7YGZVcjs.PopoverClose; exports.PopoverContent = _chunk37L7YGZVcjs.PopoverContent; exports.PopoverDescription = _chunk37L7YGZVcjs.PopoverDescription; exports.PopoverOverlay = _chunk37L7YGZVcjs.PopoverOverlay; exports.PopoverRoot = _chunk37L7YGZVcjs.Popover; exports.PopoverTitle = _chunk37L7YGZVcjs.PopoverTitle; exports.PopoverTrigger = _chunk37L7YGZVcjs.PopoverTrigger; exports.Portal = _chunkWDDXU3OHcjs.Portal; exports.PortalContext = _chunkWDDXU3OHcjs.PortalContext; exports.PortalHost = _chunkWDDXU3OHcjs.PortalHost; exports.PressableFeedback = _chunkTGMVEHV7cjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkTGMVEHV7cjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkTGMVEHV7cjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkTGMVEHV7cjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkTGMVEHV7cjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkTGMVEHV7cjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkTGMVEHV7cjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkTGMVEHV7cjs.RIPPLE_START_SCALE; exports.ROTATION_DURATION = _chunkXSQPVDFHcjs.ROTATION_DURATION; exports.Radio = _chunk4KSKQD37cjs.Radio; exports.RadioIndicator = _chunk4KSKQD37cjs.RadioIndicator; exports.RadioLabel = _chunk4KSKQD37cjs.RadioLabel; exports.RadioRoot = _chunk4KSKQD37cjs.RadioRoot; exports.Row = _chunkTDTUAIFFcjs.Row; exports.SCALE_REFERENCE_WIDTH = _chunkTGMVEHV7cjs.SCALE_REFERENCE_WIDTH; exports.Select = _chunk76XDVA24cjs.Select2; exports.SelectContent = _chunk76XDVA24cjs.SelectContent; exports.SelectIndicator = _chunk76XDVA24cjs.SelectIndicator; exports.SelectItem = _chunk76XDVA24cjs.SelectItem; exports.SelectItemDescription = _chunk76XDVA24cjs.SelectItemDescription; exports.SelectItemIndicator = _chunk76XDVA24cjs.SelectItemIndicator; exports.SelectItemLabel = _chunk76XDVA24cjs.SelectItemLabel; exports.SelectLabel = _chunk76XDVA24cjs.SelectLabel; exports.SelectOverlay = _chunk76XDVA24cjs.SelectOverlay; exports.SelectRoot = _chunk76XDVA24cjs.Select; exports.SelectTrigger = _chunk76XDVA24cjs.SelectTrigger; exports.SelectValue = _chunk76XDVA24cjs.SelectValue; exports.SelectionFill = _chunkF6CQ6CBIcjs.SelectionFill; exports.Skeleton = _chunkSNIHUKDAcjs.Skeleton; exports.Slot = _chunk7GHM4GKLcjs.Slot; exports.Spinner = _chunkXWNG2U4Kcjs.Spinner; exports.Stack = _chunkTDTUAIFFcjs.Stack; exports.Switch = _chunk54CWXA34cjs.Switch; exports.SwitchLabel = _chunk54CWXA34cjs.SwitchLabel; exports.SwitchRoot = _chunk54CWXA34cjs.SwitchRoot; exports.SwitchThumb = _chunk54CWXA34cjs.SwitchThumb; exports.SwitchTrack = _chunk54CWXA34cjs.SwitchTrack; exports.TextArea = _chunkVZK3NLBHcjs.TextArea; exports.TextField = _chunkA7YB7YWXcjs.TextField; exports.TextFieldDescription = _chunkA7YB7YWXcjs.TextFieldDescription; exports.TextFieldError = _chunkA7YB7YWXcjs.TextFieldError; exports.TextFieldField = _chunkA7YB7YWXcjs.TextFieldField; exports.TextFieldLabel = _chunkA7YB7YWXcjs.TextFieldLabel; exports.TextFieldRoot = _chunkA7YB7YWXcjs.TextFieldRoot; exports.TextSpan = _chunkBNFIFRQAcjs.TextSpan; exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.Typography = _chunkBNFIFRQAcjs.Typography; exports.XAUIProvider = _chunkACAPTWE3cjs.XAUIProvider; exports.accordionLayoutTransition = _chunk7KLBTMXVcjs.LAYOUT; exports.accordionRecipe = _chunk7KLBTMXVcjs.accordionRecipe; exports.alertRecipe = _chunk66FOASTPcjs.alertRecipe; exports.anchoredEntering = _chunkEKS3W46Mcjs.anchoredEntering; exports.anchoredExiting = _chunkEKS3W46Mcjs.anchoredExiting; exports.avatarRecipe = _chunk7TOG4TVUcjs.avatarRecipe; exports.badgeRecipe = _chunkRKCWYUGAcjs.badgeRecipe; exports.buildRadius = _chunkACAPTWE3cjs.buildRadius; exports.buildShadows = _chunkACAPTWE3cjs.buildShadows; exports.buildSlots = _chunkSIP5J7HUcjs.buildSlots; exports.buttonRecipe = _chunkNCCRQK3Pcjs.buttonRecipe; exports.cardRecipe = _chunkHOI5425Pcjs.cardRecipe; exports.checkboxRecipe = _chunkURA25DU4cjs.checkboxRecipe; exports.childrenToString = _chunk7GHM4GKLcjs.childrenToString; exports.chipRecipe = _chunk3JXI2IHVcjs.chipRecipe; exports.closeButtonBase = _chunkAAVCMCJ3cjs.closeButtonBase; exports.createRecipe = _chunkFNEUOBCVcjs.createRecipe; exports.createSlotContext = _chunk7GHM4GKLcjs.createSlotContext; exports.createTheme = _chunkACAPTWE3cjs.createTheme; exports.decoratorPadding = _chunkS4QUM4EEcjs.decoratorPadding; exports.defaultTheme = _chunkACAPTWE3cjs.defaultTheme; exports.deriveColors = _chunkACAPTWE3cjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.dividerRecipe = _chunkKSUV74BEcjs.dividerRecipe; exports.extractPastedCode = _chunkSIP5J7HUcjs.extractPastedCode; exports.inputOTPRecipe = _chunkSIP5J7HUcjs.inputOTPRecipe; exports.markBackground = _chunkHOI5425Pcjs.markBackground; exports.markOverlay = _chunkTGMVEHV7cjs.markOverlay; exports.mergeProps = _chunk7GHM4GKLcjs.mergeProps; exports.mergeRefs = _chunkH4E4HDEPcjs.mergeRefs; exports.overlayEntering = _chunkEKS3W46Mcjs.overlayEntering; exports.overlayExiting = _chunkEKS3W46Mcjs.overlayExiting; exports.palette = _chunkACAPTWE3cjs.palette; exports.placementInsets = _chunkRKCWYUGAcjs.placementInsets; exports.popoverRecipe = _chunk37L7YGZVcjs.popoverRecipe; exports.pressScaleFor = _chunkTGMVEHV7cjs.pressScaleFor; exports.primitives = _chunkACAPTWE3cjs.primitives; exports.radioRecipe = _chunk4KSKQD37cjs.radioRecipe; exports.radiusAxis = _chunkFNEUOBCVcjs.radiusAxis; exports.resolveAnimation = _chunkTGMVEHV7cjs.resolveAnimation; exports.resolveSlotAnimation = _chunkTGMVEHV7cjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkTGMVEHV7cjs.rippleRadiusFor; exports.selectRecipe = _chunk76XDVA24cjs.selectRecipe; exports.skeletonRecipe = _chunkSNIHUKDAcjs.skeletonRecipe; exports.sourceKeys = _chunkACAPTWE3cjs.sourceKeys; exports.spinnerRecipe = _chunkXWNG2U4Kcjs.spinnerRecipe; exports.switchRecipe = _chunk54CWXA34cjs.switchRecipe; exports.textFieldRecipe = _chunkA7YB7YWXcjs.textFieldRecipe; exports.tokens = _chunkACAPTWE3cjs.tokens; exports.typographyRecipe = _chunkBNFIFRQAcjs.typographyRecipe; exports.useAccordion = _chunk7KLBTMXVcjs.useAccordion; exports.useAccordionItem = _chunk7KLBTMXVcjs.useAccordionItem; exports.useAlert = _chunk66FOASTPcjs.useAlert; exports.useAvatar = _chunk7TOG4TVUcjs.useAvatar; exports.useButton = _chunkNCCRQK3Pcjs.useButton; exports.useCard = _chunkHOI5425Pcjs.useCard; exports.useCheckbox = _chunkURA25DU4cjs.useCheckbox; exports.useChip = _chunk3JXI2IHVcjs.useChip; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useControllableState = _chunk7EIHHOHPcjs.useControllableState; exports.useFeedback = _chunkTGMVEHV7cjs.useFeedback; exports.useFieldGroup = _chunkS4QUM4EEcjs.useFieldGroup; exports.useGrid = _chunkTDTUAIFFcjs.useGrid; exports.useIconContext = _chunk4KFKWBN5cjs.useIconContext; exports.useInputOTP = _chunkSIP5J7HUcjs.useInputOTP; exports.useInputOTPBox = _chunkSIP5J7HUcjs.useInputOTPBox; exports.useMergedRef = _chunkWFEMJCXOcjs.useMergedRef; exports.usePopover = _chunk37L7YGZVcjs.usePopover; exports.usePressState = _chunk7DPL3ZDScjs.usePressState; exports.usePrevious = _chunkXSQPVDFHcjs.usePrevious; exports.useRadio = _chunk4KSKQD37cjs.useRadio; exports.useRotation = _chunkXSQPVDFHcjs.useRotation; exports.useSelect = _chunk76XDVA24cjs.useSelect; exports.useSelectItem = _chunk76XDVA24cjs.useSelectItem; exports.useStyleProps = _chunkTK44VBIEcjs.useStyleProps; exports.useSwitch = _chunk54CWXA34cjs.useSwitch; exports.useTextArea = _chunkVZK3NLBHcjs.useTextArea; exports.useTextField = _chunkA7YB7YWXcjs.useTextField; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;
package/dist/index.d.cts CHANGED
@@ -10,6 +10,7 @@ export { Divider, DividerOrientation, DividerProps, DividerSize, DividerSlot, di
10
10
  export { TextField, TextFieldDescription, TextFieldError, TextFieldField, TextFieldLabel, TextFieldRoot, textFieldRecipe, useTextField } from './components/text-field/index.cjs';
11
11
  export { FieldGroup, FieldGroupContextValue, FieldGroupField, FieldGroupFieldProps, FieldGroupIcon, FieldGroupIconProps, FieldGroupPrefix, FieldGroupPrefixProps, FieldGroupProps, FieldGroupRoot, FieldGroupSide, FieldGroupSuffix, FieldGroupSuffixProps, decoratorPadding, useFieldGroup } from './components/field-group/index.cjs';
12
12
  export { InputOTP, InputOTPBoxContextValue, InputOTPBoxProps, InputOTPCaretProps, InputOTPContextValue, InputOTPGroupProps, InputOTPHandle, InputOTPPattern, InputOTPPlaceholderProps, InputOTPProps, InputOTPRenderState, InputOTPSeparatorProps, InputOTPSize, InputOTPSlot, InputOTPValueProps, InputOTPVariant, OTPSlotState, OTP_ALPHANUMERIC, OTP_DIGITS, OTP_LETTERS, buildSlots, extractPastedCode, inputOTPRecipe, useInputOTP, useInputOTPBox } from './components/input-otp/index.cjs';
13
+ export { Popover, PopoverAlign, PopoverAnchor, PopoverClose, PopoverCloseProps, PopoverContent, PopoverContentProps, PopoverContextValue, PopoverDescription, PopoverDescriptionProps, PopoverInsets, PopoverOverlay, PopoverOverlayProps, PopoverPlacement, PopoverProps, PopoverRoot, PopoverSlot, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps, PopoverWidth, popoverRecipe, usePopover } from './components/popover/index.cjs';
13
14
  export { Radio, RadioContextValue, RadioIndicator, RadioIndicatorProps, RadioLabel, RadioLabelProps, RadioProps, RadioRoot, RadioSize, RadioSlot, RadioVariant, radioRecipe, useRadio } from './components/radio/index.cjs';
14
15
  export { CheckIcon, Select, SelectAlign, SelectAnchor, SelectContent, SelectContentProps, SelectContextValue, SelectIndicator, SelectIndicatorProps, SelectInsets, SelectItem, SelectItemContextValue, SelectItemDescription, SelectItemDescriptionProps, SelectItemIndicator, SelectItemIndicatorProps, SelectItemLabel, SelectItemLabelProps, SelectItemProps, SelectItemRenderState, SelectLabel, SelectLabelProps, SelectOverlay, SelectOverlayProps, SelectPlacement, SelectProps, SelectRoot, SelectSize, SelectSlot, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps, SelectVariant, SelectWidth, selectRecipe, useSelect, useSelectItem } from './components/select/index.cjs';
15
16
  export { Skeleton, SkeletonProps, SkeletonSlot, skeletonRecipe } from './components/skeleton/index.cjs';
@@ -20,7 +21,7 @@ export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, T
20
21
  export { AxisProps, Column, ColumnProps, Grid, GridContextValue, GridItemProps, GridProps, Row, RowProps, Stack, StackItemProps, StackProps, useGrid } from './components/view/index.cjs';
21
22
  import { RefCallback } from 'react';
22
23
  import { PossibleRef } from './system/index.cjs';
23
- export { AsChildProps, ChevronDownIcon, CloseButton, CloseButtonSlots, FEEDBACK_OVERLAY, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, SCALE_REFERENCE_WIDTH, SelectionFill, SelectionFillProps, Slot, SlotProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.cjs';
24
+ export { AsChildProps, ChevronDownIcon, CloseButton, CloseButtonSlots, FEEDBACK_OVERLAY, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, INDICATOR_ROTATION, INDICATOR_SPRING, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, SCALE_REFERENCE_WIDTH, SelectionFill, SelectionFillProps, Slot, SlotProps, anchoredEntering, anchoredExiting, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, overlayEntering, overlayExiting, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.cjs';
24
25
  import { GestureResponderEvent, ViewStyle } from 'react-native';
25
26
  export { C as CloseButtonProps } from './close-button.type-CHsgZ3wO.cjs';
26
27
  export { b as IconComponentProps, I as IconContextValue, a as IconProps } from './icon.type-d_i9ma-i.cjs';
@@ -31,6 +32,7 @@ export { C as ColorMode, F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S
31
32
  export { b as TextFieldContextValue, c as TextFieldDescriptionProps, d as TextFieldErrorProps, T as TextFieldFieldProps, e as TextFieldLabelPlacement, f as TextFieldLabelProps, a as TextFieldProps, g as TextFieldSize, h as TextFieldSlot, i as TextFieldVariant } from './text-field.type-DBh06DU5.cjs';
32
33
  export { A as AnimationConfig, a as AnimationProp, F as FeedbackContext, P as PressableFeedbackProps, R as RadiusStyle, b as ResolvedAnimation, c as RippleWave, S as SlotAnimation } from './pressable-feedback.type-BA2C9sSz.cjs';
33
34
  import 'react-native-reanimated';
35
+ import './placement-DHa0Rrh1.cjs';
34
36
 
35
37
  type ControllableStateOptions<T> = {
36
38
  /** Present means controlled: the caller owns the value and this never stores one. */
package/dist/index.d.ts CHANGED
@@ -10,6 +10,7 @@ export { Divider, DividerOrientation, DividerProps, DividerSize, DividerSlot, di
10
10
  export { TextField, TextFieldDescription, TextFieldError, TextFieldField, TextFieldLabel, TextFieldRoot, textFieldRecipe, useTextField } from './components/text-field/index.js';
11
11
  export { FieldGroup, FieldGroupContextValue, FieldGroupField, FieldGroupFieldProps, FieldGroupIcon, FieldGroupIconProps, FieldGroupPrefix, FieldGroupPrefixProps, FieldGroupProps, FieldGroupRoot, FieldGroupSide, FieldGroupSuffix, FieldGroupSuffixProps, decoratorPadding, useFieldGroup } from './components/field-group/index.js';
12
12
  export { InputOTP, InputOTPBoxContextValue, InputOTPBoxProps, InputOTPCaretProps, InputOTPContextValue, InputOTPGroupProps, InputOTPHandle, InputOTPPattern, InputOTPPlaceholderProps, InputOTPProps, InputOTPRenderState, InputOTPSeparatorProps, InputOTPSize, InputOTPSlot, InputOTPValueProps, InputOTPVariant, OTPSlotState, OTP_ALPHANUMERIC, OTP_DIGITS, OTP_LETTERS, buildSlots, extractPastedCode, inputOTPRecipe, useInputOTP, useInputOTPBox } from './components/input-otp/index.js';
13
+ export { Popover, PopoverAlign, PopoverAnchor, PopoverClose, PopoverCloseProps, PopoverContent, PopoverContentProps, PopoverContextValue, PopoverDescription, PopoverDescriptionProps, PopoverInsets, PopoverOverlay, PopoverOverlayProps, PopoverPlacement, PopoverProps, PopoverRoot, PopoverSlot, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps, PopoverWidth, popoverRecipe, usePopover } from './components/popover/index.js';
13
14
  export { Radio, RadioContextValue, RadioIndicator, RadioIndicatorProps, RadioLabel, RadioLabelProps, RadioProps, RadioRoot, RadioSize, RadioSlot, RadioVariant, radioRecipe, useRadio } from './components/radio/index.js';
14
15
  export { CheckIcon, Select, SelectAlign, SelectAnchor, SelectContent, SelectContentProps, SelectContextValue, SelectIndicator, SelectIndicatorProps, SelectInsets, SelectItem, SelectItemContextValue, SelectItemDescription, SelectItemDescriptionProps, SelectItemIndicator, SelectItemIndicatorProps, SelectItemLabel, SelectItemLabelProps, SelectItemProps, SelectItemRenderState, SelectLabel, SelectLabelProps, SelectOverlay, SelectOverlayProps, SelectPlacement, SelectProps, SelectRoot, SelectSize, SelectSlot, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps, SelectVariant, SelectWidth, selectRecipe, useSelect, useSelectItem } from './components/select/index.js';
15
16
  export { Skeleton, SkeletonProps, SkeletonSlot, skeletonRecipe } from './components/skeleton/index.js';
@@ -20,7 +21,7 @@ export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, T
20
21
  export { AxisProps, Column, ColumnProps, Grid, GridContextValue, GridItemProps, GridProps, Row, RowProps, Stack, StackItemProps, StackProps, useGrid } from './components/view/index.js';
21
22
  import { RefCallback } from 'react';
22
23
  import { PossibleRef } from './system/index.js';
23
- export { AsChildProps, ChevronDownIcon, CloseButton, CloseButtonSlots, FEEDBACK_OVERLAY, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, SCALE_REFERENCE_WIDTH, SelectionFill, SelectionFillProps, Slot, SlotProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.js';
24
+ export { AsChildProps, ChevronDownIcon, CloseButton, CloseButtonSlots, FEEDBACK_OVERLAY, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, INDICATOR_ROTATION, INDICATOR_SPRING, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, SCALE_REFERENCE_WIDTH, SelectionFill, SelectionFillProps, Slot, SlotProps, anchoredEntering, anchoredExiting, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, overlayEntering, overlayExiting, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.js';
24
25
  import { GestureResponderEvent, ViewStyle } from 'react-native';
25
26
  export { C as CloseButtonProps } from './close-button.type-BUYuoSt2.js';
26
27
  export { b as IconComponentProps, I as IconContextValue, a as IconProps } from './icon.type-Kml72iSz.js';
@@ -31,6 +32,7 @@ export { C as ColorMode, F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S
31
32
  export { b as TextFieldContextValue, c as TextFieldDescriptionProps, d as TextFieldErrorProps, T as TextFieldFieldProps, e as TextFieldLabelPlacement, f as TextFieldLabelProps, a as TextFieldProps, g as TextFieldSize, h as TextFieldSlot, i as TextFieldVariant } from './text-field.type-0l73acce.js';
32
33
  export { A as AnimationConfig, a as AnimationProp, F as FeedbackContext, P as PressableFeedbackProps, R as RadiusStyle, b as ResolvedAnimation, c as RippleWave, S as SlotAnimation } from './pressable-feedback.type-Bs4dQlGj.js';
33
34
  import 'react-native-reanimated';
35
+ import './placement-DHa0Rrh1.js';
34
36
 
35
37
  type ControllableStateOptions<T> = {
36
38
  /** Present means controlled: the caller owns the value and this never stores one. */
package/dist/index.js CHANGED
@@ -1,3 +1,7 @@
1
+ import {
2
+ Spinner,
3
+ spinnerRecipe
4
+ } from "./chunk-LTX6TB5I.js";
1
5
  import {
2
6
  Switch,
3
7
  SwitchLabel,
@@ -23,7 +27,7 @@ import {
23
27
  Stack,
24
28
  useGrid
25
29
  } from "./chunk-XTC2SLFT.js";
26
- import "./chunk-MESKS6AI.js";
30
+ import "./chunk-WHJTBTYM.js";
27
31
  import {
28
32
  XAUIProvider,
29
33
  buildRadius,
@@ -76,6 +80,18 @@ import {
76
80
  useInputOTP,
77
81
  useInputOTPBox
78
82
  } from "./chunk-SACDOFGF.js";
83
+ import {
84
+ Popover,
85
+ Popover2,
86
+ PopoverClose,
87
+ PopoverContent,
88
+ PopoverDescription,
89
+ PopoverOverlay,
90
+ PopoverTitle,
91
+ PopoverTrigger,
92
+ popoverRecipe,
93
+ usePopover
94
+ } from "./chunk-XAFP5JLK.js";
79
95
  import {
80
96
  Radio,
81
97
  RadioIndicator,
@@ -101,7 +117,8 @@ import {
101
117
  selectRecipe,
102
118
  useSelect,
103
119
  useSelectItem
104
- } from "./chunk-ZNZ7HVRW.js";
120
+ } from "./chunk-JKP4TPIL.js";
121
+ import "./chunk-2EGR4LWD.js";
105
122
  import {
106
123
  Portal,
107
124
  PortalContext,
@@ -111,10 +128,6 @@ import {
111
128
  Skeleton,
112
129
  skeletonRecipe
113
130
  } from "./chunk-IKJVLJKT.js";
114
- import {
115
- Spinner,
116
- spinnerRecipe
117
- } from "./chunk-LTX6TB5I.js";
118
131
  import {
119
132
  Accordion,
120
133
  AccordionContent,
@@ -126,7 +139,15 @@ import {
126
139
  accordionRecipe,
127
140
  useAccordion,
128
141
  useAccordionItem
129
- } from "./chunk-ZF6KIHXH.js";
142
+ } from "./chunk-GJSFKH4L.js";
143
+ import {
144
+ INDICATOR_ROTATION,
145
+ INDICATOR_SPRING,
146
+ anchoredEntering,
147
+ anchoredExiting,
148
+ overlayEntering,
149
+ overlayExiting
150
+ } from "./chunk-64MXEVT3.js";
130
151
  import {
131
152
  Alert,
132
153
  alertRecipe,
@@ -268,6 +289,8 @@ export {
268
289
  Grid,
269
290
  HIGHLIGHT_DURATION,
270
291
  HIGHLIGHT_OPACITY,
292
+ INDICATOR_ROTATION,
293
+ INDICATOR_SPRING,
271
294
  Icon,
272
295
  IconContext,
273
296
  InputOTP,
@@ -276,6 +299,14 @@ export {
276
299
  OTP_LETTERS,
277
300
  PRESS_DURATION,
278
301
  PRESS_SCALE,
302
+ Popover2 as Popover,
303
+ PopoverClose,
304
+ PopoverContent,
305
+ PopoverDescription,
306
+ PopoverOverlay,
307
+ Popover as PopoverRoot,
308
+ PopoverTitle,
309
+ PopoverTrigger,
279
310
  Portal,
280
311
  PortalContext,
281
312
  PortalHost,
@@ -330,6 +361,8 @@ export {
330
361
  LAYOUT as accordionLayoutTransition,
331
362
  accordionRecipe,
332
363
  alertRecipe,
364
+ anchoredEntering,
365
+ anchoredExiting,
333
366
  avatarRecipe,
334
367
  badgeRecipe,
335
368
  buildRadius,
@@ -355,8 +388,11 @@ export {
355
388
  markOverlay,
356
389
  mergeProps,
357
390
  mergeRefs,
391
+ overlayEntering,
392
+ overlayExiting,
358
393
  palette,
359
394
  placementInsets,
395
+ popoverRecipe,
360
396
  pressScaleFor,
361
397
  primitives,
362
398
  radioRecipe,
@@ -389,6 +425,7 @@ export {
389
425
  useInputOTP,
390
426
  useInputOTPBox,
391
427
  useMergedRef,
428
+ usePopover,
392
429
  usePressState,
393
430
  usePrevious,
394
431
  useRadio,
@@ -0,0 +1,38 @@
1
+ /**
2
+ * Where a floating panel lands against the thing that opened it, as four numbers.
3
+ *
4
+ * Pure on purpose, and shared: positioning an overlay is the one part of a `Select`, a
5
+ * `Popover` or a `Menu` that is arithmetic rather than rendering, and arithmetic that runs
6
+ * once per open is arithmetic worth a test rather than a screenshot.
7
+ *
8
+ * Everything here is in the coordinate space of whatever the panel is laid out in — the
9
+ * caller subtracts the portal host's own origin before calling, because the trigger
10
+ * reports itself against the window and the panel is not laid out in the window.
11
+ */
12
+ /** `start` and `end` rather than `left` and `right` (R13): the sides mirror in RTL. */
13
+ type Placement = 'top' | 'bottom' | 'start' | 'end';
14
+ /** Where the panel lines up along the edge it is pinned to. */
15
+ type Align = 'start' | 'center' | 'end';
16
+ /** The trigger's rectangle. */
17
+ type Anchor = {
18
+ x: number;
19
+ y: number;
20
+ width: number;
21
+ height: number;
22
+ };
23
+ /**
24
+ * `trigger` matches the anchor exactly. `content-fit` hugs what the panel measured at,
25
+ * which the component bounds with a measure of its own. `full` is the screen less its
26
+ * insets — the way to say "yes, actually, all of it", which nothing else in the union can
27
+ * express: a number is a guess at the screen's width, and `content-fit` refuses on purpose.
28
+ */
29
+ type AnchoredWidth = number | 'trigger' | 'content-fit' | 'full';
30
+ /** Screen edges the panel refuses to cross, in points. */
31
+ type Insets = {
32
+ top?: number;
33
+ bottom?: number;
34
+ start?: number;
35
+ end?: number;
36
+ };
37
+
38
+ export type { Align as A, Insets as I, Placement as P, AnchoredWidth as a, Anchor as b };