@sia.soul/sia-react-ui 0.1.27 → 0.1.29

package/dist/core.css

@@ -3517,8 +3517,21 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   gap: 5px;
 }
 .sia-table__header-label-content {
+  display: block;
   min-width: 0;
   flex: 1;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.sia-table__sortable-header > span:first-child,
+.sia-table__filter-header > span:first-child,
+.sia-table__resizable-header > span:first-child {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .sia-table__header-description {
   display: inline-grid;
@@ -3828,24 +3841,40 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  min-width: 0;
   gap: 6px;
 }
 .sia-table__sort-button {
   display: grid;
   align-content: center;
-  width: 20px;
+  justify-items: center;
+  flex: 0 0 26px;
+  width: 26px;
   height: 28px;
   padding: 0;
   color: var(--sia-color-text-secondary);
   cursor: pointer;
   background: transparent;
   border: 0;
+  border-radius: var(--sia-radius);
 }
-.sia-table__sort-button .sia-icon {
+.sia-table__sort-button[data-sort-order=none] .sia-icon {
   margin-block: -2px;
 }
-.sia-table__sort-button .is-active {
+.sia-table__sort-button:not([data-sort-order=none]) {
   color: var(--sia-color-primary-text);
+  background: color-mix(in srgb, var(--sia-color-primary) 14%, var(--sia-color-surface));
+}
+.sia-table__sort-button:not([data-sort-order=none]) .sia-icon {
+  stroke-width: 2.5;
+}
+.sia-table__sort-button:hover {
+  color: var(--sia-color-primary-text);
+  background: color-mix(in srgb, var(--sia-color-primary) 20%, var(--sia-color-surface));
+}
+.sia-table__sort-button:focus-visible {
+  outline: 2px solid var(--sia-color-primary);
+  outline-offset: 1px;
 }
 .sia-table__filter-header {
   display: flex;
@@ -6979,6 +7008,205 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-upload-dragger__content strong {
   color: var(--sia-color-text);
 }
+.sia-upload {
+  min-width: 0;
+  outline-offset: 4px;
+}
+.sia-upload__list:empty {
+  display: none;
+}
+.sia-upload__item {
+  position: relative;
+  min-width: 0;
+}
+.sia-upload__choose {
+  gap: 8px;
+}
+.sia-upload__choose > span {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+.sia-upload__name a {
+  color: var(--sia-color-primary-text);
+  text-decoration: none;
+}
+.sia-upload__item--error .sia-upload__name a {
+  color: inherit;
+}
+.sia-upload__uploading {
+  display: grid;
+  grid-column: 2 / -1;
+  gap: 5px;
+  font-size: 12px;
+  color: var(--sia-color-text-secondary);
+}
+.sia-upload__progress {
+  display: block;
+  grid-column: auto;
+  width: 100%;
+}
+.sia-upload__error {
+  grid-column: 2 / -1;
+  font-size: 12px;
+}
+.sia-upload__item > .sia-upload__remove {
+  grid-column: 3;
+  grid-row: 1;
+  width: 28px;
+  height: 28px;
+}
+.sia-upload__item--error {
+  border-color: var(--sia-color-error);
+}
+.sia-upload__item--error > .sia-upload__remove {
+  color: var(--sia-color-error);
+}
+.sia-upload__thumbnail.sia-button {
+  display: grid;
+  place-items: center;
+  width: 60px;
+  height: 60px;
+  padding: 0;
+  color: inherit;
+  background: var(--sia-color-control-hover);
+  border-radius: 5px;
+}
+.sia-upload__thumbnail img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.sia-upload__thumbnail > span {
+  display: grid;
+  place-items: center;
+  width: 100%;
+  height: 100%;
+}
+.sia-upload--picture .sia-upload__item {
+  min-height: 84px;
+  padding: 10px;
+  border: 1px solid var(--sia-color-border);
+  border-radius: 8px;
+}
+.sia-upload--picture .sia-upload__item--error {
+  border-color: var(--sia-color-error);
+}
+.sia-upload--picture .sia-upload__thumbnail {
+  grid-row: 1 / 3;
+}
+.sia-upload--picture .sia-upload__uploading,
+.sia-upload--picture .sia-upload__error {
+  grid-row: 2;
+}
+.sia-upload--picture-card .sia-upload__list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+.sia-upload--picture-card .sia-upload__item,
+.sia-upload--picture-card .sia-upload__choose {
+  box-sizing: border-box;
+  width: 112px;
+  height: 112px;
+  border: 1px solid var(--sia-color-border);
+  border-radius: 9px;
+}
+.sia-upload--picture-card .sia-upload__item {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 8px;
+  gap: 4px;
+  overflow: hidden;
+}
+.sia-upload--picture-card .sia-upload__choose {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 8px;
+  border-style: dashed;
+  color: var(--sia-color-text);
+  background: var(--sia-color-control-hover);
+}
+.sia-upload--picture-card .sia-upload__choose > span {
+  flex-direction: column;
+  gap: 10px;
+}
+.sia-upload--picture-card .sia-upload__thumbnail {
+  width: 100%;
+  height: 70px;
+  min-height: 0;
+  flex: 1 1 auto;
+}
+.sia-upload--picture-card .sia-upload__name {
+  display: block;
+  width: 100%;
+  text-align: center;
+  font-size: 12px;
+  flex: 0 0 auto;
+}
+.sia-upload--picture-card .sia-upload__remove {
+  position: absolute;
+  right: 3px;
+  top: 3px;
+  background: var(--sia-color-surface);
+  border-radius: 50%;
+  opacity: 0;
+  z-index: 1;
+}
+.sia-upload--picture-card .sia-upload__item:hover .sia-upload__remove,
+.sia-upload--picture-card .sia-upload__item:focus-within .sia-upload__remove {
+  opacity: 1;
+}
+.sia-upload--picture-card .sia-upload__item--error {
+  border-color: var(--sia-color-error);
+}
+.sia-upload--picture-card .sia-upload__uploading {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 12px;
+  padding: 12px;
+  text-align: center;
+  background: var(--sia-color-surface);
+  pointer-events: none;
+}
+.sia-upload--picture-card .sia-upload__error {
+  font-size: 11px;
+}
+.sia-upload-dragger .sia-upload__choose {
+  width: 100%;
+  height: auto;
+  padding: 0;
+  white-space: normal;
+  border: 0;
+}
+.sia-upload-dragger .sia-upload__choose > span {
+  display: block;
+  width: 100%;
+}
+.sia-upload-dragger__content {
+  box-sizing: border-box;
+}
+.sia-upload-dragger__content > .sia-icon {
+  color: var(--sia-color-primary);
+}
+.sia-upload.is-dragging .sia-upload__choose {
+  outline: 2px solid var(--sia-color-primary);
+  outline-offset: 2px;
+}
+.sia-upload.is-disabled .sia-upload-dragger__content {
+  cursor: not-allowed;
+}
+@media (hover: none) {
+  .sia-upload--picture-card .sia-upload__remove {
+    opacity: 1;
+  }
+}
 .sia-form > fieldset {
   display: contents;
   min-width: 0;

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, T as TagStatus, az as TagVariant, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, a_ as UploadProps, a$ as UploadRequestOptions, b3 as message } from './core-BM-wnJRa.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, T as TagStatus, az as TagVariant, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, b0 as UploadProps, b4 as UploadRequestOptions, b8 as message } from './core-C_aAA7OF.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, T as TagStatus, az as TagVariant, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, a_ as UploadProps, a$ as UploadRequestOptions, b3 as message } from './core-CLqv6btD.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, T as TagStatus, az as TagVariant, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, b0 as UploadProps, b4 as UploadRequestOptions, b8 as message } from './core-CuszFlw9.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-NAOV53NK.js";
+} from "./chunk-I5KAI6FC.js";
 import "./chunk-YQDHCORW.js";
 import {
   Modal,
   Select
-} from "./chunk-5MW3NE2V.js";
+} from "./chunk-DQYNL6VZ.js";
 import {
   Icon,
   Input,