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

package/dist/src/hover-card-content/HoverCardContent.js

@@ -6,8 +6,7 @@ import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
 import '../animate-presence/PresenceContext.js';
 import { Box } from '../box/Box.js';
 import { useHoverCardContext } from '../hover-card-context/HoverCardContext.js';
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import { theme } from '../styles/theme-css.js';
+import { theme } from '@optiaxiom/globals';
 import { Transition } from '../transition/Transition.js';
 import { content } from './HoverCardContent-css.js';
 

package/dist/src/indicator/Indicator-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/indicator/Indicator.css.ts.vanilla-B-DpJ47k.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/indicator/Indicator.css.ts.vanilla-CEMQKt4r.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_8f8gk7',variants:{ping:{false:{},true:[{animation:'ping',color:'transparent'},'_35nc9p']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'fwmnlo'],variants:{offset:{false:'vtdygl',true:{}},position:{'bottom-right':'_18557t1','top-right':'_79jc4j'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'m5rhok']});
+var badge = recipeRuntime({base:'_50gwxj',variants:{ping:{false:{},true:[{animation:'ping',color:'transparent'},'us9n74']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_108ai4u'],variants:{offset:{false:'d1gwzr',true:{}},position:{'bottom-right':'_1od7yah','top-right':'ocsewm'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_16c5rva']});
 
 export { badge, floating, indicator };

package/dist/src/input/Input-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var decorator = recipeRuntime({base:{flex:'none'},variants:{position:{end:{mr:'8'},start:{ml:'8'}},size:{sm:{},md:{},lg:{}}},variantsCompounded:[{style:{mr:'4'},variants:{position:'end',size:'sm'}},{style:{ml:'4'},variants:{position:'start',size:'sm'}}]});
+var addon = recipeRuntime({base:{flex:'none'},variants:{position:{end:{mr:'8'},start:{ml:'8'}},size:{sm:{},md:{},lg:{}}},variantsCompounded:[{style:{mr:'4'},variants:{position:'end',size:'sm'}},{style:{ml:'4'},variants:{position:'start',size:'sm'}}]});
 var input = recipeRuntime({variants:{appearance:{'default':{textAlign:'start'},number:{textAlign:'end'}}}});
 
-export { decorator, input };
+export { addon, input };

package/dist/src/input/Input.js

@@ -5,25 +5,25 @@ import { Box } from '../box/Box.js';
 import { InputBase } from '../input-base/InputBase.js';
 import '../utils/conditions.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
-import { decorator, input } from './Input-css.js';
+import { addon, input } from './Input-css.js';
 
 const Input = forwardRef(
   ({
+    addonAfter,
+    addonBefore,
     appearance = "default",
     asChild,
     children,
-    endDecorator,
     size = "md",
-    startDecorator,
     ...props
   }, ref) => {
     const Comp = asChild ? Slot : "input";
     return /* @__PURE__ */ jsx(
       InputBase,
       {
-        endDecorator: endDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ...decorator({ position: "end", size }), children: fallbackSpan(endDecorator) }),
+        addonAfter: addonAfter && /* @__PURE__ */ jsx(Box, { asChild: true, ...addon({ position: "end", size }), children: fallbackSpan(addonAfter) }),
+        addonBefore: addonBefore && /* @__PURE__ */ jsx(Box, { asChild: true, ...addon({ position: "start", size }), children: fallbackSpan(addonBefore) }),
         size,
-        startDecorator: startDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ...decorator({ position: "start", size }), children: fallbackSpan(startDecorator) }),
         ...props,
         children: /* @__PURE__ */ jsx(Box, { asChild: true, ...input({ appearance }), children: /* @__PURE__ */ jsx(Comp, { ref, children }) })
       }

package/dist/src/input-base/InputBase-css.js

@@ -1,9 +1,8 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
-import './../../assets/src/input-base/InputBase.css.ts.vanilla-DwUyjKmG.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/input-base/InputBase.css.ts.vanilla-JlIy9jXM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:['_97bshx',{bg:'transparent',flex:'auto',w:'full'},'_1xum0dn','_1s3o4mc'],variants:{size:{md:{px:'8',py:'4'},lg:{p:'8'}}}});
-var wrapper = recipeRuntime({base:[{border:'1',flexDirection:'row',gap:'0',rounded:'md'},'wc6p48']});
+var input = recipeRuntime({base:['_122rkfy',{bg:'transparent',flex:'auto',w:'full'},'_1nm6nek','_1wf9yg'],variants:{size:{md:{px:'8',py:'4'},lg:{p:'8'}}}});
+var wrapper = recipeRuntime({base:[{border:'1',flexDirection:'row',gap:'0',rounded:'md'},'p48qpr']});
 
 export { input, wrapper };

package/dist/src/input-base/InputBase.js

