@optiaxiom/react 0.10.0 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (193) hide show
  1. package/dist/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-C1ZBxxAq.css +24 -0
  2. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-GXqRk14z.css +6 -0
  3. package/dist/assets/src/autocomplete-content/{AutocompleteContent.css.ts.vanilla-e1ohLex8.css → AutocompleteContent.css.ts.vanilla-DMIqK71P.css} +4 -4
  4. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DdwbT9iB.css +27 -0
  5. package/dist/assets/src/avatar-group/AvatarGroup.css.ts.vanilla-kCeuibvy.css +4 -0
  6. package/dist/assets/src/backdrop/{Backdrop.css.ts.vanilla-B336xgNM.css → Backdrop.css.ts.vanilla-DfW2ecLx.css} +3 -3
  7. package/dist/assets/src/badge/Badge.css.ts.vanilla-CsXPUf8s.css +46 -0
  8. package/dist/assets/src/box/{Box.css.ts.vanilla-hYfQOcLk.css → Box.css.ts.vanilla-fznZO42_.css} +23 -23
  9. package/dist/assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-Y4GzbMc-.css +8 -0
  10. package/dist/assets/src/breadcrumb-link/{BreadcrumbLink.css.ts.vanilla-Cs1yFXdN.css → BreadcrumbLink.css.ts.vanilla-KAHpj_cl.css} +5 -5
  11. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-DXgNKbzo.css +147 -0
  12. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BCu0H89V.css +9 -0
  13. package/dist/assets/src/checkbox/{Checkbox.css.ts.vanilla-IE-So8FY.css → Checkbox.css.ts.vanilla-CN8hLoWD.css} +7 -7
  14. package/dist/assets/src/code/{Code.css.ts.vanilla-Cgm3ea0I.css → Code.css.ts.vanilla-B0ic9Q_W.css} +4 -4
  15. package/dist/assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-BKbkF5Ef.css +7 -0
  16. package/dist/assets/src/data-table/{DataTable.css.ts.vanilla-ucEO_Lf0.css → DataTable.css.ts.vanilla-CKlsmPnV.css} +18 -18
  17. package/dist/assets/src/data-table-header-cell/{DataTableHeaderCell.css.ts.vanilla-DJoq_AGx.css → DataTableHeaderCell.css.ts.vanilla-Ch_6anL7.css} +12 -12
  18. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-BqiYTk0E.css → DialogContent.css.ts.vanilla-fsB1doE8.css} +9 -9
  19. package/dist/assets/src/dialog-header/DialogHeader.css.ts.vanilla-BrWgYLNy.css +15 -0
  20. package/dist/assets/src/disclosure-content/{DisclosureContent.css.ts.vanilla-DaAN_Y5P.css → DisclosureContent.css.ts.vanilla-BgkqwFZz.css} +8 -8
  21. package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-DWj2Guo6.css → DisclosureTrigger.css.ts.vanilla-egRPA66m.css} +7 -7
  22. package/dist/assets/src/drawer-actions/DrawerActions.css.ts.vanilla-DJfxhWbE.css +6 -0
  23. package/dist/assets/src/drawer-content/{DrawerContent.css.ts.vanilla-NHJHPwaW.css → DrawerContent.css.ts.vanilla-BWBNPA7b.css} +6 -6
  24. package/dist/assets/src/drawer-description/DrawerDescription.css.ts.vanilla-CwgFDenc.css +6 -0
  25. package/dist/assets/src/drawer-title/DrawerTitle.css.ts.vanilla-BmlPZ-bV.css +6 -0
  26. package/dist/assets/src/highlight/Highlight.css.ts.vanilla-8A-7M2Y3.css +7 -0
  27. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-DFEAmBx3.css +37 -0
  28. package/dist/assets/src/inline-input/{InlineInput.css.ts.vanilla-B6qbDXX0.css → InlineInput.css.ts.vanilla-4nunD237.css} +4 -4
  29. package/dist/assets/src/input-control/{InputControl.css.ts.vanilla-DUbeUGGS.css → InputControl.css.ts.vanilla-BTYIqPLy.css} +8 -8
  30. package/dist/assets/src/input-root/InputRoot.css.ts.vanilla-DVZasjzg.css +70 -0
  31. package/dist/assets/src/kbd/{Kbd.css.ts.vanilla-BLPj_gpK.css → Kbd.css.ts.vanilla-DxIPrQFN.css} +5 -5
  32. package/dist/assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css +1 -0
  33. package/dist/assets/src/link/{Link.css.ts.vanilla-DV40SWxy.css → Link.css.ts.vanilla-2X4YjRPb.css} +15 -15
  34. package/dist/assets/src/listbox-item/ListboxItem.css.ts.vanilla-CG1vqAI7.css +48 -0
  35. package/dist/assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BegLxjoU.css +33 -0
  36. package/dist/assets/src/pagination/{Pagination.css.ts.vanilla-BHMR9cI8.css → Pagination.css.ts.vanilla-qzqxSndk.css} +5 -5
  37. package/dist/assets/src/pill/{Pill.css.ts.vanilla-B0H5ESHh.css → Pill.css.ts.vanilla-BvScjqhP.css} +4 -4
  38. package/dist/assets/src/progress/Progress.css.ts.vanilla-BVMN8iwD.css +6 -0
  39. package/dist/assets/src/radio/Radio.css.ts.vanilla-n7Sza5cy.css +13 -0
  40. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-Zc6pXBNP.css +6 -0
  41. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-CS2wHK7H.css +7 -0
  42. package/dist/assets/src/separator/{Separator.css.ts.vanilla-3S55fa_d.css → Separator.css.ts.vanilla-CmAm5UNy.css} +8 -8
  43. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-DAHcXvKs.css +6 -0
  44. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-DVjV3X6I.css +6 -0
  45. package/dist/assets/src/spinner/{Spinner.css.ts.vanilla-BypCoXYv.css → Spinner.css.ts.vanilla--QE4bp2t.css} +4 -4
  46. package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-CNK2B6vj.css +6 -0
  47. package/dist/assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-CPJ1xBVf.css +12 -0
  48. package/dist/assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-EcdqmQhB.css +9 -0
  49. package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-CulPRTwF.css → properties.css.ts.vanilla-DXXqjmKe.css} +732 -732
  50. package/dist/assets/src/switch/Switch.css.ts.vanilla-DY5MJgv7.css +45 -0
  51. package/dist/assets/src/table/{Table.css.ts.vanilla-kGNbW05_.css → Table.css.ts.vanilla-Dhtsak1R.css} +6 -6
  52. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BhUHKrWM.css +6 -0
  53. package/dist/assets/src/table-cell/TableCell.css.ts.vanilla-AayeKLzt.css +10 -0
  54. package/dist/assets/src/table-header-cell/{TableHeaderCell.css.ts.vanilla-DfKQzrjF.css → TableHeaderCell.css.ts.vanilla-U7nYuvIU.css} +4 -4
  55. package/dist/assets/src/table-row/{TableRow.css.ts.vanilla-DXrWEyC2.css → TableRow.css.ts.vanilla-DVzADbjg.css} +3 -3
  56. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-CXX1SVCD.css +9 -0
  57. package/dist/assets/src/tabs-list/{TabsList.css.ts.vanilla-Dp3XesSH.css → TabsList.css.ts.vanilla-8UvonW_-.css} +4 -4
  58. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-C3tLDNmJ.css → TabsTrigger.css.ts.vanilla-CN09RW83.css} +10 -10
  59. package/dist/assets/src/text/{Text.css.ts.vanilla-Ddgu8PPV.css → Text.css.ts.vanilla-COv-lA8H.css} +8 -8
  60. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-8CAX_rGy.css +34 -0
  61. package/dist/assets/src/toast/Toast.css.ts.vanilla-D53On9lN.css +90 -0
  62. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-DzeJ30rC.css → ToastProvider.css.ts.vanilla-CmVxRn1v.css} +9 -9
  63. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-NA6rjZ8N.css +25 -0
  64. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-BS3Dl7eV.css +10 -0
  65. package/dist/assets/src/transition/{Transition.css.ts.vanilla-Cawnu3FP.css → Transition.css.ts.vanilla-B_nhTIX7.css} +16 -16
  66. package/dist/index.d.ts +5 -22
  67. package/dist/index.js +0 -3
  68. package/dist/packages/react/package.json.js +1 -1
  69. package/dist/packages/react/src/alert/Alert-css.js +1 -1
  70. package/dist/packages/react/src/alert-dialog-content/AlertDialogContent-css.js +5 -5
  71. package/dist/packages/react/src/alert-dialog-content/AlertDialogContent.js +3 -1
  72. package/dist/packages/react/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
  73. package/dist/packages/react/src/autocomplete-content/AutocompleteContent-css.js +3 -3
  74. package/dist/packages/react/src/avatar/Avatar-css.js +4 -4
  75. package/dist/packages/react/src/avatar-group/AvatarGroup-css.js +3 -3
  76. package/dist/packages/react/src/backdrop/Backdrop-css.js +3 -3
  77. package/dist/packages/react/src/badge/Badge-css.js +3 -3
  78. package/dist/packages/react/src/banner/Banner-css.js +1 -1
  79. package/dist/packages/react/src/box/Box-css.js +3 -3
  80. package/dist/packages/react/src/breadcrumb-item/BreadcrumbItem-css.js +3 -3
  81. package/dist/packages/react/src/breadcrumb-link/BreadcrumbLink-css.js +3 -3
  82. package/dist/packages/react/src/button-base/ButtonBase-css.js +5 -5
  83. package/dist/packages/react/src/button-group/ButtonGroup-css.js +3 -3
  84. package/dist/packages/react/src/button-loadable/ButtonLoadable-css.js +5 -5
  85. package/dist/packages/react/src/checkbox/Checkbox-css.js +8 -8
  86. package/dist/packages/react/src/code/Code-css.js +3 -3
  87. package/dist/packages/react/src/combobox-dialog-content/ComboboxDialogContent.js +2 -2
  88. package/dist/packages/react/src/command-focusable-item/CommandFocusableItem-css.js +3 -3
  89. package/dist/packages/react/src/data-table/DataTable-css.js +10 -10
  90. package/dist/packages/react/src/data-table-header-cell/DataTableHeaderCell-css.js +4 -4
  91. package/dist/packages/react/src/dialog-content/DialogContent-css.js +4 -4
  92. package/dist/packages/react/src/dialog-content/DialogContent.js +2 -2
  93. package/dist/packages/react/src/dialog-footer/DialogFooter-css.js +1 -1
  94. package/dist/packages/react/src/dialog-header/DialogHeader-css.js +7 -4
  95. package/dist/packages/react/src/dialog-header/DialogHeader.js +9 -3
  96. package/dist/packages/react/src/disclosure-content/DisclosureContent-css.js +3 -3
  97. package/dist/packages/react/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
  98. package/dist/packages/react/src/drawer-actions/DrawerActions-css.js +3 -3
  99. package/dist/packages/react/src/drawer-content/DrawerContent-css.js +3 -3
  100. package/dist/packages/react/src/drawer-description/DrawerDescription-css.js +3 -3
  101. package/dist/packages/react/src/drawer-title/DrawerTitle-css.js +3 -3
  102. package/dist/packages/react/src/highlight/Highlight-css.js +3 -3
  103. package/dist/packages/react/src/indicator/Indicator-css.js +5 -5
  104. package/dist/packages/react/src/inline-input/InlineInput-css.js +4 -4
  105. package/dist/packages/react/src/input/Input-css.js +1 -1
  106. package/dist/packages/react/src/input-control/InputControl-css.js +3 -3
  107. package/dist/packages/react/src/input-root/InputRoot-css.js +5 -5
  108. package/dist/packages/react/src/kbd/Kbd-css.js +4 -4
  109. package/dist/packages/react/src/layers/layers-css.js +3 -3
  110. package/dist/packages/react/src/link/Link-css.js +4 -4
  111. package/dist/packages/react/src/listbox-item/ListboxItem-css.js +5 -5
  112. package/dist/packages/react/src/menu-listbox/MenuListbox-css.js +3 -3
  113. package/dist/packages/react/src/pagination/Pagination-css.js +5 -5
  114. package/dist/packages/react/src/paper/Paper-css.js +1 -1
  115. package/dist/packages/react/src/pill/Pill-css.js +3 -3
  116. package/dist/packages/react/src/progress/Progress-css.js +3 -3
  117. package/dist/packages/react/src/radio/Radio-css.js +8 -8
  118. package/dist/packages/react/src/search-input/SearchInput-css.js +4 -4
  119. package/dist/packages/react/src/select-content/SelectContent-css.js +3 -3
  120. package/dist/packages/react/src/separator/Separator-css.js +3 -3
  121. package/dist/packages/react/src/sidenav-item/SidenavItem-css.js +5 -5
  122. package/dist/packages/react/src/skeleton/Skeleton-css.js +3 -3
  123. package/dist/packages/react/src/spinner/Spinner-css.js +3 -3
  124. package/dist/packages/react/src/spotlight-content/SpotlightContent.js +2 -2
  125. package/dist/packages/react/src/spotlight-input/SpotlightInput-css.js +3 -3
  126. package/dist/packages/react/src/spotlight-radio-item/SpotlightRadioItem-css.js +3 -3
  127. package/dist/packages/react/src/spotlight-sub-item/SpotlightSubItem-css.js +4 -4
  128. package/dist/packages/react/src/sprinkles/properties-css.js +4 -4
  129. package/dist/packages/react/src/switch/Switch-css.js +8 -8
  130. package/dist/packages/react/src/table/Table-css.js +4 -4
  131. package/dist/packages/react/src/table-body/TableBody-css.js +3 -3
  132. package/dist/packages/react/src/table-cell/TableCell-css.js +4 -4
  133. package/dist/packages/react/src/table-header-cell/TableHeaderCell-css.js +4 -4
  134. package/dist/packages/react/src/table-row/TableRow-css.js +3 -3
  135. package/dist/packages/react/src/tabs/Tabs-css.js +3 -3
  136. package/dist/packages/react/src/tabs-list/TabsList-css.js +3 -3
  137. package/dist/packages/react/src/tabs-trigger/TabsTrigger-css.js +4 -4
  138. package/dist/packages/react/src/text/Text-css.js +3 -3
  139. package/dist/packages/react/src/textarea-autosize/TextareaAutosize-css.js +5 -5
  140. package/dist/packages/react/src/toast/Toast-css.js +6 -6
  141. package/dist/packages/react/src/toast-provider/ToastProvider-css.js +3 -3
  142. package/dist/packages/react/src/toggle-input/ToggleInput-css.js +4 -4
  143. package/dist/packages/react/src/toggle-input-control/ToggleInputControl-css.js +5 -5
  144. package/dist/packages/react/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +3 -3
  145. package/dist/packages/react/src/tooltip-content/TooltipContent-css.js +1 -1
  146. package/dist/packages/react/src/transition/Transition-css.js +3 -3
  147. package/dist/unstable.d.ts +8 -828
  148. package/package.json +1 -1
  149. package/dist/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Diep7mXE.css +0 -24
  150. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-pqnHw444.css +0 -6
  151. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DRfQb0Vw.css +0 -27
  152. package/dist/assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B98X-zHI.css +0 -4
  153. package/dist/assets/src/badge/Badge.css.ts.vanilla-CSfWmPBg.css +0 -46
  154. package/dist/assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-Cc_-J6NJ.css +0 -8
  155. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-qzXyDEAH.css +0 -147
  156. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BONtxIgP.css +0 -9
  157. package/dist/assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-0wjHxdop.css +0 -7
  158. package/dist/assets/src/dialog-actions/DialogActions.css.ts.vanilla-DZaMrkyd.css +0 -6
  159. package/dist/assets/src/dialog-description/DialogDescription.css.ts.vanilla-D3hYTBlh.css +0 -6
  160. package/dist/assets/src/dialog-header/DialogHeader.css.ts.vanilla-Be3bVJNE.css +0 -6
  161. package/dist/assets/src/dialog-title/DialogTitle.css.ts.vanilla-Dn_JURP7.css +0 -6
  162. package/dist/assets/src/drawer-actions/DrawerActions.css.ts.vanilla-r_hleTVk.css +0 -6
  163. package/dist/assets/src/drawer-description/DrawerDescription.css.ts.vanilla-Dst9oHvk.css +0 -6
  164. package/dist/assets/src/drawer-title/DrawerTitle.css.ts.vanilla-DEbk_nlk.css +0 -6
  165. package/dist/assets/src/highlight/Highlight.css.ts.vanilla-CSmxqdJn.css +0 -7
  166. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-lH4mRfRa.css +0 -37
  167. package/dist/assets/src/input-root/InputRoot.css.ts.vanilla-DBa3xtou.css +0 -70
  168. package/dist/assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css +0 -1
  169. package/dist/assets/src/listbox-item/ListboxItem.css.ts.vanilla-_aqZ2pey.css +0 -48
  170. package/dist/assets/src/menu-listbox/MenuListbox.css.ts.vanilla-CpbOp7yG.css +0 -33
  171. package/dist/assets/src/progress/Progress.css.ts.vanilla-BcjeNZvD.css +0 -6
  172. package/dist/assets/src/radio/Radio.css.ts.vanilla-C5sxqXEH.css +0 -13
  173. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-B2d30-S5.css +0 -6
  174. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-WG6yp2If.css +0 -7
  175. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-BoKEbHXG.css +0 -6
  176. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-D_xrrF4W.css +0 -6
  177. package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-vmzX6MxW.css +0 -6
  178. package/dist/assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-ZH_4OlQy.css +0 -12
  179. package/dist/assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-_r2xx5ow.css +0 -9
  180. package/dist/assets/src/switch/Switch.css.ts.vanilla-BCmpM8LG.css +0 -45
  181. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-C3lx_h_x.css +0 -6
  182. package/dist/assets/src/table-cell/TableCell.css.ts.vanilla-Bo0X8JB6.css +0 -10
  183. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-CpAfI52r.css +0 -9
  184. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-D4O8Rmfj.css +0 -34
  185. package/dist/assets/src/toast/Toast.css.ts.vanilla-lPQ-CdKX.css +0 -90
  186. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-CKQ2Aadr.css +0 -25
  187. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-_Ts9Ypag.css +0 -10
  188. package/dist/packages/react/src/dialog-actions/DialogActions-css.js +0 -7
  189. package/dist/packages/react/src/dialog-actions/DialogActions.js +0 -14
  190. package/dist/packages/react/src/dialog-description/DialogDescription-css.js +0 -7
  191. package/dist/packages/react/src/dialog-description/DialogDescription.js +0 -13
  192. package/dist/packages/react/src/dialog-title/DialogTitle-css.js +0 -7
  193. package/dist/packages/react/src/dialog-title/DialogTitle.js +0 -25
