@kanso-labs/kanso-ui 0.45.10 → 0.45.12

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 (77) hide show
  1. package/dist/button/hooks.js +2 -2
  2. package/dist/button/index.js +2 -2
  3. package/dist/chip/index.js +1 -1
  4. package/dist/color-scheme.js +1 -1
  5. package/dist/components/app-bar/index.js +1 -1
  6. package/dist/components/badge/index.js +1 -1
  7. package/dist/components/breadcrumbs/index.js +1 -1
  8. package/dist/components/button/index.js +3 -3
  9. package/dist/components/button-group/index.js +2 -2
  10. package/dist/components/calendar/index.js +3 -3
  11. package/dist/components/card/index.js +2 -2
  12. package/dist/components/carousel/index.js +4 -4
  13. package/dist/components/checkbox/index.js +6 -6
  14. package/dist/components/checkbox-group/index.js +3 -3
  15. package/dist/components/chip/index.js +3 -3
  16. package/dist/components/chip-group/index.js +8 -8
  17. package/dist/components/color-area/index.js +1 -1
  18. package/dist/components/color-field/index.js +2 -2
  19. package/dist/components/color-picker/index.js +3 -3
  20. package/dist/components/color-slider/index.js +3 -3
  21. package/dist/components/color-swatch/index.js +1 -1
  22. package/dist/components/color-wheel/index.js +1 -1
  23. package/dist/components/combo-box/index.js +3 -3
  24. package/dist/components/copy-field/index.js +1 -1
  25. package/dist/components/date-field/index.js +3 -3
  26. package/dist/components/date-picker/index.js +6 -6
  27. package/dist/components/date-range-picker/index.js +5 -5
  28. package/dist/components/dialog/index.js +4 -4
  29. package/dist/components/disclosure/index.js +2 -2
  30. package/dist/components/fab/index.js +1 -1
  31. package/dist/components/fab-menu/index.js +4 -4
  32. package/dist/components/form/index.js +1 -1
  33. package/dist/components/icon-button/index.js +3 -3
  34. package/dist/components/index.d.ts +2 -2
  35. package/dist/components/keycap/index.js +1 -1
  36. package/dist/components/link/index.js +1 -1
  37. package/dist/components/list/index.js +4 -4
  38. package/dist/components/list-box/index.js +3 -3
  39. package/dist/components/list-item/index.js +3 -3
  40. package/dist/components/menu/index.js +5 -5
  41. package/dist/components/meter/index.js +3 -3
  42. package/dist/components/navigation-bar/index.d.ts +1 -1
  43. package/dist/components/navigation-bar/index.js +2 -2
  44. package/dist/components/navigation-rail/index.d.ts +1 -1
  45. package/dist/components/navigation-rail/index.js +2 -2
  46. package/dist/components/navigation-tree/index.js +3 -3
  47. package/dist/components/number-field/index.js +4 -4
  48. package/dist/components/popover/index.js +2 -2
  49. package/dist/components/progress-indicator/index.js +2 -2
  50. package/dist/components/radio-group/index.js +6 -6
  51. package/dist/components/range-calendar/index.js +3 -3
  52. package/dist/components/search-field/index.js +4 -4
  53. package/dist/components/search-view/index.js +4 -4
  54. package/dist/components/segmented-button/index.js +4 -4
  55. package/dist/components/select/index.js +3 -3
  56. package/dist/components/sheet/index.js +4 -4
  57. package/dist/components/slider/index.js +2 -2
  58. package/dist/components/snackbar/index.js +2 -2
  59. package/dist/components/split-button/index.js +3 -3
  60. package/dist/components/switch/index.js +6 -6
  61. package/dist/components/table/index.js +4 -4
  62. package/dist/components/text-area/index.js +2 -2
  63. package/dist/components/text-field/index.js +2 -2
  64. package/dist/components/time-field/index.js +3 -3
  65. package/dist/components/time-picker/index.js +8 -8
  66. package/dist/components/token-field/index.js +5 -5
  67. package/dist/components/tree/index.js +4 -4
  68. package/dist/control/index.js +1 -1
  69. package/dist/drag/hooks.js +1 -1
  70. package/dist/field/index.js +3 -3
  71. package/dist/glyphs/index.js +1 -1
  72. package/dist/hooks/useRipple.js +1 -1
  73. package/dist/mark/index.js +2 -2
  74. package/dist/navigation/index.js +3 -3
  75. package/dist/theme-scope.d.ts +1 -1
  76. package/dist/theme-scope.js +2 -2
  77. package/package.json +4 -4
