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

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

@@ -1,11 +1,11 @@
-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 { 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, PendingContent, PendingRing, 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 { c } from "react/compiler-runtime";
 import { StyleSheet } from "react-native";
 import Animated, { useSharedValue } from "react-native-reanimated";

package/dist/components/link/index.js

@@ -1,8 +1,8 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { stylesOf as stylesOf$1 } from "../../press/styles.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 { Platform, StyleSheet, Text } from "react-native";
 import { useState } from "react";

package/dist/components/list-detail/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 { SafeAreaView } from "react-native-safe-area-context";

package/dist/components/list-item/index.js

@@ -1,8 +1,8 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles } from "../../theme/styles.js";
 import { usePressFeedback } from "../../press/index.js";
-import { rowContentColor, rowStyles } from "../../row/styles.js";
 import { RowContent, rowStyleOf } from "../../row/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { rowContentColor, rowStyles } from "../../row/styles.js";
+import { composeStyles } from "../../theme/styles.js";
 import { c } from "react/compiler-runtime";
 import { Pressable, View } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/loading-indicator/index.js

@@ -1,8 +1,8 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { HIDDEN } from "../../glyphs/hidden.js";
 import { keyframeAt, useLoop } from "../../indicator/motion.js";
 import { TURN, shapePath } from "../../indicator/paths.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 Animated, { useAnimatedProps, useReducedMotion } from "react-native-reanimated";

package/dist/components/menu/index.js

@@ -1,18 +1,18 @@
+import { ButtonSlotContext } from "../../button/slots.js";
+import { CheckGlyph, ChevronEndGlyph } from "../../glyphs/index.js";
+import { useMessages } from "../../i18n/provider.js";
+import { Overlay } from "../../overlay/host.js";
+import { rowContentColor, rowStyles } from "../../row/styles.js";
+import { useAnchoredPlacement } from "../../overlay/anchored.js";
+import { DismissLayer, PANEL_ORIGINS, useBackToClose, useFocusOnPlaced, usePanelMotion, useReturnFocus } from "../../overlay/panel.js";
+import { usePressFeedback } from "../../press/index.js";
+import { refsOf } from "../../ref/index.js";
+import { useOpenLink } from "../../router/index.js";
+import { RowContent, rowStyleOf } from "../../row/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 { rowContentColor, rowStyles } from "../../row/styles.js";
-import { RowContent, rowStyleOf } from "../../row/index.js";
-import { useMessages } from "../../i18n/provider.js";
-import { CheckGlyph, ChevronEndGlyph } from "../../glyphs/index.js";
-import { useOpenLink } from "../../router/index.js";
-import { refsOf } from "../../ref/index.js";
-import { ButtonSlotContext } from "../../button/slots.js";
 import { ProgressIndicator } from "../progress-indicator/index.js";
-import { DismissLayer, PANEL_ORIGINS, useBackToClose, useFocusOnPlaced, usePanelMotion, useReturnFocus } from "../../overlay/panel.js";
-import { Overlay } from "../../overlay/host.js";
-import { useAnchoredPlacement } from "../../overlay/anchored.js";
 import { Separator } from "../separator/index.js";
 import { c } from "react/compiler-runtime";
 import { I18nManager, Platform, Pressable, ScrollView, StyleSheet, Text, View } from "react-native";

package/dist/components/meter/index.js

@@ -1,8 +1,8 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles } from "../../theme/styles.js";
 import { useLocaleOf } from "../../i18n/provider.js";
-import { DETERMINATE_EASING, stylesOf } from "../../indicator/styles.js";
 import { IndicatorLabels, IndicatorLine, readingOf, useEased, useIndicatorColors, useMeasuredWidth } from "../../indicator/index.js";
+import { DETERMINATE_EASING, stylesOf } from "../../indicator/styles.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles } from "../../theme/styles.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet, View } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,7 +1,7 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { useWindowSizeClass } from "../../hooks/useWindowSizeClass.js";
 import { NavigationContext, NavigationDestination, NavigationItem, iconColorOf, labelColorOf } from "../../navigation/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 { SafeAreaView } from "react-native-safe-area-context";

package/dist/components/navigation-rail/index.js

