@optiaxiom/react 0.5.1 → 0.5.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 (155) hide show
  1. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-DfOEzQyP.css → AlertDialogContent.css.ts.vanilla-DcfuN9n8.css} +8 -8
  2. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-pxOGcdcv.css +6 -0
  3. package/dist/assets/src/autocomplete-content/{AutocompleteContent.css.ts.vanilla-yr5VObxv.css → AutocompleteContent.css.ts.vanilla-dasIwHX2.css} +4 -4
  4. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DshRJ_tK.css +28 -0
  5. package/dist/assets/src/badge/Badge.css.ts.vanilla-J8Jz0TYj.css +46 -0
  6. package/dist/assets/src/box/{Box.css.ts.vanilla-CFbu6ERG.css → Box.css.ts.vanilla-BcTx7-K7.css} +23 -23
  7. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-CbpF3y64.css +140 -0
  8. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-9CY571jT.css +9 -0
  9. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BJeieBqq.css +18 -0
  10. package/dist/assets/src/code/Code.css.ts.vanilla-DbIEuBwZ.css +7 -0
  11. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-WuWgalwG.css +24 -0
  12. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-UliUBQ3_.css +12 -0
  13. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-BkW2dfv7.css → DialogContent.css.ts.vanilla-Bh_QfF2z.css} +9 -9
  14. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-CKFED757.css +25 -0
  15. package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-CcLwBaNn.css → DisclosureTrigger.css.ts.vanilla-BQ1aFa0z.css} +7 -7
  16. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-CzFuJJPj.css → Drawer.css.ts.vanilla-B_lSEnnW.css} +8 -8
  17. package/dist/assets/src/highlight/Highlight.css.ts.vanilla-DSVjDF8y.css +7 -0
  18. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-ClL_Dtju.css → HoverCardContent.css.ts.vanilla-CBB-3JzN.css} +3 -3
  19. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-DBIJzmqp.css +35 -0
  20. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BlWP-ur-.css +91 -0
  21. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-B0D1g-vw.css +9 -0
  22. package/dist/assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css +1 -0
  23. package/dist/assets/src/link/{Link.css.ts.vanilla-DXE3v5di.css → Link.css.ts.vanilla-CnrNdg1Z.css} +12 -12
  24. package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-DrEBy0TF.css +21 -0
  25. package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-BM3HtZFk.css +38 -0
  26. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BIhJg0mj.css +6 -0
  27. package/dist/assets/src/pill/{Pill.css.ts.vanilla-DOcl2MuH.css → Pill.css.ts.vanilla-6iStmQmH.css} +4 -4
  28. package/dist/assets/src/radio/Radio.css.ts.vanilla--KsBpBXx.css +13 -0
  29. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-D79S-qAL.css +6 -0
  30. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-B9E5BWcX.css +7 -0
  31. package/dist/assets/src/separator/{Separator.css.ts.vanilla-CJz0Fua4.css → Separator.css.ts.vanilla-3LoipZB4.css} +10 -10
  32. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-BF93P9xZ.css +6 -0
  33. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Cjde6E5n.css +6 -0
  34. package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-B_jYnI42.css +6 -0
  35. package/dist/assets/src/spotlight-item/{SpotlightItem.css.ts.vanilla-ZQcORnru.css → SpotlightItem.css.ts.vanilla-Dd-8IOMl.css} +6 -6
  36. package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-BZCTfveD.css → properties.css.ts.vanilla-B8UiJz-k.css} +2077 -2077
  37. package/dist/assets/src/switch/Switch.css.ts.vanilla-DHQdPnKJ.css +26 -0
  38. package/dist/assets/src/table/{Table.css.ts.vanilla-BRz2D7_P.css → Table.css.ts.vanilla-MVdkwD0z.css} +4 -4
  39. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-C4oM7uOI.css +6 -0
  40. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-BQ545diF.css → TableCell.css.ts.vanilla-DQANVtXA.css} +4 -4
  41. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-KszKuQbY.css +6 -0
  42. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-C8Zrmi5k.css +4 -0
  43. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-CmDauahn.css +9 -0
  44. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-BHJQa4MY.css +23 -0
  45. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-Crjg7nwP.css → TabsTrigger.css.ts.vanilla-Bq5x8W0F.css} +10 -10
  46. package/dist/assets/src/text/{Text.css.ts.vanilla-xxaGuRxa.css → Text.css.ts.vanilla-B4Jy9Qzq.css} +8 -8
  47. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BDdSqO2k.css +34 -0
  48. package/dist/assets/src/toast/Toast.css.ts.vanilla-DHqg7ozH.css +92 -0
  49. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-hbD7r5bf.css → ToastProvider.css.ts.vanilla-DO9F7-t5.css} +9 -9
  50. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-DKs_qOUr.css +23 -0
  51. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CCoVxe49.css +10 -0
  52. package/dist/assets/src/transition/{Transition.css.ts.vanilla-CAw7P9Kw.css → Transition.css.ts.vanilla-BrShdi1Q.css} +16 -16
  53. package/dist/package.json.js +1 -1
  54. package/dist/src/alert/Alert-css.js +1 -1
  55. package/dist/src/alert-dialog-content/AlertDialogContent-css.js +5 -5
  56. package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +1 -1
  57. package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
  58. package/dist/src/autocomplete-content/AutocompleteContent-css.js +3 -3
  59. package/dist/src/avatar/Avatar-css.js +4 -4
  60. package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
  61. package/dist/src/badge/Badge-css.js +3 -3
  62. package/dist/src/banner/Banner-css.js +1 -1
  63. package/dist/src/box/Box-css.js +3 -3
  64. package/dist/src/button-base/ButtonBase-css.js +5 -5
  65. package/dist/src/button-group/ButtonGroup-css.js +3 -3
  66. package/dist/src/button-loadable/ButtonLoadable-css.js +5 -5
  67. package/dist/src/checkbox/Checkbox-css.js +8 -8
  68. package/dist/src/code/Code-css.js +3 -3
  69. package/dist/src/data-table/DataTable-css.js +7 -7
  70. package/dist/src/data-table-header/DataTableHeader-css.js +4 -4
  71. package/dist/src/dialog-body/DialogBody-css.js +1 -1
  72. package/dist/src/dialog-content/DialogContent-css.js +5 -5
  73. package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
  74. package/dist/src/disclosure-content/DisclosureContent-css.js +3 -3
  75. package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
  76. package/dist/src/drawer/Drawer-css.js +5 -5
  77. package/dist/src/highlight/Highlight-css.js +3 -3
  78. package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
  79. package/dist/src/indicator/Indicator-css.js +5 -5
  80. package/dist/src/input/Input-css.js +1 -1
  81. package/dist/src/input-base/InputBase-css.js +5 -5
  82. package/dist/src/kbd/Kbd-css.js +3 -3
  83. package/dist/src/layers/layers-css.js +3 -3
  84. package/dist/src/link/Link-css.js +4 -4
  85. package/dist/src/listbox-base/ListboxBase-css.js +3 -3
  86. package/dist/src/listbox-item-base/ListboxItemBase-css.js +5 -5
  87. package/dist/src/pagination/Pagination-css.js +3 -3
  88. package/dist/src/pill/Pill-css.js +3 -3
  89. package/dist/src/radio/Radio-css.js +8 -8
  90. package/dist/src/search-input/SearchInput-css.js +4 -4
  91. package/dist/src/select-content/SelectContent-css.js +3 -3
  92. package/dist/src/separator/Separator-css.js +3 -3
  93. package/dist/src/sidenav-item/SidenavItem-css.js +5 -5
  94. package/dist/src/skeleton/Skeleton-css.js +3 -3
  95. package/dist/src/spotlight-input/SpotlightInput-css.js +3 -3
  96. package/dist/src/spotlight-item/SpotlightItem-css.js +4 -4
  97. package/dist/src/spotlight-trigger/SpotlightTrigger.js +4 -14
  98. package/dist/src/sprinkles/properties-css.js +4 -4
  99. package/dist/src/switch/Switch-css.js +8 -8
  100. package/dist/src/table/Table-css.js +4 -4
  101. package/dist/src/table-body/TableBody-css.js +3 -3
  102. package/dist/src/table-cell/TableCell-css.js +4 -4
  103. package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
  104. package/dist/src/table-row/TableRow-css.js +3 -3
  105. package/dist/src/tabs/Tabs-css.js +3 -3
  106. package/dist/src/tabs-list/TabsList-css.js +3 -3
  107. package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
  108. package/dist/src/text/Text-css.js +3 -3
  109. package/dist/src/textarea-autosize/TextareaAutosize-css.js +5 -5
  110. package/dist/src/toast/Toast-css.js +5 -5
  111. package/dist/src/toast/Toast.js +1 -1
  112. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  113. package/dist/src/toast-provider/ToastProvider.js +22 -15
  114. package/dist/src/toggle-input/ToggleInput-css.js +4 -4
  115. package/dist/src/toggle-input-control/ToggleInputControl-css.js +5 -5
  116. package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +3 -3
  117. package/dist/src/tooltip-content/TooltipContent-css.js +1 -1
  118. package/dist/src/transition/Transition-css.js +3 -3
  119. package/dist/unstable.d.ts +1 -1
  120. package/package.json +2 -2
  121. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DTviko8V.css +0 -6
  122. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-7Pz1ShaS.css +0 -28
  123. package/dist/assets/src/badge/Badge.css.ts.vanilla-CsqUU2-u.css +0 -46
  124. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-lSreN2s2.css +0 -140
  125. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DdBJS1WF.css +0 -9
  126. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-Kaqr1iOD.css +0 -18
  127. package/dist/assets/src/code/Code.css.ts.vanilla-DXWRlz04.css +0 -7
  128. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-LAGWwD9Q.css +0 -24
  129. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-BuEWXyCq.css +0 -12
  130. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-a3MAJnGX.css +0 -25
  131. package/dist/assets/src/highlight/Highlight.css.ts.vanilla-RmkcqM-d.css +0 -7
  132. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-vU_zHe1m.css +0 -35
  133. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BEcIPkFX.css +0 -90
  134. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BxwsDOi2.css +0 -9
  135. package/dist/assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css +0 -1
  136. package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-BE3RtL_1.css +0 -21
  137. package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-Boisr2im.css +0 -38
  138. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-DWprrOvv.css +0 -6
  139. package/dist/assets/src/radio/Radio.css.ts.vanilla-BPP2aWY8.css +0 -13
  140. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DeV6_qAF.css +0 -6
  141. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-CoRlhWeX.css +0 -7
  142. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-CJTL2biw.css +0 -6
  143. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-B0tq9DGQ.css +0 -6
  144. package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-DZ9q_EkM.css +0 -6
  145. package/dist/assets/src/switch/Switch.css.ts.vanilla-D5JoF6ME.css +0 -26
  146. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BADc-26Z.css +0 -6
  147. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DboxB76f.css +0 -6
  148. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-COI_-mI5.css +0 -4
  149. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-D7c9aAFv.css +0 -9
  150. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-hJFJS54O.css +0 -23
  151. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-DIlxSuuv.css +0 -34
  152. package/dist/assets/src/toast/Toast.css.ts.vanilla-B8N3Ss56.css +0 -92
  153. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-llCUpF4m.css +0 -23
  154. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DYEoiGw8.css +0 -10
  155. package/dist/src/toast-context/ToastContext.js +0 -5
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css';
2
- import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-DIlxSuuv.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css';
2
+ import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BDdSqO2k.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var shadow = recipeRuntime({base:['_10lolza','_1vkcyez']});
6
- var textarea = recipeRuntime({base:['_10lolza','naje1e']});
7
- var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1v5h9iq','r8cwhx'],'2':['_1v5h9iq','x0wmq6'],'3':['_1v5h9iq','_1d93myq'],'4':['_1v5h9iq','_27gqqt'],'5':['_1v5h9iq','zl6hu']},resize:{auto:{},none:{},vertical:'_1qnv0tp'}}});
5
+ var shadow = recipeRuntime({base:['bk04ep','vknxnz']});
6
+ var textarea = recipeRuntime({base:['bk04ep','cpsg4j']});
7
+ var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1x2e8ie','_8xz6f8'],'2':['_1x2e8ie','zshdgh'],'3':['_1x2e8ie','_1rh7tpm'],'4':['_1x2e8ie','_5j3boy'],'5':['_1x2e8ie','_19eruem']},resize:{auto:{},none:{},vertical:'_1kmmryc'}}});
8
8
 
