@sia.soul/sia-react-ui 0.1.42 → 0.1.44

package/dist/{chunk-IPDCEXQO.js → chunk-KXPNW4E6.js}

@@ -5,7 +5,7 @@ import {
   Popover,
   Tooltip,
   useOverlayLifecycle
-} from "./chunk-3Q3S6CDZ.js";
+} from "./chunk-NYJSSPIX.js";
 import {
   Dropdown,
   Icon
@@ -95,6 +95,12 @@ function Card({
   title,
   description,
   extra,
+  selectable = false,
+  selected,
+  defaultSelected = false,
+  disabled = false,
+  onSelectedChange,
+  hoverActions,
   accent,
   accentColor,
   collapsible = false,
@@ -107,9 +113,19 @@ function Card({
   className = "",
   style,
   children,
+  onClick,
+  onKeyDown,
   ...props
 }) {
   const [internalCollapsed, setInternalCollapsed] = useState2(defaultCollapsed);
+  const [internalSelected, setInternalSelected] = useState2(defaultSelected);
+  const isSelected = selected ?? internalSelected;
+  function toggleSelected() {
+    if (!selectable || disabled) return;
+    const next = !isSelected;
+    if (selected === void 0) setInternalSelected(next);
+    onSelectedChange?.(next);
+  }
   const isCollapsed = collapsed ?? internalCollapsed;
   const hasHeader = title || extra || collapsible;
   const mergedStyle = accentColor ? { "--sia-card-accent": accentColor, ...style } : style;
@@ -123,19 +139,46 @@ function Card({
     accent || accentColor ? /* @__PURE__ */ jsx2("span", { className: `sia-card__accent${accent ? ` sia-card__accent--${accent}` : ""}`, "aria-hidden": "true" }) : null,
     title ? /* @__PURE__ */ jsx2("h3", { className: "sia-card__title", children: title }) : null
   ] });
-  return /* @__PURE__ */ jsxs2("section", { className: `sia-card${isCollapsed ? " sia-card--collapsed" : ""} ${className}`.trim(), style: mergedStyle, ...withTitleTooltip(props), children: [
-    hasHeader ? /* @__PURE__ */ jsxs2("header", { className: "sia-card__header", children: [
-      collapsible ? /* @__PURE__ */ jsxs2("button", { type: "button", className: "sia-card__collapse-trigger", "aria-expanded": !isCollapsed, onClick: toggleCollapsed, children: [
-        heading,
-        /* @__PURE__ */ jsx2(Icon, { name: isCollapsed ? "chevron-down" : "chevron-up", size: 16 })
-      ] }) : heading,
-      extra ? /* @__PURE__ */ jsx2("div", { className: "sia-card__extra", children: extra }) : null
-    ] }) : null,
-    !isCollapsed ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-      description ? /* @__PURE__ */ jsx2("p", { className: "sia-card__description", children: description }) : null,
-      /* @__PURE__ */ jsx2("div", { className: `sia-card__body ${bodyClassName}`.trim(), style: mergedBodyStyle, children })
-    ] }) : null
-  ] });
+  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(),
+      style: mergedStyle,
+      role: selectable ? "checkbox" : void 0,
+      "aria-checked": selectable ? isSelected : void 0,
+      "aria-disabled": selectable ? disabled : void 0,
+      tabIndex: selectable && !disabled ? 0 : void 0,
+      ...withTitleTooltip(props),
+      onClick: (event) => {
+        onClick?.(event);
+        const target = event.target;
+        const interactive = target.closest('button, a, input, select, textarea, label, [role="button"], [role="checkbox"], [role="radio"], [role="switch"], [contenteditable="true"], [tabindex]');
+        if (!event.defaultPrevented && (!interactive || interactive === event.currentTarget)) toggleSelected();
+      },
+      onKeyDown: (event) => {
+        onKeyDown?.(event);
+        if (!event.defaultPrevented && event.target === event.currentTarget && selectable && (event.key === "Enter" || event.key === " ")) {
+          event.preventDefault();
+          toggleSelected();
+        }
+      },
+      children: [
+        selectable && isSelected ? /* @__PURE__ */ jsx2("span", { className: "sia-card__selected-corner", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(Icon, { name: "check", size: 16 }) }) : null,
+        hasHeader ? /* @__PURE__ */ jsxs2("header", { className: "sia-card__header", children: [
+          collapsible ? /* @__PURE__ */ jsxs2("button", { type: "button", className: "sia-card__collapse-trigger", "aria-expanded": !isCollapsed, onClick: toggleCollapsed, children: [
+            heading,
+            /* @__PURE__ */ jsx2(Icon, { name: isCollapsed ? "chevron-down" : "chevron-up", size: 16 })
+          ] }) : heading,
+          extra ? /* @__PURE__ */ jsx2("div", { className: "sia-card__extra", children: extra }) : null
+        ] }) : null,
+        !isCollapsed ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+          description ? /* @__PURE__ */ jsx2("p", { className: "sia-card__description", children: description }) : null,
+          /* @__PURE__ */ jsx2("div", { className: `sia-card__body ${bodyClassName}`.trim(), style: mergedBodyStyle, children }),
+          hoverActions ? /* @__PURE__ */ jsx2("div", { className: "sia-card__hover-actions", onClick: (event) => event.stopPropagation(), children: hoverActions }) : null
+        ] }) : null
+      ]
+    }
+  );
 }
 
 // src/components/Tag.tsx