@@ -1,6 +1,6 @@
+import { NavigationContext, NavigationItem } from "../../navigation/index.js";
 import { useTheme } from "../../theme/scope.js";
 import { composeStyles, themedStyles } from "../../theme/styles.js";
-import { NavigationContext, NavigationItem } from "../../navigation/index.js";
 import { c } from "react/compiler-runtime";
 import { I18nManager, ScrollView, StyleSheet, View } from "react-native";
 import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from "react-native-reanimated";

package/dist/components/number-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, Ref } from "react";
 type NumberFieldProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilityLabel' | 'aria-disabled' | 'aria-label' | 'autoComplete' | 'autoCorrect' | 'children' | 'cursorColor' | 'defaultValue' | 'editable' | 'inputMode' | 'keyboardType' | 'maxLength' | 'multiline' | 'numberOfLines' | 'onChange' | 'onChangeText' | 'placeholder' | 'placeholderTextColor' | 'readOnly' | 'selectionColor' | 'spellCheck' | 'style' | 'underlineColorAndroid' | 'value'> & {

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

@@ -1,16 +1,16 @@
+import { FieldBox, FieldInput, FieldMessage, describedBy, useFieldFocus } from "../../field/index.js";
+import { useFieldValidation } from "../../form/index.js";
+import { MinusGlyph, PlusGlyph } from "../../glyphs/index.js";
 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 { withOpacity } from "../../theme/color.js";
 import { messagesFor } from "../../i18n/index.js";
 import { useLocaleOf } from "../../i18n/provider.js";
-import { MinusGlyph, PlusGlyph } from "../../glyphs/index.js";
-import { useFieldValidation } from "../../form/index.js";
-import { IconButton } from "../icon-button/index.js";
-import { FieldBox, FieldInput, FieldMessage, describedBy, useFieldFocus } from "../../field/index.js";
 import { keyboardFor } from "../../number/keyboard.js";
 import { useNumberFieldState } from "../../number/state.js";
+import { hitSlop, usePressFeedback } from "../../press/index.js";
+import { withOpacity } from "../../theme/color.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { IconButton } from "../icon-button/index.js";
 import { c } from "react/compiler-runtime";
 import { AccessibilityInfo, Platform, Pressable, StyleSheet, View, useWindowDimensions } from "react-native";
 import { useEffect, useId, useImperativeHandle, useRef, useState } from "react";

package/dist/components/popover/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 { refsOf } from "../../ref/index.js";
 import { ButtonSlotContext } from "../../button/slots.js";
-import { DismissLayer, PANEL_ORIGINS, useBackToClose, useFocusOnPlaced, usePanelMotion, useReturnFocus } from "../../overlay/panel.js";
+import { ModalWindow, panelRoleOf } from "../../modal/index.js";
 import { Overlay } from "../../overlay/host.js";
 import { useAnchoredPlacement } from "../../overlay/anchored.js";
-import { ModalWindow, panelRoleOf } from "../../modal/index.js";
+import { DismissLayer, PANEL_ORIGINS, useBackToClose, useFocusOnPlaced, usePanelMotion, useReturnFocus } from "../../overlay/panel.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 } from "react-native";
 import Animated from "react-native-reanimated";

package/dist/components/progress-indicator/index.js

@@ -1,12 +1,12 @@
-import { parseLength } from "../../theme/resolve.js";
-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 { DETERMINATE_EASING, stylesOf as stylesOf$1 } from "../../indicator/styles.js";
+import { useLocaleOf } from "../../i18n/provider.js";
 import { IndicatorLabels, IndicatorLine, activeLength, fillOf, readingOf, useEased, useIndicatorColors, useMeasuredWidth } from "../../indicator/index.js";
 import { keyframeAt, useLoop } from "../../indicator/motion.js";
 import { TURN, WAVE_HEIGHT, WAVE_ORIGIN, arcPath, wavePath, wavyArcPath } from "../../indicator/paths.js";
+import { DETERMINATE_EASING, stylesOf as stylesOf$1 } from "../../indicator/styles.js";
+import { parseLength } from "../../theme/resolve.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 Animated, { useAnimatedProps, useAnimatedStyle, useDerivedValue, useReducedMotion } from "react-native-reanimated";

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