9
9
  export { shadow, textarea, wrapper };
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-hbD7r5bf.css';
3
- import './../../assets/src/toast/Toast.css.ts.vanilla-B8N3Ss56.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DO9F7-t5.css';
3
+ import './../../assets/src/toast/Toast.css.ts.vanilla-DHqg7ozH.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
6
- var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'oekzvr']});
7
- var root = recipeRuntime({base:[{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'xs',maxW:'full',p:'sm',pl:'md',rounded:'md',shadow:'md',w:['full','max']},'_1tjkcpp'],variants:{intent:{danger:'zyqlwk',information:'ppujcu',neutral:'wps5ac',success:'_1qkovkk',warning:'rj1naq'}}});
6
+ var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_2k9wfi']});
7
+ var root = recipeRuntime({base:[{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'xs',maxW:'full',p:'sm',pl:'md',rounded:'md',shadow:'md',w:['full','max']},'uhlhol'],variants:{intent:{danger:'dom1k4',information:'_16hmp2o',neutral:'_7ezfu1',success:'_1ynseni',warning:'nsv41c'}}});
8
8
 
9
9
  export { icon, root };
@@ -1,4 +1,5 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
+ import { useToastContext } from '@optiaxiom/globals';
2
3
  import * as RadixToast from '@radix-ui/react-toast';
