@sia.soul/sia-react-ui 0.1.14 → 0.1.17

package/dist/core.css

@@ -1788,7 +1788,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   display: flex;
   flex-direction: column;
   width: max-content;
-  min-width: 90px;
+  min-width: min(max(90px, var(--sia-popup-anchor-width, 0px)), calc(100vw - 16px));
   padding: 4px;
   background: var(--sia-color-surface);
   border: 1px solid var(--sia-color-border);
@@ -4729,6 +4729,148 @@ fieldset:disabled .sia-input-number__floating-placeholder {
     transition: none;
   }
 }
+.sia-query-form {
+  min-width: 0;
+  width: 100%;
+}
+.sia-query-form__fields {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 12px;
+  padding-top: 8px;
+}
+.sia-query-form__field {
+  flex: 0 1 var(--sia-query-field-width, 220px);
+  width: var(--sia-query-field-width, 220px);
+  min-width: 0;
+  max-width: 100%;
+}
+.sia-query-form__field[hidden] {
+  display: none;
+}
+.sia-query-form__field > .sia-input-control,
+.sia-query-form__field > .sia-select,
+.sia-query-form__field > .sia-picker,
+.sia-query-form__field > .sia-input-number,
+.sia-query-form__field > .sia-cascader,
+.sia-query-form__field > .sia-tree-select,
+.sia-query-form__field > .sia-select-date-range {
+  width: 100%;
+}
+.sia-query-form__field > .sia-space-compact {
+  width: 100%;
+}
+.sia-query-form__field > .sia-space-compact > .sia-select {
+  flex: 1;
+  min-width: 0;
+  width: 0;
+}
+.sia-query-form__actions {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.sia-query-form__quick,
+.sia-query-form__saved {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+.sia-query-form__quick {
+  margin-bottom: 8px;
+}
+.sia-query-form__saved {
+  margin-top: 10px;
+}
+.sia-query-form__saved > .sia-tag {
+  cursor: pointer;
+}
+.sia-query-form__saved > .sia-tag.is-active {
+  outline: 1px solid currentColor;
+}
+.sia-query-form__saved > .sia-tag:focus-visible {
+  outline: 2px solid var(--sia-color-primary);
+  outline-offset: 2px;
+}
+.sia-query-form__saved > .sia-tag--disabled {
+  cursor: not-allowed;
+}
+.sia-query-form__error {
+  margin: 8px 0 0;
+  color: var(--sia-color-error);
+  font-size: 13px;
+}
+@media (max-width: 600px) {
+  .sia-query-form__field {
+    flex-basis: 100% !important;
+    width: 100% !important;
+  }
+  .sia-query-form__actions {
+    width: 100%;
+  }
+}
+.sia-query-form__fields.is-collapsed {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  padding-bottom: 2px;
+}
+.sia-query-form__fields.is-collapsed > .sia-query-form__field {
+  flex: 0 0 auto;
+}
+.sia-query-form__fields.is-collapsed > .sia-query-form__actions {
+  flex: 0 0 auto;
+  flex-wrap: nowrap;
+  width: max-content;
+}
+@media (max-width: 600px) {
+  .sia-query-form__fields.is-collapsed > .sia-query-form__field {
+    flex-basis: auto !important;
+    width: var(--sia-query-field-width, 220px) !important;
+  }
+}
+.sia-query-form__quick > .sia-badge:has(.sia-badge__count) {
+  margin: 5px 12px 2px 0;
+}
+.sia-tag--close-on-hover > .sia-tag__close {
+  flex-shrink: 0;
+  width: 0;
+  margin-left: -4px;
+  margin-right: 0;
+  overflow: hidden;
+  opacity: 0;
+  pointer-events: none;
+  transition:
+    width 180ms ease,
+    margin 180ms ease,
+    opacity 180ms ease;
+}
+.sia-tag--close-on-hover:not(.sia-tag--disabled):is(:hover, :focus-within) > .sia-tag__close {
+  width: 16px;
+  margin-left: 0;
+  margin-right: -4px;
+  opacity: 1;
+  pointer-events: auto;
+}
+@media (hover: none) {
+  .sia-tag--close-on-hover:not(.sia-tag--disabled) > .sia-tag__close {
+    width: 16px;
+    margin-left: 0;
+    margin-right: -4px;
+    opacity: 1;
+    pointer-events: auto;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .sia-tag--close-on-hover > .sia-tag__close {
+    transition: none;
+  }
+}
+.sia-table-settings__loading {
+  min-height: 160px;
+}
 
 /* src/components-extra.css */
 .sia-flex {

package/dist/core.d.cts

@@ -1,4 +1,4 @@
-export { f as Breadcrumb, g as BreadcrumbItem, h as BreadcrumbProps, i as Button, B as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, bb as message } from './core-BK8AXc12.cjs';
+export { g as Breadcrumb, h as BreadcrumbItem, i as BreadcrumbProps, j as Button, B as ButtonProps, b as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, U as IconVariant, _ as Input, $ as InputProps, a6 as MessageConfig, a7 as MessageHandle, a8 as MessageKey, a9 as MessageType, aa as Modal, ab as ModalActionResult, ac as ModalOpenConfig, ad as ModalProps, ae as ModalType, a as OverlayApiHandle, am as Progress, an as ProgressProps, ao as ProgressStatus, ar as Segmented, as as SegmentedOption, at as SegmentedProps, au as SegmentedValue, aB as TabItem, aC as Tabs, aE as TabsOrientation, aF as TabsPosition, aG as TabsProps, aH as TabsType, aI as Tag, aJ as TagProps, T as TagStatus, aK as TagVariant, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, bb as message } from './core-AeKYVPDZ.cjs';
 export { S as Select, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-CVvF4mcy.cjs';
 import 'react';
 import './shared-DAYZvZVu.cjs';

package/dist/core.d.ts

@@ -1,4 +1,4 @@
-export { f as Breadcrumb, g as BreadcrumbItem, h as BreadcrumbProps, i as Button, B as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, bb as message } from './core-CJK3_KTQ.js';
+export { g as Breadcrumb, h as BreadcrumbItem, i as BreadcrumbProps, j as Button, B as ButtonProps, b as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, U as IconVariant, _ as Input, $ as InputProps, a6 as MessageConfig, a7 as MessageHandle, a8 as MessageKey, a9 as MessageType, aa as Modal, ab as ModalActionResult, ac as ModalOpenConfig, ad as ModalProps, ae as ModalType, a as OverlayApiHandle, am as Progress, an as ProgressProps, ao as ProgressStatus, ar as Segmented, as as SegmentedOption, at as SegmentedProps, au as SegmentedValue, aB as TabItem, aC as Tabs, aE as TabsOrientation, aF as TabsPosition, aG as TabsProps, aH as TabsType, aI as Tag, aJ as TagProps, T as TagStatus, aK as TagVariant, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, bb as message } from './core-DcSXqSRs.js';
 export { S as Select, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-Ce2Irbpt.js';
 import 'react';
 import './shared-DAYZvZVu.js';

package/dist/core.js

@@ -9,12 +9,12 @@ import {
   Typography,
   Upload,
   message
-} from "./chunk-K3XRTEIO.js";
+} from "./chunk-KJYKC5IV.js";
 import "./chunk-YT6E3X2K.js";
 import {
   Modal,
   Select
-} from "./chunk-R3TYVU53.js";
+} from "./chunk-VXSG4EAO.js";
 import {
   Icon,
   Input,