@@ -1,10 +1,10 @@
+import { ControlLabel, ControlMessage, describedBy, messageOf } from "../../control/index.js";
+import { controlStylesOf } from "../../control/styles.js";
+import { hitSlop, usePressFeedback } from "../../press/index.js";
+import { withOpacity } from "../../theme/color.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 { withOpacity } from "../../theme/color.js";
-import { controlStylesOf } from "../../control/styles.js";
-import { ControlLabel, ControlMessage, describedBy, messageOf } from "../../control/index.js";
 import { c } from "react/compiler-runtime";
 import { Platform, Pressable, StyleSheet, Text, View } from "react-native";
 import Animated, { Easing, useAnimatedStyle, useReducedMotion, withTiming } from "react-native-reanimated";

package/dist/components/range-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/search-field/index.js

@@ -1,14 +1,14 @@
+import { AutocompleteContext } from "../../autocomplete/index.js";
+import { FieldInput, FieldMessage, FieldStates, FieldStroke, describedBy, useFieldFocus, useStrokeMotion } from "../../field/index.js";
+import { useFieldValidation } from "../../form/index.js";
+import { CloseGlyph, SearchGlyph } from "../../glyphs/index.js";
 import { IconStyleContext } from "../../glyphs/icon-style.js";
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { useMessages } from "../../i18n/provider.js";
 import { usePressFeedback } from "../../press/index.js";
 import { withOpacity } from "../../theme/color.js";
-import { AutocompleteContext } from "../../autocomplete/index.js";
-import { useMessages } from "../../i18n/provider.js";
-import { CloseGlyph, SearchGlyph } from "../../glyphs/index.js";
-import { useFieldValidation } from "../../form/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { IconButton } from "../icon-button/index.js";
-import { FieldInput, FieldMessage, FieldStates, FieldStroke, describedBy, useFieldFocus, useStrokeMotion } from "../../field/index.js";
 import { c } from "react/compiler-runtime";
 import { Pressable, StyleSheet, View, useWindowDimensions } from "react-native";
 import { use, useId, useImperativeHandle, useRef, useState } from "react";

package/dist/components/search-view/index.js

@@ -1,18 +1,18 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { AutocompleteContext } from "../../autocomplete/index.js";
-import { useMessages } from "../../i18n/provider.js";
-import { Autocomplete } from "../autocomplete/index.js";
-import { ArrowBackGlyph, CloseGlyph } from "../../glyphs/index.js";
-import { refsOf } from "../../ref/index.js";
 import { ButtonSlotContext } from "../../button/slots.js";
-import { IconButton } from "../icon-button/index.js";
-import { useWindowSizeClass } from "../../hooks/useWindowSizeClass.js";
-import { PANEL_ORIGINS, useFocusOnPlaced, usePanelMotion, useReturnFocus } from "../../overlay/panel.js";
 import { FieldInput } from "../../field/index.js";
-import { useKeyboardTop } from "../../overlay/keyboard.js";
-import { useAnchoredPlacement } from "../../overlay/anchored.js";
+import { ArrowBackGlyph, CloseGlyph } from "../../glyphs/index.js";
+import { useWindowSizeClass } from "../../hooks/useWindowSizeClass.js";
+import { useMessages } from "../../i18n/provider.js";
 import { ModalWindow, NO_INSETS, insetsOf, panelRoleOf } from "../../modal/index.js";
+import { useAnchoredPlacement } from "../../overlay/anchored.js";
+import { useKeyboardTop } from "../../overlay/keyboard.js";
+import { PANEL_ORIGINS, useFocusOnPlaced, usePanelMotion, useReturnFocus } from "../../overlay/panel.js";
+import { refsOf } from "../../ref/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { Autocomplete } from "../autocomplete/index.js";
+import { IconButton } from "../icon-button/index.js";
 import { c } from "react/compiler-runtime";
 import { Platform, StyleSheet, View, useWindowDimensions } from "react-native";
 import Animated from "react-native-reanimated";

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

@@ -1,11 +1,11 @@
+import { toggleState } from "../../button/index.js";
+import { CheckGlyph } from "../../glyphs/index.js";
 import { IconStyleContext } from "../../glyphs/icon-style.js";
