@optiaxiom/react 1.9.11 → 1.9.13

package/dist/esm/packages/react/src/proteus-document/ProteusElement.js

@@ -5,6 +5,8 @@ import { ProteusAction } from './ProteusAction.js';
 import { ProteusBadge } from './ProteusBadge.js';
 import { ProteusCancelAction } from './ProteusCancelAction.js';
 import { ProteusDataTable } from './ProteusDataTable.js';
+import { useProteusDocumentContext } from './ProteusDocumentContext.js';
+import { useProteusDocumentPathContext } from './ProteusDocumentPathContext.js';
 import { ProteusField } from './ProteusField.js';
 import { ProteusGroup } from './ProteusGroup.js';
 import { ProteusHeading } from './ProteusHeading.js';
@@ -22,6 +24,7 @@ import { ProteusText } from './ProteusText.js';
 import { ProteusTextarea } from './ProteusTextarea.js';
 import { ProteusTime } from './ProteusTime.js';
 import { ProteusValue } from './ProteusValue.js';
+import { resolveProteusValue } from './resolveProteusValue.js';
 import { safeParseElement } from './schemas.js';
 
 const ProteusChart = lazy(async () => {
@@ -32,6 +35,10 @@ const ProteusChart = lazy(async () => {
 const ProteusElement = ({
   element: elementProp
 }) => {
+  const { data } = useProteusDocumentContext("@optiaxiom/react/ProteusElement");
+  const { path: parentPath } = useProteusDocumentPathContext(
+    "@optiaxiom/react/ProteusElement"
+  );
   if (!elementProp) {
     return null;
   } else if (typeof elementProp === "string" || typeof elementProp === "number") {
@@ -44,74 +51,82 @@ const ProteusElement = ({
     return null;
   }
   const element = result.data;
+  const resolve = (obj) => {
+    const { $type: _$type, ...rest } = obj;
+    const resolved = {};
+    for (const [key, value] of Object.entries(rest)) {
+      resolved[key] = resolveProteusValue(value, data, parentPath);
+    }
+    return resolved;
+  };
   switch (element.$type) {
     case "Action":
-      return /* @__PURE__ */ jsx(ProteusAction, { ...omitType(element) });
+      return /* @__PURE__ */ jsx(ProteusAction, { ...resolve(element) });
     case "Badge":
-      return /* @__PURE__ */ jsx(ProteusBadge, { ...omitType(element) });
+      return /* @__PURE__ */ jsx(ProteusBadge, { ...resolve(element) });
     case "CancelAction":
-      return /* @__PURE__ */ jsx(ProteusCancelAction, { ...omitType(element) });
+      return /* @__PURE__ */ jsx(ProteusCancelAction, { ...resolve(element) });
     case "Chart":
       return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
         ProteusChart,
         {
-          ...omitType(element)
+          ...resolve(element)
         }
       ) });
     case "DataTable":
       return /* @__PURE__ */ jsx(
         ProteusDataTable,
         {
-          ...omitType(element)
+          ...resolve(element)
         }
       );
     case "Field":
-      return /* @__PURE__ */ jsx(ProteusField, { ...omitType(element) });
+      return /* @__PURE__ */ jsx(ProteusField, { ...resolve(element) });
     case "Group":
-      return /* @__PURE__ */ jsx(ProteusGroup, { ...omitType(element) });
+      return /* @__PURE__ */ jsx(ProteusGroup, { ...resolve(element) });
     case "Heading":
-      return /* @__PURE__ */ jsx(ProteusHeading, { ...omitType(element) });
+      return /* @__PURE__ */ jsx(ProteusHeading, { ...resolve(element) });
     case "Image":
-      return /* @__PURE__ */ jsx(ProteusImage, { ...omitType(element) });
+      return /* @__PURE__ */ jsx(ProteusImage, { ...resolve(element) });
     case "Input":
-      return /* @__PURE__ */ jsx(ProteusInput, { ...omitType(element) });
+      return /* @__PURE__ */ jsx(ProteusInput, { ...resolve(element) });
     case "Link":
-      return /* @__PURE__ */ jsx(ProteusLink, { ...omitType(element) });
+      return /* @__PURE__ */ jsx(ProteusLink, { ...resolve(element) });
     case "Map":
       return /* @__PURE__ */ jsx(
         ProteusMap,
         {
-          ...omitType(element)
+          ...resolve(element)
         }
       );
     case "Range":
-      return /* @__PURE__ */ jsx(ProteusRange, { ...omitType(element) });
+      return /* @__PURE__ */ jsx(ProteusRange, { ...resolve(element) });
     case "Select":
-      return /* @__PURE__ */ jsx(ProteusSelect, { ...omitType(element) });
+      return /* @__PURE__ */ jsx(ProteusSelect, { ...resolve(element) });
     case "SelectContent":
-      return /* @__PURE__ */ jsx(ProteusSelectContent, { ...omitType(element) });
+      return /* @__PURE__ */ jsx(ProteusSelectContent, { ...resolve(element) });
     case "SelectTrigger":
-      return /* @__PURE__ */ jsx(ProteusSelectTrigger, { ...omitType(element) });
+      return /* @__PURE__ */ jsx(ProteusSelectTrigger, { ...resolve(element) });
     case "Separator":
-      return /* @__PURE__ */ jsx(ProteusSeparator, { ...omitType(element) });
+      return /* @__PURE__ */ jsx(ProteusSeparator, { ...resolve(element) });
     case "Show":
       return /* @__PURE__ */ jsx(
         ProteusShow,
         {
-          ...omitType(element)
+          ...resolve(element)
         }
       );
     case "Text":
-      return /* @__PURE__ */ jsx(ProteusText, { ...omitType(element) });
+      return /* @__PURE__ */ jsx(ProteusText, { ...resolve(element) });
     case "Textarea":
-      return /* @__PURE__ */ jsx(ProteusTextarea, { ...omitType(element) });
+      return /* @__PURE__ */ jsx(ProteusTextarea, { ...resolve(element) });
     case "Time":
-      return /* @__PURE__ */ jsx(ProteusTime, { ...omitType(element) });
+      return /* @__PURE__ */ jsx(ProteusTime, { ...resolve(element) });
     case "Value":
       return /* @__PURE__ */ jsx(
         ProteusValue,
         {
-          ...omitType(element)
+          ...resolve(element)
         }
       );
     default:
@@ -119,9 +134,5 @@ const ProteusElement = ({
   }
 };
 ProteusElement.displayName = "@optiaxiom/react/ProteusElement";
-const omitType = (obj) => {
-  const { $type: _$type, ...rest } = obj;
-  return rest;
-};
 
 export { ProteusElement };

package/dist/esm/packages/react/src/proteus-document/ProteusField.js

@@ -3,10 +3,9 @@ import { jsx } from 'react/jsx-runtime';
 import { Field } from '../field/Field.js';
 import '../field/FieldLabel.js';
 import { ProteusElement } from './ProteusElement.js';
-import { useResolvedProteusProps } from './useResolvedProteusProps.js';
 
 function ProteusField({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Field, { ...useResolvedProteusProps(props), children: children && /* @__PURE__ */ jsx(ProteusElement, { element: children }) });
+  return /* @__PURE__ */ jsx(Field, { ...props, children: children && /* @__PURE__ */ jsx(ProteusElement, { element: children }) });
 }
 ProteusField.displayName = "@optiaxiom/react/ProteusField";
 

package/dist/esm/packages/react/src/proteus-document/ProteusGroup.js

@@ -2,10 +2,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { Group } from '../group/Group.js';
 import { ProteusElement } from './ProteusElement.js';
-import { useResolvedProteusProps } from './useResolvedProteusProps.js';
 
 function ProteusGroup({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Group, { ...useResolvedProteusProps(props), children: children && /* @__PURE__ */ jsx(ProteusElement, { element: children }) });
+  return /* @__PURE__ */ jsx(Group, { ...props, children: children && /* @__PURE__ */ jsx(ProteusElement, { element: children }) });
 }
 ProteusGroup.displayName = "@optiaxiom/react/ProteusGroup";
 

package/dist/esm/packages/react/src/proteus-document/ProteusHeading.js

@@ -2,10 +2,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { Heading } from '../heading/Heading.js';
 import { ProteusElement } from './ProteusElement.js';
-import { useResolvedProteusProps } from './useResolvedProteusProps.js';
 
 function ProteusHeading({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Heading, { ...useResolvedProteusProps(props), children: children && /* @__PURE__ */ jsx(ProteusElement, { element: children }) });
+  return /* @__PURE__ */ jsx(Heading, { ...props, children: children && /* @__PURE__ */ jsx(ProteusElement, { element: children }) });
 }
 ProteusHeading.displayName = "@optiaxiom/react/ProteusHeading";
 

package/dist/esm/packages/react/src/proteus-document/ProteusImage-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Boo8Am80.css';
-import './../../../../assets/src/proteus-document/ProteusImage.css.ts.vanilla-Ckr9JAKL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
+import './../../../../assets/src/proteus-document/ProteusImage.css.ts.vanilla-D9HDtQf5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{justifyContent:'center'},'_1wsw34']});
-var root = recipeRuntime({base:[{},'q8119f','_13bkpk3']});
+var actions = recipeRuntime({base:[{justifyContent:'center'},'_17octq1']});
+var root = recipeRuntime({base:[{},'_1s0jgie','q3ch45']});
 
 export { actions, root };

package/dist/esm/packages/react/src/proteus-document/ProteusImage.js

@@ -24,11 +24,8 @@ import { IconDownload } from '../icons/IconDownload.js';
 import { Spinner } from '../spinner/Spinner.js';
 import { downloadFile } from './downloadFile.js';
 import { root, actions } from './ProteusImage-css.js';
-import { useResolvedProteusValue } from './useResolvedProteusValue.js';
 
 function ProteusImage(props) {
-  const resolvedSrc = useResolvedProteusValue(props.src);
-  const resolvedAlt = useResolvedProteusValue(props.alt);
   const [isCopied, setIsCopied] = useState(false);
   const [isDownloading, setIsDownloading] = useState(false);
   const [isLoaded, setIsLoaded] = useState(false);
@@ -58,10 +55,10 @@ function ProteusImage(props) {
         children: /* @__PURE__ */ jsx(
           "img",
           {
-            alt: String(resolvedAlt),
+            alt: props.alt,
             onLoad: () => setIsLoaded(true),
             ref: imgRef,
-            src: String(resolvedSrc)
+            src: props.src
           }
         )
       }
@@ -94,7 +91,7 @@ function ProteusImage(props) {
                 new ClipboardItem({ "image/png": blob })
               ]);
             } else {
-              await navigator.clipboard.writeText(String(resolvedSrc));
+              await navigator.clipboard.writeText(String(props.src));
             }
             clearTimeout(timerRef.current);
             timerRef.current = window.setTimeout(() => {
@@ -115,8 +112,8 @@ function ProteusImage(props) {
           }
         ),
         /* @__PURE__ */ jsxs(DialogContent, { size: "lg", children: [
-          /* @__PURE__ */ jsx(DialogHeader, { children: String(resolvedAlt) }),
-          /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(Box, { asChild: true, display: "block", objectFit: "cover", ...props, children: /* @__PURE__ */ jsx("img", { alt: String(resolvedAlt), src: String(resolvedSrc) }) }) }),
+          /* @__PURE__ */ jsx(DialogHeader, { children: props.alt }),
+          /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(Box, { asChild: true, display: "block", objectFit: "cover", ...props, children: /* @__PURE__ */ jsx("img", { alt: props.alt, src: props.src }) }) }),
           /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(DialogClose, { children: "Close" }) })
         ] })
       ] }),
