@optiaxiom/react 0.3.5 → 0.4.0

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 (182) hide show
  1. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-CvVkw3cs.css → AlertDialogContent.css.ts.vanilla-Q3NIqlJM.css} +7 -7
  2. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-CwXE2VkG.css +6 -0
  3. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-BSS4gDqH.css +10 -0
  4. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DBcDsevU.css +27 -0
  5. package/dist/assets/src/badge/Badge.css.ts.vanilla-v_WxKtkk.css +46 -0
  6. package/dist/assets/src/box/{Box.css.ts.vanilla-BHZ4bhCx.css → Box.css.ts.vanilla-DlV97In6.css} +23 -23
  7. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-Cdep1j3a.css +140 -0
  8. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-B3UxIRoe.css +9 -0
  9. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-B4c8nGzf.css +18 -0
  10. package/dist/assets/src/code/Code.css.ts.vanilla-BE7HUNcL.css +7 -0
  11. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-BJs_Nl-b.css +24 -0
  12. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-xxkcym9y.css +12 -0
  13. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-Ds32MO_e.css → DialogContent.css.ts.vanilla-DysCGMhf.css} +9 -9
  14. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DGvnwBsb.css +25 -0
  15. package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-C7mcv2PW.css → DisclosureTrigger.css.ts.vanilla-DztATFY8.css} +7 -7
  16. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-BiYwxVN6.css → Drawer.css.ts.vanilla-CnCA4xNN.css} +8 -8
  17. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-lySj_lUQ.css → HoverCardContent.css.ts.vanilla-B7Unn1_B.css} +3 -3
  18. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-DT8h6YNZ.css +35 -0
  19. package/dist/assets/src/input/Input.css.ts.vanilla-BNBpG_wR.css +15 -0
  20. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BRh6TDMo.css +87 -0
  21. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-DI26I3lo.css +9 -0
  22. package/dist/assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css +1 -0
  23. package/dist/assets/src/link/{Link.css.ts.vanilla-aDd_bw53.css → Link.css.ts.vanilla-B1rm-mfe.css} +12 -12
  24. package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-OxyS0fbd.css +21 -0
  25. package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-2nkexoSY.css +30 -0
  26. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BO2HXPXk.css +6 -0
  27. package/dist/assets/src/pill/{Pill.css.ts.vanilla-BhiphgSM.css → Pill.css.ts.vanilla-DzzbV1Nh.css} +4 -4
  28. package/dist/assets/src/radio/Radio.css.ts.vanilla-mURefw5x.css +13 -0
  29. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-D53cHAo4.css +6 -0
  30. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-MHnZ2e2d.css +7 -0
  31. package/dist/assets/src/separator/{Separator.css.ts.vanilla-BFxuHRr5.css → Separator.css.ts.vanilla-N8U1QlYl.css} +10 -10
  32. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-BQWU_ImM.css +6 -0
  33. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Chu8YOX_.css +6 -0
  34. package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-D0osMMfq.css → properties.css.ts.vanilla-BhPIJGmv.css} +2069 -2069
  35. package/dist/assets/src/switch/Switch.css.ts.vanilla-CaTyt1Cf.css +26 -0
  36. package/dist/assets/src/table/{Table.css.ts.vanilla-D6-YaAqO.css → Table.css.ts.vanilla-D_TJfh-t.css} +4 -4
  37. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BQo50gJY.css +6 -0
  38. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-moxm-BZ3.css → TableCell.css.ts.vanilla-C1lyvuYS.css} +4 -4
  39. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DhY1s_ZI.css +6 -0
  40. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-g1JsQVd4.css +4 -0
  41. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-DvNrc0zR.css +9 -0
  42. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-C4pwOkZI.css +23 -0
  43. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-CDh49ssN.css → TabsTrigger.css.ts.vanilla-_hN0PYnr.css} +10 -10
  44. package/dist/assets/src/text/{Text.css.ts.vanilla-CGbEhKz7.css → Text.css.ts.vanilla-BCJDfIr0.css} +8 -8
  45. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BCRMLxRG.css +34 -0
  46. package/dist/assets/src/toast/Toast.css.ts.vanilla-BmaWJko-.css +92 -0
  47. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-DEMA1i5o.css → ToastProvider.css.ts.vanilla-CqJHVl4p.css} +9 -9
  48. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-B-y4RHi9.css +22 -0
  49. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DM66CPyH.css +10 -0
  50. package/dist/assets/src/transition/{Transition.css.ts.vanilla-DIc7AOWt.css → Transition.css.ts.vanilla-Cnbq_Zqn.css} +16 -16
  51. package/dist/index.d.ts +9 -9
  52. package/dist/index.js +4 -4
  53. package/dist/package.json.js +1 -1
  54. package/dist/src/alert/Alert-css.js +1 -1
  55. package/dist/src/alert-dialog-content/AlertDialogContent-css.js +4 -4
  56. package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +1 -1
  57. package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
  58. package/dist/src/autocomplete-content/AutocompleteContent-css.js +3 -3
  59. package/dist/src/avatar/Avatar-css.js +4 -4
  60. package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
  61. package/dist/src/badge/Badge-css.js +3 -3
  62. package/dist/src/banner/Banner-css.js +1 -1
  63. package/dist/src/box/Box-css.js +3 -3
  64. package/dist/src/button-base/ButtonBase-css.js +5 -5
  65. package/dist/src/button-group/ButtonGroup-css.js +3 -3
  66. package/dist/src/button-loadable/ButtonLoadable-css.js +5 -5
  67. package/dist/src/checkbox/Checkbox-css.js +8 -8
  68. package/dist/src/code/Code-css.js +3 -3
  69. package/dist/src/combobox/Combobox.js +3 -55
  70. package/dist/src/combobox-checkbox-item/ComboboxCheckboxItem.js +6 -0
  71. package/dist/src/combobox-content/ComboboxContent.js +22 -1
  72. package/dist/src/combobox-empty/ComboboxEmpty.js +2 -26
  73. package/dist/src/combobox-footer/ComboboxFooter.js +2 -9
  74. package/dist/src/combobox-input/ComboboxInput.js +2 -33
  75. package/dist/src/combobox-item/ComboboxItem.js +2 -45
  76. package/dist/src/combobox-item-indicator/ComboboxItemIndicator.js +2 -16
  77. package/dist/src/combobox-list/ComboboxList.js +2 -29
  78. package/dist/src/combobox-multiple-value/ComboboxMultipleValue.js +5 -2
  79. package/dist/src/combobox-separator/ComboboxSeparator.js +2 -5
  80. package/dist/src/combobox-single-value/ComboboxSingleValue.js +2 -2
  81. package/dist/src/combobox-value/ComboboxValue.js +2 -5
  82. package/dist/src/command/Command.js +74 -0
  83. package/dist/src/command-checkbox-item/CommandCheckboxItem.js +31 -0
  84. package/dist/src/command-context/CommandContext.js +5 -0
  85. package/dist/src/command-empty/CommandEmpty.js +30 -0
  86. package/dist/src/{combobox-footer/ComboboxFooter-css.js → command-footer/CommandFooter-css.js} +1 -1
  87. package/dist/src/command-footer/CommandFooter.js +13 -0
  88. package/dist/src/command-input/CommandInput.js +37 -0
  89. package/dist/src/command-item/CommandItem.js +50 -0
  90. package/dist/src/command-item-context/CommandItemContext.js +5 -0
  91. package/dist/src/command-item-indicator/CommandItemIndicator.js +20 -0
  92. package/dist/src/command-list/CommandList.js +33 -0
  93. package/dist/src/command-separator/CommandSeparator.js +9 -0
  94. package/dist/src/data-table/DataTable-css.js +7 -7
  95. package/dist/src/data-table-header/DataTableHeader-css.js +4 -4
  96. package/dist/src/dialog-body/DialogBody-css.js +1 -1
  97. package/dist/src/dialog-content/DialogContent-css.js +5 -5
  98. package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
  99. package/dist/src/disclosure-content/DisclosureContent-css.js +3 -3
  100. package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
  101. package/dist/src/drawer/Drawer-css.js +5 -5
  102. package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
  103. package/dist/src/indicator/Indicator-css.js +5 -5
  104. package/dist/src/input/Input-css.js +3 -3
  105. package/dist/src/input-base/InputBase-css.js +5 -5
  106. package/dist/src/kbd/Kbd-css.js +3 -3
  107. package/dist/src/layers/layers-css.js +3 -3
  108. package/dist/src/link/Link-css.js +4 -4
  109. package/dist/src/listbox-base/ListboxBase-css.js +3 -3
  110. package/dist/src/listbox-item-base/ListboxItemBase-css.js +3 -3
  111. package/dist/src/pagination/Pagination-css.js +3 -3
  112. package/dist/src/pill/Pill-css.js +3 -3
  113. package/dist/src/radio/Radio-css.js +8 -8
  114. package/dist/src/search-input/SearchInput-css.js +4 -4
  115. package/dist/src/select-content/SelectContent-css.js +3 -3
  116. package/dist/src/separator/Separator-css.js +3 -3
  117. package/dist/src/{side-nav/SideNav.js → sidenav/Sidenav.js} +5 -5
  118. package/dist/src/{side-nav-account-item/SideNavAccountItem.js → sidenav-account-item/SidenavAccountItem.js} +5 -5
  119. package/dist/src/sidenav-context/SidenavContext.js +5 -0
  120. package/dist/src/sidenav-item/SidenavItem-css.js +9 -0
  121. package/dist/src/{side-nav-item/SideNavItem.js → sidenav-item/SidenavItem.js} +6 -6
  122. package/dist/src/{side-nav-toggle/SideNavToggle.js → sidenav-toggle/SidenavToggle.js} +7 -7
  123. package/dist/src/skeleton/Skeleton-css.js +3 -3
  124. package/dist/src/sprinkles/properties-css.js +4 -4
  125. package/dist/src/switch/Switch-css.js +8 -8
  126. package/dist/src/table/Table-css.js +4 -4
  127. package/dist/src/table-body/TableBody-css.js +3 -3
  128. package/dist/src/table-cell/TableCell-css.js +4 -4
  129. package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
  130. package/dist/src/table-row/TableRow-css.js +3 -3
  131. package/dist/src/tabs/Tabs-css.js +3 -3
  132. package/dist/src/tabs-list/TabsList-css.js +3 -3
  133. package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
  134. package/dist/src/text/Text-css.js +3 -3
  135. package/dist/src/textarea-autosize/TextareaAutosize-css.js +5 -5
  136. package/dist/src/toast/Toast-css.js +5 -5
  137. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  138. package/dist/src/toggle-input/ToggleInput-css.js +4 -4
  139. package/dist/src/toggle-input-control/ToggleInputControl-css.js +5 -5
  140. package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +3 -3
  141. package/dist/src/tooltip-content/TooltipContent-css.js +1 -1
  142. package/dist/src/transition/Transition-css.js +3 -3
  143. package/dist/unstable.d.ts +125 -12
  144. package/dist/unstable.js +10 -0
  145. package/package.json +1 -1
  146. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-B2pBflJv.css +0 -6
  147. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-Bbsg7no2.css +0 -10
  148. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-UAC31ujs.css +0 -27
  149. package/dist/assets/src/badge/Badge.css.ts.vanilla-Dby1HGSv.css +0 -46
  150. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-BHtcSNLa.css +0 -140
  151. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CnyGW7JN.css +0 -9
  152. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BP-IS8uM.css +0 -18
  153. package/dist/assets/src/code/Code.css.ts.vanilla-Di85g701.css +0 -7
  154. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-Dr8prppO.css +0 -24
  155. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-DqnDDweC.css +0 -12
  156. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-C97DPRK_.css +0 -25
  157. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-BB2KNGqT.css +0 -35
  158. package/dist/assets/src/input/Input.css.ts.vanilla-BmTJx0jV.css +0 -15
  159. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-DFLR3BqU.css +0 -87
  160. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-DGV6V8U_.css +0 -9
  161. package/dist/assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css +0 -1
  162. package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-DGeZ_R0t.css +0 -21
  163. package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-C1JB1FI6.css +0 -30
  164. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-DbNkwf0Z.css +0 -6
  165. package/dist/assets/src/radio/Radio.css.ts.vanilla-B-Wp17XI.css +0 -13
  166. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-oc3OrG46.css +0 -6
  167. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-VyK_Ftq8.css +0 -7
  168. package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-BPtTByKU.css +0 -6
  169. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-B2F2J-1K.css +0 -6
  170. package/dist/assets/src/switch/Switch.css.ts.vanilla-CcWtFhhC.css +0 -26
  171. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-DvElLAAk.css +0 -6
  172. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-BwRY6BfC.css +0 -6
  173. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DkygPBaI.css +0 -4
  174. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-eDWe_QTH.css +0 -9
  175. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-7xdw9CeT.css +0 -23
  176. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-B8N-ZjBS.css +0 -34
  177. package/dist/assets/src/toast/Toast.css.ts.vanilla-CHiwYBgv.css +0 -92
  178. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-CYG8X4be.css +0 -22
  179. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-BuJ2mQgD.css +0 -10
  180. package/dist/src/combobox-item-context/ComboboxItemContext.js +0 -5
  181. package/dist/src/side-nav-context/SideNavContext.js +0 -5
  182. package/dist/src/side-nav-item/SideNavItem-css.js +0 -9
