@sia.soul/sia-react-ui 0.1.60 → 0.1.63

package/dist/{chunk-QJH7H3CB.js → chunk-NV4QPQSP.js}

@@ -92,6 +92,7 @@ function Toolbar({ items, onAction, disabled = false, size = "small", variant =
 import { useState as useState2 } from "react";
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function Card({
+  bordered = true,
   title,
   description,
   extra,
@@ -143,7 +144,7 @@ function Card({
   return /* @__PURE__ */ jsxs2(
     "section",
     {
-      className: `sia-card${isCollapsed ? " sia-card--collapsed" : ""}${selectable ? " sia-card--selectable" : ""}${selectable && isSelected ? " sia-card--selected" : ""}${hoverActions ? " sia-card--hover-actions" : ""} ${className}`.trim(),
+      className: `sia-card${!bordered ? " sia-card--borderless" : ""}${isCollapsed ? " sia-card--collapsed" : ""}${selectable ? " sia-card--selectable" : ""}${selectable && isSelected ? " sia-card--selected" : ""}${hoverActions ? " sia-card--hover-actions" : ""} ${className}`.trim(),
       style: mergedStyle,
       role: selectable ? "checkbox" : void 0,
       "aria-checked": selectable ? isSelected : void 0,
@@ -1418,7 +1419,7 @@ function UploadItem({ file, files, props, actions }) {
   }
   useEffect4(() => setFailed(false), [source]);
   const node = /* @__PURE__ */ jsxs8("div", { className: `sia-upload__item sia-upload__item--${file.status ?? "ready"}`, children: [
-    props.listType !== "text" ? /* @__PURE__ */ jsx8(Button, { variant: "text", className: "sia-upload__thumbnail", "aria-label": `\u9884\u89C8\u7F29\u7565\u56FE ${file.name}`, onClick: actions.preview, disabled: !canPreview, children: source && !failed ? /* @__PURE__ */ jsx8("img", { src: source, alt: file.name, onError: () => setFailed(true) }) : /* @__PURE__ */ jsx8(Icon, { name: file.type?.startsWith("image/") ? "image" : "file", size: 28 }) }) : /* @__PURE__ */ jsx8(Icon, { name: file.status === "done" ? "circle-check" : "file", size: 16 }),
+    props.listType !== "text" ? /* @__PURE__ */ jsx8(Button, { variant: "text", className: "sia-upload__thumbnail", "aria-label": `\u9884\u89C8\u7F29\u7565\u56FE ${file.name}`, onClick: actions.preview, disabled: !canPreview, children: source && !failed ? /* @__PURE__ */ jsx8("img", { src: source, alt: file.name, onError: () => setFailed(true) }) : /* @__PURE__ */ jsx8(Icon, { name: file.type?.startsWith("image/") ? "image" : "file", size: 28 }) }) : /* @__PURE__ */ jsx8("span", { className: "sia-upload__file-icon", children: /* @__PURE__ */ jsx8(Icon, { name: file.status === "done" ? "circle-check" : "file", size: 24 }) }),
     /* @__PURE__ */ jsx8("span", { className: "sia-upload__name", ...withTitleTooltip({ title: file.relativePath || file.name }), children: file.url ? /* @__PURE__ */ jsx8("a", { href: file.url, target: "_blank", rel: "noreferrer", children: file.name }) : file.name }),
     /* @__PURE__ */ jsxs8("span", { className: "sia-upload__actions", children: [
       /* @__PURE__ */ jsx8(Button, { variant: "text", title: "\u9884\u89C8", "aria-label": `\u9884\u89C8 ${file.name}`, disabled: !canPreview, onClick: actions.preview, children: /* @__PURE__ */ jsx8(Icon, { name: "eye", size: 14 }) }),
@@ -1433,7 +1434,8 @@ function UploadItem({ file, files, props, actions }) {
       ] }),
       /* @__PURE__ */ jsx8("span", { className: "sia-upload__progress", role: "progressbar", "aria-label": `${file.name} \u4E0A\u4F20\u8FDB\u5EA6`, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": file.percent ?? 0, children: /* @__PURE__ */ jsx8("span", { style: { width: `${file.percent ?? 0}%` } }) })
     ] }),
-    file.status === "error" && /* @__PURE__ */ jsx8("span", { className: "sia-upload__error", children: "\u4E0A\u4F20\u5931\u8D25" })
+    file.status === "error" && /* @__PURE__ */ jsx8("span", { className: "sia-upload__error", children: "\u4E0A\u4F20\u5931\u8D25" }),
+    props.listType === "text" && (file.status === void 0 || file.status === "ready" || file.status === "done") && /* @__PURE__ */ jsx8("span", { className: "sia-upload__status", children: file.status === "done" ? "\u4E0A\u4F20\u5B8C\u6210" : "\u5DF2\u9009\u62E9" })
   ] });
   return /* @__PURE__ */ jsx8(Fragment4, { children: props.itemRender ? props.itemRender(node, file, files, actions) : node });
 }
@@ -1712,6 +1714,10 @@ var UploadRoot = forwardRef(function UploadRoot2({
           }
         ),
         listType !== "picture-card" && trigger,
+        showUploadList && listType === "text" && files.length > 0 && /* @__PURE__ */ jsxs8("div", { className: "sia-upload__list-heading", role: "status", children: [
+          "\u5DF2\u9009\u6587\u4EF6 ",
+          /* @__PURE__ */ jsx8("span", { className: "sia-upload__count", children: files.length })
+        ] }),
         /* @__PURE__ */ jsxs8("div", { className: "sia-upload__list", children: [
           showUploadList && files.map((file) => /* @__PURE__ */ jsx8(UploadItem, { file, files, props: { listType, disabled, itemRender, onPreview, downloadRequest, accept }, actions: {
             upload: () => start(file),
@@ -1750,7 +1756,7 @@ var UploadDragger = forwardRef(function UploadDragger2({ hint = "\u652F\u6301\u5
   ] }) });
 });
 var Upload = Object.assign(UploadRoot, {
-  /** 可点击、键盘操作和拖拽的上传区域，ref 支持手动上传、取消及移除。 */
+  /** 可点击、键盘操作和拖拽的上传区域，ref 支持手动上传、取消及移除；默认内容在文字或图片列表非空且可见时收紧高度，清空后恢复。 */
   Dragger: UploadDragger,
   /** beforeUpload 返回时移除该文件，不进行上传。 */
   LIST_IGNORE

package/dist/{core-BrQetGru.d.ts → core-BemUqBUF.d.ts}

@@ -46,6 +46,12 @@ declare function Toolbar({ items, onAction, disabled, size, variant, overflowLab
 type CardAccent = "primary" | "success" | "warning" | "error";
 /** 卡片的属性配置。 */
 interface CardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /**
+     * 是否显示外边框并保留默认内部留白。false 移除外边框、选中描边、标题区左右留白及说明、正文、悬浮操作区的内边距；保留背景、圆角、内部分割线和键盘焦点提示。
+     * 无边框时仍可通过 bodyStyle.padding 自定义正文内边距。
+     * @defaultValue true
+     */
+    bordered?: boolean;
     /** 标题内容，可传入文本或 React 节点。 */
     title?: ReactNode;
     /** 补充说明内容。 */
@@ -60,7 +66,7 @@ interface CardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
     /** 受控选中状态，需在 onSelectedChange 中更新。 */
     selected?: boolean;
     /**
-     * 是否显示选中卡片右上角的三角勾选标记。仅在 selectable 且已选中时生效；false 保留选中边框和键盘交互。
+     * 是否显示选中卡片右上角的三角勾选标记。仅在 selectable 且已选中时生效；false 保留键盘交互，选中边框仅在 bordered 为 true 时显示。
      * @defaultValue true
      */
     showSelectedIndicator?: boolean;
@@ -107,7 +113,7 @@ interface CardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
     bodyStyle?: CSSProperties;
 }
 /** 卡片组件。 */
-declare function Card({ title, description, extra, selectable, selected, showSelectedIndicator, defaultSelected, disabled, onSelectedChange, hoverActions, accent, accentColor, collapsible, collapsed, defaultCollapsed, onCollapsedChange, bodyHeight, bodyClassName, bodyStyle, className, style, children, onClick, onKeyDown, ...props }: CardProps): react.JSX.Element;
+declare function Card({ bordered, title, description, extra, selectable, selected, showSelectedIndicator, defaultSelected, disabled, onSelectedChange, hoverActions, accent, accentColor, collapsible, collapsed, defaultCollapsed, onCollapsedChange, bodyHeight, bodyClassName, bodyStyle, className, style, children, onClick, onKeyDown, ...props }: CardProps): react.JSX.Element;
 
 declare const iconPaths: {
     "notepad-file": react.JSX.Element;
@@ -1999,7 +2005,7 @@ interface UploadProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue
     fileList?: readonly UploadFile[];
     /** 非受控初始列表，后续修改不重置列表。 @defaultValue [] */
     defaultFileList?: readonly UploadFile[];
-    /** 文件列表样式：text 为文字列表，picture 为带缩略图的图片列表，picture-card 为照片墙。 @defaultValue "text" */
+    /** 文件列表样式：text 为带文件数量标题、图标和状态的文字卡片列表，picture 为带缩略图的图片列表，picture-card 为照片墙。 @defaultValue "text" */
     listType?: "text" | "picture" | "picture-card";
     /** 照片墙卡片尺寸，仅 listType="picture-card" 生效；数字设置正方形，对象分别设置宽高，单位 px。默认 112×112，各边最小 48，无效数值使用默认值；宽或高小于 88px 时隐藏文件名。 */
     cardSize?: number | {
@@ -2008,7 +2014,7 @@ interface UploadProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue
         /** 卡片高度，默认 112px，最小 48px。 */
         height?: number;
     };
-    /** 是否显示列表；隐藏时仍执行数量限制和变更通知。 @defaultValue true */
+    /** 是否显示内置列表及文字列表的数量标题；隐藏时仍执行数量限制和变更通知。 @defaultValue true */
     showUploadList?: boolean;
     /** 启动前校验，可异步；false 保留 ready，Upload.LIST_IGNORE 移除，File 转换本次上传内容；拒绝或抛错进入 error。手动上传时在调用 upload 后执行。 */
     beforeUpload?: (file: File, fileList: readonly File[]) => boolean | File | symbol | Promise<boolean | File | symbol>;
@@ -2041,9 +2047,9 @@ interface UploadDraggerProps extends UploadProps {
     hint?: ReactNode;
 }
 
-/** 上传组件，支持图片列表、照片墙、目录、粘贴与完全受控请求；未配置请求时仅选择文件。 */
+/** 上传组件，默认以带数量标题和状态的文字卡片展示已选文件；支持图片列表、照片墙、目录、粘贴与完全受控请求，未配置请求时仅选择文件。 */
 declare const Upload: react.ForwardRefExoticComponent<UploadProps & react.RefAttributes<UploadRef>> & {
-    /** 可点击、键盘操作和拖拽的上传区域，ref 支持手动上传、取消及移除。 */
+    /** 可点击、键盘操作和拖拽的上传区域，ref 支持手动上传、取消及移除；默认内容在文字或图片列表非空且可见时收紧高度，清空后恢复。 */
     Dragger: react.ForwardRefExoticComponent<UploadDraggerProps & react.RefAttributes<UploadRef>>;
     /** beforeUpload 返回时移除该文件，不进行上传。 */
     LIST_IGNORE: symbol;

package/dist/{core-MTKdBVk3.d.cts → core-C4ayGoM8.d.cts}

@@ -46,6 +46,12 @@ declare function Toolbar({ items, onAction, disabled, size, variant, overflowLab
 type CardAccent = "primary" | "success" | "warning" | "error";
 /** 卡片的属性配置。 */
 interface CardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /**
+     * 是否显示外边框并保留默认内部留白。false 移除外边框、选中描边、标题区左右留白及说明、正文、悬浮操作区的内边距；保留背景、圆角、内部分割线和键盘焦点提示。
+     * 无边框时仍可通过 bodyStyle.padding 自定义正文内边距。
+     * @defaultValue true
+     */
+    bordered?: boolean;
     /** 标题内容，可传入文本或 React 节点。 */
     title?: ReactNode;
     /** 补充说明内容。 */
@@ -60,7 +66,7 @@ interface CardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
     /** 受控选中状态，需在 onSelectedChange 中更新。 */
     selected?: boolean;
     /**
-     * 是否显示选中卡片右上角的三角勾选标记。仅在 selectable 且已选中时生效；false 保留选中边框和键盘交互。
+     * 是否显示选中卡片右上角的三角勾选标记。仅在 selectable 且已选中时生效；false 保留键盘交互，选中边框仅在 bordered 为 true 时显示。
      * @defaultValue true
      */
     showSelectedIndicator?: boolean;
@@ -107,7 +113,7 @@ interface CardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
     bodyStyle?: CSSProperties;
 }
 /** 卡片组件。 */
-declare function Card({ title, description, extra, selectable, selected, showSelectedIndicator, defaultSelected, disabled, onSelectedChange, hoverActions, accent, accentColor, collapsible, collapsed, defaultCollapsed, onCollapsedChange, bodyHeight, bodyClassName, bodyStyle, className, style, children, onClick, onKeyDown, ...props }: CardProps): react.JSX.Element;
+declare function Card({ bordered, title, description, extra, selectable, selected, showSelectedIndicator, defaultSelected, disabled, onSelectedChange, hoverActions, accent, accentColor, collapsible, collapsed, defaultCollapsed, onCollapsedChange, bodyHeight, bodyClassName, bodyStyle, className, style, children, onClick, onKeyDown, ...props }: CardProps): react.JSX.Element;
 
 declare const iconPaths: {
     "notepad-file": react.JSX.Element;
@@ -1999,7 +2005,7 @@ interface UploadProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue
     fileList?: readonly UploadFile[];
     /** 非受控初始列表，后续修改不重置列表。 @defaultValue [] */
     defaultFileList?: readonly UploadFile[];
-    /** 文件列表样式：text 为文字列表，picture 为带缩略图的图片列表，picture-card 为照片墙。 @defaultValue "text" */
+    /** 文件列表样式：text 为带文件数量标题、图标和状态的文字卡片列表，picture 为带缩略图的图片列表，picture-card 为照片墙。 @defaultValue "text" */
     listType?: "text" | "picture" | "picture-card";
     /** 照片墙卡片尺寸，仅 listType="picture-card" 生效；数字设置正方形，对象分别设置宽高，单位 px。默认 112×112，各边最小 48，无效数值使用默认值；宽或高小于 88px 时隐藏文件名。 */
     cardSize?: number | {
@@ -2008,7 +2014,7 @@ interface UploadProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue
         /** 卡片高度，默认 112px，最小 48px。 */
         height?: number;
     };
-    /** 是否显示列表；隐藏时仍执行数量限制和变更通知。 @defaultValue true */
+    /** 是否显示内置列表及文字列表的数量标题；隐藏时仍执行数量限制和变更通知。 @defaultValue true */
     showUploadList?: boolean;
     /** 启动前校验，可异步；false 保留 ready，Upload.LIST_IGNORE 移除，File 转换本次上传内容；拒绝或抛错进入 error。手动上传时在调用 upload 后执行。 */
     beforeUpload?: (file: File, fileList: readonly File[]) => boolean | File | symbol | Promise<boolean | File | symbol>;
@@ -2041,9 +2047,9 @@ interface UploadDraggerProps extends UploadProps {
     hint?: ReactNode;
 }
 
-/** 上传组件，支持图片列表、照片墙、目录、粘贴与完全受控请求；未配置请求时仅选择文件。 */
+/** 上传组件，默认以带数量标题和状态的文字卡片展示已选文件；支持图片列表、照片墙、目录、粘贴与完全受控请求，未配置请求时仅选择文件。 */
 declare const Upload: react.ForwardRefExoticComponent<UploadProps & react.RefAttributes<UploadRef>> & {
-    /** 可点击、键盘操作和拖拽的上传区域，ref 支持手动上传、取消及移除。 */
+    /** 可点击、键盘操作和拖拽的上传区域，ref 支持手动上传、取消及移除；默认内容在文字或图片列表非空且可见时收紧高度，清空后恢复。 */
     Dragger: react.ForwardRefExoticComponent<UploadDraggerProps & react.RefAttributes<UploadRef>>;
     /** beforeUpload 返回时移除该文件，不进行上传。 */
     LIST_IGNORE: symbol;

package/dist/core.cjs

@@ -1757,6 +1757,7 @@ function Toolbar({ items, onAction, disabled = false, size = "small", variant =
 var import_react9 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function Card({
+  bordered = true,
   title,
   description,
   extra,
@@ -1808,7 +1809,7 @@ function Card({
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "section",
     {
-      className: `sia-card${isCollapsed ? " sia-card--collapsed" : ""}${selectable ? " sia-card--selectable" : ""}${selectable && isSelected ? " sia-card--selected" : ""}${hoverActions ? " sia-card--hover-actions" : ""} ${className}`.trim(),
+      className: `sia-card${!bordered ? " sia-card--borderless" : ""}${isCollapsed ? " sia-card--collapsed" : ""}${selectable ? " sia-card--selectable" : ""}${selectable && isSelected ? " sia-card--selected" : ""}${hoverActions ? " sia-card--hover-actions" : ""} ${className}`.trim(),
       style: mergedStyle,
       role: selectable ? "checkbox" : void 0,
       "aria-checked": selectable ? isSelected : void 0,
@@ -4528,7 +4529,7 @@ function UploadItem({ file, files, props, actions }) {
   }
   (0, import_react24.useEffect)(() => setFailed(false), [source]);
   const node = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: `sia-upload__item sia-upload__item--${file.status ?? "ready"}`, children: [
-    props.listType !== "text" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { variant: "text", className: "sia-upload__thumbnail", "aria-label": `\u9884\u89C8\u7F29\u7565\u56FE ${file.name}`, onClick: actions.preview, disabled: !canPreview, children: source && !failed ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: source, alt: file.name, onError: () => setFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: file.type?.startsWith("image/") ? "image" : "file", size: 28 }) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: file.status === "done" ? "circle-check" : "file", size: 16 }),
+    props.listType !== "text" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { variant: "text", className: "sia-upload__thumbnail", "aria-label": `\u9884\u89C8\u7F29\u7565\u56FE ${file.name}`, onClick: actions.preview, disabled: !canPreview, children: source && !failed ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: source, alt: file.name, onError: () => setFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: file.type?.startsWith("image/") ? "image" : "file", size: 28 }) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "sia-upload__file-icon", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: file.status === "done" ? "circle-check" : "file", size: 24 }) }),
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "sia-upload__name", ...withTitleTooltip({ title: file.relativePath || file.name }), children: file.url ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("a", { href: file.url, target: "_blank", rel: "noreferrer", children: file.name }) : file.name }),
     /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "sia-upload__actions", children: [
       /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { variant: "text", title: "\u9884\u89C8", "aria-label": `\u9884\u89C8 ${file.name}`, disabled: !canPreview, onClick: actions.preview, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: "eye", size: 14 }) }),
@@ -4543,7 +4544,8 @@ function UploadItem({ file, files, props, actions }) {
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "sia-upload__progress", role: "progressbar", "aria-label": `${file.name} \u4E0A\u4F20\u8FDB\u5EA6`, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": file.percent ?? 0, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { style: { width: `${file.percent ?? 0}%` } }) })
     ] }),
-    file.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "sia-upload__error", children: "\u4E0A\u4F20\u5931\u8D25" })
+    file.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "sia-upload__error", children: "\u4E0A\u4F20\u5931\u8D25" }),
+    props.listType === "text" && (file.status === void 0 || file.status === "ready" || file.status === "done") && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "sia-upload__status", children: file.status === "done" ? "\u4E0A\u4F20\u5B8C\u6210" : "\u5DF2\u9009\u62E9" })
   ] });
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children: props.itemRender ? props.itemRender(node, file, files, actions) : node });
 }
@@ -4822,6 +4824,10 @@ var UploadRoot = (0, import_react24.forwardRef)(function UploadRoot2({
           }
         ),
         listType !== "picture-card" && trigger,
+        showUploadList && listType === "text" && files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "sia-upload__list-heading", role: "status", children: [
+          "\u5DF2\u9009\u6587\u4EF6 ",
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "sia-upload__count", children: files.length })
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "sia-upload__list", children: [
           showUploadList && files.map((file) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(UploadItem, { file, files, props: { listType, disabled, itemRender, onPreview, downloadRequest, accept }, actions: {
             upload: () => start(file),
@@ -4860,7 +4866,7 @@ var UploadDragger = (0, import_react24.forwardRef)(function UploadDragger2({ hin
   ] }) });
 });
 var Upload = Object.assign(UploadRoot, {
-  /** 可点击、键盘操作和拖拽的上传区域，ref 支持手动上传、取消及移除。 */
+  /** 可点击、键盘操作和拖拽的上传区域，ref 支持手动上传、取消及移除；默认内容在文字或图片列表非空且可见时收紧高度，清空后恢复。 */
   Dragger: UploadDragger,
   /** beforeUpload 返回时移除该文件，不进行上传。 */
   LIST_IGNORE

package/dist/core.css

@@ -2593,6 +2593,18 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   border-color: var(--sia-color-primary);
   box-shadow: inset 0 0 0 1px var(--sia-color-primary);
 }
+.sia-card.sia-card--borderless {
+  border: 0;
+  box-shadow: none;
+}
+.sia-card--borderless > .sia-card__header {
+  margin-inline: 0;
+}
+.sia-card--borderless > .sia-card__description,
+.sia-card--borderless > .sia-card__body,
+.sia-card--borderless > .sia-card__hover-actions {
+  padding: 0;
+}
 .sia-card--selectable:focus-visible {
   outline: 2px solid var(--sia-color-primary);
   outline-offset: 2px;
@@ -5009,7 +5021,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  gap: var(--sia-query-field-gap, 6px);
+  gap: var(--sia-query-field-gap, 8px);
   padding-top: 8px;
 }
 .sia-query-form__field {
@@ -5020,10 +5032,10 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   max-width: 100%;
 }
 .sia-query-form__field:has(.sia-picker-range-control, .sia-time-range, .sia-select-date-range, .sia-space-compact:not(.sia-space-compact--vertical) > :nth-child(2)) {
-  --sia-query-item-width: calc(var(--sia-query-field-width, 220px) + var(--sia-query-field-width, 220px) + var(--sia-query-field-gap, 6px));
+  --sia-query-item-width: calc(var(--sia-query-field-width, 220px) + var(--sia-query-field-width, 220px) + var(--sia-query-field-gap, 8px));
 }
 .sia-query-form .sia-query-form__fields > .sia-query-form__field:has(.sia-select-date-range) {
-  --sia-query-item-width: calc(var(--sia-query-field-width, 220px) * 3 + var(--sia-query-field-gap, 6px) * 2);
+  --sia-query-item-width: calc(var(--sia-query-field-width, 220px) * 3 + var(--sia-query-field-gap, 8px) * 2);
 }
 .sia-query-form__field :is(.sia-picker-range-control, .sia-time-range, .sia-select-date-range, .sia-space-compact:not(.sia-space-compact--vertical)) {
   width: 100%;
@@ -6642,7 +6654,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   box-sizing: border-box;
   display: inline-flex;
   align-items: stretch;
-  width: min(calc(var(--sia-query-field-width, 220px) * 3 + var(--sia-query-field-gap, 6px) * 2), 100%);
+  width: min(calc(var(--sia-query-field-width, 220px) * 3 + var(--sia-query-field-gap, 8px) * 2), 100%);
   min-width: 0;
   vertical-align: middle;
 }
@@ -7336,6 +7348,91 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-upload__item--error .sia-upload__remove {
   color: var(--sia-color-error);
 }
+.sia-upload__list-heading {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 4px;
+  font-size: 14px;
+  font-weight: 600;
+}
+.sia-upload__count {
+  display: inline-grid;
+  place-items: center;
+  min-width: 24px;
+  height: 24px;
+  padding: 0 6px;
+  box-sizing: border-box;
+  color: var(--sia-color-primary-text);
+  background: var(--sia-color-control-hover);
+  border-radius: 12px;
+  font-size: 12px;
+}
+.sia-upload--text .sia-upload__list {
+  gap: 8px;
+}
+.sia-upload--text .sia-upload__item {
+  box-sizing: border-box;
+  min-height: 72px;
+  padding: 12px;
+  column-gap: 12px;
+  row-gap: 4px;
+  border: 1px solid var(--sia-color-border);
+  border-radius: 8px;
+  background: var(--sia-color-control-hover);
+}
+.sia-upload--text .sia-upload__name {
+  font-size: 14px;
+  font-weight: 500;
+}
+.sia-upload__file-icon {
+  display: grid;
+  place-items: center;
+  grid-column: 1;
+  grid-row: 1 / 3;
+  width: 40px;
+  height: 40px;
+  color: var(--sia-color-primary-text);
+  background: var(--sia-color-surface);
+  border-radius: 8px;
+}
+.sia-upload__status {
+  grid-column: 2;
+  font-size: 12px;
+  color: var(--sia-color-text-secondary);
+}
+.sia-upload--text .sia-upload__actions {
+  grid-row: 1 / 3;
+  gap: 4px;
+}
+.sia-upload--text .sia-upload__actions > .sia-button {
+  width: 30px;
+  height: 30px;
+}
+.sia-upload--text .sia-upload__uploading,
+.sia-upload--text .sia-upload__error {
+  grid-column: 2;
+}
+.sia-upload--text .sia-upload__item--done .sia-upload__file-icon,
+.sia-upload--text .sia-upload__item--done .sia-upload__status {
+  color: var(--sia-color-success);
+}
+.sia-upload--text .sia-upload__item--error {
+  border-color: var(--sia-color-error);
+}
+.sia-upload--text .sia-upload__item--error .sia-upload__file-icon {
+  color: var(--sia-color-error);
+}
+@media (max-width: 480px) {
+  .sia-upload--text .sia-upload__item {
+    grid-template-columns: auto minmax(0, 1fr);
+  }
+  .sia-upload--text .sia-upload__actions {
+    grid-column: 2;
+    grid-row: 3;
+    justify-self: end;
+  }
+}
 .sia-upload__thumbnail.sia-button {
   display: grid;
   place-items: center;
@@ -7502,6 +7599,16 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-upload-dragger__content > .sia-icon {
   color: var(--sia-color-primary);
 }
+.sia-upload-dragger:not(.sia-upload--picture-card):has(.sia-upload__list:not(:empty)) .sia-upload-dragger__content {
+  min-height: 104px;
+  padding: 16px;
+  gap: 6px;
+}
+.sia-upload-dragger:not(.sia-upload--picture-card):has(.sia-upload__list:not(:empty)) .sia-upload-dragger__content > .sia-icon {
+  width: 24px;
+  height: 24px;
+  font-size: 24px;
+}
 .sia-upload.is-dragging .sia-upload__choose {
   outline: 2px solid var(--sia-color-primary);
   outline-offset: 2px;

package/dist/core.d.cts

@@ -1,4 +1,4 @@
-export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-MTKdBVk3.cjs';
+export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-C4ayGoM8.cjs';
 export { f as Button, B as ButtonProps, e as ButtonSize, g as ButtonVariant, h as Modal, d as ModalActionResult, M as ModalOpenConfig, i as ModalProps, j as ModalType, a as OverlayApiHandle, k as Select, S as SelectOption, c as SelectProps, m as SelectValue } from './Select-YJbT-MF1.cjs';
 import 'react';
 import './shared-Bx4B28Wh.cjs';

package/dist/core.d.ts

@@ -1,4 +1,4 @@
-export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-BrQetGru.js';
+export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-BemUqBUF.js';
 export { f as Button, B as ButtonProps, e as ButtonSize, g as ButtonVariant, h as Modal, d as ModalActionResult, M as ModalOpenConfig, i as ModalProps, j as ModalType, a as OverlayApiHandle, k as Select, S as SelectOption, c as SelectProps, m as SelectValue } from './Select-CCrPqULn.js';
 import 'react';
 import './shared-Bx4B28Wh.js';

package/dist/core.js

@@ -10,7 +10,7 @@ import {
   Typography,
   Upload,
   message
-} from "./chunk-QJH7H3CB.js";
+} from "./chunk-NV4QPQSP.js";
 import "./chunk-SMCYEPBL.js";
 import {
   Modal,