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

package/dist/src/link/Link-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/link/Link.css.ts.vanilla-B50afo8G.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/link/Link.css.ts.vanilla-Bf2IIs3j.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1dq28v9']});
-var link = recipeRuntime({base:['_14nwixl'],variants:{colorScheme:{neutral:'_68ai34',primary:'_106gr8h',secondary:'_124082'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'x0muyg']});
+var link = recipeRuntime({base:['b6sah0'],variants:{colorScheme:{neutral:'_1vgphd8',primary:'_1vlvv83',secondary:'_6l7ft8'}}});
 
 export { icon, link };

package/dist/src/menu-content-base/MenuContentBase-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-DVkYjEHI.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-DthVhVaj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{bg:'surface',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',gap:'2',maxW:'xs',overflow:'auto',p:'4',rounded:'lg',shadow:'md',z:'popover'},'jfq1be']});
+var content = recipeRuntime({base:[{bg:'surface',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',gap:'2',maxW:'xs',overflow:'auto',p:'4',rounded:'lg',shadow:'md',z:'popover'},'_1wdkogj']});
 
 export { content };

package/dist/src/menu-item-base/MenuItemBase-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BofvfwxR.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-TYpr7a-c.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'gn5125'],variants:{colorScheme:{danger:'_11mn4g9',neutral:'_1qc1c87'}}});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_1bfpl58'],variants:{colorScheme:{danger:'_19oysa8',neutral:'be3ih9'}}});
 
 export { item };

package/dist/src/menu-item-base/MenuItemBase.js

@@ -11,12 +11,12 @@ import { item } from './MenuItemBase-css.js';
 
 const MenuItemBase = forwardRef(
   ({
+    addonAfter,
+    addonBefore,
     children,
     className,
     colorScheme = "neutral",
     description,
-    endDecorator,
-    startDecorator,
     ...props
   }, ref) => {
     const labelId = useId();
@@ -40,9 +40,9 @@ const MenuItemBase = forwardRef(
         ...item({ colorScheme }, className),
         ...props,
         children: /* @__PURE__ */ jsxs(Slot, { children: [
-          startDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, h: "16", w: "auto", children: fallbackSpan(startDecorator) }),
+          addonBefore && /* @__PURE__ */ jsx(Box, { asChild: true, h: "16", w: "auto", children: fallbackSpan(addonBefore) }),
           /* @__PURE__ */ jsx(Slottable, { children }),
-          endDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ml: "xs", children: fallbackSpan(endDecorator) })
+          addonAfter && /* @__PURE__ */ jsx(Box, { asChild: true, ml: "xs", children: fallbackSpan(addonAfter) })
         ] })
       }
     );

package/dist/src/pagination/Pagination-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/pagination/Pagination.css.ts.vanilla-CZDsjjh5.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/pagination/Pagination.css.ts.vanilla-CyYG5Rqz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'_185l5xz'});
+var button = recipeRuntime({base:'_108y60b'});
 
 export { button };

package/dist/src/pill/Pill-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/pill/Pill.css.ts.vanilla-C2eOQi2i.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/pill/Pill.css.ts.vanilla-CzA0GbOu.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{bg:'neutral.100',border:'0',fontSize:'sm',rounded:'md'},'_11652st'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{bg:'neutral.100',border:'0',fontSize:'sm',rounded:'md'},'_1vkx2q7'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
 
 export { pill };

package/dist/src/pill/Pill.js

