@optiaxiom/proteus 0.2.14 → 0.2.16

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

@@ -9,6 +9,7 @@ import { useEffectEvent } from '../hooks/useEffectEvent.js';
 import { downloadFile } from '../proteus-image/downloadFile.js';
 import { ProteusDocumentProvider } from './ProteusDocumentContext.js';
 import { scrollIndicator, body } from './ProteusDocumentShell-css.js';
+import { resolveProteusValue } from './resolveProteusValue.js';
 
 function ProteusDocumentShell({
   collapsible: collapsibleProp,
@@ -62,7 +63,8 @@ function ProteusDocumentShell({
   }, []);
   const collapsible = collapsibleProp && element.appName;
   const Trigger = collapsible ? DisclosureTrigger : Box;
-  const inline = !element.title && !element.appName && !element.blocking;
+  const appearance = resolveProteusValue(element.appearance, data, "", []);
+  const inline = appearance === "inline";
   return /* @__PURE__ */ jsx(
     ProteusDocumentProvider,
     {
@@ -126,7 +128,7 @@ function ProteusDocumentShell({
           p: inline ? void 0 : "20",
           rounded: inline ? void 0 : "xl",
           children: [
-            element.appName && /* @__PURE__ */ jsx(Trigger, { py: "0", ...collapsible ? { chevronPosition: "end" } : {}, children: /* @__PURE__ */ jsxs(Group, { fontSize: "sm", gap: "8", children: [
+            !inline && element.appName && /* @__PURE__ */ jsx(Trigger, { py: "0", ...collapsible ? { chevronPosition: "end" } : {}, children: /* @__PURE__ */ jsxs(Group, { fontSize: "sm", gap: "8", children: [
               /* @__PURE__ */ jsx(
                 Box,
                 {
@@ -151,7 +153,7 @@ function ProteusDocumentShell({
                 pb: "0",
                 pt: element.appName ? "16" : "0",
                 children: [
-                  element.title && /* @__PURE__ */ jsxs(
+                  !inline && element.title && /* @__PURE__ */ jsxs(
                     Group,
                     {
                       alignItems: element.titleIcon ? "start" : void 0,

package/dist/esm/proteus-file-icon/ProteusFileIcon.js

@@ -8,13 +8,14 @@ const mimeIconMap = [
   [/^video\//, IconFileVideo],
   [/^audio\//, IconMusic],
   [/presentation|powerpoint|keynote|slides/, IconPresentationScreen],
-  [/spreadsheet|excel|csv|tsv|parquet/, IconTableLayout],
+  [/spreadsheet|excel|csv|tab-separated-values|tsv|parquet/, IconTableLayout],
   [/zip|tar|compress|archive|x-7z|x-rar/, IconFileZipper],
-  [/pdf|word|wordprocessing|opendocument\.text|^text\//, IconFileLines],
+  [/pdf|wordprocessing|opendocument\.text/, IconFileLines],
   [
     /json|xml|yaml|javascript|typescript|html|css|x-sh|x-python|code|script/,
     IconCode
-  ]
+  ],
+  [/^text\/|word|rtf/, IconFileLines]
 ];
 function ProteusFileIcon({ mimeType, ...props }) {
   const Icon = getIconForMimeType(mimeType);

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { IconPlus } from '@optiaxiom/icons';
-import { Flex } from '@optiaxiom/react';
+import { toaster, Flex } from '@optiaxiom/react';
 import { FileUpload, VisuallyHidden, FileUploadTrigger, FileUploadList, FileUploadDropzone } from '@optiaxiom/react/unstable';
 import { useRef, useState, useCallback } from 'react';
 import { useObserveValue } from '../hooks/useObserveValue.js';
@@ -40,10 +40,22 @@ function ProteusFileUpload({
   }, [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);
+      let skipped = 0;
+      if (maxFiles !== void 0) {
+        const existing = multiple ? itemsRef.current.length : 0;
+        const remaining = Math.max(0, maxFiles - existing);
+        if (incoming.length > remaining) {
+          skipped = incoming.length - remaining;
+          incoming = incoming.slice(0, remaining);
+        }
+      }
+      if (skipped > 0) {
+        const accepted = incoming.length;
+        const skippedWord = skipped === 1 ? "was" : "were";
+        toaster.create(
+          accepted > 0 ? `Added ${accepted} file${accepted === 1 ? "" : "s"}. ${skipped} ${skippedWord} skipped because the limit is ${maxFiles}.` : `${skipped} file${skipped === 1 ? "" : "s"} ${skippedWord} skipped because the limit is ${maxFiles}.`,
+          { type: "warning" }
+        );
       }
       if (!onUpload || readOnly || incoming.length === 0) {
         return;

package/dist/esm/schema/public-schema.json.js

@@ -2657,6 +2657,20 @@ var definitions = {
 				$ref: "#/definitions/ProteusNode",
 				description: "Actions available for this document"
 			},
+			appearance: {
+				anyOf: [
+					{
+						"const": "default"
+					},
+					{
+						"const": "inline"
+					},
+					{
+						$ref: "#/definitions/ProteusExpression"
+					}
+				],
+				description: "Visual treatment of the document shell. 'default' renders the document as a card with background, border, and padding. 'inline' strips the surrounding chrome so the document blends into its host container."
+			},
 			appIcon: {
 				description: "URL or data URI for the application icon (e.g., 'https://example.com/icon.png' or 'data:image/svg+xml,...'). Rendered as an <img> element.",
 				type: "string"

package/dist/esm/schema/runtime-schema.json.js

@@ -2645,6 +2645,20 @@ var definitions = {
 				$ref: "#/definitions/ProteusNode",
 				description: "Actions available for this document"
 			},
+			appearance: {
+				anyOf: [
+					{
+						"const": "default"
+					},
+					{
+						"const": "inline"
+					},
+					{
+						$ref: "#/definitions/ProteusExpression"
+					}
+				],
+				description: "Visual treatment of the document shell. 'default' renders the document as a card with background, border, and padding. 'inline' strips the surrounding chrome so the document blends into its host container."
+			},
 			appIcon: {
 				description: "URL or data URI for the application icon (e.g., 'https://example.com/icon.png' or 'data:image/svg+xml,...'). Rendered as an <img> element.",
 				type: "string"

package/dist/index.d.ts

@@ -340,6 +340,7 @@ type ProteusDocumentShellProps = Pick<ComponentPropsWithoutRef<typeof Disclosure
 };
 type ProteusDocument$2 = {
     actions?: ReactNode;
+    appearance?: "default" | "inline" | Record<string, unknown>;
     appIcon?: string;
     appName?: string;
     blocking?: boolean;
@@ -416,6 +417,7 @@ type ProteusDocumentRendererProps = Omit<ComponentPropsWithoutRef<typeof Proteus
 type ProteusDocument = {
     $type: "Document";
     actions?: unknown;
+    appearance?: "default" | "inline" | Record<string, unknown>;
     appIcon?: string;
     appName?: string;
     blocking?: boolean;