3
4
  import { forwardRef, createElement } from 'react';
4
5
  import { Box } from '../box/Box.js';
@@ -12,7 +13,6 @@ import { IconX } from '../icons/IconX.js';
12
13
  import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
13
14
  import '../sprinkles/sprinkles.js';
14
15
  import '../sprinkles/sprinklesMerge.js';
15
- import { useToastContext } from '../toast-context/ToastContext.js';
16
16
  import { root, icon } from './Toast-css.js';
17
17
 
18
18
  const mapIntentToIcon = {
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-hbD7r5bf.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DO9F7-t5.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'g9u92u'],variants:{position:{bottom:'_1qak7gb','bottom-left':'_1yfrfrx','bottom-right':'_1yl3kij',top:'_1p2ce1w','top-left':'_6e8qmw','top-right':'_1q43ncg'}}});
5
+ var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1m2na8l'],variants:{position:{bottom:'_1dmhoz6','bottom-left':'_190s6n9','bottom-right':'isduys',top:'lbu77y','top-left':'_17yaqgj','top-right':'o25vqh'}}});
6
6
 
7
7
  export { viewport };
@@ -1,8 +1,9 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import { ToastContextProvider, toaster } from '@optiaxiom/globals';
2
3
  import { useComposedRefs } from '@radix-ui/react-compose-refs';