@@ -15,13 +15,13 @@ import { wrapper, input } from './InputBase-css.js';
 
 const InputBase = forwardRef(
   ({
+    addonAfter,
+    addonBefore,
+    addonPointerEvents = "auto",
     children,
     className,
-    decoratorPointerEvents = "auto",
-    endDecorator,
     error: errorProp,
     size = "md",
-    startDecorator,
     ...props
   }, outerRef) => {
     const disabled = props.disabled;
@@ -30,7 +30,7 @@ const InputBase = forwardRef(
     const { restProps, sprinkleProps } = extractSprinkles(props);
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
-    const decoratorProps = decoratorPointerEvents === "none" && {
+    const addonProps = addonPointerEvents === "none" && {
       cursor: "text",
       onMouseDown: (event) => {
         if (event.target !== event.currentTarget) {
@@ -50,7 +50,7 @@ const InputBase = forwardRef(
         ...wrapper({}, className),
         ...sprinkleProps,
         children: [
-          startDecorator && /* @__PURE__ */ jsx(Text, { asChild: true, ...decoratorProps, children: fallbackSpan(startDecorator) }),
+          addonBefore && /* @__PURE__ */ jsx(Text, { asChild: true, ...addonProps, children: fallbackSpan(addonBefore) }),
           /* @__PURE__ */ jsx(
             Box,
             {
@@ -64,7 +64,7 @@ const InputBase = forwardRef(
               children: /* @__PURE__ */ jsx(Slot, { id, ref, required, ...restProps, children })
             }
           ),
-          endDecorator && /* @__PURE__ */ jsx(Text, { asChild: true, ...decoratorProps, children: fallbackSpan(endDecorator) })
+          addonAfter && /* @__PURE__ */ jsx(Text, { asChild: true, ...addonProps, children: fallbackSpan(addonAfter) })
         ]
       }
     );

package/dist/src/kbd/Kbd-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/kbd/Kbd.css.ts.vanilla-BSscyy3r.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/kbd/Kbd.css.ts.vanilla-yOmbCTVp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var kbd = recipeRuntime({base:{alignItems:'center',display:'inline-flex',flexDirection:'row',whiteSpace:'nowrap'},variants:{variant:{outline:{border:'1',borderB:'2',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
-var keys = recipeRuntime({base:'_16jo80n',variants:{variant:{outline:'_1cswnzj',subtle:{}}}});
+var keys = recipeRuntime({base:'_12kaaqo',variants:{variant:{outline:'_18qt6hs',subtle:{}}}});
 
 export { kbd, keys };

package/dist/src/layers/layers-css.js

@@ -0,0 +1,8 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+
+var axiom = 'optiaxiom';
+var base = 'optiaxiom.base';
+var components = 'optiaxiom.c2sxc3';
+var reset = 'optiaxiom.su6shq';
+
+export { axiom, base, components, reset };

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

@@ -1,9 +1,8 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
-import './../../assets/src/link/Link.css.ts.vanilla-CRyQmfjf.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'},'ixkphc']});
-var link = recipeRuntime({base:['_13d23ll'],variants:{colorScheme:{neutral:'f650y',primary:'_1xvj5pu',secondary:'_18ckdsa'}}});
+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/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-BpYwBFQU.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'},'_8d6mc3']});
+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,8 +1,7 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
-import './../../assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-CmzozOCq.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'},'_12ely7n'],variants:{colorScheme:{danger:'mwb6zb',neutral:'t9pj3h'}}});
+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,8 +1,7 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
-import './../../assets/src/pagination/Pagination.css.ts.vanilla-B_hbIvh4.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:'bo0es5'});
+var button = recipeRuntime({base:'_108y60b'});
 
 export { button };

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

@@ -1,8 +1,7 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
-import './../../assets/src/pill/Pill.css.ts.vanilla-BNxp3xQ4.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'},'zcntyt'],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/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/popover-content/PopoverContent.css.ts.vanilla-DLR321__.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'},'_1waimlq']});
+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,8 +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 './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import { theme } from '../styles/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,10 +1,9 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
-import './../../assets/src/control-base/ControlBase.css.ts.vanilla-bFUlyJGU.css';
-import './../../assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-DGqbMFNK.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'},'_4ssw6c']});
-var item = recipeRuntime({base:[{border:'1',mt:'2',p:'2',rounded:'full',size:'16'},'e9ve87']});
+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/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/search-input/SearchInput.css.ts.vanilla-BBGI6FfM.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'},'j8vzfl']});
-var search = recipeRuntime({base:'qbz6ch'});
+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/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/separator/Separator.css.ts.vanilla-CHJnbp6x.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:'_167uyhn',md:'v12b32',lg:'_189kmoc',base:'_1739yyt'},defaultClass:'_1739yyt'},vertical:{conditions:{sm:'_1l2s67a',md:'_7dl8l1',lg:'xxp7br',base:'q4bx2x'},defaultClass:'q4bx2x'}},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/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/skeleton/Skeleton.css.ts.vanilla-BnrUwQck.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'},'_6efgqa']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.neutral',color:'surface',display:'block'},'h60nlz']});
 
 export { skeleton };