@optiaxiom/react 0.1.0-next.18 → 0.1.0-next.19

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 (136) hide show
  1. package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-CeZqbfeZ.css +25 -0
  2. package/dist/assets/src/accordion-trigger/{AccordionTrigger.css.ts.vanilla-DdXgiCqZ.css → AccordionTrigger.css.ts.vanilla-B4Qle9mU.css} +6 -6
  3. package/dist/assets/src/alert/Alert.css.ts.vanilla-CozfM5PZ.css +43 -0
  4. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-D0aMZ0w8.css → AlertDialogContent.css.ts.vanilla-C2JN8mVr.css} +7 -7
  5. package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-BqS3DoOb.css +6 -0
  6. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-C3kxC2t1.css +6 -0
  7. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-BbCo_LUp.css +24 -0
  8. package/dist/assets/src/badge/Badge.css.ts.vanilla-DdSqM1SO.css +47 -0
  9. package/dist/assets/src/box/{Box.css.ts.vanilla-DzdICr9X.css → Box.css.ts.vanilla-m6UOfI2n.css} +23 -23
  10. package/dist/assets/src/button/Button.css.ts.vanilla-B3zZ2aVK.css +141 -0
  11. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BigSArKH.css +23 -0
  12. package/dist/assets/src/code/Code.css.ts.vanilla-gjF3xytI.css +7 -0
  13. package/dist/assets/src/command-item/{CommandItem.css.ts.vanilla-6tivpdOm.css → CommandItem.css.ts.vanilla-BOyWdQsz.css} +5 -5
  14. package/dist/assets/src/command-list/{CommandList.css.ts.vanilla-cJSL04GG.css → CommandList.css.ts.vanilla-ZOkkUju9.css} +3 -3
  15. package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-BRv_T12k.css +41 -0
  16. package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-CiXTBqjW.css +6 -0
  17. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-dM4h8lLR.css → DialogContent.css.ts.vanilla-BIm47Hsr.css} +8 -8
  18. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-BfBPQjk-.css → Drawer.css.ts.vanilla-CtuqTSHQ.css} +8 -8
  19. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-B31ykq1Q.css → HoverCardContent.css.ts.vanilla-BpX0cZU1.css} +3 -3
  20. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-D8oWl6pc.css +31 -0
  21. package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-JlIy9jXM.css → InputBase.css.ts.vanilla-Cj24xHND.css} +15 -15
  22. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-j30xh0wI.css +9 -0
  23. package/dist/assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css +4 -0
  24. package/dist/assets/src/link/{Link.css.ts.vanilla-Bf2IIs3j.css → Link.css.ts.vanilla-C-b1NhSR.css} +12 -12
  25. package/dist/assets/src/menu-content-base/{MenuContentBase.css.ts.vanilla-DthVhVaj.css → MenuContentBase.css.ts.vanilla-BYu-Rqmo.css} +3 -3
  26. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BockD7lA.css +33 -0
  27. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-Dh9vPZt9.css +6 -0
  28. package/dist/assets/src/pill/{Pill.css.ts.vanilla-CzA0GbOu.css → Pill.css.ts.vanilla-Cc7aUYIo.css} +4 -4
  29. package/dist/assets/src/popover-content/{PopoverContent.css.ts.vanilla-CKx6WAG_.css → PopoverContent.css.ts.vanilla-C3M4uhJV.css} +3 -3
  30. package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-DqdWeglP.css +9 -0
  31. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DHGprPBq.css +6 -0
  32. package/dist/assets/src/separator/{Separator.css.ts.vanilla-_Evw8coN.css → Separator.css.ts.vanilla-opWSwN_i.css} +10 -10
  33. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-DnObJ67I.css +6 -0
  34. package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-CWInbvhm.css → sprinkles.css.ts.vanilla-BDvaeWy7.css} +2273 -2273
  35. package/dist/assets/src/switch/Switch.css.ts.vanilla-BT6G8h6W.css +26 -0
  36. package/dist/assets/src/table/Table.css.ts.vanilla-BmKX1tci.css +9 -0
  37. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-DDz_wYaW.css +6 -0
  38. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-WQWUwMeZ.css → TableCell.css.ts.vanilla-sd8Vquaz.css} +4 -4
  39. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DuARvhZE.css +6 -0
  40. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-BsM3KNL3.css +4 -0
  41. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-BO6FVjWc.css +9 -0
  42. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-WvFhp7zA.css +23 -0
  43. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-BNJjgHvC.css → TabsTrigger.css.ts.vanilla-D30O8tC9.css} +10 -10
  44. package/dist/assets/src/text/{Text.css.ts.vanilla-BvzD3lMf.css → Text.css.ts.vanilla-BKtRaBxq.css} +8 -8
  45. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-Vi7oxkCe.css +34 -0
  46. package/dist/assets/src/toast/Toast.css.ts.vanilla-CcGpHMYT.css +89 -0
  47. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-U5IpQ-47.css → ToastProvider.css.ts.vanilla-CRrCOnmY.css} +9 -9
  48. package/dist/assets/src/transition/{Transition.css.ts.vanilla-Cb0oRAnj.css → Transition.css.ts.vanilla-CwC4wqUb.css} +16 -16
  49. package/dist/index.d.ts +16 -28
  50. package/dist/package.json.js +1 -1
  51. package/dist/src/accordion-content/AccordionContent-css.js +3 -3
  52. package/dist/src/accordion-trigger/AccordionTrigger-css.js +4 -4
  53. package/dist/src/alert/Alert-css.js +4 -4
  54. package/dist/src/alert-dialog-content/AlertDialogContent-css.js +4 -4
  55. package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +3 -3
  56. package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
  57. package/dist/src/avatar/Avatar-css.js +4 -4
  58. package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
  59. package/dist/src/badge/Badge-css.js +3 -3
  60. package/dist/src/box/Box-css.js +3 -3
  61. package/dist/src/button/Button-css.js +8 -8
  62. package/dist/src/button-group/ButtonGroup-css.js +3 -3
  63. package/dist/src/checkbox/Checkbox-css.js +6 -6
  64. package/dist/src/code/Code-css.js +3 -3
  65. package/dist/src/command-footer/CommandFooter-css.js +1 -1
  66. package/dist/src/command-item/CommandItem-css.js +3 -3
  67. package/dist/src/command-list/CommandList-css.js +3 -3
  68. package/dist/src/control-base/ControlBase-css.js +6 -6
  69. package/dist/src/dialog-body/DialogBody-css.js +3 -3
  70. package/dist/src/dialog-content/DialogContent-css.js +5 -5
  71. package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
  72. package/dist/src/drawer/Drawer-css.js +5 -5
  73. package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
  74. package/dist/src/indicator/Indicator-css.js +5 -5
  75. package/dist/src/input/Input-css.js +1 -1
  76. package/dist/src/input-base/InputBase-css.js +4 -4
  77. package/dist/src/kbd/Kbd-css.js +3 -3
  78. package/dist/src/layers/layers-css.js +3 -3
  79. package/dist/src/link/Link-css.js +4 -4
  80. package/dist/src/menu-content-base/MenuContentBase-css.js +3 -3
  81. package/dist/src/menu-item-base/MenuItemBase-css.js +3 -3
  82. package/dist/src/pagination/Pagination-css.js +3 -3
  83. package/dist/src/pill/Pill-css.js +3 -3
  84. package/dist/src/popover-content/PopoverContent-css.js +3 -3
  85. package/dist/src/radio-group-item/RadioGroupItem-css.js +5 -5
  86. package/dist/src/search-input/SearchInput-css.js +4 -4
  87. package/dist/src/separator/Separator-css.js +3 -3
  88. package/dist/src/skeleton/Skeleton-css.js +3 -3
  89. package/dist/src/sprinkles/sprinkles-css.js +3 -3
  90. package/dist/src/switch/Switch-css.js +6 -6
  91. package/dist/src/table/Table-css.js +4 -4
  92. package/dist/src/table-body/TableBody-css.js +3 -3
  93. package/dist/src/table-cell/TableCell-css.js +4 -4
  94. package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
  95. package/dist/src/table-row/TableRow-css.js +3 -3
  96. package/dist/src/tabs/Tabs-css.js +3 -3
  97. package/dist/src/tabs-list/TabsList-css.js +3 -3
  98. package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
  99. package/dist/src/tabs-trigger/TabsTrigger.js +1 -1
  100. package/dist/src/text/Text-css.js +3 -3
  101. package/dist/src/textarea/Textarea.js +4 -22
  102. package/dist/src/textarea-autosize/TextareaAutosize-css.js +9 -0
  103. package/dist/src/textarea-autosize/TextareaAutosize.js +43 -0
  104. package/dist/src/toast/Toast-css.js +5 -5
  105. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  106. package/dist/src/transition/Transition-css.js +3 -3
  107. package/package.json +1 -2
  108. package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-BZ7bzZP9.css +0 -25
  109. package/dist/assets/src/alert/Alert.css.ts.vanilla-AC1zWh3i.css +0 -43
  110. package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-BkEgo6PX.css +0 -6
  111. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DscsPTsD.css +0 -6
  112. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DVYtuHQ1.css +0 -24
  113. package/dist/assets/src/badge/Badge.css.ts.vanilla-ClkJ_u5F.css +0 -47
  114. package/dist/assets/src/button/Button.css.ts.vanilla-BTd9lTdf.css +0 -141
  115. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BUlH2nOp.css +0 -23
  116. package/dist/assets/src/code/Code.css.ts.vanilla-B52uQ9L0.css +0 -7
  117. package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-DNWFGycD.css +0 -41
  118. package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-DMj_Dytg.css +0 -6
  119. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-CEMQKt4r.css +0 -31
  120. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-yOmbCTVp.css +0 -9
  121. package/dist/assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css +0 -4
  122. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-TYpr7a-c.css +0 -33
  123. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-CyYG5Rqz.css +0 -6
  124. package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-9txO00eX.css +0 -9
  125. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DCMuvBgL.css +0 -6
  126. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Cd--tSTW.css +0 -6
  127. package/dist/assets/src/switch/Switch.css.ts.vanilla-CK-3AKAY.css +0 -26
  128. package/dist/assets/src/table/Table.css.ts.vanilla-CTGILY5k.css +0 -9
  129. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-CKsWc1SR.css +0 -6
  130. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-B3DRJBru.css +0 -6
  131. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-iSWH_OkR.css +0 -4
  132. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-ROhQXYmq.css +0 -9
  133. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-C2E7_0fo.css +0 -23
  134. package/dist/assets/src/textarea/Textarea.css.ts.vanilla-8uk_9UJz.css +0 -9
  135. package/dist/assets/src/toast/Toast.css.ts.vanilla-Cmr5JjvD.css +0 -89
  136. package/dist/src/textarea/Textarea-css.js +0 -8
