@optiaxiom/react 1.9.8 → 1.9.9

package/dist/cjs/{unstable-C7fKt8Wg.js → unstable-DARMCQjg.js}

@@ -1,42 +1,43 @@
 "use client";
 'use strict';
 
-var Textarea = require('./Textarea-DKvs5I60.js');
+var Textarea = require('./Textarea-CizD1De6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var clsx = require('clsx');
 var reactSlot = require('@radix-ui/react-slot');
 var React = require('react');
-require('./assets/src/layers/layers.css.ts.vanilla-CFqP6TLC.css');
-require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-BBzelU3a.css');
+require('./assets/src/layers/layers.css.ts.vanilla-D7MnXLBq.css');
+require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-B9ypRCXO.css');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-Dokq1PCF.css');
-require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-89wKZ608.css');
+require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-BH9edAf9.css');
+require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-BXyLkD8H.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('./assets/src/file-upload/FileUpload.css.ts.vanilla-BfmTHxkw.css');
-require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-u1pAm9zW.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-T4vUgzag.css');
+require('./assets/src/file-upload/FileUpload.css.ts.vanilla-DBJqapeU.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-BBe5NnfN.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-DhXzh0fx.css');
 var RadixHoverCard = require('@radix-ui/react-hover-card');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
-require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-C-mpXFbD.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-BkZ9c4uZ.css');
+require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-fhr9rHrO.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-DlAIV6LD.css');
 var ResizablePrimitive = require('react-resizable-panels');
-require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-CeZLXhTl.css');
-require('./assets/src/layout/Layout.css.ts.vanilla-C1zryXpS.css');
-require('./assets/src/layout/LayoutContent.css.ts.vanilla-CzUv-ZeV.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-CnQEEvEn.css');
+require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-_kBlrmHQ.css');
+require('./assets/src/layout/Layout.css.ts.vanilla-5iMRRRMy.css');
+require('./assets/src/layout/LayoutContent.css.ts.vanilla-tSeoGC6s.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-Cp1_QVas.css');
 var RadixRovingFocus = require('@radix-ui/react-roving-focus');
-require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-qx42eKIN.css');
+require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-D6NWU-Tk.css');
 var jsonpointer = require('jsonpointer');
 var reactTable = require('@tanstack/react-table');
+require('./assets/src/proteus-document/ProteusImage.css.ts.vanilla-C-b-2Wng.css');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/range/Range.css.ts.vanilla-CsvbeS8G.css');
+require('./assets/src/range/Range.css.ts.vanilla-D2USHNFi.css');
 var jsonSchema = require('@cfworker/json-schema');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-DSZLIvY5.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-Cw4kJW2Z.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-CeLk_D8-.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-BmETrQOo.css');
 require('@optiaxiom/globals');
 
 function _interopNamespaceDefault(e) {
@@ -216,7 +217,7 @@ function DataTableExpandableHeader({
 }
 DataTableExpandableHeader.displayName = "@optiaxiom/react/DataTableExpandableHeader";
 
-var root$3 = Textarea.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'i0ffmi']});
+var root$4 = Textarea.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'ez2x4a']});
 
 const [DetailsPanelProvider, useDetailsPanelContext] = reactContext.createContext("@optiaxiom/react/DetailsPanel");
 
@@ -233,7 +234,7 @@ const DetailsPanel = React.forwardRef(
         "aria-labelledby": labelId,
         asChild: true,
         tabIndex: 0,
-        ...root$3({}, className),
+        ...root$4({}, className),
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, children })
       }
@@ -259,14 +260,14 @@ const DetailsPanelBody = React.forwardRef(({ children, ...props }, ref) => {
 });
 DetailsPanelBody.displayName = "@optiaxiom/react/DetailsPanelBody";
 
-var footer = Textarea.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_13tm724']});
+var footer = Textarea.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_10fxwif']});
 
 const DetailsPanelFooter = React.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Textarea.ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { ref, ...footer({}, className), ...props, children }) });
 });
 DetailsPanelFooter.displayName = "@optiaxiom/react/DetailsPanelFooter";
 
-var header = Textarea.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_1mit3ss']});
+var header = Textarea.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'l19d1k']});
 
 const DetailsPanelHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -303,7 +304,7 @@ const DetailsPanelHeader = React.forwardRef(
 );
 DetailsPanelHeader.displayName = "@optiaxiom/react/DetailsPanelHeader";
 
-var upload = Textarea.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1vb31y7']});
+var upload = Textarea.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'tfdctg']});
 
 const [FileUploadProvider, useFileUploadContext] = reactContext.createContext("@optiaxiom/react/FileUpload");
 
