@optiaxiom/react 0.3.2 → 0.3.3

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 (140) hide show
  1. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-D9op-dN0.css → AlertDialogContent.css.ts.vanilla-Cr0jsrlM.css} +7 -7
  2. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-CSF3IjhR.css +6 -0
  3. package/dist/assets/src/autocomplete-content/{AutocompleteContent.css.ts.vanilla-C9lF22QT.css → AutocompleteContent.css.ts.vanilla-CKRzpEat.css} +4 -4
  4. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-BF1qaLvg.css +27 -0
  5. package/dist/assets/src/badge/Badge.css.ts.vanilla-CDFp0bWo.css +46 -0
  6. package/dist/assets/src/box/{Box.css.ts.vanilla-CtNVRhBJ.css → Box.css.ts.vanilla-CIZw6Oxp.css} +23 -23
  7. package/dist/assets/src/button/Button.css.ts.vanilla-DW2Pv0jL.css +146 -0
  8. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-q3GGPGwP.css +18 -0
  9. package/dist/assets/src/code/Code.css.ts.vanilla-CVJglY5u.css +7 -0
  10. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-DClqHIpD.css +24 -0
  11. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-CBfONOxn.css +12 -0
  12. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-fHyHAU0v.css → DialogContent.css.ts.vanilla-CjDOgPsl.css} +8 -8
  13. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DZjQ4lO4.css +25 -0
  14. package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-4NfAgnoq.css → DisclosureTrigger.css.ts.vanilla-D0avONlP.css} +7 -7
  15. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-CYUIc9u8.css → Drawer.css.ts.vanilla-DOMCHbHy.css} +8 -8
  16. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-O6eR2jtv.css → HoverCardContent.css.ts.vanilla-C69OVRIH.css} +3 -3
  17. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-blbpbaAA.css +35 -0
  18. package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-CJUNmMKK.css → InputBase.css.ts.vanilla-zp6VL08A.css} +23 -23
  19. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-B2knVFJF.css +9 -0
  20. package/dist/assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css +1 -0
  21. package/dist/assets/src/link/{Link.css.ts.vanilla-CbJsp3ie.css → Link.css.ts.vanilla-BwyvAiBb.css} +12 -12
  22. package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-DrRRLpce.css +21 -0
  23. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BAvjoAaT.css +30 -0
  24. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-Ck4A0tXZ.css +6 -0
  25. package/dist/assets/src/pill/{Pill.css.ts.vanilla-BNSFuCId.css → Pill.css.ts.vanilla-DfZxbJYE.css} +4 -4
  26. package/dist/assets/src/radio/Radio.css.ts.vanilla-COjZu2QD.css +13 -0
  27. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-CjaWjHFP.css +6 -0
  28. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-sakBlypk.css +7 -0
  29. package/dist/assets/src/separator/{Separator.css.ts.vanilla-B4VHybsQ.css → Separator.css.ts.vanilla-p-KdqYLU.css} +10 -10
  30. package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-DTNJWyy-.css +6 -0
  31. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-DuMdgSS2.css +6 -0
  32. package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-DOMqhPVH.css → properties.css.ts.vanilla-BQX2yLpP.css} +2069 -2069
  33. package/dist/assets/src/switch/Switch.css.ts.vanilla-CnGFO3ic.css +26 -0
  34. package/dist/assets/src/table/{Table.css.ts.vanilla-BfvHtBhn.css → Table.css.ts.vanilla-m1N-e0Vc.css} +4 -4
  35. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BcYHU0P3.css +6 -0
  36. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-D_KR2ARX.css → TableCell.css.ts.vanilla-ZAmhNzaE.css} +4 -4
  37. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-CPgX36rF.css +6 -0
  38. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DtdkkHE5.css +4 -0
  39. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-6Tb_1v1L.css +9 -0
  40. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-CfJX9Lr1.css +23 -0
  41. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-Bn4aHj9i.css → TabsTrigger.css.ts.vanilla-DXn2VZ67.css} +10 -10
  42. package/dist/assets/src/text/{Text.css.ts.vanilla-Ct8tbV9g.css → Text.css.ts.vanilla-BxYXQpZA.css} +8 -8
  43. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-UZZkUzZb.css +34 -0
  44. package/dist/assets/src/toast/Toast.css.ts.vanilla-o29zz8Nn.css +92 -0
  45. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-BLTq-uVy.css → ToastProvider.css.ts.vanilla-K3MUigBV.css} +9 -9
  46. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-DEHzszBc.css +22 -0
  47. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CKL0tO-A.css +10 -0
  48. package/dist/assets/src/transition/{Transition.css.ts.vanilla-1IYS0C05.css → Transition.css.ts.vanilla-BiM8-hyq.css} +16 -16
  49. package/dist/package.json.js +1 -1
  50. package/dist/src/alert/Alert-css.js +1 -1
  51. package/dist/src/alert-description/AlertDescription.js +2 -2
  52. package/dist/src/alert-dialog-content/AlertDialogContent-css.js +4 -4
  53. package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +1 -1
  54. package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
  55. package/dist/src/autocomplete-content/AutocompleteContent-css.js +3 -3
  56. package/dist/src/avatar/Avatar-css.js +4 -4
  57. package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
  58. package/dist/src/badge/Badge-css.js +3 -3
  59. package/dist/src/banner/Banner-css.js +1 -1
  60. package/dist/src/banner-description/BannerDescription.js +2 -2
  61. package/dist/src/box/Box-css.js +3 -3
  62. package/dist/src/button/Button-css.js +8 -8
  63. package/dist/src/button-group/ButtonGroup-css.js +3 -3
  64. package/dist/src/checkbox/Checkbox-css.js +8 -8
  65. package/dist/src/code/Code-css.js +3 -3
  66. package/dist/src/data-table/DataTable-css.js +7 -7
  67. package/dist/src/data-table-header/DataTableHeader-css.js +4 -4
  68. package/dist/src/dialog-body/DialogBody-css.js +1 -1
  69. package/dist/src/dialog-content/DialogContent-css.js +5 -5
  70. package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
  71. package/dist/src/disclosure-content/DisclosureContent-css.js +3 -3
  72. package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
  73. package/dist/src/drawer/Drawer-css.js +5 -5
  74. package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
  75. package/dist/src/indicator/Indicator-css.js +5 -5
  76. package/dist/src/input/Input-css.js +1 -1
  77. package/dist/src/input-base/InputBase-css.js +5 -5
  78. package/dist/src/kbd/Kbd-css.js +3 -3
  79. package/dist/src/layers/layers-css.js +3 -3
  80. package/dist/src/link/Link-css.js +4 -4
  81. package/dist/src/menu-content-base/MenuContentBase-css.js +3 -3
  82. package/dist/src/menu-item-base/MenuItemBase-css.js +3 -3
  83. package/dist/src/pagination/Pagination-css.js +3 -3
  84. package/dist/src/pill/Pill-css.js +3 -3
  85. package/dist/src/radio/Radio-css.js +8 -8
  86. package/dist/src/search-input/SearchInput-css.js +4 -4
  87. package/dist/src/select-content/SelectContent-css.js +3 -3
  88. package/dist/src/separator/Separator-css.js +3 -3
  89. package/dist/src/side-nav-item/SideNavItem-css.js +5 -5
  90. package/dist/src/skeleton/Skeleton-css.js +3 -3
  91. package/dist/src/sprinkles/properties-css.js +4 -4
  92. package/dist/src/switch/Switch-css.js +8 -8
  93. package/dist/src/table/Table-css.js +4 -4
  94. package/dist/src/table-body/TableBody-css.js +3 -3
  95. package/dist/src/table-cell/TableCell-css.js +4 -4
  96. package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
  97. package/dist/src/table-row/TableRow-css.js +3 -3
  98. package/dist/src/tabs/Tabs-css.js +3 -3
  99. package/dist/src/tabs-list/TabsList-css.js +3 -3
  100. package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
  101. package/dist/src/text/Text-css.js +3 -3
  102. package/dist/src/textarea-autosize/TextareaAutosize-css.js +5 -5
  103. package/dist/src/toast/Toast-css.js +5 -5
  104. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  105. package/dist/src/toggle-input/ToggleInput-css.js +4 -4
  106. package/dist/src/toggle-input-control/ToggleInputControl-css.js +5 -5
  107. package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +3 -3
  108. package/dist/src/tooltip-content/TooltipContent-css.js +1 -1
  109. package/dist/src/transition/Transition-css.js +3 -3
  110. package/package.json +1 -1
  111. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DDS8OH-1.css +0 -6
  112. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-MGu5LI76.css +0 -27
  113. package/dist/assets/src/badge/Badge.css.ts.vanilla-DP1kIyWj.css +0 -46
  114. package/dist/assets/src/button/Button.css.ts.vanilla-BfQZoyGU.css +0 -146
  115. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-D6tly9bR.css +0 -18
  116. package/dist/assets/src/code/Code.css.ts.vanilla-DIai_bip.css +0 -7
  117. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-Bj1eZiWU.css +0 -24
  118. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-v1_6qdp5.css +0 -12
  119. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-M3OCibdT.css +0 -25
  120. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-DdF8Wo3J.css +0 -35
  121. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BL8j46R-.css +0 -9
  122. package/dist/assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css +0 -1
  123. package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-Dvk3BjxK.css +0 -21
  124. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-D3zfCv0A.css +0 -30
  125. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-DgtWSrro.css +0 -6
  126. package/dist/assets/src/radio/Radio.css.ts.vanilla-WNRgmvlB.css +0 -13
  127. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-BfQke3FX.css +0 -6
  128. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-oPa3uLRl.css +0 -7
  129. package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-DjKnN54_.css +0 -6
  130. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Fwa0jvGo.css +0 -6
  131. package/dist/assets/src/switch/Switch.css.ts.vanilla-Da1UfFC3.css +0 -26
  132. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-D6HSFv7R.css +0 -6
  133. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DMSTJHnX.css +0 -6
  134. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-CziRMkag.css +0 -4
  135. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-CD_tNlyM.css +0 -9
  136. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-CNByvRkV.css +0 -23
  137. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-CLS6MLMJ.css +0 -34
  138. package/dist/assets/src/toast/Toast.css.ts.vanilla-CH__b2Pr.css +0 -92
  139. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-ivUJIfJ2.css +0 -22
  140. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-BArocSMj.css +0 -10