@@ -1,5 +1,5 @@
1
- import { RenderComponentProps } from "../../render/useRender.js";
2
1
  import { NavigationItemProps } from "../../navigation/index.js";
2
+ import { RenderComponentProps } from "../../render/useRender.js";
3
3
  import { RefAttributes } from "react";
4
4
  type NavigationBarProps = RenderComponentProps<'nav'> & {
5
5
  /**
@@ -1,9 +1,9 @@
1
1
  "use client";
2
+ import { NavigationItem, NavigationList } from "../../navigation/index.js";
3
+ import { NavigationContext } from "../../navigation/context.js";
2
4
  import { mergeRefs } from "../../render/ref.js";
3
5
  import { useRender } from "../../render/useRender.js";
4
6
  import { mergeStyles } from "../../styles/merge.js";
5
- import { NavigationContext } from "../../navigation/context.js";
6
- import { NavigationItem, NavigationList } from "../../navigation/index.js";
7
7
  import { c } from "react/compiler-runtime";
8
8
  import { useLayoutEffect, useState } from "react";
9
9
  import { jsx } from "react/jsx-runtime";
@@ -1,5 +1,5 @@
1
- import { RenderComponentProps } from "../../render/useRender.js";
2
1
  import { NavigationItemProps } from "../../navigation/index.js";
2
+ import { RenderComponentProps } from "../../render/useRender.js";
3
3
  import { ReactNode, RefAttributes } from "react";
4
4
  type NavigationRailProps = RenderComponentProps<'nav'> & {
5
5
  /**
@@ -1,8 +1,8 @@
1
1
  "use client";
2
+ import { NavigationItem, NavigationList } from "../../navigation/index.js";
3
+ import { NavigationContext } from "../../navigation/context.js";
2
4
  import { useRender } from "../../render/useRender.js";
3
5
  import { mergeStyles } from "../../styles/merge.js";
4
- import { NavigationContext } from "../../navigation/context.js";
5
- import { NavigationItem, NavigationList } from "../../navigation/index.js";
6
6
  import { c } from "react/compiler-runtime";
7
7
  import "react";
8
8
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
4
- import { rowStyles } from "../../row/styles.js";
5
3
  import { collectionStyles } from "../../collection/styles.js";
6
4
  import { ChevronEndGlyph } from "../../glyphs/index.js";
7
- import { focus } from "../../styles/focus.js";
8
5
  import { useRipple } from "../../hooks/useRipple.js";
9
6
  import { RowContent } from "../../row/index.js";
7
+ import { rowStyles } from "../../row/styles.js";
8
+ import { focus } from "../../styles/focus.js";
9
+ import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
10
10
  import { c } from "react/compiler-runtime";
11
11
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
12
12
  import { Button, NavigationTree, NavigationTreeHeader, NavigationTreeItem, NavigationTreeItemContent, NavigationTreeSection } from "react-aria-components";
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { sizing, spacing, typography } from "../../tokens/design.tokens.stylex.js";
4
- import { mergeStatefulStyles } from "../../styles/merge.js";
5
- import { MinusGlyph, PlusGlyph } from "../../glyphs/index.js";
3
+ import { FieldBox, FieldInput, FieldMessage } from "../../field/index.js";
6
4
  import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
5
+ import { MinusGlyph, PlusGlyph } from "../../glyphs/index.js";
6
+ import { mergeStatefulStyles } from "../../styles/merge.js";
7
+ import { sizing, spacing, typography } from "../../tokens/design.tokens.stylex.js";
7
8
  import IconButton from "../icon-button/index.js";
8
- import { FieldBox, FieldInput, FieldMessage } from "../../field/index.js";
9
9
  import { c } from "react/compiler-runtime";
10
10
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
11
11
  import { Button, NumberField } from "react-aria-components";
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
+ import { OverlayScope } from "../../overlay/index.js";
3
4
  import { mergeRefs } from "../../render/ref.js";
4
- import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
5
5
  import { focus } from "../../styles/focus.js";
6
+ import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
6
7
  import { overlay, placementOf, popupOrigin } from "../../styles/overlay.js";
7
- import { OverlayScope } from "../../overlay/index.js";
8
8
  import { c } from "react/compiler-runtime";
9
9
  import { createContext, useContext, useEffect, useId, useRef, useState } from "react";
10
10
  import { jsx } from "react/jsx-runtime";
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeStatefulStyles } from "../../styles/merge.js";
4
- import { indicatorStyles } from "../../indicator/styles.js";
5
3
  import { IndicatorLabels, IndicatorLine } from "../../indicator/index.js";
4
+ import { indicatorStyles } from "../../indicator/styles.js";
5
+ import { mergeStatefulStyles } from "../../styles/merge.js";
6
6
  import { c } from "react/compiler-runtime";
7
7
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
8
8
  import { ProgressBar } from "react-aria-components";
@@ -1,13 +1,13 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeStatefulStyles } from "../../styles/merge.js";
4
- import { focus } from "../../styles/focus.js";
5
- import { useRipple } from "../../hooks/useRipple.js";
3
+ import { ControlDescription, ControlLabel } from "../../control/index.js";
4
+ import { controlStyles } from "../../control/styles.js";
5
+ import { FieldLabel, FieldMessage } from "../../field/index.js";
6
6
  import { invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
7
7
  import { groupStyles } from "../../field/styles.js";
8
- import { FieldLabel, FieldMessage } from "../../field/index.js";
9
- import { controlStyles } from "../../control/styles.js";
10
- import { ControlDescription, ControlLabel } from "../../control/index.js";
8
+ import { useRipple } from "../../hooks/useRipple.js";
9
+ import { focus } from "../../styles/focus.js";
10
+ import { mergeStatefulStyles } from "../../styles/merge.js";
11
11
  import { c } from "react/compiler-runtime";
12
12
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
13
13
  import { RadioButton, RadioField, RadioGroup } from "react-aria-components";
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeStatefulStyles } from "../../styles/merge.js";
4
- import { focus } from "../../styles/focus.js";
5
- import { calendarStyles, dateLayers } from "../../calendar/styles.js";
6
3
  import { CalendarFrame, CalendarGridHeader as CalendarGridHeader$1 } from "../../calendar/index.js";
7
4
  import { monthOffsets } from "../../calendar/months.js";
5
+ import { calendarStyles, dateLayers } from "../../calendar/styles.js";
6
+ import { focus } from "../../styles/focus.js";
7
+ import { mergeStatefulStyles } from "../../styles/merge.js";
8
8
  import { c } from "react/compiler-runtime";
9
9
  import { jsx, jsxs } from "react/jsx-runtime";
10
10
  import { CalendarCell, CalendarGrid, CalendarGridBody, RangeCalendar } from "react-aria-components";
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeStatefulStyles } from "../../styles/merge.js";
4
- import { CloseGlyph, SearchGlyph } from "../../glyphs/index.js";
3
+ import { FieldInput, FieldMessage } from "../../field/index.js";
4
+ import { focusesControl } from "../../field/press.js";
5
5
  import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
6
+ import { CloseGlyph, SearchGlyph } from "../../glyphs/index.js";
7
+ import { mergeStatefulStyles } from "../../styles/merge.js";
6
8
  import IconButton from "../icon-button/index.js";
7
- import { focusesControl } from "../../field/press.js";
8
- import { FieldInput, FieldMessage } from "../../field/index.js";
9
9
  import { c } from "react/compiler-runtime";
10
10
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
11
11
  import { FieldInputContext, Label, SearchField, VisuallyHidden, useSlottedContext } from "react-aria-components";
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeStatefulStyles } from "../../styles/merge.js";
3
+ import { FieldInput } from "../../field/index.js";
4
+ import { ArrowBackGlyph, CloseGlyph } from "../../glyphs/index.js";
4
5
  import { useMessages } from "../../i18n/index.js";
6
+ import { mergeStatefulStyles } from "../../styles/merge.js";
7
+ import { overlay } from "../../styles/overlay.js";
5
8
  import Autocomplete$1 from "../autocomplete/index.js";
6
- import { ArrowBackGlyph, CloseGlyph } from "../../glyphs/index.js";
7
9
  import IconButton from "../icon-button/index.js";
8
- import { FieldInput } from "../../field/index.js";
9
- import { overlay } from "../../styles/overlay.js";
10
10
  import { c } from "react/compiler-runtime";
11
11
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
12
12
  import { Dialog, DialogTrigger, Label, Popover, SearchField, VisuallyHidden } from "react-aria-components";
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { spacing } from "../../tokens/design.tokens.stylex.js";
4
- import { mergeStatefulStyles } from "../../styles/merge.js";
5
3
  import { CheckGlyph } from "../../glyphs/index.js";
4
+ import { useRipple } from "../../hooks/useRipple.js";
5
+ import { useToggleGroupDisabled } from "../../hooks/useToggleGroupDisabled.js";
6
6
  import { ariaAttributesOf, toggleButtonRenderer } from "../../render/aria.js";
7
7
  import { focus } from "../../styles/focus.js";
8
- import { useToggleGroupDisabled } from "../../hooks/useToggleGroupDisabled.js";
9
- import { useRipple } from "../../hooks/useRipple.js";
8
+ import { mergeStatefulStyles } from "../../styles/merge.js";
9
+ import { spacing } from "../../tokens/design.tokens.stylex.js";
10
10
  import { c } from "react/compiler-runtime";
11
11
  import { createContext, createElement, useContext, useLayoutEffect, useState } from "react";
12
12
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeStatefulStyles } from "../../styles/merge.js";
4
- import { ChevronEndGlyph } from "../../glyphs/index.js";
5
- import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
6
3
  import { FieldBox, FieldMessage, FieldTrigger, FieldValue } from "../../field/index.js";
4
+ import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
5
+ import { ChevronEndGlyph } from "../../glyphs/index.js";
6
+ import { mergeStatefulStyles } from "../../styles/merge.js";
7
7
  import { overlay, popupOrigin } from "../../styles/overlay.js";
8
8
  import ListBox$1 from "../list-box/index.js";
9
9
  import { c } from "react/compiler-runtime";
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeRefs } from "../../render/ref.js";
4
- import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
5
- import { useMessages } from "../../i18n/index.js";
6
- import { overlay } from "../../styles/overlay.js";
7
3
  import { useHoldBottomEdge } from "../../hooks/useBottomEdge.js";
8
4
  import { useScrollStop } from "../../hooks/useScrollStop.js";
5
+ import { useMessages } from "../../i18n/index.js";
9
6
  import { OverlayScope } from "../../overlay/index.js";
7
+ import { mergeRefs } from "../../render/ref.js";
8
+ import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
9
+ import { overlay } from "../../styles/overlay.js";
10
10
  import { c } from "react/compiler-runtime";
11
11
  import { createContext, useContext, useLayoutEffect, useRef, useSyncExternalStore } from "react";
12
12
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeStatefulStyles } from "../../styles/merge.js";
4
- import { groupStyles } from "../../field/styles.js";
5
3
  import { FieldLabel } from "../../field/index.js";
4
+ import { groupStyles } from "../../field/styles.js";
5
+ import { mergeStatefulStyles } from "../../styles/merge.js";
6
6
  import { c } from "react/compiler-runtime";
7
7
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
8
8
  import { Slider, SliderOutput, SliderThumb, SliderTrack } from "react-aria-components";
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeStatefulStyles } from "../../styles/merge.js";
4
3
  import { CloseGlyph } from "../../glyphs/index.js";
5
- import { useRipple } from "../../hooks/useRipple.js";
6
4
  import { useBottomEdgeClearance } from "../../hooks/useBottomEdge.js";
5
+ import { useRipple } from "../../hooks/useRipple.js";
6
+ import { mergeStatefulStyles } from "../../styles/merge.js";
7
7
  import { c } from "react/compiler-runtime";
8
8
  import { useSyncExternalStore } from "react";
9
9
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -1,8 +1,8 @@
1
1
  "use client";
2
- import { radii, sizing } from "../../tokens/design.tokens.stylex.js";
3
- import { mergeStyles } from "../../styles/merge.js";
4
- import { ChevronDownGlyph } from "../../glyphs/index.js";
5
2
  import { ButtonGroupItemContext } from "../../button/context.js";
3
+ import { ChevronDownGlyph } from "../../glyphs/index.js";
4
+ import { mergeStyles } from "../../styles/merge.js";
5
+ import { radii, sizing } from "../../tokens/design.tokens.stylex.js";
6
6
  import Button$1 from "../button/index.js";
7
7
  import Menu$1 from "../menu/index.js";
8
8
  import { c } from "react/compiler-runtime";
@@ -1,13 +1,13 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeStatefulStyles } from "../../styles/merge.js";
3
+ import { ControlLabel } from "../../control/index.js";
4
+ import { controlStyles } from "../../control/styles.js";
5
+ import { FieldMessage } from "../../field/index.js";
6
+ import { invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
4
7
  import { CheckGlyph, CloseGlyph } from "../../glyphs/index.js";
5
- import { focus } from "../../styles/focus.js";
6
8
  import { useRipple } from "../../hooks/useRipple.js";
7
- import { invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
8
- import { FieldMessage } from "../../field/index.js";
9
- import { controlStyles } from "../../control/styles.js";
10
- import { ControlLabel } from "../../control/index.js";
9
+ import { focus } from "../../styles/focus.js";
10
+ import { mergeStatefulStyles } from "../../styles/merge.js";
11
11
  import { c } from "react/compiler-runtime";
12
12
  import { useRef, useState } from "react";
13
13
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeRefs } from "../../render/ref.js";
4
- import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
5
- import { rowStyles as rowStyles$1 } from "../../row/styles.js";
6
- import { collectionStyles } from "../../collection/styles.js";
7
3
  import { CollectionLoadMore } from "../../collection/index.js";
4
+ import { collectionStyles } from "../../collection/styles.js";
8
5
  import { ArrowDownwardGlyph, ArrowUpwardGlyph } from "../../glyphs/index.js";
6
+ import { mergeRefs } from "../../render/ref.js";
7
+ import { rowStyles as rowStyles$1 } from "../../row/styles.js";
8
+ import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
9
9
  import Checkbox from "../checkbox/index.js";
10
10
  import { c } from "react/compiler-runtime";
11
11
  import { createContext, useContext } from "react";
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeStatefulStyles } from "../../styles/merge.js";
4
- import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
5
3
  import { FieldBox, FieldMessage, FieldTextArea } from "../../field/index.js";
4
+ import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
5
+ import { mergeStatefulStyles } from "../../styles/merge.js";
6
6
  import { c } from "react/compiler-runtime";
7
7
  import { jsx, jsxs } from "react/jsx-runtime";
8
8
  import { TextField } from "react-aria-components";
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeStatefulStyles } from "../../styles/merge.js";
4
- import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
5
3
  import { FieldBox, FieldInput, FieldMessage } from "../../field/index.js";
4
+ import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
5
+ import { mergeStatefulStyles } from "../../styles/merge.js";
6
6
  import { c } from "react/compiler-runtime";
7
7
  import { jsx, jsxs } from "react/jsx-runtime";
8
8
  import { TextField } from "react-aria-components";
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeStatefulStyles } from "../../styles/merge.js";
4
- import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
5
3
  import { FieldBox, FieldMessage, FieldSegments } from "../../field/index.js";
6
- import { segmentStyles } from "../../segments/styles.js";
4
+ import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
7
5
  import { renderSegment } from "../../segments/index.js";
6
+ import { segmentStyles } from "../../segments/styles.js";
7
+ import { mergeStatefulStyles } from "../../styles/merge.js";
8
8
  import { c } from "react/compiler-runtime";
9
9
  import { jsx, jsxs } from "react/jsx-runtime";
10
10
  import { DateInput, TimeField } from "react-aria-components";
@@ -1,16 +1,16 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeStatefulStyles } from "../../styles/merge.js";
4
- import { useMessages } from "../../i18n/index.js";
5
- import { ClockGlyph, KeyboardGlyph } from "../../glyphs/index.js";
6
- import Button$1 from "../button/index.js";
7
- import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
8
- import IconButton from "../icon-button/index.js";
9
3
  import { FieldBox, FieldMessage, FieldSegments } from "../../field/index.js";
4
+ import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
5
+ import { ClockGlyph, KeyboardGlyph } from "../../glyphs/index.js";
6
+ import { useMessages } from "../../i18n/index.js";
7
+ import { renderSegment } from "../../segments/index.js";
8
+ import { segmentStyles } from "../../segments/styles.js";
9
+ import { mergeStatefulStyles } from "../../styles/merge.js";
10
10
  import { overlay } from "../../styles/overlay.js";
11
11
  import { picker, triggerClassName } from "../../styles/picker.js";
12
- import { segmentStyles } from "../../segments/styles.js";
13
- import { renderSegment } from "../../segments/index.js";
12
+ import Button$1 from "../button/index.js";
13
+ import IconButton from "../icon-button/index.js";
14
14
  import { c } from "react/compiler-runtime";
15
15
  import { useContext, useId, useRef, useState } from "react";
16
16
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeStatefulStyles } from "../../styles/merge.js";
4
- import { focus } from "../../styles/focus.js";
5
- import { fieldStyles, invalidFrom } from "../../field/root.js";
6
- import { FieldBox, FieldMessage } from "../../field/index.js";
7
- import { chipStyles } from "../../chip/styles.js";
8
3
  import { chipLabel } from "../../chip/index.js";
4
+ import { chipStyles } from "../../chip/styles.js";
5
+ import { FieldBox, FieldMessage } from "../../field/index.js";
6
+ import { fieldStyles, invalidFrom } from "../../field/root.js";
7
+ import { focus } from "../../styles/focus.js";
8
+ import { mergeStatefulStyles } from "../../styles/merge.js";
9
9
  import { c } from "react/compiler-runtime";
10
10
  import { useId, useLayoutEffect, useRef, useState } from "react";
11
11
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -1,13 +1,13 @@
1
1
  "use client";
2
2
  import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
4
- import { collectionStyles, containerClasses, rowItemStyles } from "../../collection/styles.js";
5
3
  import { CollectionLoadMore } from "../../collection/index.js";
4
+ import { collectionStyles, containerClasses, rowItemStyles } from "../../collection/styles.js";
6
5
  import { ChevronEndGlyph } from "../../glyphs/index.js";
7
- import { focus } from "../../styles/focus.js";
8
6
  import { useRipple } from "../../hooks/useRipple.js";
9
- import Checkbox from "../checkbox/index.js";
10
7
  import { RowContent } from "../../row/index.js";
8
+ import { focus } from "../../styles/focus.js";
9
+ import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
10
+ import Checkbox from "../checkbox/index.js";
11
11
  import { c } from "react/compiler-runtime";
12
12
  import { createContext, useContext } from "react";
13
13
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -1,6 +1,6 @@
1
1
  import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
2
- import { fieldChromeStyles } from "../field/styles.js";
3
2
  import { RequiredMark } from "../field/index.js";
3
+ import { fieldChromeStyles } from "../field/styles.js";
4
4
  import { controlStyles } from "./styles.js";
5
5
  import { c } from "react/compiler-runtime";
6
6
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { dragStyles } from "./styles.js";
4
3
  import { DropIndicator as DropIndicator$1 } from "./index.js";
4
+ import { dragStyles } from "./styles.js";
5
5
  import { c } from "react/compiler-runtime";
6
6
  import { jsx } from "react/jsx-runtime";
7
7
  import { useDragAndDrop } from "react-aria-components";
@@ -1,10 +1,10 @@
1
1
  import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
2
- import { spacing } from "../tokens/design.tokens.stylex.js";
3
- import { mergeStatefulStyles, mergeStyles } from "../styles/merge.js";
4
2
  import { useMessages } from "../i18n/index.js";
3
+ import { mergeStatefulStyles, mergeStyles } from "../styles/merge.js";
4
+ import { spacing } from "../tokens/design.tokens.stylex.js";
5
+ import { focusesControl } from "./press.js";
5
6
  import { useInsideForm } from "./root.js";
6
7
  import { fieldChromeStyles, groupStyles } from "./styles.js";
7
- import { focusesControl } from "./press.js";
8
8
  import { c } from "react/compiler-runtime";
9
9
  import { createContext, useContext, useId } from "react";
10
10
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -1,6 +1,6 @@
1
+ import { arrowBackPath, arrowDownwardPath, arrowDropDownPath, arrowUpwardPath, calendarPath, checkCirclePath, checkPath, chevronDownPath, chevronEndPath, clockPath, closePath, errorPath, keyboardPath, minusPath, personPath, plusPath, searchPath } from "../kanso-ui-core/glyphs.js";
1
2
  import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
2
3
  import { mergeStyles } from "../styles/merge.js";
3
- import { arrowBackPath, arrowDownwardPath, arrowDropDownPath, arrowUpwardPath, calendarPath, checkCirclePath, checkPath, chevronDownPath, chevronEndPath, clockPath, closePath, errorPath, keyboardPath, minusPath, personPath, plusPath, searchPath } from "../kanso-ui-core/glyphs.js";
4
4
  import { glyphStyles } from "./styles.js";
5
5
  import { c } from "react/compiler-runtime";
6
6
  import { jsx } from "react/jsx-runtime";
@@ -1,6 +1,6 @@
1
1
  import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
2
- import { motionDurationMs, motionEasing, spacingPx } from "../tokens/values.js";
3
2
  import { rippleStyles as styles } from "../styles/ripple.js";
3
+ import { motionDurationMs, motionEasing, spacingPx } from "../tokens/values.js";
4
4
  import { c } from "react/compiler-runtime";
5
5
  import { useEffect, useRef, useState } from "react";
6
6
  import { jsx } from "react/jsx-runtime";
@@ -1,8 +1,8 @@
1
1
  import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
2
- import { useRender } from "../render/useRender.js";
3
- import { mergeStyles } from "../styles/merge.js";
4
2
  import { PersonGlyph } from "../glyphs/index.js";
5
3
  import { useImageLoadingStatus } from "../hooks/useImageLoadingStatus.js";
4
+ import { useRender } from "../render/useRender.js";
5
+ import { mergeStyles } from "../styles/merge.js";
6
6
  import { initialOfThing, initialsOfPerson } from "./initials.js";
7
7
  import { markStyles } from "./styles.js";
8
8
  import { c } from "react/compiler-runtime";
@@ -1,10 +1,10 @@
1
1
  import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
2
- import { mergeStatefulStyles } from "../styles/merge.js";
3
2
  import { BadgeMarkContext } from "../badge/index.js";
4
3
  import Badge from "../components/badge/index.js";
5
- import { focus } from "../styles/focus.js";
6
- import { useRipple } from "../hooks/useRipple.js";
7
4
  import { useClippedTitle } from "../hooks/useClippedTitle.js";
5
+ import { useRipple } from "../hooks/useRipple.js";
6
+ import { focus } from "../styles/focus.js";
7
+ import { mergeStatefulStyles } from "../styles/merge.js";
8
8
  import { NavigationContext } from "./context.js";
9
9
  import { barItemStyles, collapsedItemStyles, crampedBarItemStyles, expandedItemStyles, navigationItemStyles, navigationListStyles } from "./styles.js";
10
10
  import { c } from "react/compiler-runtime";
@@ -1,5 +1,5 @@
1
- import { RenderComponentProps } from "./render/useRender.js";
2
1
  import { t as KuiTheme } from "./kanso-ui-core/defaults-DMH0HWCw.js";
2
+ import { RenderComponentProps } from "./render/useRender.js";
3
3
  type ThemeScopeProps = RenderComponentProps<'div'> & {
4
4
  /**
5
5
  * Pins the scope to the library's light or dark scheme, whatever the
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import { props } from "./node_modules/@stylexjs/stylex/lib/es/stylex.js";
3
- import { colorDefaultsDarkTheme, colorDefaultsLightTheme, tokenScope } from "./tokens/design.tokens.stylex.js";
4
- import { pinnedScheme } from "./styles/scheme.js";
5
3
  import { useRender } from "./render/useRender.js";
6
4
  import { mergeStyles } from "./styles/merge.js";
5
+ import { pinnedScheme } from "./styles/scheme.js";
6
+ import { colorDefaultsDarkTheme, colorDefaultsLightTheme, tokenScope } from "./tokens/design.tokens.stylex.js";
7
7
  import { c } from "react/compiler-runtime";
8
8
  import { useState } from "react";
9
9
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kanso-labs/kanso-ui",
3
- "version": "0.45.10",
3
+ "version": "0.45.12",
4
4
  "description": "A React component library built on React Aria Components primitives and styled with StyleX, with design tokens sourced from a single W3C DTCG file and compiled via Style Dictionary",
5
5
  "keywords": [
6
6
  "react",
@@ -86,8 +86,8 @@
86
86
  "@commitlint/cli": "21.2.4",
87
87
  "@commitlint/config-conventional": "21.2.4",
88
88
  "@eslint/js": "10.0.1",
89
- "@kanso-labs/kanso-ui-core": "0.1.5",
90
- "@kanso-labs/unplugin-style-dictionary": "0.10.46",
89
+ "@kanso-labs/kanso-ui-core": "0.1.6",
90
+ "@kanso-labs/unplugin-style-dictionary": "0.10.47",
91
91
  "@microsoft/api-extractor": "7.60.0",
92
92
  "@rolldown/plugin-babel": "0.2.4",
93
93
  "@storybook/addon-a11y": "10.6.5",
@@ -127,7 +127,7 @@
127
127
  "rimraf": "6.1.3",
128
128
  "storybook": "10.6.5",
129
129
  "style-dictionary": "5.7.1",
130
- "tsdown": "0.23.3",
130
+ "tsdown": "0.23.4",
131
131
  "typescript": "6.0.3",
132
132
  "typescript-eslint": "8.72.1",
133
133
  "vite": "8.3.5",