@kanso-labs/react-native-kanso-ui 0.11.13 → 0.11.14

package/dist/button/group.d.ts

@@ -1,5 +1,5 @@
-import "../press/index.js";
 import "./index.js";
+import "../press/index.js";
 import { PressableProps, StyleProp, ViewStyle } from "react-native";
 import "react-native-reanimated";
 import "react-stately/useToggleGroupState";

package/dist/button/group.js

@@ -1,5 +1,5 @@
-import { useTheme } from "../theme/scope.js";
 import { toggleState } from "./index.js";
+import { useTheme } from "../theme/scope.js";
 import { StyleSheet } from "react-native";
 import { Easing, useAnimatedStyle, useReducedMotion, withTiming } from "react-native-reanimated";
 import { createContext } from "react";

package/dist/button/index.js

@@ -1,7 +1,7 @@
-import { useTheme } from "../theme/scope.js";
-import { useOpenLink } from "../router/index.js";
 import { FormContext } from "../form/index.js";
 import { refsOf } from "../ref/index.js";
+import { useOpenLink } from "../router/index.js";
+import { useTheme } from "../theme/scope.js";
 import { ButtonSlotContext, ButtonTooltipContext } from "./slots.js";
 import { c } from "react/compiler-runtime";
 import { Platform, Pressable, StyleSheet } from "react-native";

package/dist/button/palettes.js

@@ -1,5 +1,5 @@
-import { themedStyles } from "../theme/styles.js";
 import { withOpacity } from "../theme/color.js";
