@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.
- package/dist/chunk-2EGR4LWD.js +145 -0
- package/dist/chunk-37L7YGZV.cjs +425 -0
- package/dist/chunk-64MXEVT3.js +66 -0
- package/dist/{chunk-RAWGK2XK.cjs → chunk-76XDVA24.cjs} +43 -133
- package/dist/{chunk-Q3MQ7S2D.cjs → chunk-7KLBTMXV.cjs} +6 -4
- package/dist/chunk-EKS3W46M.cjs +66 -0
- package/dist/{chunk-ZF6KIHXH.js → chunk-GJSFKH4L.js} +15 -20
- package/dist/{chunk-ZNZ7HVRW.js → chunk-JKP4TPIL.js} +51 -217
- package/dist/chunk-LUPCPLND.cjs +145 -0
- package/dist/chunk-XAFP5JLK.js +425 -0
- package/dist/components/accordion/index.cjs +3 -2
- package/dist/components/accordion/index.js +2 -1
- package/dist/components/badge/index.d.cts +1 -1
- package/dist/components/badge/index.d.ts +1 -1
- package/dist/components/popover/index.cjs +37 -0
- package/dist/components/popover/index.d.cts +254 -0
- package/dist/components/popover/index.d.ts +254 -0
- package/dist/components/popover/index.js +37 -0
- package/dist/components/select/index.cjs +4 -2
- package/dist/components/select/index.d.cts +14 -25
- package/dist/components/select/index.d.ts +14 -25
- package/dist/components/select/index.js +3 -1
- package/dist/index.cjs +42 -5
- package/dist/index.d.cts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +44 -7
- package/dist/placement-DHa0Rrh1.d.cts +38 -0
- package/dist/placement-DHa0Rrh1.d.ts +38 -0
- package/dist/system/index.cjs +16 -2
- package/dist/system/index.d.cts +38 -2
- package/dist/system/index.d.ts +38 -2
- package/dist/system/index.js +15 -1
- package/package.json +11 -1
- /package/dist/{chunk-OJCCV65P.cjs → chunk-GGW43Q37.cjs} +0 -0
- /package/dist/{chunk-MESKS6AI.js → chunk-WHJTBTYM.js} +0 -0
|
@@ -15,8 +15,10 @@
|
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
var
|
|
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 =
|
|
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
|
|
25
|
-
* list is as wide as the field it belongs to, and
|
|
26
|
-
* field reads as a menu
|
|
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 =
|
|
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 =
|
|
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
|
-
*
|
|
269
|
-
*
|
|
270
|
-
*
|
|
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" | "
|
|
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" | "
|
|
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
|
|
25
|
-
* list is as wide as the field it belongs to, and
|
|
26
|
-
* field reads as a menu
|
|
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 =
|
|
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 =
|
|
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
|
-
*
|
|
269
|
-
*
|
|
270
|
-
*
|
|
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" | "
|
|
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" | "
|
|
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-
|
|
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-
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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 };
|