@optiaxiom/react 0.3.5 → 0.4.1

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 (185) hide show
  1. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-CvVkw3cs.css → AlertDialogContent.css.ts.vanilla-BjsLbBg2.css} +7 -7
  2. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-Dkx8GuIM.css +6 -0
  3. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-D2q7OmFt.css +10 -0
  4. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-D7MGa7gZ.css +27 -0
  5. package/dist/assets/src/badge/Badge.css.ts.vanilla-BA6Q7BZT.css +46 -0
  6. package/dist/assets/src/box/{Box.css.ts.vanilla-BHZ4bhCx.css → Box.css.ts.vanilla-CfkLnGor.css} +23 -23
  7. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-Ck0aWKM6.css +140 -0
  8. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CmKkqT9H.css +9 -0
  9. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-D0ZR8bIj.css +18 -0
  10. package/dist/assets/src/code/Code.css.ts.vanilla-D0vmN0zX.css +7 -0
  11. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-BEwVs_cz.css +24 -0
  12. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-BkykLVv2.css +12 -0
  13. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-Ds32MO_e.css → DialogContent.css.ts.vanilla-DkH1W5Ig.css} +9 -9
  14. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-Czl73OF_.css +25 -0
  15. package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-C7mcv2PW.css → DisclosureTrigger.css.ts.vanilla-ltUjGKo_.css} +7 -7
  16. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-BiYwxVN6.css → Drawer.css.ts.vanilla-JF5YhNTl.css} +8 -8
  17. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-lySj_lUQ.css → HoverCardContent.css.ts.vanilla-DQL81kGv.css} +3 -3
  18. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-CgMxo5QV.css +35 -0
  19. package/dist/assets/src/input/Input.css.ts.vanilla-Bikihc9H.css +15 -0
  20. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BZRXj-Oz.css +87 -0
  21. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BdtXsqNY.css +9 -0
  22. package/dist/assets/src/layers/layers.css.ts.vanilla-CJGLgFlR.css +1 -0
  23. package/dist/assets/src/link/{Link.css.ts.vanilla-aDd_bw53.css → Link.css.ts.vanilla-D8eEWx7Q.css} +12 -12
  24. package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-BuEazx6Q.css +21 -0
  25. package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-CqgbwB14.css +30 -0
  26. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-CLog_a4B.css +6 -0
  27. package/dist/assets/src/pill/{Pill.css.ts.vanilla-BhiphgSM.css → Pill.css.ts.vanilla-Nzz1kDwM.css} +4 -4
  28. package/dist/assets/src/radio/Radio.css.ts.vanilla-DtDPLrLz.css +13 -0
  29. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-B-hZg6l1.css +6 -0
  30. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-NbDBejcJ.css +7 -0
  31. package/dist/assets/src/separator/{Separator.css.ts.vanilla-BFxuHRr5.css → Separator.css.ts.vanilla-Djq4ivaD.css} +10 -10
  32. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-CAfC0M3O.css +6 -0
  33. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-BeRakB99.css +6 -0
  34. package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-D0osMMfq.css → properties.css.ts.vanilla-CWvQZl1t.css} +2069 -2069
  35. package/dist/assets/src/switch/Switch.css.ts.vanilla-Cmj5k05p.css +26 -0
  36. package/dist/assets/src/table/{Table.css.ts.vanilla-D6-YaAqO.css → Table.css.ts.vanilla-DPnxj6ds.css} +4 -4
  37. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-C_thCR-6.css +6 -0
  38. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-moxm-BZ3.css → TableCell.css.ts.vanilla-CWYFH1ja.css} +4 -4
  39. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-D2bQC-mj.css +6 -0
  40. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-CBiq1NLv.css +4 -0
  41. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-Bt63R1VM.css +9 -0
  42. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-DDRTAOLe.css +23 -0
  43. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-CDh49ssN.css → TabsTrigger.css.ts.vanilla-rnXLTTnr.css} +10 -10
  44. package/dist/assets/src/text/{Text.css.ts.vanilla-CGbEhKz7.css → Text.css.ts.vanilla-CssEj0iO.css} +8 -8
  45. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BMPJ258X.css +34 -0
  46. package/dist/assets/src/toast/Toast.css.ts.vanilla-BK49eS0Z.css +92 -0
  47. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-DEMA1i5o.css → ToastProvider.css.ts.vanilla-DgnsHKZr.css} +9 -9
  48. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-D5-kSVrB.css +23 -0
  49. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-BJizrQco.css +10 -0
  50. package/dist/assets/src/transition/{Transition.css.ts.vanilla-DIc7AOWt.css → Transition.css.ts.vanilla-Bn7W5w5n.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/checkbox/Checkbox.js +3 -3
  69. package/dist/src/code/Code-css.js +3 -3
  70. package/dist/src/combobox/Combobox.js +3 -55
  71. package/dist/src/combobox-checkbox-item/ComboboxCheckboxItem.js +6 -0
  72. package/dist/src/combobox-content/ComboboxContent.js +22 -1
  73. package/dist/src/combobox-empty/ComboboxEmpty.js +2 -26
  74. package/dist/src/combobox-footer/ComboboxFooter.js +2 -9
  75. package/dist/src/combobox-input/ComboboxInput.js +2 -33
  76. package/dist/src/combobox-item/ComboboxItem.js +2 -45
  77. package/dist/src/combobox-item-indicator/ComboboxItemIndicator.js +2 -16
  78. package/dist/src/combobox-list/ComboboxList.js +2 -29
  79. package/dist/src/combobox-multiple-value/ComboboxMultipleValue.js +5 -2
  80. package/dist/src/combobox-separator/ComboboxSeparator.js +2 -5
  81. package/dist/src/combobox-single-value/ComboboxSingleValue.js +2 -2
  82. package/dist/src/combobox-value/ComboboxValue.js +2 -5
  83. package/dist/src/command/Command.js +74 -0
  84. package/dist/src/command-checkbox-item/CommandCheckboxItem.js +31 -0
  85. package/dist/src/command-context/CommandContext.js +5 -0
  86. package/dist/src/command-empty/CommandEmpty.js +30 -0
  87. package/dist/src/{combobox-footer/ComboboxFooter-css.js → command-footer/CommandFooter-css.js} +1 -1
  88. package/dist/src/command-footer/CommandFooter.js +13 -0
  89. package/dist/src/command-input/CommandInput.js +37 -0
  90. package/dist/src/command-item/CommandItem.js +50 -0
  91. package/dist/src/command-item-context/CommandItemContext.js +5 -0
  92. package/dist/src/command-item-indicator/CommandItemIndicator.js +20 -0
  93. package/dist/src/command-list/CommandList.js +33 -0
  94. package/dist/src/command-separator/CommandSeparator.js +9 -0
  95. package/dist/src/data-table/DataTable-css.js +7 -7
  96. package/dist/src/data-table-header/DataTableHeader-css.js +4 -4
  97. package/dist/src/dialog-body/DialogBody-css.js +1 -1
  98. package/dist/src/dialog-content/DialogContent-css.js +5 -5
  99. package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
  100. package/dist/src/disclosure-content/DisclosureContent-css.js +3 -3
  101. package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
  102. package/dist/src/drawer/Drawer-css.js +5 -5
  103. package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
  104. package/dist/src/indicator/Indicator-css.js +5 -5
  105. package/dist/src/input/Input-css.js +3 -3
  106. package/dist/src/input-base/InputBase-css.js +5 -5
  107. package/dist/src/kbd/Kbd-css.js +3 -3
  108. package/dist/src/layers/layers-css.js +3 -3
  109. package/dist/src/link/Link-css.js +4 -4
  110. package/dist/src/listbox-base/ListboxBase-css.js +3 -3
  111. package/dist/src/listbox-item-base/ListboxItemBase-css.js +3 -3
  112. package/dist/src/pagination/Pagination-css.js +3 -3
  113. package/dist/src/pill/Pill-css.js +3 -3
  114. package/dist/src/radio/Radio-css.js +8 -8
  115. package/dist/src/radio/Radio.js +3 -3
  116. package/dist/src/search-input/SearchInput-css.js +4 -4
  117. package/dist/src/select-content/SelectContent-css.js +3 -3
  118. package/dist/src/separator/Separator-css.js +3 -3
  119. package/dist/src/{side-nav/SideNav.js → sidenav/Sidenav.js} +5 -5
  120. package/dist/src/{side-nav-account-item/SideNavAccountItem.js → sidenav-account-item/SidenavAccountItem.js} +5 -5
  121. package/dist/src/sidenav-context/SidenavContext.js +5 -0
  122. package/dist/src/sidenav-item/SidenavItem-css.js +9 -0
  123. package/dist/src/{side-nav-item/SideNavItem.js → sidenav-item/SidenavItem.js} +6 -6
  124. package/dist/src/{side-nav-toggle/SideNavToggle.js → sidenav-toggle/SidenavToggle.js} +7 -7
  125. package/dist/src/skeleton/Skeleton-css.js +3 -3
  126. package/dist/src/sprinkles/properties-css.js +4 -4
  127. package/dist/src/switch/Switch-css.js +8 -8
  128. package/dist/src/switch/Switch.js +2 -2
  129. package/dist/src/table/Table-css.js +4 -4
  130. package/dist/src/table-body/TableBody-css.js +3 -3
  131. package/dist/src/table-cell/TableCell-css.js +4 -4
  132. package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
  133. package/dist/src/table-row/TableRow-css.js +3 -3
  134. package/dist/src/tabs/Tabs-css.js +3 -3
  135. package/dist/src/tabs-list/TabsList-css.js +3 -3
  136. package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
  137. package/dist/src/text/Text-css.js +3 -3
  138. package/dist/src/textarea-autosize/TextareaAutosize-css.js +5 -5
  139. package/dist/src/toast/Toast-css.js +5 -5
  140. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  141. package/dist/src/toggle-input/ToggleInput-css.js +4 -4
  142. package/dist/src/toggle-input-control/ToggleInputControl-css.js +5 -5
  143. package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +3 -3
  144. package/dist/src/tooltip-content/TooltipContent-css.js +1 -1
  145. package/dist/src/transition/Transition-css.js +3 -3
  146. package/dist/unstable.d.ts +125 -12
  147. package/dist/unstable.js +10 -0
  148. package/package.json +1 -1
  149. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-B2pBflJv.css +0 -6
  150. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-Bbsg7no2.css +0 -10
  151. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-UAC31ujs.css +0 -27
  152. package/dist/assets/src/badge/Badge.css.ts.vanilla-Dby1HGSv.css +0 -46
  153. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-BHtcSNLa.css +0 -140
  154. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CnyGW7JN.css +0 -9
  155. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BP-IS8uM.css +0 -18
  156. package/dist/assets/src/code/Code.css.ts.vanilla-Di85g701.css +0 -7
  157. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-Dr8prppO.css +0 -24
  158. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-DqnDDweC.css +0 -12
  159. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-C97DPRK_.css +0 -25
  160. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-BB2KNGqT.css +0 -35
  161. package/dist/assets/src/input/Input.css.ts.vanilla-BmTJx0jV.css +0 -15
  162. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-DFLR3BqU.css +0 -87
  163. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-DGV6V8U_.css +0 -9
  164. package/dist/assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css +0 -1
  165. package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-DGeZ_R0t.css +0 -21
  166. package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-C1JB1FI6.css +0 -30
  167. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-DbNkwf0Z.css +0 -6
  168. package/dist/assets/src/radio/Radio.css.ts.vanilla-B-Wp17XI.css +0 -13
  169. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-oc3OrG46.css +0 -6
  170. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-VyK_Ftq8.css +0 -7
  171. package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-BPtTByKU.css +0 -6
  172. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-B2F2J-1K.css +0 -6
  173. package/dist/assets/src/switch/Switch.css.ts.vanilla-CcWtFhhC.css +0 -26
  174. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-DvElLAAk.css +0 -6
  175. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-BwRY6BfC.css +0 -6
  176. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DkygPBaI.css +0 -4
  177. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-eDWe_QTH.css +0 -9
  178. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-7xdw9CeT.css +0 -23
  179. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-B8N-ZjBS.css +0 -34
  180. package/dist/assets/src/toast/Toast.css.ts.vanilla-CHiwYBgv.css +0 -92
  181. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-CYG8X4be.css +0 -22
  182. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-BuJ2mQgD.css +0 -10
  183. package/dist/src/combobox-item-context/ComboboxItemContext.js +0 -5
  184. package/dist/src/side-nav-context/SideNavContext.js +0 -5
  185. package/dist/src/side-nav-item/SideNavItem-css.js +0 -9
@@ -0,0 +1,26 @@
1
+ @layer optiaxiom.wv04ab;
2
+ @layer optiaxiom.wv04ab {
3
+ ._108j3ni {
4
+ --_1nn1lom: var(--ax-colors-bg-tertiary);
5
+ }
6
+ ._108j3ni:has(._10dbo6g:not(:disabled):not(:checked)):hover {
7
+ --_1nn1lom: var(--ax-colors-bg-tertiary-hovered);
8
+ }
9
+ ._1kc5iv7 {
10
+ background-color: var(--_1nn1lom);
11
+ position: relative;
12
+ }
13
+ .j0khtw {
14
+ background-color: var(--ax-colors-bg-default);
15
+ transform: translateX(-10px);
16
+ }
17
+ .qrzxoi:has(._10dbo6g:checked) .j0khtw {
18
+ transform: translateX(10px);
19
+ }
20
+ .qrzxoi:has(._10dbo6g:disabled) .j0khtw {
21
+ background-color: var(--ax-colors-bg-page);
22
+ }
23
+ .qrzxoi:has(._10dbo6g:not(:disabled)) .j0khtw {
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.wv04ab;
2
+ @layer optiaxiom.wv04ab {
3
+ ._19y4ff4 {
4
4
  caption-side: bottom;
5
5
  }
6
- .kulix0 {
6
+ ._1kd5jyj {
7
7
  max-height: 80dvh;
8
8
  max-width: 80dvw;
9
9
  position: relative;
@@ -0,0 +1,6 @@
1
+ @layer optiaxiom.wv04ab;
2
+ @layer optiaxiom.wv04ab {
3
+ ._1qm0atx {
4
+ position: relative;
5
+ }
6
+ }
@@ -1,10 +1,10 @@
1
- @layer optiaxiom._1uoxjkg;
2
- @layer optiaxiom._1uoxjkg {
3
- ._1uz3qv5 {
1
+ @layer optiaxiom.wv04ab;
2
+ @layer optiaxiom.wv04ab {
3
+ ._15rkkca {
4
4
  vertical-align: middle;
5
5
  word-break: break-word;
6
6
  }
7
- .ibaz90:hover ._1uz3qv5 {
7
+ ._133q1mm:hover ._15rkkca {
8
8
  background-color: var(--ax-colors-bg-secondary);
9
9
  }
10
10
  }
@@ -0,0 +1,6 @@
1
+ @layer optiaxiom.wv04ab;
2
+ @layer optiaxiom.wv04ab {
3
+ ._18hxvak {
4
+ vertical-align: middle;
5
+ }
6
+ }
@@ -0,0 +1,4 @@
1
+ @layer optiaxiom.wv04ab;
2
+ @layer optiaxiom.wv04ab {
3
+
4
+ }
@@ -0,0 +1,9 @@
1
+ @layer optiaxiom.wv04ab;
2
+ @layer optiaxiom.wv04ab {
3
+ ._1tzxqtm[data-orientation="horizontal"] {
4
+ flex-direction: column;
5
+ }
6
+ ._1tzxqtm[data-orientation="vertical"] {
7
+ flex-direction: row;
8
+ }
9
+ }
@@ -0,0 +1,23 @@
1
+ @layer optiaxiom.wv04ab;
2
+ @layer optiaxiom.wv04ab {
3
+ ._1kj3x8r[data-orientation="horizontal"] {
4
+ flex-direction: row;
5
+ }
6
+ ._1kj3x8r[data-orientation="vertical"] {
7
+ flex-direction: column;
8
+ }
9
+ .qvoowy[data-orientation="horizontal"] {
10
+ border-bottom-width: 1px;
11
+ gap: var(--ax-spacing-lg);
12
+ }
13
+ .qvoowy[data-orientation="vertical"] {
14
+ border-right-width: 1px;
15
+ gap: var(--ax-spacing-xs);
16
+ }
17
+ .s3hasc[data-orientation="horizontal"] {
18
+ gap: var(--ax-spacing-md);
19
+ }
20
+ .s3hasc[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.wv04ab;
2
+ @layer optiaxiom.wv04ab {
3
+ .s2xrb4 {
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
+ .s2xrb4: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
+ .s2xrb4: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
+ .s2xrb4[data-disabled] {
17
17
  color: var(--ax-colors-fg-disabled);
18
18
  }
19
- .akqnm6[data-orientation="horizontal"] {
19
+ .s2xrb4[data-orientation="horizontal"] {
20
20
  border-bottom-width: 2px;
21
21
  margin-bottom: -1px;
22
22
  }
23
- .akqnm6[data-orientation="vertical"] {
23
+ .s2xrb4[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
+ .s2xrb4[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
+ ._1r9njhm:active .zr6u07 {
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.wv04ab;
2
+ @layer optiaxiom.wv04ab {
3
+ ._1dk2n5 {
4
4
  text-overflow: ellipsis;
5
5
  }
6
- .wwfkty {
6
+ .cmctct {
7
7
  display: -webkit-box;
8
8
  -webkit-box-orient: vertical;
9
9
  }
10
- ._118owf0 {
10
+ ._1x7repr {
11
11
  -webkit-line-clamp: 1;
12
12
  }
13
- .p1o32i {
13
+ .xf1p2p {
14
14
  -webkit-line-clamp: 2;
15
15
  }
16
- .lve7nd {
16
+ ._1kfmbfd {
17
17
  -webkit-line-clamp: 3;
18
18
  }
19
- .zem4bh {
19
+ ._1v2mf7a {
20
20
  -webkit-line-clamp: 4;
21
21
  }
22
22
  }
@@ -0,0 +1,34 @@
1
+ @layer optiaxiom.wv04ab;
2
+ @layer optiaxiom.wv04ab {
3
+ ._1ob79ub {
4
+ max-height: calc(16px + var(--_1va7ult) * 22px);
5
+ }
6
+ ._17udwxk {
7
+ --_1va7ult: 1;
8
+ }
9
+ ._1hxf75l {
10
+ --_1va7ult: 2;
11
+ }
12
+ ._1e1clhj {
13
+ --_1va7ult: 3;
14
+ }
15
+ ._1wvg4ra {
16
+ --_1va7ult: 4;
17
+ }
18
+ .uk6uyf {
19
+ --_1va7ult: 5;
20
+ }
21
+ ._1jsw45i {
22
+ resize: vertical;
23
+ }
24
+ ._2ozu7z {
25
+ grid-area: 1 / 1 / 2 / 2;
26
+ }
27
+ .dsk6zl {
28
+ visibility: hidden;
29
+ white-space: pre-wrap;
30
+ }
31
+ ._17v84w0 {
32
+ resize: none;
33
+ }
34
+ }
@@ -0,0 +1,92 @@
1
+ @keyframes nv7zmk {
2
+ from {
3
+ opacity: 1;
4
+ }
5
+ }
6
+ @keyframes _6bn0tg {
7
+ from {
8
+ translate: var(--jxan4z);
9
+ }
10
+ to {
11
+ translate: 0;
12
+ }
13
+ }
14
+ @keyframes _1bfk72n {
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(--jxan4z);
21
+ }
22
+ }
23
+ @layer optiaxiom.wv04ab;
24
+ @layer optiaxiom.wv04ab {
25
+ .tr7tgp:focus-visible {
26
+ outline: 2px solid var(--ax-colors-border-focus);
27
+ outline-offset: 1px;
28
+ }
29
+ .tr7tgp[data-state="closed"] {
30
+ animation: nv7zmk 100ms ease-in;
31
+ opacity: 0;
32
+ }
33
+ .tr7tgp[data-state="closed"] ~ .tr7tgp {
34
+ transition: translate 100ms ease-in 100ms;
35
+ }
36
+ .tr7tgp[data-state="open"] {
37
+ animation: _6bn0tg 150ms cubic-bezier(0.16, 1, 0.3, 1);
38
+ }
39
+ .tr7tgp[data-swipe="cancel"] {
40
+ transition: translate 150ms ease;
41
+ translate: 0;
42
+ }
43
+ .tr7tgp[data-swipe="end"] {
44
+ animation: _1bfk72n 100ms ease-out;
45
+ opacity: 0;
46
+ }
47
+ .tr7tgp[data-swipe="move"] {
48
+ translate: var(--radix-toast-swipe-move-x) var(--radix-toast-swipe-move-y);
49
+ }
50
+ .tr7tgp[data-swipe-direction="down"] {
51
+ --jxan4z: 0 calc(100% + var(--ax-spacing-24));
52
+ }
53
+ .tr7tgp[data-swipe-direction="left"] {
54
+ --jxan4z: calc(-100% - var(--ax-spacing-24)) 0;
55
+ }
56
+ .tr7tgp[data-swipe-direction="right"] {
57
+ --jxan4z: calc(100% + var(--ax-spacing-24)) 0;
58
+ }
59
+ .tr7tgp[data-swipe-direction="up"] {
60
+ --jxan4z: 0 calc(-100% - var(--ax-spacing-24));
61
+ }
62
+ [data-position^="bottom"] .tr7tgp:first-child {
63
+ margin-bottom: auto;
64
+ }
65
+ [data-position^="bottom"] .tr7tgp[data-state="closed"] ~ .tr7tgp {
66
+ translate: 0 calc(100% + var(--ax-spacing-md));
67
+ }
68
+ [data-position^="top"] .tr7tgp:last-child {
69
+ margin-top: auto;
70
+ }
71
+ [data-position^="top"] .tr7tgp[data-state="closed"] ~ .tr7tgp {
72
+ translate: 0 calc(-100% - var(--ax-spacing-md));
73
+ }
74
+ ._5wogmy {
75
+ --jhzet: var(--ax-colors-fg-error-light);
76
+ }
77
+ .u1jt1 {
78
+ --jhzet: var(--ax-colors-fg-information-light);
79
+ }
80
+ ._48jvy3 {
81
+ --jhzet: var(--ax-colors-fg-default-inverse);
82
+ }
83
+ ._18gidd4 {
84
+ --jhzet: var(--ax-colors-fg-success-light);
85
+ }
86
+ ._10v0fv4 {
87
+ --jhzet: var(--ax-colors-fg-warning-light);
88
+ }
89
+ ._6ee2q1 {
90
+ color: var(--jhzet);
91
+ }
92
+ }
@@ -1,33 +1,33 @@
1
- @layer optiaxiom._1uoxjkg;
2
- @layer optiaxiom._1uoxjkg {
3
- ._1t3o9re {
1
+ @layer optiaxiom.wv04ab;
2
+ @layer optiaxiom.wv04ab {
3
+ .ekc9f3 {
4
4
  outline: none;
5
5
  position: fixed;
6
6
  scrollbar-gutter: stable;
7
7
  }
8
- .s89c8m {
8
+ .fiwio2 {
9
9
  bottom: 0;
10
10
  left: 50%;
11
11
  transform: translateX(-50%);
12
12
  }
13
- ._16bynhz {
13
+ .jcp7r9 {
14
14
  bottom: 0;
15
15
  left: 0;
16
16
  }
17
- ._17g1iko {
17
+ ._14w8dpe {
18
18
  bottom: 0;
19
19
  right: 0;
20
20
  }
21
- ._1tbnfeq {
21
+ .dgck9q {
22
22
  left: 50%;
23
23
  top: 0;
24
24
  transform: translateX(-50%);
25
25
  }
26
- .y37e87 {
26
+ ._8uum8a {
27
27
  left: 0;
28
28
  top: 0;
29
29
  }
30
- ._130jicq {
30
+ .zel7d9 {
31
31
  right: 0;
32
32
  top: 0;
33
33
  }
@@ -0,0 +1,23 @@
1
+ @layer optiaxiom.wv04ab;
2
+ @layer optiaxiom.wv04ab {
3
+ .fxivo6 {
4
+ --_1nn1lom: var(--ax-colors-border-active);
5
+ color: var(--ax-colors-fg-default);
6
+ position: relative;
7
+ }
8
+ .fxivo6:has(._1e4k8g5:not(:disabled):checked):hover {
9
+ --_1nn1lom: var(--ax-colors-bg-accent-hovered);
10
+ }
11
+ .fxivo6:has(._1e4k8g5:not(:disabled):not(:checked)):hover {
12
+ --_1nn1lom: var(--ax-colors-border-active-hovered);
13
+ }
14
+ .fxivo6:has(._1e4k8g5:checked) {
15
+ --_1nn1lom: var(--ax-colors-bg-accent);
16
+ }
17
+ .fxivo6:has(._1e4k8g5:disabled) {
18
+ color: var(--ax-colors-fg-disabled);
19
+ }
20
+ .fxivo6:not(:has(._1e4k8g5:disabled)) {
21
+ cursor: pointer;
22
+ }
23
+ }
@@ -0,0 +1,10 @@
1
+ @layer optiaxiom.wv04ab;
2
+ @layer optiaxiom.wv04ab {
3
+ ._1xuu3mr:has(:focus-visible) .xj35tb {
4
+ outline: 2px solid var(--ax-colors-border-focus);
5
+ outline-offset: 1px;
6
+ }
7
+ ._1xuu3mr:has(input:disabled) .xj35tb {
8
+ opacity: 0.3;
9
+ }
10
+ }
@@ -1,55 +1,55 @@
1
- @layer optiaxiom._1uoxjkg;
2
- @layer optiaxiom._1uoxjkg {
3
- ._1bnnv5d {
1
+ @layer optiaxiom.wv04ab;
2
+ @layer optiaxiom.wv04ab {
3
+ .hp1iqb {
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
+ ._1j56c8n {
9
9
  transition-duration: 150ms;
10
10
  }
11
- .aqo5ir {
11
+ ._97grma {
12
12
  transition-duration: 250ms;
13
13
  }
14
- .sm9l7g {
14
+ .afu7hk {
15
15
  transition-duration: 400ms;
16
16
  }
17
- .n24qgb {
17
+ ._1txai0b {
18
18
  opacity: 0;
19
19
  }
20
- .n24qgb[data-side="bottom"] {
20
+ ._1txai0b[data-side="bottom"] {
21
21
  opacity: 0;
22
22
  transform: translateY(-15px);
23
23
  }
24
- .n24qgb[data-side="left"] {
24
+ ._1txai0b[data-side="left"] {
25
25
  opacity: 0;
26
26
  transform: translateX(15px);
27
27
  }
28
- .n24qgb[data-side="right"] {
28
+ ._1txai0b[data-side="right"] {
29
29
  opacity: 0;
30
30
  transform: translateX(-15px);
31
31
  }
32
- .n24qgb[data-side="top"] {
32
+ ._1txai0b[data-side="top"] {
33
33
  opacity: 0;
34
34
  transform: translateY(15px);
35
35
  }
36
- .htfrzr {
36
+ .bu66oa {
37
37
  opacity: 0;
38
38
  transform: scale(0.95);
39
39
  }
40
- .htfrzr[data-side="bottom"] {
40
+ .bu66oa[data-side="bottom"] {
41
41
  opacity: 0;
42
42
  transform: scale(0.95) translateY(-8px);
43
43
  }
44
- .htfrzr[data-side="left"] {
44
+ .bu66oa[data-side="left"] {
45
45
  opacity: 0;
46
46
  transform: scale(0.95) translateX(8px);
47
47
  }
48
- .htfrzr[data-side="right"] {
48
+ .bu66oa[data-side="right"] {
49
49
  opacity: 0;
50
50
  transform: scale(0.95) translateX(-8px);
51
51
  }
52
- .htfrzr[data-side="top"] {
52
+ .bu66oa[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.1";
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-CJGLgFlR.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-CJGLgFlR.css';
2
+ import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-BjsLbBg2.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'},'_1i0a9f5'],variants:{size:{sm:'jya1qw',md:'_1594x77',lg:'_14kfg6p'}}});
6
+ var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'ysrx6o']});
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-CJGLgFlR.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-CJGLgFlR.css';
2
+ import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-Dkx8GuIM.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'},'_16pfkr']});
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-CJGLgFlR.css';
2
+ import './../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-D2q7OmFt.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'},'xqgcm5']});
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-CJGLgFlR.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-CBiq1NLv.css';
3
+ import './../../assets/src/avatar/Avatar.css.ts.vanilla-D7MGa7gZ.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'},'_1szi2lk'],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'},'_1akvnwz'],sm:[{fontSize:'xs',size:'sm'},'_1j90cq5'],md:[{fontSize:'md',size:'md'},'_1nj1kkj'],lg:[{fontSize:'lg',size:'lg'},'_1a0lrgy'],xl:[{fontSize:'2xl',size:'xl'},'_1bgtg5l'],'5xl':[{fontSize:'4xl',size:'5xl'},'_7aupqs']}}});
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-CJGLgFlR.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-CBiq1NLv.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:['_7pyxaz',{display:'flex'}]});
6
6
 
7
7
  export { avatarGroup };