@@ -0,0 +1,45 @@
1
+ @layer optiaxiom.ieitlk;
2
+ @layer optiaxiom.ieitlk {
3
+ ._7xx2ny {
4
+ --_1ljyrij: var(--ax-colors-bg-tertiary);
5
+ }
6
+ ._11a1noy {
7
+ background-color: var(--_1ljyrij);
8
+ position: relative;
9
+ }
10
+ .zqu1b7 {
11
+ background-color: var(--ax-colors-bg-default);
12
+ height: var(--_4hn1og);
13
+ transform: translateX(-10px);
14
+ width: var(--_4hn1og);
15
+ }
16
+ ._1k1zvzj:active .zqu1b7 {
17
+ width: calc(var(--_4hn1og) * 1.25);
18
+ }
19
+ ._1k1zvzj:active:has(._19cn8lg:checked) .zqu1b7 {
20
+ margin-left: calc(var(--_4hn1og) * -0.25);
21
+ }
22
+ ._1k1zvzj:active:has(._19cn8lg:not(:checked)) .zqu1b7 {
23
+ margin-right: calc(var(--_4hn1og) * -0.25);
24
+ }
25
+ ._1k1zvzj:has(._19cn8lg:checked) .zqu1b7 {
26
+ transform: translateX(10px);
27
+ }
28
+ ._1k1zvzj:has(._19cn8lg:disabled) .zqu1b7 {
29
+ background-color: var(--ax-colors-bg-page);
30
+ }
31
+ ._1k1zvzj:has(._19cn8lg:not(:disabled)) .zqu1b7 {
32
+ box-shadow: var(--ax-boxShadow-sm);
33
+ }
34
+ .zti0j6 {
35
+ --_4hn1og: var(--ax-size-2xs);
36
+ }
37
+ .t283di {
38
+ --_4hn1og: var(--ax-size-xs);
39
+ }
40
+ @media (hover: hover) {
41
+ ._7xx2ny:has(._19cn8lg:not(:disabled):not(:checked)):hover {
42
+ --_1ljyrij: var(--ax-colors-bg-tertiary-hovered);
43
+ }
44
+ }
45
+ }
@@ -1,16 +1,16 @@
1
- @layer optiaxiom._14y547g;
2
- @layer optiaxiom._14y547g {
3
- .g154d8 {
1
+ @layer optiaxiom.ieitlk;
2
+ @layer optiaxiom.ieitlk {
3
+ .cevbp5 {
4
4
  caption-side: bottom;
5
5
  height: 1px;
6
6
  }
7
- ._4n61uf {
7
+ ._9tllth {
8
8
  table-layout: auto;
9
9
  }
10
- ._18fdekv {
10
+ .jbc2yy {
11
11
  table-layout: fixed;
12
12
  }
13
- ._1azea4z {
13
+ ._1i2h5bd {
14
14
  position: relative;
15
15
  }
16
16
  }
@@ -0,0 +1,6 @@
1
+ @layer optiaxiom.ieitlk;
2
+ @layer optiaxiom.ieitlk {
3
+ ._1rs4io1 {
4
+ position: relative;
5
+ }
6
+ }
@@ -0,0 +1,10 @@
1
+ @layer optiaxiom.ieitlk;
2
+ @layer optiaxiom.ieitlk {
3
+ ._1nqsxiq {
4
+ vertical-align: middle;
5
+ word-break: break-word;
6
+ }
7
+ .chqs1p:not(:first-child) ._1nqsxiq {
8
+ border-top-width: 1px;
9
+ }
10
+ }
@@ -1,10 +1,10 @@
1
- @layer optiaxiom._14y547g;
2
- @layer optiaxiom._14y547g {
3
- .uiufkt {
1
+ @layer optiaxiom.ieitlk;
2
+ @layer optiaxiom.ieitlk {
3
+ ._1mbsd63 {
4
4
  position: relative;
5
5
  text-align: start;
6
6
  }
7
- .ty7qn {
7
+ .gossl1 {
8
8
  box-shadow: 0 1px 0 var(--ax-colors-border-default);
9
9
  }
10
10
  }
@@ -1,7 +1,7 @@
1
- @layer optiaxiom._14y547g;
2
- @layer optiaxiom._14y547g {
1
+ @layer optiaxiom.ieitlk;
2
+ @layer optiaxiom.ieitlk {
3
3
  @media (hover: hover) {
4
- .ibylnc:hover {
4
+ ._1oitbf3:hover {
5
5
  background-color: var(--ax-colors-bg-default-hovered);
6
6
  }
7
7
  }
@@ -0,0 +1,9 @@
1
+ @layer optiaxiom.ieitlk;
2
+ @layer optiaxiom.ieitlk {
3
+ ._1edzd84[data-orientation="horizontal"] {
4
+ flex-direction: column;
5
+ }
6
+ ._1edzd84[data-orientation="vertical"] {
7
+ flex-direction: row;
8
+ }
9
+ }
@@ -1,11 +1,11 @@
1
- @layer optiaxiom._14y547g;
2
- @layer optiaxiom._14y547g {
3
- ._1hoaefj[data-orientation="horizontal"] {
1
+ @layer optiaxiom.ieitlk;
2
+ @layer optiaxiom.ieitlk {
3
+ .bqderw[data-orientation="horizontal"] {
4
4
  border-bottom-width: 1px;
5
5
  flex-direction: row;
6
6
  gap: 24px;
7
7
  }
8
- ._1hoaefj[data-orientation="vertical"] {
8
+ .bqderw[data-orientation="vertical"] {
9
9
  border-right-width: 1px;
10
10
  flex-direction: column;
11
11
  gap: 8px;
@@ -1,35 +1,35 @@
1
- @layer optiaxiom._14y547g;
2
- @layer optiaxiom._14y547g {
3
- .lag2rg {
1
+ @layer optiaxiom.ieitlk;
2
+ @layer optiaxiom.ieitlk {
3
+ .n5nykg {
4
4
  border-color: transparent;
5
5
  color: var(--ax-colors-fg-tertiary);
6
6
  user-select: none;
7
7
  }
8
- .lag2rg:focus-visible {
8
+ .n5nykg:focus-visible {
9
9
  outline: 2px solid var(--ax-colors-border-focus);
10
10
  outline-offset: 1px;
11
11
  }
12
- .lag2rg[data-disabled] {
12
+ .n5nykg[data-disabled] {
13
13
  color: var(--ax-colors-fg-disabled);
14
14
  }
15
- .lag2rg[data-orientation="horizontal"] {
15
+ .n5nykg[data-orientation="horizontal"] {
16
16
  border-bottom-width: 2px;
17
17
  margin-bottom: -1px;
18
18
  }
19
- .lag2rg[data-orientation="vertical"] {
19
+ .n5nykg[data-orientation="vertical"] {
20
20
  border-right-width: 2px;
21
21
  margin-right: -1px;
22
22
  padding-inline: 10px;
23
23
  }
24
- .lag2rg[data-state="active"] {
24
+ .n5nykg[data-state="active"] {
25
25
  border-color: var(--ax-colors-border-accent);
26
26
  color: var(--ax-colors-fg-default);
27
27
  }
28
- ._1kiw8tr:active .y93omt {
28
+ ._466w4x:active ._1nbpwp1 {
29
29
  background-color: var(--ax-colors-bg-secondary);
30
30
  }
31
31
  @media (hover: hover) {
32
- .lag2rg:hover:not([data-state="active"]) {
32
+ .n5nykg:hover:not([data-state="active"]) {
33
33
  border-color: var(--ax-colors-border-tertiary);
34
34
  color: var(--ax-colors-fg-secondary);
35
35
  }
@@ -1,22 +1,22 @@
1
- @layer optiaxiom._14y547g;
2
- @layer optiaxiom._14y547g {
3
- ._17uq7ac {
1
+ @layer optiaxiom.ieitlk;
2
+ @layer optiaxiom.ieitlk {
3
+ ._5g0vwh {
4
4
  text-overflow: ellipsis;
5
5
  }
6
- ._1jjmdg7 {
6
+ ._9f5aqp {
7
7
  display: -webkit-box;
8
8
  -webkit-box-orient: vertical;
9
9
  }
10
- .ybk70p {
10
+ .ooxvwy {
11
11
  -webkit-line-clamp: 1;
12
12
  }
13
- ._1ul8psq {
13
+ ._1xlolc6 {
14
14
  -webkit-line-clamp: 2;
15
15
  }
16
- .x9nzgw {
16
+ ._1qxog7 {
17
17
  -webkit-line-clamp: 3;
18
18
  }
19
- ._3l2a4j {
19
+ .lrwbmb {
20
20
  -webkit-line-clamp: 4;
21
21
  }
22
22
  }
@@ -0,0 +1,34 @@
1
+ @layer optiaxiom.ieitlk;
2
+ @layer optiaxiom.ieitlk {
3
+ ._183wg03 {
4
+ max-height: calc(16px + var(--_1av69u2) * 22px);
5
+ }
6
+ ._1dnvhuz {
7
+ --_1av69u2: 1;
8
+ }
9
+ ._1jzolcg {
10
+ --_1av69u2: 2;
11
+ }
12
+ .jfdr7z {
13
+ --_1av69u2: 3;
14
+ }
15
+ ._1e1krsw {
16
+ --_1av69u2: 4;
17
+ }
18
+ .sptt6i {
19
+ --_1av69u2: 5;
20
+ }
21
+ ._2kv7ed {
22
+ resize: vertical;
23
+ }
24
+ ._1p9qdn {
25
+ grid-area: 1 / 1 / 2 / 2;
26
+ }
27
+ ._16qx203 {
28
+ visibility: hidden;
29
+ white-space: pre-wrap;
30
+ }
31
+ ._1irnem1 {
32
+ resize: none;
33
+ }
34
+ }
@@ -0,0 +1,90 @@
1
+ @keyframes _1q3iyoe {
2
+ from {
3
+ opacity: 0;
4
+ translate:
5
+ var(--eo0f2p, 0)
6
+ var(--dtitik, 0)
7
+ ;
8
+ }
9
+ }
10
+ @layer optiaxiom.ieitlk;
11
+ @layer optiaxiom.ieitlk {
12
+ ._13gbtlt {
13
+ --_2dap1p: 0;
14
+ --_1xe0pop: 0;
15
+ animation-duration: 300ms;
16
+ animation-timing-function: ease;
17
+ transition-duration: 300ms;
18
+ transition-property: opacity;
19
+ transition-timing-function: ease;
20
+ translate: var(--_2dap1p) var(--_1xe0pop);
21
+ }
22
+ ._13gbtlt:focus-visible {
23
+ outline: 2px solid var(--ax-colors-border-focus);
24
+ outline-offset: 1px;
25
+ }
26
+ ._13gbtlt[data-state="closed"] {
27
+ opacity: 0;
28
+ }
29
+ ._13gbtlt[data-state="closed"] ~ ._13gbtlt {
30
+ transition-property: opacity, translate;
31
+ }
32
+ ._13gbtlt[data-state="open"] {
33
+ animation-name: _1q3iyoe;
34
+ }
35
+ ._13gbtlt[data-swipe-direction="down"] {
36
+ --dtitik: calc(100% + 24px);
37
+ }
38
+ ._13gbtlt[data-swipe-direction="left"] {
39
+ --eo0f2p: calc(-100% - 24px);
40
+ }
41
+ ._13gbtlt[data-swipe-direction="right"] {
42
+ --eo0f2p: calc(100% + 24px);
43
+ }
44
+ ._13gbtlt[data-swipe-direction="up"] {
45
+ --dtitik: calc(-100% - 24px);
46
+ }
47
+ ._13gbtlt[data-swipe="end"] {
48
+ --_2dap1p: var(--eo0f2p, 0);
49
+ --_1xe0pop: var(--dtitik, 0);
50
+ transition-property: opacity, translate;
51
+ }
52
+ ._13gbtlt[data-swipe="move"] {
53
+ --_2dap1p: var(--radix-toast-swipe-move-x);
54
+ --_1xe0pop: var(--radix-toast-swipe-move-y);
55
+ }
56
+ [data-position^="bottom"] ._13gbtlt:first-child {
57
+ margin-bottom: auto;
58
+ }
59
+ [data-position^="bottom"] ._13gbtlt[data-state="closed"] ~ ._13gbtlt {
60
+ --_1xe0pop: var(--zbsre5);
61
+ }
62
+ [data-position^="top"] ._13gbtlt:last-child {
63
+ margin-top: auto;
64
+ }
65
+ [data-position^="top"] ._13gbtlt[data-state="closed"] ~ ._13gbtlt {
66
+ --_1xe0pop: calc(-1 * var(--zbsre5));
67
+ }
68
+ ._4gnxc2 {
69
+ --sverkt: var(--ax-colors-fg-error-light);
70
+ }
71
+ .o3r5xz {
72
+ --sverkt: var(--ax-colors-fg-information-light);
73
+ }
74
+ .qd87pb {
75
+ --sverkt: var(--ax-colors-fg-default-inverse);
76
+ }
77
+ ._1cze2fc {
78
+ --sverkt: var(--ax-colors-fg-success-light);
79
+ }
80
+ .ga8se8 {
81
+ --sverkt: var(--ax-colors-fg-warning-light);
82
+ }
83
+ ._2f2m7a {
84
+ color: var(--sverkt);
85
+ }
86
+ ._17q3z2u a {
87
+ color: var(--ax-colors-fg-link-inverse);
88
+ text-decoration: underline;
89
+ }
90
+ }
@@ -1,33 +1,33 @@
1
- @layer optiaxiom._14y547g;
2
- @layer optiaxiom._14y547g {
3
- .wd4xdm {
1
+ @layer optiaxiom.ieitlk;
2
+ @layer optiaxiom.ieitlk {
3
+ .sx637r {
4
4
  outline: none;
5
5
  position: fixed;
6
6
  scrollbar-gutter: stable;
7
7
  }
8
- .l6r43k {
8
+ ._17zusm0 {
9
9
  bottom: 0;
10
10
  left: 50%;
11
11
  transform: translateX(-50%);
12
12
  }
13
- .cjfzlv {
13
+ ._14gtt7j {
14
14
  bottom: 0;
15
15
  left: 0;
16
16
  }
17
- ._1kujjut {
17
+ ._16brvuk {
18
18
  bottom: 0;
19
19
  right: 0;
20
20
  }
21
- ._13lguqr {
21
+ ._8t67nc {
22
22
  left: 50%;
23
23
  top: 0;
24
24
  transform: translateX(-50%);
25
25
  }
26
- ._2myoro {
26
+ ._1sgnbb8 {
27
27
  left: 0;
28
28
  top: 0;
29
29
  }
30
- .fbaz9o {
30
+ ._1h77a95 {
31
31
  right: 0;
32
32
  top: 0;
33
33
  }
@@ -0,0 +1,25 @@
1
+ @layer optiaxiom.ieitlk;
2
+ @layer optiaxiom.ieitlk {
3
+ .z2qzo8 {
4
+ --_1ljyrij: var(--ax-colors-border-control);
5
+ color: var(--ax-colors-fg-default);
6
+ position: relative;
7
+ }
8
+ .z2qzo8:has(._1frcy2z:checked) {
9
+ --_1ljyrij: var(--ax-colors-bg-accent);
10
+ }
11
+ .z2qzo8:has(._1frcy2z:disabled) {
12
+ color: var(--ax-colors-fg-disabled);
13
+ }
14
+ .z2qzo8:not(:has(._1frcy2z:disabled)) {
15
+ cursor: pointer;
16
+ }
17
+ @media (hover: hover) {
18
+ .z2qzo8:has(._1frcy2z:not(:disabled):checked):hover {
19
+ --_1ljyrij: var(--ax-colors-bg-accent-hovered);
20
+ }
21
+ .z2qzo8:has(._1frcy2z:not(:disabled):not(:checked)):hover {
22
+ --_1ljyrij: var(--ax-colors-border-control-hovered);
23
+ }
24
+ }
25
+ }
@@ -0,0 +1,10 @@
1
+ @layer optiaxiom.ieitlk;
2
+ @layer optiaxiom.ieitlk {
3
+ .qvd94c:has(:focus-visible) ._1fmtlj1 {
4
+ outline: 2px solid var(--ax-colors-border-focus);
5
+ outline-offset: 1px;
6
+ }
7
+ .qvd94c:has(input:disabled) ._1fmtlj1 {
8
+ opacity: 0.3;
9
+ }
10
+ }
@@ -1,55 +1,55 @@
1
- @layer optiaxiom._14y547g;
2
- @layer optiaxiom._14y547g {
3
- ._1xr589n {
1
+ @layer optiaxiom.ieitlk;
2
+ @layer optiaxiom.ieitlk {
3
+ .pq6kw4 {
4
4
  transform-origin: var(--radix-popper-transform-origin);
5
5
  transition-property: opacity, transform;
6
6
  transition-timing-function: ease;
7
7
  }
8
- ._1uxji5 {
8
+ ._8v3xgb {
9
9
  transition-duration: 150ms;
10
10
  }
11
- ._19ccot3 {
11
+ .a2xar1 {
12
12
  transition-duration: 250ms;
13
13
  }
14
- ._147s8a3 {
14
+ ._1i2r6me {
15
15
  transition-duration: 400ms;
16
16
  }
17
- .p3u156 {
17
+ ._1acrpf8 {
18
18
  opacity: 0;
19
19
  }
20
- .p3u156[data-side="bottom"] {
20
+ ._1acrpf8[data-side="bottom"] {
21
21
  opacity: 0;
22
22
  transform: translateY(-15px);
23
23
  }
24
- .p3u156[data-side="left"] {
24
+ ._1acrpf8[data-side="left"] {
25
25
  opacity: 0;
26
26
  transform: translateX(15px);
27
27
  }
28
- .p3u156[data-side="right"] {
28
+ ._1acrpf8[data-side="right"] {
29
29
  opacity: 0;
30
30
  transform: translateX(-15px);
31
31
  }
32
- .p3u156[data-side="top"] {
32
+ ._1acrpf8[data-side="top"] {
33
33
  opacity: 0;
34
34
  transform: translateY(15px);
35
35
  }
36
- ._19kafis {
36
+ ._1ef5r3g {
37
37
  opacity: 0;
38
38
  transform: scale(0.95);
39
39
  }
40
- ._19kafis[data-side="bottom"] {
40
+ ._1ef5r3g[data-side="bottom"] {
41
41
  opacity: 0;
42
42
  transform: scale(0.95) translateY(-8px);
43
43
  }
44
- ._19kafis[data-side="left"] {
44
+ ._1ef5r3g[data-side="left"] {
45
45
  opacity: 0;
46
46
  transform: scale(0.95) translateX(8px);
47
47
  }
48
- ._19kafis[data-side="right"] {
48
+ ._1ef5r3g[data-side="right"] {
49
49
  opacity: 0;
50
50
  transform: scale(0.95) translateX(-8px);
51
51
  }
52
- ._19kafis[data-side="top"] {
52
+ ._1ef5r3g[data-side="top"] {
53
53
  opacity: 0;
54
54
  transform: scale(0.95) translateY(8px);
55
55
  }
package/dist/index.d.ts CHANGED
@@ -405,11 +405,6 @@ declare namespace Dialog {
405
405
  var displayName: string;
406
406
  }
407
407
 
408
- declare const DialogActions: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
409
- asChild?: boolean;
410
- className?: string;
411
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
412
-
413
408
  declare const DialogBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
414
409
  asChild?: boolean;
415
410
  className?: string;
@@ -440,11 +435,6 @@ declare const TransitionGlobalConfig: {
440
435
  skipAnimations: boolean;
441
436
  };
442
437
 
443
- declare const DialogDescription: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
444
- asChild?: boolean;
445
- className?: string;
446
- }>, never> & Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLParagraphElement>>;
447
-
448
438
  declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
449
439
  asChild?: boolean;
450
440
  className?: string;
@@ -459,21 +449,14 @@ declare const DialogForm: react.ForwardRefExoticComponent<Omit<NonNullable<Sprin
459
449
  className?: string;
460
450
  }>, never> & Omit<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLFormElement>>;
461
451
 
462
- declare const DialogHeader: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
452
+ declare const DialogHeader: react.ForwardRefExoticComponent<{
453
+ addonAfter?: ReactNode;
454
+ description?: ReactNode;
455
+ } & Omit<NonNullable<Sprinkles & {
463
456
  asChild?: boolean;
464
457
  className?: string;
465
458
  }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
466
459
 
467
- declare const DialogTitle: react.ForwardRefExoticComponent<Omit<{
468
- level?: "2" | "4" | "6" | "1" | "3" | "5";
469
- }, never> & Omit<{
470
- lineClamp?: "2" | "4" | "1" | "3" | undefined;
471
- truncate?: boolean | undefined;
472
- }, never> & Omit<NonNullable<Sprinkles & {
473
- asChild?: boolean;
474
- className?: string;
475
- }>, never> & Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
476
-
477
460
  declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<{
478
461
  addonAfter?: react.ReactNode;
479
462
  addonBefore?: react.ReactNode;
@@ -1639,4 +1622,4 @@ declare namespace TransitionGroup {
1639
1622
  var displayName: string;
1640
1623
  }
1641
1624
 
1642
- export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogActions, DialogBody, DialogClose, DialogDescription, DialogFooter, DialogForm, DialogHeader, DialogTitle, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldLabel, Flex, Grid, Heading, type HeadingProps, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, MenuButton, ModalLayer, Pagination, type PaginationProps, Paper, Popover, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidenav, SidenavAccountItem, type SidenavAccountItemProps, SidenavBody, SidenavFooter, SidenavHeader, 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, TooltipProvider, TooltipRoot, TooltipTrigger, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge };
1625
+ export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldLabel, Flex, Grid, Heading, type HeadingProps, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, MenuButton, ModalLayer, Pagination, type PaginationProps, Paper, Popover, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidenav, SidenavAccountItem, type SidenavAccountItemProps, SidenavBody, SidenavFooter, SidenavHeader, 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, TooltipProvider, TooltipRoot, TooltipTrigger, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge };
package/dist/index.js CHANGED
@@ -19,15 +19,12 @@ export { ButtonGroup } from './packages/react/src/button-group/ButtonGroup.js';
19
19
  export { Checkbox } from './packages/react/src/checkbox/Checkbox.js';
20
20
  export { Code } from './packages/react/src/code/Code.js';
21
21
  export { Dialog } from './packages/react/src/dialog/Dialog.js';
22
- export { DialogActions } from './packages/react/src/dialog-actions/DialogActions.js';
23
22
  export { DialogBody } from './packages/react/src/dialog-body/DialogBody.js';
24
23
  export { DialogClose } from './packages/react/src/dialog-close/DialogClose.js';
25
24
  export { DialogContent } from './packages/react/src/dialog-content/DialogContent.js';
26
- export { DialogDescription } from './packages/react/src/dialog-description/DialogDescription.js';
27
25
  export { DialogFooter } from './packages/react/src/dialog-footer/DialogFooter.js';
28
26
  export { DialogForm } from './packages/react/src/dialog-form/DialogForm.js';
29
27
  export { DialogHeader } from './packages/react/src/dialog-header/DialogHeader.js';
30
- export { DialogTitle } from './packages/react/src/dialog-title/DialogTitle.js';
31
28
  export { DialogTrigger } from './packages/react/src/dialog-trigger/DialogTrigger.js';
32
29
  export { Disclosure } from './packages/react/src/disclosure/Disclosure.js';
33
30
  export { DisclosureContent } from './packages/react/src/disclosure-content/DisclosureContent.js';
@@ -1,3 +1,3 @@
1
- var version = "0.10.0";
1
+ var version = "0.11.0";
2
2
 
3
3
  export { version };
@@ -1,4 +1,4 @@
1
- import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
1
+ import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.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:'8',justifyContent:'space-between',p:'12',pr:'16',rounded:'md'}],variants:{intent:{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,9 +1,9 @@
1
- import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
2
- import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Diep7mXE.css';
1
+ import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
2
+ import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-C1ZBxxAq.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1cili8q'],variants:{size:{sm:'_1knl7je',md:'_1xgeoms',lg:'alk0eg'}}});
6
- var nestedDialogCountVar = 'var(--_164n9qm)';
7
- var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_90q7in']});
5
+ var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1mtnjlh'],variants:{size:{sm:'ce4kam',md:'k3kd81',lg:'_1maefxp'}}});
6
+ var nestedDialogCountVar = 'var(--axjnmk)';
7
+ var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1yl84x9']});
8
8
 
9
9
  export { content, nestedDialogCountVar, root };
@@ -1,6 +1,7 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
4
+ import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
4
5
  import { assignInlineVars } from '@vanilla-extract/dynamic';
5
6
  import { forwardRef } from 'react';
6
7
  import { useAlertDialogContext } from '../alert-dialog-context/AlertDialogContext.js';
@@ -16,8 +17,9 @@ import { root, nestedDialogCountVar, content } from './AlertDialogContent-css.js
16
17
 
17
18
  const AlertDialogContent = forwardRef(({ children, size = "sm", style, ...props }, ref) => {
18
19
  const { isRootDialog, nestedDialogCount, open } = useAlertDialogContext("AlertDialogContent");
20
+ const BackdropContainer = isRootDialog ? Transition : VisuallyHidden;
19
21
  return /* @__PURE__ */ jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsxs(RadixAlertDialog.Portal, { forceMount: true, children: [
20
- isRootDialog && /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Backdrop, { asChild: true, children: /* @__PURE__ */ jsx(RadixAlertDialog.Overlay, {}) }) }),
22
+ /* @__PURE__ */ jsx(BackdropContainer, { children: /* @__PURE__ */ jsx(Backdrop, { asChild: true, children: /* @__PURE__ */ jsx(RadixAlertDialog.Overlay, {}) }) }),
21
23
  /* @__PURE__ */ jsxs(Flex, { ...root(), children: [
22
24
  /* @__PURE__ */ jsx(Box, { flex: "1", pointerEvents: "none" }),
23
25
  /* @__PURE__ */ jsx(Transition, { "data-side": "bottom", type: "fade", children: /* @__PURE__ */ jsx(
@@ -1,7 +1,7 @@
1
- import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
2
- import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-pqnHw444.css';
1
+ import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
2
+ import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-GXqRk14z.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'b8qj6l']});
5
+ var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'_3rbfl4']});
6
6
 
7
7
  export { footer };
@@ -1,7 +1,7 @@
1
- import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
2
- import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-e1ohLex8.css';
1
+ import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
2
+ import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DMIqK71P.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var content = recipeRuntime({base:[{p:'4'},'osq42r']});
5
+ var content = recipeRuntime({base:[{p:'4'},'g7tsdd']});
6
6
 
7
7
  export { content };