+import { themedStyles } from "../theme/styles.js";
 // src/button/palettes.ts
 function palette(content, container = {}) {
 	return {

package/dist/button/pending.js

@@ -1,6 +1,6 @@
+import { ProgressIndicator } from "../components/progress-indicator/index.js";
 import { IconStyleContext } from "../glyphs/icon-style.js";
 import { useMessages } from "../i18n/provider.js";
-import { ProgressIndicator } from "../components/progress-indicator/index.js";
 import { c } from "react/compiler-runtime";
 import { AccessibilityInfo, Platform, StyleSheet, View } from "react-native";
 import { useEffect, useRef } from "react";

package/dist/calendar/index.js

@@ -1,13 +1,13 @@
-import { useTheme } from "../theme/scope.js";
-import { composeStyles } from "../theme/styles.js";
-import { hitSlop, usePressFeedback } from "../press/index.js";
-import { useTypeRole } from "../typography/roles.js";
-import { withOpacity } from "../theme/color.js";
-import { messagesFor } from "../i18n/index.js";
-import { ArrowDropDownGlyph, CheckGlyph, ChevronEndGlyph } from "../glyphs/index.js";
 import { IconButton } from "../components/icon-button/index.js";
+import { ArrowDropDownGlyph, CheckGlyph, ChevronEndGlyph } from "../glyphs/index.js";
 import { useWindowSizeClass } from "../hooks/useWindowSizeClass.js";
+import { messagesFor } from "../i18n/index.js";
 import { useFocusOnPlaced, useReturnFocus } from "../overlay/panel.js";
+import { hitSlop, usePressFeedback } from "../press/index.js";
+import { withOpacity } from "../theme/color.js";
+import { useTheme } from "../theme/scope.js";
+import { composeStyles } from "../theme/styles.js";
+import { useTypeRole } from "../typography/roles.js";
 import { rootWidthOf, styles, stylesOf } from "./styles.js";
 import { c } from "react/compiler-runtime";
 import { FlatList, I18nManager, Pressable, StyleSheet, Text, View } from "react-native";

package/dist/calendar/styles.js

@@ -1,5 +1,5 @@
-import { themedStyles } from "../theme/styles.js";
 import { withOpacity } from "../theme/color.js";
+import { themedStyles } from "../theme/styles.js";
 import { StyleSheet } from "react-native";
 // src/calendar/styles.ts
 /**

package/dist/chequer/index.js

@@ -1,5 +1,5 @@
-import { useTheme } from "../theme/scope.js";
 import { HIDDEN } from "../glyphs/hidden.js";
+import { useTheme } from "../theme/scope.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet } from "react-native";
 import { useId } from "react";

package/dist/chip/index.js

@@ -1,9 +1,9 @@
+import { CheckGlyph } from "../glyphs/index.js";
 import { IconStyleContext } from "../glyphs/icon-style.js";
+import { withOpacity } from "../theme/color.js";
 import { useTheme } from "../theme/scope.js";
 import { composeStyles } from "../theme/styles.js";
 import { useTypeRole } from "../typography/roles.js";
-import { withOpacity } from "../theme/color.js";
-import { CheckGlyph } from "../glyphs/index.js";
 import { styles, stylesOf } from "./styles.js";
 import { c } from "react/compiler-runtime";
 import { View } from "react-native";

package/dist/collection/index.js

@@ -1,18 +1,18 @@
-import { useTheme } from "../theme/scope.js";
-import { composeStyles, themedStyles } from "../theme/styles.js";
-import { hitSlop, usePressFeedback } from "../press/index.js";
-import { useTypeRole } from "../typography/roles.js";
-import { rowContentColor, rowStyles } from "../row/styles.js";
-import { RowContent, hasContent, rowStyleOf } from "../row/index.js";
 import { AutocompleteContext } from "../autocomplete/index.js";
-import { resultsFor } from "../i18n/index.js";
-import { useLocaleOf, useMessages } from "../i18n/provider.js";
-import { useOpenLink } from "../router/index.js";
-import { refsOf } from "../ref/index.js";
 import { toggleState } from "../button/index.js";
 import { ProgressIndicator } from "../components/progress-indicator/index.js";
 import { CheckboxBox } from "../control/checkbox-box.js";
+import { rowContentColor, rowStyles } from "../row/styles.js";
 import { ExpandChevron } from "../disclosure/chevron.js";
+import { resultsFor } from "../i18n/index.js";
+import { useLocaleOf, useMessages } from "../i18n/provider.js";
+import { hitSlop, usePressFeedback } from "../press/index.js";
+import { refsOf } from "../ref/index.js";
+import { useOpenLink } from "../router/index.js";
+import { RowContent, hasContent, rowStyleOf } from "../row/index.js";
+import { useTheme } from "../theme/scope.js";
+import { composeStyles, themedStyles } from "../theme/styles.js";
+import { useTypeRole } from "../typography/roles.js";
 import { c } from "react/compiler-runtime";
 import { AccessibilityInfo, FlatList, Platform, Pressable, StyleSheet, Text, View } from "react-native";
 import { Children, createContext, use, useEffect, useRef, useState } from "react";

package/dist/components/app-bar/index.js

@@ -1,7 +1,7 @@
 import { IconStyleContext } from "../../glyphs/icon-style.js";
+import { hasContent } from "../../row/index.js";
 import { useTheme } from "../../theme/scope.js";
 import { composeStyles, themedStyles } from "../../theme/styles.js";
-import { hasContent } from "../../row/index.js";
 import { Text as Text$1 } from "../text/index.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet, View } from "react-native";

package/dist/components/badge/index.js

@@ -1,9 +1,9 @@
+import { BadgeInFlowContext } from "../../badge/index.js";
+import { useLocaleOf } from "../../i18n/provider.js";
+import { formatCount } from "../../number/count.js";
 import { useTheme } from "../../theme/scope.js";
 import { composeStyles } from "../../theme/styles.js";
 import { useTypeRole } from "../../typography/roles.js";
-import { formatCount } from "../../number/count.js";
-import { useLocaleOf } from "../../i18n/provider.js";
-import { BadgeInFlowContext } from "../../badge/index.js";
 import { styles, stylesOf } from "./styles.js";
 import { c } from "react/compiler-runtime";
 import { Text, View } from "react-native";

package/dist/components/breadcrumbs/index.js

@@ -1,7 +1,7 @@
+import { ChevronEndGlyph } from "../../glyphs/index.js";
 import { useTheme } from "../../theme/scope.js";
 import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { useTypeRole } from "../../typography/roles.js";
-import { ChevronEndGlyph } from "../../glyphs/index.js";
 import { Link } from "../link/index.js";
 import { c } from "react/compiler-runtime";
 import { Platform, StyleSheet, Text, View } from "react-native";

package/dist/components/button/index.js

@@ -1,12 +1,12 @@
-import { IconStyleContext } from "../../glyphs/icon-style.js";
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
-import { hitSlop, usePressFeedback } from "../../press/index.js";
-import { useTypeRole } from "../../typography/roles.js";
 import { AnimatedPressable, HEIGHTS, OUTLINE_WIDTHS, PRESSED_CORNERS, buttonStyles, pressThen, toggleState, useButtonAction, useCorner, useSlotTrigger } from "../../button/index.js";
 import { ButtonGroupItemContext, groupCornersOf, groupPressHandlers, groupSelectionOf, groupStyles, groupWidthThen, useGroupShift } from "../../button/group.js";
 import { palettesOf } from "../../button/palettes.js";
 import { BUSY, CONCEALED, PendingContent, PendingRing, pendingStyles, usePending } from "../../button/pending.js";
+import { IconStyleContext } from "../../glyphs/icon-style.js";
+import { hitSlop, usePressFeedback } from "../../press/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { useTypeRole } from "../../typography/roles.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet, Text, useWindowDimensions } from "react-native";
 import Animated, { useSharedValue } from "react-native-reanimated";

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

@@ -1,7 +1,7 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { HEIGHTS } from "../../button/index.js";
 import { ButtonGroupItemContext } from "../../button/group.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet, View } from "react-native";
 import { Children, Fragment, isValidElement, useState } from "react";

package/dist/components/calendar/index.js

@@ -1,6 +1,6 @@
-import { composeStyles } from "../../theme/styles.js";
-import { useLocaleOf } from "../../i18n/provider.js";
 import { CalendarFrame, useRootStyle, visibleRangeOf } from "../../calendar/index.js";
+import { useLocaleOf } from "../../i18n/provider.js";
+import { composeStyles } from "../../theme/styles.js";
 import { c } from "react/compiler-runtime";
 import { View } from "react-native";
 import { jsx } from "react/jsx-runtime";

package/dist/components/card/index.js

@@ -1,8 +1,8 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { usePressFeedback } from "../../press/index.js";
-import { withOpacity } from "../../theme/color.js";
 import { useLinkPress } from "../../router/index.js";
+import { withOpacity } from "../../theme/color.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { c } from "react/compiler-runtime";
 import { Pressable, StyleSheet, View } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/carousel/index.js

@@ -1,10 +1,10 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { arrange, placements } from "../../carousel/arrangement.js";
+import { ChevronEndGlyph } from "../../glyphs/index.js";
 import { slideLabelFor } from "../../i18n/index.js";
 import { useLocaleOf, useMessages } from "../../i18n/provider.js";
-import { ChevronEndGlyph } from "../../glyphs/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { IconButton } from "../icon-button/index.js";
-import { arrange, placements } from "../../carousel/arrangement.js";
 import { c } from "react/compiler-runtime";
 import { I18nManager, Platform, StyleSheet, View, useWindowDimensions } from "react-native";
 import Animated, { Extrapolation, interpolate, useAnimatedReaction, useAnimatedScrollHandler, useAnimatedStyle, useReducedMotion, useSharedValue } from "react-native-reanimated";

package/dist/components/checkbox/index.js

@@ -1,10 +1,10 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles } from "../../theme/styles.js";
-import { hitSlop, usePressFeedback } from "../../press/index.js";
-import { controlStylesOf } from "../../control/styles.js";
 import { ControlLabel, ControlMessage, describedBy, messageOf } from "../../control/index.js";
 import { CheckboxBox } from "../../control/checkbox-box.js";
 import { CheckboxGroupContext } from "../../control/group.js";
+import { controlStylesOf } from "../../control/styles.js";
+import { hitSlop, usePressFeedback } from "../../press/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles } from "../../theme/styles.js";
 import { c } from "react/compiler-runtime";
 import { Pressable, View } from "react-native";
 import { use, useEffect, useId, useRef } from "react";

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

@@ -1,11 +1,11 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
-import { useTypeRole } from "../../typography/roles.js";
-import { withOpacity } from "../../theme/color.js";
-import { useFieldValidation, useInsideForm } from "../../form/index.js";
 import { messageOf } from "../../control/index.js";
 import { CheckboxGroupContext, createMembers } from "../../control/group.js";
 import { useErrorAnnouncement } from "../../field/index.js";
+import { useFieldValidation, useInsideForm } from "../../form/index.js";
+import { withOpacity } from "../../theme/color.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { useTypeRole } from "../../typography/roles.js";
 import { c } from "react/compiler-runtime";
 import { Platform, StyleSheet, Text, View, useWindowDimensions } from "react-native";
 import { useId, useState } from "react";

package/dist/components/chip/index.js

@@ -1,9 +1,9 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles } from "../../theme/styles.js";
-import { usePressFeedback } from "../../press/index.js";
 import { AnimatedPressable, toggleState, useButtonAction, useSlotTrigger } from "../../button/index.js";
-import { shadowsOf, stylesOf } from "../../chip/styles.js";
 import { ChipGlyph, ChipLabel, measureThen, paintOf, targetOf, useEasedColors } from "../../chip/index.js";
+import { shadowsOf, stylesOf } from "../../chip/styles.js";
+import { usePressFeedback } from "../../press/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles } from "../../theme/styles.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,12 +1,12 @@
+import { AnimatedPressable, toggleState } from "../../button/index.js";
+import { ChipGlyph, ChipLabel, measureThen, paintOf, targetOf, useEasedColors } from "../../chip/index.js";
+import { stylesOf } from "../../chip/styles.js";
+import { CloseGlyph } from "../../glyphs/index.js";
+import { useMessages } from "../../i18n/provider.js";
+import { usePressFeedback } from "../../press/index.js";
 import { useTheme } from "../../theme/scope.js";
 import { composeStyles, themedStyles } from "../../theme/styles.js";
-import { usePressFeedback } from "../../press/index.js";
 import { useTypeRole } from "../../typography/roles.js";
-import { useMessages } from "../../i18n/provider.js";
-import { CloseGlyph } from "../../glyphs/index.js";
-import { AnimatedPressable, toggleState } from "../../button/index.js";
-import { stylesOf } from "../../chip/styles.js";
-import { ChipGlyph, ChipLabel, measureThen, paintOf, targetOf, useEasedColors } from "../../chip/index.js";
 import { c } from "react/compiler-runtime";
 import { Platform, Pressable, StyleSheet, Text, View } from "react-native";
 import Animated from "react-native-reanimated";

package/dist/components/color-area/index.js

@@ -1,10 +1,10 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
-import { useLocaleOf } from "../../i18n/provider.js";
-import { HIDDEN } from "../../glyphs/hidden.js";
 import { ColorThumb } from "../../color-thumb/index.js";
+import { HIDDEN } from "../../glyphs/hidden.js";
+import { useLocaleOf } from "../../i18n/provider.js";
 import { ADJUSTABLE, percentOf } from "../../slider/index.js";
 import { usePickedColor } from "../../swatch/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { c } from "react/compiler-runtime";
 import { I18nManager, StyleSheet, View } from "react-native";
 import { useId, useState } from "react";

package/dist/components/color-field/index.d.ts

@@ -1,5 +1,5 @@
-import { ValidationResult } from "../../form/index.js";
 import { FieldVariant } from "../../field/index.js";
+import { ValidationResult } from "../../form/index.js";
 import { StyleProp, TextInput, TextInputProps, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
 import { Color, ColorChannel, ColorSpace } from "react-stately";

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

@@ -1,9 +1,9 @@
-import { useLocaleOf } from "../../i18n/provider.js";
-import { useFieldValidation } from "../../form/index.js";
 import { FieldBox, FieldInput, FieldMessage, describedBy, useFieldFocus } from "../../field/index.js";
-import { colorOf, usePickedColor } from "../../swatch/index.js";
+import { useFieldValidation } from "../../form/index.js";
+import { useLocaleOf } from "../../i18n/provider.js";
 import { keyboardFor } from "../../number/keyboard.js";
 import { useNumberFieldState } from "../../number/state.js";
+import { colorOf, usePickedColor } from "../../swatch/index.js";
 import { c } from "react/compiler-runtime";
 import { View } from "react-native";
 import { useId, useImperativeHandle, useRef, useState } from "react";

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

@@ -1,14 +1,14 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
-import { hitSlop, usePressFeedback } from "../../press/index.js";
-import { useTypeRole } from "../../typography/roles.js";
-import { withOpacity } from "../../theme/color.js";
 import { useLocaleOf, useMessages } from "../../i18n/provider.js";
+import { PickerPopup } from "../../picker/index.js";
+import { hitSlop, usePressFeedback } from "../../press/index.js";
 import { refsOf } from "../../ref/index.js";
 import { PickedColorContext, colorNameOf } from "../../swatch/index.js";
+import { withOpacity } from "../../theme/color.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { useTypeRole } from "../../typography/roles.js";
 import { ColorArea } from "../color-area/index.js";
 import { ColorField } from "../color-field/index.js";
-import { PickerPopup } from "../../picker/index.js";
 import { ColorSlider } from "../color-slider/index.js";
 import { ColorSwatch } from "../color-swatch/index.js";
 import { c } from "react/compiler-runtime";

package/dist/components/color-slider/index.js

@@ -1,12 +1,12 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
-import { useTypeRole } from "../../typography/roles.js";
-import { useLocaleOf } from "../../i18n/provider.js";
-import { HIDDEN } from "../../glyphs/hidden.js";
+import { Chequer } from "../../chequer/index.js";
 import { ColorThumb } from "../../color-thumb/index.js";
+import { HIDDEN } from "../../glyphs/hidden.js";
+import { useLocaleOf } from "../../i18n/provider.js";
 import { ADJUSTABLE, adjustOf, lengthTo, seatPlaceOf, seats, useTrackGesture } from "../../slider/index.js";
 import { usePickedColor } from "../../swatch/index.js";
-import { Chequer } from "../../chequer/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { useTypeRole } from "../../typography/roles.js";
 import { c } from "react/compiler-runtime";
 import { I18nManager, StyleSheet, Text, View } from "react-native";
 import { useId, useState } from "react";

package/dist/components/color-swatch/index.js

@@ -1,8 +1,8 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { Chequer } from "../../chequer/index.js";
 import { useLocaleOf, useMessages } from "../../i18n/provider.js";
 import { PickedColorContext, SwatchColorContext, colorNameOf, colorOf } from "../../swatch/index.js";
-import { Chequer } from "../../chequer/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet, View } from "react-native";
 import { use } from "react";

package/dist/components/color-swatch-picker/index.js

@@ -1,8 +1,8 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
-import { hitSlop, usePressFeedback } from "../../press/index.js";
 import { useLocaleOf, useMessages } from "../../i18n/provider.js";
+import { hitSlop, usePressFeedback } from "../../press/index.js";
 import { SwatchColorContext, colorNameOf, colorOf, usePickedColor } from "../../swatch/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { ColorSwatch } from "../color-swatch/index.js";
 import { c } from "react/compiler-runtime";
 import { Pressable, StyleSheet, View } from "react-native";

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

@@ -1,10 +1,10 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
-import { useLocaleOf } from "../../i18n/provider.js";
-import { HIDDEN } from "../../glyphs/hidden.js";
 import { ColorThumb } from "../../color-thumb/index.js";
+import { HIDDEN } from "../../glyphs/hidden.js";
+import { useLocaleOf } from "../../i18n/provider.js";
 import { ADJUSTABLE } from "../../slider/index.js";
 import { usePickedColor } from "../../swatch/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { c } from "react/compiler-runtime";
 import { I18nManager, StyleSheet, View } from "react-native";
 import { useSharedValue } from "react-native-reanimated";

package/dist/components/combo-box/index.d.ts

@@ -1,5 +1,5 @@
-import { ValidationResult } from "../../form/index.js";
 import { FieldVariant } from "../../field/index.js";
+import { ValidationResult } from "../../form/index.js";
 import { StyleProp, TextInput, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactElement, ReactNode, Ref } from "react";
 import { Key } from "react-stately";

package/dist/components/combo-box/index.js

@@ -1,16 +1,16 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
-import { hitSlop, usePressFeedback } from "../../press/index.js";
 import { containsIn } from "../../autocomplete/index.js";
+import { CollectionView, ResultsStatus, focusKeyOf, rowCountOf } from "../../collection/index.js";
+import { FieldBox, FieldInput, FieldMessage, describedBy, useFieldFocus } from "../../field/index.js";
+import { useFieldValidation } from "../../form/index.js";
 import { listFor } from "../../i18n/index.js";
 import { useLocaleOf, useMessages } from "../../i18n/provider.js";
-import { useFieldValidation } from "../../form/index.js";
-import { DismissLayer, PANEL_ORIGINS, useBackToClose, useFocusOnPlaced, usePanelMotion, useReturnFocus } from "../../overlay/panel.js";
-import { FieldChevron } from "../../field/chevron.js";
-import { FieldBox, FieldInput, FieldMessage, describedBy, useFieldFocus } from "../../field/index.js";
 import { Overlay } from "../../overlay/host.js";
 import { useAnchoredPlacement } from "../../overlay/anchored.js";
-import { CollectionView, ResultsStatus, focusKeyOf, rowCountOf } from "../../collection/index.js";
+import { FieldChevron } from "../../field/chevron.js";
+import { DismissLayer, PANEL_ORIGINS, useBackToClose, useFocusOnPlaced, usePanelMotion, useReturnFocus } from "../../overlay/panel.js";
+import { hitSlop, usePressFeedback } from "../../press/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { c } from "react/compiler-runtime";
 import { Platform, Pressable, StyleSheet, View } from "react-native";
 import Animated from "react-native-reanimated";

package/dist/components/container/index.js

@@ -1,6 +1,6 @@
+import { useWindowSizeClass } from "../../hooks/useWindowSizeClass.js";
 import { useTheme } from "../../theme/scope.js";
 import { composeStyles, themedStyles } from "../../theme/styles.js";
-import { useWindowSizeClass } from "../../hooks/useWindowSizeClass.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet, View } from "react-native";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,10 +1,10 @@
+import { useClipboardAvailable, writeClipboard } from "../../clipboard/index.js";
+import { useMessages } from "../../i18n/provider.js";
 import { useTheme } from "../../theme/scope.js";
 import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { useFontFamily } from "../../typography/fonts.js";
 import { useTypeRole } from "../../typography/roles.js";
-import { useMessages } from "../../i18n/provider.js";
 import { Button } from "../button/index.js";
-import { useClipboardAvailable, writeClipboard } from "../../clipboard/index.js";
 import { c } from "react/compiler-runtime";
 import { AccessibilityInfo, Platform, StyleSheet, Text, View } from "react-native";
 import { useEffect, useRef, useState } from "react";

package/dist/components/currency/index.js

@@ -1,8 +1,8 @@
+import { useLocaleOf } from "../../i18n/provider.js";
 import { useTheme } from "../../theme/scope.js";
 import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { useFontFamily } from "../../typography/fonts.js";
 import { familyStyle, nativeWeight } from "../../typography/roles.js";
-import { useLocaleOf } from "../../i18n/provider.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet, Text } from "react-native";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,8 +1,8 @@
 import { messagesFor } from "../../i18n/index.js";
 import { useLocaleOf } from "../../i18n/provider.js";
-import { Calendar } from "../calendar/index.js";
 import { PickerPopup, PickerTrigger } from "../../picker/index.js";
 import { SegmentedField } from "../../segments/field.js";
+import { Calendar } from "../calendar/index.js";
 import { c } from "react/compiler-runtime";
 import { useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/dialog/index.js

@@ -1,10 +1,10 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
-import { useTypeRole } from "../../typography/roles.js";
-import { refsOf } from "../../ref/index.js";
 import { ButtonSlotContext } from "../../button/slots.js";
 import { useWindowSizeClass } from "../../hooks/useWindowSizeClass.js";
 import { ModalWindow, NO_INSETS, insetsOf, panelRoleOf, registerOf, useModalState, useModalTrigger } from "../../modal/index.js";
+import { refsOf } from "../../ref/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { useTypeRole } from "../../typography/roles.js";
 import { c } from "react/compiler-runtime";
 import { ScrollView, StyleSheet, Text, View, useWindowDimensions } from "react-native";
 import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from "react-native-reanimated";

package/dist/components/disclosure/index.js

@@ -1,10 +1,10 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { DisclosureGroupStateContext } from "../../disclosure/index.js";
+import { ExpandChevron } from "../../disclosure/chevron.js";
 import { usePressFeedback } from "../../press/index.js";
 import { rowContentColor, rowStyles } from "../../row/styles.js";
 import { RowContent, rowStyleOf } from "../../row/index.js";
-import { ExpandChevron } from "../../disclosure/chevron.js";
-import { DisclosureGroupStateContext } from "../../disclosure/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { c } from "react/compiler-runtime";
 import { Pressable, StyleSheet, View } from "react-native";
 import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from "react-native-reanimated";

package/dist/components/drop-zone/index.d.ts

@@ -1,5 +1,5 @@
-import { PickedFile } from "../../files/index.js";
 import { DragTypes, DropEnterEvent, DropEvent, DropExitEvent, DropOperation } from "../../drop/index.js";
+import { PickedFile } from "../../files/index.js";
 import { StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
 type DropZoneProps = {

package/dist/components/drop-zone/index.js

@@ -1,12 +1,12 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
-import { usePressFeedback } from "../../press/index.js";
-import { useTypeRole } from "../../typography/roles.js";
-import { withOpacity } from "../../theme/color.js";
-import { refsOf } from "../../ref/index.js";
 import { ButtonSlotContext } from "../../button/slots.js";
 import { fileItemOf, isDropTarget, operationOf, typesOf, watchDrops } from "../../drop/index.js";
 import { pickThen, preparePicker } from "../../files/index.js";
+import { usePressFeedback } from "../../press/index.js";
+import { refsOf } from "../../ref/index.js";
+import { withOpacity } from "../../theme/color.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { useTypeRole } from "../../typography/roles.js";
 import { c } from "react/compiler-runtime";
 import { Platform, Pressable, StyleSheet, Text, View } from "react-native";
 import { useEffect, useEffectEvent, useRef, useState } from "react";

package/dist/components/fab/index.js

@@ -1,10 +1,10 @@
+import { AnimatedPressable, buttonStyles, useButtonAction, useSlotTrigger } from "../../button/index.js";
+import { EXTENDED_FAB_ROLES, FAB_ICON_SIZES, extendedFabSizesOf, fabCornersOf, fabPalettesOf, fabShadowOf, fabSizesOf } from "../../fab/index.js";
 import { IconStyleContext } from "../../glyphs/icon-style.js";
+import { usePressFeedback } from "../../press/index.js";
 import { useTheme } from "../../theme/scope.js";
 import { composeStyles } from "../../theme/styles.js";
-import { usePressFeedback } from "../../press/index.js";
 import { useTypeRole } from "../../typography/roles.js";
-import { AnimatedPressable, buttonStyles, useButtonAction, useSlotTrigger } from "../../button/index.js";
-import { EXTENDED_FAB_ROLES, FAB_ICON_SIZES, extendedFabSizesOf, fabCornersOf, fabPalettesOf, fabShadowOf, fabSizesOf } from "../../fab/index.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet, Text, View } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/fab-menu/index.js

@@ -1,15 +1,15 @@
+import { AnimatedPressable, buttonStyles } from "../../button/index.js";
+import { FAB_ICON_SIZES, fabColorsOf, fabCornersOf, fabPalettesOf, fabShadowOf, fabSizesOf } from "../../fab/index.js";
+import { CloseGlyph } from "../../glyphs/index.js";
 import { IconStyleContext } from "../../glyphs/icon-style.js";
+import { Overlay } from "../../overlay/host.js";
+import { useAnchoredPlacement } from "../../overlay/anchored.js";
+import { DismissLayer, useBackToClose, useFocusOnPlaced, useReturnFocus } from "../../overlay/panel.js";
+import { usePressFeedback } from "../../press/index.js";
+import { refsOf } from "../../ref/index.js";
 import { useTheme } from "../../theme/scope.js";
 import { composeStyles, themedStyles } from "../../theme/styles.js";
-import { usePressFeedback } from "../../press/index.js";
 import { useTypeRole } from "../../typography/roles.js";
-import { CloseGlyph } from "../../glyphs/index.js";
-import { refsOf } from "../../ref/index.js";
-import { AnimatedPressable, buttonStyles } from "../../button/index.js";
-import { DismissLayer, useBackToClose, useFocusOnPlaced, useReturnFocus } from "../../overlay/panel.js";
-import { Overlay } from "../../overlay/host.js";
-import { useAnchoredPlacement } from "../../overlay/anchored.js";
-import { FAB_ICON_SIZES, fabColorsOf, fabCornersOf, fabPalettesOf, fabShadowOf, fabSizesOf } from "../../fab/index.js";
 import { c } from "react/compiler-runtime";
 import { I18nManager, Pressable, StyleSheet, Text, View } from "react-native";
 import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from "react-native-reanimated";