@@ -7,12 +7,12 @@ import { pill } from './Pill-css.js';
 
 const Pill = forwardRef(
   ({
+    addonAfter,
+    addonBefore,
     children,
     className,
-    endDecorator,
     onRemove,
     size = "md",
-    startDecorator,
     ...props
   }, ref) => {
     const handleKeyDown = (e) => {
@@ -23,10 +23,10 @@ const Pill = forwardRef(
     return /* @__PURE__ */ jsx(Tooltip, { auto: true, content: children, children: /* @__PURE__ */ jsx(
       Button,
       {
-        endDecorator,
+        addonAfter,
+        addonBefore,
         onKeyDown: handleKeyDown,
         ref,
-        startDecorator,
         ...pill({ size }, className),
         ...props,
         children: /* @__PURE__ */ jsx(Text, { display: "block", fontSize: "inherit", truncate: true, children })

package/dist/src/popover-content/PopoverContent-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/popover-content/PopoverContent.css.ts.vanilla-B1oQBmKn.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/popover-content/PopoverContent.css.ts.vanilla-CKx6WAG_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{bg:'surface',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',gap:'2',p:'sm',rounded:'lg',shadow:'md',z:'popover'},'_4v2e8o']});
+var content = recipeRuntime({base:[{bg:'surface',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',gap:'2',p:'sm',rounded:'lg',shadow:'md',z:'popover'},'_11bpzni']});
 
 export { content };

package/dist/src/popover-content/PopoverContent.js

@@ -5,7 +5,7 @@ import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
 import '../animate-presence/PresenceContext.js';
 import { Box } from '../box/Box.js';
 import { usePopoverContext } from '../popover-context/PopoverContext.js';
-import { theme } from '../theme/theme-css.js';
+import { theme } from '@optiaxiom/globals';
 import { Transition } from '../transition/Transition.js';
 import { content } from './PopoverContent-css.js';
 

package/dist/src/radio-group-item/RadioGroupItem-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/control-base/ControlBase.css.ts.vanilla-C8TB4dNA.css';
-import './../../assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-B7bA3BdJ.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/control-base/ControlBase.css.ts.vanilla-DNWFGycD.css';
+import './../../assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-9txO00eX.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var indicator = recipeRuntime({base:[{display:'block',rounded:'inherit',size:'full'},'_1ep9afu']});
-var item = recipeRuntime({base:[{border:'1',mt:'2',p:'2',rounded:'full',size:'16'},'lzcrb4']});
+var indicator = recipeRuntime({base:[{display:'block',rounded:'inherit',size:'full'},'_1wto92y']});
+var item = recipeRuntime({base:[{border:'1',mt:'2',p:'2',rounded:'full',size:'16'},'_1snbzho']});
 
 export { indicator, item };

package/dist/src/search-input/SearchInput-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/search-input/SearchInput.css.ts.vanilla-C9G4HY4I.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/search-input/SearchInput.css.ts.vanilla-DCMuvBgL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{rounded:'full',size:'sm'},'x0dq4o']});
-var search = recipeRuntime({base:'q906vn'});
+var clear = recipeRuntime({base:[{rounded:'full',size:'sm'},'w513rb']});
+var search = recipeRuntime({base:'xwxe73'});
 
 export { clear, search };

package/dist/src/search-input/SearchInput.js

@@ -16,8 +16,7 @@ const SearchInput = forwardRef(
     return /* @__PURE__ */ jsx(
       Input,
       {
-        autoComplete: "off",
-        endDecorator: value && /* @__PURE__ */ jsx(
+        addonAfter: value && /* @__PURE__ */ jsx(
           Button,
           {
             appearance: "secondary",
@@ -32,12 +31,13 @@ const SearchInput = forwardRef(
             ...clear()
           }
         ),
+        addonBefore: /* @__PURE__ */ jsx(IconMagnifyingGlass, {}),
+        autoComplete: "off",
         onChange: (event) => {
           onChange?.(event);
           setValue(event.target.value);
         },
         ref,
-        startDecorator: /* @__PURE__ */ jsx(IconMagnifyingGlass, {}),
         type: "search",
         value,
         ...search({}, className),

package/dist/src/separator/Separator-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/separator/Separator.css.ts.vanilla-BNAE0XuM.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/separator/Separator.css.ts.vanilla-_Evw8coN.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 import { createSprinkles } from '@vanilla-extract/sprinkles/createRuntimeSprinkles';
 
 var base = recipeRuntime({base:{bg:'border.default'}});
-var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','lg','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_1eyk44i',md:'_16xttsu',lg:'_10pb1u3',base:'me58gw'},defaultClass:'me58gw'},vertical:{conditions:{sm:'n2llr6',md:'_1nrp5ys',lg:'_155sf3m',base:'xt3zmu'},defaultClass:'xt3zmu'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
+var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','lg','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'af10pu',md:'_177rn02',lg:'_1x5w30t',base:'_1o9elj7'},defaultClass:'_1o9elj7'},vertical:{conditions:{sm:'_6ca0dp',md:'wjgwvt',lg:'_1aki3dc',base:'_37s4al'},defaultClass:'_37s4al'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

package/dist/src/skeleton/Skeleton-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/skeleton/Skeleton.css.ts.vanilla-alpjtld8.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/skeleton/Skeleton.css.ts.vanilla-Cd--tSTW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.neutral',color:'surface',display:'block'},'_1lvma38']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.neutral',color:'surface',display:'block'},'h60nlz']});
 
 export { skeleton };