@@ -340,8 +341,8 @@ const IconFileImport = Textarea.withIcon(
   )
 );
 
-var dropzone = Textarea.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_29e1cj'],variants:{drag:{false:{},true:['h5sevc']},hidden:{false:'anmzpw',true:'_1hv24ip'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1uovnv3']}}});
-var label = Textarea.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_12h5qyl'}}});
+var dropzone = Textarea.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'xcbrr5'],variants:{drag:{false:{},true:['_5po4ki']},hidden:{false:'_6yspim',true:'_1z9kn0'},overlay:{false:{flex:'1'},true:[{z:'10'},'g8f4zj']}}});
+var label = Textarea.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_1w921gm'}}});
 
 const useFileUploadTrigger = () => {
   const { inputRef } = useFileUploadContext(
@@ -688,7 +689,7 @@ const FileUploadDropzone = React.forwardRef(
 );
 FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
 
-var mark$1 = Textarea.recipeRuntime({base:'_1ek6y99'});
+var mark$1 = Textarea.recipeRuntime({base:'_7vh6ng'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -802,7 +803,7 @@ const HoverCardContent = React.forwardRef(
 );
 HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
 
-var trigger$1 = Textarea.recipeRuntime({base:'cj79sq'});
+var trigger$1 = Textarea.recipeRuntime({base:'_1wfhzre'});
 
 const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, ref) => {
   const { boxProps, restProps } = Textarea.extractBoxProps(props);
@@ -810,8 +811,8 @@ const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, re
 });
 HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
 
-var editor = Textarea.recipeRuntime({base:'pn5yuv',variants:{empty:{false:{},true:'vjfbar'}}});
-var input = Textarea.recipeRuntime({base:'l62cws'});
+var editor = Textarea.recipeRuntime({base:'_1pbfpjk',variants:{empty:{false:{},true:'_18g3rx3'}}});
+var input = Textarea.recipeRuntime({base:'_179suv4'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -897,11 +898,11 @@ const Resizable = ({ ...props }) => {
 };
 Resizable.displayName = "@optiaxiom/react/Resizable";
 
-var handle$1 = Textarea.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_1eumlp4']});
-var root$2 = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'qlmhwm']});
+var handle$1 = Textarea.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_96bf6y']});
+var root$3 = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_1gavjlp']});
 
 const ResizableHandle = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { asChild: true, ...root$2(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ...handle$1() }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { asChild: true, ...root$3(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ...handle$1() }) }) });
 };
 ResizableHandle.displayName = "@optiaxiom/react/ResizableHandle";
 
@@ -910,7 +911,7 @@ const ResizablePanel = ({ ...props }) => {
 };
 ResizablePanel.displayName = "@optiaxiom/react/ResizablePanel";
 