@@ -0,0 +1,26 @@
1
+ @layer optiaxiom.rzssx9;
2
+ @layer optiaxiom.rzssx9 {
3
+ ._1t6urpn {
4
+ --_1le1xxx: var(--ax-colors-bg-tertiary);
5
+ }
6
+ ._1t6urpn:has(._1h5sy2j:not(:disabled):not(:checked)):hover {
7
+ --_1le1xxx: var(--ax-colors-bg-tertiary-hovered);
8
+ }
9
+ .yv3fcz {
10
+ background-color: var(--_1le1xxx);
11
+ position: relative;
12
+ }
13
+ .srlckw {
14
+ background-color: var(--ax-colors-bg-default);
15
+ transform: translateX(-10px);
16
+ }
17
+ .tof6ej:has(._1h5sy2j:checked) .srlckw {
18
+ transform: translateX(10px);
19
+ }
20
+ .tof6ej:has(._1h5sy2j:disabled) .srlckw {
21
+ background-color: var(--ax-colors-bg-page);
22
+ }
23
+ .tof6ej:has(._1h5sy2j:not(:disabled)) .srlckw {
24
+ box-shadow: var(--ax-boxShadow-sm);
25
+ }
26
+ }
@@ -1,9 +1,9 @@
1
- @layer optiaxiom.kvgl8g;
2
- @layer optiaxiom.kvgl8g {
3
- .ld88b2 {
1
+ @layer optiaxiom.rzssx9;
2
+ @layer optiaxiom.rzssx9 {
3
+ ._13cnu6g {
4
4
  caption-side: bottom;
5
5
  }
6
- ._14gbpjh {
6
+ ._1or640f {
7
7
  max-height: 80dvh;
8
8
  max-width: 80dvw;
9
9
  position: relative;
@@ -0,0 +1,6 @@
1
+ @layer optiaxiom.rzssx9;
2
+ @layer optiaxiom.rzssx9 {
3
+ .hpldo0 {
4
+ position: relative;
5
+ }
6
+ }
@@ -1,10 +1,10 @@
1
- @layer optiaxiom.kvgl8g;
2
- @layer optiaxiom.kvgl8g {
3
- .okdtf0 {
1
+ @layer optiaxiom.rzssx9;
2
+ @layer optiaxiom.rzssx9 {
3
+ ._68iz2l {
4
4
  vertical-align: middle;
5
5
  word-break: break-word;
6
6
  }
7
- .mom0k8:hover .okdtf0 {
7
+ ._1c9pqfn:hover ._68iz2l {
8
8
  background-color: var(--ax-colors-bg-secondary);
9
9
  }
10
10
  }
@@ -0,0 +1,6 @@
1
+ @layer optiaxiom.rzssx9;
2
+ @layer optiaxiom.rzssx9 {
3
+ ._1h2ysk0 {
4
+ vertical-align: middle;
5
+ }
6
+ }
@@ -0,0 +1,4 @@
1
+ @layer optiaxiom.rzssx9;
2
+ @layer optiaxiom.rzssx9 {
3
+
4
+ }
@@ -0,0 +1,9 @@
1
+ @layer optiaxiom.rzssx9;
2
+ @layer optiaxiom.rzssx9 {
3
+ ._109v1v5[data-orientation="horizontal"] {
4
+ flex-direction: column;
5
+ }
6
+ ._109v1v5[data-orientation="vertical"] {
7
+ flex-direction: row;
8
+ }
9
+ }
@@ -0,0 +1,23 @@
1
+ @layer optiaxiom.rzssx9;
2
+ @layer optiaxiom.rzssx9 {
3
+ .pg3nj2[data-orientation="horizontal"] {
4
+ flex-direction: row;
5
+ }
6
+ .pg3nj2[data-orientation="vertical"] {
7
+ flex-direction: column;
8
+ }
9
+ ._1o190ro[data-orientation="horizontal"] {
10
+ border-bottom-width: 1px;
11
+ gap: var(--ax-spacing-lg);
12
+ }
13
+ ._1o190ro[data-orientation="vertical"] {
14
+ border-right-width: 1px;
15
+ gap: var(--ax-spacing-xs);
16
+ }
17
+ .et85ce[data-orientation="horizontal"] {
18
+ gap: var(--ax-spacing-md);
19
+ }
20
+ .et85ce[data-orientation="vertical"] {
21
+ gap: var(--ax-spacing-xs);
22
+ }
23
+ }
@@ -1,35 +1,35 @@
1
- @layer optiaxiom.kvgl8g;
2
- @layer optiaxiom.kvgl8g {
3
- ._5aoksd {
1
+ @layer optiaxiom.rzssx9;
2
+ @layer optiaxiom.rzssx9 {
3
+ ._1jp04py {
4
4
  border-color: transparent;
5
5
  color: var(--ax-colors-fg-tertiary);
6
6
  user-select: none;
7
7
  }
8
- ._5aoksd:focus-visible {
8
+ ._1jp04py:focus-visible {
9
9
  outline: 2px solid var(--ax-colors-border-focus);
10
10
  outline-offset: 1px;
11
11
  }
12
- ._5aoksd:hover:not([data-state="active"]) {
12
+ ._1jp04py: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
- ._5aoksd[data-disabled] {
16
+ ._1jp04py[data-disabled] {
17
17
  color: var(--ax-colors-fg-disabled);
18
18
  }
19
- ._5aoksd[data-orientation="horizontal"] {
19
+ ._1jp04py[data-orientation="horizontal"] {
20
20
  border-bottom-width: 2px;
21
21
  margin-bottom: -1px;
22
22
  }
23
- ._5aoksd[data-orientation="vertical"] {
23
+ ._1jp04py[data-orientation="vertical"] {
24
24
  border-right-width: 2px;
25
25
  margin-right: -1px;
26
26
  padding-inline: 10px;
27
27
  }
28
- ._5aoksd[data-state="active"] {
28
+ ._1jp04py[data-state="active"] {
29
29
  border-color: var(--ax-colors-border-accent);
30
30
  color: var(--ax-colors-fg-default);
31
31
  }
32
- ._14smz24:active ._1h87ztm {
32
+ .u0niwe:active .r04cvo {
33
33
  background-color: var(--ax-colors-bg-secondary);
34
34
  }
35
35
  }
@@ -1,22 +1,22 @@
1
- @layer optiaxiom.kvgl8g;
2
- @layer optiaxiom.kvgl8g {
3
- ._11ihx2h {
1
+ @layer optiaxiom.rzssx9;
2
+ @layer optiaxiom.rzssx9 {
3
+ ._4lz2sj {
4
4
  text-overflow: ellipsis;
5
5
  }
6
- ._1w7kuk5 {
6
+ .l5vyp0 {
7
7
  display: -webkit-box;
8
8
  -webkit-box-orient: vertical;
9
9
  }
10
- ._1irvnb3 {
10
+ .wpy72s {
11
11
  -webkit-line-clamp: 1;
12
12
  }
13
- .gol2wa {
13
+ ._1s7nefn {
14
14
  -webkit-line-clamp: 2;
15
15
  }
16
- .k2xz5m {
16
+ ._15tlnho {
17
17
  -webkit-line-clamp: 3;
18
18
  }
19
- ._1jucbey {
19
+ ._1ckulbk {
20
20
  -webkit-line-clamp: 4;
21
21
  }
22
22
  }
@@ -0,0 +1,34 @@
1
+ @layer optiaxiom.rzssx9;
2
+ @layer optiaxiom.rzssx9 {
3
+ .gky68p {
4
+ max-height: calc(16px + var(--_1p2dhti) * 22px);
5
+ }
6
+ ._5x1mcu {
7
+ --_1p2dhti: 1;
8
+ }
9
+ .wcbzag {
10
+ --_1p2dhti: 2;
11
+ }
12
+ ._19hag42 {
13
+ --_1p2dhti: 3;
14
+ }
15
+ ._1idnht {
16
+ --_1p2dhti: 4;
17
+ }
18
+ ._1jcuw8d {
19
+ --_1p2dhti: 5;
20
+ }
21
+ .s2q7o1 {
22
+ resize: vertical;
23
+ }
24
+ ._1o9b5uo {
25
+ grid-area: 1 / 1 / 2 / 2;
26
+ }
27
+ ._141gg0q {
28
+ visibility: hidden;
29
+ white-space: pre-wrap;
30
+ }
31
+ .i3l3n4 {
32
+ resize: none;
33
+ }
34
+ }
@@ -0,0 +1,92 @@
1
+ @keyframes uwsurr {
2
+ from {
3
+ opacity: 1;
4
+ }
5
+ }
6
+ @keyframes _1hvqdhg {
7
+ from {
8
+ translate: var(--_1me4t9a);
9
+ }
10
+ to {
11
+ translate: 0;
12
+ }
13
+ }
14
+ @keyframes _1w7v1r0 {
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(--_1me4t9a);
21
+ }
22
+ }
23
+ @layer optiaxiom.rzssx9;
24
+ @layer optiaxiom.rzssx9 {
25
+ .pknen:focus-visible {
26
+ outline: 2px solid var(--ax-colors-border-focus);
27
+ outline-offset: 1px;
28
+ }
29
+ .pknen[data-state="closed"] {
30
+ animation: uwsurr 100ms ease-in;
31
+ opacity: 0;
32
+ }
33
+ .pknen[data-state="closed"] ~ .pknen {
34
+ transition: translate 100ms ease-in 100ms;
35
+ }
36
+ .pknen[data-state="open"] {
37
+ animation: _1hvqdhg 150ms cubic-bezier(0.16, 1, 0.3, 1);
38
+ }
39
+ .pknen[data-swipe="cancel"] {
40
+ transition: translate 150ms ease;
41
+ translate: 0;
42
+ }
43
+ .pknen[data-swipe="end"] {
44
+ animation: _1w7v1r0 100ms ease-out;
45
+ opacity: 0;
46
+ }
47
+ .pknen[data-swipe="move"] {
48
+ translate: var(--radix-toast-swipe-move-x) var(--radix-toast-swipe-move-y);
49
+ }
50
+ .pknen[data-swipe-direction="down"] {
51
+ --_1me4t9a: 0 calc(100% + var(--ax-spacing-24));
52
+ }
53
+ .pknen[data-swipe-direction="left"] {
54
+ --_1me4t9a: calc(-100% - var(--ax-spacing-24)) 0;
55
+ }
56
+ .pknen[data-swipe-direction="right"] {
57
+ --_1me4t9a: calc(100% + var(--ax-spacing-24)) 0;
58
+ }
59
+ .pknen[data-swipe-direction="up"] {
60
+ --_1me4t9a: 0 calc(-100% - var(--ax-spacing-24));
61
+ }
62
+ [data-position^="bottom"] .pknen:first-child {
63
+ margin-bottom: auto;
64
+ }
65
+ [data-position^="bottom"] .pknen[data-state="closed"] ~ .pknen {
66
+ translate: 0 calc(100% + var(--ax-spacing-md));
67
+ }
68
+ [data-position^="top"] .pknen:last-child {
69
+ margin-top: auto;
70
+ }
71
+ [data-position^="top"] .pknen[data-state="closed"] ~ .pknen {
72
+ translate: 0 calc(-100% - var(--ax-spacing-md));
73
+ }
74
+ ._2rv36x {
75
+ --elwwvb: var(--ax-colors-fg-error-light);
76
+ }
77
+ .rkfcqo {
78
+ --elwwvb: var(--ax-colors-fg-information-light);
79
+ }
80
+ .fxejgc {
81
+ --elwwvb: var(--ax-colors-fg-default-inverse);
82
+ }
83
+ ._1fsyuew {
84
+ --elwwvb: var(--ax-colors-fg-success-light);
85
+ }
86
+ ._162gm0r {
87
+ --elwwvb: var(--ax-colors-fg-warning-light);
88
+ }
89
+ ._1moujfc {
90
+ color: var(--elwwvb);
91
+ }
92
+ }
@@ -1,33 +1,33 @@
1
- @layer optiaxiom.kvgl8g;
2
- @layer optiaxiom.kvgl8g {
3
- .cx96n3 {
1
+ @layer optiaxiom.rzssx9;
2
+ @layer optiaxiom.rzssx9 {
3
+ ._1w079hl {
4
4
  outline: none;
5
5
  position: fixed;
6
6
  scrollbar-gutter: stable;
7
7
  }
8
- ._17jao08 {
8
+ ._1fivm9h {
9
9
  bottom: 0;
10
10
  left: 50%;
11
11
  transform: translateX(-50%);
12
12
  }
13
- ._10dutje {
13
+ ._811jpo {
14
14
  bottom: 0;
15
15
  left: 0;
16
16
  }
17
- .qry7n1 {
17
+ .aqd1yb {
18
18
  bottom: 0;
19
19
  right: 0;
20
20
  }
21
- .voxpwz {
21
+ .l4qn01 {
22
22
  left: 50%;
23
23
  top: 0;
24
24
  transform: translateX(-50%);
25
25
  }
26
- ._1vu07nb {
26
+ ._1nbh2sl {
27
27
  left: 0;
28
28
  top: 0;
29
29
  }
30
- ._18uxb5s {
30
+ ._1eqb5fi {
31
31
  right: 0;
32
32
  top: 0;
33
33
  }
@@ -0,0 +1,22 @@
1
+ @layer optiaxiom.rzssx9;
2
+ @layer optiaxiom.rzssx9 {
3
+ .ssgdwa {
4
+ --_1le1xxx: var(--ax-colors-border-active);
5
+ color: var(--ax-colors-fg-default);
6
+ }
7
+ .ssgdwa:has(._1lqv16r:not(:disabled):checked):hover {
8
+ --_1le1xxx: var(--ax-colors-bg-accent-hovered);
9
+ }
10
+ .ssgdwa:has(._1lqv16r:not(:disabled):not(:checked)):hover {
11
+ --_1le1xxx: var(--ax-colors-border-active-hovered);
12
+ }
13
+ .ssgdwa:has(._1lqv16r:checked) {
14
+ --_1le1xxx: var(--ax-colors-bg-accent);
15
+ }
16
+ .ssgdwa:has(._1lqv16r:disabled) {
17
+ color: var(--ax-colors-fg-disabled);
18
+ }
19
+ .ssgdwa:not(:has(._1lqv16r:disabled)) {
20
+ cursor: pointer;
21
+ }
22
+ }
@@ -0,0 +1,10 @@
1
+ @layer optiaxiom.rzssx9;
2
+ @layer optiaxiom.rzssx9 {
3
+ .mgwg4d:has(:focus-visible) ._1itaasu {
4
+ outline: 2px solid var(--ax-colors-border-focus);
5
+ outline-offset: 1px;
6
+ }
7
+ .mgwg4d:has(input:disabled) ._1itaasu {
8
+ opacity: 0.3;
9
+ }
10
+ }
@@ -1,55 +1,55 @@
1
- @layer optiaxiom.kvgl8g;
2
- @layer optiaxiom.kvgl8g {
3
- ._4kg4k8 {
1
+ @layer optiaxiom.rzssx9;
2
+ @layer optiaxiom.rzssx9 {
3
+ .tfn3y4 {
4
4
  transform-origin: var(--radix-popper-transform-origin);
5
5
  transition-property: opacity, transform;
6
6
  transition-timing-function: ease;
7
7
  }
8
- .wi0vxn {
8
+ .ow9baj {
9
9
  transition-duration: 150ms;
10
10
  }
11
- .t4114u {
11
+ ._158760e {
12
12
  transition-duration: 250ms;
13
13
  }
14
- ._8ctnk {
14
+ ._1rwdxyf {
15
15
  transition-duration: 400ms;
16
16
  }
17
- .i9oo1s {
17
+ ._1xhwqr3 {
18
18
  opacity: 0;
19
19
  }
20
- .i9oo1s[data-side="bottom"] {
20
+ ._1xhwqr3[data-side="bottom"] {
21
21
  opacity: 0;
22
22
  transform: translateY(-15px);
23
23
  }
24
- .i9oo1s[data-side="left"] {
24
+ ._1xhwqr3[data-side="left"] {
25
25
  opacity: 0;
26
26
  transform: translateX(15px);
27
27
  }
28
- .i9oo1s[data-side="right"] {
28
+ ._1xhwqr3[data-side="right"] {
29
29
  opacity: 0;
30
30
  transform: translateX(-15px);
31
31
  }
32
- .i9oo1s[data-side="top"] {
32
+ ._1xhwqr3[data-side="top"] {
33
33
  opacity: 0;
34
34
  transform: translateY(15px);
35
35
  }
36
- .kghzs1 {
36
+ ._13fxohh {
37
37
  opacity: 0;
38
38
  transform: scale(0.95);
39
39
  }
40
- .kghzs1[data-side="bottom"] {
40
+ ._13fxohh[data-side="bottom"] {
41
41
  opacity: 0;
42
42
  transform: scale(0.95) translateY(-8px);
43
43
  }
44
- .kghzs1[data-side="left"] {
44
+ ._13fxohh[data-side="left"] {
45
45
  opacity: 0;
46
46
  transform: scale(0.95) translateX(8px);
47
47
  }
48
- .kghzs1[data-side="right"] {
48
+ ._13fxohh[data-side="right"] {
49
49
  opacity: 0;
50
50
  transform: scale(0.95) translateX(-8px);
51
51
  }
52
- .kghzs1[data-side="top"] {
52
+ ._13fxohh[data-side="top"] {
53
53
  opacity: 0;
54
54
  transform: scale(0.95) translateY(8px);
55
55
  }
@@ -1,3 +1,3 @@
1
- var version = "0.3.2";
1
+ var version = "0.3.3";
2
2
 
3
3
  export { version };
@@ -1,4 +1,4 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.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,11 +1,11 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
3
  import { useAlertContext } from '../alert-context/AlertContext.js';
4
- import { Flex } from '../flex/Flex.js';
4
+ import { Box } from '../box/Box.js';
5
5
 
6
6
  const AlertDescription = forwardRef(({ children, ...props }, ref) => {
7
7
  const { descriptionId } = useAlertContext("AlertDescription");
8
- return /* @__PURE__ */ jsx(Flex, { gap: "xs", id: descriptionId, ref, ...props, children });
8
+ return /* @__PURE__ */ jsx(Box, { id: descriptionId, ref, ...props, children });
9
9
  });
10
10
  AlertDescription.displayName = "@optiaxiom/react/AlertDescription";
11
11
 
@@ -1,8 +1,8 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
2
- import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-D9op-dN0.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
2
+ import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Cr0jsrlM.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'},'n5qets'],variants:{size:{sm:'q8wkp4',md:'_4l8trx',lg:'_1gr0piu'}}});
6
- var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'vc5za3']});
5
+ var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',rounded:'lg',shadow:'md',z:'popover'},'_14cwact'],variants:{size:{sm:'bamikp',md:'_143e421',lg:'_1utmb02'}}});
6
+ var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1svy4d']});
7
7
 
8
8
  export { content, overlay };
@@ -1,4 +1,4 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.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-CMujrH3-.css';
2
- import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DDS8OH-1.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
2
+ import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-CSF3IjhR.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'},'_1ympgzg']});
5
+ var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'_1ktdehn']});
6
6
 
7
7
  export { footer };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
2
- import './../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-C9lF22QT.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
2
+ import './../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-CKRzpEat.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var content = recipeRuntime({base:[{p:'4'},'_2vyxjw']});
5
+ var content = recipeRuntime({base:[{p:'4'},'_1uog2ab']});
6
6
 
7
7
  export { content };
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-CziRMkag.css';
3
- import './../../assets/src/avatar/Avatar.css.ts.vanilla-MGu5LI76.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-DtdkkHE5.css';
3
+ import './../../assets/src/avatar/Avatar.css.ts.vanilla-BF1qaLvg.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'},'kwut0u'],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'},'_9th8ra'],sm:[{fontSize:'xs',size:'sm'},'b2l97o'],md:[{fontSize:'md',size:'md'},'_1nnq1qo'],lg:[{fontSize:'lg',size:'lg'},'x3qzy8'],xl:[{fontSize:'2xl',size:'xl'},'oiu9qr'],'5xl':[{fontSize:'4xl',size:'5xl'},'_1oyrhbq']}}});
6
+ var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'rhysjq'],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'},'vzqu2g'],sm:[{fontSize:'xs',size:'sm'},'_154lu2q'],md:[{fontSize:'md',size:'md'},'rk85en'],lg:[{fontSize:'lg',size:'lg'},'_1w7f5vq'],xl:[{fontSize:'2xl',size:'xl'},'rpl2io'],'5xl':[{fontSize:'4xl',size:'5xl'},'_4j2h85']}}});
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-CMujrH3-.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-CziRMkag.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-DtdkkHE5.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var avatarGroup = recipeRuntime({base:['_274n9n',{display:'flex'}]});
5
+ var avatarGroup = recipeRuntime({base:['_14qmtc8',{display:'flex'}]});
6
6
 
7
7
  export { avatarGroup };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
2
- import './../../assets/src/badge/Badge.css.ts.vanilla-DP1kIyWj.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
2
+ import './../../assets/src/badge/Badge.css.ts.vanilla-CDFp0bWo.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'},'_1fxl2gg'],variants:{colorScheme:{danger:'_17urkrf',information:'sngfgn',neutral:'_10t3lox',primary:'_14gk5cr',success:'lmmbfi',warning:'_158mx3w'},variant:{light:'_1xtomza',solid:'qn78n9'}}});
5
+ var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'_3cmv2i'],variants:{colorScheme:{danger:'_16jr9ht',information:'s30x2m',neutral:'u8hs3s',primary:'btpj4w',success:'_503mp6',warning:'_1e1p44p'},variant:{light:'_1qh9p2t',solid:'_157w3f8'}}});
6
6
 
7
7
  export { badge };
@@ -1,4 +1,4 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.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,11 +1,11 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
3
  import { useBannerContext } from '../banner-context/BannerContext.js';
4
- import { Flex } from '../flex/Flex.js';
4
+ import { Box } from '../box/Box.js';
5
5
 
6
6
  const BannerDescription = forwardRef(({ children, ...props }, ref) => {
7
7
  const { descriptionId } = useBannerContext("BannerDescription");
8
- return /* @__PURE__ */ jsx(Flex, { gap: "xs", id: descriptionId, ref, ...props, children });
8
+ return /* @__PURE__ */ jsx(Box, { id: descriptionId, ref, ...props, children });
9
9
  });
10
10
  BannerDescription.displayName = "@optiaxiom/react/BannerDescription";
11
11
 
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
2
- import './../../assets/src/box/Box.css.ts.vanilla-CtNVRhBJ.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
2
+ import './../../assets/src/box/Box.css.ts.vanilla-CIZw6Oxp.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var box = recipeRuntime({base:'_2jfvm5'});
5
+ var box = recipeRuntime({base:'_1ndimy9'});
6
6
 
7
7
  export { box };