@optiaxiom/proteus 0.2.11 → 0.2.13-next.2

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

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

package/dist/esm/assets/src/proteus-chart/{ProteusChartTooltipContent.css.ts.vanilla-7xvqKrcf.css → ProteusChartTooltipContent.css.ts.vanilla-Crdo1SWy.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom._1om87vs;
-@layer optiaxiom._1om87vs {
+@layer optiaxiom.g7voo0;
+@layer optiaxiom.g7voo0 {
   .ProteusChartTooltipContent__1gsvq810 {
     min-width: 128px;
     position: absolute;

package/dist/esm/assets/src/proteus-document/{ProteusDocumentShell.css.ts.vanilla-Bil1PxGV.css → ProteusDocumentShell.css.ts.vanilla-DvoqWndD.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom._1om87vs;
-@layer optiaxiom._1om87vs {
+@layer optiaxiom.g7voo0;
+@layer optiaxiom.g7voo0 {
   .ProteusDocumentShell__vpuvfj1 {
     margin: -4px;
   }

package/dist/esm/assets/src/proteus-image-carousel/{ProteusImageCarousel.css.ts.vanilla-CKWS5NjD.css → ProteusImageCarousel.css.ts.vanilla-DWOlO6KM.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom._1om87vs;
-@layer optiaxiom._1om87vs {
+@layer optiaxiom.g7voo0;
+@layer optiaxiom.g7voo0 {
   .ProteusImageCarousel__1t6qej70 {
     outline: none;
     user-select: none;

package/dist/esm/assets/src/proteus-question/{ProteusQuestion.css.ts.vanilla-B04UzIcJ.css → ProteusQuestion.css.ts.vanilla-DLqLEZxX.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom._1om87vs;
-@layer optiaxiom._1om87vs {
+@layer optiaxiom.g7voo0;
+@layer optiaxiom.g7voo0 {
   .ProteusQuestion__8f590p0 {
     outline: none;
   }

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

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-chart/ProteusChart.css.ts.vanilla-Bhea5BpW.css';
+import './../assets/src/proteus-chart/ProteusChart.css.ts.vanilla-dJjly98l.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-7xvqKrcf.css';
+import './../assets/src/proteus-chart/ProteusChartTooltipContent.css.ts.vanilla-Crdo1SWy.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',pointerEvents:'none',px:'8',py:'10',rounded:'lg',shadow:'lg',transition:'all',z:'popover'},'ProteusChartTooltipContent__1gsvq810']});

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

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-document/ProteusDocumentShell.css.ts.vanilla-Bil1PxGV.css';
+import './../assets/src/proteus-document/ProteusDocumentShell.css.ts.vanilla-DvoqWndD.css';
 import { recipe } from '@optiaxiom/react/css-runtime';
 
 var body = recipe({base:[{flexDirection:'column',gap:'16'},'ProteusDocumentShell__vpuvfj0'],variants:{truncate:{false:{},true:[{maxH:'sm',overflow:'auto',p:'4'},'ProteusDocumentShell__vpuvfj1']}}});

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

@@ -95,6 +95,7 @@ function resolveProteusValue(value, data, parentPath, mapIndices = []) {
           [...mapIndices, index]
         )
       ).filter((v) => v !== void 0);
+      const result = "flat" in value && value.flat ? items.flat() : items;
       if ("separator" in value) {
         const sep = resolveProteusValue(
           value.separator,
@@ -102,9 +103,9 @@ function resolveProteusValue(value, data, parentPath, mapIndices = []) {
           parentPath,
           mapIndices
         );
-        return items.join(typeof sep === "string" ? sep : "");
+        return result.join(typeof sep === "string" ? sep : "");
       }
-      return items;
+      return result;
     }
     if (value.$type === "Show" && "when" in value && "children" in value) {
       const conditions = Array.isArray(value.when) ? value.when : [value.when];

package/dist/esm/proteus-file-upload/ProteusFileUpload.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { IconPlus } from '@optiaxiom/icons';
 import { Flex } from '@optiaxiom/react';
-import { FileUpload, VisuallyHidden, FileUploadList, FileUploadDropzone, FileUploadTrigger } from '@optiaxiom/react/unstable';
+import { FileUpload, VisuallyHidden, FileUploadTrigger, FileUploadList, FileUploadDropzone } from '@optiaxiom/react/unstable';
 import { useRef, useState, useCallback } from 'react';
 import { useObserveValue } from '../hooks/useObserveValue.js';
 import { useProteusDocumentContext } from '../proteus-document/ProteusDocumentContext.js';
@@ -9,8 +10,9 @@ import { useProteusDocumentPathContext } from '../proteus-document/ProteusDocume
 
 function ProteusFileUpload({
   accept,
-  name,
-  required
+  maxFiles,
+  minFiles = 0,
+  name
 }) {
   const { onDataChange, onUpload, readOnly } = useProteusDocumentContext(
     "@optiaxiom/proteus/ProteusFileUpload"
@@ -19,71 +21,100 @@ function ProteusFileUpload({
     "@optiaxiom/proteus/ProteusFileUpload"
   );
   const inputRef = useRef(null);
-  const [item, setItem] = useState(null);
+  const itemsRef = useRef([]);
+  const [items, setItems] = useState([]);
   const forceValueChange = useObserveValue(inputRef);
-  const writeUrl = useCallback(
-    (url) => {
-      if (!name)
-        return;
-      onDataChange?.(`${parentPath}/${name}`, url);
-    },
-    [name, onDataChange, parentPath]
-  );
+  const multiple = maxFiles !== 1;
+  const atMax = multiple && maxFiles !== void 0 && items.length >= maxFiles;
+  const writeValue = useCallback(() => {
+    setItems(itemsRef.current);
+    if (inputRef.current) {
+      forceValueChange(
+        itemsRef.current.filter((item) => item.status === "complete").length.toString()
+      );
+    }
+    if (name) {
+      const value = itemsRef.current.filter((item) => item.status === "complete").map((item) => item.metadata).filter((metadata) => !!metadata);
+      onDataChange?.(`${parentPath}/${name}`, value);
+    }
+  }, [forceValueChange, name, onDataChange, parentPath]);
   const handleFilesDrop = useCallback(
     async (incoming) => {
+      if (multiple) {
+        incoming = maxFiles !== void 0 ? incoming.slice(0, Math.max(0, maxFiles - itemsRef.current.length)) : incoming;
+      } else {
+        incoming = incoming.slice(0, 1);
+      }
       if (!onUpload || readOnly || incoming.length === 0) {
         return;
       }
-      const file = incoming[0];
-      setItem({ file, status: "uploading" });
-      writeUrl(null);
-      if (inputRef.current) {
-        forceValueChange("");
-      }
-      try {
-        const url = await onUpload(file);
-        setItem(
-          (curr) => curr?.file === file ? { file, status: "complete" } : curr
-        );
-        writeUrl(url);
-        if (inputRef.current) {
-          forceValueChange("1");
-        }
-      } catch {
-        setItem(
-          (curr) => curr?.file === file ? { file, status: "error" } : curr
-        );
-      }
+      itemsRef.current = [
+        ...multiple ? itemsRef.current : [],
+        ...incoming.map((file) => ({ file, status: "uploading" }))
+      ];
+      writeValue();
+      const result = new Map(
+        await Promise.all(
+          incoming.map(
+            (file) => onUpload(file).then(
+              (metadata) => [
+                file,
+                {
+                  file,
+                  metadata,
+                  status: "complete"
+                }
+              ]
+            ).catch(
+              () => [
+                file,
+                {
+                  file,
+                  status: "error"
+                }
+              ]
+            )
+          )
+        )
+      );
+      itemsRef.current = itemsRef.current.map(
+        (item) => result.get(item.file) ?? item
+      );
+      writeValue();
     },
-    [forceValueChange, onUpload, readOnly, writeUrl]
+    [maxFiles, multiple, onUpload, readOnly, writeValue]
+  );
+  const handleRemove = useCallback(
+    (item) => {
+      itemsRef.current = itemsRef.current.filter((i) => i !== item);
+      writeValue();
+    },
+    [writeValue]
   );
-  const handleRemove = useCallback(() => {
-    setItem(null);
-    writeUrl(null);
-    if (inputRef.current) {
-      forceValueChange("");
-    }
-  }, [forceValueChange, writeUrl]);
   return /* @__PURE__ */ jsxs(
     FileUpload,
     {
       accept,
-      disabled: !onUpload || readOnly,
+      disabled: !onUpload || readOnly || atMax,
       onFilesDrop: handleFilesDrop,
       children: [
         /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx(
           "input",
           {
             "aria-hidden": true,
+            defaultValue: 0,
+            max: maxFiles !== void 0 ? String(maxFiles) : void 0,
+            min: String(minFiles),
             name,
             ref: inputRef,
-            required,
-            tabIndex: -1
+            tabIndex: -1,
+            type: "number"
           }
         ) }),
-        item ? /* @__PURE__ */ jsxs(Flex, { flexDirection: "column", gap: "8", children: [
-          /* @__PURE__ */ jsx(FileUploadList, { items: [item], onRemove: handleRemove }),
-          /* @__PURE__ */ jsx(FileUploadDropzone, { overlay: true })
+        items.length > 0 ? /* @__PURE__ */ jsxs(Flex, { flexDirection: "column", gap: "8", children: [
+          multiple && !atMax && /* @__PURE__ */ jsx(FileUploadTrigger, { alignSelf: "end", icon: /* @__PURE__ */ jsx(IconPlus, {}), children: "Add File" }),
+          /* @__PURE__ */ jsx(FileUploadList, { items, onRemove: handleRemove }),
+          !atMax && /* @__PURE__ */ jsx(FileUploadDropzone, { overlay: true })
         ] }) : /* @__PURE__ */ jsx(FileUploadDropzone, { children: /* @__PURE__ */ jsx(FileUploadTrigger, {}) })
       ]
     }

package/dist/esm/proteus-image-carousel/ProteusImageCarousel-css.js

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-image-carousel/ProteusImageCarousel.css.ts.vanilla-CKWS5NjD.css';
+import './../assets/src/proteus-image-carousel/ProteusImageCarousel.css.ts.vanilla-DWOlO6KM.css';
 import { recipe } from '@optiaxiom/react/css-runtime';
 
 var carousel = recipe({base:[{flexDirection:'column',gap:'12'},'ProteusImageCarousel__1t6qej70']});

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

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