-var layout = Textarea.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_15cgn8h'],variants:{size:{full:'_1qbyc62',screen:'_16pgg5f'}}});
+var layout = Textarea.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1tnrsz6'],variants:{size:{full:'oy05j',screen:'tiy7em'}}});
 
 const Layout = React.forwardRef(
   ({
@@ -943,7 +944,7 @@ const Layout = React.forwardRef(
 );
 Layout.displayName = "@optiaxiom/react/Layout";
 
-var content = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_1kxf8v6']});
+var content = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_1wi2i2y']});
 
 const LayoutContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -961,7 +962,7 @@ const LayoutContent = React.forwardRef(
 );
 LayoutContent.displayName = "@optiaxiom/react/LayoutContent";
 
-var pill = Textarea.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'_13csxme'],variants:{interactive:{false:{},true:'_1ks0mij'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = Textarea.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'c9v5s2'],variants:{interactive:{false:{},true:'_7wqzf8'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -1222,9 +1223,9 @@ const PillMenuPill = React.forwardRef(
 );
 PillMenuPill.displayName = "@optiaxiom/react/PillMenuPill";
 
-var root$1 = Textarea.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'kbgdrf'],variants:{size:{md:'c59zkq',lg:'_1vyb5m7'}}});
-var trigger = Textarea.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_1q86de1']});
-var wrapper = Textarea.recipeRuntime({base:'_19wlsws'});
+var root$2 = Textarea.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'k36rt1'],variants:{size:{md:'_1podut8',lg:'vevv9v'}}});
+var trigger = Textarea.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_15qhmx6']});
+var wrapper = Textarea.recipeRuntime({base:'cu7h2r'});
 
 const remapSize = {
   md: "xs",
@@ -1249,7 +1250,7 @@ const PillMenuTrigger = React.forwardRef(
           "data-readonly": readOnly,
           ref,
           role: "toolbar",
-          ...root$1({ size }, className),
+          ...root$2({ size }, className),
           ...props,
           children: /* @__PURE__ */ jsxRuntime.jsxs(RovingFocus, { disabled: readOnly, loop: true, orientation: "horizontal", children: [
             value.slice(0, -1).map((item) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1441,16 +1442,124 @@ function ProteusHeading({ children, ...props }) {
 }
 ProteusHeading.displayName = "@optiaxiom/react/ProteusHeading";
 
+const IconArrowsDiagonal = Textarea.withIcon(
+  {
+    fill: "none",
+    height: 24,
+    name: "IconArrowsDiagonal",
+    width: 24
+  },
+  /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 4l4 0l0 4", stroke: "currentColor" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 10l6 -6", stroke: "currentColor" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 20l-4 0l0 -4", stroke: "currentColor" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 20l6 -6", stroke: "currentColor" })
+  ] })
+);
+
+const IconCopy = Textarea.withIcon(
+  {
+    fill: "none",
+    height: 24,
+    name: "IconCopy",
+    width: 24
+  },
+  /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z",
+        stroke: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1",
+        stroke: "currentColor"
+      }
+    )
+  ] })
+);
+
+const IconDownload = Textarea.withIcon(
+  {
+    fill: "none",
+    height: 24,
+    name: "IconDownload",
+    width: 24
+  },
+  /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2",
+        stroke: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11l5 5l5 -5", stroke: "currentColor" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 4l0 12", stroke: "currentColor" })
+  ] })
+);
+
+var actions = Textarea.recipeRuntime({base:[{justifyContent:'center'},'qnmlgx']});
+var root$1 = Textarea.recipeRuntime({base:[{},'_16dgzdx','akvy6d']});
+
 function ProteusImage(props) {
   const resolvedSrc = useResolvedProteusValue(props.src);
   const resolvedAlt = useResolvedProteusValue(props.alt);
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, display: "block", objectFit: "cover", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "img",
-    {
-      alt: typeof resolvedAlt === "string" ? resolvedAlt : "",
-      src: typeof resolvedSrc === "string" ? resolvedSrc : ""
-    }
-  ) });
+  const [isCopied, setIsCopied] = React.useState(false);
+  const timerRef = React.useRef();
+  return /* @__PURE__ */ jsxRuntime.jsxs(Textarea.ActionsRoot, { ...root$1(), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, display: "block", objectFit: "cover", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("img", { alt: String(resolvedAlt), src: String(resolvedSrc) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Textarea.ActionsContent, { ...actions(), children: /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { bg: "bg.default", gap: "4", p: "4", rounded: "md", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Textarea.Button,
+        {
+          appearance: "subtle",
+          "aria-label": "Copy",
+          icon: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(Textarea.IconCheck, { pointerEvents: "none" }) : /* @__PURE__ */ jsxRuntime.jsx(IconCopy, { pointerEvents: "none" }),
+          onClick: async (event) => {
+            event.preventDefault();
+            setIsCopied(true);
+            await navigator.clipboard.writeText(String(resolvedSrc));
+            clearTimeout(timerRef.current);
+            timerRef.current = window.setTimeout(() => {
+              setIsCopied(false);
+            }, 2e3);
+          },
+          size: "sm"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Dialog, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Textarea.DialogTrigger,
+          {
+            appearance: "subtle",
+            "aria-label": "Expand",
+            icon: /* @__PURE__ */ jsxRuntime.jsx(IconArrowsDiagonal, {}),
+            size: "sm"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(Textarea.DialogContent, { size: "lg", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Textarea.DialogHeader, { children: String(resolvedAlt) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Textarea.DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, display: "block", objectFit: "cover", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("img", { alt: String(resolvedAlt), src: String(resolvedSrc) }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Textarea.DialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.DialogClose, { children: "Close" }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Textarea.Button,
+        {
+          appearance: "subtle",
+          "aria-label": "Download",
+          asChild: true,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(IconDownload, {}),
+          size: "sm",
+          children: /* @__PURE__ */ jsxRuntime.jsx("a", { download: true, href: String(resolvedSrc) })
+        }
+      )
+    ] }) })
+  ] });
 }
 ProteusImage.displayName = "@optiaxiom/react/ProteusImage";
 
@@ -1515,14 +1624,14 @@ function ProteusMap({
 }
 ProteusMap.displayName = "@optiaxiom/react/ProteusMap";
 
-var control = Textarea.recipeRuntime({base:[{bg:'transparent'},'_3p1tdt']});
-var fillValue = 'var(--_2t6alu)';
-var mark = Textarea.recipeRuntime({base:[{transition:'colors'},'a8hkx2'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
-var markValue = 'var(--_5350zm)';
-var range = Textarea.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1h28hqv']});
-var root = Textarea.recipeRuntime({base:['jfpwh8',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'_1f0kowz'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
-var thumb = Textarea.recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'_1dqjjlo']});
-var track = Textarea.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_1wpqzd']});
+var control = Textarea.recipeRuntime({base:[{bg:'transparent'},'qfoolv']});
+var fillValue = 'var(--_1uufha9)';
+var mark = Textarea.recipeRuntime({base:[{transition:'colors'},'_2dboo2'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--_15p6lvk)';
+var range = Textarea.recipeRuntime({base:[{h:'full',rounded:'inherit'},'xhytce']});
+var root = Textarea.recipeRuntime({base:['_13cqdd1',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'_1cn3vuj'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
+var thumb = Textarea.recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'_1rwz507']});
+var track = Textarea.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_11k10px']});
 
 const useTooltipState = () => {
   const [tooltipOpen, setTooltipOpen] = React.useState(false);
@@ -4289,7 +4398,6 @@ var definitions = {
 		},
 		required: [
 			"$type",
-			"appName",
 			"body",
 			"title"
 		],
@@ -6567,8 +6675,8 @@ var definitions = {
 				"const": "Map"
 			},
 			children: {
-				description: "Template object to render for each item in the array. Value paths inside this template are relative to the current item (e.g., path='title' resolves to each item's 'title' field). Use a leading '/' to reference top-level data (e.g., path='/title' resolves to the root data's 'title').",
-				type: "object"
+				$ref: "#/definitions/ProteusNode",
+				description: "Template object to render for each item in the array. Value paths inside this template are relative to the current item (e.g., path='title' resolves to each item's 'title' field). Use a leading '/' to reference top-level data (e.g., path='/title' resolves to the root data's 'title')."
 			},
 			path: {
 				description: "JSON pointer path to the source array in the data (e.g., '/results')",
@@ -7976,7 +8084,7 @@ function safeParseElement({
 
 const ProteusChart = React.lazy(async () => {
   return {
-    default: (await Promise.resolve().then(function () { return require('./ProteusChart-BDZkpu6w.js'); })).ProteusChart
+    default: (await Promise.resolve().then(function () { return require('./ProteusChart-zRNcdMYw.js'); })).ProteusChart
   };
 });
 const ProteusElement = ({
@@ -8073,7 +8181,7 @@ const omitType = (obj) => {
 };
 
 function ProteusDocumentRenderer({
-  collapsible,
+  collapsible: collapsibleProp,
   data = {},
   defaultOpen = true,
   element: elementProp,
@@ -8091,6 +8199,7 @@ function ProteusDocumentRenderer({
   });
   const result = safeParseDocument(elementProp);
   if (!result.success) ;
+  const collapsible = collapsibleProp && result.success && result.data.appName;
   const Trigger = collapsible ? Textarea.DisclosureTrigger : Textarea.Box;
   return /* @__PURE__ */ jsxRuntime.jsx(
     ProteusDocumentProvider,
@@ -8122,7 +8231,7 @@ function ProteusDocumentRenderer({
           p: "16",
           rounded: "xl",
           children: result.success && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
+            result.data.appName && /* @__PURE__ */ jsxRuntime.jsx(
               Trigger,
               {
                 py: "0",
@@ -8150,7 +8259,8 @@ function ProteusDocumentRenderer({
                 display: "flex",
                 flexDirection: "column",
                 gap: "16",
-                pt: "16",
+                pb: "0",
+                pt: result.data.appName ? "16" : "0",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { flexDirection: "column", gap: "4", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(Textarea.Heading, { fontSize: "lg", fontWeight: "600", level: "2", children: /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.title }) }),
@@ -8231,7 +8341,7 @@ const SortableGroup = React.forwardRef(
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = Textarea.recipeRuntime({base:'mwuhwq'});
+var handle = Textarea.recipeRuntime({base:'_3vdo6g'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -8256,7 +8366,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = Textarea.recipeRuntime({base:'_2405g2',variants:{handle:{false:{},true:'_1eq4zkt'}}});
+var item = Textarea.recipeRuntime({base:'_16xi8iz',variants:{handle:{false:{},true:'iyzmux'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {