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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/dist/button/group.d.ts +1 -1
  2. package/dist/button/group.js +1 -1
  3. package/dist/button/index.js +2 -2
  4. package/dist/button/palettes.js +1 -1
  5. package/dist/button/pending.js +1 -1
  6. package/dist/calendar/index.js +7 -7
  7. package/dist/calendar/styles.js +1 -1
  8. package/dist/chequer/index.js +1 -1
  9. package/dist/chip/index.js +2 -2
  10. package/dist/collection/index.js +10 -10
  11. package/dist/components/app-bar/index.js +1 -1
  12. package/dist/components/badge/index.js +3 -3
  13. package/dist/components/breadcrumbs/index.js +1 -1
  14. package/dist/components/button/index.js +5 -5
  15. package/dist/components/button-group/index.js +2 -2
  16. package/dist/components/calendar/index.js +2 -2
  17. package/dist/components/card/index.js +3 -3
  18. package/dist/components/carousel/index.js +4 -4
  19. package/dist/components/checkbox/index.js +4 -4
  20. package/dist/components/checkbox-group/index.js +5 -5
  21. package/dist/components/chip/index.js +4 -4
  22. package/dist/components/chip-group/index.js +6 -6
  23. package/dist/components/color-area/index.js +4 -4
  24. package/dist/components/color-field/index.d.ts +1 -1
  25. package/dist/components/color-field/index.js +3 -3
  26. package/dist/components/color-picker/index.js +6 -6
  27. package/dist/components/color-slider/index.js +6 -6
  28. package/dist/components/color-swatch/index.js +3 -3
  29. package/dist/components/color-swatch-picker/index.js +3 -3
  30. package/dist/components/color-wheel/index.js +4 -4
  31. package/dist/components/combo-box/index.d.ts +1 -1
  32. package/dist/components/combo-box/index.js +8 -8
  33. package/dist/components/container/index.js +1 -1
  34. package/dist/components/copy-field/index.js +2 -2
  35. package/dist/components/currency/index.js +1 -1
  36. package/dist/components/date-picker/index.js +1 -1
  37. package/dist/components/dialog/index.js +4 -4
  38. package/dist/components/disclosure/index.js +4 -4
  39. package/dist/components/drop-zone/index.d.ts +1 -1
  40. package/dist/components/drop-zone/index.js +6 -6
  41. package/dist/components/fab/index.js +3 -3
  42. package/dist/components/fab-menu/index.js +8 -8
  43. package/dist/components/icon-button/index.js +4 -4
  44. package/dist/components/link/index.js +3 -3
  45. package/dist/components/list-detail/index.js +1 -1
  46. package/dist/components/list-item/index.js +3 -3
  47. package/dist/components/loading-indicator/index.js +2 -2
  48. package/dist/components/menu/index.js +11 -11
  49. package/dist/components/meter/index.js +3 -3
  50. package/dist/components/navigation-bar/index.js +2 -2
  51. package/dist/components/navigation-rail/index.js +1 -1
  52. package/dist/components/number-field/index.d.ts +1 -1
  53. package/dist/components/number-field/index.js +8 -8
  54. package/dist/components/popover/index.js +6 -6
  55. package/dist/components/progress-indicator/index.js +5 -5
  56. package/dist/components/radio-group/index.js +4 -4
  57. package/dist/components/range-calendar/index.js +2 -2
  58. package/dist/components/search-field/index.js +7 -7
  59. package/dist/components/search-view/index.js +11 -11
  60. package/dist/components/segmented-button/index.js +4 -4
  61. package/dist/components/select/index.d.ts +1 -1
  62. package/dist/components/select/index.js +7 -7
  63. package/dist/components/separator/index.js +1 -1
  64. package/dist/components/sheet/index.js +6 -6
  65. package/dist/components/slider/index.js +3 -3
  66. package/dist/components/snackbar/index.js +5 -5
  67. package/dist/components/split-button/index.js +3 -3
  68. package/dist/components/supporting-pane/index.js +1 -1
  69. package/dist/components/switch/index.js +5 -5
  70. package/dist/components/table/index.js +9 -9
  71. package/dist/components/tabs/index.js +3 -3
  72. package/dist/components/text-area/index.d.ts +1 -1
  73. package/dist/components/text-area/index.js +2 -2
  74. package/dist/components/text-field/index.d.ts +1 -1
  75. package/dist/components/text-field/index.js +2 -2
  76. package/dist/components/time-picker/index.js +9 -9
  77. package/dist/components/token-field/index.js +7 -7
  78. package/dist/components/toolbar/index.js +1 -1
  79. package/dist/components/tooltip/index.js +4 -4
  80. package/dist/control/checkbox-box.js +2 -2
  81. package/dist/control/styles.js +1 -1
  82. package/dist/disclosure/chevron.js +1 -1
  83. package/dist/fab/index.js +1 -1
  84. package/dist/field/chevron.js +1 -1
  85. package/dist/field/index.js +6 -6
  86. package/dist/field/styles.js +1 -1
  87. package/dist/glyphs/index.js +1 -1
  88. package/dist/i18n/provider.js +1 -1
  89. package/dist/index.d.ts +7 -7
  90. package/dist/index.js +15 -15
  91. package/dist/indicator/index.js +2 -2
  92. package/dist/mark/index.js +2 -2
  93. package/dist/modal/index.js +4 -4
  94. package/dist/navigation/index.js +5 -5
  95. package/dist/overlay/host.js +1 -1
  96. package/dist/picker/index.js +6 -6
  97. package/dist/row/styles.js +1 -1
  98. package/dist/segments/field.js +4 -4
  99. package/dist/segments/index.js +4 -4
  100. package/dist/segments/styles.js +1 -1
  101. package/dist/theme-scope.js +1 -1
  102. package/package.json +2 -2