3
4
  import { Portal } from '@radix-ui/react-portal';
4
5
  import * as RadixToast from '@radix-ui/react-toast';
5
- import { forwardRef, useRef, isValidElement } from 'react';
6
+ import { forwardRef, useRef, cloneElement, isValidElement } from 'react';
6
7
  import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
7
8
  import { Flex } from '../flex/Flex.js';
8
9
  import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
@@ -10,9 +11,7 @@ import '../sprinkles/sprinkles.js';
10
11
  import '../sprinkles/sprinklesMerge.js';
11
12
  import { Toast } from '../toast/Toast.js';
12
13
  import { ToastAction } from '../toast-action/ToastAction.js';
13
- import { ToastContextProvider } from '../toast-context/ToastContext.js';
14
14
  import { ToastTitle } from '../toast-title/ToastTitle.js';
15
- import { toaster } from '@optiaxiom/globals';
16
15
  import { viewport } from './ToastProvider-css.js';
17
16
  import { useOverflowAnchor } from './useOverflowAnchor.js';
18
17
 
@@ -59,18 +58,26 @@ const ToastProvider = forwardRef(
59
58
  {
60
59
  onOpenChange: () => toasterProp.remove(id),
61
60
  open,
62
- // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/microsoft/TypeScript/issues/53178
63
- children: isValidElement(toast) ? toast : /* @__PURE__ */ jsxs(Toast, { intent: toast.type, children: [
64
- /* @__PURE__ */ jsx(ToastTitle, { children: toast.title }),
65
- toast.action && /* @__PURE__ */ jsx(
66
- ToastAction,
67
- {
68
- altText: toast.action.altText,
69
- onClick: toast.action.onClick,
70
- children: toast.action.label
71
- }
72
- )
73
- ] }, id)
61
+ children: cloneElement(
62
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/microsoft/TypeScript/issues/53178
63
+ isValidElement(toast) ? toast : /* @__PURE__ */ jsxs(Toast, { intent: toast.type, children: [
64
+ /* @__PURE__ */ jsx(ToastTitle, { children: toast.title }),
65
+ toast.action && /* @__PURE__ */ jsx(
66
+ ToastAction,
67
+ {
68
+ altText: toast.action.altText,
69
+ onClick: toast.action.onClick,
70
+ children: toast.action.label
71
+ }
72
+ )
73
+ ] }, id),
74
+ {
75
+ forceMount: true,
76
+ key: id,
77
+ onOpenChange: () => toasterProp.remove(id),
78
+ open
79
+ }
80
+ )
74
81
  },
75
82
  id
76
83
  )),
@@ -1,8 +1,8 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-COI_-mI5.css';
3
- import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-llCUpF4m.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-C8Zrmi5k.css';
3
+ import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DKs_qOUr.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
6
- var toggleInput = recipeRuntime({base:['_1jslc44',{alignItems:'start',flexDirection:'row',gap:'xs'},'v6ov5a']});
6
+ var toggleInput = recipeRuntime({base:['_5o1rud',{alignItems:'start',flexDirection:'row',gap:'xs'},'_1ebcv6v']});
7
7
 