@@ -1772,13 +1815,13 @@ function TypographyContent({
   useEffect5(() => () => clearTimeout(timer.current), []);
   useLayoutEffect3(() => {
     const element = contentRef.current;
-    if (!element || !ellipsis || editing || expanded) return;
+    if (!element || !ellipsis || !expandable || editing || expanded) return;
     const measure = () => setOverflow(element.scrollHeight > element.clientHeight + 1 || element.scrollWidth > element.clientWidth + 1);
     measure();
     const observer = new ResizeObserver(measure);
     observer.observe(element);
     return () => observer.disconnect();
-  }, [content, ellipsis, rows, editing, expanded]);
+  }, [content, ellipsis, rows, expandable, editing, expanded]);
   async function copy() {
     try {
       const text = typeof copyable === "object" ? copyable.text ?? contentRef.current?.textContent ?? "" : contentRef.current?.textContent ?? "";

package/dist/{chunk-3Q3S6CDZ.js → chunk-NYJSSPIX.js}

@@ -1294,7 +1294,17 @@ function FloatingScrollbarProvider({ disabled = false, targetRef }) {
     };
     const scanTargets = () => {
       scanFrame = 0;
-      const candidates = (targetRef ? [targetRef.current] : [document.scrollingElement, ...document.querySelectorAll("*")]).filter((target) => target instanceof HTMLElement);
+      const managedSelector = ".sia-table__viewport, [data-sia-native-scrollbar], .sia-scrollbar-track, .sia-floating-scrollbar-layer";
+      const discovered = [];
+      if (!targetRef) {
+        const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_ELEMENT, {
+          acceptNode: (node) => node.matches(managedSelector) ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT
+        });
+        for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+          if (node instanceof HTMLElement) discovered.push(node);
+        }
+      }
+      const candidates = (targetRef ? [targetRef.current] : [document.scrollingElement, ...discovered]).filter((target) => target instanceof HTMLElement);
       const nextTargets = /* @__PURE__ */ new Set();
       candidates.forEach((target) => {
         if (canScroll(target, "horizontal") || canScroll(target, "vertical")) {
@@ -1312,9 +1322,12 @@ function FloatingScrollbarProvider({ disabled = false, targetRef }) {
       scanFrame = window.requestAnimationFrame(scanTargets);
     };
     const mutationObserver = new MutationObserver((mutations) => {
-      if (mutations.some((mutation) => !layer.contains(mutation.target))) scheduleScan();
+      if (mutations.some((mutation) => {
+        const target = mutation.target instanceof Element ? mutation.target : mutation.target.parentElement;
+        return target && !layer.contains(target) && !target.closest(".sia-table__viewport, [data-sia-native-scrollbar], .sia-scrollbar-track");
+      })) scheduleScan();
     });
-    mutationObserver.observe(document.documentElement, { subtree: true, childList: true, attributes: true });
+    mutationObserver.observe(document.documentElement, { subtree: true, childList: true, attributes: true, attributeFilter: ["class", "style", "hidden"] });
     window.addEventListener("resize", scheduleScan);
     window.addEventListener("scroll", scheduleUpdateAll, true);
     scheduleScan();

package/dist/{chunk-LWVZEUGJ.js → chunk-QIXU7N4X.js}

@@ -1,7 +1,7 @@
 import {
   FloatingScrollbarProvider,
   Select
-} from "./chunk-3Q3S6CDZ.js";
+} from "./chunk-NYJSSPIX.js";
 import {
   Icon
 } from "./chunk-XCVAVCIO.js";

package/dist/{core-C2IieVNm.d.cts → core-CADzSGab.d.cts}

@@ -52,6 +52,27 @@ interface CardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
     description?: ReactNode;
     /** 主体之外的补充内容或操作区。 */
     extra?: ReactNode;
+    /**
+     * 点击卡片非交互区域切换选中，支持 Enter 和空格键；选中时显示右上角三角勾选标记。
+     * @defaultValue false
+     */
+    selectable?: boolean;
+    /** 受控选中状态，需在 onSelectedChange 中更新。 */
+    selected?: boolean;
+    /**
+     * 非受控初始选中状态。
+     * @defaultValue false
+     */
+    defaultSelected?: boolean;
+    /**
+     * 禁止切换选中，不禁用卡片内独立操作。
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /** 用户切换选中时通知新的布尔状态；禁用时不触发。 */
+    onSelectedChange?: (selected: boolean) => void;
+    /** 鼠标移入或键盘聚焦卡片时从底部滑入的操作区；触屏设备始终显示。 */
+    hoverActions?: ReactNode;
     /** 强调装饰样式。 */
     accent?: CardAccent;
     /** 强调装饰的颜色。 */
@@ -81,7 +102,7 @@ interface CardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
     bodyStyle?: CSSProperties;
 }
 /** 卡片组件。 */
-declare function Card({ title, description, extra, accent, accentColor, collapsible, collapsed, defaultCollapsed, onCollapsedChange, bodyHeight, bodyClassName, bodyStyle, className, style, children, ...props }: CardProps): react.JSX.Element;
+declare function Card({ title, description, extra, selectable, selected, 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;

package/dist/{core-ZmKnvCFV.d.ts → core-wsymjzoC.d.ts}

@@ -52,6 +52,27 @@ interface CardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
     description?: ReactNode;
     /** 主体之外的补充内容或操作区。 */
     extra?: ReactNode;
+    /**
+     * 点击卡片非交互区域切换选中，支持 Enter 和空格键；选中时显示右上角三角勾选标记。
+     * @defaultValue false
+     */
+    selectable?: boolean;
+    /** 受控选中状态，需在 onSelectedChange 中更新。 */
+    selected?: boolean;
+    /**
+     * 非受控初始选中状态。
+     * @defaultValue false
+     */
+    defaultSelected?: boolean;
+    /**
+     * 禁止切换选中，不禁用卡片内独立操作。
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /** 用户切换选中时通知新的布尔状态；禁用时不触发。 */
+    onSelectedChange?: (selected: boolean) => void;
+    /** 鼠标移入或键盘聚焦卡片时从底部滑入的操作区；触屏设备始终显示。 */
+    hoverActions?: ReactNode;
     /** 强调装饰样式。 */
     accent?: CardAccent;
     /** 强调装饰的颜色。 */
@@ -81,7 +102,7 @@ interface CardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
     bodyStyle?: CSSProperties;
 }
 /** 卡片组件。 */
-declare function Card({ title, description, extra, accent, accentColor, collapsible, collapsed, defaultCollapsed, onCollapsedChange, bodyHeight, bodyClassName, bodyStyle, className, style, children, ...props }: CardProps): react.JSX.Element;
+declare function Card({ title, description, extra, selectable, selected, 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;

package/dist/core.cjs

@@ -1738,6 +1738,12 @@ function Card({
   title,
   description,
   extra,
+  selectable = false,
+  selected,
+  defaultSelected = false,
+  disabled = false,
+  onSelectedChange,
+  hoverActions,
   accent,
   accentColor,
   collapsible = false,
@@ -1750,9 +1756,19 @@ function Card({
   className = "",
   style,
   children,
+  onClick,
+  onKeyDown,
   ...props
 }) {
   const [internalCollapsed, setInternalCollapsed] = (0, import_react9.useState)(defaultCollapsed);
+  const [internalSelected, setInternalSelected] = (0, import_react9.useState)(defaultSelected);
+  const isSelected = selected ?? internalSelected;
+  function toggleSelected() {
+    if (!selectable || disabled) return;
+    const next = !isSelected;
+    if (selected === void 0) setInternalSelected(next);
+    onSelectedChange?.(next);
+  }
   const isCollapsed = collapsed ?? internalCollapsed;
   const hasHeader = title || extra || collapsible;
   const mergedStyle = accentColor ? { "--sia-card-accent": accentColor, ...style } : style;
@@ -1766,19 +1782,46 @@ function Card({
     accent || accentColor ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: `sia-card__accent${accent ? ` sia-card__accent--${accent}` : ""}`, "aria-hidden": "true" }) : null,
     title ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "sia-card__title", children: title }) : null
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { className: `sia-card${isCollapsed ? " sia-card--collapsed" : ""} ${className}`.trim(), style: mergedStyle, ...withTitleTooltip(props), children: [
-    hasHeader ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("header", { className: "sia-card__header", children: [
-      collapsible ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", className: "sia-card__collapse-trigger", "aria-expanded": !isCollapsed, onClick: toggleCollapsed, children: [
-        heading,
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: isCollapsed ? "chevron-down" : "chevron-up", size: 16 })
-      ] }) : heading,
-      extra ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "sia-card__extra", children: extra }) : null
-    ] }) : null,
-    !isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-      description ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "sia-card__description", children: description }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `sia-card__body ${bodyClassName}`.trim(), style: mergedBodyStyle, children })
-    ] }) : null
-  ] });
+  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(),
+      style: mergedStyle,
+      role: selectable ? "checkbox" : void 0,
+      "aria-checked": selectable ? isSelected : void 0,
+      "aria-disabled": selectable ? disabled : void 0,
+      tabIndex: selectable && !disabled ? 0 : void 0,
+      ...withTitleTooltip(props),
+      onClick: (event) => {
+        onClick?.(event);
+        const target = event.target;
+        const interactive = target.closest('button, a, input, select, textarea, label, [role="button"], [role="checkbox"], [role="radio"], [role="switch"], [contenteditable="true"], [tabindex]');
+        if (!event.defaultPrevented && (!interactive || interactive === event.currentTarget)) toggleSelected();
+      },
+      onKeyDown: (event) => {
+        onKeyDown?.(event);
+        if (!event.defaultPrevented && event.target === event.currentTarget && selectable && (event.key === "Enter" || event.key === " ")) {
+          event.preventDefault();
+          toggleSelected();
+        }
+      },
+      children: [
+        selectable && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "sia-card__selected-corner", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "check", size: 16 }) }) : null,
+        hasHeader ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("header", { className: "sia-card__header", children: [
+          collapsible ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", className: "sia-card__collapse-trigger", "aria-expanded": !isCollapsed, onClick: toggleCollapsed, children: [
+            heading,
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: isCollapsed ? "chevron-down" : "chevron-up", size: 16 })
+          ] }) : heading,
+          extra ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "sia-card__extra", children: extra }) : null
+        ] }) : null,
+        !isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+          description ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "sia-card__description", children: description }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `sia-card__body ${bodyClassName}`.trim(), style: mergedBodyStyle, children }),
+          hoverActions ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "sia-card__hover-actions", onClick: (event) => event.stopPropagation(), children: hoverActions }) : null
+        ] }) : null
+      ]
+    }
+  );
 }
 
 // src/components/Tag.tsx