@@ -1,7 +1,7 @@
1
+ import { CheckGlyph, IndeterminateGlyph } from "../glyphs/index.js";
2
+ import { withOpacity } from "../theme/color.js";
1
3
  import { useTheme } from "../theme/scope.js";
2
4
  import { composeStyles } from "../theme/styles.js";
3
- import { withOpacity } from "../theme/color.js";
4
- import { CheckGlyph, IndeterminateGlyph } from "../glyphs/index.js";
5
5
  import { c } from "react/compiler-runtime";
6
6
  import { StyleSheet } from "react-native";
7
7
  import Animated, { Easing, useAnimatedStyle, useReducedMotion, withTiming } from "react-native-reanimated";
@@ -1,5 +1,5 @@
1
- import { themedStyles } from "../theme/styles.js";
2
1
  import { withOpacity } from "../theme/color.js";
2
+ import { themedStyles } from "../theme/styles.js";
3
3
  import { StyleSheet } from "react-native";
4
4
  const controlStylesOf = themedStyles(({ colors, radii, spacing, stateLayerOpacity, typography }) => StyleSheet.create({
5
5
  disc: {
@@ -1,5 +1,5 @@
1
- import { useTheme } from "../theme/scope.js";
2
1
  import { ChevronEndGlyph } from "../glyphs/index.js";
2
+ import { useTheme } from "../theme/scope.js";
3
3
  import { c } from "react/compiler-runtime";
4
4
  import { I18nManager } from "react-native";
5
5
  import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from "react-native-reanimated";
package/dist/fab/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { themedStyles } from "../theme/styles.js";
2
1
  import { palettesOf } from "../button/palettes.js";
2
+ import { themedStyles } from "../theme/styles.js";
3
3
  import { StyleSheet } from "react-native";
4
4
  // src/fab/index.ts
5
5
  const MEDIUM_SIZE = 80;
@@ -1,5 +1,5 @@
1
- import { useTheme } from "../theme/scope.js";
2
1
  import { ChevronDownGlyph } from "../glyphs/index.js";
2
+ import { useTheme } from "../theme/scope.js";
3
3
  import { c } from "react/compiler-runtime";
4
4
  import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from "react-native-reanimated";
5
5
  import { useEffect } from "react";
@@ -1,14 +1,14 @@
1
+ import { useInsideForm } from "../form/index.js";
1
2
  import { IconStyleContext } from "../glyphs/icon-style.js";
3
+ import { limitFor } from "../i18n/index.js";
4
+ import { useLocaleOf } from "../i18n/provider.js";
5
+ import { formatCount } from "../number/count.js";
6
+ import { usePressFeedback } from "../press/index.js";
7
+ import { withOpacity } from "../theme/color.js";
2
8
  import { useTheme } from "../theme/scope.js";
3
9
  import { composeStyles } from "../theme/styles.js";
4
- import { usePressFeedback } from "../press/index.js";
5
10
  import { useFontFamily } from "../typography/fonts.js";
6
11
  import { useTypeRole } from "../typography/roles.js";
7
- import { withOpacity } from "../theme/color.js";
8
- import { formatCount } from "../number/count.js";
9
- import { limitFor } from "../i18n/index.js";
10
- import { useLocaleOf } from "../i18n/provider.js";
11
- import { useInsideForm } from "../form/index.js";
12
12
  import { fieldStylesOf } from "./styles.js";
13
13
  import { FieldChevron } from "./chevron.js";
14
14
  import { c } from "react/compiler-runtime";
@@ -1,5 +1,5 @@
1
- import { themedStyles } from "../theme/styles.js";
2
1
  import { withOpacity } from "../theme/color.js";
2
+ import { themedStyles } from "../theme/styles.js";
3
3
  import { StyleSheet } from "react-native";
4
4
  // src/field/styles.ts
5
5
  const fieldStylesOf = themedStyles(({ colors, radii, sizing, spacing, stateLayerOpacity }) => StyleSheet.create({
@@ -1,6 +1,6 @@
1
- import { useIconStyle } from "./icon-style.js";
2
1
  import { arrowBackPath, arrowDownwardPath, arrowDropDownPath, arrowUpwardPath, calendarPath, checkPath, chevronDownPath, chevronEndPath, clockPath, closePath, keyboardPath, minusPath, personPath, plusPath, searchPath } from "../kanso-ui-core/glyphs.js";
3
2
  import { HIDDEN } from "./hidden.js";
3
+ import { useIconStyle } from "./icon-style.js";
4
4
  import { glyphStyles } from "./styles.js";
5
5
  import { c } from "react/compiler-runtime";
6
6
  import { I18nManager, StyleSheet } from "react-native";
@@ -1,5 +1,5 @@
1
- import { localeOf } from "../number/locale.js";
2
1
  import { messagesFor } from "./index.js";
2
+ import { localeOf } from "../number/locale.js";
3
3
  import { c } from "react/compiler-runtime";
4
4
  import { I18nManager } from "react-native";
5
5
  import { createContext, use } from "react";
package/dist/index.d.ts CHANGED
@@ -15,7 +15,6 @@ import { Chip, ChipActionProps, ChipFilterProps, ChipProps, ChipVariant } from "
15
15
  import { ChipGroup, ChipGroupChip, ChipGroupChipProps, ChipGroupProps } from "./components/chip-group/index.js";
16
16
  import { Code, CodeProps } from "./components/code/index.js";
17
17
  import { ColorArea, ColorAreaProps } from "./components/color-area/index.js";
18
- import { FieldVariant } from "./field/index.js";
19
18
  import { ColorField, ColorFieldProps } from "./components/color-field/index.js";
20
19
  import { ColorPicker, ColorPickerProps } from "./components/color-picker/index.js";
21
20
  import { ColorSlider, ColorSliderProps } from "./components/color-slider/index.js";
@@ -32,18 +31,14 @@ import { DateRangePicker, DateRangePickerProps } from "./components/date-range-p
32
31
  import { Dialog, DialogBody, DialogBodyProps, DialogContent, DialogContentProps, DialogFooter, DialogHeader, DialogPartProps, DialogProps, DialogTitle, DialogTitleProps } from "./components/dialog/index.js";
33
32
  import { Disclosure, DisclosureHeader, DisclosureHeaderProps, DisclosurePanel, DisclosurePanelProps, DisclosureProps } from "./components/disclosure/index.js";
34
33
  import { DisclosureGroup, DisclosureGroupProps } from "./components/disclosure-group/index.js";
35
- import { PickedFile } from "./files/index.js";
36
- import { DragTypes, DropEnterEvent, DropEvent, DropExitEvent, DropItem, DropOperation, FileDropItem, TextDropItem, isFileDropItem, isTextDropItem } from "./drop/index.js";
37
34
  import { DropZone, DropZoneProps, FileTrigger, FileTriggerProps } from "./components/drop-zone/index.js";
38
- import { t as KuiTheme } from "./kanso-ui-core/defaults-DMH0HWCw.js";
39
- import { ResolvedTheme, useTheme } from "./theme/scope.js";
40
- import { TypeRole } from "./typography/roles.js";
41
- import { FabSize, FabTone, FabVariant } from "./fab/index.js";
42
35
  import { Fab, FabProps } from "./components/fab/index.js";
43
36
  import { FabMenu, FabMenuItem, FabMenuItemProps, FabMenuProps } from "./components/fab-menu/index.js";
44
37
  import { Feed, FeedProps } from "./components/feed/index.js";
38
+ import { t as KuiTheme } from "./kanso-ui-core/defaults-DMH0HWCw.js";
45
39
  import { Form, FormHandle, FormProps } from "./components/form/index.js";
46
40
  import { IconButton, IconButtonProps, IconButtonSize, IconButtonVariant } from "./components/icon-button/index.js";
41
+ import { FabSize, FabTone, FabVariant } from "./fab/index.js";
47
42
  import { Keycap, KeycapProps } from "./components/keycap/index.js";
48
43
  import { Link, LinkProps, LinkTone, LinkUnderline } from "./components/link/index.js";
49
44
  import { List, ListLoadMore, ListLoadMoreProps, ListProps, ListRow, ListRowProps, ListSection, ListSectionProps } from "./components/list/index.js";
@@ -86,11 +81,16 @@ import { TokenField, TokenFieldProps, TokenSegment } from "./components/token-fi
86
81
  import { Toolbar, ToolbarProps, ToolbarTone } from "./components/toolbar/index.js";
87
82
  import { Tooltip, TooltipAlign, TooltipProps, TooltipSide } from "./components/tooltip/index.js";
88
83
  import { Tree, TreeItem, TreeItemProps, TreeLoadMore, TreeLoadMoreProps, TreeProps, TreeSection, TreeSectionProps } from "./components/tree/index.js";
84
+ import { DragTypes, DropEnterEvent, DropEvent, DropExitEvent, DropItem, DropOperation, FileDropItem, TextDropItem, isFileDropItem, isTextDropItem } from "./drop/index.js";
85
+ import { FieldVariant } from "./field/index.js";
86
+ import { PickedFile } from "./files/index.js";
89
87
  import { IconStyle, useIconStyle } from "./glyphs/icon-style.js";
90
88
  import { AppBarScroll, AppBarScrollOptions, useAppBarScroll } from "./hooks/useAppBarScroll.js";
91
89
  import { WindowSizeClass, useWindowSizeClass } from "./hooks/useWindowSizeClass.js";
92
90
  import { I18nProvider, I18nProviderProps, Locale, useLocale } from "./i18n/provider.js";
93
91
  import { RouterProvider, RouterProviderProps } from "./router/index.js";
94
92
  import { ThemeScope, ThemeScopeProps } from "./theme-scope.js";
93
+ import { ResolvedTheme, useTheme } from "./theme/scope.js";
94
+ import { TypeRole } from "./typography/roles.js";
95
95
  import { Color, ColorChannel, ColorSpace, Key, Selection, TokenFieldValue, getColorChannels, parseColor } from "react-stately";
96
96
  export { AppBar, type AppBarProps, type AppBarScroll, type AppBarScrollOptions, Autocomplete, type AutocompleteFilter, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Breadcrumbs, BreadcrumbsItem, type BreadcrumbsItemProps, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonGroupVariant, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, Card, type CardProps, type CardVariant, Carousel, CarouselItem, type CarouselItemProps, type CarouselLayout, type CarouselProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipActionProps, type ChipFilterProps, ChipGroup, ChipGroupChip, type ChipGroupChipProps, type ChipGroupProps, type ChipProps, type ChipVariant, Code, type CodeProps, type Color, ColorArea, type ColorAreaProps, type ColorChannel, ColorField, type ColorFieldProps, ColorPicker, type ColorPickerProps, ColorSlider, type ColorSliderProps, type ColorSpace, ColorSwatch, ColorSwatchPicker, ColorSwatchPickerItem, type ColorSwatchPickerItemProps, type ColorSwatchPickerLayout, type ColorSwatchPickerProps, type ColorSwatchProps, ColorWheel, type ColorWheelProps, ComboBox, type ComboBoxProps, type ComboBoxSelectionMode, Container, type ContainerPadding, type ContainerProps, CopyField, type CopyFieldProps, Currency, type CurrencyProps, type CurrencySignDisplay, type CurrencyTone, DateField, type DateFieldProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, Dialog, DialogBody, type DialogBodyProps, DialogContent, type DialogContentProps, DialogFooter, DialogHeader, type DialogPartProps, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, DisclosureGroup, type DisclosureGroupProps, DisclosureHeader, type DisclosureHeaderProps, DisclosurePanel, type DisclosurePanelProps, type DisclosureProps, type DragTypes, type DropEnterEvent, type DropEvent, type DropExitEvent, type DropItem, type DropOperation, DropZone, type DropZoneProps, Fab, FabMenu, FabMenuItem, type FabMenuItemProps, type FabMenuProps, type FabProps, type FabSize, type FabTone, type FabVariant, Feed, type FeedProps, type FieldVariant, type FileDropItem, FileTrigger, type FileTriggerProps, Form, type FormHandle, type FormProps, I18nProvider, type I18nProviderProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconStyle, type Key, Keycap, type KeycapProps, type KuiTheme, Link, type LinkProps, type LinkTone, type LinkUnderline, List, ListBox, ListBoxItem, type ListBoxItemProps, ListBoxLoadMore, type ListBoxLoadMoreProps, type ListBoxProps, ListBoxSection, type ListBoxSectionProps, ListDetail, type ListDetailProps, ListItem, type ListItemProps, ListLoadMore, type ListLoadMoreProps, type ListProps, ListRow, type ListRowProps, ListSection, type ListSectionProps, LoadingIndicator, type LoadingIndicatorProps, type Locale, Menu, type MenuAlign, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLoadMore, type MenuLoadMoreProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, type MenuSeparatorProps, type MenuSide, MenuSubmenu, type MenuSubmenuProps, type MenuTrigger, Meter, type MeterProps, type MeterTone, NavigationBar, NavigationBarItem, type NavigationBarItemProps, type NavigationBarProps, NavigationRail, NavigationRailItem, type NavigationRailItemProps, type NavigationRailProps, NavigationTabBar, type NavigationTabBarProps, NavigationTree, NavigationTreeItem, type NavigationTreeItemProps, type NavigationTreeProps, NavigationTreeSection, type NavigationTreeSectionProps, NumberField, type NumberFieldProps, type PickedFile, Popover, type PopoverAlign, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, type PopoverProps, type PopoverSide, type PopoverSize, PopoverTitle, type PopoverTitleProps, type PopoverTrigger, ProductIcon, type ProductIconProps, ProgressIndicator, type ProgressIndicatorProps, type ProgressIndicatorShape, type ProgressIndicatorTone, type ProgressIndicatorVariant, Radio, RadioGroup, type RadioGroupOrientation, type RadioGroupProps, type RadioProps, RangeCalendar, type RangeCalendarProps, type ResolvedTheme, RouterProvider, type RouterProviderProps, SearchField, type SearchFieldProps, SearchView, SearchViewContent, type SearchViewContentProps, type SearchViewProps, SegmentedButton, type SegmentedButtonProps, SegmentedButtonSegment, type SegmentedButtonSegmentProps, Select, type SelectProps, type Selection, Separator, type SeparatorInset, type SeparatorProps, Sheet, SheetBody, type SheetBodyProps, SheetContent, type SheetContentProps, SheetFooter, SheetHandle, type SheetHandleProps, SheetHeader, type SheetPartProps, type SheetProps, SheetTitle, type SheetTitleProps, Slider, type SliderProps, type SliderSize, Snackbar, type SnackbarAction, type SnackbarOptions, type SnackbarProps, type SnackbarQueue, SplitButton, SplitButtonAction, type SplitButtonActionProps, SplitButtonMenu, type SplitButtonMenuProps, type SplitButtonProps, type SplitButtonVariant, Stack, type StackAlign, type StackGap, type StackJustify, type StackProps, SupportingPane, type SupportingPaneProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, TableLoadMore, type TableLoadMoreProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsLayout, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, TabsPanels, type TabsPanelsProps, type TabsProps, TabsTab, type TabsTabProps, type TabsVariant, Tag, type TagProps, type TagTone, type TagVariant, Text, TextArea, type TextAreaProps, type TextDropItem, TextField, type TextFieldProps, type TextProps, ThemeScope, type ThemeScopeProps, TimeField, type TimeFieldProps, TimePicker, type TimePickerMode, type TimePickerProps, TokenField, type TokenFieldProps, TokenFieldValue, type TokenSegment, Toolbar, type ToolbarProps, type ToolbarTone, Tooltip, type TooltipAlign, type TooltipProps, type TooltipSide, Tree, TreeItem, type TreeItemProps, TreeLoadMore, type TreeLoadMoreProps, type TreeProps, TreeSection, type TreeSectionProps, type TypeRole, type WindowSizeClass, getColorChannels, isFileDropItem, isTextDropItem, parseColor, useAppBarScroll, useIconStyle, useLocale, useTheme, useWindowSizeClass };
package/dist/index.js CHANGED
@@ -1,21 +1,10 @@
1
- import { useIconStyle } from "./glyphs/icon-style.js";
2
- import { useAppBarScroll } from "./hooks/useAppBarScroll.js";
3
- import { useTheme } from "./theme/scope.js";
4
- import { Keycap } from "./components/keycap/index.js";
5
- import { Text } from "./components/text/index.js";
6
1
  import { AppBar } from "./components/app-bar/index.js";
7
- import { I18nProvider, useLocale } from "./i18n/provider.js";
8
2
  import { Autocomplete } from "./components/autocomplete/index.js";
9
3
  import { Avatar } from "./components/avatar/index.js";
10
4
  import { Badge } from "./components/badge/index.js";
11
- import { RouterProvider } from "./router/index.js";
12
- import { Link } from "./components/link/index.js";
13
5
  import { Breadcrumbs, BreadcrumbsItem } from "./components/breadcrumbs/index.js";
14
- import { ProgressIndicator } from "./components/progress-indicator/index.js";
15
6
  import { Button } from "./components/button/index.js";
16
7
  import { ButtonGroup } from "./components/button-group/index.js";
17
- import { IconButton } from "./components/icon-button/index.js";
18
- import { useWindowSizeClass } from "./hooks/useWindowSizeClass.js";
19
8
  import { Calendar } from "./components/calendar/index.js";
20
9
  import { Card } from "./components/card/index.js";
21
10
  import { Carousel, CarouselItem } from "./components/carousel/index.js";
@@ -26,9 +15,9 @@ import { ChipGroup, ChipGroupChip } from "./components/chip-group/index.js";
26
15
  import { Code } from "./components/code/index.js";
27
16
  import { ColorArea } from "./components/color-area/index.js";
28
17
  import { ColorField } from "./components/color-field/index.js";
18
+ import { ColorPicker } from "./components/color-picker/index.js";
29
19
  import { ColorSlider } from "./components/color-slider/index.js";
30
20
  import { ColorSwatch } from "./components/color-swatch/index.js";
31
- import { ColorPicker } from "./components/color-picker/index.js";
32
21
  import { ColorSwatchPicker, ColorSwatchPickerItem } from "./components/color-swatch-picker/index.js";
33
22
  import { ColorWheel } from "./components/color-wheel/index.js";
34
23
  import { ComboBox } from "./components/combo-box/index.js";
@@ -37,18 +26,18 @@ import { CopyField } from "./components/copy-field/index.js";
37
26
  import { Currency } from "./components/currency/index.js";
38
27
  import { DateField } from "./components/date-field/index.js";
39
28
  import { DatePicker } from "./components/date-picker/index.js";
40
- import { RangeCalendar } from "./components/range-calendar/index.js";
41
29
  import { DateRangePicker } from "./components/date-range-picker/index.js";
42
30
  import { Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "./components/dialog/index.js";
43
31
  import { Disclosure, DisclosureHeader, DisclosurePanel } from "./components/disclosure/index.js";
44
- import { Separator } from "./components/separator/index.js";
45
32
  import { DisclosureGroup } from "./components/disclosure-group/index.js";
46
- import { isFileDropItem, isTextDropItem } from "./drop/index.js";
47
33
  import { DropZone, FileTrigger } from "./components/drop-zone/index.js";
48
34
  import { Fab } from "./components/fab/index.js";
49
35
  import { FabMenu, FabMenuItem } from "./components/fab-menu/index.js";
50
36
  import { Feed } from "./components/feed/index.js";
51
37
  import { Form } from "./components/form/index.js";
38
+ import { IconButton } from "./components/icon-button/index.js";
39
+ import { Keycap } from "./components/keycap/index.js";
40
+ import { Link } from "./components/link/index.js";
52
41
  import { List, ListLoadMore, ListRow, ListSection } from "./components/list/index.js";
53
42
  import { ListBox, ListBoxItem, ListBoxLoadMore, ListBoxSection } from "./components/list-box/index.js";
54
43
  import { ListDetail } from "./components/list-detail/index.js";
@@ -62,11 +51,14 @@ import { NavigationTree, NavigationTreeItem, NavigationTreeSection } from "./com
62
51
  import { NumberField } from "./components/number-field/index.js";
63
52
  import { Popover, PopoverContent, PopoverDescription, PopoverTitle } from "./components/popover/index.js";
64
53
  import { ProductIcon } from "./components/product-icon/index.js";
54
+ import { ProgressIndicator } from "./components/progress-indicator/index.js";
65
55
  import { Radio, RadioGroup } from "./components/radio-group/index.js";
56
+ import { RangeCalendar } from "./components/range-calendar/index.js";
66
57
  import { SearchField } from "./components/search-field/index.js";
67
58
  import { SearchView, SearchViewContent } from "./components/search-view/index.js";
68
59
  import { SegmentedButton, SegmentedButtonSegment } from "./components/segmented-button/index.js";
69
60
  import { Select } from "./components/select/index.js";
61
+ import { Separator } from "./components/separator/index.js";
70
62
  import { Sheet, SheetBody, SheetContent, SheetFooter, SheetHandle, SheetHeader, SheetTitle } from "./components/sheet/index.js";
71
63
  import { Slider } from "./components/slider/index.js";
72
64
  import { Snackbar } from "./components/snackbar/index.js";
@@ -77,6 +69,7 @@ import { Switch } from "./components/switch/index.js";
77
69
  import { Table, TableBody, TableCell, TableColumn, TableFooter, TableHeader, TableLoadMore, TableRow } from "./components/table/index.js";
78
70
  import { Tabs, TabsList, TabsPanel, TabsPanels, TabsTab } from "./components/tabs/index.js";
79
71
  import { Tag } from "./components/tag/index.js";
72
+ import { Text } from "./components/text/index.js";
80
73
  import { TextArea } from "./components/text-area/index.js";
81
74
  import { TextField } from "./components/text-field/index.js";
82
75
  import { TimeField } from "./components/time-field/index.js";
@@ -85,6 +78,13 @@ import { TokenField } from "./components/token-field/index.js";
85
78
  import { Toolbar } from "./components/toolbar/index.js";
86
79
  import { Tooltip } from "./components/tooltip/index.js";
87
80
  import { Tree, TreeItem, TreeLoadMore, TreeSection } from "./components/tree/index.js";
81
+ import { isFileDropItem, isTextDropItem } from "./drop/index.js";
82
+ import { useIconStyle } from "./glyphs/icon-style.js";
83
+ import { useAppBarScroll } from "./hooks/useAppBarScroll.js";
84
+ import { useWindowSizeClass } from "./hooks/useWindowSizeClass.js";
85
+ import { I18nProvider, useLocale } from "./i18n/provider.js";
86
+ import { RouterProvider } from "./router/index.js";
88
87
  import { ThemeScope } from "./theme-scope.js";
88
+ import { useTheme } from "./theme/scope.js";
89
89
  import { TokenFieldValue, getColorChannels, parseColor } from "react-stately";
90
90
  export { AppBar, Autocomplete, Avatar, Badge, Breadcrumbs, BreadcrumbsItem, Button, ButtonGroup, Calendar, Card, Carousel, CarouselItem, Checkbox, CheckboxGroup, Chip, ChipGroup, ChipGroupChip, Code, ColorArea, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorSwatchPickerItem, ColorWheel, ComboBox, Container, CopyField, Currency, DateField, DatePicker, DateRangePicker, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Disclosure, DisclosureGroup, DisclosureHeader, DisclosurePanel, DropZone, Fab, FabMenu, FabMenuItem, Feed, FileTrigger, Form, I18nProvider, IconButton, Keycap, Link, List, ListBox, ListBoxItem, ListBoxLoadMore, ListBoxSection, ListDetail, ListItem, ListLoadMore, ListRow, ListSection, LoadingIndicator, Menu, MenuContent, MenuItem, MenuLoadMore, MenuSection, MenuSeparator, MenuSubmenu, Meter, NavigationBar, NavigationBarItem, NavigationRail, NavigationRailItem, NavigationTabBar, NavigationTree, NavigationTreeItem, NavigationTreeSection, NumberField, Popover, PopoverContent, PopoverDescription, PopoverTitle, ProductIcon, ProgressIndicator, Radio, RadioGroup, RangeCalendar, RouterProvider, SearchField, SearchView, SearchViewContent, SegmentedButton, SegmentedButtonSegment, Select, Separator, Sheet, SheetBody, SheetContent, SheetFooter, SheetHandle, SheetHeader, SheetTitle, Slider, Snackbar, SplitButton, SplitButtonAction, SplitButtonMenu, Stack, SupportingPane, Switch, Table, TableBody, TableCell, TableColumn, TableFooter, TableHeader, TableLoadMore, TableRow, Tabs, TabsList, TabsPanel, TabsPanels, TabsTab, Tag, Text, TextArea, TextField, ThemeScope, TimeField, TimePicker, TokenField, TokenFieldValue, Toolbar, Tooltip, Tree, TreeItem, TreeLoadMore, TreeSection, getColorChannels, isFileDropItem, isTextDropItem, parseColor, useAppBarScroll, useIconStyle, useLocale, useTheme, useWindowSizeClass };
@@ -1,8 +1,8 @@
1
+ import { Text as Text$1 } from "../components/text/index.js";
1
2
  import { useIconStyle } from "../glyphs/icon-style.js";
3
+ import { withOpacity } from "../theme/color.js";
2
4
  import { useTheme } from "../theme/scope.js";
3
5
  import { composeStyles } from "../theme/styles.js";
4
- import { withOpacity } from "../theme/color.js";
5
- import { Text as Text$1 } from "../components/text/index.js";
6
6
  import { styles, stylesOf } from "./styles.js";
7
7
  import { c } from "react/compiler-runtime";
8
8
  import { View } from "react-native";
@@ -1,8 +1,8 @@
1
+ import { PersonGlyph } from "../glyphs/index.js";
2
+ import { useLocaleOf } from "../i18n/provider.js";
1
3
  import { useTheme } from "../theme/scope.js";
2
4
  import { composeStyles } from "../theme/styles.js";
3
5
  import { useTypeRole } from "../typography/roles.js";
4
- import { useLocaleOf } from "../i18n/provider.js";
5
- import { PersonGlyph } from "../glyphs/index.js";
6
6
  import { useImageLoadingStatus } from "./image.js";
7
7
  import { initialOfThing, initialsOfPerson } from "./initials.js";
8
8
  import { DIAMETERS, GLYPH_SHARE, initialsStylesOf, markStyles, markStylesOf } from "./styles.js";
@@ -1,10 +1,10 @@
1
- import { useTheme } from "../theme/scope.js";
2
- import { composeStyles, themedStyles } from "../theme/styles.js";
3
- import { withOpacity } from "../theme/color.js";
4
- import { ButtonSlotContext, ButtonTooltipContext } from "../button/slots.js";
5
1
  import { AnimatedPressable } from "../button/index.js";
2
+ import { ButtonSlotContext, ButtonTooltipContext } from "../button/slots.js";
6
3
  import { OverlayHost } from "../overlay/host.js";
7
4
  import { SeparatorOrientationContext } from "../separator/index.js";
5
+ import { withOpacity } from "../theme/color.js";
6
+ import { useTheme } from "../theme/scope.js";
7
+ import { composeStyles, themedStyles } from "../theme/styles.js";
8
8
  import { c } from "react/compiler-runtime";
9
9
  import { AccessibilityInfo, I18nManager, Modal, Platform, StyleSheet } from "react-native";
10
10
  import { useEffect, useRef, useState } from "react";
@@ -1,12 +1,12 @@
1
+ import { BadgeInFlowContext } from "../badge/index.js";
2
+ import { Badge } from "../components/badge/index.js";
1
3
  import { IconStyleContext } from "../glyphs/icon-style.js";
4
+ import { hitSlop, usePressFeedback } from "../press/index.js";
5
+ import { useLinkPress } from "../router/index.js";
6
+ import { withOpacity } from "../theme/color.js";
2
7
  import { useTheme } from "../theme/scope.js";
3
8
  import { composeStyles } from "../theme/styles.js";
4
- import { hitSlop, usePressFeedback } from "../press/index.js";
5
9
  import { useTypeRole } from "../typography/roles.js";
6
- import { withOpacity } from "../theme/color.js";
7
- import { BadgeInFlowContext } from "../badge/index.js";
8
- import { Badge } from "../components/badge/index.js";
9
- import { useLinkPress } from "../router/index.js";
10
10
  import { INDICATOR, styles, stylesOf } from "./styles.js";
11
11
  import { c } from "react/compiler-runtime";
12
12
  import { Pressable, Text, View } from "react-native";
@@ -1,5 +1,5 @@
1
- import { ScopeContext, useScope } from "../theme/scope.js";
2
1
  import { I18nProvider, useProvidedLocale } from "../i18n/provider.js";
2
+ import { ScopeContext, useScope } from "../theme/scope.js";
3
3
  import { c } from "react/compiler-runtime";
4
4
  import { StyleSheet, View } from "react-native";
5
5
  import { createContext, use, useId, useLayoutEffect, useState, useSyncExternalStore } from "react";
@@ -1,13 +1,13 @@
1
- import { useTheme } from "../theme/scope.js";
2
- import { composeStyles, themedStyles } from "../theme/styles.js";
3
- import { CalendarGlyph } from "../glyphs/index.js";
1
+ import { CalendarFocusContext } from "../calendar/index.js";
4
2
  import { IconButton } from "../components/icon-button/index.js";
3
+ import { CalendarGlyph } from "../glyphs/index.js";
5
4
  import { useWindowSizeClass } from "../hooks/useWindowSizeClass.js";
6
- import { DismissLayer, PANEL_ORIGINS, useBackToClose, usePanelShown, usePanelStyle, useReturnFocus } from "../overlay/panel.js";
7
- import { CalendarFocusContext } from "../calendar/index.js";
5
+ import { ModalWindow, NO_INSETS, insetsOf, panelRoleOf } from "../modal/index.js";
8
6
  import { Overlay } from "../overlay/host.js";
9
7
  import { useAnchoredPlacement } from "../overlay/anchored.js";
10
- import { ModalWindow, NO_INSETS, insetsOf, panelRoleOf } from "../modal/index.js";
8
+ import { DismissLayer, PANEL_ORIGINS, useBackToClose, usePanelShown, usePanelStyle, useReturnFocus } from "../overlay/panel.js";
9
+ import { useTheme } from "../theme/scope.js";
10
+ import { composeStyles, themedStyles } from "../theme/styles.js";
11
11
  import { c } from "react/compiler-runtime";
12
12
  import { AccessibilityInfo, Platform, StyleSheet, View } from "react-native";
13
13
  import Animated, { useAnimatedStyle } from "react-native-reanimated";
@@ -1,5 +1,5 @@
1
- import { themedStyles } from "../theme/styles.js";
2
1
  import { withOpacity } from "../theme/color.js";
2
+ import { themedStyles } from "../theme/styles.js";
3
3
  import { StyleSheet } from "react-native";
4
4
  // src/row/styles.ts
5
5
  const SELECTED_CONTENT = {
@@ -1,11 +1,11 @@
1
+ import { DateSegments } from "./index.js";
2
+ import { FieldBox, FieldMessage, FieldSegments, describedBy } from "../field/index.js";
3
+ import { useFieldValidation } from "../form/index.js";
4
+ import { messagesFor } from "../i18n/index.js";
1
5
  import { useTheme } from "../theme/scope.js";
2
6
  import { composeStyles } from "../theme/styles.js";
3
7
  import { useTypeRole } from "../typography/roles.js";
4
- import { messagesFor } from "../i18n/index.js";
5
- import { useFieldValidation } from "../form/index.js";
6
- import { FieldBox, FieldMessage, FieldSegments, describedBy } from "../field/index.js";
7
8
  import { segmentStylesOf } from "./styles.js";
8
- import { DateSegments } from "./index.js";
9
9
  import { c } from "react/compiler-runtime";
10
10
  import { Text, View } from "react-native";
11
11
  import { useId, useRef, useState } from "react";
@@ -1,10 +1,10 @@
1
- import { useTheme } from "../theme/scope.js";
2
- import { composeStyles } from "../theme/styles.js";
3
- import { useTypeRole } from "../typography/roles.js";
4
1
  import { startsWithIn } from "../autocomplete/index.js";
5
- import { messagesFor } from "../i18n/index.js";
6
2
  import { FieldSegments, descriptionOf } from "../field/index.js";
3
+ import { messagesFor } from "../i18n/index.js";
7
4
  import { NumberParser } from "../number/parser.js";
5
+ import { useTheme } from "../theme/scope.js";
6
+ import { composeStyles } from "../theme/styles.js";
7
+ import { useTypeRole } from "../typography/roles.js";
8
8
  import { segmentStylesOf } from "./styles.js";
9
9
  import { c } from "react/compiler-runtime";
10
10
  import { I18nManager, Platform, Pressable, StyleSheet, Text, TextInput } from "react-native";
@@ -1,5 +1,5 @@
1
- import { themedStyles } from "../theme/styles.js";
2
1
  import { withOpacity } from "../theme/color.js";
2
+ import { themedStyles } from "../theme/styles.js";
3
3
  import { Platform, StyleSheet } from "react-native";
4
4
  // src/segments/styles.ts
5
5
  const segmentStylesOf = themedStyles(({ colors, radii, spacing, stateLayerOpacity }) => StyleSheet.create({
@@ -1,6 +1,6 @@
1
+ import { OverlayHost, OverlayHostContext } from "./overlay/host.js";
1
2
  import { ScopeContext, merged, scopeFor, useScope } from "./theme/scope.js";
2
3
  import { themedStyles } from "./theme/styles.js";
3
- import { OverlayHost, OverlayHostContext } from "./overlay/host.js";
4
4
  import { c } from "react/compiler-runtime";
5
5
  import { StyleSheet, View } from "react-native";
6
6
  import { use } from "react";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kanso-labs/react-native-kanso-ui",
3
- "version": "0.11.13",
3
+ "version": "0.11.14",
4
4
  "description": "Kanso UI's Material Design components for React Native, themed through the same --kui-* design tokens as the web library",
5
5
  "keywords": [
6
6
  "react-native",
@@ -61,7 +61,7 @@
61
61
  "@commitlint/config-conventional": "21.2.4",
62
62
  "@eslint/js": "10.0.1",
63
63
  "@jest/globals": "29.7.0",
64
- "@kanso-labs/kanso-ui-core": "0.1.5",
64
+ "@kanso-labs/kanso-ui-core": "0.1.6",
65
65
  "@react-native/babel-preset": "0.88.1",
66
66
  "@react-native/jest-preset": "0.88.1",
67
67
  "@rolldown/plugin-babel": "0.3.0",