@@ -135,13 +132,13 @@ function ProteusImage(props) {
             }
             setIsDownloading(true);
             try {
-              await downloadFile(String(resolvedSrc));
+              await downloadFile(String(props.src));
             } finally {
               setIsDownloading(false);
             }
           },
           size: "sm",
-          children: /* @__PURE__ */ jsx("a", { download: true, href: String(resolvedSrc) })
+          children: /* @__PURE__ */ jsx("a", { download: true, href: props.src })
         }
       )
     ] }) })

package/dist/esm/packages/react/src/proteus-document/ProteusInput.js

@@ -7,7 +7,6 @@ import '../input/InputRoot.js';
 import { useProteusDocumentContext } from './ProteusDocumentContext.js';
 import { useProteusDocumentPathContext } from './ProteusDocumentPathContext.js';
 import { useProteusValue } from './useProteusValue.js';
-import { useResolvedProteusProps } from './useResolvedProteusProps.js';
 
 function ProteusInput(props) {
   const { onDataChange, readOnly } = useProteusDocumentContext(
@@ -20,7 +19,7 @@ function ProteusInput(props) {
   return /* @__PURE__ */ jsx(
     Input,
     {
-      ...useResolvedProteusProps(props),
+      ...props,
       onValueChange: (value2) => {
         if (props.name) {
           onDataChange?.(`${parentPath}/${props.name}`, value2);

package/dist/esm/packages/react/src/proteus-document/ProteusLink.js

@@ -2,10 +2,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { Link } from '../link/Link.js';
 import { ProteusElement } from './ProteusElement.js';
-import { useResolvedProteusProps } from './useResolvedProteusProps.js';
 
 function ProteusLink({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Link, { ...useResolvedProteusProps(props), children: children && /* @__PURE__ */ jsx(ProteusElement, { element: children }) });
+  return /* @__PURE__ */ jsx(Link, { ...props, children: children && /* @__PURE__ */ jsx(ProteusElement, { element: children }) });
 }
 ProteusLink.displayName = "@optiaxiom/react/ProteusLink";
 

package/dist/esm/packages/react/src/proteus-document/ProteusRange.js

@@ -1,10 +1,9 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { Range } from '../range/Range.js';
-import { useResolvedProteusProps } from './useResolvedProteusProps.js';
 
 function ProteusRange(props) {
-  return /* @__PURE__ */ jsx(Range, { ...useResolvedProteusProps(props) });
+  return /* @__PURE__ */ jsx(Range, { ...props });
 }
 ProteusRange.displayName = "@optiaxiom/react/ProteusRange";
 

package/dist/esm/packages/react/src/proteus-document/ProteusSelect.js

@@ -8,7 +8,6 @@ import { useProteusDocumentContext } from './ProteusDocumentContext.js';
 import { useProteusDocumentPathContext } from './ProteusDocumentPathContext.js';
 import { ProteusElement } from './ProteusElement.js';
 import { useProteusValue } from './useProteusValue.js';
-import { useResolvedProteusProps } from './useResolvedProteusProps.js';
 
 function ProteusSelect({
   children,
@@ -28,7 +27,7 @@ function ProteusSelect({
   return /* @__PURE__ */ jsx(
     Select,
     {
-      ...useResolvedProteusProps(props),
+      ...props,
       onValueChange: (value2) => {
         if (readOnly) {
           return;

package/dist/esm/packages/react/src/proteus-document/ProteusSelectContent.js

@@ -3,10 +3,9 @@ import { jsx } from 'react/jsx-runtime';
 import '../select/Select.js';
 import { SelectContent } from '../select/SelectContent.js';
 import '../select/SelectTrigger.js';
-import { useResolvedProteusProps } from './useResolvedProteusProps.js';
 
 function ProteusSelectContent(props) {
-  return /* @__PURE__ */ jsx(SelectContent, { ...useResolvedProteusProps(props) });
+  return /* @__PURE__ */ jsx(SelectContent, { ...props });
 }
 ProteusSelectContent.displayName = "@optiaxiom/react/ProteusSelectContent";
 

package/dist/esm/packages/react/src/proteus-document/ProteusSelectTrigger.js

@@ -4,14 +4,13 @@ import '../select/Select.js';
 import '../select/SelectContent.js';
 import { SelectTrigger } from '../select/SelectTrigger.js';
 import { ProteusElement } from './ProteusElement.js';
-import { useResolvedProteusProps } from './useResolvedProteusProps.js';
 
 function ProteusSelectTrigger({
   children,
   ...props
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
 }) {
-  return /* @__PURE__ */ jsx(SelectTrigger, { ...useResolvedProteusProps(props), children: children && /* @__PURE__ */ jsx(ProteusElement, { element: children }) });
+  return /* @__PURE__ */ jsx(SelectTrigger, { ...props, children: children && /* @__PURE__ */ jsx(ProteusElement, { element: children }) });
 }
 ProteusSelectTrigger.displayName = "@optiaxiom/react/ProteusSelectTrigger";
 

package/dist/esm/packages/react/src/proteus-document/ProteusSeparator.js

@@ -1,10 +1,9 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { Separator } from '../separator/Separator.js';
-import { useResolvedProteusProps } from './useResolvedProteusProps.js';
 
 function ProteusSeparator(props) {
-  return /* @__PURE__ */ jsx(Separator, { ...useResolvedProteusProps(props) });
+  return /* @__PURE__ */ jsx(Separator, { ...props });
 }
 ProteusSeparator.displayName = "@optiaxiom/react/ProteusSeparator";
 

package/dist/esm/packages/react/src/proteus-document/ProteusText.js

@@ -2,10 +2,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { Text } from '../text/Text.js';
 import { ProteusElement } from './ProteusElement.js';
-import { useResolvedProteusProps } from './useResolvedProteusProps.js';
 
 function ProteusText({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Text, { ...useResolvedProteusProps(props), children: children && /* @__PURE__ */ jsx(ProteusElement, { element: children }) });
+  return /* @__PURE__ */ jsx(Text, { ...props, children: children && /* @__PURE__ */ jsx(ProteusElement, { element: children }) });
 }
 ProteusText.displayName = "@optiaxiom/react/ProteusText";
 

package/dist/esm/packages/react/src/proteus-document/ProteusTextarea.js

@@ -4,7 +4,6 @@ import { Textarea } from '../textarea/Textarea.js';
 import { useProteusDocumentContext } from './ProteusDocumentContext.js';
 import { useProteusDocumentPathContext } from './ProteusDocumentPathContext.js';
 import { useProteusValue } from './useProteusValue.js';
-import { useResolvedProteusProps } from './useResolvedProteusProps.js';
 
 function ProteusTextarea(props) {
   const { onDataChange, readOnly } = useProteusDocumentContext(
@@ -17,7 +16,7 @@ function ProteusTextarea(props) {
   return /* @__PURE__ */ jsx(
     Textarea,
     {
-      ...useResolvedProteusProps(props),
+      ...props,
       onValueChange: (value2) => {
         if (props.name) {
           onDataChange?.(`${parentPath}/${props.name}`, value2);

package/dist/esm/packages/react/src/proteus-document/proteus-document-spec.json.js

@@ -2730,8 +2730,15 @@ var definitions = {
 						type: "string"
 					},
 					url: {
-						description: "URL to download",
-						type: "string"
+						anyOf: [
+							{
+								$ref: "#/definitions/ProteusValue"
+							},
+							{
+								type: "string"
+							}
+						],
+						description: "URL to download"
 					}
 				},
 				required: [

package/dist/esm/packages/react/src/radio/Radio-css.js

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Boo8Am80.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-C9uSoYBV.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CWRikTZ5.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-B4IkbNEr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BTcdNUMi.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BATjaGfv.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-CuRCFYmN.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'pl2ej4'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1jtvyam']});
-var input = recipeRuntime({base:'_7ts4uf'});
-var radio = recipeRuntime({base:'_1ihzqqb'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'urx2an'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'ouvbab']});
+var input = recipeRuntime({base:'_19ho2kt'});
+var radio = recipeRuntime({base:'_185z1tt'});
 
 export { control, indicator, input, radio };

package/dist/esm/packages/react/src/range/Range-css.js

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Boo8Am80.css';
-import './../../../../assets/src/range/Range.css.ts.vanilla-BLcExXpP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
+import './../../../../assets/src/range/Range.css.ts.vanilla-B4VGL2xP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'transparent'},'fz6n2w']});
-var fillValue = 'var(--_12z6wm4)';
-var mark = recipeRuntime({base:[{transition:'colors'},'_10o1p46'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
-var markValue = 'var(--_1pqqvjg)';
-var range = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_7xxccd']});
-var root = recipeRuntime({base:['ecl29h',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'_5u99fv'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
-var thumb = recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'x54swu']});
-var track = recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_1lruaih']});
+var control = recipeRuntime({base:[{bg:'transparent'},'wbo4v7']});
+var fillValue = 'var(--f495i4)';
+var mark = recipeRuntime({base:[{transition:'colors'},'t4nnwz'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--_15a0086)';
+var range = recipeRuntime({base:[{h:'full',rounded:'inherit'},'hyxemc']});
+var root = recipeRuntime({base:['d7a9gf',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'_1f5lk77'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
+var thumb = recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'_1hnmy51']});
+var track = recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_1svn2jl']});
 
 export { control, fillValue, mark, markValue, range, root, thumb, track };

package/dist/esm/packages/react/src/resizable/ResizableHandle-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Boo8Am80.css';
-import './../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-Dmz7wSbx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
+import './../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-LG9OjCd4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var handle = recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_1cxmrmh']});
-var root = recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_6ry91u']});
+var handle = recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_1wu0grj']});
+var root = recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_1xp2wvz']});
 
 export { handle, root };

package/dist/esm/packages/react/src/search-input/SearchInput-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Boo8Am80.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-C8IuiQIP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-4Ds3CfZq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_1smx4v9']});
-var input = recipeRuntime({base:'_1uzs0df'});
-var search = recipeRuntime({base:'_1wp1n4n'});
+var clear = recipeRuntime({base:[{size:'sm'},'_105pfc6']});
+var input = recipeRuntime({base:'_162zqxn'});
+var search = recipeRuntime({base:'_1q0dgof'});
 
 export { clear, input, search };

package/dist/esm/packages/react/src/separator/Separator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Boo8Am80.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-DGJR96dB.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-BX8Yow4C.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 import { createAtomsFn as createSprinkles } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_ff29e2a63cc347b263901e6ac2d561ef/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js';
 
 var base = recipeRuntime({base:{borderColor:'border.secondary'}});
-var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_16cpyh4',md:'h9bb5f',base:'yl6gmw'},defaultClass:'yl6gmw'},vertical:{conditions:{sm:'h7uni5',md:'_1borpdh',base:'mnudyt'},defaultClass:'mnudyt'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
+var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_9o299e',md:'_1e0a6g7',base:'yhqsi7'},defaultClass:'yhqsi7'},vertical:{conditions:{sm:'mcunpj',md:'_175rvy9',base:'yjmwef'},defaultClass:'yjmwef'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

package/dist/esm/packages/react/src/skeleton/Skeleton-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Boo8Am80.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-PuPP9dfI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-DVhY0SQV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_1qg69k6']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'avtzrd']});
 
 export { skeleton };

package/dist/esm/packages/react/src/sortable/SortableHandle-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Boo8Am80.css';
-import './../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-CMmwnI0B.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
+import './../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-CdzyqWOJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var handle = recipeRuntime({base:'fdjyi9'});
+var handle = recipeRuntime({base:'bm8cmt'});
 
 export { handle };

package/dist/esm/packages/react/src/sortable/SortableItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Boo8Am80.css';
-import './../../../../assets/src/sortable/SortableItem.css.ts.vanilla-Cc8uxy7_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
+import './../../../../assets/src/sortable/SortableItem.css.ts.vanilla-7he_RTNM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'_1fcowg2',variants:{handle:{false:{},true:'_1wkrdk0'}}});
+var item = recipeRuntime({base:'_186zjfr',variants:{handle:{false:{},true:'_6nhim1'}}});
 
 export { item };

package/dist/esm/packages/react/src/spinner/Spinner-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Boo8Am80.css';
-import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-DNDOfrL3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
+import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-a52fzPeR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var track = recipeRuntime({variants:{appearance:{'default':'_1wn3njd',inverse:'xvraji'}}});
+var track = recipeRuntime({variants:{appearance:{'default':'_1u0oqmw',inverse:'j68tkp'}}});
 
 export { track };