+import { hitSlop, usePressFeedback } from "../../press/index.js";
+import { withOpacity } from "../../theme/color.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 { withOpacity } from "../../theme/color.js";
-import { CheckGlyph } from "../../glyphs/index.js";
-import { toggleState } from "../../button/index.js";
 import { c } from "react/compiler-runtime";
 import { Pressable, StyleSheet, Text, View } from "react-native";
 import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from "react-native-reanimated";

package/dist/components/select/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, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
 import { Key } from "react-stately";

package/dist/components/select/index.js

@@ -1,14 +1,14 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { CollectionView, focusKeyOf } from "../../collection/index.js";
+import { FieldBox, FieldMessage, FieldValue, describedBy } 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, FieldMessage, FieldValue, describedBy } from "../../field/index.js";
 import { Overlay } from "../../overlay/host.js";
+import { FieldChevron } from "../../field/chevron.js";
 import { useAnchoredPlacement } from "../../overlay/anchored.js";
-import { CollectionView, focusKeyOf } from "../../collection/index.js";
+import { DismissLayer, PANEL_ORIGINS, useBackToClose, useFocusOnPlaced, usePanelMotion, useReturnFocus } from "../../overlay/panel.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 Animated from "react-native-reanimated";

package/dist/components/separator/index.js

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

package/dist/components/sheet/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 { useMessages } from "../../i18n/provider.js";
-import { refsOf } from "../../ref/index.js";
 import { ButtonSlotContext } from "../../button/slots.js";
 import { useWindowSizeClass } from "../../hooks/useWindowSizeClass.js";
+import { useMessages } from "../../i18n/provider.js";
 import { ModalWindow, NO_INSETS, insetsOf, panelRoleOf, useModalState, useModalTrigger } from "../../modal/index.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 { useTypeRole } from "../../typography/roles.js";
 import { c } from "react/compiler-runtime";
 import { I18nManager, Pressable, ScrollView, StyleSheet, Text, View, useWindowDimensions } from "react-native";
 import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from "react-native-reanimated";

package/dist/components/slider/index.js

@@ -1,10 +1,10 @@
 import { IconStyleContext } from "../../glyphs/icon-style.js";
+import { useLocaleOf } from "../../i18n/provider.js";
+import { ADJUSTABLE, adjustOf, lengthTo, percentOf, seatPlaceOf, seats, useTrackGesture } from "../../slider/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 { withOpacity } from "../../theme/color.js";
-import { useLocaleOf } from "../../i18n/provider.js";
-import { ADJUSTABLE, adjustOf, lengthTo, percentOf, seatPlaceOf, seats, useTrackGesture } from "../../slider/index.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet, Text, View } from "react-native";
 import Animated, { Easing, useAnimatedStyle, useReducedMotion, withTiming } from "react-native-reanimated";

package/dist/components/snackbar/index.js

@@ -1,11 +1,11 @@
-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 { useMessages } from "../../i18n/provider.js";
 import { CloseGlyph } from "../../glyphs/index.js";
 import { useWindowSizeClass } from "../../hooks/useWindowSizeClass.js";
+import { useMessages } from "../../i18n/provider.js";
 import { Overlay } from "../../overlay/host.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 { AccessibilityInfo, Platform, Pressable, StyleSheet, Text, View } from "react-native";
 import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from "react-native-reanimated";

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

@@ -1,8 +1,8 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
-import { ChevronDownGlyph } from "../../glyphs/index.js";
 import { HEIGHTS } from "../../button/index.js";
 import { ButtonGroupItemContext } from "../../button/group.js";
+import { ChevronDownGlyph } from "../../glyphs/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { Button } from "../button/index.js";
 import { Menu } from "../menu/index.js";
 import { c } from "react/compiler-runtime";

package/dist/components/supporting-pane/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, jsxs } from "react/jsx-runtime";

package/dist/components/switch/index.js

@@ -1,10 +1,10 @@
-import { useTheme } from "../../theme/scope.js";
-import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { ControlLabel, ControlMessage, describedBy, messageOf } from "../../control/index.js";
+import { controlStylesOf } from "../../control/styles.js";
+import { CheckGlyph } from "../../glyphs/index.js";
 import { hitSlop, usePressFeedback } from "../../press/index.js";
 import { withOpacity } from "../../theme/color.js";