8
8
  export { toggleInput };
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-COI_-mI5.css';
3
- import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-llCUpF4m.css';
4
- import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DYEoiGw8.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-C8Zrmi5k.css';
3
+ import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DKs_qOUr.css';
4
+ import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CCoVxe49.css';
5
5
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
6
6
 
7
- var control = recipeRuntime({base:['_1puwvfa']});
7
+ var control = recipeRuntime({base:['_1ku9foi']});
8
8
 
9
9
  export { control };
@@ -1,6 +1,6 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-COI_-mI5.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-C8Zrmi5k.css';
3
3
 
4
- var className = '_1e5clit';
4
+ var className = 'yoldad';
5
5
 
6
6
  export { className };
@@ -1,4 +1,4 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css';
2
2
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
3
3
 
4
4
  var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',px:'12',py:'8',rounded:'md',z:'tooltip'}]});
@@ -1,8 +1,8 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css';
2
- import './../../assets/src/transition/Transition.css.ts.vanilla-CAw7P9Kw.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css';
2
+ import './../../assets/src/transition/Transition.css.ts.vanilla-BrShdi1Q.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var transition = recipeRuntime({base:'_51hx9y',variants:{duration:{sm:'_1madyof',md:'_1usim5b',lg:'jeaczq'},type:{fade:'_1yvmf1p',pop:'_1vlc7p4'}}});
5
+ var transition = recipeRuntime({base:'_1cvuuxs',variants:{duration:{sm:'tdz9k3',md:'boih6p',lg:'_128qr8w'},type:{fade:'jubhch',pop:'_1rsoi88'}}});
6
6
  var transitionDuration = {sm:150,md:250,lg:400};
7
7
 
8
8
  export { transition, transitionDuration };
@@ -628,7 +628,7 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<O
628
628
  icon?: react.ReactNode;
629
629
  iconPosition?: "end" | "start";
630
630
  }, never> & {
631
- hotkey?: string[];
631
+ hotkey?: string;
632
632
  } & react.RefAttributes<HTMLButtonElement>>;
633
633
 
634
634
  declare const Table: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "color" | "border" | "className"> & Omit<{
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "url": "https://github.com/optimizely-axiom/optiaxiom.git"
8
8
  },
9
9
  "type": "module",
10
- "version": "0.5.1",
10
+ "version": "0.5.3",
11
11
  "files": [
12
12
  "dist/**",
13
13
  "LICENSE"
@@ -60,7 +60,7 @@
60
60
  "clsx": "^2.1.1",
61
61
  "downshift": "^9.0.8",
62
62
  "use-sync-external-store": "^1.2.2",
63
- "@optiaxiom/globals": "^0.3.0"
63
+ "@optiaxiom/globals": "^0.4.0"
64
64
  },