@@ -0,0 +1,26 @@
1
+ @layer optiaxiom.z7nceq;
2
+ @layer optiaxiom.z7nceq {
3
+ ._19fsgzr {
4
+ --_4p01u2: var(--ax-colors-bg-tertiary);
5
+ }
6
+ ._19fsgzr:has(._1hpqifr:not(:disabled):not(:checked)):hover {
7
+ --_4p01u2: var(--ax-colors-bg-tertiary-hovered);
8
+ }
9
+ .deblyu {
10
+ background-color: var(--_4p01u2);
11
+ position: relative;
12
+ }
13
+ .wia9yj {
14
+ background-color: var(--ax-colors-bg-default);
15
+ transform: translateX(-10px);
16
+ }
17
+ ._13hvfkv:has(._1hpqifr:checked) .wia9yj {
18
+ transform: translateX(10px);
19
+ }
20
+ ._13hvfkv:has(._1hpqifr:disabled) .wia9yj {
21
+ background-color: var(--ax-colors-bg-page);
22
+ }
23
+ ._13hvfkv:has(._1hpqifr:not(:disabled)) .wia9yj {
24
+ box-shadow: var(--ax-boxShadow-sm);
25
+ }
26
+ }
@@ -1,9 +1,9 @@
1
- @layer optiaxiom._1uoxjkg;
2
- @layer optiaxiom._1uoxjkg {
3
- ._1df2z8e {
1
+ @layer optiaxiom.z7nceq;
2
+ @layer optiaxiom.z7nceq {
3
+ ._1h47irb {
4
4
  caption-side: bottom;
5
5
  }
6
- .kulix0 {
6
+ .hzp552 {
7
7
  max-height: 80dvh;
8
8
  max-width: 80dvw;
9
9
  position: relative;
@@ -0,0 +1,6 @@
1
+ @layer optiaxiom.z7nceq;
2
+ @layer optiaxiom.z7nceq {
3
+ .v9wr0k {
4
+ position: relative;
5
+ }
6
+ }
@@ -1,10 +1,10 @@
1
- @layer optiaxiom._1uoxjkg;
2
- @layer optiaxiom._1uoxjkg {
3
- ._1uz3qv5 {
1
+ @layer optiaxiom.z7nceq;
2
+ @layer optiaxiom.z7nceq {
3
+ ._6p2anv {
4
4
  vertical-align: middle;
5
5
  word-break: break-word;
6
6
  }
7
- .ibaz90:hover ._1uz3qv5 {
7
+ ._1tqhjtt:hover ._6p2anv {
8
8
  background-color: var(--ax-colors-bg-secondary);
9
9
  }
10
10
  }
@@ -0,0 +1,6 @@
1
+ @layer optiaxiom.z7nceq;
2
+ @layer optiaxiom.z7nceq {
3
+ ._2w6s7i {
4
+ vertical-align: middle;
5
+ }
6
+ }
@@ -0,0 +1,4 @@
1
+ @layer optiaxiom.z7nceq;
2
+ @layer optiaxiom.z7nceq {
3
+
4
+ }
@@ -0,0 +1,9 @@
1
+ @layer optiaxiom.z7nceq;
2
+ @layer optiaxiom.z7nceq {
3
+ .qwvvq3[data-orientation="horizontal"] {
4
+ flex-direction: column;
5
+ }
6
+ .qwvvq3[data-orientation="vertical"] {
7
+ flex-direction: row;
8
+ }
9
+ }
@@ -0,0 +1,23 @@
1
+ @layer optiaxiom.z7nceq;
2
+ @layer optiaxiom.z7nceq {
3
+ .jz6y0o[data-orientation="horizontal"] {
4
+ flex-direction: row;
5
+ }
6
+ .jz6y0o[data-orientation="vertical"] {
7
+ flex-direction: column;
8
+ }
9
+ .yj7k6t[data-orientation="horizontal"] {
10
+ border-bottom-width: 1px;
11
+ gap: var(--ax-spacing-lg);
12
+ }
13
+ .yj7k6t[data-orientation="vertical"] {
14
+ border-right-width: 1px;
15
+ gap: var(--ax-spacing-xs);
16
+ }
17
+ .rfc47b[data-orientation="horizontal"] {
18
+ gap: var(--ax-spacing-md);
19
+ }
20
+ .rfc47b[data-orientation="vertical"] {
21
+ gap: var(--ax-spacing-xs);
22
+ }
23
+ }
@@ -1,35 +1,35 @@
1
- @layer optiaxiom._1uoxjkg;
2
- @layer optiaxiom._1uoxjkg {
3
- .akqnm6 {
1
+ @layer optiaxiom.z7nceq;
2
+ @layer optiaxiom.z7nceq {
3
+ .z20xpa {
4
4
  border-color: transparent;
5
5
  color: var(--ax-colors-fg-tertiary);
6
6
  user-select: none;
7
7
  }
8
- .akqnm6:focus-visible {
8
+ .z20xpa:focus-visible {
9
9
  outline: 2px solid var(--ax-colors-border-focus);
10
10
  outline-offset: 1px;
11
11
  }
12
- .akqnm6:hover:not([data-state="active"]) {
12
+ .z20xpa:hover:not([data-state="active"]) {
13
13
  border-color: var(--ax-colors-border-default);
14
14
  color: var(--ax-colors-fg-secondary);
15
15
  }
16
- .akqnm6[data-disabled] {
16
+ .z20xpa[data-disabled] {
17
17
  color: var(--ax-colors-fg-disabled);
18
18
  }
19
- .akqnm6[data-orientation="horizontal"] {
19
+ .z20xpa[data-orientation="horizontal"] {
20
20
  border-bottom-width: 2px;
21
21
  margin-bottom: -1px;
22
22
  }
23
- .akqnm6[data-orientation="vertical"] {
23
+ .z20xpa[data-orientation="vertical"] {
24
24
  border-right-width: 2px;
25
25
  margin-right: -1px;
26
26
  padding-inline: 10px;
27
27
  }
28
- .akqnm6[data-state="active"] {
28
+ .z20xpa[data-state="active"] {
29
29
  border-color: var(--ax-colors-border-accent);
30
30
  color: var(--ax-colors-fg-default);
31
31
  }
32
- ._1b7la63:active ._194qnuq {
32
+ ._1cj9pvc:active ._1d1l8my {
33
33
  background-color: var(--ax-colors-bg-secondary);
34
34
  }
35
35
  }
@@ -1,22 +1,22 @@
1
- @layer optiaxiom._1uoxjkg;
2
- @layer optiaxiom._1uoxjkg {
3
- ._1vojnk4 {
1
+ @layer optiaxiom.z7nceq;
2
+ @layer optiaxiom.z7nceq {
3
+ .zxhcs {
4
4
  text-overflow: ellipsis;
5
5
  }
6
- .wwfkty {
6
+ .vv972q {
7
7
  display: -webkit-box;
8
8
  -webkit-box-orient: vertical;
9
9
  }
10
- ._118owf0 {
10
+ .v6lg1q {
11
11
  -webkit-line-clamp: 1;
12
12
  }
13
- .p1o32i {
13
+ ._1fqwq {
14
14
  -webkit-line-clamp: 2;
15
15
  }
16
- .lve7nd {
16
+ ._6seeaz {
17
17
  -webkit-line-clamp: 3;
18
18
  }
19
- .zem4bh {
19
+ .fao21m {
20
20
  -webkit-line-clamp: 4;
21
21
  }
22
22
  }
@@ -0,0 +1,34 @@
1
+ @layer optiaxiom.z7nceq;
2
+ @layer optiaxiom.z7nceq {
3
+ ._149wf1u {
4
+ max-height: calc(16px + var(--ok0p7p) * 22px);
5
+ }
6
+ .c1ppvm {
7
+ --ok0p7p: 1;
8
+ }
9
+ .ke4m0t {
10
+ --ok0p7p: 2;
11
+ }
12
+ .im3wc2 {
13
+ --ok0p7p: 3;
14
+ }
15
+ ._1uza4vx {
16
+ --ok0p7p: 4;
17
+ }
18
+ ._1ylye2b {
19
+ --ok0p7p: 5;
20
+ }
21
+ .lrzmm6 {
22
+ resize: vertical;
23
+ }
24
+ ._1u3ss6a {
25
+ grid-area: 1 / 1 / 2 / 2;
26
+ }
27
+ ._6q14hu {
28
+ visibility: hidden;
29
+ white-space: pre-wrap;
30
+ }
31
+ ._1itramf {
32
+ resize: none;
33
+ }
34
+ }
@@ -0,0 +1,92 @@
1
+ @keyframes _14qxk58 {
2
+ from {
3
+ opacity: 1;
4
+ }
5
+ }
6
+ @keyframes _2a9x6x {
7
+ from {
8
+ translate: var(--nozh89);
9
+ }
10
+ to {
11
+ translate: 0;
12
+ }
13
+ }
14
+ @keyframes _1xb9jc2 {
15
+ from {
16
+ opacity: 1;
17
+ translate: var(--radix-toast-swipe-end-x) var(--radix-toast-swipe-end-y);
18
+ }
19
+ to {
20
+ translate: var(--nozh89);
21
+ }
22
+ }
23
+ @layer optiaxiom.z7nceq;
24
+ @layer optiaxiom.z7nceq {
25
+ ._1iz4ax9:focus-visible {
26
+ outline: 2px solid var(--ax-colors-border-focus);
27
+ outline-offset: 1px;
28
+ }
29
+ ._1iz4ax9[data-state="closed"] {
30
+ animation: _14qxk58 100ms ease-in;
31
+ opacity: 0;
32
+ }
33
+ ._1iz4ax9[data-state="closed"] ~ ._1iz4ax9 {
34
+ transition: translate 100ms ease-in 100ms;
35
+ }
36
+ ._1iz4ax9[data-state="open"] {
37
+ animation: _2a9x6x 150ms cubic-bezier(0.16, 1, 0.3, 1);
38
+ }
39
+ ._1iz4ax9[data-swipe="cancel"] {
40
+ transition: translate 150ms ease;
41
+ translate: 0;
42
+ }
43
+ ._1iz4ax9[data-swipe="end"] {
44
+ animation: _1xb9jc2 100ms ease-out;
45
+ opacity: 0;
46
+ }
47
+ ._1iz4ax9[data-swipe="move"] {
48
+ translate: var(--radix-toast-swipe-move-x) var(--radix-toast-swipe-move-y);
49
+ }
50
+ ._1iz4ax9[data-swipe-direction="down"] {
51
+ --nozh89: 0 calc(100% + var(--ax-spacing-24));
52
+ }
53
+ ._1iz4ax9[data-swipe-direction="left"] {
54
+ --nozh89: calc(-100% - var(--ax-spacing-24)) 0;
55
+ }
56
+ ._1iz4ax9[data-swipe-direction="right"] {
57
+ --nozh89: calc(100% + var(--ax-spacing-24)) 0;
58
+ }
59
+ ._1iz4ax9[data-swipe-direction="up"] {
60
+ --nozh89: 0 calc(-100% - var(--ax-spacing-24));
61
+ }
62
+ [data-position^="bottom"] ._1iz4ax9:first-child {
63
+ margin-bottom: auto;
64
+ }
65
+ [data-position^="bottom"] ._1iz4ax9[data-state="closed"] ~ ._1iz4ax9 {
66
+ translate: 0 calc(100% + var(--ax-spacing-md));
67
+ }
68
+ [data-position^="top"] ._1iz4ax9:last-child {
69
+ margin-top: auto;
70
+ }
71
+ [data-position^="top"] ._1iz4ax9[data-state="closed"] ~ ._1iz4ax9 {
72
+ translate: 0 calc(-100% - var(--ax-spacing-md));
73
+ }
74
+ ._11yym0z {
75
+ --gc70oj: var(--ax-colors-fg-error-light);
76
+ }
77
+ .lwow39 {
78
+ --gc70oj: var(--ax-colors-fg-information-light);
79
+ }
80
+ .ekg7yt {
81
+ --gc70oj: var(--ax-colors-fg-default-inverse);
82
+ }
83
+ .qaozin {
84
+ --gc70oj: var(--ax-colors-fg-success-light);
85
+ }
86
+ ._1a3s9zc {
87
+ --gc70oj: var(--ax-colors-fg-warning-light);
88
+ }
89
+ ._8mdg2o {
90
+ color: var(--gc70oj);
91
+ }
92
+ }
@@ -1,33 +1,33 @@
1
- @layer optiaxiom._1uoxjkg;
2
- @layer optiaxiom._1uoxjkg {
3
- ._1t3o9re {
1
+ @layer optiaxiom.z7nceq;
2
+ @layer optiaxiom.z7nceq {
3
+ .qwh1ji {
4
4
  outline: none;
5
5
  position: fixed;
6
6
  scrollbar-gutter: stable;
7
7
  }
8
- .s89c8m {
8
+ ._1bgj776 {
9
9
  bottom: 0;
10
10
  left: 50%;
11
11
  transform: translateX(-50%);
12
12
  }
13
- ._16bynhz {
13
+ ._1imkpsi {
14
14
  bottom: 0;
15
15
  left: 0;
16
16
  }
17
- ._17g1iko {
17
+ ._19q3vca {
18
18
  bottom: 0;
19
19
  right: 0;
20
20
  }
21
- ._1tbnfeq {
21
+ ._1paqe {
22
22
  left: 50%;
23
23
  top: 0;
24
24
  transform: translateX(-50%);
25
25
  }
26
- .y37e87 {
26
+ ._6y1kmd {
27
27
  left: 0;
28
28
  top: 0;
29
29
  }
30
- ._130jicq {
30
+ ._18chrg4 {
31
31
  right: 0;
32
32
  top: 0;
33
33
  }
@@ -0,0 +1,22 @@
1
+ @layer optiaxiom.z7nceq;
2
+ @layer optiaxiom.z7nceq {
3
+ ._1ku3jab {
4
+ --_4p01u2: var(--ax-colors-border-active);
5
+ color: var(--ax-colors-fg-default);
6
+ }
7
+ ._1ku3jab:has(.bgi19g:not(:disabled):checked):hover {
8
+ --_4p01u2: var(--ax-colors-bg-accent-hovered);
9
+ }
10
+ ._1ku3jab:has(.bgi19g:not(:disabled):not(:checked)):hover {
11
+ --_4p01u2: var(--ax-colors-border-active-hovered);
12
+ }
13
+ ._1ku3jab:has(.bgi19g:checked) {
14
+ --_4p01u2: var(--ax-colors-bg-accent);
15
+ }
16
+ ._1ku3jab:has(.bgi19g:disabled) {
17
+ color: var(--ax-colors-fg-disabled);
18
+ }
19
+ ._1ku3jab:not(:has(.bgi19g:disabled)) {
20
+ cursor: pointer;
21
+ }
22
+ }
@@ -0,0 +1,10 @@
1
+ @layer optiaxiom.z7nceq;
2
+ @layer optiaxiom.z7nceq {
3
+ .vzh6tm:has(:focus-visible) ._1sfmuni {
4
+ outline: 2px solid var(--ax-colors-border-focus);
5
+ outline-offset: 1px;
6
+ }
7
+ .vzh6tm:has(input:disabled) ._1sfmuni {
8
+ opacity: 0.3;
9
+ }
10
+ }
@@ -1,55 +1,55 @@
1
- @layer optiaxiom._1uoxjkg;
2
- @layer optiaxiom._1uoxjkg {
3
- ._1bnnv5d {
1
+ @layer optiaxiom.z7nceq;
2
+ @layer optiaxiom.z7nceq {
3
+ .ho1lkj {
4
4
  transform-origin: var(--radix-popper-transform-origin);
5
5
  transition-property: opacity, transform;
6
6
  transition-timing-function: ease;
7
7
  }
8
- ._1ownef6 {
8
+ ._1bw4e7i {
9
9
  transition-duration: 150ms;
10
10
  }
11
- .aqo5ir {
11
+ .pmg5bc {
12
12
  transition-duration: 250ms;
13
13
  }
14
- .sm9l7g {
14
+ ._5z7nc0 {
15
15
  transition-duration: 400ms;
16
16
  }
17
- .n24qgb {
17
+ ._6z6lwj {
18
18
  opacity: 0;
19
19
  }
20
- .n24qgb[data-side="bottom"] {
20
+ ._6z6lwj[data-side="bottom"] {
21
21
  opacity: 0;
22
22
  transform: translateY(-15px);
23
23
  }
24
- .n24qgb[data-side="left"] {
24
+ ._6z6lwj[data-side="left"] {
25
25
  opacity: 0;
26
26
  transform: translateX(15px);
27
27
  }
28
- .n24qgb[data-side="right"] {
28
+ ._6z6lwj[data-side="right"] {
29
29
  opacity: 0;
30
30
  transform: translateX(-15px);
31
31
  }
32
- .n24qgb[data-side="top"] {
32
+ ._6z6lwj[data-side="top"] {
33
33
  opacity: 0;
34
34
  transform: translateY(15px);
35
35
  }
36
- .htfrzr {
36
+ ._11i2ynt {
37
37
  opacity: 0;
38
38
  transform: scale(0.95);
39
39
  }
40
- .htfrzr[data-side="bottom"] {
40
+ ._11i2ynt[data-side="bottom"] {
41
41
  opacity: 0;
42
42
  transform: scale(0.95) translateY(-8px);
43
43
  }
44
- .htfrzr[data-side="left"] {
44
+ ._11i2ynt[data-side="left"] {
45
45
  opacity: 0;
46
46
  transform: scale(0.95) translateX(8px);
47
47
  }
48
- .htfrzr[data-side="right"] {
48
+ ._11i2ynt[data-side="right"] {
49
49
  opacity: 0;
50
50
  transform: scale(0.95) translateX(-8px);
51
51
  }
52
- .htfrzr[data-side="top"] {
52
+ ._11i2ynt[data-side="top"] {
53
53
  opacity: 0;
54
54
  transform: scale(0.95) translateY(8px);
55
55
  }
package/dist/index.d.ts CHANGED
@@ -891,7 +891,7 @@ declare const Separator: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_rea
891
891
  } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
892
892
  } & react.RefAttributes<HTMLHRElement>>;
893
893
 
894
- declare const SideNav: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
894
+ declare const Sidenav: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
895
895
  asChild?: boolean;
896
896
  className?: string;
897
897
  } & Sprinkles, never> & {
@@ -902,12 +902,12 @@ declare const SideNav: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedH
902
902
  onExpandedChange?: (expanded: boolean) => void;
903
903
  } & react.RefAttributes<HTMLElement>>;
904
904
 
905
- type SideNavProfileMenuProps = BoxProps<"div", {
905
+ type SidenavProfileMenuProps = BoxProps<"div", {
906
906
  avatar: ReactNode;
907
907
  name?: string;
908
908
  organization?: string;
909
909
  }>;
910
- declare const SideNavAccountItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
910
+ declare const SidenavAccountItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
911
911
  asChild?: boolean;
912
912
  className?: string;
913
913
  } & Sprinkles, never> & {
@@ -916,11 +916,11 @@ declare const SideNavAccountItem: react.ForwardRefExoticComponent<Omit<Omit<reac
916
916
  organization?: string;
917
917
  } & react.RefAttributes<HTMLButtonElement>>;
918
918
 
919
- type SideNavItemProps = ButtonProps<typeof Button, {
919
+ type SidenavItemProps = ButtonProps<typeof Button, {
920
920
  active?: boolean;
921
921
  "aria-label": string;
922
922
  }>;
923
- declare const SideNavItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
923
+ declare const SidenavItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
924
924
  asChild?: boolean;
925
925
  className?: string;
926
926
  } & Sprinkles, "size"> & Omit<{
@@ -963,10 +963,10 @@ declare const SideNavItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<r
963
963
  "aria-label": string;
964
964
  } & react.RefAttributes<HTMLButtonElement>>;
965
965
 
966
- type SideNavToggleProps = {
966
+ type SidenavToggleProps = {
967
967
  "aria-label"?: string;
968
- } & Omit<ComponentPropsWithRef<typeof SideNavItem>, "aria-label">;
969
- declare const SideNavToggle: react.ForwardRefExoticComponent<Omit<SideNavToggleProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
968
+ } & Omit<ComponentPropsWithRef<typeof SidenavItem>, "aria-label">;
969
+ declare const SidenavToggle: react.ForwardRefExoticComponent<Omit<SidenavToggleProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
970
970
 
971
971
  declare const Skeleton: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children" | "color" | "className"> & Omit<{
972
972
  asChild?: boolean;
@@ -1209,4 +1209,4 @@ declare const TransitionGlobalConfig: {
1209
1209
  skipAnimations: boolean;
1210
1210
  };
1211
1211
 
1212
- export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BannerDescription, BannerTitle, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerBody, DrawerFooter, DrawerTitle, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, MenuButton, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, SideNav, SideNavAccountItem, SideNavItem, type SideNavItemProps, type SideNavProfileMenuProps, SideNavToggle, type SideNavToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, extractSprinkles, layers_css as layers, sprinklesMerge };
1212
+ export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BannerDescription, BannerTitle, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerBody, DrawerFooter, DrawerTitle, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, MenuButton, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidenav, SidenavAccountItem, SidenavItem, type SidenavItemProps, type SidenavProfileMenuProps, SidenavToggle, type SidenavToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, extractSprinkles, layers_css as layers, sprinklesMerge };
package/dist/index.js CHANGED
@@ -73,10 +73,10 @@ export { SearchInput } from './src/search-input/SearchInput.js';
73
73
  export { SegmentedControl } from './src/segmented-control/SegmentedControl.js';
74
74
  export { SegmentedControlItem } from './src/segmented-control-item/SegmentedControlItem.js';
75
75
  export { Separator } from './src/separator/Separator.js';
76
- export { SideNav } from './src/side-nav/SideNav.js';
77
- export { SideNavAccountItem } from './src/side-nav-account-item/SideNavAccountItem.js';
78
- export { SideNavItem } from './src/side-nav-item/SideNavItem.js';
79
- export { SideNavToggle } from './src/side-nav-toggle/SideNavToggle.js';
76
+ export { Sidenav } from './src/sidenav/Sidenav.js';
77
+ export { SidenavAccountItem } from './src/sidenav-account-item/SidenavAccountItem.js';
78
+ export { SidenavItem } from './src/sidenav-item/SidenavItem.js';
79
+ export { SidenavToggle } from './src/sidenav-toggle/SidenavToggle.js';
80
80
  export { Skeleton } from './src/skeleton/Skeleton.js';
81
81
  export { Spinner } from './src/spinner/Spinner.js';
82
82
  export { extractSprinkles } from './src/sprinkles/extractSprinkles.js';
@@ -1,3 +1,3 @@
1
- var version = "0.3.5";
1
+ var version = "0.4.0";
2
2
 
3
3
  export { version };
@@ -1,4 +1,4 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
2
2
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
3
3
 
4
4
  var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',justifyContent:'space-between',p:'sm',pr:'md',rounded:'md'}],variants:{colorScheme:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
@@ -1,8 +1,8 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
2
- import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-CvVkw3cs.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
2
+ import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Q3NIqlJM.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',rounded:'lg',shadow:'md',z:'popover'},'a8y4xj'],variants:{size:{sm:'_1qjdv17',md:'_1u61zz4',lg:'_1y322hc'}}});
6
- var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'c8iu6f']});
5
+ var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',rounded:'lg',shadow:'md',z:'popover'},'_1ty4aa4'],variants:{size:{sm:'qq49iq',md:'_12j35md',lg:'j1yi4j'}}});
6
+ var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1frn6bu']});
7
7
 
8
8
  export { content, overlay };
@@ -1,4 +1,4 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
2
2
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
3
3
 
4
4
  var body = recipeRuntime({base:[{flex:'1',fontSize:'md',overflow:'auto',px:'24',py:'16'}]});
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
2
- import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-B2pBflJv.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
2
+ import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-CwXE2VkG.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'_1qz8joq']});
5
+ var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'_1uuyq8l']});
6
6
 
7
7
  export { footer };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
2
- import './../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-Bbsg7no2.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
2
+ import './../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-BSS4gDqH.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var content = recipeRuntime({base:[{p:'4'},'_1xvw2tn']});
5
+ var content = recipeRuntime({base:[{p:'4'},'tapq2o']});
6
6
 
7
7
  export { content };
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-DkygPBaI.css';
3
- import './../../assets/src/avatar/Avatar.css.ts.vanilla-UAC31ujs.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-g1JsQVd4.css';
3
+ import './../../assets/src/avatar/Avatar.css.ts.vanilla-DBcDsevU.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
6
- var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'wrz0hn'],variants:{colorScheme:{blue:{bg:'avatar.bg.blue',color:'avatar.fg.blue'},cyan:{bg:'avatar.bg.cyan',color:'avatar.fg.cyan'},green:{bg:'avatar.bg.green',color:'avatar.fg.green'},magenta:{bg:'avatar.bg.magenta',color:'avatar.fg.magenta'},neutral:{bg:'bg.secondary',color:'fg.default'},purple:{bg:'avatar.bg.purple',color:'avatar.fg.purple'},red:{bg:'bg.error.subtle',color:'fg.error.strong'},yellow:{bg:'avatar.bg.yellow',color:'avatar.fg.yellow'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_198szq4'],sm:[{fontSize:'xs',size:'sm'},'f5rxl4'],md:[{fontSize:'md',size:'md'},'_45i3y1'],lg:[{fontSize:'lg',size:'lg'},'_1baawat'],xl:[{fontSize:'2xl',size:'xl'},'dsb99o'],'5xl':[{fontSize:'4xl',size:'5xl'},'g8hc8l']}}});
6
+ var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'czbj6k'],variants:{colorScheme:{blue:{bg:'avatar.bg.blue',color:'avatar.fg.blue'},cyan:{bg:'avatar.bg.cyan',color:'avatar.fg.cyan'},green:{bg:'avatar.bg.green',color:'avatar.fg.green'},magenta:{bg:'avatar.bg.magenta',color:'avatar.fg.magenta'},neutral:{bg:'bg.secondary',color:'fg.default'},purple:{bg:'avatar.bg.purple',color:'avatar.fg.purple'},red:{bg:'bg.error.subtle',color:'fg.error.strong'},yellow:{bg:'avatar.bg.yellow',color:'avatar.fg.yellow'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_716prs'],sm:[{fontSize:'xs',size:'sm'},'_1fkw5wv'],md:[{fontSize:'md',size:'md'},'bji5v8'],lg:[{fontSize:'lg',size:'lg'},'_1tee3t1'],xl:[{fontSize:'2xl',size:'xl'},'_197h5ch'],'5xl':[{fontSize:'4xl',size:'5xl'},'ed8yc7']}}});
7
7
  var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
8
8
  var icon = recipeRuntime({base:[{h:'auto'}],variants:{size:{xs:{w:'12'},sm:{w:'12'},md:{w:'16'},lg:{w:'20'},xl:{w:'20'},'5xl':{w:'32'}}}});
9
9
 
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-DkygPBaI.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-g1JsQVd4.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var avatarGroup = recipeRuntime({base:['vsldt8',{display:'flex'}]});
5
+ var avatarGroup = recipeRuntime({base:['_1eoc0c0',{display:'flex'}]});
6
6
 
7
7
  export { avatarGroup };