-import { CheckGlyph } from "../../glyphs/index.js";
-import { controlStylesOf } from "../../control/styles.js";
-import { ControlLabel, ControlMessage, describedBy, messageOf } from "../../control/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { c } from "react/compiler-runtime";
 import { I18nManager, Platform, Pressable, StyleSheet, View } from "react-native";
 import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from "react-native-reanimated";

package/dist/components/table/index.js

@@ -1,17 +1,17 @@
+import { toggleState } from "../../button/index.js";
+import { LoadingRow, SelectBox, Status, accessibilityActionOf, childElementsOf, loadMoreOf, noop, pressThen } from "../../collection/index.js";
+import { ArrowDownwardGlyph, ArrowUpwardGlyph } from "../../glyphs/index.js";
 import { IconStyleContext } from "../../glyphs/icon-style.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 { rowContentColor, rowStyles } from "../../row/styles.js";
 import { columnSizeFor, sortedFor } from "../../i18n/index.js";
 import { useLocaleOf, useMessages } from "../../i18n/provider.js";
-import { ArrowDownwardGlyph, ArrowUpwardGlyph } from "../../glyphs/index.js";
+import { usePressFeedback } from "../../press/index.js";
 import { useOpenLink } from "../../router/index.js";
-import { toggleState } from "../../button/index.js";
-import { Checkbox } from "../checkbox/index.js";
+import { rowContentColor, rowStyles } from "../../row/styles.js";
 import { ADJUSTABLE, SLOP_RANGE } from "../../slider/index.js";
-import { LoadingRow, SelectBox, Status, accessibilityActionOf, childElementsOf, loadMoreOf, noop, pressThen } from "../../collection/index.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { useTypeRole } from "../../typography/roles.js";
+import { Checkbox } from "../checkbox/index.js";
 import { c } from "react/compiler-runtime";
 import { FlatList, I18nManager, Pressable, ScrollView, StyleSheet, Text, View, useWindowDimensions } from "react-native";
 import { useSharedValue } from "react-native-reanimated";

package/dist/components/tabs/index.js

@@ -1,11 +1,11 @@
 import { IconStyleContext } from "../../glyphs/icon-style.js";
+import { usePressFeedback } from "../../press/index.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 { usePressFeedback } from "../../press/index.js";
 import { useTypeRole } from "../../typography/roles.js";
-import { withOpacity } from "../../theme/color.js";
 import { Badge } from "../badge/index.js";
-import { useLinkPress } from "../../router/index.js";
 import { c } from "react/compiler-runtime";
 import { I18nManager, Pressable, ScrollView, StyleSheet, Text, View } from "react-native";
 import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from "react-native-reanimated";

package/dist/components/text-area/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";
 type TextAreaProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilityLabel' | 'aria-disabled' | 'aria-label' | 'children' | 'cursorColor' | 'defaultValue' | 'editable' | 'multiline' | 'numberOfLines' | 'onChange' | 'onChangeText' | 'placeholder' | 'placeholderTextColor' | 'readOnly' | 'rows' | 'selectionColor' | 'style' | 'underlineColorAndroid' | 'value'> & {

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

@@ -1,6 +1,6 @@
-import { useLocaleOf } from "../../i18n/provider.js";
-import { useFieldValidation } from "../../form/index.js";
 import { FieldBox, FieldInput, FieldMessage, describedBy, useFieldFocus } from "../../field/index.js";
+import { useFieldValidation } from "../../form/index.js";
+import { useLocaleOf } from "../../i18n/provider.js";
 import { c } from "react/compiler-runtime";
 import { View } from "react-native";
 import { useId, useImperativeHandle, useRef, useState } from "react";

package/dist/components/text-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";
 type TextFieldProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilityLabel' | 'aria-disabled' | 'aria-label' | 'children' | 'cursorColor' | 'defaultValue' | 'editable' | 'multiline' | 'numberOfLines' | 'onChange' | 'onChangeText' | 'placeholder' | 'placeholderTextColor' | 'readOnly' | 'selectionColor' | 'style' | 'underlineColorAndroid' | 'value'> & {

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