65
65
  "devDependencies": {
66
66
  "@emotion/hash": "^0.9.2",
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.k6tjxw;
2
- @layer optiaxiom.k6tjxw {
3
- ._176n52g {
4
- border-top: 1px solid var(--ax-colors-border-secondary);
5
- }
6
- }
@@ -1,28 +0,0 @@
1
- @layer optiaxiom.k6tjxw;
2
- @layer optiaxiom.k6tjxw {
3
- ._1de4k1a {
4
- border-radius: var(--ax-borderRadius-full);
5
- user-select: none;
6
- }
7
- .slysdj ._1de4k1a {
8
- border: 1px solid var(--ax-colors-bg-default);
9
- }
10
- .slysdj ._1xbfeq5:not(:first-child) {
11
- margin-left: -3px;
12
- }
13
- .slysdj ._9wo6tz:not(:first-child) {
14
- margin-left: -5px;
15
- }
16
- .slysdj .t9dnp5:not(:first-child) {
17
- margin-left: -7px;
18
- }
19
- .slysdj ._1gzqx9r:not(:first-child) {
20
- margin-left: -9px;
21
- }
22
- .slysdj .diowu9:not(:first-child) {
23
- margin-left: -11px;
24
- }
25
- .slysdj .br0nxl:not(:first-child) {
26
- margin-left: -13px;
27
- }
28
- }
@@ -1,46 +0,0 @@
1
- @layer optiaxiom.k6tjxw;
2
- @layer optiaxiom.k6tjxw {
3
- ._8u4chm {
4
- --_8kvxf7: var(--ax-colors-fg-white);
5
- }
6
- ._1sg8x20 {
7
- --iwcob3: var(--ax-colors-bg-error);
8
- --_10h1p7e: var(--ax-colors-bg-error-subtle);
9
- --_1m9ozgz: var(--ax-colors-fg-error-strong);
10
- }
11
- ._1qafblu {
12
- --iwcob3: var(--ax-colors-bg-information);
13
- --_10h1p7e: var(--ax-colors-bg-information-subtle);
14
- --_1m9ozgz: var(--ax-colors-fg-information-strong);
15
- }
16
- ._1hmyeat {
17
- --iwcob3: var(--ax-colors-bg-tertiary);
18
- --_8kvxf7: var(--ax-colors-fg-default);
19
- --_10h1p7e: var(--ax-colors-bg-secondary);
20
- --_1m9ozgz: var(--ax-colors-fg-secondary);
21
- }
22
- ._6coa14 {
23
- --iwcob3: var(--ax-colors-bg-accent);
24
- --_10h1p7e: var(--ax-colors-bg-accent-subtle);
25
- --_1m9ozgz: var(--ax-colors-fg-accent-strong);
26
- }
27
- ._1quqqtd {
28
- --iwcob3: var(--ax-colors-bg-success);
29
- --_10h1p7e: var(--ax-colors-bg-success-subtle);
30
- --_1m9ozgz: var(--ax-colors-fg-success-strong);
31
- }
32
- .bbhuj2 {
33
- --iwcob3: var(--ax-colors-bg-warning);
34
- --_8kvxf7: var(--ax-colors-fg-warning-inverse);
35
- --_10h1p7e: var(--ax-colors-bg-warning-subtle);
36
- --_1m9ozgz: var(--ax-colors-fg-warning-strong);
37
- }
38
- .cbyas {
39
- background-color: var(--_10h1p7e);
40
- color: var(--_1m9ozgz);
41
- }
42
- .v0s553 {
43
- background-color: var(--iwcob3);
44
- color: var(--_8kvxf7);
45
- }
46
- }
@@ -1,140 +0,0 @@
1
- @layer optiaxiom.k6tjxw;
2
- @layer optiaxiom.k6tjxw {
3
- .qm429p {
4
- border-radius: var(--ax-borderRadius-md);
5
- padding-inline: var(--_8gbuja);
6
- position: relative;
7
- text-decoration: none;
8
- user-select: none;
9
- }
10
- .qm429p:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
11
- outline: 2px solid var(--ax-colors-border-focus);
12
- outline-offset: 1px;
13
- z-index: var(--ax-zIndex-10);
14
- }
15
- .o5ggju[data-orientation="horizontal"] > .qm429p:not(:first-child):not(:last-child),.o5ggju[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .qm429p {
16
- border-inline-width: 0.5px;
17
- }
18
- .o5ggju[data-orientation="horizontal"] > .qm429p:not(:only-child):first-child,.o5ggju[data-orientation="horizontal"] > :not(:only-child):first-child .qm429p {
19
- border-bottom-right-radius: 0;
20
- border-right-width: 0.5px;
21
- border-top-right-radius: 0;
22
- }
23
- .o5ggju[data-orientation="horizontal"] > .qm429p:not(:only-child):last-child,.o5ggju[data-orientation="horizontal"] > :not(:only-child):last-child .qm429p {
24
- border-bottom-left-radius: 0;
25
- border-left-width: 0.5px;
26
- border-top-left-radius: 0;
27
- }
28
- .o5ggju[data-orientation="vertical"] > .qm429p:not(:first-child):not(:last-child),.o5ggju[data-orientation="vertical"] > :not(:first-child):not(:last-child) .qm429p {
29
- border-block-width: 0.5px;
30
- }
31
- .o5ggju[data-orientation="vertical"] > .qm429p:not(:only-child):first-child,.o5ggju[data-orientation="vertical"] > :not(:only-child):first-child .qm429p {
32
- border-bottom-left-radius: 0;
33
- border-bottom-right-radius: 0;
34
- border-bottom-width: 0.5px;
35
- }
36
- .o5ggju[data-orientation="vertical"] > .qm429p:not(:only-child):last-child,.o5ggju[data-orientation="vertical"] > :not(:only-child):last-child .qm429p {
37
- border-top-left-radius: 0;
38
- border-top-right-radius: 0;
39
- border-top-width: 0.5px;
40
- }
41
- .o5ggju[data-orientation] > .qm429p:not(:first-child):not(:last-child),.o5ggju[data-orientation] > :not(:first-child):not(:last-child) .qm429p {
42
- border-radius: 0;
43
- }
44
- ._1dcf3kk {
45
- min-width: fit-content;
46
- }
47
- ._1iekj3a {
48
- --_9d0zrd: var(--ax-colors-bg-error);
49
- --_1k3ch01: var(--ax-colors-bg-error-hovered);
50
- --_7s0jwl: var(--ax-colors-bg-error-pressed);
51
- --_1cbroji: var(--ax-colors-bg-error-subtlest);
52
- --_1bjqh6h: var(--ax-colors-bg-error-subtle);
53
- }
54
- ._5sq53z {
55
- --_9d0zrd: var(--ax-colors-bg-default-inverse);
56
- --_1k3ch01: var(--ax-colors-bg-default-inverse-hovered);
57
- --_7s0jwl: var(--ax-colors-bg-default-inverse-pressed);
58
- --_1cbroji: var(--ax-colors-bg-secondary);
59
- --_1x8p594: var(--ax-colors-border-default);
60
- --_1n782et: var(--ax-colors-border-default);
61
- --_1bjqh6h: var(--ax-colors-bg-secondary-hovered);
62
- --_1qsklf3: var(--ax-colors-fg-default);
63
- }
64
- ._1x11jl7 {
65
- --_9d0zrd: var(--ax-colors-bg-accent);
66
- --_1k3ch01: var(--ax-colors-bg-accent-hovered);
67
- --_7s0jwl: var(--ax-colors-bg-accent-pressed);
68
- --_1cbroji: var(--ax-colors-bg-accent-subtle);
69
- --_1bjqh6h: var(--ax-colors-bg-accent-light);
70
- }
71
- ._1aa590g {
72
- background-color: var(--ax-colors-bg-default);
73
- border: 1px solid var(--_1n782et, var(--_9d0zrd));
74
- color: var(--_1qsklf3, var(--_9d0zrd));
75
- padding-inline: calc(var(--_8gbuja) - 1px);
76
- }
77
- ._1aa590g:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
78
- background-color: var(--_1bjqh6h);
79
- border-color: var(--_1x8p594, var(--_1k3ch01));
80
- }
81
- ._1aa590g:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
82
- background-color: var(--_1cbroji);
83
- border-color: var(--_1x8p594, var(--_1k3ch01));
84
- }
85
- ._1aa590g:is([data-state="active"], [data-state="on"]) {
86
- background-color: var(--ax-colors-bg-accent-subtle);
87
- border-color: var(--ax-colors-fg-accent);
88
- color: var(--ax-colors-fg-accent);
89
- }
90
- ._1aa590g[data-disabled]:not([data-loading]) {
91
- border-color: var(--ax-colors-border-disabled);
92
- color: var(--ax-colors-fg-disabled);
93
- }
94
- .s3dccm {
95
- background-color: var(--_9d0zrd);
96
- color: var(--ax-colors-fg-default-inverse);
97
- }
98
- .s3dccm:active:not([data-disabled], [data-loading]) {
99
- background-color: var(--_7s0jwl);
100
- }
101
- .s3dccm:hover:not(:active, [data-disabled], [data-loading]) {
102
- background-color: var(--_1k3ch01);
103
- }
104
- .s3dccm[data-disabled]:not([data-loading]) {
105
- background-color: var(--ax-colors-bg-secondary);
106
- border: 1px solid var(--ax-colors-border-disabled);
107
- color: var(--ax-colors-fg-disabled);
108
- padding-inline: calc(var(--_8gbuja) - 1px);
109
- }
110
- ._9zicc6 {
111
- background-color: transparent;
112
- border-color: var(--_9d0zrd);
113
- color: var(--_1qsklf3, var(--_9d0zrd));
114
- }
115
- ._9zicc6:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
116
- background-color: var(--_1bjqh6h);
117
- }
118
- ._9zicc6:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
119
- background-color: var(--_1cbroji);
120
- }
121
- ._9zicc6:is([data-state="active"], [data-state="on"]) {
122
- background-color: var(--ax-colors-bg-accent-subtle);
123
- color: var(--ax-colors-fg-accent);
124
- }
125
- ._9zicc6[data-disabled]:not([data-loading]) {
126
- color: var(--ax-colors-fg-disabled);
127
- }
128
- ._1eyl9gm {
129
- --_8gbuja: 4px;
130
- }
131
- ._12ma8x8 {
132
- --_8gbuja: 8px;
133
- }
134
- .e4klwr {
135
- --_8gbuja: 12px;
136
- }
137
- .ffn8d9 {
138
- position: absolute;
139
- }
140
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom.k6tjxw;
2
- @layer optiaxiom.k6tjxw {
3
- ._8klg3m {
4
- opacity: 1;
5
- }
6
- .atih8l[data-loading] ._8klg3m {
7
- opacity: 0;
8
- }
9
- }
@@ -1,18 +0,0 @@
1
- @layer optiaxiom.k6tjxw;
2
- @layer optiaxiom.k6tjxw {
3
- .zozbig {
4
- display: none;
5
- }
6
- ._1fcaobb:has(._1hpm0s4:checked) .zozbig {
7
- display: block;
8
- }
9
- ._1b6ey87 {
10
- background-color: var(--ax-colors-bg-default);
11
- border-color: var(--_1o9fe6h);
12
- border-width: 1px;
13
- }
14
- ._1fcaobb:has(._1hpm0s4:checked) ._1b6ey87 {
15
- background-color: var(--_1o9fe6h);
16
- border-width: 0;
17
- }
18
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom.k6tjxw;
2
- @layer optiaxiom.k6tjxw {
3
- ._1gt60ck {
4
- font-size: 0.875em;
5
- -webkit-font-smoothing: auto;
6
- }
7
- }
@@ -1,24 +0,0 @@
1
- @layer optiaxiom.k6tjxw;
2
- @layer optiaxiom.k6tjxw {
3
- ._1odoan6 {
4
- position: sticky;
5
- top: 0;
6
- z-index: var(--ax-zIndex-20);
7
- }
8
- .z0vt9 {
9
- min-width: var(--_110mhe6);
10
- }
11
- ._1rvdnhz {
12
- left: var(--_6bb585);
13
- position: sticky;
14
- z-index: var(--ax-zIndex-20);
15
- }
16
- ._1ekd9c3 {
17
- min-width: var(--_110mhe6);
18
- }
19
- ._1dfdde9 {
20
- left: var(--_6bb585);
21
- position: sticky;
22
- z-index: var(--ax-zIndex-10);
23
- }
24
- }
@@ -1,12 +0,0 @@
1
- @layer optiaxiom.k6tjxw;
2
- @layer optiaxiom.k6tjxw {
3
- ._1i5coyv {
4
- cursor: default;
5
- }
6
- .cpep53 {
7
- cursor: pointer;
8
- }
9
- ._1ooamw6:is(:not(:focus-within):not(:hover)) .frrvp9 {
10
- visibility: hidden;
11
- }
12
- }
@@ -1,25 +0,0 @@
1
- @keyframes _1juj368 {
2
- from {
3
- height: 0;
4
- }
5
- to {
6
- height: var(--radix-collapsible-content-height);
7
- }
8
- }
9
- @keyframes _1x2vxzn {
10
- from {
11
- height: var(--radix-collapsible-content-height);
12
- }
13
- to {
14
- height: 0;
15
- }
16
- }
17
- @layer optiaxiom.k6tjxw;
18
- @layer optiaxiom.k6tjxw {
19
- .w9lpdy[data-state="closed"] {
20
- animation: _1x2vxzn 300ms ease-out;
21
- }
22
- .w9lpdy[data-state="open"] {
23
- animation: _1juj368 300ms ease-out;
24
- }
25
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom.k6tjxw;
2
- @layer optiaxiom.k6tjxw {
3
- ._1if42hh {
4
- background-color: transparent;
5
- color: inherit;
6
- }
7
- }
@@ -1,35 +0,0 @@
1
- @layer optiaxiom.k6tjxw;
2
- @layer optiaxiom.k6tjxw {
3
- .zuyifz {
4
- position: relative;
5
- }
6
- ._33vmpn {
7
- --c2hdf5: 50%;
8
- position: absolute;
9
- right: 4px;
10
- }
11
- .qz4036 {
12
- --c2hdf5: 4px;
13
- }
14
- ._1vie437 {
15
- bottom: 4px;
16
- transform: translate(var(--c2hdf5), var(--c2hdf5));
17
- }
18
- ._1yzubqs {
19
- top: 4px;
20
- transform: translate(var(--c2hdf5), calc(-1 * var(--c2hdf5)));
21
- }
22
- .q24edc {
23
- position: relative;
24
- user-select: none;
25
- }
26
- .q24edc:empty {
27
- aspect-ratio: 1;
28
- }
29
- ._1kuaj9c:not(:empty) {
30
- min-width: 20px;
31
- }
32
- ._14lz2wi {
33
- position: absolute;
34
- }
35
- }