@@ -3414,7 +3457,17 @@ function FloatingScrollbarProvider({ disabled = false, targetRef }) {
     };
     const scanTargets = () => {
       scanFrame = 0;
-      const candidates = (targetRef ? [targetRef.current] : [document.scrollingElement, ...document.querySelectorAll("*")]).filter((target) => target instanceof HTMLElement);
+      const managedSelector = ".sia-table__viewport, [data-sia-native-scrollbar], .sia-scrollbar-track, .sia-floating-scrollbar-layer";
+      const discovered = [];
+      if (!targetRef) {
+        const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_ELEMENT, {
+          acceptNode: (node) => node.matches(managedSelector) ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT
+        });
+        for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+          if (node instanceof HTMLElement) discovered.push(node);
+        }
+      }
+      const candidates = (targetRef ? [targetRef.current] : [document.scrollingElement, ...discovered]).filter((target) => target instanceof HTMLElement);
       const nextTargets = /* @__PURE__ */ new Set();
       candidates.forEach((target) => {
         if (canScroll(target, "horizontal") || canScroll(target, "vertical")) {
@@ -3432,9 +3485,12 @@ function FloatingScrollbarProvider({ disabled = false, targetRef }) {
       scanFrame = window.requestAnimationFrame(scanTargets);
     };
     const mutationObserver = new MutationObserver((mutations) => {
-      if (mutations.some((mutation) => !layer.contains(mutation.target))) scheduleScan();
+      if (mutations.some((mutation) => {
+        const target = mutation.target instanceof Element ? mutation.target : mutation.target.parentElement;
+        return target && !layer.contains(target) && !target.closest(".sia-table__viewport, [data-sia-native-scrollbar], .sia-scrollbar-track");
+      })) scheduleScan();
     });
-    mutationObserver.observe(document.documentElement, { subtree: true, childList: true, attributes: true });
+    mutationObserver.observe(document.documentElement, { subtree: true, childList: true, attributes: true, attributeFilter: ["class", "style", "hidden"] });
     window.addEventListener("resize", scheduleScan);
     window.addEventListener("scroll", scheduleUpdateAll, true);
     scheduleScan();
@@ -4904,13 +4960,13 @@ function TypographyContent({
   (0, import_react26.useEffect)(() => () => clearTimeout(timer.current), []);
   (0, import_react26.useLayoutEffect)(() => {
     const element = contentRef.current;
-    if (!element || !ellipsis || editing || expanded) return;
+    if (!element || !ellipsis || !expandable || editing || expanded) return;
     const measure = () => setOverflow(element.scrollHeight > element.clientHeight + 1 || element.scrollWidth > element.clientWidth + 1);
     measure();
     const observer = new ResizeObserver(measure);
     observer.observe(element);
     return () => observer.disconnect();
-  }, [content, ellipsis, rows, editing, expanded]);
+  }, [content, ellipsis, rows, expandable, editing, expanded]);
   async function copy() {
     try {
       const text = typeof copyable === "object" ? copyable.text ?? contentRef.current?.textContent ?? "" : contentRef.current?.textContent ?? "";

package/dist/core.css

@@ -2541,6 +2541,71 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-card--collapsed .sia-card__header {
   border-bottom-color: transparent;
 }
+.sia-card--selectable {
+  position: relative;
+  cursor: pointer;
+}
+.sia-card__selected-corner {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 40px;
+  height: 40px;
+  background: var(--sia-color-primary);
+  color: white;
+  clip-path: polygon(0 0, 100% 0, 100% 100%);
+  border-top-right-radius: var(--sia-radius);
+  pointer-events: none;
+  z-index: 1;
+}
+.sia-card__selected-corner > .sia-icon {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+}
+.sia-card--selectable[aria-disabled=true] {
+  cursor: default;
+}
+.sia-card.sia-card--selected {
+  border-color: var(--sia-color-primary);
+  box-shadow: inset 0 0 0 1px var(--sia-color-primary);
+}
+.sia-card--selectable:focus-visible {
+  outline: 2px solid var(--sia-color-primary);
+  outline-offset: 2px;
+}
+.sia-card--hover-actions {
+  position: relative;
+  overflow: hidden;
+}
+.sia-card__hover-actions {
+  position: absolute;
+  inset: auto 0 0;
+  padding: 8px 16px;
+  background: var(--sia-color-surface);
+  border-top: 1px solid var(--sia-color-border);
+  transform: translateY(100%);
+  visibility: hidden;
+  transition: transform 180ms ease, visibility 180ms;
+}
+.sia-card--hover-actions:hover > .sia-card__hover-actions,
+.sia-card--hover-actions:has(:focus-visible) > .sia-card__hover-actions,
+.sia-card--hover-actions:focus-visible > .sia-card__hover-actions {
+  transform: translateY(0);
+  visibility: visible;
+}
+@media (hover: none) {
+  .sia-card__hover-actions {
+    position: static;
+    transform: none;
+    visibility: visible;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .sia-card__hover-actions {
+    transition: none;
+  }
+}
 .sia-alert {
   display: flex;
   align-items: flex-start;

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-C2IieVNm.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-CADzSGab.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-ZmKnvCFV.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-wsymjzoC.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-IPDCEXQO.js";
+} from "./chunk-KXPNW4E6.js";
 import "./chunk-SMCYEPBL.js";
 import {
   Modal,
   Select
-} from "./chunk-3Q3S6CDZ.js";
+} from "./chunk-NYJSSPIX.js";
 import {
   Icon,
   Input,