@@ -1,6 +1,6 @@
-import { useLocaleOf } from "../../i18n/provider.js";
-import { useFieldValidation } from "../../form/index.js";
 import { FieldBox, FieldInput, FieldMessage, describedBy, useFieldFocus } from "../../field/index.js";
+import { useFieldValidation } from "../../form/index.js";
+import { useLocaleOf } from "../../i18n/provider.js";
 import { c } from "react/compiler-runtime";
 import { View } from "react-native";
 import { useId, useImperativeHandle, useRef, useState } from "react";

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

@@ -1,18 +1,18 @@
-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 { ButtonSlotContext } from "../../button/slots.js";
+import { ClockGlyph, KeyboardGlyph } from "../../glyphs/index.js";
 import { messagesFor } from "../../i18n/index.js";
 import { useLocaleOf } from "../../i18n/provider.js";
-import { ClockGlyph, KeyboardGlyph } from "../../glyphs/index.js";
-import { ButtonSlotContext } from "../../button/slots.js";
-import { Button } from "../button/index.js";
-import { IconButton } from "../icon-button/index.js";
-import { usePanelShown, usePanelStyle } from "../../overlay/panel.js";
 import { ModalWindow, NO_INSETS, insetsOf, panelRoleOf, useModalState } from "../../modal/index.js";
+import { usePanelShown, usePanelStyle } from "../../overlay/panel.js";
 import { roomOf } from "../../picker/index.js";
+import { usePressFeedback } from "../../press/index.js";
 import { DateSegments } from "../../segments/index.js";
 import { SegmentedField } from "../../segments/field.js";
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { useTypeRole } from "../../typography/roles.js";
+import { Button } from "../button/index.js";
+import { IconButton } from "../icon-button/index.js";
 import { c } from "react/compiler-runtime";
 import { Platform, Pressable, ScrollView, StyleSheet, Text, View } from "react-native";
 import Animated, { useAnimatedStyle } from "react-native-reanimated";

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

@@ -1,13 +1,13 @@
+import { AnimatedPressable, toggleState } from "../../button/index.js";
+import { ChipLabel, measureThen, paintOf, targetOf, useEasedColors } from "../../chip/index.js";
+import { stylesOf } from "../../chip/styles.js";
+import { FieldBox, FieldInput, FieldMessage, FieldWrap, describedBy, useFieldFocus } from "../../field/index.js";
+import { useLocaleOf, useMessages } from "../../i18n/provider.js";
+import { usePressFeedback } from "../../press/index.js";
+import { withOpacity } from "../../theme/color.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 { withOpacity } from "../../theme/color.js";
-import { useLocaleOf, useMessages } from "../../i18n/provider.js";
-import { AnimatedPressable, toggleState } from "../../button/index.js";
-import { FieldBox, FieldInput, FieldMessage, FieldWrap, describedBy, useFieldFocus } from "../../field/index.js";
-import { stylesOf } from "../../chip/styles.js";
-import { ChipLabel, measureThen, paintOf, targetOf, useEasedColors } from "../../chip/index.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet, Text, View, useWindowDimensions } from "react-native";
 import { useId, useImperativeHandle, useRef, useState } from "react";

package/dist/components/toolbar/index.js

@@ -1,7 +1,7 @@
 import { IconStyleContext } from "../../glyphs/icon-style.js";
+import { SeparatorOrientationContext } from "../../separator/index.js";
 import { useTheme } from "../../theme/scope.js";
 import { composeStyles, themedStyles } from "../../theme/styles.js";
-import { SeparatorOrientationContext } from "../../separator/index.js";
 import { c } from "react/compiler-runtime";
 import { Platform, StyleSheet, View } from "react-native";
 import { jsx } from "react/jsx-runtime";

package/dist/components/tooltip/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 { ButtonTooltipContext } from "../../button/slots.js";
-import { PANEL_ORIGINS, usePanelMotion } from "../../overlay/panel.js";
 import { Overlay } from "../../overlay/host.js";
 import { useAnchoredPlacement } from "../../overlay/anchored.js";
+import { PANEL_ORIGINS, usePanelMotion } from "../../overlay/panel.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 } from "react-native";
 import Animated from "react-native-reanimated";