@optiaxiom/react 1.9.8 → 1.9.10

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

@@ -1,42 +1,43 @@
 "use client";
 'use strict';
 
-var Textarea = require('./Textarea-DKvs5I60.js');
+var Textarea = require('./Textarea-Cj7_IcTw.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-wLXXILuv.css');
+require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-DjnicHVT.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-hWTHbaLa.css');
+require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-BawpJl-K.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-DYqhVZIw.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-CyWkGFMd.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-BMrqQ0_r.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-Bk2XimWN.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-ydxc12qU.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-DoS07AA7.css');
+require('./assets/src/layout/Layout.css.ts.vanilla-N4Ii6HVc.css');
+require('./assets/src/layout/LayoutContent.css.ts.vanilla-BLEAwUjM.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-B1ra92VS.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-CGSDkRip.css');
 var jsonpointer = require('jsonpointer');
 var reactTable = require('@tanstack/react-table');
+require('./assets/src/proteus-document/ProteusImage.css.ts.vanilla-OtqkruZJ.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-3Q-043iy.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-ZUBtYnZ6.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-hs5pnyB7.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'},'jzzq7a']});
 
 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'},'_1wnyjw6']});
 
 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'},'_1mnozsl']});
 
 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'},'s0jm98']});
 
 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'},'_196i94e'],variants:{drag:{false:{},true:['a98izc']},hidden:{false:'_1vcg9jd',true:'ofvr2c'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1928gsq']}}});
+var label = Textarea.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'gb3r81'}}});
 
 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:'_1oyktxo'});
 
 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:'_1etzyt2'});
 
 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:'_1xgikv4',variants:{empty:{false:{},true:'_8hth62'}}});
+var input = Textarea.recipeRuntime({base:'_1dd57rr'});
 
 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'},'_2k0hj3']});
+var root$3 = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_8e11ya']});
 
 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'},'_1l2jmsd'],variants:{size:{full:'vd99ub',screen:'a1f08c'}}});
 
 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'},'_14omufm']});
 
 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'},'_15bo8qd'],variants:{interactive:{false:{},true:'_1ewz1yp'},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'},'nl8yh1'],variants:{size:{md:'_7ieik2',lg:'_834eyc'}}});
+var trigger = Textarea.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_137hxzu']});
+var wrapper = Textarea.recipeRuntime({base:'a62kfe'});
 
 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,154 @@ 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'},'_19uskvg']});
+var root$1 = Textarea.recipeRuntime({base:[{},'_45wbw5','_1pmy0o7']});
+
 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 [isLoaded, setIsLoaded] = React.useState(false);
+  const timerRef = React.useRef();
+  return /* @__PURE__ */ jsxRuntime.jsxs(Textarea.ActionsRoot, { ...root$1(), children: [
+    !isLoaded && /* @__PURE__ */ jsxRuntime.jsx(
+      Textarea.Box,
+      {
+        alignItems: "center",
+        bg: "bg.tertiary",
+        display: "flex",
+        justifyContent: "center",
+        p: "24",
+        rounded: "md",
+        style: { aspectRatio: "16 / 9" },
+        children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Spinner, {})
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Textarea.Box,
+      {
+        asChild: true,
+        display: isLoaded ? "block" : "none",
+        objectFit: "cover",
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            alt: String(resolvedAlt),
+            onLoad: () => setIsLoaded(true),
+            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 +1654,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'},'el7bxb']});
+var fillValue = 'var(--_1qc471k)';
+var mark = Textarea.recipeRuntime({base:[{transition:'colors'},'_10rgr7k'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--z9eeuk)';
+var range = Textarea.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_3cl5s2']});
+var root = Textarea.recipeRuntime({base:['_1r2ghli',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'oxudw3'],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'},'_14kmms9']});
+var track = Textarea.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_12gfw32']});
 
 const useTooltipState = () => {
   const [tooltipOpen, setTooltipOpen] = React.useState(false);
@@ -4289,7 +4428,6 @@ var definitions = {
 		},
 		required: [
 			"$type",
-			"appName",
 			"body",
 			"title"
 		],
@@ -6567,8 +6705,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 +8114,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-DfXqgqFg.js'); })).ProteusChart
   };
 });
 const ProteusElement = ({
@@ -8073,7 +8211,7 @@ const omitType = (obj) => {
 };
 
 function ProteusDocumentRenderer({
-  collapsible,
+  collapsible: collapsibleProp,
   data = {},
   defaultOpen = true,
   element: elementProp,
@@ -8091,6 +8229,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 +8261,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 +8289,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 +8371,7 @@ const SortableGroup = React.forwardRef(
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = Textarea.recipeRuntime({base:'mwuhwq'});
+var handle = Textarea.recipeRuntime({base:'_1deot1z'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -8256,7 +8396,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:'_1p85ru7',variants:{handle:{false:{},true:'_1jn9tks'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {