@sia.soul/sia-react-ui 0.1.62 → 0.1.64

package/dist/core.css

@@ -2496,7 +2496,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   align-items: center;
   justify-content: space-between;
   gap: 16px;
-  min-height: 56px;
+  min-height: 40px;
   margin-inline: 16px;
   border-bottom: 1px solid var(--sia-color-border);
 }
@@ -2538,7 +2538,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   line-height: 1.55;
 }
 .sia-card__body {
-  padding: var(--sia-spacing);
+  padding: 6px var(--sia-spacing);
 }
 .sia-card__collapse-trigger {
   display: flex;
@@ -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;
@@ -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;
@@ -9367,6 +9474,55 @@ body > .sia-popup-portal[data-sia-popup-layer] {
   display: grid;
   color: var(--sia-color-text);
 }
+.sia-tree--virtual {
+  position: relative;
+  display: block;
+}
+.sia-tree__virtual-space {
+  position: relative;
+  min-width: 100%;
+}
+.sia-tree__virtual-node,
+.sia-tree__virtual-sticky-node {
+  position: absolute;
+  right: 0;
+  left: 0;
+  box-sizing: border-box;
+  contain: layout style;
+}
+.sia-tree__virtual-node {
+  top: 0;
+  will-change: transform;
+}
+.sia-tree__virtual-node > .sia-tree__row,
+.sia-tree__virtual-sticky-node > .sia-tree__row {
+  position: relative;
+  z-index: 1;
+  min-height: 0;
+}
+.sia-tree__virtual-sticky-layer {
+  position: sticky;
+  z-index: 120;
+  top: 0;
+  height: 0;
+  overflow: visible;
+}
+.sia-tree__virtual-sticky-node > .sia-tree__row {
+  background: var(--sia-color-surface);
+}
+.sia-tree__virtual-guides {
+  position: absolute;
+  z-index: 0;
+  inset: 0;
+  pointer-events: none;
+}
+.sia-tree__virtual-guide {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 1px;
+  background: var(--sia-color-border);
+}
 .sia-tree__row {
   display: flex;
   align-items: center;

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-hpkUd4EO.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-DrNZuMER.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,12 +10,12 @@ import {
   Typography,
   Upload,
   message
-} from "./chunk-QJH7H3CB.js";
+} from "./chunk-NKSPPR2A.js";
 import "./chunk-SMCYEPBL.js";
 import {
   Modal,
   Select
-} from "./chunk-F4XMRO6G.js";
+} from "./chunk-B42RCR7O.js";
 import {
   Icon,
   Input,