@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
@@ -1,8 +1,8 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
2
- import './../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-BNJjgHvC.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
2
+ import './../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-D30O8tC9.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var content = recipeRuntime({base:[{flexDirection:'row',gap:'xs',py:'6',rounded:'sm'},'_92ns7y']});
6
- var trigger = recipeRuntime({base:['_1hctdf1',{fontSize:'md',fontWeight:'500',py:'4'},'_1m7qu28']});
5
+ var content = recipeRuntime({base:[{flexDirection:'row',gap:'xs',py:'6',rounded:'sm'},'_19x95ec']});
6
+ var trigger = recipeRuntime({base:['_4sgicb',{fontSize:'md',fontWeight:'500',py:'4'},'x96gdv']});
7
7
 
8
8
  export { content, trigger };
@@ -36,7 +36,7 @@ const TabsTrigger = forwardRef(
36
36
  justifyContent: "start",
37
37
  ref,
38
38
  ...sprinkleProps,
39
- children: /* @__PURE__ */ jsx(RadixTabs.Trigger, { ref, ...restProps, children })
39
+ children: /* @__PURE__ */ jsx(RadixTabs.Trigger, { ...restProps, children })
40
40
  }
41
41
  );
42
42
  }
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
2
- import './../../assets/src/text/Text.css.ts.vanilla-BvzD3lMf.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
2
+ import './../../assets/src/text/Text.css.ts.vanilla-BKtRaBxq.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var text = recipeRuntime((function(){var x={base:{fontSize:'md'},variants:{lineClamp:{'1':[{overflow:'hidden'},'_2k902v','fs1ra0','_15fz8s4'],'2':[undefined,'_2k902v','fs1ra0','_1g1yhd1'],'3':[undefined,'_2k902v','fs1ra0','_12lqg46'],'4':[undefined,'_2k902v','fs1ra0','_1f6dd4u']},truncate:{true:[undefined,'_2k902v',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
5
+ var text = recipeRuntime((function(){var x={base:{fontSize:'md'},variants:{lineClamp:{'1':[{overflow:'hidden'},'kdvj9x','_69ym6u','_1fvsg5a'],'2':[undefined,'kdvj9x','_69ym6u','pwy7uh'],'3':[undefined,'kdvj9x','_69ym6u','_1xmhs7h'],'4':[undefined,'kdvj9x','_69ym6u','yh90g4']},truncate:{true:[undefined,'kdvj9x',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
6
6
 
7
7
  export { text };
@@ -1,31 +1,13 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { Slot } from '@radix-ui/react-slot';
3
3
  import { forwardRef } from 'react';
4
- import TextareaAutosize from 'react-textarea-autosize';
5
- import { Box } from '../box/Box.js';
6
4
  import { InputBase } from '../input-base/InputBase.js';
7
- import { wrapper, textarea } from './Textarea-css.js';
5
+ import { TextareaAutosize } from '../textarea-autosize/TextareaAutosize.js';
8
6
 
9
7
  const Textarea = forwardRef(
10
- ({ asChild, children, className, resize = "none", ...props }, ref) => {
11
- const CompAuto = asChild ? Slot : TextareaAutosize;
12
- const CompManual = asChild ? Slot : "textarea";
13
- return /* @__PURE__ */ jsx(
14
- InputBase,
15
- {
16
- size: "lg",
17
- ...wrapper({ resize }, className),
18
- ...props,
19
- children: /* @__PURE__ */ jsx(Box, { asChild: true, ...textarea(), children: resize === "auto" ? /* @__PURE__ */ jsx(
20
- CompAuto,
21
- {
22
- minRows: "minRows" in props ? props.minRows : 3,
23
- ref,
24
- children
25
- }
26
- ) : /* @__PURE__ */ jsx(CompManual, { ref, rows: "rows" in props ? props.rows : 3, children }) })
27
- }
28
- );
8
+ ({ asChild, children, ...props }, ref) => {
9
+ const Comp = asChild ? Slot : TextareaAutosize;
10
+ return /* @__PURE__ */ jsx(InputBase, { flexDirection: "column", size: "lg", ...props, children: /* @__PURE__ */ jsx(Comp, { ref, rows: props.rows ?? 3, children }) });
29
11
  }
30
12
  );
31
13
  Textarea.displayName = "@optiaxiom/react/Textarea";
@@ -0,0 +1,9 @@
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
2
+ import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-Vi7oxkCe.css';
3
+ import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
+
5
+ var shadow = recipeRuntime({base:['b85i0t','b8mqo8']});
6
+ var textarea = recipeRuntime({base:['b85i0t','_12ymtv']});
7
+ var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['pe4k67','_1elteaj'],'2':['pe4k67','_1ms345d'],'3':['pe4k67','ma7lqc'],'4':['pe4k67','_1gtd6ga'],'5':['pe4k67','_81gv93']},resize:{auto:{},none:{},vertical:'_13u2b2c'}}});
8
+
9
+ export { shadow, textarea, wrapper };
@@ -0,0 +1,43 @@
1
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import { Slot } from '@radix-ui/react-slot';
3
+ import { forwardRef, useState } from 'react';
4
+ import { Box } from '../box/Box.js';
5
+ import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
6
+ import '../sprinkles/sprinkles-css.js';
7
+ import { wrapper, textarea, shadow } from './TextareaAutosize-css.js';
8
+
9
+ const TextareaAutosize = forwardRef(
10
+ ({
11
+ asChild,
12
+ children,
13
+ className,
14
+ maxRows,
15
+ onChange,
16
+ resize = "none",
17
+ ...props
18
+ }, ref) => {
19
+ const Comp = asChild ? Slot : "textarea";
20
+ const { restProps, sprinkleProps } = extractSprinkles(props);
21
+ const [value, setValue] = useState(
22
+ props.value === void 0 ? props.defaultValue : props.value
23
+ );
24
+ return /* @__PURE__ */ jsxs(Box, { ...wrapper({ maxRows, resize }), children: [
25
+ /* @__PURE__ */ jsx(Box, { asChild: true, ...textarea({}, className), ...sprinkleProps, children: /* @__PURE__ */ jsx(
26
+ Comp,
27
+ {
28
+ onChange: (event) => {
29
+ setValue(event.target.value);
30
+ onChange?.(event);
31
+ },
32
+ ref,
33
+ ...restProps,
34
+ children
35
+ }
36
+ ) }),
37
+ resize === "auto" && /* @__PURE__ */ jsx(Box, { ...shadow({}, className), ...sprinkleProps, children: (value ?? "") + " " })
38
+ ] });
39
+ }
40
+ );
41
+ TextareaAutosize.displayName = "@optiaxiom/react/TextareaAutosize";
42
+
43
+ export { TextareaAutosize };
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-U5IpQ-47.css';
3
- import './../../assets/src/toast/Toast.css.ts.vanilla-Cmr5JjvD.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CRrCOnmY.css';
3
+ import './../../assets/src/toast/Toast.css.ts.vanilla-CcGpHMYT.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
6
- var icon = recipeRuntime({base:[{alignSelf:'start',h:'16',mt:'4',w:'auto'},'_1x8zseh']});
7
- var root = recipeRuntime({base:[{alignItems:'center',bg:'bg.neutral.inverse',color:'fg.default.inverse',display:'flex',gap:'xs',maxW:'full',p:'sm',pl:'md',rounded:'md',shadow:'md',w:['full','max']},'_1q44ii7'],variants:{colorScheme:{danger:'_13vpvt9',neutral:'_18hgy3',success:'n5neun',warning:'_1gljik1'}}});
6
+ var icon = recipeRuntime({base:[{alignSelf:'start',h:'16',mt:'4',w:'auto'},'_1maqiyr']});
7
+ var root = recipeRuntime({base:[{alignItems:'center',bg:'bg.neutral.inverse',color:'fg.default.inverse',display:'flex',gap:'xs',maxW:'full',p:'sm',pl:'md',rounded:'md',shadow:'md',w:['full','max']},'_4vhf8n'],variants:{colorScheme:{danger:'_1dzujph',neutral:'_1ljwyw2',success:'z76k0z',warning:'_6w489f'}}});
8
8
 
9
9
  export { icon, root };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-U5IpQ-47.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CRrCOnmY.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'},'o28xfh'],variants:{position:{bottom:'u63pkf','bottom-left':'_6qayyw','bottom-right':'_6kjd6y',top:'_1jfr3yt','top-left':'_1vhk460','top-right':'_1oxw9qa'}}});
5
+ var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1e805pz'],variants:{position:{bottom:'_1cvo2n9','bottom-left':'_523f56','bottom-right':'_1h5l8ki',top:'x5dwdz','top-left':'_1t3d0fy','top-right':'x807pw'}}});
6
6
 
7
7
  export { viewport };
@@ -1,8 +1,8 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
2
- import './../../assets/src/transition/Transition.css.ts.vanilla-Cb0oRAnj.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
2
+ import './../../assets/src/transition/Transition.css.ts.vanilla-CwC4wqUb.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var transition = recipeRuntime({base:'_11dfixy',variants:{duration:{sm:'_60kedg',md:'_5u7akf',lg:'r7bjw1'},type:{fade:'i4spkz',pop:'twzn4y'}}});
5
+ var transition = recipeRuntime({base:'_1pod0az',variants:{duration:{sm:'np3ek5',md:'_1p3id0p',lg:'d8erjf'},type:{fade:'sy1d7w',pop:'_1wenxzj'}}});
6
6
  var transitionDuration = {sm:150,md:250,lg:400};
7
7
 
8
8
  export { transition, transitionDuration };
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.1.0-next.18",
10
+ "version": "0.1.0-next.19",
11
11
  "files": [
12
12
  "dist/**",
13
13
  "LICENSE"
@@ -62,7 +62,6 @@
62
62
  "@vanilla-extract/sprinkles": "^1.6.3",
63
63
  "clsx": "^2.1.1",
64
64
  "cmdk": "^1.0.0",
65
- "react-textarea-autosize": "^8.5.3",
66
65
  "use-sync-external-store": "^1.2.2",
67
66
  "@optiaxiom/globals": "^0.2.0-next.2"
68
67
  },
@@ -1,25 +0,0 @@
1
- @keyframes h1lzfp {
2
- from {
3
- height: 0;
4
- }
5
- to {
6
- height: var(--radix-accordion-content-height);
7
- }
8
- }
9
- @keyframes cn0n0j {
10
- from {
11
- height: var(--radix-accordion-content-height);
12
- }
13
- to {
14
- height: 0;
15
- }
16
- }
17
- @layer optiaxiom.c2sxc3;
18
- @layer optiaxiom.c2sxc3 {
19
- ._1vqxmi0[data-state="closed"] {
20
- animation: cn0n0j 300ms ease-out;
21
- }
22
- ._1vqxmi0[data-state="open"] {
23
- animation: h1lzfp 300ms ease-out;
24
- }
25
- }
@@ -1,43 +0,0 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- .kcm467 {
4
- --yeb5vl: var(--ax-colors-red-100);
5
- --_1uzd5z6: var(--ax-colors-red-200);
6
- }
7
- .adka4 {
8
- --yeb5vl: var(--ax-colors-bg-neutral);
9
- --_1uzd5z6: var(--ax-colors-bg-neutral-solid);
10
- }
11
- .g1vr5r {
12
- --yeb5vl: var(--ax-colors-green-100);
13
- --_1uzd5z6: var(--ax-colors-green-200);
14
- }
15
- .op4riz {
16
- --yeb5vl: var(--ax-colors-yellow-100);
17
- --_1uzd5z6: var(--ax-colors-yellow-200);
18
- }
19
- ._46b19x {
20
- background-color: var(--yeb5vl);
21
- }
22
- ._2l1uuu {
23
- background-color: var(--_1uzd5z6);
24
- }
25
- .zqf0vs {
26
- --_867nlx: var(--ax-colors-bg-error-solid-hover);
27
- }
28
- .qh291f {
29
- --_867nlx: var(--ax-colors-fg-tertiary);
30
- }
31
- .burrip {
32
- --_867nlx: var(--ax-colors-bg-success-solid-hover);
33
- }
34
- ._1vj6814 {
35
- --_867nlx: var(--ax-colors-bg-warning-solid-hover);
36
- }
37
- ._9d8peh {
38
- color: var(--_867nlx);
39
- }
40
- ._1scnaqx {
41
- color: var(--ax-colors-bg-neutral-inverse);
42
- }
43
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- .gi3vvg {
4
- max-height: 50dvh;
5
- }
6
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- .gmoxvp {
4
- border-top: 1px solid var(--ax-colors-border-secondary);
5
- }
6
- }
@@ -1,24 +0,0 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- ._7asyr2 {
4
- user-select: none;
5
- }
6
- ._1ttp4ry ._7asyr2 {
7
- border: 1px solid var(--ax-colors-white);
8
- }
9
- ._1ttp4ry ._1xmydvk:not(:first-child) {
10
- margin-left: -3px;
11
- }
12
- ._1ttp4ry ._121r9hw:not(:first-child) {
13
- margin-left: -5px;
14
- }
15
- ._1ttp4ry ._13sqc42:not(:first-child) {
16
- margin-left: -7px;
17
- }
18
- ._1ttp4ry ._1gkpvhj:not(:first-child) {
19
- margin-left: -9px;
20
- }
21
- ._1ttp4ry ._7sa6yq:not(:first-child) {
22
- margin-left: -13px;
23
- }
24
- }
@@ -1,47 +0,0 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- ._1i18fbv {
4
- --jkkr21: var(--ax-colors-fg-default-inverse);
5
- padding: 4px 8px;
6
- }
7
- ._11dk1rq {
8
- --_4nsi27: var(--ax-colors-bg-error-solid);
9
- --_5w7slz: var(--ax-colors-bg-error);
10
- --n1umm2: var(--ax-colors-fg-error);
11
- }
12
- .vva9qu {
13
- --_4nsi27: var(--ax-colors-bg-information-solid);
14
- --_5w7slz: var(--ax-colors-bg-information);
15
- --n1umm2: var(--ax-colors-fg-information);
16
- }
17
- .oietlq {
18
- --_4nsi27: var(--ax-colors-bg-neutral-solid);
19
- --jkkr21: var(--ax-colors-fg-default);
20
- --_5w7slz: var(--ax-colors-bg-neutral);
21
- --n1umm2: var(--ax-colors-fg-secondary);
22
- }
23
- .q425xk {
24
- --_4nsi27: var(--ax-colors-bg-brand-solid);
25
- --_5w7slz: var(--ax-colors-bg-brand);
26
- --n1umm2: var(--ax-colors-fg-brand);
27
- }
28
- ._1jzu372 {
29
- --_4nsi27: var(--ax-colors-bg-success-solid);
30
- --_5w7slz: var(--ax-colors-bg-success);
31
- --n1umm2: var(--ax-colors-fg-success);
32
- }
33
- ._152tj1c {
34
- --_4nsi27: var(--ax-colors-bg-warning-solid);
35
- --jkkr21: var(--ax-colors-fg-default);
36
- --_5w7slz: var(--ax-colors-bg-warning);
37
- --n1umm2: var(--ax-colors-fg-warning);
38
- }
39
- ._1a8ns9v {
40
- background-color: var(--_5w7slz);
41
- color: var(--n1umm2);
42
- }
43
- .ccryi5 {
44
- background-color: var(--_4nsi27);
45
- color: var(--jkkr21);
46
- }
47
- }
@@ -1,141 +0,0 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- .zzi4w9 {
4
- border-radius: var(--ax-borderRadius-md);
5
- cursor: pointer;
6
- padding-inline: var(--_19qyivn);
7
- position: relative;
8
- text-decoration: none;
9
- user-select: none;
10
- }
11
- .zzi4w9:active:not([data-disabled], [data-loading]) {
12
- box-shadow: var(--ax-boxShadow-inner);
13
- }
14
- .zzi4w9:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
15
- outline: 2px solid var(--ax-colors-outline-brand);
16
- outline-offset: 1px;
17
- }
18
- .zzi4w9:is([data-disabled], [data-loading]) {
19
- cursor: not-allowed;
20
- }
21
- ._5f00tw[data-orientation="horizontal"] .zzi4w9:not(:first-child):not(:last-child) {
22
- border-inline-width: 0.5px;
23
- }
24
- ._5f00tw[data-orientation="horizontal"] .zzi4w9:not(:only-child):first-child {
25
- border-bottom-right-radius: 0;
26
- border-right-width: 0.5px;
27
- border-top-right-radius: 0;
28
- }
29
- ._5f00tw[data-orientation="horizontal"] .zzi4w9:not(:only-child):last-child {
30
- border-bottom-left-radius: 0;
31
- border-left-width: 0.5px;
32
- border-top-left-radius: 0;
33
- }
34
- ._5f00tw[data-orientation="vertical"] .zzi4w9:not(:first-child):not(:last-child) {
35
- border-block-width: 0.5px;
36
- }
37
- ._5f00tw[data-orientation="vertical"] .zzi4w9:not(:only-child):first-child {
38
- border-bottom-left-radius: 0;
39
- border-bottom-right-radius: 0;
40
- border-bottom-width: 0.5px;
41
- }
42
- ._5f00tw[data-orientation="vertical"] .zzi4w9:not(:only-child):last-child {
43
- border-top-left-radius: 0;
44
- border-top-right-radius: 0;
45
- border-top-width: 0.5px;
46
- }
47
- ._5f00tw[data-orientation] .zzi4w9:not(:first-child):not(:last-child) {
48
- border-radius: 0;
49
- }
50
- ._1pu4jmm {
51
- --amcj0y: var(--ax-colors-bg-error-solid);
52
- --kw95u: var(--ax-colors-bg-error-solid-hover);
53
- --hq81h3: var(--ax-colors-bg-error);
54
- }
55
- ._1loyzyl {
56
- --amcj0y: var(--ax-colors-bg-neutral-inverse);
57
- --kw95u: var(--ax-colors-bg-neutral-inverse-hover);
58
- --_1tptibs: var(--ax-colors-fg-default-inverse);
59
- --hq81h3: var(--ax-colors-bg-input-disabled);
60
- --_1589334: var(--ax-colors-fg-default);
61
- }
62
- .lvdwou {
63
- --amcj0y: var(--ax-colors-bg-brand-solid);
64
- --kw95u: var(--ax-colors-bg-brand-solid-hover);
65
- --hq81h3: var(--ax-colors-bg-brand);
66
- }
67
- .vtcwuk {
68
- min-width: fit-content;
69
- }
70
- ._1n4dzq6 {
71
- background-color: transparent;
72
- border: 1px solid var(--amcj0y);
73
- color: var(--_1589334, var(--amcj0y));
74
- padding-inline: calc(var(--_19qyivn) - 1px);
75
- }
76
- ._1n4dzq6:hover:not([data-disabled], [data-loading]) {
77
- background-color: var(--hq81h3);
78
- }
79
- ._1n4dzq6[data-disabled] {
80
- border-color: var(--ax-colors-border-disabled);
81
- color: var(--ax-colors-fg-disabled);
82
- }
83
- .gyr49w {
84
- background-color: var(--amcj0y);
85
- color: var(--_1tptibs, var(--ax-colors-fg-default-inverse));
86
- }
87
- .gyr49w:hover:not([data-disabled], [data-loading]) {
88
- background-color: var(--kw95u);
89
- }
90
- .gyr49w[data-disabled] {
91
- background-color: var(--ax-colors-bg-input-disabled);
92
- border: 1px solid var(--ax-colors-border-disabled);
93
- color: var(--ax-colors-fg-disabled);
94
- padding-inline: calc(var(--_19qyivn) - 1px);
95
- }
96
- ._116h17o {
97
- background-color: transparent;
98
- border-color: var(--amcj0y);
99
- color: var(--_1589334, var(--amcj0y));
100
- }
101
- ._116h17o:hover:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
102
- background-color: var(--hq81h3);
103
- }
104
- ._116h17o:is([data-state="active"], [data-state="on"]) {
105
- background-color: var(--ax-colors-bg-brand);
106
- color: var(--ax-colors-fg-link);
107
- }
108
- ._116h17o[data-disabled] {
109
- color: var(--ax-colors-fg-disabled);
110
- }
111
- ._1yp4idg {
112
- border-color: var(--ax-colors-border-default);
113
- }
114
- .zrxotp {
115
- --_19qyivn: 2px;
116
- }
117
- .hsrfgf {
118
- --_19qyivn: 4px;
119
- }
120
- .z6ytr3 {
121
- --_19qyivn: 6px;
122
- }
123
- ._1gm4bki {
124
- --_19qyivn: 8px;
125
- }
126
- .luiedj {
127
- --_19qyivn: 10px;
128
- }
129
- ._1bg6837 {
130
- --_19qyivn: 12px;
131
- }
132
- ._167sxsv {
133
- opacity: 1;
134
- }
135
- .q60imn[data-loading] ._167sxsv {
136
- opacity: 0;
137
- }
138
- ._10rbaud {
139
- position: absolute;
140
- }
141
- }
@@ -1,23 +0,0 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- ._14vtok7 {
4
- display: none;
5
- }
6
- ._1yj19u4[data-state="checked"] ._14vtok7 {
7
- display: block;
8
- }
9
- .tc6a4p {
10
- display: none;
11
- }
12
- ._1yj19u4[data-state="indeterminate"] .tc6a4p {
13
- display: block;
14
- }
15
- ._1457wpi {
16
- border-color: var(--_17e2kfn);
17
- border-width: 1px;
18
- }
19
- ._1457wpi:not([data-state="unchecked"]) {
20
- background-color: var(--_17e2kfn);
21
- border-width: 0;
22
- }
23
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- .bb9q3z {
4
- -webkit-font-smoothing: auto;
5
- font-size: 0.875em;
6
- }
7
- }
@@ -1,41 +0,0 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- ._19cwr29 {
4
- --_17e2kfn: var(--ax-colors-border-active);
5
- color: var(--ax-colors-fg-default);
6
- grid-template:
7
- "indicator label" auto
8
- ". description" auto / min-content auto;
9
- }
10
- ._19cwr29:has(._1mv6p9j:not([data-disabled]):not([data-state="unchecked"])):hover {
11
- --_17e2kfn: var(--ax-colors-bg-brand-solid-hover);
12
- }
13
- ._19cwr29:has(._1mv6p9j:not([data-disabled])[data-state="unchecked"]):hover {
14
- --_17e2kfn: var(--ax-colors-border-active-hover);
15
- }
16
- ._19cwr29:has(._1mv6p9j:not([data-state="unchecked"])) {
17
- --_17e2kfn: var(--ax-colors-bg-brand-solid);
18
- }
19
- ._19cwr29:has(._1mv6p9j[data-disabled]) {
20
- color: var(--ax-colors-fg-disabled);
21
- }
22
- ._6hn44l {
23
- grid-area: indicator;
24
- }
25
- ._6hn44l:focus-visible {
26
- outline: 2px solid var(--ax-colors-outline-brand);
27
- outline-offset: 1px;
28
- }
29
- ._6hn44l[data-disabled] {
30
- opacity: 0.3;
31
- }
32
- ._6hvgyx {
33
- grid-area: label;
34
- }
35
- ._1mv6p9j:not([data-disabled]) + ._6hvgyx {
36
- cursor: pointer;
37
- }
38
- .v4onp6 {
39
- grid-area: description;
40
- }
41
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- ._3e4jkl {
4
- max-height: 50dvh;
5
- }
6
- }
@@ -1,31 +0,0 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- ._16c5rva {
4
- position: relative;
5
- }
6
- ._108ai4u {
7
- --_3pms8b: 50%;
8
- position: absolute;
9
- right: 0;
10
- }
11
- .d1gwzr {
12
- --_3pms8b: 2px;
13
- }
14
- ._1od7yah {
15
- bottom: 0;
16
- transform: translate(var(--_3pms8b), var(--_3pms8b));
17
- }
18
- .ocsewm {
19
- top: 0;
20
- transform: translate(var(--_3pms8b), calc(-1 * var(--_3pms8b)));
21
- }
22
- ._50gwxj {
23
- position: relative;
24
- }
25
- ._50gwxj:empty {
26
- padding: 6px;
27
- }
28
- .us9n74 {
29
- position: absolute;
30
- }
31
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- ._12kaaqo {
4
- text-decoration: none;
5
- }
6
- ._18qt6hs {
7
- font-size: 1.2em;
8
- }
9
- }
@@ -1,4 +0,0 @@
1
- @layer optiaxiom;
2
- @layer optiaxiom.base;
3
- @layer optiaxiom.su6shq;
4
- @layer optiaxiom.c2sxc3;
@@ -1,33 +0,0 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- ._1bfpl58 {
4
- user-select: none;
5
- }
6
- ._1bfpl58:focus-visible {
7
- outline: 2px solid transparent;
8
- }
9
- ._1bfpl58:not([data-disabled]) {
10
- color: var(--_18djnoe);
11
- cursor: pointer;
12
- }
13
- ._1bfpl58:not([data-disabled])[data-highlighted] {
14
- background-color: var(--_5nwdwf);
15
- }
16
- ._1bfpl58:not([data-disabled])[data-highlighted]:active {
17
- background-color: var(--ax-colors-neutral-1200-12);
18
- }
19
- ._1bfpl58:not([data-highlighted])[data-state="open"] {
20
- background-color: var(--_5nwdwf);
21
- }
22
- ._1bfpl58[data-disabled] {
23
- color: var(--ax-colors-fg-disabled);
24
- }
25
- ._19oysa8 {
26
- --_18djnoe: var(--ax-colors-fg-error);
27
- --_5nwdwf: var(--ax-colors-bg-error);
28
- }
29
- .be3ih9 {
30
- --_18djnoe: var(--ax-colors-fg-default);
31
- --_5nwdwf: var(--ax-colors-bg-input-disabled);
32
- }
33
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.c2sxc3;
2
- @layer optiaxiom.c2sxc3 {
3
- ._108y60b {
4
- min-width: var(--ax-size-md);
5
- }
6
- }