@optiaxiom/proteus 0.1.1 → 0.1.3

package/dist/esm/assets/src/proteus-chart/{ProteusChart.css.ts.vanilla-DWDlfc5R.css → ProteusChart.css.ts.vanilla-CK1fYTqC.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom._1qll070;
-@layer optiaxiom._1qll070 {
+@layer optiaxiom.gg0bi8;
+@layer optiaxiom.gg0bi8 {
   .ProteusChart__jmlqij1 {
     border-radius: 16px;
   }

package/dist/esm/assets/src/proteus-chart/{ProteusChartTooltipContent.css.ts.vanilla-WrO00wrg.css → ProteusChartTooltipContent.css.ts.vanilla-BdDP4nOV.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom._1qll070;
-@layer optiaxiom._1qll070 {
+@layer optiaxiom.gg0bi8;
+@layer optiaxiom.gg0bi8 {
   .ProteusChartTooltipContent__1gsvq810 {
     min-width: 128px;
   }

package/dist/esm/assets/src/proteus-question/{ProteusQuestionItem.css.ts.vanilla-S1I3NGY4.css → ProteusQuestionItem.css.ts.vanilla-aFgg_KJM.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom._1qll070;
-@layer optiaxiom._1qll070 {
+@layer optiaxiom.gg0bi8;
+@layer optiaxiom.gg0bi8 {
   .ProteusQuestionItem__uar8vn2 {
     background-color: var(--ax-colors-bg-page);
     border-color: var(--ax-colors-bg-page);

package/dist/esm/index.js

@@ -11,4 +11,4 @@ export { ProteusMap } from './proteus-map/ProteusMap.js';
 export { ProteusSelect } from './proteus-select/ProteusSelect.js';
 export { ProteusShow } from './proteus-show/ProteusShow.js';
 export { ProteusTextarea } from './proteus-textarea/ProteusTextarea.js';
-export { ProteusValue } from './proteus-value/ProteusValue.js';
+export { useProteusValue } from './use-proteus-value/useProteusValue.js';

package/dist/esm/proteus-chart/ProteusChart-css.js

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-chart/ProteusChart.css.ts.vanilla-DWDlfc5R.css';
+import './../assets/src/proteus-chart/ProteusChart.css.ts.vanilla-CK1fYTqC.css';
 import { recipe } from '@optiaxiom/react/css-runtime';
 
 var chart = recipe({base:[{border:'1',borderColor:'border.tertiary',fontSize:'sm',p:'16'},'ProteusChart__jmlqij1','ProteusChart__jmlqij0']});

package/dist/esm/proteus-chart/ProteusChartTooltipContent-css.js

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-chart/ProteusChartTooltipContent.css.ts.vanilla-WrO00wrg.css';
+import './../assets/src/proteus-chart/ProteusChartTooltipContent.css.ts.vanilla-BdDP4nOV.css';
 import { recipe } from '@optiaxiom/react/css-runtime';
 
 var tooltip = recipe({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'grid',fontSize:'sm',gap:'6',px:'8',py:'10',rounded:'lg',shadow:'lg'},'ProteusChartTooltipContent__1gsvq810']});

package/dist/esm/proteus-document/ProteusDocumentShell.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Disclosure, DisclosureTrigger, Box, Group, Text, DisclosureContent, Heading } from '@optiaxiom/react';
+import { Disclosure, DisclosureTrigger, Box, Group, Text, DisclosureContent, Heading, Tooltip } from '@optiaxiom/react';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { set } from 'jsonpointer';
+import { get, set } from 'jsonpointer';
 import { useState, useRef, useEffect } from 'react';
 import { useEffectEvent } from '../hooks/useEffectEvent.js';
 import { downloadFile } from '../proteus-image/downloadFile.js';
@@ -49,6 +49,15 @@ function ProteusDocumentShell({
           await onToolCall?.(event.tool);
         } else if ("message" in event) {
           await onMessage?.(event.message);
+        } else if (event.action === "message-from") {
+          const items = get(data, event.path);
+          if (!Array.isArray(items)) {
+            throw new Error(
+              `Expected array at "${event.path}" for message-from action`
+            );
+          }
+          const message = items.map((item) => `${item.name}: ${item.value || "[Not specified]"}`).join("\n");
+          await onMessage?.(message);
         } else if (event.action === "download") {
           if (typeof event.url === "string") {
             await downloadFile(event.url);
@@ -96,10 +105,32 @@ function ProteusDocumentShell({
                 pb: "0",
                 pt: element.appName ? "16" : "0",
                 children: [
-                  /* @__PURE__ */ jsxs(Group, { flexDirection: "column", gap: "4", children: [
-                    /* @__PURE__ */ jsx(Heading, { fontSize: "lg", fontWeight: "600", level: "2", lineClamp: "2", children: element.title }),
-                    !!element.subtitle && /* @__PURE__ */ jsx(Text, { color: "fg.secondary", fontSize: "sm", children: element.subtitle })
-                  ] }),
+                  element.title && /* @__PURE__ */ jsxs(
+                    Group,
+                    {
+                      bg: element.titleIcon ? "bg.page" : "transparent",
+                      gap: "8",
+                      p: element.titleIcon ? "12" : void 0,
+                      rounded: "lg",
+                      children: [
+                        element.titleIcon && /* @__PURE__ */ jsx(
+                          Group,
+                          {
+                            bg: "bg.avatar.purple",
+                            flex: "none",
+                            justifyContent: "center",
+                            rounded: "lg",
+                            size: "lg",
+                            children: /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx("img", { alt: "", src: element.titleIcon }) })
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs(Group, { flex: "1", flexDirection: "column", gap: "4", children: [
+                          /* @__PURE__ */ jsx(Heading, { fontSize: "lg", fontWeight: "600", level: "2", lineClamp: "2", children: element.title }),
+                          !!element.subtitle && /* @__PURE__ */ jsx(Tooltip, { auto: true, content: element.subtitle, children: /* @__PURE__ */ jsx(Text, { color: "fg.secondary", lineClamp: "2", children: element.subtitle }) })
+                        ] })
+                      ]
+                    }
+                  ),
                   /* @__PURE__ */ jsx(Group, { asChild: true, flexDirection: "column", gap: "16", children: /* @__PURE__ */ jsx(
                     "form",
                     {

package/dist/esm/proteus-element/ProteusElement.js

@@ -17,6 +17,7 @@ import { ProteusMap } from '../proteus-map/ProteusMap.js';
 import { ProteusQuestion } from '../proteus-question/ProteusQuestion.js';
 import { ProteusSelect } from '../proteus-select/ProteusSelect.js';
 import { ProteusShow } from '../proteus-show/ProteusShow.js';
+import { ProteusSwitch } from '../proteus-switch/ProteusSwitch.js';
 import { ProteusTextarea } from '../proteus-textarea/ProteusTextarea.js';
 import { ProteusValue } from '../proteus-value/ProteusValue.js';
 
@@ -92,6 +93,8 @@ const ProteusElement = ({
       return /* @__PURE__ */ jsx(Group, { ...resolve(element) });
     case "Heading":
       return /* @__PURE__ */ jsx(Heading, { ...resolve(element) });
+    case "Icon":
+      return /* @__PURE__ */ jsx(Box, { asChild: true, ...resolve(element), children: /* @__PURE__ */ jsx("img", {}) });
     case "IconCalendar":
       return /* @__PURE__ */ jsx(Box, { asChild: true, ...resolve(element), children: /* @__PURE__ */ jsx(IconCalendar, {}) });
     case "Image":
@@ -126,6 +129,8 @@ const ProteusElement = ({
           ...resolve(element)
         }
       );
+    case "Switch":
+      return /* @__PURE__ */ jsx(ProteusSwitch, { ...resolve(element) });
     case "Text":
       return /* @__PURE__ */ jsx(Text, { ...resolve(element) });
     case "Textarea":

package/dist/esm/proteus-image/ProteusImage.js

@@ -26,38 +26,57 @@ function ProteusImage(props) {
       }
     ),
     /* @__PURE__ */ jsxs(Dialog, { onOpenChange: setOpen, open, children: [
-      /* @__PURE__ */ jsx(DialogTrigger, { "aria-label": "Expand", asChild: true, children: /* @__PURE__ */ jsx(Box, { asChild: true, display: isLoaded ? "block" : "none", ...props, children: /* @__PURE__ */ jsx(
-        "a",
+      /* @__PURE__ */ jsx(DialogTrigger, { "aria-label": "Expand", asChild: true, children: /* @__PURE__ */ jsx(
+        Box,
         {
-          href: props.src,
-          onClick: (event) => {
-            event.preventDefault();
-            setOpen(true);
-          },
-          type: "",
+          alignSelf: "center",
+          asChild: true,
+          display: isLoaded ? "block" : "none",
+          ...props,
           children: /* @__PURE__ */ jsx(
-            Box,
+            "a",
             {
-              asChild: true,
-              objectFit: "cover",
-              overflow: "hidden",
-              rounded: "inherit",
+              href: props.src,
+              onClick: (event) => {
+                event.preventDefault();
+                setOpen(true);
+              },
+              type: "",
               children: /* @__PURE__ */ jsx(
-                "img",
+                Box,
                 {
-                  alt: props.alt,
-                  onLoad: () => setIsLoaded(true),
-                  ref: imgRef,
-                  src: props.src
+                  asChild: true,
+                  objectFit: "cover",
+                  overflow: "hidden",
+                  rounded: "inherit",
+                  children: /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      alt: props.alt,
+                      onLoad: () => setIsLoaded(true),
+                      ref: imgRef,
+                      src: props.src
+                    }
+                  )
                 }
               )
             }
           )
         }
-      ) }) }),
-      /* @__PURE__ */ jsxs(DialogContent, { size: "lg", children: [
+      ) }),
+      /* @__PURE__ */ jsxs(DialogContent, { size: "fullscreen", children: [
         /* @__PURE__ */ jsx(DialogHeader, { lineClamp: "1", children: props.alt }),
-        /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(Box, { asChild: true, display: "block", objectFit: "cover", children: /* @__PURE__ */ jsx("img", { alt: props.alt, src: props.src }) }) }),
+        /* @__PURE__ */ jsx(DialogBody, { overflow: "hidden", children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            asChild: true,
+            display: "block",
+            maxH: "full",
+            maxW: "full",
+            objectFit: "contain",
+            children: /* @__PURE__ */ jsx("img", { alt: props.alt, src: props.src })
+          }
+        ) }),
         /* @__PURE__ */ jsxs(DialogFooter, { children: [
           /* @__PURE__ */ jsx(DialogClose, { children: "Close" }),
           /* @__PURE__ */ jsx(

package/dist/esm/proteus-input/ProteusInput.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { Input } from '@optiaxiom/react';
 import { useProteusDocumentContext } from '../proteus-document/ProteusDocumentContext.js';
 import { useProteusDocumentPathContext } from '../proteus-document/ProteusDocumentPathContext.js';
-import { useProteusValue } from '../proteus-document/useProteusValue.js';
+import { useProteusValue } from '../use-proteus-value/useProteusValue.js';
 
 function ProteusInput(props) {
   const { onDataChange, readOnly } = useProteusDocumentContext(

package/dist/esm/proteus-map/ProteusMap.js

@@ -2,7 +2,7 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useProteusDocumentContext } from '../proteus-document/ProteusDocumentContext.js';
 import { useProteusDocumentPathContext, ProteusDocumentPathProvider } from '../proteus-document/ProteusDocumentPathContext.js';
-import { useProteusValue } from '../proteus-document/useProteusValue.js';
+import { useProteusValue } from '../use-proteus-value/useProteusValue.js';
 
 function ProteusMap({ children, path, separator }) {
   const { strict } = useProteusDocumentContext("@optiaxiom/proteus/ProteusMap");

package/dist/esm/proteus-question/ProteusQuestionItem-css.js

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-question/ProteusQuestionItem.css.ts.vanilla-S1I3NGY4.css';
+import './../assets/src/proteus-question/ProteusQuestionItem.css.ts.vanilla-aFgg_KJM.css';
 import { recipe } from '@optiaxiom/react/css-runtime';
 
 var addon = recipe({base:[{display:'grid',fontWeight:'500',placeItems:'center',rounded:'lg',size:'md',transition:'colors'},'ProteusQuestionItem__uar8vn3'],variants:{cursor:{pointer:{cursor:'pointer'}}}});

package/dist/esm/proteus-select/ProteusSelect.js

@@ -4,7 +4,7 @@ import { Select } from '@optiaxiom/react';
 import { useRef } from 'react';
 import { useProteusDocumentContext } from '../proteus-document/ProteusDocumentContext.js';
 import { useProteusDocumentPathContext } from '../proteus-document/ProteusDocumentPathContext.js';
-import { useProteusValue } from '../proteus-document/useProteusValue.js';
+import { useProteusValue } from '../use-proteus-value/useProteusValue.js';
 
 function ProteusSelect({
   children,

package/dist/esm/proteus-switch/ProteusSwitch.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Switch } from '@optiaxiom/react';
+import { useEffect } from 'react';
+import { useProteusDocumentContext } from '../proteus-document/ProteusDocumentContext.js';
+import { useProteusDocumentPathContext } from '../proteus-document/ProteusDocumentPathContext.js';
+import { useProteusValue } from '../use-proteus-value/useProteusValue.js';
+
+function ProteusSwitch(props) {
+  const { onDataChange, readOnly } = useProteusDocumentContext(
+    "@optiaxiom/proteus/ProteusSwitch"
+  );
+  const { path: parentPath } = useProteusDocumentPathContext(
+    "@optiaxiom/proteus/ProteusSwitch"
+  );
+  const dataValue = useProteusValue({ path: props.name ?? "" });
+  const hasValue = props.value !== void 0;
+  useEffect(() => {
+    if (hasValue && props.name && (dataValue === null || dataValue === void 0)) {
+      onDataChange?.(`${parentPath}/${props.name}`, "No");
+    }
+  }, [dataValue, hasValue, onDataChange, parentPath, props.name]);
+  const checked = hasValue ? dataValue === props.value : Boolean(dataValue);
+  return /* @__PURE__ */ jsx(
+    Switch,
+    {
+      ...props,
+      checked: props.name ? checked : false,
+      disabled: readOnly,
+      onCheckedChange: (newChecked) => {
+        if (props.name) {
+          const newValue = hasValue ? newChecked ? props.value : "No" : newChecked;
+          onDataChange?.(`${parentPath}/${props.name}`, newValue);
+        }
+      }
+    }
+  );
+}
+ProteusSwitch.displayName = "@optiaxiom/proteus/ProteusSwitch";
+
+export { ProteusSwitch };

package/dist/esm/proteus-textarea/ProteusTextarea.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { Textarea } from '@optiaxiom/react';
 import { useProteusDocumentContext } from '../proteus-document/ProteusDocumentContext.js';
 import { useProteusDocumentPathContext } from '../proteus-document/ProteusDocumentPathContext.js';
-import { useProteusValue } from '../proteus-document/useProteusValue.js';
+import { useProteusValue } from '../use-proteus-value/useProteusValue.js';
 
 function ProteusTextarea(props) {
   const { onDataChange, readOnly } = useProteusDocumentContext(

package/dist/esm/proteus-value/ProteusValue.js

@@ -1,5 +1,5 @@
 "use client";
-import { useProteusValue } from '../proteus-document/useProteusValue.js';
+import { useProteusValue } from '../use-proteus-value/useProteusValue.js';
 
 function ProteusValue(props) {
   return useProteusValue(props);