@@ -0,0 +1,26 @@
1
+ @layer optiaxiom.ahvbb1;
2
+ @layer optiaxiom.ahvbb1 {
3
+ .fy7x3d {
4
+ --_17nsymh: var(--ax-colors-bg-neutral-solid);
5
+ }
6
+ .fy7x3d:has(._18trxqm:not([data-disabled])[data-state="unchecked"]):hover {
7
+ --_17nsymh: var(--ax-colors-bg-neutral-solid-hover);
8
+ }
9
+ .onkhnm {
10
+ background-color: var(--_17nsymh);
11
+ position: relative;
12
+ }
13
+ ._1fdjlvk {
14
+ background-color: var(--ax-colors-white);
15
+ transform: translateX(-10px);
16
+ }
17
+ ._1fdjlvk:not([data-disabled]) {
18
+ box-shadow: var(--ax-boxShadow-sm);
19
+ }
20
+ ._1fdjlvk[data-disabled] {
21
+ background-color: var(--ax-colors-neutral-50);
22
+ }
23
+ ._1fdjlvk[data-state="checked"] {
24
+ transform: translateX(10px);
25
+ }
26
+ }
@@ -0,0 +1,9 @@
1
+ @layer optiaxiom.ahvbb1;
2
+ @layer optiaxiom.ahvbb1 {
3
+ ._317pid {
4
+ caption-side: bottom;
5
+ }
6
+ .b74zyq {
7
+ position: relative;
8
+ }
9
+ }
@@ -0,0 +1,6 @@
1
+ @layer optiaxiom.ahvbb1;
2
+ @layer optiaxiom.ahvbb1 {
3
+ .sdp9eu {
4
+ position: relative;
5
+ }
6
+ }
@@ -1,10 +1,10 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- .bej4cl {
1
+ @layer optiaxiom.ahvbb1;
2
+ @layer optiaxiom.ahvbb1 {
3
+ .qi1bln {
4
4
  vertical-align: middle;
5
5
  word-break: break-word;
6
6
  }
7
- ._1tbovzl:hover .bej4cl {
7
+ ._1qnl10e:hover .qi1bln {
8
8
  background-color: var(--ax-colors-bg-input-disabled);
9
9
  }
10
10
  }
@@ -0,0 +1,6 @@
1
+ @layer optiaxiom.ahvbb1;
2
+ @layer optiaxiom.ahvbb1 {
3
+ ._4s1z9p {
4
+ vertical-align: middle;
5
+ }
6
+ }
@@ -0,0 +1,4 @@
1
+ @layer optiaxiom.ahvbb1;
2
+ @layer optiaxiom.ahvbb1 {
3
+
4
+ }
@@ -0,0 +1,9 @@
1
+ @layer optiaxiom.ahvbb1;
2
+ @layer optiaxiom.ahvbb1 {
3
+ ._15dj8tz[data-orientation="horizontal"] {
4
+ flex-direction: column;
5
+ }
6
+ ._15dj8tz[data-orientation="vertical"] {
7
+ flex-direction: row;
8
+ }
9
+ }
@@ -0,0 +1,23 @@
1
+ @layer optiaxiom.ahvbb1;
2
+ @layer optiaxiom.ahvbb1 {
3
+ .k8xi76[data-orientation="horizontal"] {
4
+ flex-direction: row;
5
+ }
6
+ .k8xi76[data-orientation="vertical"] {
7
+ flex-direction: column;
8
+ }
9
+ ._1irx7ld[data-orientation="horizontal"] {
10
+ border-bottom-width: 1px;
11
+ gap: var(--ax-spacing-lg);
12
+ }
13
+ ._1irx7ld[data-orientation="vertical"] {
14
+ border-right-width: 1px;
15
+ gap: var(--ax-spacing-xs);
16
+ }
17
+ ._1jut4o9[data-orientation="horizontal"] {
18
+ gap: var(--ax-spacing-md);
19
+ }
20
+ ._1jut4o9[data-orientation="vertical"] {
21
+ gap: var(--ax-spacing-xs);
22
+ }
23
+ }
@@ -1,35 +1,35 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- ._1m7qu28 {
1
+ @layer optiaxiom.ahvbb1;
2
+ @layer optiaxiom.ahvbb1 {
3
+ .x96gdv {
4
4
  border-color: transparent;
5
5
  color: var(--ax-colors-fg-tertiary);
6
6
  user-select: none;
7
7
  }
8
- ._1m7qu28:focus-visible {
8
+ .x96gdv:focus-visible {
9
9
  outline: 2px solid var(--ax-colors-outline-brand);
10
10
  outline-offset: 1px;
11
11
  }
12
- ._1m7qu28:hover:not([data-state="active"]) {
12
+ .x96gdv: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
- ._1m7qu28[data-disabled] {
16
+ .x96gdv[data-disabled] {
17
17
  color: var(--ax-colors-fg-disabled);
18
18
  }
19
- ._1m7qu28[data-orientation="horizontal"] {
19
+ .x96gdv[data-orientation="horizontal"] {
20
20
  border-bottom-width: 2px;
21
21
  margin-bottom: -1px;
22
22
  }
23
- ._1m7qu28[data-orientation="vertical"] {
23
+ .x96gdv[data-orientation="vertical"] {
24
24
  border-right-width: 2px;
25
25
  margin-right: -1px;
26
26
  padding-inline: 10px;
27
27
  }
28
- ._1m7qu28[data-state="active"] {
28
+ .x96gdv[data-state="active"] {
29
29
  border-color: var(--ax-colors-border-brand);
30
30
  color: var(--ax-colors-fg-default);
31
31
  }
32
- ._1hctdf1:active ._92ns7y {
32
+ ._4sgicb:active ._19x95ec {
33
33
  background-color: var(--ax-colors-bg-input-disabled);
34
34
  }
35
35
  }
@@ -1,22 +1,22 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- ._2k902v {
1
+ @layer optiaxiom.ahvbb1;
2
+ @layer optiaxiom.ahvbb1 {
3
+ .kdvj9x {
4
4
  text-overflow: ellipsis;
5
5
  }
6
- .fs1ra0 {
6
+ ._69ym6u {
7
7
  -webkit-box-orient: vertical;
8
8
  display: -webkit-box;
9
9
  }
10
- ._15fz8s4 {
10
+ ._1fvsg5a {
11
11
  -webkit-line-clamp: 1;
12
12
  }
13
- ._1g1yhd1 {
13
+ .pwy7uh {
14
14
  -webkit-line-clamp: 2;
15
15
  }
16
- ._12lqg46 {
16
+ ._1xmhs7h {
17
17
  -webkit-line-clamp: 3;
18
18
  }
19
- ._1f6dd4u {
19
+ .yh90g4 {
20
20
  -webkit-line-clamp: 4;
21
21
  }
22
22
  }
@@ -0,0 +1,34 @@
1
+ @layer optiaxiom.ahvbb1;
2
+ @layer optiaxiom.ahvbb1 {
3
+ .pe4k67 {
4
+ max-height: calc(16px + var(--_1mg9q1s) * 22px);
5
+ }
6
+ ._1elteaj {
7
+ --_1mg9q1s: 1;
8
+ }
9
+ ._1ms345d {
10
+ --_1mg9q1s: 2;
11
+ }
12
+ .ma7lqc {
13
+ --_1mg9q1s: 3;
14
+ }
15
+ ._1gtd6ga {
16
+ --_1mg9q1s: 4;
17
+ }
18
+ ._81gv93 {
19
+ --_1mg9q1s: 5;
20
+ }
21
+ ._13u2b2c {
22
+ resize: vertical;
23
+ }
24
+ .b85i0t {
25
+ grid-area: 1 / 1 / 2 / 2;
26
+ }
27
+ .b8mqo8 {
28
+ visibility: hidden;
29
+ white-space: pre-wrap;
30
+ }
31
+ ._12ymtv {
32
+ resize: none;
33
+ }
34
+ }
@@ -0,0 +1,89 @@
1
+ @keyframes _15073ou {
2
+ from {
3
+ opacity: 1;
4
+ }
5
+ }
6
+ @keyframes e86d27 {
7
+ from {
8
+ translate: var(--n2tx1g);
9
+ }
10
+ to {
11
+ translate: 0;
12
+ }
13
+ }
14
+ @keyframes _1c5468t {
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(--n2tx1g);
21
+ }
22
+ }
23
+ @layer optiaxiom.ahvbb1;
24
+ @layer optiaxiom.ahvbb1 {
25
+ ._4vhf8n:focus-visible {
26
+ outline: 2px solid var(--ax-colors-outline-brand);
27
+ outline-offset: 1px;
28
+ }
29
+ ._4vhf8n[data-state="closed"] {
30
+ animation: _15073ou 100ms ease-in;
31
+ opacity: 0;
32
+ }
33
+ ._4vhf8n[data-state="closed"] ~ ._4vhf8n {
34
+ transition: translate 100ms ease-in 100ms;
35
+ }
36
+ ._4vhf8n[data-state="open"] {
37
+ animation: e86d27 150ms cubic-bezier(0.16, 1, 0.3, 1);
38
+ }
39
+ ._4vhf8n[data-swipe="cancel"] {
40
+ transition: translate 150ms ease;
41
+ translate: 0;
42
+ }
43
+ ._4vhf8n[data-swipe="end"] {
44
+ animation: _1c5468t 100ms ease-out;
45
+ opacity: 0;
46
+ }
47
+ ._4vhf8n[data-swipe="move"] {
48
+ translate: var(--radix-toast-swipe-move-x) var(--radix-toast-swipe-move-y);
49
+ }
50
+ ._4vhf8n[data-swipe-direction="down"] {
51
+ --n2tx1g: 0 calc(100% + var(--ax-spacing-24));
52
+ }
53
+ ._4vhf8n[data-swipe-direction="left"] {
54
+ --n2tx1g: calc(-100% - var(--ax-spacing-24)) 0;
55
+ }
56
+ ._4vhf8n[data-swipe-direction="right"] {
57
+ --n2tx1g: calc(100% + var(--ax-spacing-24)) 0;
58
+ }
59
+ ._4vhf8n[data-swipe-direction="up"] {
60
+ --n2tx1g: 0 calc(-100% - var(--ax-spacing-24));
61
+ }
62
+ [data-position^="bottom"] ._4vhf8n:first-child {
63
+ margin-bottom: auto;
64
+ }
65
+ [data-position^="bottom"] ._4vhf8n[data-state="closed"] ~ ._4vhf8n {
66
+ translate: 0 calc(100% + var(--ax-spacing-md));
67
+ }
68
+ [data-position^="top"] ._4vhf8n:last-child {
69
+ margin-top: auto;
70
+ }
71
+ [data-position^="top"] ._4vhf8n[data-state="closed"] ~ ._4vhf8n {
72
+ translate: 0 calc(-100% - var(--ax-spacing-md));
73
+ }
74
+ ._1dzujph {
75
+ --_1j9pld8: var(--ax-colors-red-300);
76
+ }
77
+ ._1ljwyw2 {
78
+ --_1j9pld8: var(--ax-colors-fg-default-inverse);
79
+ }
80
+ .z76k0z {
81
+ --_1j9pld8: var(--ax-colors-green-400);
82
+ }
83
+ ._6w489f {
84
+ --_1j9pld8: var(--ax-colors-yellow-300);
85
+ }
86
+ ._1maqiyr {
87
+ color: var(--_1j9pld8);
88
+ }
89
+ }
@@ -1,33 +1,33 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- .o28xfh {
1
+ @layer optiaxiom.ahvbb1;
2
+ @layer optiaxiom.ahvbb1 {
3
+ ._1e805pz {
4
4
  outline: none;
5
5
  position: fixed;
6
6
  scrollbar-gutter: stable;
7
7
  }
8
- .u63pkf {
8
+ ._1cvo2n9 {
9
9
  bottom: 0;
10
10
  left: 50%;
11
11
  transform: translateX(-50%);
12
12
  }
13
- ._6qayyw {
13
+ ._523f56 {
14
14
  bottom: 0;
15
15
  left: 0;
16
16
  }
17
- ._6kjd6y {
17
+ ._1h5l8ki {
18
18
  bottom: 0;
19
19
  right: 0;
20
20
  }
21
- ._1jfr3yt {
21
+ .x5dwdz {
22
22
  left: 50%;
23
23
  top: 0;
24
24
  transform: translateX(-50%);
25
25
  }
26
- ._1vhk460 {
26
+ ._1t3d0fy {
27
27
  left: 0;
28
28
  top: 0;
29
29
  }
30
- ._1oxw9qa {
30
+ .x807pw {
31
31
  right: 0;
32
32
  top: 0;
33
33
  }
@@ -1,55 +1,55 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- ._11dfixy {
1
+ @layer optiaxiom.ahvbb1;
2
+ @layer optiaxiom.ahvbb1 {
3
+ ._1pod0az {
4
4
  transform-origin: var(--radix-popper-transform-origin);
5
5
  transition-property: opacity, transform;
6
6
  transition-timing-function: ease;
7
7
  }
8
- ._60kedg {
8
+ .np3ek5 {
9
9
  transition-duration: 150ms;
10
10
  }
11
- ._5u7akf {
11
+ ._1p3id0p {
12
12
  transition-duration: 250ms;
13
13
  }
14
- .r7bjw1 {
14
+ .d8erjf {
15
15
  transition-duration: 400ms;
16
16
  }
17
- .i4spkz {
17
+ .sy1d7w {
18
18
  opacity: 0;
19
19
  }
20
- .i4spkz[data-side="bottom"] {
20
+ .sy1d7w[data-side="bottom"] {
21
21
  opacity: 0;
22
22
  transform: translateY(-15px);
23
23
  }
24
- .i4spkz[data-side="left"] {
24
+ .sy1d7w[data-side="left"] {
25
25
  opacity: 0;
26
26
  transform: translateX(15px);
27
27
  }
28
- .i4spkz[data-side="right"] {
28
+ .sy1d7w[data-side="right"] {
29
29
  opacity: 0;
30
30
  transform: translateX(-15px);
31
31
  }
32
- .i4spkz[data-side="top"] {
32
+ .sy1d7w[data-side="top"] {
33
33
  opacity: 0;
34
34
  transform: translateY(15px);
35
35
  }
36
- .twzn4y {
36
+ ._1wenxzj {
37
37
  opacity: 0;
38
38
  transform: scale(0.95);
39
39
  }
40
- .twzn4y[data-side="bottom"] {
40
+ ._1wenxzj[data-side="bottom"] {
41
41
  opacity: 0;
42
42
  transform: scale(0.95) translateY(-8px);
43
43
  }
44
- .twzn4y[data-side="left"] {
44
+ ._1wenxzj[data-side="left"] {
45
45
  opacity: 0;
46
46
  transform: scale(0.95) translateX(8px);
47
47
  }
48
- .twzn4y[data-side="right"] {
48
+ ._1wenxzj[data-side="right"] {
49
49
  opacity: 0;
50
50
  transform: scale(0.95) translateX(-8px);
51
51
  }
52
- .twzn4y[data-side="top"] {
52
+ ._1wenxzj[data-side="top"] {
53
53
  opacity: 0;
54
54
  transform: scale(0.95) translateY(8px);
55
55
  }
package/dist/index.d.ts CHANGED
@@ -21,7 +21,6 @@ import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
21
21
  import * as RadixSeparator from '@radix-ui/react-separator';
22
22
  import * as RadixSwitch from '@radix-ui/react-switch';
23
23
  import * as RadixTabs from '@radix-ui/react-tabs';
24
- import TextareaAutosize from 'react-textarea-autosize';
25
24
  import * as RadixToggle from '@radix-ui/react-toggle';
26
25
 
27
26
  declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
@@ -841,38 +840,27 @@ declare const Text: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTML
841
840
  truncate?: boolean | undefined;
842
841
  }, never> & react.RefAttributes<HTMLParagraphElement>>;
843
842
 
844
- declare const input: (props?: {
845
- size?: "md" | "lg" | undefined;
846
- } | undefined, className?: string) => {
847
- className: string;
848
- };
849
- type InputVariants = RecipeVariants<typeof input>;
850
-
851
- type InputBaseProps<T extends ElementType = "input" | "textarea", P = unknown> = BoxProps<T, ExtendProps<{
852
- addonAfter?: ReactNode;
853
- addonBefore?: ReactNode;
854
- /**
855
- * When this prop is set to `none` clicking empty space inside the
856
- * addon will focus the input box.
857
- */
843
+ declare const Textarea: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & Omit<{
844
+ asChild?: boolean;
845
+ className?: string;
846
+ } & Sprinkles, never> & {
847
+ maxRows?: 2 | 1 | 3 | 5 | 4 | undefined;
848
+ resize?: "none" | "auto" | "vertical" | undefined;
849
+ } & react.RefAttributes<HTMLTextAreaElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "asChild" | "className" | "disabled"> & Omit<{
850
+ asChild?: boolean;
851
+ className?: string;
852
+ } & Sprinkles, "size"> & Omit<{
853
+ addonAfter?: react.ReactNode;
854
+ addonBefore?: react.ReactNode;
858
855
  addonPointerEvents?: "auto" | "none";
859
856
  disabled?: boolean;
860
857
  error?: boolean;
861
- } & InputVariants, P>>;
862
-
863
- type TextareaProps = ({
864
- resize: "auto";
865
- } & InputBaseProps<typeof TextareaAutosize, {
866
- children?: never;
867
- rows?: never;
868
- size?: never;
869
- }>) | ({
870
- resize?: "none" | "vertical";
871
- } & InputBaseProps<"textarea", {
858
+ } & {
859
+ size?: "md" | "lg" | undefined;
860
+ }, "size"> & {
872
861
  children?: never;
873
862
  size?: never;
874
- }>);
875
- declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
863
+ } & react.RefAttributes<HTMLTextAreaElement>>;
876
864
 
877
865
  type ThemeProviderProps = {
878
866
  children?: ReactNode;
@@ -1,3 +1,3 @@
1
- var version = "0.1.0-next.18";
1
+ var version = "0.1.0-next.19";
2
2
 
3
3
  export { version };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
2
- import './../../assets/src/accordion-content/AccordionContent.css.ts.vanilla-BZ7bzZP9.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
2
+ import './../../assets/src/accordion-content/AccordionContent.css.ts.vanilla-CeZqbfeZ.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var content = recipeRuntime({base:[{overflow:'hidden'},'_1vqxmi0']});
5
+ var content = recipeRuntime({base:[{overflow:'hidden'},'_3smw2']});
6
6
 
7
7
  export { content };
@@ -1,8 +1,8 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
2
- import './../../assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-DdXgiCqZ.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
2
+ import './../../assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-B4Qle9mU.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var icon = recipeRuntime({base:[{transition:'transform'}],variants:{appearance:{primary:'sgh4j2',secondary:'_1wysptw'}}});
6
- var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',p:'xs',pl:'4',rounded:'md',textAlign:'start',w:'full'},'_50c7mf']});
5
+ var icon = recipeRuntime({base:[{transition:'transform'}],variants:{appearance:{primary:'voj24o',secondary:'_1wmpk7p'}}});
6
+ var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',p:'xs',pl:'4',rounded:'md',textAlign:'start',w:'full'},'plxmxm']});
7
7
 
8
8
  export { icon, trigger };
@@ -1,8 +1,8 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
2
- import './../../assets/src/alert/Alert.css.ts.vanilla-AC1zWh3i.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
2
+ import './../../assets/src/alert/Alert.css.ts.vanilla-CozfM5PZ.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var alert = recipeRuntime({base:[{alignItems:'start',flexDirection:'row',fontSize:'md',gap:'xs',justifyContent:'space-between',p:'md'}],variants:{colorScheme:{danger:'kcm467',neutral:'adka4',success:'g1vr5r',warning:'op4riz'},variant:{light:[{rounded:'md'},'_46b19x'],solid:'_2l1uuu'}}});
6
- var icon = recipeRuntime({base:[{h:'16',mt:'4',w:'auto'}],variants:{colorScheme:{danger:'zqf0vs',neutral:'qh291f',success:'burrip',warning:'_1vj6814'},variant:{light:'_9d8peh',solid:'_1scnaqx'}}});
5
+ var alert = recipeRuntime({base:[{alignItems:'start',flexDirection:'row',fontSize:'md',gap:'xs',justifyContent:'space-between',p:'md'}],variants:{colorScheme:{danger:'_1l569uz',neutral:'_16nqfle',success:'jtfwc2',warning:'zdacoc'},variant:{light:[{rounded:'md'},'_16a4cc1'],solid:'r93o5k'}}});
6
+ var icon = recipeRuntime({base:[{h:'16',mt:'4',w:'auto'}],variants:{colorScheme:{danger:'g76b53',neutral:'_1aii4np',success:'_57urhb',warning:'_15kt5nw'},variant:{light:'_7xbosv',solid:'_1vp3325'}}});
7
7
 
8
8
  export { alert, icon };
@@ -1,8 +1,8 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
2
- import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-D0aMZ0w8.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
2
+ import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-C2JN8mVr.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var content = recipeRuntime({base:[{bg:'surface',rounded:'lg',shadow:'md',z:'popover'},'_1ocjr82'],variants:{size:{sm:'_1lddtsw',md:'_1vmsfcv',lg:'boptpo'}}});
6
- var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'f1lw71']});
5
+ var content = recipeRuntime({base:[{bg:'surface',rounded:'lg',shadow:'md',z:'popover'},'_1bhf29x'],variants:{size:{sm:'_1itz1t',md:'_1eldoc2',lg:'rfn9gy'}}});
6
+ var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'_18y53ts']});
7
7
 
8
8
  export { content, overlay };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
2
- import './../../assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-BkEgo6PX.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
2
+ import './../../assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-BqS3DoOb.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var body = recipeRuntime({base:[{fontSize:'md',overflow:'auto',px:'24',py:'16'},'gi3vvg']});
5
+ var body = recipeRuntime({base:[{fontSize:'md',overflow:'auto',px:'24',py:'16'},'_1qy7es6']});
6
6
 
7
7
  export { body };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
2
- import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DscsPTsD.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
2
+ import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-C3kxC2t1.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'},'gmoxvp']});
5
+ var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'_1r6l6p2']});
6
6
 
7
7
  export { footer };
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-iSWH_OkR.css';
3
- import './../../assets/src/avatar/Avatar.css.ts.vanilla-DVYtuHQ1.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-BsM3KNL3.css';
3
+ import './../../assets/src/avatar/Avatar.css.ts.vanilla-BbCo_LUp.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'},'_7asyr2'],variants:{colorScheme:{blue:{bg:'blue.500',color:'white'},brand:{bg:'brand.500',color:'white'},dark:{bg:'dark.500',color:'white'},gray:{bg:'gray.500',color:'white'},green:{bg:'green.500',color:'white'},magenta:{bg:'magenta.500',color:'white'},neutral:{bg:'neutral.150',color:'bg.neutral.inverse'},orange:{bg:'orange.500',color:'white'},purple:{bg:'purple.500',color:'white'},red:{bg:'red.500',color:'white'},slate:{bg:'slate.500',color:'white'},yellow:{bg:'yellow.500',color:'white'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_1xmydvk'],sm:[{fontSize:'xs',size:'sm'},'_121r9hw'],md:[{fontSize:'md',size:'md'},'_13sqc42'],xl:[{fontSize:'2xl',size:'xl'},'_1gkpvhj'],'5xl':[{fontSize:'4xl',size:'5xl'},'_7sa6yq']}}});
6
+ var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'nu3dwv'],variants:{colorScheme:{blue:{bg:'blue.500',color:'white'},brand:{bg:'brand.500',color:'white'},dark:{bg:'dark.500',color:'white'},gray:{bg:'gray.500',color:'white'},green:{bg:'green.500',color:'white'},magenta:{bg:'magenta.500',color:'white'},neutral:{bg:'neutral.150',color:'bg.neutral.inverse'},orange:{bg:'orange.500',color:'white'},purple:{bg:'purple.500',color:'white'},red:{bg:'red.500',color:'white'},slate:{bg:'slate.500',color:'white'},yellow:{bg:'yellow.500',color:'white'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_1vfcjk3'],sm:[{fontSize:'xs',size:'sm'},'_1c9104f'],md:[{fontSize:'md',size:'md'},'_1vsxfoq'],xl:[{fontSize:'2xl',size:'xl'},'uqx4cw'],'5xl':[{fontSize:'4xl',size:'5xl'},'_13snznq']}}});
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'},xl:{w:'20'},'5xl':{w:'32'}}}});
9
9
 
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-iSWH_OkR.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-BsM3KNL3.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var avatarGroup = recipeRuntime({base:['_1ttp4ry',{display:'flex'}]});
5
+ var avatarGroup = recipeRuntime({base:['_1iupg4i',{display:'flex'}]});
6
6
 
7
7
  export { avatarGroup };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
2
- import './../../assets/src/badge/Badge.css.ts.vanilla-ClkJ_u5F.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
2
+ import './../../assets/src/badge/Badge.css.ts.vanilla-DdSqM1SO.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',leading:'none',rounded:'full'},'_1i18fbv'],variants:{colorScheme:{danger:'_11dk1rq',information:'vva9qu',neutral:'oietlq',primary:'q425xk',success:'_1jzu372',warning:'_152tj1c'},variant:{light:'_1a8ns9v',solid:'ccryi5'}}});
5
+ var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',leading:'none',rounded:'full'},'_1t2ucaw'],variants:{colorScheme:{danger:'d6in8l',information:'_17bhw5w',neutral:'x5m9kw',primary:'_1iwjaul',success:'_1d7mzj0',warning:'_1u39bma'},variant:{light:'ubtbmd',solid:'_19tyg5x'}}});
6
6
 
7
7
  export { badge };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
2
- import './../../assets/src/box/Box.css.ts.vanilla-DzdICr9X.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
2
+ import './../../assets/src/box/Box.css.ts.vanilla-m6UOfI2n.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var box = recipeRuntime({base:'_12fxqca'});
5
+ var box = recipeRuntime({base:'mqipti'});
6
6
 
7
7
  export { box };