@smwb/ui-solid 0.12.0 → 0.13.0

package/README.md

@@ -45,6 +45,20 @@ In ESM builds each imported component **pulls in its own CSS automatically** (tr
 including the `--smui-*` design tokens it reads — nothing else to import for the default theme
 except the Roboto webfont (see [Styles](#styles)).
 
+### Your props on a component's root
+
+Components pass the HTML attributes and event handlers you give them on to their root element. Where a
+component sets the same prop there itself, the two meet by these rules, the same as in `@smwb/ui-react`:
+
+- **Handlers run together.** Your `onKeyDown`, `onPointerDown` or `onClick` runs, and so does the component's
+  own: a clickable `Chip` still activates on Enter, a `Button` still ripples.
+- **The component's role and state win while it sets them.** A clickable `Chip` or `Card` is `role="button"`, a
+  disabled one is `aria-disabled`, a `Tab` keeps `role="tab"`, `aria-selected` and the roving `tabindex` its `Tabs`
+  give it. Where the component sets none of these, such as a `Chip` that is not clickable, yours stay.
+- **Defaults give way to yours.** Your `data-testid`, `type="submit"` on an icon button, or `tabindex` on a clickable
+  `Chip`, `Card` or `MenuItem` (for roving focus, say) replaces the component's default. Passing `undefined` keeps
+  the default.
+
 ## Icons
 
 `<Icon>` renders one of two icon sets under the **same name**, so switching sets never touches
@@ -204,6 +218,66 @@ server, a skeleton of the chart's height holds its place. The colours come from
 bundle pass `loader={() => import("./my-echarts")}`, a module that registers only the charts you use
 with `echarts/core`. See Storybook → **Data Display / Chart**.
 
+Series colours: set `@chartSeries1` … `@chartSeries12` (light) and `@chartSeries1Dark` … `@chartSeries12Dark`
+(dark) in your `theme.config` and recompile `@smwb/ui-styles` — one line re-colours every chart, no `option`
+needed. Fill them in order: slots 8–12 are unset by default and emit nothing, and the chart draws as many
+colours as are set. An unset slot is skipped, not kept as a gap: if you set slot 9 but not 8, slot 9's
+colour is drawn for the 8th series. A colour you give in the chart's own `option.color` wins over the theme's.
+
+### Dependency graph (DagView)
+
+```tsx
+import { DagView } from "@smwb/ui-solid/dagView";
+
+<DagView
+  label="Run 1824"
+  nodes={[
+    { id: "fetch", label: "Fetch", status: "success" },
+    { id: "build", label: "Build", status: "running" },
+    { id: "deploy", label: "Deploy", status: "pending" },
+  ]}
+  edges={[
+    { source: "fetch", target: "build" },
+    { source: "build", target: "deploy" },
+  ]}
+  onNodeClick={(node) => openTask(node.id)}
+/>;
+```
+
+A directed graph of dependencies, Solid only for now (also in the root entry; no peer dependency). Nodes sit in
+layers, left to right (`direction="TB"` for top to bottom), laid out by a built-in layered layout that runs the same
+on the server and in the browser; edges run from the node depended on (`source`) to the one that needs it (`target`),
+with arrows. Edges that close a cycle are still drawn, dashed. Nodes have fixed sizes (`nodeWidth`, `nodeHeight`, or
+a node's own `width` / `height`); `renderNode={(node, state) => …}` draws your own content, and `node` and `state`
+are reactive. Keep that content non-interactive where you can: each node is an ARIA option, which assistive
+technology may read as plain text, so links and buttons inside it can go unannounced, and a click in it also selects
+the node; act through `onNodeClick` or controls outside the graph. Focusables in it are kept out of the Tab order
+except in the node that is the graph's Tab stop. A change of status or label alone neither lays the graph out again
+nor remounts the content, even when you hand over new node objects.
+
+The graph is 480px tall by default (`@dagViewHeight` in the stylesheet): set `height`, or a height in `style`.
+
+A click, Enter or Space selects a node (`selectedId` / `defaultSelectedId` / `onSelectedChange`, Escape clears it)
+and lights the edges into and out of it; `dimUnrelated` fades the rest. The view pans with a drag (mouse or one
+finger) and zooms with the wheel, a trackpad or two-finger pinch, the keyboard (`+`, `-`, `0` to fit, Shift+arrows to
+pan; with Ctrl, Cmd or Alt the keys are left to the browser, so page zoom and history still work) and the zoom
+buttons (`controls={false}` hides them). `wheel="pan"` makes a plain wheel pan, `"none"` leaves it to the page;
+ctrl+wheel always zooms. The graph fits itself in view once it has a size and when its shape changes (`fit={false}`
+with `defaultViewport` to keep a view); `viewport` / `onViewportChange` control it, and `apiRef` hands over
+`fitView`, `zoomTo`, `zoomBy` and `centerNode`. For assistive technology it is a listbox named by `label` with one
+Tab stop: the arrows follow the edges and the layers, and each node is described by its status and its neighbours
+(`labels` translates the texts). For another layout engine, pass `layout={(input) => …}` (dagre, elk), returning the
+same shape as the exported `dagLayout`.
+
+Status colours come from the theme: `idle`, `pending`, `running`, `success`, `warning`, `error`, `skipped`, from the
+`@dagView*` variables in your `theme.config` (see the `@smwb/ui-styles` README) or at runtime from
+`--smwb-dag-view-*` on the graph. A status of your own is styled with
+`.smwb-dag-view__node[data-status="queued"] { --smwb-dag-view-accent: var(--smwb-dag-view-node-accent, …) }`, so a
+node's `accent` still wins over its status; set runtime properties in the graph's `style` or under
+`.smwb-dag-view.your-class`, which outranks the graph's own rule whatever the stylesheet order. Mark secondary
+content in `renderNode` with the class `smwb-dag-view__detail` to hide it when zoomed far out. See Storybook → **Data
+Display / DagView**.
+
 ## Customization and theming
 
 | Goal                                         | Approach                                               | Rebuild CSS? |

package/dist/assets/styles/less/components/avatar/avatar.entry.css

@@ -1 +1 @@
-.smwb-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;user-select:none;width:40px;height:40px;font-size:16px;font-weight:500;line-height:1;color:var(--smui-onPrimaryColor);background-color:var(--smui-primaryColor)}.smwb-avatar_small{width:24px;height:24px;font-size:9.6px}.smwb-avatar_large{width:56px;height:56px;font-size:22.4px}.smwb-avatar_circular{border-radius:50%}.smwb-avatar_rounded{border-radius:12px}.smwb-avatar_square{border-radius:0}.smwb-avatar__img{width:100%;height:100%;object-fit:cover;color:transparent;text-align:center}.smwb-avatar__fallback{display:inline-flex;align-items:center;justify-content:center}.smwb-avatar-group{display:inline-flex;flex-direction:row;align-items:center}.smwb-avatar-group>:not(:first-child){margin-left:-8px}.smwb-avatar-group .smwb-avatar{border:2px solid var(--smui-surfaceBackground);box-sizing:content-box}.smwb-avatar-group__hidden{display:none}.smwb-avatar-group__surplus{background-color:var(--smui-surfaceVariant);color:var(--smui-onSurfaceVariant);font-size:.8rem}
+.smwb-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;user-select:none;width:40px;height:40px;font-size:16px;font-weight:500;line-height:1;color:var(--smui-onPrimaryColor);background-color:var(--smui-primaryColor)}.smwb-avatar_small{width:24px;height:24px;font-size:9.6px}.smwb-avatar_large{width:56px;height:56px;font-size:22.4px}.smwb-avatar_circular{border-radius:50%}.smwb-avatar_rounded{border-radius:12px}.smwb-avatar_square{border-radius:0}.smwb-avatar__img{width:100%;height:100%;object-fit:cover;color:transparent;text-align:center}.smwb-avatar__fallback{display:inline-flex;align-items:center;justify-content:center}.smwb-avatar-group{display:inline-flex;flex-direction:row;align-items:center;isolation:isolate}.smwb-avatar-group>:not(:first-child){margin-left:-8px}.smwb-avatar-group>:nth-child(1){z-index:12}.smwb-avatar-group>:nth-child(2){z-index:11}.smwb-avatar-group>:nth-child(3){z-index:10}.smwb-avatar-group>:nth-child(4){z-index:9}.smwb-avatar-group>:nth-child(5){z-index:8}.smwb-avatar-group>:nth-child(6){z-index:7}.smwb-avatar-group>:nth-child(7){z-index:6}.smwb-avatar-group>:nth-child(8){z-index:5}.smwb-avatar-group>:nth-child(9){z-index:4}.smwb-avatar-group>:nth-child(10){z-index:3}.smwb-avatar-group>:nth-child(11){z-index:2}.smwb-avatar-group>:nth-child(12){z-index:1}.smwb-avatar-group>:focus-visible,.smwb-avatar-group>:has(:focus-visible){z-index:13}.smwb-avatar-group .smwb-avatar{border:2px solid var(--smui-surfaceBackground);box-sizing:content-box}.smwb-avatar-group__hidden{display:none}.smwb-avatar-group__surplus{background-color:var(--smui-surfaceVariant);color:var(--smui-onSurfaceVariant);font-size:.8rem}

package/dist/assets/styles/less/components/card/card.entry.css

@@ -1 +1 @@
-.smwb-card{background-color:var(--smui-surfaceBackground);padding:16px;border-radius:12px;color:var(--smui-onSurfaceColor);transition:all .25s ease-in-out;line-height:1.5;display:flex;flex-direction:column}.smwb-card_elevated{box-shadow:0 2px 1px -1px #0003,0 1px 1px #0000001c,0 1px 3px #0000001c}.smwb-card_elevated:hover{box-shadow:0 2px 10px -1px #0003,0 1px 4px #0000001c,0 1px 4px #0000001c}.smwb-card_elevated:active{background-color:var(--smui-onSurfaceHover)}.smwb-card_outlined{border:1px solid var(--smui-outlineColor)}.smwb-card_outlined:hover{background-color:var(--smui-onSurfaceHover);box-shadow:0 2px 4px -1px #0000001c,0 1px 4px #0000001c,0 1px 11px #0000001c}.smwb-card_outlined:active{background-color:var(--smui-onSurfaceHover)}.smwb-card_filled{background-color:var(--smui-surfaceVariant)}.smwb-card_filled:hover{box-shadow:0 2px 10px -1px #00000024,0 1px 4px #0000001c,0 1px 4px #0000001c}.smwb-card_filled:active{background-color:var(--smui-onSurfaceActive)}.smwb-card_disabled{pointer-events:none;opacity:.38}.smwb-card__title{font-size:1.25rem;font-weight:500}.smwb-card__footer{margin-top:12px}.smwb-card_interactive{cursor:pointer}.smwb-card_interactive:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:2px}
+.smwb-card{background-color:var(--smui-surfaceBackground);padding:16px;border-radius:12px;color:var(--smui-onSurfaceColor);transition:all .25s ease-in-out;line-height:1.5;display:flex;flex-direction:column}.smwb-card_elevated{box-shadow:0 2px 1px -1px #0003,0 1px 1px #0000001c,0 1px 3px #0000001c}.smwb-card_elevated:hover{box-shadow:0 2px 10px -1px #0003,0 1px 4px #0000001c,0 1px 4px #0000001c}.smwb-card_elevated:active{background-color:var(--smui-onSurfaceHover)}.smwb-card_outlined{border:1px solid var(--smui-outlineColor)}.smwb-card_outlined:hover{background-color:var(--smui-onSurfaceHover);box-shadow:0 2px 4px -1px #0000001c,0 1px 4px #0000001c,0 1px 11px #0000001c}.smwb-card_outlined:active{background-color:var(--smui-onSurfaceHover)}.smwb-card_filled{background-color:var(--smui-surfaceVariant)}.smwb-card_filled:hover{box-shadow:0 2px 10px -1px #00000024,0 1px 4px #0000001c,0 1px 4px #0000001c}.smwb-card_filled:active{background-color:var(--smui-onSurfaceActive)}.smwb-card_disabled{pointer-events:none;opacity:.38}.smwb-card__content{display:flex;flex-direction:column}.smwb-card__content:focus-visible{outline:none}.smwb-card__title{font-size:1.25rem;font-weight:500}.smwb-card__footer{margin-top:12px}.smwb-card_interactive{cursor:pointer}.smwb-card:has(>.smwb-card__content:focus-visible){outline:2px solid var(--smui-primaryColor);outline-offset:2px}

package/dist/assets/styles/less/components/checkbox/checkbox.entry.css

@@ -1 +1 @@
-.smwb-text-field-checkbox{min-width:0!important}.smwb-checkbox__icon{opacity:0;transition:all .1s ease-in-out;color:var(--smui-onPrimaryColor)}.smwb-checkbox__btn{user-select:none;flex-shrink:0;width:18px;height:18px;border-radius:2px;border:2px solid var(--smui-checkboxBorderColor);background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}.smwb-checkbox__btn:before{width:40px;height:40px;border-radius:50%;content:"";transform:translate(-50%,-50%) scale(0);transition:all .2s ease-in-out;position:absolute;top:50%;left:50%}.smwb-checkbox__wrapper{color:var(--smui-primaryTextColor);display:flex;align-items:center;gap:20px}.smwb-checkbox__wrapper.smwb-indeterminate .smwb-checkbox__btn{background-color:var(--smui-checkboxCheckedBg);border-color:var(--smui-checkboxCheckedBg)}.smwb-checkbox__wrapper.smwb-indeterminate .smwb-checkbox__btn .smwb-checkbox__icon{opacity:1}.smwb-checkbox__wrapper.smwb-disabled{pointer-events:none}.smwb-checkbox__wrapper.smwb-disabled .smwb-checkbox__btn{opacity:.8}.smwb-checkbox__input{display:none}.smwb-checkbox__input:hover~.smwb-checkbox__btn:before{background-color:var(--smui-onSurfaceHover);transform:translate(-50%,-50%) scale(1)}.smwb-checkbox__input:hover:active~.smwb-checkbox__btn:before{background-color:var(--smui-onSurfaceActive);transform:translate(-50%,-50%) scale(1)}.smwb-checkbox__input:checked~.smwb-checkbox__btn{background-color:var(--smui-checkboxCheckedBg);border-color:var(--smui-checkboxCheckedBg)}.smwb-checkbox__input:checked~.smwb-checkbox__btn .smwb-checkbox__icon{opacity:1}.smwb-checkbox__input:checked:hover~.smwb-checkbox__btn:before{background-color:var(--smui-primaryColorHover);transform:translate(-50%,-50%) scale(1)}.smwb-checkbox__input:checked:hover:active~.smwb-checkbox__btn:before{background-color:var(--smui-primaryColorActive);transform:translate(-50%,-50%) scale(1)}.smwb-checkbox__input:checked:disabled~.smwb-checkbox__btn{background-color:var(--smui-checkboxDisabledColor);border-color:transparent}.smwb-checkbox__input:checked:disabled~.smwb-checkbox__btn.smwb-indeterminate{background-color:var(--smui-checkboxDisabledColor);border-color:transparent}.smwb-checkbox__input:checked:disabled~.smwb-checkbox__btn .smwb-checkbox__icon{color:var(--smui-disabledTextColor)}
+.smwb-text-field-checkbox{min-width:0!important}.smwb-checkbox__icon{opacity:0;transition:all .1s ease-in-out;color:var(--smui-onPrimaryColor)}.smwb-checkbox__btn{user-select:none;flex-shrink:0;width:18px;height:18px;border-radius:2px;border:2px solid var(--smui-checkboxBorderColor);background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}.smwb-checkbox__btn:before{width:40px;height:40px;border-radius:50%;content:"";transform:translate(-50%,-50%) scale(0);transition:all .2s ease-in-out;position:absolute;top:50%;left:50%}.smwb-checkbox__wrapper{position:relative;color:var(--smui-primaryTextColor);display:flex;align-items:center;gap:20px}.smwb-checkbox__wrapper.smwb-indeterminate .smwb-checkbox__btn{background-color:var(--smui-checkboxCheckedBg);border-color:var(--smui-checkboxCheckedBg)}.smwb-checkbox__wrapper.smwb-indeterminate .smwb-checkbox__btn .smwb-checkbox__icon{opacity:1}.smwb-checkbox__wrapper.smwb-disabled{pointer-events:none}.smwb-checkbox__wrapper.smwb-disabled .smwb-checkbox__btn{opacity:.8}.smwb-checkbox__input{position:absolute;width:18px;height:18px;margin:0;opacity:0}.smwb-checkbox__input:focus-visible~.smwb-checkbox__btn{outline:2px solid var(--smui-primaryColor);outline-offset:2px}.smwb-checkbox__input:hover~.smwb-checkbox__btn:before{background-color:var(--smui-onSurfaceHover);transform:translate(-50%,-50%) scale(1)}.smwb-checkbox__input:hover:active~.smwb-checkbox__btn:before{background-color:var(--smui-onSurfaceActive);transform:translate(-50%,-50%) scale(1)}.smwb-checkbox__input:checked~.smwb-checkbox__btn{background-color:var(--smui-checkboxCheckedBg);border-color:var(--smui-checkboxCheckedBg)}.smwb-checkbox__input:checked~.smwb-checkbox__btn .smwb-checkbox__icon{opacity:1}.smwb-checkbox__input:checked:hover~.smwb-checkbox__btn:before{background-color:var(--smui-primaryColorHover);transform:translate(-50%,-50%) scale(1)}.smwb-checkbox__input:checked:hover:active~.smwb-checkbox__btn:before{background-color:var(--smui-primaryColorActive);transform:translate(-50%,-50%) scale(1)}.smwb-checkbox__input:checked:disabled~.smwb-checkbox__btn{background-color:var(--smui-checkboxDisabledColor);border-color:transparent}.smwb-checkbox__input:checked:disabled~.smwb-checkbox__btn.smwb-indeterminate{background-color:var(--smui-checkboxDisabledColor);border-color:transparent}.smwb-checkbox__input:checked:disabled~.smwb-checkbox__btn .smwb-checkbox__icon{color:var(--smui-disabledTextColor)}

package/dist/assets/styles/less/components/chip/chip.entry.css

@@ -1 +1 @@
-.smwb-chip{position:relative;user-select:none;height:32px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:6px;cursor:pointer;transition:all .15s ease-in-out;color:var(--smui-primaryTextColor)}.smwb-chip.smwb-disabled{opacity:.8;pointer-events:none;background-color:var(--smui-disabledBgColor);border-color:var(--smui-disabledBgColor);color:var(--smui-disabledTextColor)}.smwb-chip.smwb-disabled.smwb-outlined{border:1px solid var(--smui-disabledBgColor);background:none}.smwb-chip.smwb-disabled i{color:var(--smui-disabledTextColor)}.smwb-chip.smwb-filled:not(.smwb-chip.smwb-disabled){background-color:var(--smui-chipsBg);box-shadow:0 3px 5px -1px #0000001c,0 1px 1px #00000024,0 2px 3px #0000001f}.smwb-chip.smwb-filled:not(.smwb-chip.smwb-disabled):hover{background-color:var(--smui-chipsHoverBg)}.smwb-chip.smwb-filled:not(.smwb-chip.smwb-disabled):active{background-color:var(--smui-chipsActiveBg);box-shadow:0 3px 5px -1px #00000029,0 1px 1px #00000024,0 2px 3px #0000001f}.smwb-chip.smwb-filled:not(.smwb-chip.smwb-disabled).smwb-selected{background-color:var(--smui-chipsSelectedBg)}.smwb-chip.smwb-outlined:not(.smwb-chip.smwb-disabled){border:1px solid var(--smui-chipsOutlinedBorder)}.smwb-chip.smwb-outlined:not(.smwb-chip.smwb-disabled):hover{background-color:var(--smui-chipsHoverBg)}.smwb-chip.smwb-outlined:not(.smwb-chip.smwb-disabled):active{background-color:var(--smui-chipsActiveBg);box-shadow:0 3px 5px -1px #0000001c,0 1px 1px #00000024,0 2px 3px #0000001f}.smwb-chip.smwb-outlined:not(.smwb-chip.smwb-disabled).smwb-selected{background-color:var(--smui-chipsSelectedBg)}.smwb-chip__delete-icon{display:inline-flex;align-items:center;justify-content:center}.smwb-chip__delete-icon svg{fill:var(--smui-chipsIconColor);transition:all .15s ease-in-out}.smwb-chip__delete-icon svg:hover{fill:var(--smui-chipsIconColorHover)}.smwb-chip__icon{display:inline-flex;align-items:center;justify-content:center}.smwb-chip__delete-icon{background:transparent;border:0;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer}.smwb-chip_size-small{height:24px;padding:0 8px;font-size:.75rem}.smwb-chip.smwb-chip_color-primary:not(.smwb-chip.smwb-disabled).smwb-filled{background-color:var(--smui-primaryColor);color:var(--smui-onPrimaryColor)}.smwb-chip.smwb-chip_color-primary:not(.smwb-chip.smwb-disabled).smwb-filled:hover{background-color:var(--smui-primaryColor);filter:brightness(.94)}.smwb-chip.smwb-chip_color-primary:not(.smwb-chip.smwb-disabled).smwb-filled:active{background-color:var(--smui-primaryColor);filter:brightness(.88)}.smwb-chip.smwb-chip_color-primary:not(.smwb-chip.smwb-disabled).smwb-outlined{color:var(--smui-primaryColor);border-color:var(--smui-primaryColor)}.smwb-chip.smwb-chip_color-secondary:not(.smwb-chip.smwb-disabled).smwb-filled{background-color:var(--smui-secondaryColor);color:var(--smui-onSecondaryColor)}.smwb-chip.smwb-chip_color-secondary:not(.smwb-chip.smwb-disabled).smwb-filled:hover{background-color:var(--smui-secondaryColor);filter:brightness(.94)}.smwb-chip.smwb-chip_color-secondary:not(.smwb-chip.smwb-disabled).smwb-filled:active{background-color:var(--smui-secondaryColor);filter:brightness(.88)}.smwb-chip.smwb-chip_color-secondary:not(.smwb-chip.smwb-disabled).smwb-outlined{color:var(--smui-secondaryColor);border-color:var(--smui-secondaryColor)}.smwb-chip.smwb-chip_color-error:not(.smwb-chip.smwb-disabled).smwb-filled{background-color:var(--smui-errorColor);color:var(--smui-onErrorColor)}.smwb-chip.smwb-chip_color-error:not(.smwb-chip.smwb-disabled).smwb-filled:hover{background-color:var(--smui-errorColor);filter:brightness(.94)}.smwb-chip.smwb-chip_color-error:not(.smwb-chip.smwb-disabled).smwb-filled:active{background-color:var(--smui-errorColor);filter:brightness(.88)}.smwb-chip.smwb-chip_color-error:not(.smwb-chip.smwb-disabled).smwb-outlined{color:var(--smui-errorColor);border-color:var(--smui-errorColor)}.smwb-chip.smwb-chip_color-success:not(.smwb-chip.smwb-disabled).smwb-filled{background-color:var(--smui-successColor);color:var(--smui-onSuccessColor)}.smwb-chip.smwb-chip_color-success:not(.smwb-chip.smwb-disabled).smwb-filled:hover{background-color:var(--smui-successColor);filter:brightness(.94)}.smwb-chip.smwb-chip_color-success:not(.smwb-chip.smwb-disabled).smwb-filled:active{background-color:var(--smui-successColor);filter:brightness(.88)}.smwb-chip.smwb-chip_color-success:not(.smwb-chip.smwb-disabled).smwb-outlined{color:var(--smui-successColor);border-color:var(--smui-successColor)}.smwb-chip.smwb-chip_color-warning:not(.smwb-chip.smwb-disabled).smwb-filled{background-color:var(--smui-warningColor);color:var(--smui-onWarningColor)}.smwb-chip.smwb-chip_color-warning:not(.smwb-chip.smwb-disabled).smwb-filled:hover{background-color:var(--smui-warningColor);filter:brightness(.94)}.smwb-chip.smwb-chip_color-warning:not(.smwb-chip.smwb-disabled).smwb-filled:active{background-color:var(--smui-warningColor);filter:brightness(.88)}.smwb-chip.smwb-chip_color-warning:not(.smwb-chip.smwb-disabled).smwb-outlined{color:var(--smui-warningColor);border-color:var(--smui-warningColor)}.smwb-chip.smwb-chip_color-info:not(.smwb-chip.smwb-disabled).smwb-filled{background-color:var(--smui-infoColor);color:var(--smui-onInfoColor)}.smwb-chip.smwb-chip_color-info:not(.smwb-chip.smwb-disabled).smwb-filled:hover{background-color:var(--smui-infoColor);filter:brightness(.94)}.smwb-chip.smwb-chip_color-info:not(.smwb-chip.smwb-disabled).smwb-filled:active{background-color:var(--smui-infoColor);filter:brightness(.88)}.smwb-chip.smwb-chip_color-info:not(.smwb-chip.smwb-disabled).smwb-outlined{color:var(--smui-infoColor);border-color:var(--smui-infoColor)}
+.smwb-chip{position:relative;user-select:none;height:32px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:6px;cursor:pointer;transition:all .15s ease-in-out;color:var(--smui-primaryTextColor)}.smwb-chip.smwb-disabled{opacity:.8;pointer-events:none;background-color:var(--smui-disabledBgColor);border-color:var(--smui-disabledBgColor);color:var(--smui-disabledTextColor)}.smwb-chip.smwb-disabled.smwb-outlined{border:1px solid var(--smui-disabledBgColor);background:none}.smwb-chip.smwb-disabled i{color:var(--smui-disabledTextColor)}.smwb-chip.smwb-filled:not(.smwb-chip.smwb-disabled){background-color:var(--smui-chipsBg);box-shadow:0 3px 5px -1px #0000001c,0 1px 1px #00000024,0 2px 3px #0000001f}.smwb-chip.smwb-filled:not(.smwb-chip.smwb-disabled):hover{background-color:var(--smui-chipsHoverBg)}.smwb-chip.smwb-filled:not(.smwb-chip.smwb-disabled):active{background-color:var(--smui-chipsActiveBg);box-shadow:0 3px 5px -1px #00000029,0 1px 1px #00000024,0 2px 3px #0000001f}.smwb-chip.smwb-filled:not(.smwb-chip.smwb-disabled).smwb-selected{background-color:var(--smui-chipsSelectedBg)}.smwb-chip.smwb-outlined:not(.smwb-chip.smwb-disabled){border:1px solid var(--smui-chipsOutlinedBorder)}.smwb-chip.smwb-outlined:not(.smwb-chip.smwb-disabled):hover{background-color:var(--smui-chipsHoverBg)}.smwb-chip.smwb-outlined:not(.smwb-chip.smwb-disabled):active{background-color:var(--smui-chipsActiveBg);box-shadow:0 3px 5px -1px #0000001c,0 1px 1px #00000024,0 2px 3px #0000001f}.smwb-chip.smwb-outlined:not(.smwb-chip.smwb-disabled).smwb-selected{background-color:var(--smui-chipsSelectedBg)}.smwb-chip__delete-icon{display:inline-flex;align-items:center;justify-content:center}.smwb-chip__delete-icon svg{fill:var(--smui-chipsIconColor);transition:all .15s ease-in-out}.smwb-chip__delete-icon svg:hover{fill:var(--smui-chipsIconColorHover)}.smwb-chip__icon{display:inline-flex;align-items:center;justify-content:center}.smwb-chip__content{display:inline-flex;align-items:center;gap:8px;border-radius:inherit}.smwb-chip__content:focus{outline-offset:9999px}.smwb-chip__content:focus:after{content:"";position:absolute;inset:0;border-radius:inherit;outline:inherit;pointer-events:none}.smwb-chip.smwb-outlined>.smwb-chip__content:focus:after{inset:-1px;border:1px solid transparent}.smwb-chip__delete-icon{background:transparent;border:0;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer}.smwb-chip_size-small{height:24px;padding:0 8px;font-size:.75rem}.smwb-chip.smwb-chip_color-primary:not(.smwb-chip.smwb-disabled).smwb-filled{background-color:var(--smui-primaryColor);color:var(--smui-onPrimaryColor)}.smwb-chip.smwb-chip_color-primary:not(.smwb-chip.smwb-disabled).smwb-filled:hover{background-color:var(--smui-primaryColor);filter:brightness(.94)}.smwb-chip.smwb-chip_color-primary:not(.smwb-chip.smwb-disabled).smwb-filled:active{background-color:var(--smui-primaryColor);filter:brightness(.88)}.smwb-chip.smwb-chip_color-primary:not(.smwb-chip.smwb-disabled).smwb-outlined{color:var(--smui-primaryColor);border-color:var(--smui-primaryColor)}.smwb-chip.smwb-chip_color-secondary:not(.smwb-chip.smwb-disabled).smwb-filled{background-color:var(--smui-secondaryColor);color:var(--smui-onSecondaryColor)}.smwb-chip.smwb-chip_color-secondary:not(.smwb-chip.smwb-disabled).smwb-filled:hover{background-color:var(--smui-secondaryColor);filter:brightness(.94)}.smwb-chip.smwb-chip_color-secondary:not(.smwb-chip.smwb-disabled).smwb-filled:active{background-color:var(--smui-secondaryColor);filter:brightness(.88)}.smwb-chip.smwb-chip_color-secondary:not(.smwb-chip.smwb-disabled).smwb-outlined{color:var(--smui-secondaryColor);border-color:var(--smui-secondaryColor)}.smwb-chip.smwb-chip_color-error:not(.smwb-chip.smwb-disabled).smwb-filled{background-color:var(--smui-errorColor);color:var(--smui-onErrorColor)}.smwb-chip.smwb-chip_color-error:not(.smwb-chip.smwb-disabled).smwb-filled:hover{background-color:var(--smui-errorColor);filter:brightness(.94)}.smwb-chip.smwb-chip_color-error:not(.smwb-chip.smwb-disabled).smwb-filled:active{background-color:var(--smui-errorColor);filter:brightness(.88)}.smwb-chip.smwb-chip_color-error:not(.smwb-chip.smwb-disabled).smwb-outlined{color:var(--smui-errorColor);border-color:var(--smui-errorColor)}.smwb-chip.smwb-chip_color-success:not(.smwb-chip.smwb-disabled).smwb-filled{background-color:var(--smui-successColor);color:var(--smui-onSuccessColor)}.smwb-chip.smwb-chip_color-success:not(.smwb-chip.smwb-disabled).smwb-filled:hover{background-color:var(--smui-successColor);filter:brightness(.94)}.smwb-chip.smwb-chip_color-success:not(.smwb-chip.smwb-disabled).smwb-filled:active{background-color:var(--smui-successColor);filter:brightness(.88)}.smwb-chip.smwb-chip_color-success:not(.smwb-chip.smwb-disabled).smwb-outlined{color:var(--smui-successColor);border-color:var(--smui-successColor)}.smwb-chip.smwb-chip_color-warning:not(.smwb-chip.smwb-disabled).smwb-filled{background-color:var(--smui-warningColor);color:var(--smui-onWarningColor)}.smwb-chip.smwb-chip_color-warning:not(.smwb-chip.smwb-disabled).smwb-filled:hover{background-color:var(--smui-warningColor);filter:brightness(.94)}.smwb-chip.smwb-chip_color-warning:not(.smwb-chip.smwb-disabled).smwb-filled:active{background-color:var(--smui-warningColor);filter:brightness(.88)}.smwb-chip.smwb-chip_color-warning:not(.smwb-chip.smwb-disabled).smwb-outlined{color:var(--smui-warningColor);border-color:var(--smui-warningColor)}.smwb-chip.smwb-chip_color-info:not(.smwb-chip.smwb-disabled).smwb-filled{background-color:var(--smui-infoColor);color:var(--smui-onInfoColor)}.smwb-chip.smwb-chip_color-info:not(.smwb-chip.smwb-disabled).smwb-filled:hover{background-color:var(--smui-infoColor);filter:brightness(.94)}.smwb-chip.smwb-chip_color-info:not(.smwb-chip.smwb-disabled).smwb-filled:active{background-color:var(--smui-infoColor);filter:brightness(.88)}.smwb-chip.smwb-chip_color-info:not(.smwb-chip.smwb-disabled).smwb-outlined{color:var(--smui-infoColor);border-color:var(--smui-infoColor)}

package/dist/assets/styles/less/components/dagView/dagView.entry.css

@@ -0,0 +1 @@
+.smwb-dag-view{--smwb-dag-view-node-bg: var(--smui-surfaceBackground);--smwb-dag-view-node-border: var(--smui-outlineColor);--smwb-dag-view-edge-color: var(--smui-outlineColor);--smwb-dag-view-edge-active-color: var(--smui-primaryColor);--smwb-dag-view-selected-ring: var(--smui-primaryColor);--smwb-dag-view-status-idle: var(--smui-outlineColor);--smwb-dag-view-status-pending: var(--smui-onSurfaceVariant);--smwb-dag-view-status-running: var(--smui-infoColor);--smwb-dag-view-status-success: var(--smui-successColor);--smwb-dag-view-status-warning: var(--smui-warningColor);--smwb-dag-view-status-error: var(--smui-errorColor);--smwb-dag-view-status-skipped: var(--smui-disabledTextColor);--smwb-dag-view-dim-opacity: .35;position:relative;width:100%;height:480px;min-width:0;box-sizing:border-box;overflow:hidden;overflow:clip;border:1px solid var(--smui-dividerColor);border-radius:12px;background-color:color-mix(in srgb,var(--smui-onSurfaceColor) 2%,var(--smui-surfaceBackground));color:var(--smui-onSurfaceColor);touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;cursor:grab}.smwb-dag-view[data-interacting]{cursor:grabbing}.smwb-dag-view__world{position:absolute;top:0;left:0;transform-origin:0 0}.smwb-dag-view[data-interacting] .smwb-dag-view__world{will-change:transform}.smwb-dag-view__edges{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}.smwb-dag-view__edge{fill:none;stroke:var(--smwb-dag-view-edge-color);stroke-width:1.5px;transition:stroke .12s,opacity .12s}.smwb-dag-view__edge--active{stroke:var(--smwb-dag-view-edge-active-color);stroke-width:2.5px}.smwb-dag-view__edge--reversed{stroke-dasharray:6 4}.smwb-dag-view__edge--dimmed{opacity:var(--smwb-dag-view-dim-opacity)}.smwb-dag-view__arrow{fill:var(--smwb-dag-view-edge-color)}.smwb-dag-view__arrow--active{fill:var(--smwb-dag-view-edge-active-color)}.smwb-dag-view__node{--smwb-dag-view-accent: var(--smwb-dag-view-node-accent, var(--smwb-dag-view-status-idle));position:absolute;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:0 12px 0 10px;border:1px solid var(--smwb-dag-view-node-border);border-left:4px solid var(--smwb-dag-view-accent);border-radius:8px;background-color:var(--smwb-dag-view-node-bg);color:var(--smui-onSurfaceColor);font-size:.875rem;line-height:1.3;overflow:hidden;contain:layout paint;cursor:pointer;transition:box-shadow .12s,border-color .12s,opacity .12s}.smwb-dag-view__node[data-status=pending]{--smwb-dag-view-accent: var(--smwb-dag-view-node-accent, var(--smwb-dag-view-status-pending))}.smwb-dag-view__node[data-status=running]{--smwb-dag-view-accent: var(--smwb-dag-view-node-accent, var(--smwb-dag-view-status-running))}.smwb-dag-view__node[data-status=success]{--smwb-dag-view-accent: var(--smwb-dag-view-node-accent, var(--smwb-dag-view-status-success))}.smwb-dag-view__node[data-status=warning]{--smwb-dag-view-accent: var(--smwb-dag-view-node-accent, var(--smwb-dag-view-status-warning))}.smwb-dag-view__node[data-status=error]{--smwb-dag-view-accent: var(--smwb-dag-view-node-accent, var(--smwb-dag-view-status-error))}.smwb-dag-view__node[data-status=skipped]{--smwb-dag-view-accent: var(--smwb-dag-view-node-accent, var(--smwb-dag-view-status-skipped))}.smwb-dag-view__node:hover{border-color:color-mix(in srgb,var(--smwb-dag-view-edge-active-color) 45%,var(--smwb-dag-view-node-border));border-left-color:var(--smwb-dag-view-accent)}.smwb-dag-view__node:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:2px}.smwb-dag-view__node--selected{box-shadow:0 0 0 2px var(--smwb-dag-view-selected-ring)}.smwb-dag-view__node--upstream,.smwb-dag-view__node--downstream{border-color:var(--smwb-dag-view-edge-active-color);border-left-color:var(--smwb-dag-view-accent)}.smwb-dag-view__node--dimmed{opacity:var(--smwb-dag-view-dim-opacity)}.smwb-dag-view__node--disabled{cursor:default;color:var(--smui-disabledTextColor)}.smwb-dag-view__dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background-color:var(--smwb-dag-view-accent)}.smwb-dag-view__label{flex:1 1 auto;min-width:0;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.smwb-dag-view__status{flex-shrink:0;font-size:.75rem;color:var(--smui-onSurfaceVariant)}.smwb-dag-view[data-zoom=far] .smwb-dag-view__status,.smwb-dag-view[data-zoom=far] .smwb-dag-view__detail{display:none}.smwb-dag-view__summary{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.smwb-dag-view__controls{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;gap:4px;cursor:default}.smwb-dag-view__control{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--smui-dividerColor);border-radius:8px;background-color:var(--smui-surfaceBackground);color:var(--smui-onSurfaceVariant);cursor:pointer}.smwb-dag-view__control svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.smwb-dag-view__control:hover{background-color:color-mix(in srgb,var(--smui-onSurfaceColor) 8%,var(--smui-surfaceBackground));color:var(--smui-onSurfaceColor)}.smwb-dag-view__control:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.smwb-dag-view__node[data-status=running] .smwb-dag-view__dot{animation:smwb-dag-view-pulse 1.4s ease-in-out infinite}}@keyframes smwb-dag-view-pulse{50%{opacity:.35}}

package/dist/assets/styles/less/components/menu/menu.entry.css

@@ -1 +1 @@
-.smwb-menu{background-color:var(--smui-surfaceBackground);border-radius:4px}.smwb-menu--floating{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;z-index:1300;min-width:112px;cursor:default}.smwb-menu__list{color:var(--smui-onSurfaceColor)}.smwb-menu__list--static{display:flex}.smwb-menu__list--floating{padding:8px 0}.smwb-menu__item{position:relative;cursor:pointer;user-select:none;white-space:nowrap;height:48px}.smwb-menu__item:not(.smwb-menu__item--selected):not(:active):hover:before{opacity:.08}.smwb-menu__item:before{content:"";position:absolute;inset:0;pointer-events:none;background-color:var(--smui-onSurfaceColor);opacity:0;transition:opacity 15ms linear}.smwb-menu__item--dense{height:32px}.smwb-menu__item--disabled{color:var(--smui-menuDisabledTextColor);pointer-events:none}.smwb-menu__item--selected:before{opacity:.08}.smwb-menu__item:active:before{opacity:.12}.smwb-menu__item-inner{display:flex;align-items:center;padding:0 16px;height:100%;color:currentColor;gap:6px}.smwb-menu__text{flex-grow:1}.smwb-menu__text--inset{margin-left:40px}.smwb-menu__text--inset.smwb-menu__text--dense{margin-left:36px}.smwb-menu__icon{display:inline-flex;flex-shrink:0;font-size:24px}.smwb-menu__icon--dense{font-size:20px}.smwb-menu__icon--start{margin-right:10px}.smwb-menu__icon--end{margin-left:10px}.smwb-menu__divider:not(.smwb-menu__divider--vertical){margin:8px 0;border-bottom:1px solid var(--smui-menuDividerColor)}.smwb-menu__divider--vertical{margin:0 8px;border-right:1px solid var(--smui-menuDividerColor)}
+.smwb-menu{background-color:var(--smui-surfaceBackground);border-radius:4px}.smwb-menu--floating{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;z-index:1300;min-width:112px;cursor:default}.smwb-menu__list{color:var(--smui-onSurfaceColor)}.smwb-menu__list--static{display:flex}.smwb-menu__list--floating{padding:8px 0}.smwb-menu__item{position:relative;cursor:pointer;user-select:none;white-space:nowrap;height:48px}.smwb-menu__item:not(.smwb-menu__item--selected):not(:active):not(:focus-visible):not(.smwb-select-field__option--active):hover:before{opacity:.08}.smwb-menu__item:before{content:"";position:absolute;inset:0;pointer-events:none;background-color:var(--smui-onSurfaceColor);opacity:0;transition:opacity 15ms linear}.smwb-menu__item--dense{height:32px}.smwb-menu__item--disabled{color:var(--smui-menuDisabledTextColor);pointer-events:none}.smwb-menu__item--selected:before{opacity:.08}.smwb-menu__item:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:-2px}.smwb-menu__item:focus-visible:before{opacity:.12}.smwb-menu__item:has(>.smwb-menu__item-inner:focus-visible):before{opacity:.12}.smwb-menu__item:active:before{opacity:.12}.smwb-menu__item-inner{display:flex;align-items:center;padding:0 16px;height:100%;color:currentColor;gap:6px}.smwb-menu__item-inner:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:-2px}.smwb-menu__text{flex-grow:1}.smwb-menu__text--inset{margin-left:40px}.smwb-menu__text--inset.smwb-menu__text--dense{margin-left:36px}.smwb-menu__icon{display:inline-flex;flex-shrink:0;font-size:24px}.smwb-menu__icon--dense{font-size:20px}.smwb-menu__icon--start{margin-right:10px}.smwb-menu__icon--end{margin-left:10px}.smwb-menu__divider:not(.smwb-menu__divider--vertical){margin:8px 0;border-bottom:1px solid var(--smui-menuDividerColor)}.smwb-menu__divider--vertical{margin:0 8px;border-right:1px solid var(--smui-menuDividerColor)}

package/dist/assets/styles/less/components/personChip/personChip.entry.css

@@ -1 +1 @@
-.smwb-person-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-width:0;vertical-align:middle;color:inherit;text-decoration:none}.smwb-person-chip__avatar{flex-shrink:0;color:#fff}.smwb-person-chip__text{display:inline-flex;flex-direction:column;min-width:0;line-height:1.3}.smwb-person-chip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smwb-person-chip__meta{font-size:.75rem;color:var(--smui-onSurfaceVariant)}.smwb-person-chip_link{border-radius:4px;cursor:pointer}.smwb-person-chip_link:hover .smwb-person-chip__name{color:var(--smui-primaryColor);text-decoration:underline}.smwb-person-chip_link:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:2px}
+.smwb-person-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-width:0;vertical-align:middle;color:inherit;text-decoration:none}.smwb-avatar.smwb-person-chip__avatar{flex-shrink:0;color:#fff}.smwb-person-chip__text{display:inline-flex;flex-direction:column;min-width:0;line-height:1.3}.smwb-person-chip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smwb-person-chip__meta{font-size:.75rem;color:var(--smui-onSurfaceVariant)}.smwb-person-chip_link{border-radius:4px;cursor:pointer}.smwb-person-chip_link:hover .smwb-person-chip__name{color:var(--smui-primaryColor);text-decoration:underline}.smwb-person-chip_link:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:2px}

package/dist/assets/styles/less/components/radioButton/radioButton.entry.css

@@ -1 +1 @@
-.smwb-radio{display:inline-flex;gap:20px;align-items:center}.smwb-radio__group{display:flex;gap:50px;align-items:center}.smwb-radio__wrapper{flex-shrink:0;display:flex;align-items:center;position:relative}.smwb-radio__bg{width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border-radius:50%;transition:all .2s ease-in-out}.smwb-radio__bg.smwb-disabled,.smwb-radio__input{display:none}.smwb-radio__input:active~.radio__btn:hover~.smwb-radio__bg{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-onSurfaceActive)}.smwb-radio__input:active~.smwb-radio__bg{background-color:var(--smui-onSurfaceActive);transform:translate(-50%,-50%) scale(1)}.smwb-radio__input:active:checked~.smwb-radio__bg{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-primaryColorActive)}.smwb-radio__input:active:checked:active~.radio__btn:hover~.smwb-radio__bg{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-primaryColorActive)}.smwb-radio__input:checked~.smwb-radio__btn{border:2px solid var(--smui-primaryColor)}.smwb-radio__input:checked~.smwb-radio__btn:after{transform:translate(-50%,-50%) scale(1)}.smwb-radio__input:checked~.smwb-radio__btn:before{animation:ping .6s cubic-bezier(0,0,.2,1) alternate}.smwb-radio__input:checked:disabled~.smwb-radio__btn{border:2px solid var(--smui-disabledTextColor)}.smwb-radio__input:checked:disabled~.smwb-radio__btn:after{background-color:var(--smui-disabledTextColor)}.smwb-radio__input~.smwb-radio__btn:hover~.smwb-radio__bg{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-onSurfaceHover)}.smwb-radio__input:checked:hover~.smwb-radio__btn:hover~.smwb-radio__bg{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-primaryColorHover)}.smwb-radio__btn{z-index:2;height:20px;width:20px;border-radius:50%;border:2px solid var(--smui-checkboxBorderColor);position:relative;cursor:pointer}.smwb-radio__btn.smwb-disabled{border-color:var(--smui-disabledTextColor);pointer-events:none}.smwb-radio__btn.smwb-disabled:before{display:none}.smwb-radio__btn:before{content:"";width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border-radius:50%;background-color:color-mix(in srgb,#6750a4 30%,transparent);transition:all .2s ease-in-out}.smwb-radio__btn:after{content:"";width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border-radius:50%;background-color:var(--smui-primaryColor);transition:all .2s ease-in-out}.smwb-radio__label{pointer-events:none;color:var(--smui-primaryTextColor)}@keyframes ping{75%,to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}
+.smwb-radio{display:inline-flex;gap:20px;align-items:center}.smwb-radio__group{display:flex;gap:50px;align-items:center}.smwb-radio__wrapper{flex-shrink:0;display:flex;align-items:center;position:relative}.smwb-radio__bg{width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border-radius:50%;transition:all .2s ease-in-out}.smwb-radio__bg.smwb-disabled{display:none}.smwb-radio__input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0}.smwb-radio__input:focus-visible~.smwb-radio__btn{outline:2px solid var(--smui-primaryColor);outline-offset:2px}.smwb-radio__input:active~.radio__btn:hover~.smwb-radio__bg{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-onSurfaceActive)}.smwb-radio__input:active~.smwb-radio__bg{background-color:var(--smui-onSurfaceActive);transform:translate(-50%,-50%) scale(1)}.smwb-radio__input:active:checked~.smwb-radio__bg{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-primaryColorActive)}.smwb-radio__input:active:checked:active~.radio__btn:hover~.smwb-radio__bg{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-primaryColorActive)}.smwb-radio__input:checked~.smwb-radio__btn{border:2px solid var(--smui-primaryColor)}.smwb-radio__input:checked~.smwb-radio__btn:after{transform:translate(-50%,-50%) scale(1)}.smwb-radio__input:checked~.smwb-radio__btn:before{animation:ping .6s cubic-bezier(0,0,.2,1) alternate}.smwb-radio__input:checked:disabled~.smwb-radio__btn{border:2px solid var(--smui-disabledTextColor)}.smwb-radio__input:checked:disabled~.smwb-radio__btn:after{background-color:var(--smui-disabledTextColor)}.smwb-radio__input~.smwb-radio__btn:hover~.smwb-radio__bg{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-onSurfaceHover)}.smwb-radio__input:checked:hover~.smwb-radio__btn:hover~.smwb-radio__bg{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-primaryColorHover)}.smwb-radio__btn{z-index:2;height:20px;width:20px;border-radius:50%;border:2px solid var(--smui-checkboxBorderColor);position:relative;cursor:pointer}.smwb-radio__btn.smwb-disabled{border-color:var(--smui-disabledTextColor);pointer-events:none}.smwb-radio__btn.smwb-disabled:before{display:none}.smwb-radio__btn:before{content:"";width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border-radius:50%;background-color:color-mix(in srgb,#6750a4 30%,transparent);transition:all .2s ease-in-out}.smwb-radio__btn:after{content:"";width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border-radius:50%;background-color:var(--smui-primaryColor);transition:all .2s ease-in-out}.smwb-radio__label{pointer-events:none;color:var(--smui-primaryTextColor)}@keyframes ping{75%,to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}

package/dist/assets/styles/less/components/rating/rating.entry.css

@@ -1 +1 @@
-.smwb-rating{display:inline-flex;align-items:center;gap:2px;color:var(--smui-primaryColor)}.smwb-rating_disabled{opacity:.38;pointer-events:none}.smwb-rating__item{position:relative;display:inline-flex;flex-shrink:0}.smwb-rating__icon{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.smwb-rating__icon_empty{color:var(--smui-outlineColor)}.smwb-rating__icon_filled{color:var(--smui-primaryColor);width:0;transition:width .1s ease-in-out}.smwb-rating_color-secondary .smwb-rating__icon_filled{color:var(--smui-secondaryColor)}.smwb-rating_color-error .smwb-rating__icon_filled{color:var(--smui-errorColor)}.smwb-rating_color-success .smwb-rating__icon_filled{color:var(--smui-successColor)}.smwb-rating_color-warning .smwb-rating__icon_filled{color:var(--smui-warningColor)}.smwb-rating_color-info .smwb-rating__icon_filled{color:var(--smui-infoColor)}.smwb-rating_error .smwb-rating__icon_empty{color:var(--smui-errorColor)}.smwb-rating__helper{display:block;margin-top:4px;font-size:12px;color:var(--smui-onSurfaceVariant)}.smwb-rating__helper_error{color:var(--smui-errorColor)}
+.smwb-rating{display:inline-flex;flex-direction:column;align-items:flex-start;color:var(--smui-primaryColor)}.smwb-rating_disabled{opacity:.38;pointer-events:none}.smwb-rating__control{display:inline-flex;align-items:center;gap:2px}.smwb-rating__control:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:2px}.smwb-rating__item{position:relative;display:inline-flex;flex-shrink:0}.smwb-rating__icon{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.smwb-rating__icon_empty{color:var(--smui-outlineColor)}.smwb-rating__icon_filled{color:var(--smui-primaryColor);width:0;transition:width .1s ease-in-out}.smwb-rating_color-secondary .smwb-rating__icon_filled{color:var(--smui-secondaryColor)}.smwb-rating_color-error .smwb-rating__icon_filled{color:var(--smui-errorColor)}.smwb-rating_color-success .smwb-rating__icon_filled{color:var(--smui-successColor)}.smwb-rating_color-warning .smwb-rating__icon_filled{color:var(--smui-warningColor)}.smwb-rating_color-info .smwb-rating__icon_filled{color:var(--smui-infoColor)}.smwb-rating_error .smwb-rating__icon_empty{color:var(--smui-errorColor)}.smwb-rating__helper{display:block;margin-top:4px;font-size:12px;color:var(--smui-onSurfaceVariant)}.smwb-rating__helper_error{color:var(--smui-errorColor)}

package/dist/assets/styles/less/components/selectField/selectField.entry.css

@@ -1 +1 @@
-.smwb-select-field{display:flex;align-items:center;width:100%;height:auto;overflow:hidden;box-sizing:border-box;cursor:pointer}.smwb-select-field:not(.smwb-select-field--inline){padding:16px}.smwb-select-field:not(.smwb-select-field--inline).smwb-select-field--filled{padding:22px 16px 10px}.smwb-select-field__option__inner{display:flex;align-items:center;gap:6px}.smwb-select-field__option__helper-text{font-size:70%;display:inline-flex;align-items:center;opacity:.7}.smwb-select-field__search-wrapper{display:flex;align-items:center;flex-grow:1;overflow-y:hidden;overflow-x:auto;min-height:24px;-ms-overflow-style:none}.smwb-select-field__search-wrapper::-webkit-scrollbar{width:0;height:0}.smwb-select-field__actions{display:flex;align-items:center;column-gap:2px;margin-right:-7px}.smwb-select-field__values{white-space:nowrap;font:inherit;color:inherit;user-select:none}.smwb-select-field__values>*:not(:first-child){margin-left:4px}.smwb-select-field__values+span{margin-left:4px}.smwb-select-field__values .smwb-chip{vertical-align:top}.smwb-select-field__search{display:inline-flex;flex:1 1 auto;position:relative;height:23px}.smwb-select-field__search-text{font:inherit;visibility:hidden;white-space:pre}.smwb-select-field__search-input{position:absolute;left:0;right:0;height:100%;min-width:4px;letter-spacing:inherit;font:inherit;color:inherit;background-color:transparent}.smwb-select-field__icon{flex-shrink:0;display:inline-block;width:1em;height:1em;fill:currentcolor;user-select:none;font-size:1.5rem;vertical-align:top;cursor:pointer;transition:all .2s ease-in-out}.smwb-select-field__icon--opened{transform:rotate(180deg)}.smwb-select-field__icon--focused{color:var(--smui-primaryColor)}.smwb-select-field__icon--error{color:var(--smui-errorColor)}.smwb-select-field__icon--close{font-size:1rem}.smwb-select-field:not(.smwb-select-field--inline).smwb-select-field--filled .smwb-select-field__icon--arrow{margin-top:-12px}.smwb-select-field__empty-items{padding:8px 24px;text-align:center;font-style:italic;font-size:14px}.smwb-select-field__menu-loading{display:flex;width:100%;justify-content:center;align-items:center;padding:10px 0}.smwb-select-field__menu__loader,.smwb-select-field__menu__loader div{width:36px!important;height:36px!important}.smwb-select-field__menu-search-input{padding:8px 16px;color:var(--smui-selectFieldSearchMenuColor);background-color:transparent}.smwb-select-field--search{cursor:text}.smwb-select-field--disabled{cursor:default}.smwb-select-field__group-label{padding:6px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--smui-onSurfaceVariant);pointer-events:none}.smwb-select-field__create-option{font-style:italic;color:var(--smui-primaryColor)}.smwb-text-field_size-small .smwb-select-field:not(.smwb-select-field--inline){padding-top:8px;padding-bottom:8px;font-size:13px}.smwb-text-field_size-large .smwb-select-field:not(.smwb-select-field--inline){padding-top:16px;padding-bottom:16px;font-size:16px}
+.smwb-select-field{display:flex;align-items:center;width:100%;height:auto;overflow:hidden;box-sizing:border-box;cursor:pointer}.smwb-select-field:not(.smwb-select-field--inline){padding:16px}.smwb-select-field:not(.smwb-select-field--inline).smwb-select-field--filled{padding:22px 16px 10px}.smwb-select-field__option__inner{display:flex;align-items:center;gap:6px}.smwb-select-field__option__helper-text{font-size:70%;display:inline-flex;align-items:center;opacity:.7}.smwb-select-field__search-wrapper{display:flex;align-items:center;flex-grow:1;overflow-y:hidden;overflow-x:auto;min-height:24px;-ms-overflow-style:none}.smwb-select-field__search-wrapper::-webkit-scrollbar{width:0;height:0}.smwb-select-field__control{display:flex;flex:1 1 auto;align-items:center;align-self:stretch}.smwb-select-field__control:focus{outline-offset:9999px}.smwb-select-field__control:focus:after{content:"";position:absolute;inset:0;outline:inherit;pointer-events:none}.smwb-select-field__actions{display:flex;align-items:center;column-gap:2px;margin-right:-7px}.smwb-select-field__clear{display:inline-flex;flex-shrink:0;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.smwb-select-field__values{white-space:nowrap;font:inherit;color:inherit;user-select:none}.smwb-select-field__values>*:not(:first-child){margin-left:4px}.smwb-select-field__values+.smwb-select-field__search,.smwb-select-field__values+.smwb-select-field__control>.smwb-select-field__search{margin-left:4px}.smwb-select-field__values .smwb-chip{vertical-align:top}.smwb-select-field__search{display:inline-flex;flex:1 1 auto;position:relative;height:23px}.smwb-select-field__search-text{font:inherit;visibility:hidden;white-space:pre}.smwb-select-field__search-input{position:absolute;left:0;right:0;height:100%;min-width:4px;letter-spacing:inherit;font:inherit;color:inherit;background-color:transparent}.smwb-select-field__icon{flex-shrink:0;display:inline-block;width:1em;height:1em;fill:currentcolor;user-select:none;font-size:1.5rem;vertical-align:top;cursor:pointer;transition:all .2s ease-in-out}.smwb-select-field__icon--opened{transform:rotate(180deg)}.smwb-select-field__icon--focused{color:var(--smui-primaryColor)}.smwb-select-field__icon--error{color:var(--smui-errorColor)}.smwb-select-field__icon--close{font-size:1rem}.smwb-select-field:not(.smwb-select-field--inline).smwb-select-field--filled .smwb-select-field__icon--arrow{margin-top:-12px}.smwb-select-field__empty-items{padding:8px 24px;text-align:center;font-style:italic;font-size:14px}.smwb-select-field__menu-loading{display:flex;width:100%;justify-content:center;align-items:center;padding:10px 0}.smwb-select-field__menu__loader,.smwb-select-field__menu__loader div{width:36px!important;height:36px!important}.smwb-select-field__menu-search-input{padding:8px 16px;color:var(--smui-selectFieldSearchMenuColor);background-color:transparent}.smwb-select-field--search{cursor:text}.smwb-select-field--disabled{cursor:default}.smwb-select-field__group-label{padding:6px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--smui-onSurfaceVariant);pointer-events:none}.smwb-select-field__create-option{font-style:italic;color:var(--smui-primaryColor)}.smwb-select-field__listbox,.smwb-select-field__group-options{list-style:none;margin:0;padding:0}.smwb-select-field__option--active{outline:2px solid var(--smui-primaryColor);outline-offset:-2px}.smwb-menu .smwb-menu__item.smwb-select-field__option--active:before{opacity:.12}.smwb-text-field_size-small .smwb-select-field:not(.smwb-select-field--inline){padding-top:8px;padding-bottom:8px;font-size:13px}.smwb-text-field_size-large .smwb-select-field:not(.smwb-select-field--inline){padding-top:16px;padding-bottom:16px;font-size:16px}

package/dist/assets/styles/less/components/table/table.entry.css

@@ -1 +1 @@
-.smwb-table{width:100%;white-space:nowrap;border-collapse:collapse;overflow:scroll}.smwb-table.smwb-hovered tbody tr:hover{background:var(--smui-onSurfaceHover);cursor:pointer}.smwb-table__error{margin-bottom:10px}.smwb-table__container{display:flex;overflow-x:auto;border:1px solid var(--smui-tableBorderColor);border-radius:4px;flex-direction:column}.smwb-table__container.smwb-withPagination{border-radius:4px 4px 0 0}.smwb-table__wrapper{display:flex;flex-direction:column;background-color:var(--smui-surfaceBackground)}.smwb-table__wrapper_loading{pointer-events:none}.smwb-table__cell{position:relative;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:nowrap;padding:0 16px;height:52px;vertical-align:middle;overflow:hidden;word-wrap:break-word}.smwb-table__cell.smwb-head-cell{height:56px;text-align:left;font-weight:500}.smwb-table__cell.smwb-head-cell.smwb-sortable,.smwb-table__cell.smwb-head-cell.smwb-head-cell_sortable{cursor:pointer}.smwb-table__cell.smwb-head-cell .smwb-head-cell__content{align-items:center;display:inline-flex;vertical-align:middle;gap:5px;user-select:none}.smwb-table__cell.smwb-head-cell .smwb-head-cell__content input{font-weight:500}.smwb-table__cell.smwb-head-cell.smwb-align_left{text-align:left}.smwb-table__cell.smwb-head-cell.smwb-align_center{text-align:center}.smwb-table__cell.smwb-head-cell.smwb-align_right{text-align:right}.smwb-table__cell.smwb-head-cell .smwb-head-cell__icon{flex-shrink:0;transition:opacity .15s ease-in-out;opacity:.4}.smwb-table__cell.smwb-head-cell.smwb-head-cell_sorted .smwb-head-cell__icon,.smwb-table__cell.smwb-head-cell.smwb-head-cell_sortable:hover .smwb-head-cell__icon,.smwb-table__cell.smwb-head-cell .smwb-head-cell__content:focus-visible .smwb-head-cell__icon{opacity:1}.smwb-table__cell.smwb-head-cell.smwb-sorted_asc .smwb-head-cell__icon{opacity:1;transform:rotate(0)}.smwb-table__cell.smwb-head-cell.smwb-sorted_desc .smwb-head-cell__icon{opacity:1;transform:rotate(180deg)}.smwb-table__head .smwb-table__row{border-top:none}.smwb-table__row{border-top:1px solid var(--smui-tableBorderColor)}.smwb-table.smwb-dense .smwb-table__cell{padding:0 16px;height:36px;vertical-align:middle}.smwb-table.smwb-dense .smwb-table__cell.smwb-head-cell{height:40px}.smwb-table.smwb-dense .smwb-table__row{border-top:1px solid var(--smui-tableBorderColor)}.smwb-table__loader{width:100%;display:flex;align-items:center;justify-content:center;position:absolute;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.smwb-table__loader__row{height:100px;position:relative}.smwb-scrollbar::-webkit-scrollbar-thumb{background-color:var(--smui-scrollThumbColor);border-radius:999px}.smwb-scrollbar::-webkit-scrollbar{width:6px;height:6px}.smwb-scrollbar::-webkit-scrollbar-track{background-color:transparent}.smwb-head-cell_sortable .smwb-head-cell__content{cursor:pointer;user-select:none;outline:none}.smwb-head-cell_sortable .smwb-head-cell__content:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:2px}.smwb-table__row_selected{background-color:var(--smui-onSurfaceHover)}.smwb-table__caption{caption-side:top;text-align:left;padding:8px 12px;color:var(--smui-onSurfaceVariant)}.smwb-table_sticky-header{overflow:visible}.smwb-table__container:has(.smwb-table_sticky-header){overflow:visible}.smwb-table_sticky-header .smwb-table__head .smwb-table__cell{position:sticky;top:0;z-index:2;background-color:var(--smui-surfaceBackground)}.smwb-table__wrapper_stack-sm,.smwb-table__wrapper_stack-md,.smwb-table__wrapper_stack-lg{container:smwb-table / inline-size}@container smwb-table (max-width: 419.98px){.smwb-table__wrapper_stack-sm .smwb-table{display:block;white-space:normal;overflow:visible}.smwb-table__wrapper_stack-sm .smwb-table__head{display:none}.smwb-table__wrapper_stack-sm .smwb-table__body{display:block}.smwb-table__wrapper_stack-sm .smwb-table__row{display:block;padding:8px 0}.smwb-table__wrapper_stack-sm .smwb-table__cell:not(.smwb-table__loader){display:grid;grid-template-columns:minmax(6rem,35%) minmax(0,1fr);column-gap:12px;align-items:baseline;height:auto;padding:4px 16px;white-space:normal;overflow:visible;overflow-wrap:break-word;text-overflow:clip;text-align:start}.smwb-table__wrapper_stack-sm .smwb-table__cell:not(.smwb-table__loader):before{content:attr(data-label);font-size:.75rem;line-height:1.4;color:var(--smui-onSurfaceVariant)}.smwb-table__wrapper_stack-sm .smwb-table__cell:not(.smwb-table__loader):not([data-label]){display:block}.smwb-table__wrapper_stack-sm .smwb-table__cell:not(.smwb-table__loader):not([data-label]):before{content:none}}@container smwb-table (max-width: 767.98px){.smwb-table__wrapper_stack-md .smwb-table{display:block;white-space:normal;overflow:visible}.smwb-table__wrapper_stack-md .smwb-table__head{display:none}.smwb-table__wrapper_stack-md .smwb-table__body{display:block}.smwb-table__wrapper_stack-md .smwb-table__row{display:block;padding:8px 0}.smwb-table__wrapper_stack-md .smwb-table__cell:not(.smwb-table__loader){display:grid;grid-template-columns:minmax(6rem,35%) minmax(0,1fr);column-gap:12px;align-items:baseline;height:auto;padding:4px 16px;white-space:normal;overflow:visible;overflow-wrap:break-word;text-overflow:clip;text-align:start}.smwb-table__wrapper_stack-md .smwb-table__cell:not(.smwb-table__loader):before{content:attr(data-label);font-size:.75rem;line-height:1.4;color:var(--smui-onSurfaceVariant)}.smwb-table__wrapper_stack-md .smwb-table__cell:not(.smwb-table__loader):not([data-label]){display:block}.smwb-table__wrapper_stack-md .smwb-table__cell:not(.smwb-table__loader):not([data-label]):before{content:none}}@container smwb-table (max-width: 1023.98px){.smwb-table__wrapper_stack-lg .smwb-table{display:block;white-space:normal;overflow:visible}.smwb-table__wrapper_stack-lg .smwb-table__head{display:none}.smwb-table__wrapper_stack-lg .smwb-table__body{display:block}.smwb-table__wrapper_stack-lg .smwb-table__row{display:block;padding:8px 0}.smwb-table__wrapper_stack-lg .smwb-table__cell:not(.smwb-table__loader){display:grid;grid-template-columns:minmax(6rem,35%) minmax(0,1fr);column-gap:12px;align-items:baseline;height:auto;padding:4px 16px;white-space:normal;overflow:visible;overflow-wrap:break-word;text-overflow:clip;text-align:start}.smwb-table__wrapper_stack-lg .smwb-table__cell:not(.smwb-table__loader):before{content:attr(data-label);font-size:.75rem;line-height:1.4;color:var(--smui-onSurfaceVariant)}.smwb-table__wrapper_stack-lg .smwb-table__cell:not(.smwb-table__loader):not([data-label]){display:block}.smwb-table__wrapper_stack-lg .smwb-table__cell:not(.smwb-table__loader):not([data-label]):before{content:none}}
+.smwb-table{width:100%;white-space:nowrap;border-collapse:collapse;overflow:scroll}.smwb-table.smwb-hovered tbody tr:hover{background:var(--smui-onSurfaceHover);cursor:pointer}.smwb-table__error{margin-bottom:10px}.smwb-table__container{display:flex;overflow-x:auto;border:1px solid var(--smui-tableBorderColor);border-radius:4px;flex-direction:column}.smwb-table__container.smwb-withPagination{border-radius:4px 4px 0 0}.smwb-table__wrapper{display:flex;flex-direction:column;background-color:var(--smui-surfaceBackground)}.smwb-table__wrapper_loading{pointer-events:none}.smwb-table__cell{position:relative;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:nowrap;padding:0 16px;height:52px;vertical-align:middle;overflow:hidden;word-wrap:break-word}.smwb-table__cell.smwb-head-cell{height:56px;text-align:left;font-weight:500}.smwb-table__cell.smwb-head-cell.smwb-sortable,.smwb-table__cell.smwb-head-cell.smwb-head-cell_sortable{cursor:pointer}.smwb-table__cell.smwb-head-cell .smwb-head-cell__content{align-items:center;display:inline-flex;vertical-align:middle;gap:5px;user-select:none}.smwb-table__cell.smwb-head-cell .smwb-head-cell__content input{font-weight:500}.smwb-table__cell.smwb-head-cell .smwb-head-cell__actions{align-items:center;display:inline-flex;vertical-align:middle;gap:5px;margin-inline-start:5px;cursor:auto}.smwb-table__cell.smwb-head-cell.smwb-align_left{text-align:left}.smwb-table__cell.smwb-head-cell.smwb-align_center{text-align:center}.smwb-table__cell.smwb-head-cell.smwb-align_right{text-align:right}.smwb-table__cell.smwb-head-cell .smwb-head-cell__icon{flex-shrink:0;transition:opacity .15s ease-in-out;opacity:.4}.smwb-table__cell.smwb-head-cell.smwb-head-cell_sorted .smwb-head-cell__icon,.smwb-table__cell.smwb-head-cell.smwb-head-cell_sortable:hover .smwb-head-cell__icon,.smwb-table__cell.smwb-head-cell .smwb-head-cell__content:focus-visible .smwb-head-cell__icon{opacity:1}.smwb-table__cell.smwb-head-cell.smwb-sorted_asc .smwb-head-cell__icon{opacity:1;transform:rotate(0)}.smwb-table__cell.smwb-head-cell.smwb-sorted_desc .smwb-head-cell__icon{opacity:1;transform:rotate(180deg)}.smwb-table__head .smwb-table__row{border-top:none}.smwb-table__row{border-top:1px solid var(--smui-tableBorderColor)}.smwb-table.smwb-dense .smwb-table__cell{padding:0 16px;height:36px;vertical-align:middle}.smwb-table.smwb-dense .smwb-table__cell.smwb-head-cell{height:40px}.smwb-table.smwb-dense .smwb-table__row{border-top:1px solid var(--smui-tableBorderColor)}.smwb-table__loader{width:100%;display:flex;align-items:center;justify-content:center;position:absolute;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.smwb-table__loader__row{height:100px;position:relative}.smwb-scrollbar::-webkit-scrollbar-thumb{background-color:var(--smui-scrollThumbColor);border-radius:999px}.smwb-scrollbar::-webkit-scrollbar{width:6px;height:6px}.smwb-scrollbar::-webkit-scrollbar-track{background-color:transparent}.smwb-head-cell_sortable .smwb-head-cell__content{cursor:pointer;user-select:none;outline:none}.smwb-head-cell_sortable .smwb-head-cell__content:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:2px}.smwb-table__row_selected{background-color:var(--smui-onSurfaceHover)}.smwb-table__caption{caption-side:top;text-align:left;padding:8px 12px;color:var(--smui-onSurfaceVariant)}.smwb-table_sticky-header{overflow:visible}.smwb-table__container:has(.smwb-table_sticky-header){overflow:visible}.smwb-table_sticky-header .smwb-table__head .smwb-table__cell{position:sticky;top:0;z-index:2;background-color:var(--smui-surfaceBackground)}.smwb-table__wrapper_stack-sm,.smwb-table__wrapper_stack-md,.smwb-table__wrapper_stack-lg{container:smwb-table / inline-size}@container smwb-table (max-width: 419.98px){.smwb-table__wrapper_stack-sm .smwb-table{display:block;white-space:normal;overflow:visible}.smwb-table__wrapper_stack-sm .smwb-table__head{display:none}.smwb-table__wrapper_stack-sm .smwb-table__body{display:block}.smwb-table__wrapper_stack-sm .smwb-table__row{display:block;padding:8px 0}.smwb-table__wrapper_stack-sm .smwb-table__cell:not(.smwb-table__loader){display:grid;grid-template-columns:minmax(6rem,35%) minmax(0,1fr);column-gap:12px;align-items:baseline;height:auto;padding:4px 16px;white-space:normal;overflow:visible;overflow-wrap:break-word;text-overflow:clip;text-align:start}.smwb-table__wrapper_stack-sm .smwb-table__cell:not(.smwb-table__loader):before{content:attr(data-label);font-size:.75rem;line-height:1.4;color:var(--smui-onSurfaceVariant)}.smwb-table__wrapper_stack-sm .smwb-table__cell:not(.smwb-table__loader):not([data-label]){display:block}.smwb-table__wrapper_stack-sm .smwb-table__cell:not(.smwb-table__loader):not([data-label]):before{content:none}}@container smwb-table (max-width: 767.98px){.smwb-table__wrapper_stack-md .smwb-table{display:block;white-space:normal;overflow:visible}.smwb-table__wrapper_stack-md .smwb-table__head{display:none}.smwb-table__wrapper_stack-md .smwb-table__body{display:block}.smwb-table__wrapper_stack-md .smwb-table__row{display:block;padding:8px 0}.smwb-table__wrapper_stack-md .smwb-table__cell:not(.smwb-table__loader){display:grid;grid-template-columns:minmax(6rem,35%) minmax(0,1fr);column-gap:12px;align-items:baseline;height:auto;padding:4px 16px;white-space:normal;overflow:visible;overflow-wrap:break-word;text-overflow:clip;text-align:start}.smwb-table__wrapper_stack-md .smwb-table__cell:not(.smwb-table__loader):before{content:attr(data-label);font-size:.75rem;line-height:1.4;color:var(--smui-onSurfaceVariant)}.smwb-table__wrapper_stack-md .smwb-table__cell:not(.smwb-table__loader):not([data-label]){display:block}.smwb-table__wrapper_stack-md .smwb-table__cell:not(.smwb-table__loader):not([data-label]):before{content:none}}@container smwb-table (max-width: 1023.98px){.smwb-table__wrapper_stack-lg .smwb-table{display:block;white-space:normal;overflow:visible}.smwb-table__wrapper_stack-lg .smwb-table__head{display:none}.smwb-table__wrapper_stack-lg .smwb-table__body{display:block}.smwb-table__wrapper_stack-lg .smwb-table__row{display:block;padding:8px 0}.smwb-table__wrapper_stack-lg .smwb-table__cell:not(.smwb-table__loader){display:grid;grid-template-columns:minmax(6rem,35%) minmax(0,1fr);column-gap:12px;align-items:baseline;height:auto;padding:4px 16px;white-space:normal;overflow:visible;overflow-wrap:break-word;text-overflow:clip;text-align:start}.smwb-table__wrapper_stack-lg .smwb-table__cell:not(.smwb-table__loader):before{content:attr(data-label);font-size:.75rem;line-height:1.4;color:var(--smui-onSurfaceVariant)}.smwb-table__wrapper_stack-lg .smwb-table__cell:not(.smwb-table__loader):not([data-label]){display:block}.smwb-table__wrapper_stack-lg .smwb-table__cell:not(.smwb-table__loader):not([data-label]):before{content:none}}

package/dist/assets/styles/less/components/thumbCard/thumbCard.entry.css

@@ -1 +1 @@
-.smwb-thumb-card{position:relative;display:flex;flex-direction:column;border-radius:8px;overflow:visible;outline:none}.smwb-thumb-card--interactive{cursor:pointer}.smwb-thumb-card--disabled{opacity:.5;pointer-events:none}.smwb-thumb-card__media{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background-color:var(--smui-surfaceVariant)}.smwb-thumb-card--selected .smwb-thumb-card__media{outline:2px solid var(--smui-primaryColor);outline-offset:1px}.smwb-thumb-card--interactive:focus-visible .smwb-thumb-card__media{outline:2px solid var(--smui-primaryColor);outline-offset:1px}.smwb-thumb-card__slot{position:absolute;top:4px;display:flex;gap:4px;z-index:1}.smwb-thumb-card__slot--start{left:4px}.smwb-thumb-card__slot--end{right:4px}.smwb-thumb-card__caption{margin-top:4px;font-size:.8125rem;color:var(--smui-onSurfaceColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smwb-thumb-card__preview{z-index:1000;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0000004d;background-color:var(--smui-surfaceBackground);pointer-events:none}.smwb-thumb-card__preview img{display:block;max-width:320px;max-height:320px;object-fit:contain}
+.smwb-thumb-card{position:relative;display:flex;flex-direction:column;border-radius:8px;overflow:visible}.smwb-thumb-card--interactive{cursor:pointer}.smwb-thumb-card--disabled{opacity:.5;pointer-events:none}.smwb-thumb-card__content{display:flex;flex-direction:column;outline:none}.smwb-thumb-card__media{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background-color:var(--smui-surfaceVariant)}.smwb-thumb-card--selected .smwb-thumb-card__media{outline:2px solid var(--smui-primaryColor);outline-offset:1px}.smwb-thumb-card__content:focus-visible .smwb-thumb-card__media{outline:2px solid var(--smui-primaryColor);outline-offset:1px}.smwb-thumb-card__slot{position:absolute;top:4px;display:flex;gap:4px;z-index:1}.smwb-thumb-card__slot--start{left:4px}.smwb-thumb-card__slot--end{right:4px}.smwb-thumb-card__caption{margin-top:4px;font-size:.8125rem;color:var(--smui-onSurfaceColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smwb-thumb-card__preview{z-index:1000;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0000004d;background-color:var(--smui-surfaceBackground);pointer-events:none}.smwb-thumb-card__preview img{display:block;max-width:320px;max-height:320px;object-fit:contain}

package/dist/assets/styles/less/components/toggle/toggle.entry.css

@@ -1 +1 @@
-.smwb-toggle{width:50px;height:30px;position:relative;cursor:pointer;display:inline-flex}.smwb-toggle__wrapper{display:inline-flex;flex-direction:column;gap:8px}.smwb-toggle__wrapper_label-left{flex-direction:row;align-items:center}.smwb-toggle__wrapper_label-right{flex-direction:row-reverse;align-items:center}.smwb-toggle.smwb-disabled{opacity:.35;pointer-events:none}.smwb-toggle__track{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--smui-toggleTrackColor);border-radius:999px;transition:all .2s ease-in-out;border:2px solid var(--smui-toggleBorderColor)}.smwb-toggle__thumb{position:absolute;z-index:1;width:15px;height:15px;border-radius:50%;background-color:#79747e;left:5px;transform:translateY(-50%);top:50%;transition:all .2s ease-in-out;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.smwb-toggle__thumb:before{width:40px;height:40px;border-radius:50%;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background-color:none;opacity:0;transition:all .2s ease-in-out}.smwb-toggle__thumb:hover:before{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-onSurfaceHover);opacity:1}.smwb-toggle__checkbox{display:none}.smwb-toggle__checkbox:checked~.smwb-toggle__track{background-color:var(--smui-toggleTrackActiveColor);border:2px solid transparent}.smwb-toggle__checkbox:checked~.smwb-toggle__thumb{left:25px;background-color:var(--smui-toggleThumbActiveColor);width:20px;height:20px}.smwb-toggle__checkbox:checked~.smwb-toggle__thumb:hover:before{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-primaryColorHover);opacity:1}.smwb-toggle__checkbox:checked:active~.smwb-toggle__thumb:before{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-primaryColorActive);opacity:1}.smwb-toggle__checkbox:active~.smwb-toggle__thumb:before{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-onSurfaceActive);opacity:1}
+.smwb-toggle{width:50px;height:30px;position:relative;cursor:pointer;display:inline-flex}.smwb-toggle__wrapper{display:inline-flex;flex-direction:column;gap:8px}.smwb-toggle__wrapper_label-left{flex-direction:row;align-items:center}.smwb-toggle__wrapper_label-right{flex-direction:row-reverse;align-items:center}.smwb-toggle.smwb-disabled{opacity:.35;pointer-events:none}.smwb-toggle__track{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--smui-toggleTrackColor);border-radius:999px;transition:all .2s ease-in-out;border:2px solid var(--smui-toggleBorderColor)}.smwb-toggle__thumb{position:absolute;z-index:1;width:15px;height:15px;border-radius:50%;background-color:#79747e;left:5px;transform:translateY(-50%);top:50%;transition:all .2s ease-in-out;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.smwb-toggle__thumb:before{width:40px;height:40px;border-radius:50%;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background-color:none;opacity:0;transition:all .2s ease-in-out}.smwb-toggle__thumb:hover:before{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-onSurfaceHover);opacity:1}.smwb-toggle__checkbox{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0}.smwb-toggle__checkbox:focus-visible~.smwb-toggle__track{outline:2px solid var(--smui-primaryColor);outline-offset:2px}.smwb-toggle__checkbox:checked~.smwb-toggle__track{background-color:var(--smui-toggleTrackActiveColor);border:2px solid transparent}.smwb-toggle__checkbox:checked~.smwb-toggle__thumb{left:25px;background-color:var(--smui-toggleThumbActiveColor);width:20px;height:20px}.smwb-toggle__checkbox:checked~.smwb-toggle__thumb:hover:before{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-primaryColorHover);opacity:1}.smwb-toggle__checkbox:checked:active~.smwb-toggle__thumb:before{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-primaryColorActive);opacity:1}.smwb-toggle__checkbox:active~.smwb-toggle__thumb:before{transform:translate(-50%,-50%) scale(1);background-color:var(--smui-onSurfaceActive);opacity:1}

package/dist/assets/styles/less/components/typography/typography.entry.css

@@ -1 +1 @@
-.smwb-typography{margin:0;font-family:var(--smui-fontFamily, inherit);color:var(--smui-onSurfaceColor)}.smwb-typography_h1{font-size:clamp(2rem,1.5714rem + 1.9048vw,3rem);font-weight:300;line-height:1.2}.smwb-typography_h2{font-size:clamp(1.75rem,1.4286rem + 1.4286vw,2.5rem);font-weight:300;line-height:1.2}.smwb-typography_h3{font-size:clamp(1.5rem,1.2857rem + .9524vw,2rem);font-weight:400;line-height:1.25}.smwb-typography_h4{font-size:clamp(1.375rem,1.2143rem + .7143vw,1.75rem);font-weight:400;line-height:1.3}.smwb-typography_h5{font-size:clamp(1.25rem,1.1429rem + .4762vw,1.5rem);font-weight:500;line-height:1.3}.smwb-typography_h6{font-size:20px;font-weight:500;line-height:1.4}.smwb-typography_subtitle1{font-size:16px;font-weight:500;line-height:1.5}.smwb-typography_subtitle2{font-size:14px;font-weight:500;line-height:1.5}.smwb-typography_body1{font-size:16px;font-weight:400;line-height:1.5}.smwb-typography_body2{font-size:14px;font-weight:400;line-height:1.5}.smwb-typography_caption{font-size:12px;font-weight:400;line-height:1.4}.smwb-typography_overline{font-size:12px;font-weight:600;line-height:1.4}.smwb-typography_button{font-size:14px;font-weight:500;line-height:1.75}.smwb-typography_overline,.smwb-typography_button{text-transform:uppercase;letter-spacing:.06em}.smwb-typography_color-primary{color:var(--smui-primaryColor)}.smwb-typography_color-secondary{color:var(--smui-secondaryColor)}.smwb-typography_color-error{color:var(--smui-errorColor)}.smwb-typography_color-success{color:var(--smui-successColor)}.smwb-typography_color-warning{color:var(--smui-warningColor)}.smwb-typography_color-info{color:var(--smui-infoColor)}.smwb-typography_color-textPrimary{color:var(--smui-primaryTextColor)}.smwb-typography_color-textSecondary{color:var(--smui-onSurfaceVariant)}.smwb-typography_color-disabled{color:var(--smui-disabledTextColor)}.smwb-typography_align-left{text-align:left}.smwb-typography_align-center{text-align:center}.smwb-typography_align-right{text-align:right}.smwb-typography_align-justify{text-align:justify}.smwb-typography_gutter{margin-bottom:.35em}.smwb-typography_nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smwb-typography_clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--smwb-typography-lines);line-clamp:var(--smwb-typography-lines);overflow:hidden;overflow-wrap:break-word}.smwb-typography_tabular-nums{font-variant-numeric:tabular-nums}
+.smwb-typography{margin:0;font-family:var(--smui-fontFamily, inherit);color:var(--smui-onSurfaceColor)}.smwb-typography_h1{font-size:clamp(2rem,1.5714rem + 1.9048vw,3rem);font-weight:300;line-height:1.2}.smwb-typography_h2{font-size:clamp(1.75rem,1.4286rem + 1.4286vw,2.5rem);font-weight:300;line-height:1.2}.smwb-typography_h3{font-size:clamp(1.5rem,1.2857rem + .9524vw,2rem);font-weight:400;line-height:1.25}.smwb-typography_h4{font-size:clamp(1.375rem,1.2143rem + .7143vw,1.75rem);font-weight:400;line-height:1.3}.smwb-typography_h5{font-size:clamp(1.25rem,1.1429rem + .4762vw,1.5rem);font-weight:500;line-height:1.3}.smwb-typography_h6{font-size:20px;font-weight:500;line-height:1.4}.smwb-typography_subtitle1{font-size:16px;font-weight:500;line-height:1.5}.smwb-typography_subtitle2{font-size:14px;font-weight:500;line-height:1.5}.smwb-typography_body1{font-size:16px;font-weight:400;line-height:1.5}.smwb-typography_body2{font-size:14px;font-weight:400;line-height:1.5}.smwb-typography_caption{font-size:12px;font-weight:400;line-height:1.4}.smwb-typography_overline{font-size:12px;font-weight:600;line-height:1.4;text-transform:var(--smui-font-overline-transform, uppercase);letter-spacing:var(--smui-font-overline-letter-spacing, .06em)}.smwb-typography_button{font-size:14px;font-weight:500;line-height:1.75;text-transform:var(--smui-font-button-transform, uppercase);letter-spacing:var(--smui-font-button-letter-spacing, .06em)}.smwb-typography_color-primary{color:var(--smui-primaryColor)}.smwb-typography_color-secondary{color:var(--smui-secondaryColor)}.smwb-typography_color-error{color:var(--smui-errorColor)}.smwb-typography_color-success{color:var(--smui-successColor)}.smwb-typography_color-warning{color:var(--smui-warningColor)}.smwb-typography_color-info{color:var(--smui-infoColor)}.smwb-typography_color-textPrimary{color:var(--smui-primaryTextColor)}.smwb-typography_color-textSecondary{color:var(--smui-onSurfaceVariant)}.smwb-typography_color-disabled{color:var(--smui-disabledTextColor)}.smwb-typography_align-left{text-align:left}.smwb-typography_align-center{text-align:center}.smwb-typography_align-right{text-align:right}.smwb-typography_align-justify{text-align:justify}.smwb-typography_gutter{margin-bottom:.35em}.smwb-typography_nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smwb-typography_clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--smwb-typography-lines);line-clamp:var(--smwb-typography-lines);overflow:hidden;overflow-wrap:break-word}.smwb-typography_tabular-nums{font-variant-numeric:tabular-nums}

package/dist/components/base/animateHeight/animateHeight.js

@@ -1,16 +1,17 @@
-import { use as $, spread as z, mergeProps as F, insert as M, effect as j, className as L, style as R, template as k } from "solid-js/web";
-import { mergeProps as q, splitProps as B, createSignal as d, onMount as G, createEffect as J, onCleanup as K } from "solid-js";
+import { use as $, spread as z, mergeProps as F, insert as M, effect as L, className as R, style as j, template as k } from "solid-js/web";
+import { mergeProps as q, splitProps as B, createSignal as p, onMount as G, createEffect as J, onCleanup as K } from "solid-js";
 import w from "clsx";
 import { mergeRefs as Q } from "../../../primitives/mergeRefs.js";
-var V = /* @__PURE__ */ k("<div><div>");
-const W = (e) => {
+import { mergeStyle as V } from "../../../primitives/mergeStyle.js";
+var W = /* @__PURE__ */ k("<div><div>");
+const X = (e) => {
   const o = parseFloat(e);
   return !isNaN(o) && isFinite(o);
-}, E = (e) => typeof e == "string" && e[e.length - 1] === "%" && W(e.substring(0, e.length - 1)), A = (e, o) => {
+}, E = (e) => typeof e == "string" && e[e.length - 1] === "%" && X(e.substring(0, e.length - 1)), b = (e, o) => {
   o === 0 && e?.style && (e.style.display = "none");
-}, X = (e, o) => {
+}, Y = (e, o) => {
   o === 0 && e?.style && (e.style.display = "");
-}, Y = {
+}, tt = {
   animating: "rah-animating",
   animatingUp: "rah-animating--up",
   animatingDown: "rah-animating--down",
@@ -26,8 +27,8 @@ const W = (e) => {
   [e.staticHeightZero]: o === 0,
   [e.staticHeightSpecific]: typeof o == "number" && o > 0,
   [e.staticHeightAuto]: o === "auto"
-}), tt = (e) => typeof e == "number" ? `${e}px` : e;
-function ot(e) {
+}), et = (e) => typeof e == "number" ? `${e}px` : e;
+function rt(e) {
   const o = q({
     animateOpacity: !1,
     applyInlineTransitions: !0,
@@ -35,58 +36,56 @@ function ot(e) {
     duration: 300,
     easing: "ease"
   }, e), [t, y] = B(o, ["animateOpacity", "animationStateClasses", "applyInlineTransitions", "children", "class", "contentClassName", "delay", "duration", "easing", "height", "onHeightAnimationEnd", "onHeightAnimationStart", "style", "ref"]), c = {
-    ...Y,
+    ...tt,
     ...t.animationStateClasses
   };
   let s, r = t.height, f, H, l = t.height, v = "visible";
   typeof l == "number" ? (l = l < 0 ? 0 : l, v = "hidden") : E(l) && (l = l === "0%" ? 0 : l, v = "hidden");
-  const [T, S] = d(l), [O, C] = d(v), [P, p] = d(!1), [_, b] = d(I(c, t.height));
-  G(() => A(s, T())), J(() => {
-    const i = t.height;
-    if (i !== r && s) {
-      X(s, r), s.style.overflow = "hidden";
+  const [T, S] = p(l), [O, C] = p(v), [P, d] = p(!1), [_, A] = p(I(c, t.height));
+  G(() => b(s, T())), J(() => {
+    const n = t.height;
+    if (n !== r && s) {
+      Y(s, r), s.style.overflow = "hidden";
       const m = s.offsetHeight;
       s.style.overflow = "";
       const u = t.duration + t.delay;
-      let a, n, g = "hidden";
+      let a, i, g = "hidden";
       const h = r === "auto";
-      typeof i == "number" ? (a = i < 0 ? 0 : i, n = a) : E(i) ? (a = i === "0%" ? 0 : i, n = a) : (a = m, n = "auto", g = void 0), h && (n = a, a = m);
+      typeof n == "number" ? (a = n < 0 ? 0 : n, i = a) : E(n) ? (a = n === "0%" ? 0 : n, i = a) : (a = m, i = "auto", g = void 0), h && (i = a, a = m);
       const x = w({
         [c.animating]: !0,
-        [c.animatingUp]: r === "auto" || typeof r == "number" && typeof i == "number" && i < r,
-        [c.animatingDown]: i === "auto" || typeof r == "number" && typeof i == "number" && i > r,
-        [c.animatingToHeightZero]: n === 0,
-        [c.animatingToHeightAuto]: n === "auto",
-        [c.animatingToHeightSpecific]: typeof n == "number" && n > 0
-      }), N = I(c, n);
-      S(a), C("hidden"), p(!h), b(x), clearTimeout(f), clearTimeout(H), h ? (f = setTimeout(() => {
-        S(n), C(g), p(!0), t.onHeightAnimationStart?.(n);
+        [c.animatingUp]: r === "auto" || typeof r == "number" && typeof n == "number" && n < r,
+        [c.animatingDown]: n === "auto" || typeof r == "number" && typeof n == "number" && n > r,
+        [c.animatingToHeightZero]: i === 0,
+        [c.animatingToHeightAuto]: i === "auto",
+        [c.animatingToHeightSpecific]: typeof i == "number" && i > 0
+      }), N = I(c, i);
+      S(a), C("hidden"), d(!h), A(x), clearTimeout(f), clearTimeout(H), h ? (f = setTimeout(() => {
+        S(i), C(g), d(!0), t.onHeightAnimationStart?.(i);
       }, 50), H = setTimeout(() => {
-        p(!1), b(N), A(s, n), t.onHeightAnimationEnd?.(n);
+        d(!1), A(N), b(s, i), t.onHeightAnimationEnd?.(i);
       }, u)) : (t.onHeightAnimationStart?.(a), f = setTimeout(() => {
-        S(n), C(g), p(!1), b(N), i !== "auto" && A(s, a), t.onHeightAnimationEnd?.(a);
+        S(i), C(g), d(!1), A(N), n !== "auto" && b(s, a), t.onHeightAnimationEnd?.(a);
       }, u));
     }
-    r = i;
+    r = n;
   }), K(() => {
     clearTimeout(f), clearTimeout(H);
   });
-  const Z = () => {
-    const i = {
-      ...typeof t.style == "object" && t.style ? t.style : {},
-      height: tt(T()),
-      overflow: O() ?? "visible"
-    };
-    return P() && t.applyInlineTransitions && (i.transition = `height ${t.duration}ms ${t.easing} ${t.delay}ms`), i;
-  }, D = () => t.animateOpacity ? {
+  const Z = () => V(t.style, {
+    height: et(T()),
+    overflow: O() ?? "visible",
+    // Unset while not animating, so a transition the caller set stays.
+    transition: P() && t.applyInlineTransitions ? `height ${t.duration}ms ${t.easing} ${t.delay}ms` : void 0
+  }), D = () => t.animateOpacity ? {
     transition: `opacity ${t.duration}ms ${t.easing} ${t.delay}ms`,
     ...T() === 0 ? {
       opacity: 0
     } : {}
   } : {}, U = () => y["aria-hidden"] !== void 0 ? y["aria-hidden"] : t.height === 0;
   return (() => {
-    var i = V(), m = i.firstChild, u = Q(t.ref);
-    typeof u == "function" && $(u, i), z(i, F(y, {
+    var n = W(), m = n.firstChild, u = Q(t.ref);
+    typeof u == "function" && $(u, n), z(n, F(y, {
       get "aria-hidden"() {
         return U();
       },
@@ -98,16 +97,16 @@ function ot(e) {
       }
     }), !1, !0);
     var a = s;
-    return typeof a == "function" ? $(a, m) : s = m, M(m, () => t.children), j((n) => {
+    return typeof a == "function" ? $(a, m) : s = m, M(m, () => t.children), L((i) => {
       var g = t.contentClassName, h = D();
-      return g !== n.e && L(m, n.e = g), n.t = R(m, h, n.t), n;
+      return g !== i.e && R(m, i.e = g), i.t = j(m, h, i.t), i;
     }, {
       e: void 0,
       t: void 0
-    }), i;
+    }), n;
   })();
 }
 export {
-  ot as AnimateHeight
+  rt as AnimateHeight
 };
 //# sourceMappingURL=animateHeight.js.map

package/dist/components/base/animateHeight/animateHeight.js.map

@@ -1 +1 @@
-{"version":3,"file":"animateHeight.js","sources":["../../../../src/components/base/animateHeight/animateHeight.tsx"],"sourcesContent":["// Solid port of react-animate-height (MIT, © Stanko Tadić)\n// https://github.com/Stanko/react-animate-height\nimport { type JSX, type ParentProps, createEffect, createSignal, mergeProps, onCleanup, onMount, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type Height = \"auto\" | number | `${number}%`;\ntype Overflow = \"auto\" | \"visible\" | \"hidden\" | undefined;\n\ninterface AnimationStateClasses {\n  animating: string;\n  animatingUp: string;\n  animatingDown: string;\n  animatingToHeightZero: string;\n  animatingToHeightAuto: string;\n  animatingToHeightSpecific: string;\n  static: string;\n  staticHeightZero: string;\n  staticHeightAuto: string;\n  staticHeightSpecific: string;\n}\n\nconst isNumberString = (n: string): boolean => {\n  const number = parseFloat(n);\n  return !isNaN(number) && isFinite(number);\n};\n\nconst isPercentage = (height: Height): height is `${number}%` =>\n  typeof height === \"string\" && height[height.length - 1] === \"%\" && isNumberString(height.substring(0, height.length - 1));\n\nconst hideContent = (element: HTMLDivElement | undefined, height: Height): void => {\n  if (height === 0 && element?.style) element.style.display = \"none\";\n};\nconst showContent = (element: HTMLDivElement | undefined, height: Height): void => {\n  if (height === 0 && element?.style) element.style.display = \"\";\n};\n\nconst ANIMATION_STATE_CLASSES: AnimationStateClasses = {\n  animating: \"rah-animating\",\n  animatingUp: \"rah-animating--up\",\n  animatingDown: \"rah-animating--down\",\n  animatingToHeightZero: \"rah-animating--to-height-zero\",\n  animatingToHeightAuto: \"rah-animating--to-height-auto\",\n  animatingToHeightSpecific: \"rah-animating--to-height-specific\",\n  static: \"rah-static\",\n  staticHeightZero: \"rah-static--height-zero\",\n  staticHeightAuto: \"rah-static--height-auto\",\n  staticHeightSpecific: \"rah-static--height-specific\",\n};\n\nconst getStaticStateClasses = (s: AnimationStateClasses, height: Height): string =>\n  cn({\n    [s.static]: true,\n    [s.staticHeightZero]: height === 0,\n    [s.staticHeightSpecific]: typeof height === \"number\" && height > 0,\n    [s.staticHeightAuto]: height === \"auto\",\n  });\n\nconst toCssHeight = (height: Height): string => (typeof height === \"number\" ? `${height}px` : height);\n\nexport interface AnimateHeightProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  animateOpacity?: boolean;\n  animationStateClasses?: Partial<AnimationStateClasses>;\n  applyInlineTransitions?: boolean;\n  contentClassName?: string;\n  delay?: number;\n  duration?: number;\n  easing?: string;\n  height: Height;\n  onHeightAnimationEnd?: (newHeight: Height) => void;\n  onHeightAnimationStart?: (newHeight: Height) => void;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function AnimateHeight(props: ParentProps<AnimateHeightProps>): JSX.Element {\n  const merged = mergeProps(\n    { animateOpacity: false, applyInlineTransitions: true, delay: 0, duration: 300, easing: \"ease\" },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"animateOpacity\",\n    \"animationStateClasses\",\n    \"applyInlineTransitions\",\n    \"children\",\n    \"class\",\n    \"contentClassName\",\n    \"delay\",\n    \"duration\",\n    \"easing\",\n    \"height\",\n    \"onHeightAnimationEnd\",\n    \"onHeightAnimationStart\",\n    \"style\",\n    \"ref\",\n  ]);\n\n  const stateClasses: AnimationStateClasses = { ...ANIMATION_STATE_CLASSES, ...local.animationStateClasses };\n\n  let contentEl: HTMLDivElement | undefined;\n  let prevHeight: Height = local.height;\n  let timeoutId: ReturnType<typeof setTimeout> | undefined;\n  let classesTimeoutId: ReturnType<typeof setTimeout> | undefined;\n\n  let initHeight: Height = local.height;\n  let initOverflow: Overflow = \"visible\";\n  if (typeof initHeight === \"number\") {\n    initHeight = initHeight < 0 ? 0 : initHeight;\n    initOverflow = \"hidden\";\n  } else if (isPercentage(initHeight)) {\n    initHeight = initHeight === \"0%\" ? 0 : initHeight;\n    initOverflow = \"hidden\";\n  }\n\n  const [currentHeight, setCurrentHeight] = createSignal<Height>(initHeight);\n  const [overflow, setOverflow] = createSignal<Overflow>(initOverflow);\n  const [useTransitions, setUseTransitions] = createSignal(false);\n  const [stateClassNames, setStateClassNames] = createSignal(getStaticStateClasses(stateClasses, local.height));\n\n  onMount(() => hideContent(contentEl, currentHeight()));\n\n  createEffect(() => {\n    const height = local.height;\n    if (height !== prevHeight && contentEl) {\n      showContent(contentEl, prevHeight);\n      contentEl.style.overflow = \"hidden\";\n      const contentHeight = contentEl.offsetHeight;\n      contentEl.style.overflow = \"\";\n\n      const totalDuration = local.duration + local.delay;\n      let newHeight: Height;\n      let timeoutHeight: Height;\n      let timeoutOverflow: Overflow = \"hidden\";\n      const isCurrentHeightAuto = prevHeight === \"auto\";\n\n      if (typeof height === \"number\") {\n        newHeight = height < 0 ? 0 : height;\n        timeoutHeight = newHeight;\n      } else if (isPercentage(height)) {\n        newHeight = height === \"0%\" ? 0 : height;\n        timeoutHeight = newHeight;\n      } else {\n        newHeight = contentHeight;\n        timeoutHeight = \"auto\";\n        timeoutOverflow = undefined;\n      }\n\n      if (isCurrentHeightAuto) {\n        timeoutHeight = newHeight;\n        newHeight = contentHeight;\n      }\n\n      const animatingClassNames = cn({\n        [stateClasses.animating]: true,\n        [stateClasses.animatingUp]:\n          prevHeight === \"auto\" || (typeof prevHeight === \"number\" && typeof height === \"number\" && height < prevHeight),\n        [stateClasses.animatingDown]:\n          height === \"auto\" || (typeof prevHeight === \"number\" && typeof height === \"number\" && height > prevHeight),\n        [stateClasses.animatingToHeightZero]: timeoutHeight === 0,\n        [stateClasses.animatingToHeightAuto]: timeoutHeight === \"auto\",\n        [stateClasses.animatingToHeightSpecific]: typeof timeoutHeight === \"number\" && timeoutHeight > 0,\n      });\n      const finalClassNames = getStaticStateClasses(stateClasses, timeoutHeight);\n\n      setCurrentHeight(newHeight);\n      setOverflow(\"hidden\");\n      setUseTransitions(!isCurrentHeightAuto);\n      setStateClassNames(animatingClassNames);\n\n      clearTimeout(timeoutId);\n      clearTimeout(classesTimeoutId);\n\n      if (isCurrentHeightAuto) {\n        timeoutId = setTimeout(() => {\n          setCurrentHeight(timeoutHeight);\n          setOverflow(timeoutOverflow);\n          setUseTransitions(true);\n          local.onHeightAnimationStart?.(timeoutHeight);\n        }, 50);\n        classesTimeoutId = setTimeout(() => {\n          setUseTransitions(false);\n          setStateClassNames(finalClassNames);\n          hideContent(contentEl, timeoutHeight);\n          local.onHeightAnimationEnd?.(timeoutHeight);\n        }, totalDuration);\n      } else {\n        local.onHeightAnimationStart?.(newHeight);\n        timeoutId = setTimeout(() => {\n          setCurrentHeight(timeoutHeight);\n          setOverflow(timeoutOverflow);\n          setUseTransitions(false);\n          setStateClassNames(finalClassNames);\n          if (height !== \"auto\") hideContent(contentEl, newHeight);\n          local.onHeightAnimationEnd?.(newHeight);\n        }, totalDuration);\n      }\n    }\n    prevHeight = height;\n  });\n\n  onCleanup(() => {\n    clearTimeout(timeoutId);\n    clearTimeout(classesTimeoutId);\n  });\n\n  const componentStyle = (): JSX.CSSProperties => {\n    const base: JSX.CSSProperties = {\n      ...(typeof local.style === \"object\" && local.style ? local.style : {}),\n      height: toCssHeight(currentHeight()),\n      overflow: overflow() ?? \"visible\",\n    };\n    if (useTransitions() && local.applyInlineTransitions) {\n      base.transition = `height ${local.duration}ms ${local.easing} ${local.delay}ms`;\n    }\n    return base;\n  };\n\n  const contentStyle = (): JSX.CSSProperties => {\n    if (!local.animateOpacity) return {};\n    return {\n      transition: `opacity ${local.duration}ms ${local.easing} ${local.delay}ms`,\n      ...(currentHeight() === 0 ? { opacity: 0 } : {}),\n    };\n  };\n\n  const ariaHidden = (): boolean | undefined =>\n    rest[\"aria-hidden\"] !== undefined ? (rest[\"aria-hidden\"] as boolean) : local.height === 0;\n\n  return (\n    <div {...rest} ref={mergeRefs(local.ref)} aria-hidden={ariaHidden()} class={cn(stateClassNames(), local.class)} style={componentStyle()}>\n      <div class={local.contentClassName} style={contentStyle()} ref={contentEl}>\n        {local.children}\n      </div>\n    </div>\n  );\n}\n\nexport default AnimateHeight;\n"],"names":["isNumberString","n","number","parseFloat","isNaN","isFinite","isPercentage","height","length","substring","hideContent","element","style","display","showContent","ANIMATION_STATE_CLASSES","animating","animatingUp","animatingDown","animatingToHeightZero","animatingToHeightAuto","animatingToHeightSpecific","static","staticHeightZero","staticHeightAuto","staticHeightSpecific","getStaticStateClasses","s","cn","toCssHeight","AnimateHeight","props","merged","mergeProps","animateOpacity","applyInlineTransitions","delay","duration","easing","local","rest","splitProps","stateClasses","animationStateClasses","contentEl","prevHeight","timeoutId","classesTimeoutId","initHeight","initOverflow","currentHeight","setCurrentHeight","createSignal","overflow","setOverflow","useTransitions","setUseTransitions","stateClassNames","setStateClassNames","onMount","createEffect","contentHeight","offsetHeight","totalDuration","newHeight","timeoutHeight","timeoutOverflow","isCurrentHeightAuto","undefined","animatingClassNames","finalClassNames","clearTimeout","setTimeout","onHeightAnimationStart","onHeightAnimationEnd","onCleanup","componentStyle","base","transition","contentStyle","opacity","ariaHidden","_el$","_tmpl$","_el$2","firstChild","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","class","_ref$2","_$insert","children","_$effect","_p$","_v$","contentClassName","_v$2","e","_$className","t","_$style"],"mappings":"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"}
+{"version":3,"file":"animateHeight.js","sources":["../../../../src/components/base/animateHeight/animateHeight.tsx"],"sourcesContent":["// Solid port of react-animate-height (MIT, © Stanko Tadić)\n// https://github.com/Stanko/react-animate-height\nimport { type JSX, type ParentProps, createEffect, createSignal, mergeProps, onCleanup, onMount, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { mergeStyle } from \"../../../primitives/mergeStyle\";\n\nexport type Height = \"auto\" | number | `${number}%`;\ntype Overflow = \"auto\" | \"visible\" | \"hidden\" | undefined;\n\ninterface AnimationStateClasses {\n  animating: string;\n  animatingUp: string;\n  animatingDown: string;\n  animatingToHeightZero: string;\n  animatingToHeightAuto: string;\n  animatingToHeightSpecific: string;\n  static: string;\n  staticHeightZero: string;\n  staticHeightAuto: string;\n  staticHeightSpecific: string;\n}\n\nconst isNumberString = (n: string): boolean => {\n  const number = parseFloat(n);\n  return !isNaN(number) && isFinite(number);\n};\n\nconst isPercentage = (height: Height): height is `${number}%` =>\n  typeof height === \"string\" && height[height.length - 1] === \"%\" && isNumberString(height.substring(0, height.length - 1));\n\nconst hideContent = (element: HTMLDivElement | undefined, height: Height): void => {\n  if (height === 0 && element?.style) element.style.display = \"none\";\n};\nconst showContent = (element: HTMLDivElement | undefined, height: Height): void => {\n  if (height === 0 && element?.style) element.style.display = \"\";\n};\n\nconst ANIMATION_STATE_CLASSES: AnimationStateClasses = {\n  animating: \"rah-animating\",\n  animatingUp: \"rah-animating--up\",\n  animatingDown: \"rah-animating--down\",\n  animatingToHeightZero: \"rah-animating--to-height-zero\",\n  animatingToHeightAuto: \"rah-animating--to-height-auto\",\n  animatingToHeightSpecific: \"rah-animating--to-height-specific\",\n  static: \"rah-static\",\n  staticHeightZero: \"rah-static--height-zero\",\n  staticHeightAuto: \"rah-static--height-auto\",\n  staticHeightSpecific: \"rah-static--height-specific\",\n};\n\nconst getStaticStateClasses = (s: AnimationStateClasses, height: Height): string =>\n  cn({\n    [s.static]: true,\n    [s.staticHeightZero]: height === 0,\n    [s.staticHeightSpecific]: typeof height === \"number\" && height > 0,\n    [s.staticHeightAuto]: height === \"auto\",\n  });\n\nconst toCssHeight = (height: Height): string => (typeof height === \"number\" ? `${height}px` : height);\n\nexport interface AnimateHeightProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  animateOpacity?: boolean;\n  animationStateClasses?: Partial<AnimationStateClasses>;\n  applyInlineTransitions?: boolean;\n  contentClassName?: string;\n  delay?: number;\n  duration?: number;\n  easing?: string;\n  height: Height;\n  onHeightAnimationEnd?: (newHeight: Height) => void;\n  onHeightAnimationStart?: (newHeight: Height) => void;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function AnimateHeight(props: ParentProps<AnimateHeightProps>): JSX.Element {\n  const merged = mergeProps(\n    { animateOpacity: false, applyInlineTransitions: true, delay: 0, duration: 300, easing: \"ease\" },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"animateOpacity\",\n    \"animationStateClasses\",\n    \"applyInlineTransitions\",\n    \"children\",\n    \"class\",\n    \"contentClassName\",\n    \"delay\",\n    \"duration\",\n    \"easing\",\n    \"height\",\n    \"onHeightAnimationEnd\",\n    \"onHeightAnimationStart\",\n    \"style\",\n    \"ref\",\n  ]);\n\n  const stateClasses: AnimationStateClasses = { ...ANIMATION_STATE_CLASSES, ...local.animationStateClasses };\n\n  let contentEl: HTMLDivElement | undefined;\n  let prevHeight: Height = local.height;\n  let timeoutId: ReturnType<typeof setTimeout> | undefined;\n  let classesTimeoutId: ReturnType<typeof setTimeout> | undefined;\n\n  let initHeight: Height = local.height;\n  let initOverflow: Overflow = \"visible\";\n  if (typeof initHeight === \"number\") {\n    initHeight = initHeight < 0 ? 0 : initHeight;\n    initOverflow = \"hidden\";\n  } else if (isPercentage(initHeight)) {\n    initHeight = initHeight === \"0%\" ? 0 : initHeight;\n    initOverflow = \"hidden\";\n  }\n\n  const [currentHeight, setCurrentHeight] = createSignal<Height>(initHeight);\n  const [overflow, setOverflow] = createSignal<Overflow>(initOverflow);\n  const [useTransitions, setUseTransitions] = createSignal(false);\n  const [stateClassNames, setStateClassNames] = createSignal(getStaticStateClasses(stateClasses, local.height));\n\n  onMount(() => hideContent(contentEl, currentHeight()));\n\n  createEffect(() => {\n    const height = local.height;\n    if (height !== prevHeight && contentEl) {\n      showContent(contentEl, prevHeight);\n      contentEl.style.overflow = \"hidden\";\n      const contentHeight = contentEl.offsetHeight;\n      contentEl.style.overflow = \"\";\n\n      const totalDuration = local.duration + local.delay;\n      let newHeight: Height;\n      let timeoutHeight: Height;\n      let timeoutOverflow: Overflow = \"hidden\";\n      const isCurrentHeightAuto = prevHeight === \"auto\";\n\n      if (typeof height === \"number\") {\n        newHeight = height < 0 ? 0 : height;\n        timeoutHeight = newHeight;\n      } else if (isPercentage(height)) {\n        newHeight = height === \"0%\" ? 0 : height;\n        timeoutHeight = newHeight;\n      } else {\n        newHeight = contentHeight;\n        timeoutHeight = \"auto\";\n        timeoutOverflow = undefined;\n      }\n\n      if (isCurrentHeightAuto) {\n        timeoutHeight = newHeight;\n        newHeight = contentHeight;\n      }\n\n      const animatingClassNames = cn({\n        [stateClasses.animating]: true,\n        [stateClasses.animatingUp]:\n          prevHeight === \"auto\" || (typeof prevHeight === \"number\" && typeof height === \"number\" && height < prevHeight),\n        [stateClasses.animatingDown]:\n          height === \"auto\" || (typeof prevHeight === \"number\" && typeof height === \"number\" && height > prevHeight),\n        [stateClasses.animatingToHeightZero]: timeoutHeight === 0,\n        [stateClasses.animatingToHeightAuto]: timeoutHeight === \"auto\",\n        [stateClasses.animatingToHeightSpecific]: typeof timeoutHeight === \"number\" && timeoutHeight > 0,\n      });\n      const finalClassNames = getStaticStateClasses(stateClasses, timeoutHeight);\n\n      setCurrentHeight(newHeight);\n      setOverflow(\"hidden\");\n      setUseTransitions(!isCurrentHeightAuto);\n      setStateClassNames(animatingClassNames);\n\n      clearTimeout(timeoutId);\n      clearTimeout(classesTimeoutId);\n\n      if (isCurrentHeightAuto) {\n        timeoutId = setTimeout(() => {\n          setCurrentHeight(timeoutHeight);\n          setOverflow(timeoutOverflow);\n          setUseTransitions(true);\n          local.onHeightAnimationStart?.(timeoutHeight);\n        }, 50);\n        classesTimeoutId = setTimeout(() => {\n          setUseTransitions(false);\n          setStateClassNames(finalClassNames);\n          hideContent(contentEl, timeoutHeight);\n          local.onHeightAnimationEnd?.(timeoutHeight);\n        }, totalDuration);\n      } else {\n        local.onHeightAnimationStart?.(newHeight);\n        timeoutId = setTimeout(() => {\n          setCurrentHeight(timeoutHeight);\n          setOverflow(timeoutOverflow);\n          setUseTransitions(false);\n          setStateClassNames(finalClassNames);\n          if (height !== \"auto\") hideContent(contentEl, newHeight);\n          local.onHeightAnimationEnd?.(newHeight);\n        }, totalDuration);\n      }\n    }\n    prevHeight = height;\n  });\n\n  onCleanup(() => {\n    clearTimeout(timeoutId);\n    clearTimeout(classesTimeoutId);\n  });\n\n  const componentStyle = (): JSX.CSSProperties | string | undefined =>\n    mergeStyle(local.style, {\n      height: toCssHeight(currentHeight()),\n      overflow: overflow() ?? \"visible\",\n      // Unset while not animating, so a transition the caller set stays.\n      transition:\n        useTransitions() && local.applyInlineTransitions\n          ? `height ${local.duration}ms ${local.easing} ${local.delay}ms`\n          : undefined,\n    });\n\n  const contentStyle = (): JSX.CSSProperties => {\n    if (!local.animateOpacity) return {};\n    return {\n      transition: `opacity ${local.duration}ms ${local.easing} ${local.delay}ms`,\n      ...(currentHeight() === 0 ? { opacity: 0 } : {}),\n    };\n  };\n\n  const ariaHidden = (): boolean | undefined =>\n    rest[\"aria-hidden\"] !== undefined ? (rest[\"aria-hidden\"] as boolean) : local.height === 0;\n\n  return (\n    <div {...rest} ref={mergeRefs(local.ref)} aria-hidden={ariaHidden()} class={cn(stateClassNames(), local.class)} style={componentStyle()}>\n      <div class={local.contentClassName} style={contentStyle()} ref={contentEl}>\n        {local.children}\n      </div>\n    </div>\n  );\n}\n\nexport default AnimateHeight;\n"],"names":["isNumberString","n","number","parseFloat","isNaN","isFinite","isPercentage","height","length","substring","hideContent","element","style","display","showContent","ANIMATION_STATE_CLASSES","animating","animatingUp","animatingDown","animatingToHeightZero","animatingToHeightAuto","animatingToHeightSpecific","static","staticHeightZero","staticHeightAuto","staticHeightSpecific","getStaticStateClasses","s","cn","toCssHeight","AnimateHeight","props","merged","mergeProps","animateOpacity","applyInlineTransitions","delay","duration","easing","local","rest","splitProps","stateClasses","animationStateClasses","contentEl","prevHeight","timeoutId","classesTimeoutId","initHeight","initOverflow","currentHeight","setCurrentHeight","createSignal","overflow","setOverflow","useTransitions","setUseTransitions","stateClassNames","setStateClassNames","onMount","createEffect","contentHeight","offsetHeight","totalDuration","newHeight","timeoutHeight","timeoutOverflow","isCurrentHeightAuto","undefined","animatingClassNames","finalClassNames","clearTimeout","setTimeout","onHeightAnimationStart","onHeightAnimationEnd","onCleanup","componentStyle","mergeStyle","transition","contentStyle","opacity","ariaHidden","_el$","_tmpl$","_el$2","firstChild","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","class","_ref$2","_$insert","children","_$effect","_p$","_v$","contentClassName","_v$2","e","_$className","t","_$style"],"mappings":"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"}

package/dist/components/base/icon/icon.d.ts

@@ -35,12 +35,16 @@ export interface IconProps extends JSX.HTMLAttributes<HTMLSpanElement> {
      */
     color?: IconColor | (string & {});
     /**
-     * Accessible name. When provided the icon is exposed as `role="img"`;
-     * otherwise it is `aria-hidden` (decorative).
+     * Accessible name, also shown as a tooltip. A non-empty `title`,
+     * `aria-label` or `aria-labelledby` names the icon: it is exposed as
+     * `role="img"`, or with the `role` you pass. Without any of them the icon is
+     * decorative and `aria-hidden`.
      */
     title?: string;
     /** Overrides the icon source for this icon only. See {@link IconSource}. */
     source?: IconSource;
+    /** Test id of the root `<span>`; `icon` unless given. */
+    "data-testid"?: string | undefined;
     ref?: Ref<HTMLSpanElement>;
 }
 export declare function Icon(props: IconProps): JSX.Element;