@optiaxiom/react 0.4.0 → 0.4.2

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 (150) hide show
  1. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-Q3NIqlJM.css → AlertDialogContent.css.ts.vanilla-smGvjG2W.css} +7 -7
  2. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-EDbgAUpH.css +6 -0
  3. package/dist/assets/src/autocomplete-content/{AutocompleteContent.css.ts.vanilla-BSS4gDqH.css → AutocompleteContent.css.ts.vanilla-BWEuLmul.css} +4 -4
  4. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DFwfPXh5.css +28 -0
  5. package/dist/assets/src/badge/Badge.css.ts.vanilla-DkeeO3hp.css +46 -0
  6. package/dist/assets/src/box/{Box.css.ts.vanilla-DlV97In6.css → Box.css.ts.vanilla-DXsrXznr.css} +23 -23
  7. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-CbhXWBhY.css +140 -0
  8. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-C4Loni8x.css +9 -0
  9. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-atE0BHRf.css +18 -0
  10. package/dist/assets/src/code/Code.css.ts.vanilla-BokaFw0b.css +7 -0
  11. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-Dl7V0kqj.css +24 -0
  12. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-BqcsCuQU.css +12 -0
  13. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-DysCGMhf.css → DialogContent.css.ts.vanilla-DQSg_hJt.css} +9 -9
  14. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DZGY_b0f.css +25 -0
  15. package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-DztATFY8.css → DisclosureTrigger.css.ts.vanilla-ubqGTRET.css} +7 -7
  16. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-CnCA4xNN.css → Drawer.css.ts.vanilla-Bc73PiWx.css} +8 -8
  17. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-B7Unn1_B.css → HoverCardContent.css.ts.vanilla-D36Wbt06.css} +3 -3
  18. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-D3ExxWPL.css +35 -0
  19. package/dist/assets/src/input/Input.css.ts.vanilla-qUnBToWI.css +15 -0
  20. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-Qg9a2v5X.css +87 -0
  21. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-CJhUGxYX.css +9 -0
  22. package/dist/assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css +1 -0
  23. package/dist/assets/src/link/{Link.css.ts.vanilla-B1rm-mfe.css → Link.css.ts.vanilla-DZR3tQvl.css} +12 -12
  24. package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-DKxtbiF8.css +21 -0
  25. package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-BVQ-U1yL.css +30 -0
  26. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BIEvtX5-.css +6 -0
  27. package/dist/assets/src/pill/{Pill.css.ts.vanilla-DzzbV1Nh.css → Pill.css.ts.vanilla-CRxFu2K1.css} +4 -4
  28. package/dist/assets/src/radio/Radio.css.ts.vanilla-DWN9BvL_.css +13 -0
  29. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DyfBXRnr.css +6 -0
  30. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-DzQIYsrh.css +7 -0
  31. package/dist/assets/src/separator/{Separator.css.ts.vanilla-N8U1QlYl.css → Separator.css.ts.vanilla-BxkwM7qo.css} +10 -10
  32. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-za4fE3C2.css +6 -0
  33. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-BzoSQC9k.css +6 -0
  34. package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-BhPIJGmv.css → properties.css.ts.vanilla-DOIoDpaY.css} +2069 -2069
  35. package/dist/assets/src/switch/Switch.css.ts.vanilla-B3UIwExm.css +26 -0
  36. package/dist/assets/src/table/{Table.css.ts.vanilla-D_TJfh-t.css → Table.css.ts.vanilla-94W1cxLN.css} +4 -4
  37. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-ByuslKwG.css +6 -0
  38. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-C1lyvuYS.css → TableCell.css.ts.vanilla-Zz530aGT.css} +4 -4
  39. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-CVy9FZZS.css +6 -0
  40. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-C8nEvBep.css +4 -0
  41. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-AqkJqHOu.css +9 -0
  42. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-8Bg2hQwp.css +23 -0
  43. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-_hN0PYnr.css → TabsTrigger.css.ts.vanilla-CVssx0q-.css} +10 -10
  44. package/dist/assets/src/text/{Text.css.ts.vanilla-BCJDfIr0.css → Text.css.ts.vanilla-B4gZFG-2.css} +8 -8
  45. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-DbiBLo-Y.css +34 -0
  46. package/dist/assets/src/toast/Toast.css.ts.vanilla-CZhgjlMn.css +92 -0
  47. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-CqJHVl4p.css → ToastProvider.css.ts.vanilla-B7r1EWKp.css} +9 -9
  48. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-B5zW77Q6.css +23 -0
  49. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B8-6yg8T.css +10 -0
  50. package/dist/assets/src/transition/{Transition.css.ts.vanilla-Cnbq_Zqn.css → Transition.css.ts.vanilla-CVuwRXvD.css} +16 -16
  51. package/dist/index.d.ts +2 -2
  52. package/dist/package.json.js +1 -1
  53. package/dist/src/alert/Alert-css.js +1 -1
  54. package/dist/src/alert-dialog-content/AlertDialogContent-css.js +4 -4
  55. package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +1 -1
  56. package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
  57. package/dist/src/autocomplete-content/AutocompleteContent-css.js +3 -3
  58. package/dist/src/avatar/Avatar-css.js +4 -4
  59. package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
  60. package/dist/src/badge/Badge-css.js +3 -3
  61. package/dist/src/banner/Banner-css.js +1 -1
  62. package/dist/src/box/Box-css.js +3 -3
  63. package/dist/src/box/Box.js +1 -1
  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/command-footer/CommandFooter-css.js +1 -1
  71. package/dist/src/data-table/DataTable-css.js +7 -7
  72. package/dist/src/data-table-header/DataTableHeader-css.js +4 -4
  73. package/dist/src/dialog-body/DialogBody-css.js +1 -1
  74. package/dist/src/dialog-content/DialogContent-css.js +5 -5
  75. package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
  76. package/dist/src/disclosure-content/DisclosureContent-css.js +3 -3
  77. package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
  78. package/dist/src/drawer/Drawer-css.js +5 -5
  79. package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
  80. package/dist/src/indicator/Indicator-css.js +5 -5
  81. package/dist/src/input/Input-css.js +3 -3
  82. package/dist/src/input-base/InputBase-css.js +5 -5
  83. package/dist/src/kbd/Kbd-css.js +3 -3
  84. package/dist/src/layers/layers-css.js +3 -3
  85. package/dist/src/link/Link-css.js +4 -4
  86. package/dist/src/listbox-base/ListboxBase-css.js +3 -3
  87. package/dist/src/listbox-item-base/ListboxItemBase-css.js +3 -3
  88. package/dist/src/pagination/Pagination-css.js +3 -3
  89. package/dist/src/pill/Pill-css.js +3 -3
  90. package/dist/src/radio/Radio-css.js +8 -8
  91. package/dist/src/radio/Radio.js +3 -3
  92. package/dist/src/search-input/SearchInput-css.js +4 -4
  93. package/dist/src/select-content/SelectContent-css.js +3 -3
  94. package/dist/src/separator/Separator-css.js +3 -3
  95. package/dist/src/sidenav-item/SidenavItem-css.js +5 -5
  96. package/dist/src/skeleton/Skeleton-css.js +3 -3
  97. package/dist/src/sprinkles/properties-css.js +4 -4
  98. package/dist/src/switch/Switch-css.js +8 -8
  99. package/dist/src/switch/Switch.js +2 -2
  100. package/dist/src/table/Table-css.js +4 -4
  101. package/dist/src/table-body/TableBody-css.js +3 -3
  102. package/dist/src/table-cell/TableCell-css.js +4 -4
  103. package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
  104. package/dist/src/table-row/TableRow-css.js +3 -3
  105. package/dist/src/tabs/Tabs-css.js +3 -3
  106. package/dist/src/tabs-list/TabsList-css.js +3 -3
  107. package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
  108. package/dist/src/text/Text-css.js +3 -3
  109. package/dist/src/textarea-autosize/TextareaAutosize-css.js +5 -5
  110. package/dist/src/toast/Toast-css.js +5 -5
  111. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  112. package/dist/src/toggle-input/ToggleInput-css.js +4 -4
  113. package/dist/src/toggle-input-control/ToggleInputControl-css.js +5 -5
  114. package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +3 -3
  115. package/dist/src/tooltip-content/TooltipContent-css.js +1 -1
  116. package/dist/src/transition/Transition-css.js +3 -3
  117. package/package.json +1 -1
  118. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-CwXE2VkG.css +0 -6
  119. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DBcDsevU.css +0 -27
  120. package/dist/assets/src/badge/Badge.css.ts.vanilla-v_WxKtkk.css +0 -46
  121. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-Cdep1j3a.css +0 -140
  122. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-B3UxIRoe.css +0 -9
  123. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-B4c8nGzf.css +0 -18
  124. package/dist/assets/src/code/Code.css.ts.vanilla-BE7HUNcL.css +0 -7
  125. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-BJs_Nl-b.css +0 -24
  126. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-xxkcym9y.css +0 -12
  127. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DGvnwBsb.css +0 -25
  128. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-DT8h6YNZ.css +0 -35
  129. package/dist/assets/src/input/Input.css.ts.vanilla-BNBpG_wR.css +0 -15
  130. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BRh6TDMo.css +0 -87
  131. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-DI26I3lo.css +0 -9
  132. package/dist/assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css +0 -1
  133. package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-OxyS0fbd.css +0 -21
  134. package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-2nkexoSY.css +0 -30
  135. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BO2HXPXk.css +0 -6
  136. package/dist/assets/src/radio/Radio.css.ts.vanilla-mURefw5x.css +0 -13
  137. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-D53cHAo4.css +0 -6
  138. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-MHnZ2e2d.css +0 -7
  139. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-BQWU_ImM.css +0 -6
  140. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Chu8YOX_.css +0 -6
  141. package/dist/assets/src/switch/Switch.css.ts.vanilla-CaTyt1Cf.css +0 -26
  142. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BQo50gJY.css +0 -6
  143. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DhY1s_ZI.css +0 -6
  144. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-g1JsQVd4.css +0 -4
  145. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-DvNrc0zR.css +0 -9
  146. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-C4pwOkZI.css +0 -23
  147. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BCRMLxRG.css +0 -34
  148. package/dist/assets/src/toast/Toast.css.ts.vanilla-BmaWJko-.css +0 -92
  149. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-B-y4RHi9.css +0 -22
  150. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DM66CPyH.css +0 -10
@@ -0,0 +1,26 @@
1
+ @layer optiaxiom._1na4eli;
2
+ @layer optiaxiom._1na4eli {
3
+ ._16dui4q {
4
+ --_19h3q99: var(--ax-colors-bg-tertiary);
5
+ }
6
+ ._16dui4q:has(._1u2zj0h:not(:disabled):not(:checked)):hover {
7
+ --_19h3q99: var(--ax-colors-bg-tertiary-hovered);
8
+ }
9
+ ._1av14ms {
10
+ background-color: var(--_19h3q99);
11
+ position: relative;
12
+ }
13
+ ._1wa2ijl {
14
+ background-color: var(--ax-colors-bg-default);
15
+ transform: translateX(-10px);
16
+ }
17
+ ._1l4opfk:has(._1u2zj0h:checked) ._1wa2ijl {
18
+ transform: translateX(10px);
19
+ }
20
+ ._1l4opfk:has(._1u2zj0h:disabled) ._1wa2ijl {
21
+ background-color: var(--ax-colors-bg-page);
22
+ }
23
+ ._1l4opfk:has(._1u2zj0h:not(:disabled)) ._1wa2ijl {
24
+ box-shadow: var(--ax-boxShadow-sm);
25
+ }
26
+ }
@@ -1,9 +1,9 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- ._1h47irb {
1
+ @layer optiaxiom._1na4eli;
2
+ @layer optiaxiom._1na4eli {
3
+ ._1jdo2io {
4
4
  caption-side: bottom;
5
5
  }
6
- .hzp552 {
6
+ .qqdyed {
7
7
  max-height: 80dvh;
8
8
  max-width: 80dvw;
9
9
  position: relative;
@@ -0,0 +1,6 @@
1
+ @layer optiaxiom._1na4eli;
2
+ @layer optiaxiom._1na4eli {
3
+ .k225l8 {
4
+ position: relative;
5
+ }
6
+ }
@@ -1,10 +1,10 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- ._6p2anv {
1
+ @layer optiaxiom._1na4eli;
2
+ @layer optiaxiom._1na4eli {
3
+ .q7h3u3 {
4
4
  vertical-align: middle;
5
5
  word-break: break-word;
6
6
  }
7
- ._1tqhjtt:hover ._6p2anv {
7
+ ._1nrapch:hover .q7h3u3 {
8
8
  background-color: var(--ax-colors-bg-secondary);
9
9
  }
10
10
  }
@@ -0,0 +1,6 @@
1
+ @layer optiaxiom._1na4eli;
2
+ @layer optiaxiom._1na4eli {
3
+ ._18k2dow {
4
+ vertical-align: middle;
5
+ }
6
+ }
@@ -0,0 +1,4 @@
1
+ @layer optiaxiom._1na4eli;
2
+ @layer optiaxiom._1na4eli {
3
+
4
+ }
@@ -0,0 +1,9 @@
1
+ @layer optiaxiom._1na4eli;
2
+ @layer optiaxiom._1na4eli {
3
+ .m8wmdb[data-orientation="horizontal"] {
4
+ flex-direction: column;
5
+ }
6
+ .m8wmdb[data-orientation="vertical"] {
7
+ flex-direction: row;
8
+ }
9
+ }
@@ -0,0 +1,23 @@
1
+ @layer optiaxiom._1na4eli;
2
+ @layer optiaxiom._1na4eli {
3
+ .x5aeug[data-orientation="horizontal"] {
4
+ flex-direction: row;
5
+ }
6
+ .x5aeug[data-orientation="vertical"] {
7
+ flex-direction: column;
8
+ }
9
+ ._1eahxul[data-orientation="horizontal"] {
10
+ border-bottom-width: 1px;
11
+ gap: var(--ax-spacing-lg);
12
+ }
13
+ ._1eahxul[data-orientation="vertical"] {
14
+ border-right-width: 1px;
15
+ gap: var(--ax-spacing-xs);
16
+ }
17
+ ._1685v0a[data-orientation="horizontal"] {
18
+ gap: var(--ax-spacing-md);
19
+ }
20
+ ._1685v0a[data-orientation="vertical"] {
21
+ gap: var(--ax-spacing-xs);
22
+ }
23
+ }
@@ -1,35 +1,35 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- .z20xpa {
1
+ @layer optiaxiom._1na4eli;
2
+ @layer optiaxiom._1na4eli {
3
+ ._1ee2kld {
4
4
  border-color: transparent;
5
5
  color: var(--ax-colors-fg-tertiary);
6
6
  user-select: none;
7
7
  }
8
- .z20xpa:focus-visible {
8
+ ._1ee2kld:focus-visible {
9
9
  outline: 2px solid var(--ax-colors-border-focus);
10
10
  outline-offset: 1px;
11
11
  }
12
- .z20xpa:hover:not([data-state="active"]) {
12
+ ._1ee2kld: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
- .z20xpa[data-disabled] {
16
+ ._1ee2kld[data-disabled] {
17
17
  color: var(--ax-colors-fg-disabled);
18
18
  }
19
- .z20xpa[data-orientation="horizontal"] {
19
+ ._1ee2kld[data-orientation="horizontal"] {
20
20
  border-bottom-width: 2px;
21
21
  margin-bottom: -1px;
22
22
  }
23
- .z20xpa[data-orientation="vertical"] {
23
+ ._1ee2kld[data-orientation="vertical"] {
24
24
  border-right-width: 2px;
25
25
  margin-right: -1px;
26
26
  padding-inline: 10px;
27
27
  }
28
- .z20xpa[data-state="active"] {
28
+ ._1ee2kld[data-state="active"] {
29
29
  border-color: var(--ax-colors-border-accent);
30
30
  color: var(--ax-colors-fg-default);
31
31
  }
32
- ._1cj9pvc:active ._1d1l8my {
32
+ ._1qhhpir:active ._1me8csk {
33
33
  background-color: var(--ax-colors-bg-secondary);
34
34
  }
35
35
  }
@@ -1,22 +1,22 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- .zxhcs {
1
+ @layer optiaxiom._1na4eli;
2
+ @layer optiaxiom._1na4eli {
3
+ ._1lz6h63 {
4
4
  text-overflow: ellipsis;
5
5
  }
6
- .vv972q {
6
+ .zoakwt {
7
7
  display: -webkit-box;
8
8
  -webkit-box-orient: vertical;
9
9
  }
10
- .v6lg1q {
10
+ ._1t8l86j {
11
11
  -webkit-line-clamp: 1;
12
12
  }
13
- ._1fqwq {
13
+ ._1b6fv57 {
14
14
  -webkit-line-clamp: 2;
15
15
  }
16
- ._6seeaz {
16
+ .elldj9 {
17
17
  -webkit-line-clamp: 3;
18
18
  }
19
- .fao21m {
19
+ .aah2nn {
20
20
  -webkit-line-clamp: 4;
21
21
  }
22
22
  }
@@ -0,0 +1,34 @@
1
+ @layer optiaxiom._1na4eli;
2
+ @layer optiaxiom._1na4eli {
3
+ ._1b5o3hf {
4
+ max-height: calc(16px + var(--k6naio) * 22px);
5
+ }
6
+ ._1ywv402 {
7
+ --k6naio: 1;
8
+ }
9
+ ._1ceblze {
10
+ --k6naio: 2;
11
+ }
12
+ .ch6pvm {
13
+ --k6naio: 3;
14
+ }
15
+ ._1nepadm {
16
+ --k6naio: 4;
17
+ }
18
+ ._1ys4fgl {
19
+ --k6naio: 5;
20
+ }
21
+ ._1182y5j {
22
+ resize: vertical;
23
+ }
24
+ ._1uylavw {
25
+ grid-area: 1 / 1 / 2 / 2;
26
+ }
27
+ .gw274j {
28
+ visibility: hidden;
29
+ white-space: pre-wrap;
30
+ }
31
+ ._175zmr9 {
32
+ resize: none;
33
+ }
34
+ }
@@ -0,0 +1,92 @@
1
+ @keyframes bn87ms {
2
+ from {
3
+ opacity: 1;
4
+ }
5
+ }
6
+ @keyframes xy45uk {
7
+ from {
8
+ translate: var(--_10qeppz);
9
+ }
10
+ to {
11
+ translate: 0;
12
+ }
13
+ }
14
+ @keyframes _1dsqmo0 {
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(--_10qeppz);
21
+ }
22
+ }
23
+ @layer optiaxiom._1na4eli;
24
+ @layer optiaxiom._1na4eli {
25
+ ._1i54r9b:focus-visible {
26
+ outline: 2px solid var(--ax-colors-border-focus);
27
+ outline-offset: 1px;
28
+ }
29
+ ._1i54r9b[data-state="closed"] {
30
+ animation: bn87ms 100ms ease-in;
31
+ opacity: 0;
32
+ }
33
+ ._1i54r9b[data-state="closed"] ~ ._1i54r9b {
34
+ transition: translate 100ms ease-in 100ms;
35
+ }
36
+ ._1i54r9b[data-state="open"] {
37
+ animation: xy45uk 150ms cubic-bezier(0.16, 1, 0.3, 1);
38
+ }
39
+ ._1i54r9b[data-swipe="cancel"] {
40
+ transition: translate 150ms ease;
41
+ translate: 0;
42
+ }
43
+ ._1i54r9b[data-swipe="end"] {
44
+ animation: _1dsqmo0 100ms ease-out;
45
+ opacity: 0;
46
+ }
47
+ ._1i54r9b[data-swipe="move"] {
48
+ translate: var(--radix-toast-swipe-move-x) var(--radix-toast-swipe-move-y);
49
+ }
50
+ ._1i54r9b[data-swipe-direction="down"] {
51
+ --_10qeppz: 0 calc(100% + var(--ax-spacing-24));
52
+ }
53
+ ._1i54r9b[data-swipe-direction="left"] {
54
+ --_10qeppz: calc(-100% - var(--ax-spacing-24)) 0;
55
+ }
56
+ ._1i54r9b[data-swipe-direction="right"] {
57
+ --_10qeppz: calc(100% + var(--ax-spacing-24)) 0;
58
+ }
59
+ ._1i54r9b[data-swipe-direction="up"] {
60
+ --_10qeppz: 0 calc(-100% - var(--ax-spacing-24));
61
+ }
62
+ [data-position^="bottom"] ._1i54r9b:first-child {
63
+ margin-bottom: auto;
64
+ }
65
+ [data-position^="bottom"] ._1i54r9b[data-state="closed"] ~ ._1i54r9b {
66
+ translate: 0 calc(100% + var(--ax-spacing-md));
67
+ }
68
+ [data-position^="top"] ._1i54r9b:last-child {
69
+ margin-top: auto;
70
+ }
71
+ [data-position^="top"] ._1i54r9b[data-state="closed"] ~ ._1i54r9b {
72
+ translate: 0 calc(-100% - var(--ax-spacing-md));
73
+ }
74
+ ._55yyau {
75
+ --_1iaarvc: var(--ax-colors-fg-error-light);
76
+ }
77
+ ._1au9ti {
78
+ --_1iaarvc: var(--ax-colors-fg-information-light);
79
+ }
80
+ ._136yg6h {
81
+ --_1iaarvc: var(--ax-colors-fg-default-inverse);
82
+ }
83
+ ._61wzpt {
84
+ --_1iaarvc: var(--ax-colors-fg-success-light);
85
+ }
86
+ ._3k5eue {
87
+ --_1iaarvc: var(--ax-colors-fg-warning-light);
88
+ }
89
+ ._1zzzh6 {
90
+ color: var(--_1iaarvc);
91
+ }
92
+ }
@@ -1,33 +1,33 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- .qwh1ji {
1
+ @layer optiaxiom._1na4eli;
2
+ @layer optiaxiom._1na4eli {
3
+ ._19itiih {
4
4
  outline: none;
5
5
  position: fixed;
6
6
  scrollbar-gutter: stable;
7
7
  }
8
- ._1bgj776 {
8
+ ._78jb9u {
9
9
  bottom: 0;
10
10
  left: 50%;
11
11
  transform: translateX(-50%);
12
12
  }
13
- ._1imkpsi {
13
+ .v5oq6j {
14
14
  bottom: 0;
15
15
  left: 0;
16
16
  }
17
- ._19q3vca {
17
+ ._1enxa15 {
18
18
  bottom: 0;
19
19
  right: 0;
20
20
  }
21
- ._1paqe {
21
+ ._1y3bphn {
22
22
  left: 50%;
23
23
  top: 0;
24
24
  transform: translateX(-50%);
25
25
  }
26
- ._6y1kmd {
26
+ .rqhmfs {
27
27
  left: 0;
28
28
  top: 0;
29
29
  }
30
- ._18chrg4 {
30
+ ._144q2qf {
31
31
  right: 0;
32
32
  top: 0;
33
33
  }
@@ -0,0 +1,23 @@
1
+ @layer optiaxiom._1na4eli;
2
+ @layer optiaxiom._1na4eli {
3
+ .sb77pn {
4
+ --_19h3q99: var(--ax-colors-border-active);
5
+ color: var(--ax-colors-fg-default);
6
+ position: relative;
7
+ }
8
+ .sb77pn:has(._11kgvng:not(:disabled):checked):hover {
9
+ --_19h3q99: var(--ax-colors-bg-accent-hovered);
10
+ }
11
+ .sb77pn:has(._11kgvng:not(:disabled):not(:checked)):hover {
12
+ --_19h3q99: var(--ax-colors-border-active-hovered);
13
+ }
14
+ .sb77pn:has(._11kgvng:checked) {
15
+ --_19h3q99: var(--ax-colors-bg-accent);
16
+ }
17
+ .sb77pn:has(._11kgvng:disabled) {
18
+ color: var(--ax-colors-fg-disabled);
19
+ }
20
+ .sb77pn:not(:has(._11kgvng:disabled)) {
21
+ cursor: pointer;
22
+ }
23
+ }
@@ -0,0 +1,10 @@
1
+ @layer optiaxiom._1na4eli;
2
+ @layer optiaxiom._1na4eli {
3
+ ._1exljtq:has(:focus-visible) .qbnnni {
4
+ outline: 2px solid var(--ax-colors-border-focus);
5
+ outline-offset: 1px;
6
+ }
7
+ ._1exljtq:has(input:disabled) .qbnnni {
8
+ opacity: 0.3;
9
+ }
10
+ }
@@ -1,55 +1,55 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- .ho1lkj {
1
+ @layer optiaxiom._1na4eli;
2
+ @layer optiaxiom._1na4eli {
3
+ .ybm12d {
4
4
  transform-origin: var(--radix-popper-transform-origin);
5
5
  transition-property: opacity, transform;
6
6
  transition-timing-function: ease;
7
7
  }
8
- ._1bw4e7i {
8
+ ._1kbqvhb {
9
9
  transition-duration: 150ms;
10
10
  }
11
- .pmg5bc {
11
+ ._1jm6kdr {
12
12
  transition-duration: 250ms;
13
13
  }
14
- ._5z7nc0 {
14
+ .rv4u2w {
15
15
  transition-duration: 400ms;
16
16
  }
17
- ._6z6lwj {
17
+ ._1or10xi {
18
18
  opacity: 0;
19
19
  }
20
- ._6z6lwj[data-side="bottom"] {
20
+ ._1or10xi[data-side="bottom"] {
21
21
  opacity: 0;
22
22
  transform: translateY(-15px);
23
23
  }
24
- ._6z6lwj[data-side="left"] {
24
+ ._1or10xi[data-side="left"] {
25
25
  opacity: 0;
26
26
  transform: translateX(15px);
27
27
  }
28
- ._6z6lwj[data-side="right"] {
28
+ ._1or10xi[data-side="right"] {
29
29
  opacity: 0;
30
30
  transform: translateX(-15px);
31
31
  }
32
- ._6z6lwj[data-side="top"] {
32
+ ._1or10xi[data-side="top"] {
33
33
  opacity: 0;
34
34
  transform: translateY(15px);
35
35
  }
36
- ._11i2ynt {
36
+ ._1e29xe1 {
37
37
  opacity: 0;
38
38
  transform: scale(0.95);
39
39
  }
40
- ._11i2ynt[data-side="bottom"] {
40
+ ._1e29xe1[data-side="bottom"] {
41
41
  opacity: 0;
42
42
  transform: scale(0.95) translateY(-8px);
43
43
  }
44
- ._11i2ynt[data-side="left"] {
44
+ ._1e29xe1[data-side="left"] {
45
45
  opacity: 0;
46
46
  transform: scale(0.95) translateX(8px);
47
47
  }
48
- ._11i2ynt[data-side="right"] {
48
+ ._1e29xe1[data-side="right"] {
49
49
  opacity: 0;
50
50
  transform: scale(0.95) translateX(-8px);
51
51
  }
52
- ._11i2ynt[data-side="top"] {
52
+ ._1e29xe1[data-side="top"] {
53
53
  opacity: 0;
54
54
  transform: scale(0.95) translateY(8px);
55
55
  }
package/dist/index.d.ts CHANGED
@@ -902,7 +902,7 @@ 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 SidenavAccountItemProps = BoxProps<"div", {
906
906
  avatar: ReactNode;
907
907
  name?: string;
908
908
  organization?: string;
@@ -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, type SidenavAccountItemProps, SidenavItem, type SidenavItemProps, 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 };
@@ -1,3 +1,3 @@
1
- var version = "0.4.0";
1
+ var version = "0.4.2";
2
2
 
3
3
  export { version };
@@ -1,4 +1,4 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.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-B76KCQ9u.css';
2
- import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Q3NIqlJM.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
2
+ import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-smGvjG2W.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'},'_1ty4aa4'],variants:{size:{sm:'qq49iq',md:'_12j35md',lg:'j1yi4j'}}});
6
- var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1frn6bu']});
5
+ var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',rounded:'lg',shadow:'md',z:'popover'},'fifehl'],variants:{size:{sm:'ksfnn1',md:'_1w91h23',lg:'_10gbo9c'}}});
6
+ var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'cjobui']});
7
7
 
8
8
  export { content, overlay };
@@ -1,4 +1,4 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.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-B76KCQ9u.css';
2
- import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-CwXE2VkG.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
2
+ import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-EDbgAUpH.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'},'_1uuyq8l']});
5
+ var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'_1o0ym6g']});
6
6
 
7
7
  export { footer };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
2
- import './../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-BSS4gDqH.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
2
+ import './../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-BWEuLmul.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var content = recipeRuntime({base:[{p:'4'},'tapq2o']});
5
+ var content = recipeRuntime({base:[{p:'4'},'cr1msa']});
6
6
 
7
7
  export { content };
@@ -1,9 +1,9 @@
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';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-C8nEvBep.css';
3
+ import './../../assets/src/avatar/Avatar.css.ts.vanilla-DFwfPXh5.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'},'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']}}});
6
+ var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden'},'q1w45z'],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'},'_27k7c8'],sm:[{fontSize:'xs',size:'sm'},'_1isa4dp'],md:[{fontSize:'md',size:'md'},'j6d4ph'],lg:[{fontSize:'lg',size:'lg'},'_1w8cto1'],xl:[{fontSize:'2xl',size:'xl'},'wq08aa'],'5xl':[{fontSize:'4xl',size:'5xl'},'_1og5str']}}});
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-B76KCQ9u.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-g1JsQVd4.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-C8nEvBep.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var avatarGroup = recipeRuntime({base:['_1eoc0c0',{display:'flex'}]});
5
+ var avatarGroup = recipeRuntime({base:['_1qjtom',{display:'flex'}]});
6
6
 
7
7
  export { avatarGroup };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
2
- import './../../assets/src/badge/Badge.css.ts.vanilla-v_WxKtkk.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
2
+ import './../../assets/src/badge/Badge.css.ts.vanilla-DkeeO3hp.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'_1nc2zx3'],variants:{colorScheme:{danger:'slgk6x',information:'j5os2w',neutral:'_8p5rhv',primary:'i64itj',success:'_1lomvqb',warning:'_1m4x20b'},variant:{light:'_4g7if8',solid:'_1ny8n3m'}}});
5
+ var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'mxmsa1'],variants:{colorScheme:{danger:'_127bq6g',information:'oqek2l',neutral:'_1ouc4f2',primary:'_1xngmy8',success:'_1ema7ga',warning:'_1b9xeu0'},variant:{light:'_1bsa6e0',solid:'_14zfehq'}}});
6
6
 
7
7
  export { badge };
@@ -1,4 +1,4 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
2
2
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
3
3
 
4
4
  var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'sm',justifyContent:'space-between',px:'lg',py:'sm'}],variants:{colorScheme:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
2
- import './../../assets/src/box/Box.css.ts.vanilla-DlV97In6.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
2
+ import './../../assets/src/box/Box.css.ts.vanilla-DXsrXznr.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var box = recipeRuntime({base:'_22gb6j'});
5
+ var box = recipeRuntime({base:'_1q2741b'});
6
6
 
7
7
  export { box };
@@ -17,7 +17,7 @@ const Box = forwardRef(
17
17
  {
18
18
  "data-axiom": version,
19
19
  ref,
20
- ...box({}, sprinklesMerge(sprinkles(sprinkleProps), className)),
20
+ ...box({}, sprinklesMerge(className, sprinkles(sprinkleProps))),
21
21
  ...restProps
22
22
  }
23
23
  );
@@ -1,9 +1,9 @@
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/button-base/ButtonBase.css.ts.vanilla-Cdep1j3a.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-C8nEvBep.css';
3
+ import './../../assets/src/button-base/ButtonBase.css.ts.vanilla-CbhXWBhY.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
6
- var buttonBase = recipeRuntime({base:['lmxxxn',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'_1im33aw'],variants:{colorScheme:{danger:'if8skd',neutral:'c4fjjx',primary:'_12vdocu'},iconOnly:{false:'xg4fm5',true:{}},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_1p96fk1',solid:'pm6twy',subtle:'_1iwd84e'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'hnlowv',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'_1syvzmn',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_1a8wi93',variants:{iconOnly:false,size:'lg'}}]});
7
- var spinner = recipeRuntime({base:'_1sgmzw9'});
6
+ var buttonBase = recipeRuntime({base:['o66lyz',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'snq2rn'],variants:{colorScheme:{danger:'edwo7x',neutral:'mx0yq',primary:'s9lkdo'},iconOnly:{false:'szvq3t',true:{}},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_1rc5d1d',solid:'_1k3dfkq',subtle:'_3424n8'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'nbo5bi',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'_60t1ev',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'k8yjgy',variants:{iconOnly:false,size:'lg'}}]});
7
+ var spinner = recipeRuntime({base:'_1l29ljr'});
8
8
 
9
9
  export { buttonBase, spinner };