@smwb/ui-solid 0.11.2 → 0.12.0

package/README.md

@@ -9,13 +9,13 @@ and `@smwb/ui-styles` source.
 
 ## The `@smwb` packages
 
-| Package | What it is |
-| --- | --- |
-| [**`@smwb/ui-solid`**](https://www.npmjs.com/package/@smwb/ui-solid) | This package — SolidJS components. |
-| [`@smwb/ui-react`](https://www.npmjs.com/package/@smwb/ui-react) | React version, same design system. |
-| [`@smwb/ui-styles`](https://www.npmjs.com/package/@smwb/ui-styles) | Framework-agnostic LESS source + design tokens. |
-| [`@smwb/ui-css`](https://www.npmjs.com/package/@smwb/ui-css) | Prebuilt aggregate stylesheet (`import "@smwb/ui-css"`). |
-| [`@smwb/ui-mcp-solid`](https://www.npmjs.com/package/@smwb/ui-mcp-solid) | MCP server exposing this catalog to AI tools. |
+| Package                                                                  | What it is                                               |
+| ------------------------------------------------------------------------ | -------------------------------------------------------- |
+| [**`@smwb/ui-solid`**](https://www.npmjs.com/package/@smwb/ui-solid)     | This package — SolidJS components.                       |
+| [`@smwb/ui-react`](https://www.npmjs.com/package/@smwb/ui-react)         | React version, same design system.                       |
+| [`@smwb/ui-styles`](https://www.npmjs.com/package/@smwb/ui-styles)       | Framework-agnostic LESS source + design tokens.          |
+| [`@smwb/ui-css`](https://www.npmjs.com/package/@smwb/ui-css)             | Prebuilt aggregate stylesheet (`import "@smwb/ui-css"`). |
+| [`@smwb/ui-mcp-solid`](https://www.npmjs.com/package/@smwb/ui-mcp-solid) | MCP server exposing this catalog to AI tools.            |
 
 ## Component catalog
 
@@ -41,8 +41,9 @@ function App() {
 }
 ```
 
-In ESM builds each imported component **pulls in its own CSS automatically** (tree-shakeable) —
-nothing else to import for the default theme.
+In ESM builds each imported component **pulls in its own CSS automatically** (tree-shakeable),
+including the `--smui-*` design tokens it reads — nothing else to import for the default theme
+except the Roboto webfont (see [Styles](#styles)).
 
 ## Icons
 
@@ -88,11 +89,11 @@ Deep imports work too (`@smwb/ui-solid/icons/arrowRightAlt`), and `@smwb/ui-soli
 
 ### Choosing the source
 
-| `source` | Behaviour |
-| --- | --- |
-| `auto` (default) | smwb SVG when the name is registered, Material Symbols otherwise. |
-| `smwb` | Always the SVG set; an unregistered name renders an empty box and warns. |
-| `google` | Always the Material Symbols font. |
+| `source`         | Behaviour                                                                |
+| ---------------- | ------------------------------------------------------------------------ |
+| `auto` (default) | smwb SVG when the name is registered, Material Symbols otherwise.        |
+| `smwb`           | Always the SVG set; an unregistered name renders an empty box and warns. |
+| `google`         | Always the Material Symbols font.                                        |
 
 Set it per icon (`<Icon source="google" …>`), per subtree, or app-wide:
 
@@ -100,7 +101,7 @@ Set it per icon (`<Icon source="google" …>`), per subtree, or app-wide:
 import { configureIcons, IconProvider } from "@smwb/ui-solid";
 import { add, close } from "@smwb/ui-solid/icons";
 
-configureIcons({ source: "smwb" });          // app-wide default
+configureIcons({ source: "smwb" }); // app-wide default
 
 <IconProvider source="smwb" icons={[add, close]}>
   <App />
@@ -134,7 +135,10 @@ icon to copy its name. The set is generated from `icons/data/*.json` in the repo
 
 Three ways to get the CSS, pick one:
 
-1. **Auto-injected per-component CSS** (default, ESM) — tree-shaken, only what you use.
+1. **Auto-injected per-component CSS** (default, ESM) — tree-shaken, only what you use, plus one
+   shared sheet that defines the `--smui-*` tokens. The Roboto webfont is not included
+   (`@smwb/ui-css` loads it from Google Fonts): `<link>` it yourself, or set `--smui-fontFamily`
+   to your own font.
 2. **Full prebuilt stylesheet** — `import "@smwb/ui-css";` (recommended for a fixed global cascade).
    Optional reset: `import "@smwb/ui-styles/normalize.css";`.
 3. **Custom LESS bundle** compiled from `@smwb/ui-styles` (see Theming).
@@ -175,13 +179,38 @@ the `react-table` adapter work unchanged.
 `@tanstack/solid-table` is an optional peer — install it in your app; it ships with this subpath
 only. Column dragging and resizing are not ported yet. See Storybook → **Connects / solid-table**.
 
+### Charts (ECharts)
+
+```tsx
+import { Chart } from "@smwb/ui-solid/chart";
+
+<Chart
+  label="Works opened by week"
+  summary="12 works opened last week, 9 the week before."
+  height={240}
+  option={(palette) => ({
+    xAxis: { type: "category", data: weeks },
+    yAxis: { type: "value" },
+    series: [{ type: "bar", data: opened, itemStyle: { color: palette.primary } }],
+  })}
+/>;
+```
+
+A separate entry point: `echarts` (5.4+ or 6) is an optional peer — install it in your app; the root
+package never reaches it. ECharts loads in the browser when the first chart mounts; until then, and on the
+server, a skeleton of the chart's height holds its place. The colours come from the theme's CSS variables
+(series from `--smwb-chart-series-1` … `-12`), and the chart redraws when the theme switches
+(`data-theme` on `<html>`) or its box resizes; at zero size (a hidden tab) it waits. For a smaller
+bundle pass `loader={() => import("./my-echarts")}`, a module that registers only the charts you use
+with `echarts/core`. See Storybook → **Data Display / Chart**.
+
 ## Customization and theming
 
-| Goal | Approach | Rebuild CSS? |
-| --- | --- | --- |
-| Toggle light/dark, tweak a few colors live | `--smui-*` CSS variables + `data-theme` | No |
-| One component instance looks different | Component props (`color`, `size`, `variant`, …) | No |
-| New brand, density, or defaults library-wide | LESS overrides via `theme.config` on `@smwb/ui-styles` | Yes |
+| Goal                                         | Approach                                               | Rebuild CSS? |
+| -------------------------------------------- | ------------------------------------------------------ | ------------ |
+| Toggle light/dark, tweak a few colors live   | `--smui-*` CSS variables + `data-theme`                | No           |
+| One component instance looks different       | Component props (`color`, `size`, `variant`, …)        | No           |
+| New brand, density, or defaults library-wide | LESS overrides via `theme.config` on `@smwb/ui-styles` | Yes          |
 
 ### Light and dark mode
 
@@ -202,7 +231,8 @@ function ThemeToggle() {
 ```
 
 Or set `<html data-theme="dark">` yourself. Tokens are exposed on `:root` /
-`:root[data-theme="dark"]` as `--smui-*`.
+`:root[data-theme="dark"]` as `--smui-*` (see [Runtime overrides](#runtime-overrides-no-rebuild)
+for how your values take precedence).
 
 ### Runtime overrides (no rebuild)
 
@@ -213,6 +243,17 @@ Or set `<html data-theme="dark">` yourself. Tokens are exposed on `:root` /
 }
 ```
 
+How an override meets the library's own value depends on where the tokens come from:
+
+- **Auto-injected CSS** declares them at zero specificity (`:where(:root)`,
+  `:where(:root[data-theme="dark"])`): your override wins whatever order the stylesheets load
+  in, and a `:root` override holds in dark mode too.
+- **`@smwb/ui-css` or your own LESS compile** declares them on `:root` and
+  `:root[data-theme="dark"]`: load your overrides after that stylesheet. In dark mode the
+  library's dark values still beat a plain `:root` override.
+
+Either way, `:root[data-theme="dark"] { … }` sets dark-only values.
+
 Prefer `--smui-*` tokens over targeting internal `.smwb-*` classes.
 
 ### Per-component appearance (props)

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

@@ -1 +1 @@
-.smwb-accordion{display:flex;flex-direction:column;align-self:flex-start;box-shadow:0 2px 2px -1px #0003,0 1px 2px #00000024,0 1px 11px #0000001f}.smwb-accordion__header{background-color:var(--smui-appBarBg);color:var(--smui-appBarContentColor);height:65px;display:flex;align-items:center;padding:0 16px;cursor:pointer;gap:15px;width:100%}.smwb-accordion__header arrow-icon{flex-shrink:0}.smwb-accordion__title{white-space:nowrap}.smwb-accordion__content{background-color:var(--smui-surfaceBackground)}.smwb-accordion__arrow-icon{transform:rotate(0);transition:transform .3s ease-in-out;margin-left:auto}.smwb-accordion__arrow-icon_opened{transform:rotate(-180deg)}
+.smwb-accordion{display:flex;flex-direction:column;align-self:flex-start;box-shadow:0 2px 2px -1px #0003,0 1px 2px #00000024,0 1px 11px #0000001f}.smwb-accordion__header{background-color:var(--smui-appBarBg);color:var(--smui-appBarContentColor);height:65px;display:flex;align-items:center;padding:0 16px;cursor:pointer;gap:15px;width:100%;text-align:start}.smwb-accordion__heading{display:flex;flex-direction:column;min-width:0}.smwb-accordion__title{white-space:nowrap}.smwb-accordion__subtitle{font-size:.8125rem;line-height:1.4;opacity:.8}.smwb-accordion__end{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.smwb-accordion__end~.smwb-accordion__arrow-icon{margin-left:0}.smwb-accordion__content{background-color:var(--smui-surfaceBackground)}.smwb-accordion__arrow-icon{flex-shrink:0;transform:rotate(0);transition:transform .3s ease-in-out;margin-left:auto}.smwb-accordion__arrow-icon_opened{transform:rotate(-180deg)}.smwb-accordion_outlined,.smwb-accordion_plain{align-self:stretch;box-shadow:none}.smwb-accordion_outlined .smwb-accordion__header,.smwb-accordion_plain .smwb-accordion__header{height:auto;min-height:48px;padding:8px 16px;gap:12px;background-color:transparent;color:var(--smui-onSurfaceColor)}.smwb-accordion_outlined .smwb-accordion__header:hover:not(:disabled),.smwb-accordion_plain .smwb-accordion__header:hover:not(:disabled){background-color:var(--smui-onSurfaceHover)}.smwb-accordion_outlined .smwb-accordion__header:focus-visible,.smwb-accordion_plain .smwb-accordion__header:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:-2px}.smwb-accordion_outlined .smwb-accordion__heading,.smwb-accordion_plain .smwb-accordion__heading{flex:1 1 auto}.smwb-accordion_outlined .smwb-accordion__title,.smwb-accordion_plain .smwb-accordion__title{white-space:normal;overflow-wrap:break-word;font-weight:500;line-height:1.4}.smwb-accordion_outlined .smwb-accordion__subtitle,.smwb-accordion_plain .smwb-accordion__subtitle{color:var(--smui-onSurfaceVariant);opacity:1}.smwb-accordion_outlined .smwb-accordion__content,.smwb-accordion_plain .smwb-accordion__content{background-color:transparent}.smwb-accordion_outlined .smwb-accordion__arrow-icon,.smwb-accordion_plain .smwb-accordion__arrow-icon{color:var(--smui-onSurfaceVariant)}.smwb-accordion_outlined{border:1px solid var(--smui-dividerColor);border-radius:8px;background-color:var(--smui-surfaceBackground);overflow:hidden}.smwb-accordion_plain{border-bottom:1px solid var(--smui-dividerColor)}

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-reverse;align-items:center}.smwb-avatar-group .smwb-avatar{border:2px solid var(--smui-surfaceBackground);box-sizing:content-box}.smwb-avatar-group .smwb-avatar:not(:last-child){margin-left:-8px}.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}.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}

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

@@ -0,0 +1 @@
+.smwb-description-list{display:grid;row-gap:8px;margin:0;font-size:.875rem;line-height:1.45;min-width:0}.smwb-description-list__item{display:grid;grid-template-columns:var(--smwb-description-term, minmax(6rem, 30%)) minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:baseline;min-width:0}.smwb-description-list__term{color:var(--smui-onSurfaceVariant);overflow-wrap:break-word}.smwb-description-list__details{margin:0;min-width:0;color:var(--smui-onSurfaceColor);overflow-wrap:anywhere}.smwb-description-list_dense{row-gap:4px;font-size:.8125rem}.smwb-description-list_stacked .smwb-description-list__item{grid-template-columns:minmax(0,1fr)}.smwb-description-list_auto{container:smwb-description-list / inline-size}@container smwb-description-list (max-width: 419.98px){.smwb-description-list_auto .smwb-description-list__item{grid-template-columns:minmax(0,1fr)}}

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

@@ -0,0 +1 @@
+.smwb-empty-state{min-width:0;color:var(--smui-onSurfaceVariant)}.smwb-empty-state__title{color:var(--smui-onSurfaceColor);font-weight:600}.smwb-empty-state__description{overflow-wrap:break-word}.smwb-empty-state_block{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;text-align:center}.smwb-empty-state_block .smwb-empty-state__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:4px;border-radius:50%;background-color:var(--smui-surfaceVariant)}.smwb-empty-state_block .smwb-empty-state__title{font-size:1rem;line-height:1.4}.smwb-empty-state_block .smwb-empty-state__description{max-width:36rem;font-size:.875rem;line-height:1.5}.smwb-empty-state_block .smwb-empty-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.smwb-empty-state_block.smwb-empty-state_small{gap:4px;padding:12px}.smwb-empty-state_block.smwb-empty-state_small .smwb-empty-state__icon{width:44px;height:44px;margin-bottom:0}.smwb-empty-state_block.smwb-empty-state_small .smwb-empty-state__title{font-size:.875rem}.smwb-empty-state_block.smwb-empty-state_small .smwb-empty-state__description{font-size:.8125rem}.smwb-empty-state_block.smwb-empty-state_small .smwb-empty-state__actions{margin-top:4px}.smwb-empty-state_inline{margin:8px 0;font-size:.875rem;line-height:1.5}.smwb-empty-state_inline .smwb-empty-state__title,.smwb-empty-state_inline .smwb-empty-state__description{display:inline}.smwb-empty-state_inline .smwb-empty-state__title{margin-right:.35em}.smwb-empty-state_inline .smwb-empty-state__icon{display:inline-flex;margin-right:4px;vertical-align:middle}.smwb-empty-state_inline .smwb-empty-state__actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;margin-left:8px;vertical-align:middle}.smwb-empty-state_inline.smwb-empty-state_small{font-size:.8125rem}

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

@@ -0,0 +1 @@
+.smwb-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(var(--smwb-kanban-column-width, 15.5rem),1fr);gap:12px;align-items:start;min-width:0;max-width:100%;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.smwb-kanban__column{display:flex;flex-direction:column;min-width:0;min-height:8rem;padding:10px;border:1px solid var(--smui-dividerColor);border-radius:12px;background-color:color-mix(in srgb,var(--smui-onSurfaceColor) 3%,var(--smui-surfaceBackground));box-shadow:inset 0 3px 0 var(--smwb-kanban-accent, var(--smui-dividerColor));scroll-snap-align:start}.smwb-kanban__column-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 10px}.smwb-kanban__column-title{min-width:0;font-size:.875rem;font-weight:600;color:var(--smui-onSurfaceColor);overflow-wrap:break-word}.smwb-kanban__count{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:1.6em;padding:0 .45em;border-radius:9999px;background-color:color-mix(in srgb,var(--smui-onSurfaceColor) 8%,transparent);color:var(--smui-onSurfaceVariant);font-size:.75rem;font-weight:600;line-height:1.7;font-variant-numeric:tabular-nums}.smwb-kanban__cards{display:grid;gap:8px;margin:0;padding:0;list-style:none}.smwb-kanban__empty{margin:4px 0;font-size:.8125rem;color:var(--smui-onSurfaceVariant)}.smwb-kanban__column-footer{margin-top:8px;font-size:.8125rem;text-align:center}.smwb-kanban__card{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px 12px;border:1px solid var(--smui-dividerColor);border-radius:8px;background-color:var(--smui-surfaceBackground);font-size:.875rem;transition:border-color .12s}.smwb-kanban__card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--smwb-kanban-title-lines, 3);overflow:hidden;font-weight:500;line-height:1.4;color:var(--smui-onSurfaceColor);overflow-wrap:break-word}.smwb-kanban__card-body{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:.8125rem;color:var(--smui-onSurfaceVariant)}.smwb-kanban__card_link:hover{border-color:color-mix(in srgb,var(--smui-primaryColor) 40%,var(--smui-dividerColor))}.smwb-kanban__card_link .smwb-kanban__card-title{text-decoration:none}.smwb-kanban__card_link .smwb-kanban__card-title:after{content:"";position:absolute;inset:0;border-radius:8px}.smwb-kanban__card_link .smwb-kanban__card-title:hover{color:var(--smui-primaryColor)}.smwb-kanban__card_link .smwb-kanban__card-title:focus-visible{outline:none}.smwb-kanban__card_link .smwb-kanban__card-title:focus-visible:after{outline:2px solid var(--smui-primaryColor);outline-offset:2px}.smwb-kanban__card_link .smwb-kanban__card-body :is(a,button,input,select,textarea,[tabindex]){position:relative;z-index:1}:where(.smwb-kanban__card-body,.smwb-kanban__column-footer) a{color:var(--smui-primaryColor);text-decoration:none}:where(.smwb-kanban__card-body,.smwb-kanban__column-footer) a:hover{text-decoration:underline}

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

@@ -0,0 +1 @@
+.smwb-meter{--smwb-meter-color: var(--smui-infoColor);display:grid;grid-template-columns:minmax(3.5rem,1fr) auto;align-items:center;column-gap:8px;width:100%;min-width:0;font-size:.875rem;line-height:1.4}.smwb-meter__track{display:block;height:6px;border-radius:999px;background-color:var(--smui-indicatorTrackBg);overflow:hidden}.smwb-meter__fill{display:block;height:100%;border-radius:inherit;background-color:var(--smwb-meter-color);transition:width .2s ease-out}.smwb-meter__text{white-space:nowrap;font-variant-numeric:tabular-nums}.smwb-meter__value{font-weight:600}.smwb-meter__of{color:var(--smui-onSurfaceVariant)}.smwb-meter_bar-only{grid-template-columns:minmax(3.5rem,1fr)}.smwb-meter_color-neutral{--smwb-meter-color: var(--smui-onSurfaceVariant)}.smwb-meter_color-primary{--smwb-meter-color: var(--smui-primaryColor)}.smwb-meter_color-info{--smwb-meter-color: var(--smui-infoColor)}.smwb-meter_color-success{--smwb-meter-color: var(--smui-successColor)}.smwb-meter_color-warning{--smwb-meter-color: var(--smui-warningColor)}.smwb-meter_color-error{--smwb-meter-color: var(--smui-errorColor)}

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

@@ -0,0 +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}

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

@@ -1 +1 @@
-.smwb-indicator_circular{display:inline-block;position:relative;width:48px;height:48px}.smwb-indicator_circular.smwb-indeterminate div{box-sizing:border-box;display:block;position:absolute;width:48px;height:48px;margin:4px;border:4px solid var(--smui-primaryColor);border-radius:50%;animation:cirleLoad 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--smui-primaryColor) transparent transparent transparent}.smwb-indicator_circular.smwb-indeterminate div:nth-child(1){animation-delay:-.45s}.smwb-indicator_circular.smwb-indeterminate div:nth-child(2){animation-delay:-.3s}.smwb-indicator_circular.smwb-indeterminate div:nth-child(3){animation-delay:-.15s}.smwb-indicator_circular .smwb-indicator_circular__svg{width:48px;height:48px}.smwb-indicator_circular .smwb-indicator_circular__circle{fill:none;stroke:var(--smui-primaryColor);stroke-width:4px;transform-origin:center;transform:rotate(-90deg);transition:stroke-dashoffset .1s ease-in-out}@keyframes cirleLoad{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.smwb-indicator_linear{height:4px;position:relative;width:240px;background-color:var(--smui-indicatorTrackBg);overflow:hidden}.smwb-indicator_linear__thumb{position:absolute;height:4px;background-color:var(--smui-primaryColor);top:0;left:0;z-index:1}.smwb-indicator_linear.smwb-indeterminate .smwb-indicator_linear__thumb{animation:linearLoad 1.2s ease-in-out infinite;width:50%}.smwb-indicator_linear.smwb-determinate .smwb-indicator_linear__thumb{transition:all .1s linear}@keyframes linearLoad{0%{left:-70%}to{left:100%}}.smwb-indicator_color-primary{color:var(--smui-primaryColor)}.smwb-indicator_color-secondary{color:var(--smui-secondaryColor)}.smwb-indicator_color-error{color:var(--smui-errorColor)}.smwb-indicator_color-success{color:var(--smui-successColor)}.smwb-indicator_color-warning{color:var(--smui-warningColor)}.smwb-indicator_color-info{color:var(--smui-infoColor)}.smwb-indicator_color-secondary .smwb-indicator_circular__circle,.smwb-indicator_color-error .smwb-indicator_circular__circle,.smwb-indicator_color-success .smwb-indicator_circular__circle,.smwb-indicator_color-warning .smwb-indicator_circular__circle,.smwb-indicator_color-info .smwb-indicator_circular__circle{stroke:currentColor}.smwb-indicator_color-secondary .smwb-indicator_linear__thumb,.smwb-indicator_color-error .smwb-indicator_linear__thumb,.smwb-indicator_color-success .smwb-indicator_linear__thumb,.smwb-indicator_color-warning .smwb-indicator_linear__thumb,.smwb-indicator_color-info .smwb-indicator_linear__thumb{background-color:currentColor}.smwb-indicator_size-small.smwb-indicator_circular{width:28px;height:28px}.smwb-indicator_size-large.smwb-indicator_circular{width:64px;height:64px}
+.smwb-indicator_circular{display:inline-block;position:relative;width:48px;height:48px}.smwb-indicator_circular.smwb-indeterminate div{box-sizing:border-box;display:block;position:absolute;width:48px;height:48px;margin:4px;border:4px solid var(--smui-primaryColor);border-radius:50%;animation:cirleLoad 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--smui-primaryColor) transparent transparent transparent}.smwb-indicator_circular.smwb-indeterminate div:nth-child(1){animation-delay:-.45s}.smwb-indicator_circular.smwb-indeterminate div:nth-child(2){animation-delay:-.3s}.smwb-indicator_circular.smwb-indeterminate div:nth-child(3){animation-delay:-.15s}.smwb-indicator_circular .smwb-indicator_circular__svg{width:48px;height:48px}.smwb-indicator_circular .smwb-indicator_circular__circle{fill:none;stroke:var(--smui-primaryColor);stroke-width:4px;transform-origin:center;transform:rotate(-90deg);transition:stroke-dashoffset .1s ease-in-out}@keyframes cirleLoad{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.smwb-indicator_linear{height:4px;position:relative;width:240px;background-color:var(--smui-indicatorTrackBg);overflow:hidden}.smwb-indicator_linear__thumb{position:absolute;height:4px;background-color:var(--smui-primaryColor);top:0;left:0;z-index:1}.smwb-indicator_linear.smwb-indeterminate .smwb-indicator_linear__thumb{animation:linearLoad 1.2s ease-in-out infinite;width:50%}.smwb-indicator_linear.smwb-determinate .smwb-indicator_linear__thumb{transition:all .1s linear}.smwb-indicator_linear.smwb-indicator_full-width{width:100%;min-width:0}.smwb-indicator_labeled{display:inline-flex;align-items:center;gap:8px;max-width:100%;vertical-align:middle}.smwb-indicator_labeled>.smwb-indicator_linear{flex:1 1 auto;min-width:0}.smwb-indicator_labeled.smwb-indicator_full-width{display:flex;width:100%}.smwb-indicator__value{flex:0 0 auto;font-size:.875rem;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--smui-onSurfaceVariant)}@keyframes linearLoad{0%{left:-70%}to{left:100%}}.smwb-indicator_color-primary{color:var(--smui-primaryColor)}.smwb-indicator_color-secondary{color:var(--smui-secondaryColor)}.smwb-indicator_color-error{color:var(--smui-errorColor)}.smwb-indicator_color-success{color:var(--smui-successColor)}.smwb-indicator_color-warning{color:var(--smui-warningColor)}.smwb-indicator_color-info{color:var(--smui-infoColor)}.smwb-indicator_color-secondary .smwb-indicator_circular__circle,.smwb-indicator_color-error .smwb-indicator_circular__circle,.smwb-indicator_color-success .smwb-indicator_circular__circle,.smwb-indicator_color-warning .smwb-indicator_circular__circle,.smwb-indicator_color-info .smwb-indicator_circular__circle{stroke:currentColor}.smwb-indicator_color-secondary .smwb-indicator_linear__thumb,.smwb-indicator_color-error .smwb-indicator_linear__thumb,.smwb-indicator_color-success .smwb-indicator_linear__thumb,.smwb-indicator_color-warning .smwb-indicator_linear__thumb,.smwb-indicator_color-info .smwb-indicator_linear__thumb{background-color:currentColor}.smwb-indicator_size-small.smwb-indicator_circular{width:28px;height:28px}.smwb-indicator_size-large.smwb-indicator_circular{width:64px;height:64px}

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

@@ -0,0 +1 @@
+.smwb-section-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;flex:0 0 auto;margin:0 0 12px;min-width:0}.smwb-section-header__titles{flex:1 1 auto;min-width:0}.smwb-section-header__title-line{font-size:1.15rem;line-height:1.3;overflow-wrap:break-word}.smwb-section-header__title-line>:not(.smwb-section-header__title){margin-left:8px;vertical-align:middle}.smwb-section-header_level-3 .smwb-section-header__title-line,.smwb-section-header_level-4 .smwb-section-header__title-line,.smwb-section-header_level-5 .smwb-section-header__title-line,.smwb-section-header_level-6 .smwb-section-header__title-line{font-size:1rem;line-height:1.5}.smwb-section-header__title{display:inline;margin:0;font-size:inherit;font-weight:600;line-height:inherit;letter-spacing:-.01em;color:var(--smui-onSurfaceColor)}.smwb-section-header__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;padding:0 .45em;border-radius:999px;background-color:var(--smui-surfaceVariant);color:var(--smui-onSurfaceVariant);font-size:.75rem;font-weight:600;line-height:1.7;font-variant-numeric:tabular-nums}.smwb-section-header__help{display:inline-flex;border-radius:50%;color:var(--smui-onSurfaceVariant);cursor:help}.smwb-section-header__help:hover,.smwb-section-header__help:focus-visible{color:var(--smui-primaryColor)}.smwb-section-header__help:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:2px}.smwb-tooltip.smwb-section-header__tooltip{width:max-content;height:auto;max-width:280px;padding:4px 8px;line-height:1.4;white-space:normal;text-align:left}.smwb-section-header__subtitle{margin-top:2px;font-size:.875rem;line-height:1.4;color:var(--smui-onSurfaceVariant)}.smwb-section-header__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;min-width:0}

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__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{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}

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

@@ -0,0 +1 @@
+.smwb-stat{--smwb-stat-accent: var(--smui-dividerColor);display:grid;grid-template-columns:minmax(0,1fr);align-content:start;row-gap:2px;min-width:0;color:var(--smui-onSurfaceColor);text-decoration:none}.smwb-stat__label{font-size:.8125rem;line-height:1.3;color:var(--smui-onSurfaceVariant);overflow-wrap:break-word}.smwb-stat__value{font-size:1.75rem;font-weight:600;line-height:1.15;letter-spacing:-.01em;font-variant-numeric:tabular-nums;overflow-wrap:break-word}.smwb-stat__hint{font-size:.75rem;line-height:1.3;color:var(--smui-onSurfaceVariant)}.smwb-stat__icon{display:inline-flex;color:var(--smwb-stat-accent)}.smwb-stat__extra{min-width:0;margin-top:4px}.smwb-stat_with-icon{grid-template-columns:auto minmax(0,1fr);column-gap:8px}.smwb-stat_with-icon>:not(.smwb-stat__icon){grid-column:2}.smwb-stat_with-icon .smwb-stat__icon{grid-row:1 / span 4;align-self:start;padding-top:1px}.smwb-stat_tile{padding:12px 16px;border:1px solid var(--smui-dividerColor);border-radius:8px;background-color:var(--smui-surfaceBackground);box-shadow:inset 3px 0 0 var(--smwb-stat-accent)}.smwb-stat_plain{padding:8px 12px;border:1px solid transparent;border-radius:8px}.smwb-stat_plain .smwb-stat__value{font-size:1.25rem}.smwb-stat_link{cursor:pointer;transition:background-color .12s,border-color .12s}.smwb-stat_link:hover{background-color:var(--smui-onSurfaceHover);border-color:var(--smui-dividerColor)}.smwb-stat_link:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:2px}.smwb-stat_tone-info{--smwb-stat-accent: var(--smui-infoColor)}.smwb-stat_tone-success{--smwb-stat-accent: var(--smui-successColor)}.smwb-stat_tone-warning{--smwb-stat-accent: var(--smui-warningColor)}.smwb-stat_tone-error{--smwb-stat-accent: var(--smui-errorColor)}.smwb-stat_tone-warning .smwb-stat__value,.smwb-stat_tone-error .smwb-stat__value{color:var(--smwb-stat-accent)}.smwb-stat-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--smwb-stat-min, 9rem),100%),1fr));gap:8px;min-width:0}

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

@@ -1 +1 @@
-.smwb-stepper{display:flex;width:100%}.smwb-stepper_horizontal{flex-direction:row;align-items:center}.smwb-stepper_vertical{flex-direction:column;align-items:stretch}.smwb-stepper__step{display:flex;align-items:center;gap:8px;flex-shrink:0;color:var(--smui-onSurfaceVariant)}.smwb-stepper__step_active{color:var(--smui-onSurfaceColor)}.smwb-stepper__step_active .smwb-stepper__icon{background-color:var(--smui-primaryColor);color:var(--smui-onPrimaryColor)}.smwb-stepper__step_active .smwb-stepper__label{font-weight:600;color:var(--smui-primaryColor)}.smwb-stepper__step_completed .smwb-stepper__icon{background-color:var(--smui-primaryColor);color:var(--smui-onPrimaryColor)}.smwb-stepper__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;background-color:var(--smui-disabledBgColor);color:var(--smui-onSurfaceVariant);font-size:.8rem;font-weight:500}.smwb-stepper__text{display:flex;flex-direction:column;line-height:1.3}.smwb-stepper__label{font-size:.875rem}.smwb-stepper__optional{font-size:.75rem;opacity:.7}.smwb-stepper__description{margin-top:4px;font-size:.8125rem;color:var(--smui-onSurfaceVariant)}.smwb-stepper__connector{flex:1 1 auto}.smwb-stepper_horizontal .smwb-stepper__connector{height:1px;min-width:8px;margin:0 8px;background-color:var(--smui-dividerColor)}.smwb-stepper_vertical .smwb-stepper__step{align-items:flex-start}.smwb-stepper_vertical .smwb-stepper__connector{width:1px;min-height:24px;margin:4px 0 4px 12px;background-color:var(--smui-dividerColor);flex:0 0 auto}.smwb-stepper_alt-label{align-items:flex-start}.smwb-stepper_alt-label .smwb-stepper__step{flex-direction:column;flex:1 1 0;text-align:center;gap:8px}.smwb-stepper_alt-label .smwb-stepper__text{align-items:center}.smwb-stepper_alt-label .smwb-stepper__connector{margin-top:12px}.smwb-stepper__step_error .smwb-stepper__icon{background-color:var(--smui-errorColor);color:var(--smui-onErrorColor)}.smwb-stepper__step_error .smwb-stepper__label{color:var(--smui-errorColor)}.smwb-stepper__step_disabled{opacity:.5;pointer-events:none}.smwb-stepper__step_clickable{cursor:pointer}
+.smwb-stepper{display:flex;width:100%}.smwb-stepper_horizontal{flex-direction:row;align-items:center}.smwb-stepper_vertical{flex-direction:column;align-items:stretch}.smwb-stepper_vertical .smwb-stepper__step{flex-direction:row;flex:0 0 auto;align-items:flex-start;gap:8px;min-width:0;text-align:start}.smwb-stepper_vertical .smwb-stepper__text{align-items:flex-start}.smwb-stepper_vertical .smwb-stepper__connector{width:1px;height:auto;min-width:0;min-height:24px;margin:4px 0 4px 12px;background-color:var(--smui-dividerColor);flex:0 0 auto}.smwb-stepper__step{display:flex;align-items:center;gap:8px;flex-shrink:0;color:var(--smui-onSurfaceVariant)}.smwb-stepper__step_active{color:var(--smui-onSurfaceColor)}.smwb-stepper__step_active .smwb-stepper__icon{background-color:var(--smui-primaryColor);color:var(--smui-onPrimaryColor)}.smwb-stepper__step_active .smwb-stepper__label{font-weight:600;color:var(--smui-primaryColor)}.smwb-stepper__step_completed .smwb-stepper__icon{background-color:var(--smui-primaryColor);color:var(--smui-onPrimaryColor)}.smwb-stepper__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;background-color:var(--smui-disabledBgColor);color:var(--smui-onSurfaceVariant);font-size:.8rem;font-weight:500}.smwb-stepper__text{display:flex;flex-direction:column;line-height:1.3;min-width:0}.smwb-stepper__label{font-size:.875rem;hyphens:manual;overflow-wrap:normal;word-break:normal}.smwb-stepper__optional{font-size:.75rem;opacity:.7}.smwb-stepper__description{margin-top:4px;font-size:.8125rem;color:var(--smui-onSurfaceVariant)}.smwb-stepper__connector{flex:1 1 auto}.smwb-stepper_horizontal .smwb-stepper__connector{height:1px;min-width:8px;margin:0 8px;background-color:var(--smui-dividerColor)}.smwb-stepper_alt-label{align-items:flex-start}.smwb-stepper_alt-label .smwb-stepper__step{flex-direction:column;flex:1 1 0;text-align:center;gap:8px}.smwb-stepper_alt-label .smwb-stepper__text{align-items:center}.smwb-stepper_alt-label .smwb-stepper__connector{margin-top:12px}.smwb-stepper-auto{container:smwb-stepper / inline-size;width:100%;min-width:0}@container smwb-stepper (max-width: 8rem){.smwb-stepper_auto[data-steps="1"]{flex-direction:column;align-items:stretch}.smwb-stepper_auto[data-steps="1"] .smwb-stepper__step{flex-direction:row;flex:0 0 auto;align-items:flex-start;gap:8px;min-width:0;text-align:start}.smwb-stepper_auto[data-steps="1"] .smwb-stepper__text{align-items:flex-start}.smwb-stepper_auto[data-steps="1"] .smwb-stepper__connector{width:1px;height:auto;min-width:0;min-height:24px;margin:4px 0 4px 12px;background-color:var(--smui-dividerColor);flex:0 0 auto}}@container smwb-stepper (max-width: 16rem){.smwb-stepper_auto[data-steps="2"]{flex-direction:column;align-items:stretch}.smwb-stepper_auto[data-steps="2"] .smwb-stepper__step{flex-direction:row;flex:0 0 auto;align-items:flex-start;gap:8px;min-width:0;text-align:start}.smwb-stepper_auto[data-steps="2"] .smwb-stepper__text{align-items:flex-start}.smwb-stepper_auto[data-steps="2"] .smwb-stepper__connector{width:1px;height:auto;min-width:0;min-height:24px;margin:4px 0 4px 12px;background-color:var(--smui-dividerColor);flex:0 0 auto}}@container smwb-stepper (max-width: 24rem){.smwb-stepper_auto[data-steps="3"]{flex-direction:column;align-items:stretch}.smwb-stepper_auto[data-steps="3"] .smwb-stepper__step{flex-direction:row;flex:0 0 auto;align-items:flex-start;gap:8px;min-width:0;text-align:start}.smwb-stepper_auto[data-steps="3"] .smwb-stepper__text{align-items:flex-start}.smwb-stepper_auto[data-steps="3"] .smwb-stepper__connector{width:1px;height:auto;min-width:0;min-height:24px;margin:4px 0 4px 12px;background-color:var(--smui-dividerColor);flex:0 0 auto}}@container smwb-stepper (max-width: 32rem){.smwb-stepper_auto[data-steps="4"]{flex-direction:column;align-items:stretch}.smwb-stepper_auto[data-steps="4"] .smwb-stepper__step{flex-direction:row;flex:0 0 auto;align-items:flex-start;gap:8px;min-width:0;text-align:start}.smwb-stepper_auto[data-steps="4"] .smwb-stepper__text{align-items:flex-start}.smwb-stepper_auto[data-steps="4"] .smwb-stepper__connector{width:1px;height:auto;min-width:0;min-height:24px;margin:4px 0 4px 12px;background-color:var(--smui-dividerColor);flex:0 0 auto}}@container smwb-stepper (max-width: 40rem){.smwb-stepper_auto[data-steps="5"]{flex-direction:column;align-items:stretch}.smwb-stepper_auto[data-steps="5"] .smwb-stepper__step{flex-direction:row;flex:0 0 auto;align-items:flex-start;gap:8px;min-width:0;text-align:start}.smwb-stepper_auto[data-steps="5"] .smwb-stepper__text{align-items:flex-start}.smwb-stepper_auto[data-steps="5"] .smwb-stepper__connector{width:1px;height:auto;min-width:0;min-height:24px;margin:4px 0 4px 12px;background-color:var(--smui-dividerColor);flex:0 0 auto}}@container smwb-stepper (max-width: 48rem){.smwb-stepper_auto[data-steps="6"]{flex-direction:column;align-items:stretch}.smwb-stepper_auto[data-steps="6"] .smwb-stepper__step{flex-direction:row;flex:0 0 auto;align-items:flex-start;gap:8px;min-width:0;text-align:start}.smwb-stepper_auto[data-steps="6"] .smwb-stepper__text{align-items:flex-start}.smwb-stepper_auto[data-steps="6"] .smwb-stepper__connector{width:1px;height:auto;min-width:0;min-height:24px;margin:4px 0 4px 12px;background-color:var(--smui-dividerColor);flex:0 0 auto}}@container smwb-stepper (max-width: 56rem){.smwb-stepper_auto[data-steps="7"]{flex-direction:column;align-items:stretch}.smwb-stepper_auto[data-steps="7"] .smwb-stepper__step{flex-direction:row;flex:0 0 auto;align-items:flex-start;gap:8px;min-width:0;text-align:start}.smwb-stepper_auto[data-steps="7"] .smwb-stepper__text{align-items:flex-start}.smwb-stepper_auto[data-steps="7"] .smwb-stepper__connector{width:1px;height:auto;min-width:0;min-height:24px;margin:4px 0 4px 12px;background-color:var(--smui-dividerColor);flex:0 0 auto}}@container smwb-stepper (max-width: 64rem){.smwb-stepper_auto[data-steps="8"]{flex-direction:column;align-items:stretch}.smwb-stepper_auto[data-steps="8"] .smwb-stepper__step{flex-direction:row;flex:0 0 auto;align-items:flex-start;gap:8px;min-width:0;text-align:start}.smwb-stepper_auto[data-steps="8"] .smwb-stepper__text{align-items:flex-start}.smwb-stepper_auto[data-steps="8"] .smwb-stepper__connector{width:1px;height:auto;min-width:0;min-height:24px;margin:4px 0 4px 12px;background-color:var(--smui-dividerColor);flex:0 0 auto}}@container smwb-stepper (max-width: 72rem){.smwb-stepper_auto[data-steps="9"]{flex-direction:column;align-items:stretch}.smwb-stepper_auto[data-steps="9"] .smwb-stepper__step{flex-direction:row;flex:0 0 auto;align-items:flex-start;gap:8px;min-width:0;text-align:start}.smwb-stepper_auto[data-steps="9"] .smwb-stepper__text{align-items:flex-start}.smwb-stepper_auto[data-steps="9"] .smwb-stepper__connector{width:1px;height:auto;min-width:0;min-height:24px;margin:4px 0 4px 12px;background-color:var(--smui-dividerColor);flex:0 0 auto}}@container smwb-stepper (max-width: 80rem){.smwb-stepper_auto[data-steps="10"]{flex-direction:column;align-items:stretch}.smwb-stepper_auto[data-steps="10"] .smwb-stepper__step{flex-direction:row;flex:0 0 auto;align-items:flex-start;gap:8px;min-width:0;text-align:start}.smwb-stepper_auto[data-steps="10"] .smwb-stepper__text{align-items:flex-start}.smwb-stepper_auto[data-steps="10"] .smwb-stepper__connector{width:1px;height:auto;min-width:0;min-height:24px;margin:4px 0 4px 12px;background-color:var(--smui-dividerColor);flex:0 0 auto}}@container smwb-stepper (max-width: 88rem){.smwb-stepper_auto[data-steps="11"]{flex-direction:column;align-items:stretch}.smwb-stepper_auto[data-steps="11"] .smwb-stepper__step{flex-direction:row;flex:0 0 auto;align-items:flex-start;gap:8px;min-width:0;text-align:start}.smwb-stepper_auto[data-steps="11"] .smwb-stepper__text{align-items:flex-start}.smwb-stepper_auto[data-steps="11"] .smwb-stepper__connector{width:1px;height:auto;min-width:0;min-height:24px;margin:4px 0 4px 12px;background-color:var(--smui-dividerColor);flex:0 0 auto}}@container smwb-stepper (max-width: 96rem){.smwb-stepper_auto[data-steps="12"]{flex-direction:column;align-items:stretch}.smwb-stepper_auto[data-steps="12"] .smwb-stepper__step{flex-direction:row;flex:0 0 auto;align-items:flex-start;gap:8px;min-width:0;text-align:start}.smwb-stepper_auto[data-steps="12"] .smwb-stepper__text{align-items:flex-start}.smwb-stepper_auto[data-steps="12"] .smwb-stepper__connector{width:1px;height:auto;min-width:0;min-height:24px;margin:4px 0 4px 12px;background-color:var(--smui-dividerColor);flex:0 0 auto}}.smwb-stepper__step_error .smwb-stepper__icon{background-color:var(--smui-errorColor);color:var(--smui-onErrorColor)}.smwb-stepper__step_error .smwb-stepper__label{color:var(--smui-errorColor)}.smwb-stepper__step_disabled{opacity:.5;pointer-events:none}.smwb-stepper__step_clickable{cursor:pointer}

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{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}}

package/dist/assets/styles/less/components/tabs/tab/tab.entry.css

@@ -1 +1 @@
-.smwb-tab{position:relative;display:flex;align-items:center;flex:1 0 auto;justify-content:center;box-sizing:border-box;margin:0;padding:0 24px;min-height:48px;border:none;outline:none;background:none;text-align:center;white-space:nowrap;cursor:pointer;font-size:.875rem;line-height:2.25rem;font-weight:600;letter-spacing:.08928571em;text-decoration:none;text-transform:uppercase;-webkit-appearance:none;z-index:1}.smwb-tab:before{position:absolute;inset:0;opacity:0;content:"";transition:opacity 15ms linear,background-color 15ms linear;z-index:1;background-color:#6750a4}.smwb-tab:hover:before{opacity:.04}.smwb-tab:focus:before{opacity:.12;transition-duration:75ms}.smwb-tab__content{position:relative;display:flex;align-items:center;justify-content:center;height:inherit}.smwb-tab__text-label{display:inline-block;line-height:1;color:var(--smui-tabColorDefault);transition:color .15s linear;z-index:2}.smwb-tab__icon{color:var(--smui-tabIconColor);fill:currentColor;width:24px;height:24px;font-size:24px;transition:color .15s linear;z-index:2;display:inline-flex;align-items:center;justify-content:center}.smwb-tab--active .smwb-tab__text-label,.smwb-tab--active .smwb-tab__icon{transition-delay:.1s;color:var(--smui-primaryColor)}.smwb-tab--stacked{height:72px}.smwb-tab--stacked .smwb-tab__text-label{padding-top:6px;padding-bottom:4px}.smwb-tab--stacked .smwb-tab__content{flex-direction:column}.smwb-tab:not(.smwb-tab--stacked) .smwb-tab__icon+.smwb-tab__text-label{padding-left:8px}.smwb-tab__ripple-child{color:#6750a4}.smwb-tab--disabled{opacity:.5;pointer-events:none;cursor:default}
+.smwb-tab{position:relative;display:flex;align-items:center;flex:1 0 auto;justify-content:center;box-sizing:border-box;margin:0;padding:0 24px;min-height:48px;border:none;outline:none;background:none;text-align:center;white-space:nowrap;cursor:pointer;font-size:.875rem;line-height:2.25rem;font-weight:600;letter-spacing:.08928571em;text-decoration:none;text-transform:uppercase;-webkit-appearance:none;z-index:1}.smwb-tab:before{position:absolute;inset:0;opacity:0;content:"";transition:opacity 15ms linear,background-color 15ms linear;z-index:1;background-color:#6750a4}.smwb-tab:hover:before{opacity:.04}.smwb-tab:focus:before{opacity:.12;transition-duration:75ms}.smwb-tab__content{position:relative;display:flex;align-items:center;justify-content:center;height:inherit}.smwb-tab__text-label{display:inline-block;line-height:1;color:var(--smui-tabColorDefault);transition:color .15s linear;z-index:2}.smwb-tab__icon{color:var(--smui-tabIconColor);fill:currentColor;width:24px;height:24px;font-size:24px;transition:color .15s linear;z-index:2;display:inline-flex;align-items:center;justify-content:center}.smwb-tab--active .smwb-tab__text-label,.smwb-tab--active .smwb-tab__icon{transition-delay:.1s;color:var(--smui-primaryColor)}.smwb-tab--stacked{height:72px}.smwb-tab--stacked .smwb-tab__text-label{padding-top:6px;padding-bottom:4px}.smwb-tab--stacked .smwb-tab__content{flex-direction:column}.smwb-tab:not(.smwb-tab--stacked) .smwb-tab__icon+.smwb-tab__text-label{padding-left:8px}.smwb-tab__ripple-child{color:#6750a4}.smwb-tab--disabled{opacity:.5;pointer-events:none;cursor:default}.smwb-tabs--dense .smwb-tab{padding:0 12px;font-weight:500;letter-spacing:normal;text-transform:none}

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

@@ -1 +1 @@
-.smwb-tabs{display:flex;width:100%;overflow:hidden}.smwb-tabs__scroller{position:relative;display:inline-block;flex:1 1 auto;white-space:nowrap;overflow:hidden}.smwb-tabs__scroller--scrollable{overflow:auto hidden;scrollbar-width:none}.smwb-tabs__scroller--scrollable::-webkit-scrollbar{display:none}.smwb-tabs__scroll-area{display:flex}.smwb-tabs__indicator{display:flex;justify-content:center;position:absolute;bottom:0;width:100%;height:2px;transition:all .25s cubic-bezier(.4,0,.2,1)}.smwb-tabs__indicator-content{width:100%;height:inherit;background-color:var(--smui-primaryColor);transition:all .25s cubic-bezier(.4,0,.2,1)}
+.smwb-tabs{display:flex;width:100%;overflow:hidden}.smwb-tabs__scroller{position:relative;display:inline-block;flex:1 1 auto;white-space:nowrap;overflow:hidden}.smwb-tabs__scroller--scrollable{overflow:auto hidden;scrollbar-width:none}.smwb-tabs__scroller--scrollable::-webkit-scrollbar{display:none}.smwb-tabs__scroll-area{display:flex}.smwb-tabs--overflow-end .smwb-tabs__scroller--scrollable{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 2.5rem),transparent)}.smwb-tabs--overflow-start .smwb-tabs__scroller--scrollable{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 2.5rem),transparent)}.smwb-tabs--overflow-start.smwb-tabs--overflow-end .smwb-tabs__scroller--scrollable{-webkit-mask-image:linear-gradient(to right,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(to right,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent)}.smwb-tabs__scroll-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;padding:0;border:none;background:none;color:var(--smui-onSurfaceVariant);cursor:pointer}.smwb-tabs__scroll-button:hover:not(:disabled){background-color:var(--smui-onSurfaceHover)}.smwb-tabs__scroll-button:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:-2px}.smwb-tabs__scroll-button:disabled{opacity:.38;cursor:default}.smwb-tabs__indicator{display:flex;justify-content:center;position:absolute;bottom:0;width:100%;height:2px;transition:all .25s cubic-bezier(.4,0,.2,1)}.smwb-tabs__indicator-content{width:100%;height:inherit;background-color:var(--smui-primaryColor);transition:all .25s cubic-bezier(.4,0,.2,1)}

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

@@ -1 +1 @@
-.smwb-text-field{display:inline-flex;flex-direction:column;position:relative;min-width:20em;margin:0;padding:0;border:0;vertical-align:top}.smwb-text-field--inline{border-bottom:1px dotted var(--smui-primaryTextColor)}.smwb-text-field__label{display:block;padding:0;font-size:16px;font-weight:400;color:var(--smui-textFieldLabelColor);letter-spacing:.009375em;line-height:23px;transform-origin:left top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 26px);z-index:1;pointer-events:none;position:absolute;left:0;top:0;transform:translate(16px,16px);transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;user-select:none}.smwb-text-field__label--shrink{max-width:calc(133% - 24px);transform:translate(15px,-9px) scale(.75);user-select:none;pointer-events:none;z-index:1}.smwb-text-field__input-holder{display:inline-flex;align-items:center;position:relative;border-radius:4px;color:var(--smui-textFieldInputColor);font-family:var(--smui-fontFamily);font-size:16px;line-height:1.4375em;font-weight:400;letter-spacing:.009375em;cursor:text;box-sizing:border-box;width:100%}.smwb-text-field__input{height:23px;color:currentcolor;font:inherit;border:0;background:none;outline:none;caret-color:var(--smui-primaryColor);letter-spacing:inherit;box-sizing:content-box;width:100%}.smwb-text-field__input:not(.smwb-text-field__input--inline){padding:16px 16px 17px}.smwb-text-field__input::placeholder{opacity:0;color:currentColor;transition:opacity .2s cubic-bezier(0,0,.2,1) 0ms}.smwb-text-field__input--show-placeholder::placeholder{opacity:.6}.smwb-text-field__input.smwb-text-field__input--adornment-start{padding-left:0}.smwb-text-field__input.smwb-text-field__input--adornment-end{padding-right:0}.smwb-text-field__inline-input::placeholder{opacity:.6;color:currentColor;transition:opacity .2s cubic-bezier(0,0,.2,1) 0ms}.smwb-text-field__notched{position:absolute;inset:-5px 0 0;min-width:0;margin:0;padding:0 8px;border:1px solid var(--smui-textFieldNotchedColor);border-radius:inherit;pointer-events:none;overflow:hidden;text-align:left;user-select:none}.smwb-text-field__notched>legend{float:unset;width:auto;padding:0;line-height:11px;transition:width .15s cubic-bezier(0,0,.2,1) 0ms;overflow:hidden}.smwb-text-field__notched--with-label>legend{display:block;height:11px;max-width:.01px;padding:0;font-size:.75em;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;visibility:hidden}.smwb-text-field__notched--with-label>legend>span{display:inline-block;padding:0 5px;font-size:inherit;visibility:visible;opacity:0}.smwb-text-field__notched--active>legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.smwb-text-field__helper-line{display:flex;justify-content:space-between;padding-right:16px;padding-left:16px;margin-top:8px}.smwb-text-field__helper-text{font-size:.75rem;font-weight:400;letter-spacing:.03333333em;color:var(--smui-textFieldHelperTextColor)}.smwb-text-field__adornment{display:flex;align-items:center;height:.01em;white-space:nowrap;color:var(--smui-textFieldInputColor)}.smwb-text-field__adornment--start{margin-right:8px;margin-left:16px}.smwb-text-field__adornment--end{margin-left:8px;margin-right:16px}.smwb-text-field__adornment--disable-pointer{pointer-events:none}.smwb-text-field__adornment--text{opacity:.7}.smwb-text-field__adornment--filled.smwb-text-field__adornment--start{margin-top:12px}.smwb-text-field--filled .smwb-text-field__label--shrink{transform:translate(16px,7px) scale(.75)}.smwb-text-field--filled .smwb-text-field__input-holder{border-radius:4px 4px 0 0;background-color:var(--smui-textFieldFilledBgColor)}.smwb-text-field--filled .smwb-text-field__input-holder:before,.smwb-text-field--filled .smwb-text-field__input-holder:after{content:"";position:absolute;left:0;right:0;bottom:0;pointer-events:none}.smwb-text-field--filled .smwb-text-field__input-holder:before{border-bottom:1px solid var(--smui-textFieldFilledBorderColor)}.smwb-text-field--filled .smwb-text-field__input-holder:after{border-bottom:2px solid var(--smui-primaryColor);transform:scaleX(0);transition:transform .2s cubic-bezier(0,0,.2,1) 0ms}.smwb-text-field--filled .smwb-text-field__input{padding:23px 16px 10px}.smwb-text-field--filled .smwb-text-field__input--adornment-start{padding-left:0}.smwb-text-field--filled .smwb-text-field__input--adornment-end{padding-right:0}.smwb-text-field:not(.smwb-text-field--focused):not(.smwb-text-field--disabled):not(.smwb-text-field--error) .smwb-text-field__input-holder:hover .smwb-text-field__notched{border-color:var(--smui-textFieldNotchedHoverColor)}.smwb-text-field--filled:not(.smwb-text-field--focused):not(.smwb-text-field--disabled) .smwb-text-field__input-holder:hover{background-color:var(--smui-textFieldFilledHoverBgColor)}.smwb-text-field--filled:not(.smwb-text-field--focused):not(.smwb-text-field--disabled):not(.smwb-text-field--error) .smwb-text-field__input-holder:hover:before{border-bottom-color:var(--smui-textFieldFilledHoverBorderColor)}.smwb-text-field--focused .smwb-text-field__label{color:var(--smui-primaryColor)}.smwb-text-field--focused .smwb-text-field__input::placeholder{opacity:.6}.smwb-text-field--focused .smwb-text-field__notched{border:2px solid var(--smui-primaryColor);transition:border-color 0ms}.smwb-text-field--filled.smwb-text-field--focused .smwb-text-field__input-holder{background-color:var(--smui-textFieldFilledFocusedBgColor)}.smwb-text-field--filled.smwb-text-field--focused .smwb-text-field__input-holder:after{transform:scaleX(1) translate(0)}.smwb-text-field--error .smwb-text-field__label{color:var(--smui-errorColor)}.smwb-text-field--error .smwb-text-field__notched{border-color:var(--smui-errorColor)}.smwb-text-field--error .smwb-text-field__input{caret-color:var(--smui-errorColor)}.smwb-text-field--error .smwb-text-field__helper-text{color:var(--smui-errorColor)}.smwb-text-field--filled.smwb-text-field--error .smwb-text-field__input-holder:before{border-bottom-color:var(--smui-errorColor)}.smwb-text-field--filled.smwb-text-field--error .smwb-text-field__input-holder:after{border-bottom:2px solid var(--smui-errorColor)}.smwb-text-field--disabled .smwb-text-field__label{color:var(--smui-textFieldLabelDisabledColor)}.smwb-text-field--disabled .smwb-text-field__input-holder,.smwb-text-field--disabled .smwb-text-field__inline-input{color:var(--smui-textFieldInputDisabledColor);pointer-events:none;cursor:default}.smwb-text-field--disabled .smwb-text-field__notched{border-color:var(--smui-textFieldNotchedDisabledColor)}.smwb-text-field--disabled .smwb-text-field__helper-text{color:var(--smui-textFieldHelperTextDisabledColor)}.smwb-text-field--filled.smwb-text-field--disabled .smwb-text-field__input-holder{background-color:var(--smui-textFieldFilledDisabledBgColor)}.smwb-text-field--filled.smwb-text-field--disabled .smwb-text-field__input-holder:before{border-bottom-color:var(--smui-textFieldFilledDisabledBorderColor)}.smwb-text-field--full-width{width:100%;min-width:0}.smwb-text-field_size-small .smwb-text-field__input:not(.smwb-text-field__input--inline){padding-top:8px;padding-bottom:8px;font-size:13px}.smwb-text-field_size-large .smwb-text-field__input:not(.smwb-text-field__input--inline){padding-top:16px;padding-bottom:16px;font-size:16px}
+.smwb-text-field{display:inline-flex;flex-direction:column;position:relative;min-width:20em;margin:0;padding:0;border:0;vertical-align:top}.smwb-text-field--inline{border-bottom:1px dotted var(--smui-primaryTextColor)}.smwb-text-field__label{display:block;padding:0;font-size:16px;font-weight:400;color:var(--smui-textFieldLabelColor);letter-spacing:.009375em;line-height:23px;transform-origin:left top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 26px);z-index:1;pointer-events:none;position:absolute;left:0;top:0;transform:translate(16px,16px);transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;user-select:none}.smwb-text-field__label--shrink{max-width:calc(133% - 24px);transform:translate(15px,-9px) scale(.75);user-select:none;pointer-events:none;z-index:1}.smwb-text-field__input-holder{display:inline-flex;align-items:center;position:relative;border-radius:4px;color:var(--smui-textFieldInputColor);font-family:var(--smui-fontFamily);font-size:16px;line-height:1.4375em;font-weight:400;letter-spacing:.009375em;cursor:text;box-sizing:border-box;width:100%}.smwb-text-field__input{height:23px;color:currentcolor;font:inherit;border:0;background:none;outline:none;caret-color:var(--smui-primaryColor);letter-spacing:inherit;box-sizing:content-box;width:100%}.smwb-text-field__input:not(.smwb-text-field__input--inline){padding:16px 16px 17px}.smwb-text-field__input::placeholder{opacity:0;color:currentColor;transition:opacity .2s cubic-bezier(0,0,.2,1) 0ms}.smwb-text-field__input--show-placeholder::placeholder{opacity:.6}.smwb-text-field__input.smwb-text-field__input--adornment-start{padding-left:0}.smwb-text-field__input.smwb-text-field__input--adornment-end{padding-right:0}.smwb-text-field__inline-input::placeholder{opacity:.6;color:currentColor;transition:opacity .2s cubic-bezier(0,0,.2,1) 0ms}.smwb-text-field__notched{position:absolute;inset:-5px 0 0;min-width:0;margin:0;padding:0 8px;border:1px solid var(--smui-textFieldNotchedColor);border-radius:inherit;pointer-events:none;overflow:hidden;text-align:left;user-select:none}.smwb-text-field__notched>legend{float:unset;width:auto;padding:0;line-height:11px;transition:width .15s cubic-bezier(0,0,.2,1) 0ms;overflow:hidden}.smwb-text-field__notched--with-label>legend{display:block;height:11px;max-width:.01px;padding:0;font-size:.75em;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;visibility:hidden}.smwb-text-field__notched--with-label>legend>span{display:inline-block;padding:0 5px;font-size:inherit;visibility:visible;opacity:0}.smwb-text-field__notched--active>legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.smwb-text-field__helper-line{display:flex;justify-content:space-between;padding-right:16px;padding-left:16px;margin-top:8px}.smwb-text-field__helper-text{font-size:.75rem;font-weight:400;letter-spacing:.03333333em;color:var(--smui-textFieldHelperTextColor)}.smwb-text-field__adornment{display:flex;align-items:center;height:.01em;white-space:nowrap;color:var(--smui-textFieldInputColor)}.smwb-text-field__adornment--start{margin-right:8px;margin-left:16px}.smwb-text-field__adornment--end{margin-left:8px;margin-right:16px}.smwb-text-field__adornment--disable-pointer{pointer-events:none}.smwb-text-field__adornment--text{opacity:.7}.smwb-text-field__adornment--filled.smwb-text-field__adornment--start{margin-top:12px}.smwb-text-field--filled .smwb-text-field__label--shrink{transform:translate(16px,7px) scale(.75)}.smwb-text-field--filled .smwb-text-field__input-holder{border-radius:4px 4px 0 0;background-color:var(--smui-textFieldFilledBgColor)}.smwb-text-field--filled .smwb-text-field__input-holder:before,.smwb-text-field--filled .smwb-text-field__input-holder:after{content:"";position:absolute;left:0;right:0;bottom:0;pointer-events:none}.smwb-text-field--filled .smwb-text-field__input-holder:before{border-bottom:1px solid var(--smui-textFieldFilledBorderColor)}.smwb-text-field--filled .smwb-text-field__input-holder:after{border-bottom:2px solid var(--smui-primaryColor);transform:scaleX(0);transition:transform .2s cubic-bezier(0,0,.2,1) 0ms}.smwb-text-field--filled .smwb-text-field__input{padding:23px 16px 10px}.smwb-text-field--filled .smwb-text-field__input--adornment-start{padding-left:0}.smwb-text-field--filled .smwb-text-field__input--adornment-end{padding-right:0}.smwb-text-field:not(.smwb-text-field--focused):not(.smwb-text-field--disabled):not(.smwb-text-field--error) .smwb-text-field__input-holder:hover .smwb-text-field__notched{border-color:var(--smui-textFieldNotchedHoverColor)}.smwb-text-field--filled:not(.smwb-text-field--focused):not(.smwb-text-field--disabled) .smwb-text-field__input-holder:hover{background-color:var(--smui-textFieldFilledHoverBgColor)}.smwb-text-field--filled:not(.smwb-text-field--focused):not(.smwb-text-field--disabled):not(.smwb-text-field--error) .smwb-text-field__input-holder:hover:before{border-bottom-color:var(--smui-textFieldFilledHoverBorderColor)}.smwb-text-field--focused .smwb-text-field__label{color:var(--smui-primaryColor)}.smwb-text-field--focused .smwb-text-field__input::placeholder{opacity:.6}.smwb-text-field--focused .smwb-text-field__notched{border:2px solid var(--smui-primaryColor);transition:border-color 0ms}.smwb-text-field--filled.smwb-text-field--focused .smwb-text-field__input-holder{background-color:var(--smui-textFieldFilledFocusedBgColor)}.smwb-text-field--filled.smwb-text-field--focused .smwb-text-field__input-holder:after{transform:scaleX(1) translate(0)}.smwb-text-field--error .smwb-text-field__label{color:var(--smui-errorColor)}.smwb-text-field--error .smwb-text-field__notched{border-color:var(--smui-errorColor)}.smwb-text-field--error .smwb-text-field__input{caret-color:var(--smui-errorColor)}.smwb-text-field--error .smwb-text-field__helper-text{color:var(--smui-errorColor)}.smwb-text-field--filled.smwb-text-field--error .smwb-text-field__input-holder:before{border-bottom-color:var(--smui-errorColor)}.smwb-text-field--filled.smwb-text-field--error .smwb-text-field__input-holder:after{border-bottom:2px solid var(--smui-errorColor)}.smwb-text-field--disabled .smwb-text-field__label{color:var(--smui-textFieldLabelDisabledColor)}.smwb-text-field--disabled .smwb-text-field__input-holder,.smwb-text-field--disabled .smwb-text-field__inline-input{color:var(--smui-textFieldInputDisabledColor);pointer-events:none;cursor:default}.smwb-text-field--disabled .smwb-text-field__notched{border-color:var(--smui-textFieldNotchedDisabledColor)}.smwb-text-field--disabled .smwb-text-field__helper-text{color:var(--smui-textFieldHelperTextDisabledColor)}.smwb-text-field--filled.smwb-text-field--disabled .smwb-text-field__input-holder{background-color:var(--smui-textFieldFilledDisabledBgColor)}.smwb-text-field--filled.smwb-text-field--disabled .smwb-text-field__input-holder:before{border-bottom-color:var(--smui-textFieldFilledDisabledBorderColor)}.smwb-text-field--full-width{width:100%;min-width:0}.smwb-text-field_size-small .smwb-text-field__input:not(.smwb-text-field__input--inline){padding-top:8px;padding-bottom:9px;font-size:13px}.smwb-text-field_size-small:not(.smwb-text-field--filled) .smwb-text-field__label:not(.smwb-text-field__label--shrink){transform:translate(16px,8px)}.smwb-text-field_size-large .smwb-text-field__input:not(.smwb-text-field__input--inline){padding-top:16px;padding-bottom:16px;font-size:16px}

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

@@ -0,0 +1 @@
+.smwb-timeline{--smwb-timeline-mark: 24px;--smwb-timeline-pad: 4px;display:grid;row-gap:12px;margin:0;padding:0;list-style:none;font-size:.875rem;line-height:1.45;min-width:0}.smwb-timeline__group{display:grid;row-gap:4px;min-width:0}.smwb-timeline__label{padding:2px 0;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--smui-onSurfaceVariant)}.smwb-timeline__items{display:grid;margin:0;padding:0;list-style:none;min-width:0}.smwb-timeline__item{--smwb-timeline-tone: var(--smui-onSurfaceVariant);position:relative;display:grid;grid-template-columns:var(--smwb-timeline-mark) minmax(0,1fr) auto;column-gap:8px;align-items:start;padding:var(--smwb-timeline-pad) 0;min-width:0}.smwb-timeline__item:before{content:"";position:absolute;left:calc(var(--smwb-timeline-mark) / 2 - 1px);top:calc(var(--smwb-timeline-pad) + var(--smwb-timeline-mark));bottom:calc(-1 * var(--smwb-timeline-pad));width:2px;background-color:var(--smui-dividerColor)}.smwb-timeline__item:last-child:before{display:none}.smwb-timeline__mark{display:inline-flex;align-items:center;justify-content:center;width:var(--smwb-timeline-mark);height:var(--smwb-timeline-mark);color:var(--smwb-timeline-tone)}.smwb-timeline__dot{width:8px;height:8px;border-radius:50%;background-color:currentColor}.smwb-timeline__body{min-width:0}.smwb-timeline__title{overflow-wrap:anywhere}.smwb-timeline__title a{color:inherit;text-decoration:none}.smwb-timeline__title a:hover{color:var(--smui-primaryColor);text-decoration:underline}.smwb-timeline__meta{font-size:.75rem;color:var(--smui-onSurfaceVariant);overflow-wrap:anywhere}.smwb-timeline__content{margin-top:4px}.smwb-timeline__time{font-size:.75rem;line-height:1.45rem;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--smui-onSurfaceVariant)}.smwb-timeline__item_tone-info{--smwb-timeline-tone: var(--smui-infoColor)}.smwb-timeline__item_tone-success{--smwb-timeline-tone: var(--smui-successColor)}.smwb-timeline__item_tone-warning{--smwb-timeline-tone: var(--smui-warningColor)}.smwb-timeline__item_tone-error{--smwb-timeline-tone: var(--smui-errorColor)}.smwb-timeline_dense{--smwb-timeline-pad: 2px;row-gap:8px;font-size:.8125rem}.smwb-timeline_sticky-labels .smwb-timeline__label{position:sticky;top:0;z-index:1;background-color:var(--smwb-timeline-label-bg, var(--smui-surfaceBackground))}

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

@@ -1 +1 @@
-.smwb-tooltip{border-radius:4px;background-color:var(--smui-tooltipBg);color:var(--smui-tooltipTextColor);z-index:5;font-size:12px;padding:0 8px;height:24px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;overflow:hidden;opacity:0;visibility:hidden;white-space:nowrap;min-width:50px}.smwb-tooltip__ref{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.smwb-tooltip__ref:hover+.smwb-tooltip{visibility:visible;opacity:1}.smwb-tooltip__wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}
+.smwb-tooltip{border-radius:4px;background-color:var(--smui-tooltipBg);color:var(--smui-tooltipTextColor);z-index:5;font-size:12px;padding:0 8px;height:24px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;min-width:50px;animation:smwb-tooltip-in .15s ease-out}.smwb-tooltip__ref{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.smwb-tooltip__wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}@keyframes smwb-tooltip-in{0%{opacity:0}}

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:48px;font-weight:300;line-height:1.2}.smwb-typography_h2{font-size:40px;font-weight:300;line-height:1.2}.smwb-typography_h3{font-size:32px;font-weight:400;line-height:1.25}.smwb-typography_h4{font-size:28px;font-weight:400;line-height:1.3}.smwb-typography_h5{font-size:24px;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{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}

package/dist/assets/styles/less/tokens.entry.css

@@ -0,0 +1 @@
+:where(:root){--smui-onSurfaceVariant: #49454e;--smui-onSurfaceColor: #1c1b1f;--smui-primaryColor: #6750a4;--smui-fontFamily: "Roboto", sans-serif;--smui-pageBackground: #fff;--smui-scrollThumbColor: color-mix(in srgb, #1c1b1f 38%, transparent);--smui-surfaceBackground: #fffbfe;--smui-primaryTextColor: #000;--smui-onPrimaryColor: #fff;--smui-disabledTextColor: color-mix(in srgb, #1c1b1f 38%, transparent);--smui-outlineColor: #79747e;--smui-onSurfaceHover: color-mix(in srgb, #1c1b1f 8%, transparent);--smui-onSurfaceActive: color-mix(in srgb, #1c1b1f 12%, transparent);--smui-onSurfaceFocus: color-mix(in srgb, #1c1b1f 12%, transparent);--smui-surfaceVariant: #e7e0ec;--smui-disabledBgColor: color-mix(in srgb, #1c1b1f 12%, transparent);--smui-primaryContainer: #eaddff;--smui-onPrimaryContainer: #21005e;--smui-onPrimaryContainerHover: color-mix(in srgb, #000 2%, #eaddff);--smui-onPrimaryContainerActive: color-mix(in srgb, #000 4%, #eaddff);--smui-primaryColorHover: color-mix(in srgb, #6750a4 8%, transparent);--smui-primaryColorActive: color-mix(in srgb, #6750a4 14%, transparent);--smui-primaryColorFocus: color-mix(in srgb, #6750a4 12%, transparent);--smui-secondaryColor: #625b71;--smui-errorColor: red;--smui-successColor: #36913b;--smui-warningColor: #ed6c02;--smui-infoColor: #0288d1;--smui-onSecondaryColor: #fff;--smui-onErrorColor: #fff;--smui-onSuccessColor: #fff;--smui-onWarningColor: #fff;--smui-onInfoColor: #fff;--smui-secondaryColorHover: color-mix(in srgb, #625b71 8%, transparent);--smui-secondaryColorActive: color-mix(in srgb, #625b71 14%, transparent);--smui-secondaryColorFocus: color-mix(in srgb, #625b71 12%, transparent);--smui-errorColorHover: color-mix(in srgb, red 8%, transparent);--smui-errorColorActive: color-mix(in srgb, red 14%, transparent);--smui-errorColorFocus: color-mix(in srgb, red 12%, transparent);--smui-successColorHover: color-mix(in srgb, #36913b 8%, transparent);--smui-successColorActive: color-mix(in srgb, #36913b 14%, transparent);--smui-successColorFocus: color-mix(in srgb, #36913b 12%, transparent);--smui-warningColorHover: color-mix(in srgb, #ed6c02 8%, transparent);--smui-warningColorActive: color-mix(in srgb, #ed6c02 14%, transparent);--smui-warningColorFocus: color-mix(in srgb, #ed6c02 12%, transparent);--smui-infoColorHover: color-mix(in srgb, #0288d1 8%, transparent);--smui-infoColorActive: color-mix(in srgb, #0288d1 14%, transparent);--smui-infoColorFocus: color-mix(in srgb, #0288d1 12%, transparent);--smui-dividerColor: rgba(0, 0, 0, .12);--smui-buttonOutlinedHoverBg: color-mix(in srgb, #6750a4 8%, transparent);--smui-buttonOutlinedActiveBg: color-mix(in srgb, #6750a4 12%, transparent);--smui-buttonOutlinedFocusBg: color-mix(in srgb, #6750a4 12%, transparent);--smui-buttonContainedHoverBg: color-mix(in srgb, #fff 4%, #6750a4);--smui-buttonContainedActiveBg: color-mix(in srgb, #fff 10%, #6750a4);--smui-buttonContainedFocusBg: color-mix(in srgb, #fff 10%, #6750a4);--smui-buttonDisabledBg: color-mix(in srgb, #1c1b1f 12%, transparent);--smui-checkboxBorderColor: #1c1b1f;--smui-checkboxDisabledColor: color-mix(in srgb, #1c1b1f 38%, transparent);--smui-checkboxCheckedBg: #6750a4;--smui-toggleTrackColor: #e7e0ec;--smui-toggleThumbActiveColor: #fffbfe;--smui-toggleTrackActiveColor: #6750a4;--smui-toggleBorderColor: #79747e;--smui-chipsBg: #fffbfe;--smui-chipsIconColorHover: #6750a4;--smui-chipsIconColor: #6750a4;--smui-chipsOutlinedBorder: #79747e;--smui-chipsHoverBg: color-mix(in srgb, #1c1b1f 8%, transparent);--smui-chipsActiveBg: color-mix(in srgb, #1c1b1f 12%, transparent);--smui-chipsSelectedBg: #e8def8;--smui-menuTextColor: #1c1b1f;--smui-menuDividerColor: rgba(0, 0, 0, .12);--smui-menuDisabledTextColor: color-mix(in srgb, #1c1b1f 38%, transparent);--smui-tabIconColor: #49454e;--smui-tabColorDefault: #49454e;--smui-sliderColor: #6750a4;--smui-sliderDisabledColor: #9e9e9e;--smui-fabFocusBg: color-mix(in srgb, #000 4%, #eaddff);--smui-fabActiveBg: color-mix(in srgb, #000 4%, #eaddff);--smui-fabHoverBg: color-mix(in srgb, #000 2%, #eaddff);--smui-indicatorTrackBg: #e7e0ec;--smui-appBarBg: #fffbfe;--smui-appBarContentColor: #49454e;--smui-navItemActiveBg: color-mix(in srgb, #6750a4 8%, transparent);--smui-tableBorderColor: color-mix(in srgb, #000 12%, transparent);--smui-tooltipBg: #6d6d6d;--smui-tooltipTextColor: #fff;--smui-textFieldLabelColor: rgba(0, 0, 0, .6);--smui-textFieldLabelDisabledColor: color-mix(in srgb, #1c1b1f 38%, transparent);--smui-textFieldInputColor: rgba(0, 0, 0, .87);--smui-textFieldInputDisabledColor: color-mix(in srgb, #1c1b1f 38%, transparent);--smui-textFieldNotchedColor: rgba(0, 0, 0, .38);--smui-textFieldNotchedHoverColor: #000;--smui-textFieldNotchedDisabledColor: rgba(0, 0, 0, .26);--smui-textFieldHelperTextColor: rgba(0, 0, 0, .6);--smui-textFieldHelperTextDisabledColor: color-mix(in srgb, #1c1b1f 38%, transparent);--smui-textFieldFilledBorderColor: rgba(0, 0, 0, .42);--smui-textFieldFilledHoverBorderColor: #000;--smui-textFieldFilledDisabledBorderColor: rgba(0, 0, 0, .26);--smui-textFieldFilledBgColor: rgba(0, 0, 0, .05);--smui-textFieldFilledHoverBgColor: rgba(0, 0, 0, .07);--smui-textFieldFilledFocusedBgColor: rgba(0, 0, 0, .12);--smui-textFieldFilledDisabledBgColor: rgba(0, 0, 0, .045);--smui-selectFieldSearchMenuColor: rgba(0, 0, 0, .87);--smui-dataPickerIconDisabledColor: rgba(0, 0, 0, .26);--smui-dataPickerWeekDayColor: rgba(0, 0, 0, .6);--smui-messageBackground: color-mix(in srgb, #6750a4 10%, transparent);--smui-spacing-unit: 4px;--smui-space-xxs: 2px;--smui-space-xs: 4px;--smui-space-sm: 8px;--smui-space-md: 12px;--smui-space-lg: 16px;--smui-space-xl: 20px;--smui-space-xxl: 24px;--smui-space-xxxl: 32px;--smui-radius-xs: 2px;--smui-radius-sm: 4px;--smui-radius-md: 8px;--smui-radius-lg: 12px;--smui-radius-xl: 16px;--smui-radius-xxl: 28px;--smui-elevation-1: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);--smui-elevation-2: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);--smui-elevation-4: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);--smui-elevation-6: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);--smui-elevation-8: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);--smui-elevation-12: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12);--smui-elevation-24: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);--smui-bp-sm: 420px;--smui-bp-md: 768px;--smui-bp-lg: 1024px;--smui-bp-xl: 1200px}:where(:root[data-theme=dark]){--smui-onSurfaceVariant: #cac4d0;--smui-onSurfaceColor: #e6e1e5;--smui-primaryColor: #d0bcff;--smui-fontFamily: "Roboto", sans-serif;--smui-pageBackground: #1f1f1f;--smui-scrollThumbColor: rgba(255, 255, 255, .3);--smui-surfaceBackground: #1c1b1f;--smui-primaryTextColor: #fff;--smui-onPrimaryColor: #371e73;--smui-disabledTextColor: color-mix(in srgb, #e6e1e5 38%, transparent);--smui-outlineColor: #938f99;--smui-onSurfaceHover: color-mix(in srgb, #e6e1e5 8%, transparent);--smui-onSurfaceActive: color-mix(in srgb, #e6e1e5 12%, transparent);--smui-onSurfaceFocus: color-mix(in srgb, #e6e1e5 12%, transparent);--smui-surfaceVariant: #49454f;--smui-disabledBgColor: color-mix(in srgb, #e6e1e5 12%, transparent);--smui-primaryContainer: #4f378b;--smui-onPrimaryContainer: #eaddff;--smui-onPrimaryContainerHover: color-mix(in srgb, #fff 6%, #4f378b);--smui-onPrimaryContainerActive: color-mix(in srgb, #fff 10%, #4f378b);--smui-primaryColorHover: color-mix(in srgb, #d0bcff 8%, transparent);--smui-primaryColorActive: color-mix(in srgb, #d0bcff 14%, transparent);--smui-primaryColorFocus: color-mix(in srgb, #d0bcff 12%, transparent);--smui-dividerColor: rgba(255, 255, 255, .12);--smui-buttonOutlinedHoverBg: color-mix(in srgb, #d0bcff 8%, transparent);--smui-buttonOutlinedActiveBg: color-mix(in srgb, #d0bcff 12%, transparent);--smui-buttonOutlinedFocusBg: color-mix(in srgb, #d0bcff 12%, transparent);--smui-buttonContainedHoverBg: color-mix(in srgb, #fff 4%, #d0bcff);--smui-buttonContainedActiveBg: color-mix(in srgb, #fff 8%, #d0bcff);--smui-buttonContainedFocusBg: color-mix(in srgb, #fff 8%, #d0bcff);--smui-buttonDisabledBg: color-mix(in srgb, #e6e1e5 12%, transparent);--smui-checkboxBorderColor: #e6e1e5;--smui-checkboxDisabledColor: rgba(255, 255, 255, .3);--smui-checkboxCheckedBg: #d0bcff;--smui-toggleTrackColor: #49454f;--smui-toggleThumbActiveColor: #6750a4;--smui-toggleTrackActiveColor: #eaddff;--smui-toggleBorderColor: #938f99;--smui-chipsBg: color-mix(in srgb, #e6e1e5 8%, transparent);--smui-chipsIconColorHover: #e6e1e5;--smui-chipsIconColor: color-mix(in srgb, #e6e1e5 60%, transparent);--smui-chipsOutlinedBorder: #938f99;--smui-chipsHoverBg: color-mix(in srgb, #e6e1e5 12%, transparent);--smui-chipsActiveBg: color-mix(in srgb, #e6e1e5 16%, transparent);--smui-chipsSelectedBg: color-mix(in srgb, #e6e1e5 16%, transparent);--smui-menuTextColor: #e6e1e5;--smui-menuDividerColor: rgba(255, 255, 255, .12);--smui-menuDisabledTextColor: rgba(255, 255, 255, .3);--smui-tabIconColor: color-mix(in srgb, #fff 70%, transparent);--smui-tabColorDefault: color-mix(in srgb, #fff 70%, transparent);--smui-tableBorderColor: color-mix(in srgb, #fff 12%, transparent);--smui-sliderColor: #6750a4;--smui-sliderDisabledColor: #9e9e9e;--smui-fabFocusBg: color-mix(in srgb, #fff 10%, #4f378b);--smui-fabActiveBg: color-mix(in srgb, #fff 10%, #4f378b);--smui-fabHoverBg: color-mix(in srgb, #fff 6%, #4f378b);--smui-indicatorTrackBg: #49454f;--smui-appBarBg: #1c1b1f;--smui-appBarContentColor: #cac4d0;--smui-navItemActiveBg: transparent;--smui-tooltipBg: #fff;--smui-tooltipTextColor: #000;--smui-textFieldLabelColor: rgba(255, 255, 255, .7);--smui-textFieldLabelDisabledColor: rgba(255, 255, 255, .5);--smui-textFieldInputColor: #fff;--smui-textFieldInputDisabledColor: rgba(255, 255, 255, .5);--smui-textFieldNotchedColor: rgba(255, 255, 255, .3);--smui-textFieldNotchedHoverColor: #fff;--smui-textFieldNotchedDisabledColor: rgba(255, 255, 255, .3);--smui-textFieldHelperTextColor: rgba(255, 255, 255, .7);--smui-textFieldHelperTextDisabledColor: rgba(255, 255, 255, .5);--smui-textFieldFilledBorderColor: rgba(255, 255, 255, .7);--smui-textFieldFilledHoverBorderColor: #fff;--smui-textFieldFilledDisabledBorderColor: rgba(255, 255, 255, .5);--smui-textFieldFilledBgColor: rgba(255, 255, 255, .09);--smui-textFieldFilledHoverBgColor: rgba(255, 255, 255, .13);--smui-textFieldFilledFocusedBgColor: rgba(255, 255, 255, .13);--smui-textFieldFilledDisabledBgColor: rgba(255, 255, 255, .045);--smui-selectFieldSearchMenuColor: #fff;--smui-dataPickerIconDisabledColor: rgba(255, 255, 255, .5);--smui-dataPickerWeekDayColor: rgba(255, 255, 255, .6);--smui-messageBackground: #323232}

package/dist/components/base/icon/icon.js

@@ -1,5 +1,6 @@
 import { use as j, spread as L, mergeProps as R, insert as b, memo as A, effect as h, setStyleProperty as a, setAttribute as $, template as c } from "solid-js/web";
-import '../../../assets/styles/less/components/icon/icon.entry.css';/* empty css                                                   */
+import '../../../assets/styles/less/components/icon/icon.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                   */
 import { mergeProps as B, splitProps as T, useContext as D } from "solid-js";
 import E from "clsx";
 import { mergeRefs as F } from "../../../primitives/mergeRefs.js";
@@ -11,7 +12,7 @@ const q = ["primary", "secondary", "error", "success", "warning", "info", "disab
 function J(s) {
   !x().warnOnMissing || _.has(s) || (_.add(s), console.warn(`[smwb] Icon "${s}" is not registered. Register it (import { ${s} } from "@smwb/ui-solid/icons") or use source="auto" to fall back to Material Symbols.`));
 }
-function re(s) {
+function se(s) {
   const z = B({
     weight: 400,
     fill: 0,
@@ -74,6 +75,6 @@ function re(s) {
   })();
 }
 export {
-  re as Icon
+  se as Icon
 };
 //# sourceMappingURL=icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../../../src/components/base/icon/icon.tsx"],"sourcesContent":["/* eslint-disable solid/no-innerhtml -- icon bodies are static SVG geometry\n   generated from icons/data into src/icons/svg; nothing user-supplied reaches\n   this attribute, and an <svg> assembled from JSX children cannot be handed to\n   a consumer as plain data. */\nimport { type JSX, mergeProps, splitProps, useContext } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { getIcon } from \"../../../icons/registry\";\nimport { getIconConfig } from \"../../../icons/config\";\nimport type { IconDefinition, IconSource } from \"../../../icons/types\";\nimport { createIconVersion, IconContext } from \"./iconProvider\";\n\nexport type IconColor = \"inherit\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\" | \"disabled\";\n\nconst COLOR_TOKENS: ReadonlyArray<string> = [\n  \"primary\",\n  \"secondary\",\n  \"error\",\n  \"success\",\n  \"warning\",\n  \"info\",\n  \"disabled\",\n];\n\nconst warned = new Set<string>();\n\nfunction warnMissing(name: string): void {\n  if (!getIconConfig().warnOnMissing || warned.has(name)) return;\n  warned.add(name);\n  console.warn(\n    `[smwb] Icon \"${name}\" is not registered. Register it (import { ${name} } from \"@smwb/ui-solid/icons\") ` +\n      `or use source=\"auto\" to fall back to Material Symbols.`\n  );\n}\n\nexport interface IconProps extends JSX.HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Icon name — the Google Material Symbols name, e.g. `\"arrow_right_alt\"`.\n   * Lookup is forgiving: `arrowRightAlt` and `arrow-right-alt` resolve too, as\n   * do an icon's aliases.\n   *\n   * An {@link IconDefinition} may be passed instead, which skips the registry\n   * entirely and is the most bundle-friendly form:\n   *\n   * ```tsx\n   * import { arrowRightAlt } from \"@smwb/ui-solid/icons\";\n   * <Icon name={arrowRightAlt} />\n   * ```\n   */\n  name: string | IconDefinition;\n  /**\n   * Material Symbols weight axis (100-700). For the smwb SVG set it maps to the\n   * stroke width: 400 → 2px, 700 → 3px, 100 → 1px.\n   */\n  weight?: number;\n  /** Material Symbols FILL axis. Not used by the smwb SVG set (it is a contour set). */\n  fill?: 0 | 1;\n  /** Pixel number or any CSS length (e.g. \"1.5rem\"). */\n  size?: number | string;\n  /** Material Symbols GRAD axis. Not used by the smwb SVG set. */\n  grade?: number;\n  /**\n   * Semantic color token; `inherit` (default) keeps the text color. Any string\n   * is accepted for backward compatibility, but only known {@link IconColor}\n   * tokens emit a color class.\n   */\n  color?: IconColor | (string & {});\n  /**\n   * Accessible name. When provided the icon is exposed as `role=\"img\"`;\n   * otherwise it is `aria-hidden` (decorative).\n   */\n  title?: string;\n  /** Overrides the icon source for this icon only. See {@link IconSource}. */\n  source?: IconSource;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport function Icon(props: IconProps): JSX.Element {\n  const merged = mergeProps(\n    { weight: 400, fill: 0 as 0 | 1, size: 20 as number | string, grade: 100, color: \"inherit\" as IconProps[\"color\"] },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"weight\",\n    \"fill\",\n    \"size\",\n    \"grade\",\n    \"name\",\n    \"color\",\n    \"title\",\n    \"style\",\n    \"source\",\n    \"ref\",\n  ]);\n\n  const context = useContext(IconContext);\n  // Re-reads the registry when icons are registered late (lazy chunks, HMR).\n  const version = createIconVersion();\n\n  const source = (): IconSource => {\n    version();\n    return local.source ?? context?.source ?? getIconConfig().source;\n  };\n  const definition = (): IconDefinition | undefined => {\n    version();\n    return typeof local.name === \"object\" ? local.name : getIcon(local.name);\n  };\n  const glyph = (): string => (typeof local.name === \"string\" ? local.name : local.name.name);\n\n  const mode = (): \"google\" | \"smwb\" | \"missing\" => {\n    const resolved = source();\n    if (resolved === \"google\") return \"google\";\n    if (definition()) return \"smwb\";\n    if (resolved === \"smwb\") {\n      warnMissing(glyph());\n      return \"missing\";\n    }\n    return \"google\";\n  };\n\n  const decorative = (): boolean => local.title === undefined;\n  const colorClass = (): string | undefined =>\n    typeof local.color === \"string\" && COLOR_TOKENS.includes(local.color) ? `smwb-icon_color-${local.color}` : undefined;\n  const styleObject = (): JSX.CSSProperties => (typeof local.style === \"object\" && local.style ? local.style : {});\n  const cssSize = (): string => (typeof local.size === \"number\" ? `${local.size}px` : local.size);\n  const strokeWidth = (): number => Math.round(Math.min(3, Math.max(1, local.weight / 200)) * 100) / 100;\n\n  return (\n    <span\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"icon\"\n      data-icon-source={mode()}\n      role={decorative() ? undefined : \"img\"}\n      aria-hidden={decorative() ? true : undefined}\n      aria-label={local.title}\n      title={local.title}\n      style={{\n        ...styleObject(),\n        ...(mode() === \"google\"\n          ? {\n              \"font-variation-settings\": `'FILL' ${local.fill}, 'wght' ${local.weight}, 'GRAD' ${local.grade}, 'opsz' 48`,\n            }\n          : null),\n      }}\n      class={cn(\"smwb-icon__wrapper\", colorClass(), local.class)}\n    >\n      {mode() === \"google\" ? (\n        <span class=\"material-symbols-outlined\" style={{ \"font-size\": cssSize() }}>\n          {glyph()}\n        </span>\n      ) : (\n        <svg\n          class=\"smwb-icon__svg\"\n          viewBox={definition()?.viewBox ?? \"0 0 24 24\"}\n          style={{ width: cssSize(), height: cssSize() }}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width={strokeWidth()}\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n          innerHTML={definition()?.body ?? \"\"}\n        />\n      )}\n    </span>\n  );\n}\n\nexport default Icon;\n"],"names":["COLOR_TOKENS","warned","Set","warnMissing","name","getIconConfig","warnOnMissing","has","add","console","warn","Icon","props","merged","mergeProps","weight","fill","size","grade","color","local","rest","splitProps","context","useContext","IconContext","version","createIconVersion","source","definition","getIcon","glyph","mode","resolved","decorative","title","undefined","colorClass","includes","styleObject","style","cssSize","strokeWidth","Math","round","min","max","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","role","cn","class","_$insert","_c$","_$memo","_el$2","_tmpl$2","_$effect","_$p","_$setStyleProperty","_el$3","_tmpl$3","_p$","_v$","viewBox","_v$2","_v$3","_v$4","_v$5","body","e","_$setAttribute","t","a","o","i","innerHTML"],"mappings":"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"}
+{"version":3,"file":"icon.js","sources":["../../../../src/components/base/icon/icon.tsx"],"sourcesContent":["/* eslint-disable solid/no-innerhtml -- icon bodies are static SVG geometry\n   generated from icons/data into src/icons/svg; nothing user-supplied reaches\n   this attribute, and an <svg> assembled from JSX children cannot be handed to\n   a consumer as plain data. */\nimport { type JSX, mergeProps, splitProps, useContext } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { getIcon } from \"../../../icons/registry\";\nimport { getIconConfig } from \"../../../icons/config\";\nimport type { IconDefinition, IconSource } from \"../../../icons/types\";\nimport { createIconVersion, IconContext } from \"./iconProvider\";\n\nexport type IconColor = \"inherit\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\" | \"disabled\";\n\nconst COLOR_TOKENS: ReadonlyArray<string> = [\n  \"primary\",\n  \"secondary\",\n  \"error\",\n  \"success\",\n  \"warning\",\n  \"info\",\n  \"disabled\",\n];\n\nconst warned = new Set<string>();\n\nfunction warnMissing(name: string): void {\n  if (!getIconConfig().warnOnMissing || warned.has(name)) return;\n  warned.add(name);\n  console.warn(\n    `[smwb] Icon \"${name}\" is not registered. Register it (import { ${name} } from \"@smwb/ui-solid/icons\") ` +\n      `or use source=\"auto\" to fall back to Material Symbols.`\n  );\n}\n\nexport interface IconProps extends JSX.HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Icon name — the Google Material Symbols name, e.g. `\"arrow_right_alt\"`.\n   * Lookup is forgiving: `arrowRightAlt` and `arrow-right-alt` resolve too, as\n   * do an icon's aliases.\n   *\n   * An {@link IconDefinition} may be passed instead, which skips the registry\n   * entirely and is the most bundle-friendly form:\n   *\n   * ```tsx\n   * import { arrowRightAlt } from \"@smwb/ui-solid/icons\";\n   * <Icon name={arrowRightAlt} />\n   * ```\n   */\n  name: string | IconDefinition;\n  /**\n   * Material Symbols weight axis (100-700). For the smwb SVG set it maps to the\n   * stroke width: 400 → 2px, 700 → 3px, 100 → 1px.\n   */\n  weight?: number;\n  /** Material Symbols FILL axis. Not used by the smwb SVG set (it is a contour set). */\n  fill?: 0 | 1;\n  /** Pixel number or any CSS length (e.g. \"1.5rem\"). */\n  size?: number | string;\n  /** Material Symbols GRAD axis. Not used by the smwb SVG set. */\n  grade?: number;\n  /**\n   * Semantic color token; `inherit` (default) keeps the text color. Any string\n   * is accepted for backward compatibility, but only known {@link IconColor}\n   * tokens emit a color class.\n   */\n  color?: IconColor | (string & {});\n  /**\n   * Accessible name. When provided the icon is exposed as `role=\"img\"`;\n   * otherwise it is `aria-hidden` (decorative).\n   */\n  title?: string;\n  /** Overrides the icon source for this icon only. See {@link IconSource}. */\n  source?: IconSource;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport function Icon(props: IconProps): JSX.Element {\n  const merged = mergeProps(\n    { weight: 400, fill: 0 as 0 | 1, size: 20 as number | string, grade: 100, color: \"inherit\" as IconProps[\"color\"] },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"weight\",\n    \"fill\",\n    \"size\",\n    \"grade\",\n    \"name\",\n    \"color\",\n    \"title\",\n    \"style\",\n    \"source\",\n    \"ref\",\n  ]);\n\n  const context = useContext(IconContext);\n  // Re-reads the registry when icons are registered late (lazy chunks, HMR).\n  const version = createIconVersion();\n\n  const source = (): IconSource => {\n    version();\n    return local.source ?? context?.source ?? getIconConfig().source;\n  };\n  const definition = (): IconDefinition | undefined => {\n    version();\n    return typeof local.name === \"object\" ? local.name : getIcon(local.name);\n  };\n  const glyph = (): string => (typeof local.name === \"string\" ? local.name : local.name.name);\n\n  const mode = (): \"google\" | \"smwb\" | \"missing\" => {\n    const resolved = source();\n    if (resolved === \"google\") return \"google\";\n    if (definition()) return \"smwb\";\n    if (resolved === \"smwb\") {\n      warnMissing(glyph());\n      return \"missing\";\n    }\n    return \"google\";\n  };\n\n  const decorative = (): boolean => local.title === undefined;\n  const colorClass = (): string | undefined =>\n    typeof local.color === \"string\" && COLOR_TOKENS.includes(local.color) ? `smwb-icon_color-${local.color}` : undefined;\n  const styleObject = (): JSX.CSSProperties => (typeof local.style === \"object\" && local.style ? local.style : {});\n  const cssSize = (): string => (typeof local.size === \"number\" ? `${local.size}px` : local.size);\n  const strokeWidth = (): number => Math.round(Math.min(3, Math.max(1, local.weight / 200)) * 100) / 100;\n\n  return (\n    <span\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"icon\"\n      data-icon-source={mode()}\n      role={decorative() ? undefined : \"img\"}\n      aria-hidden={decorative() ? true : undefined}\n      aria-label={local.title}\n      title={local.title}\n      style={{\n        ...styleObject(),\n        ...(mode() === \"google\"\n          ? {\n              \"font-variation-settings\": `'FILL' ${local.fill}, 'wght' ${local.weight}, 'GRAD' ${local.grade}, 'opsz' 48`,\n            }\n          : null),\n      }}\n      class={cn(\"smwb-icon__wrapper\", colorClass(), local.class)}\n    >\n      {mode() === \"google\" ? (\n        <span class=\"material-symbols-outlined\" style={{ \"font-size\": cssSize() }}>\n          {glyph()}\n        </span>\n      ) : (\n        <svg\n          class=\"smwb-icon__svg\"\n          viewBox={definition()?.viewBox ?? \"0 0 24 24\"}\n          style={{ width: cssSize(), height: cssSize() }}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width={strokeWidth()}\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n          innerHTML={definition()?.body ?? \"\"}\n        />\n      )}\n    </span>\n  );\n}\n\nexport default Icon;\n"],"names":["COLOR_TOKENS","warned","Set","warnMissing","name","getIconConfig","warnOnMissing","has","add","console","warn","Icon","props","merged","mergeProps","weight","fill","size","grade","color","local","rest","splitProps","context","useContext","IconContext","version","createIconVersion","source","definition","getIcon","glyph","mode","resolved","decorative","title","undefined","colorClass","includes","styleObject","style","cssSize","strokeWidth","Math","round","min","max","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","role","cn","class","_$insert","_c$","_$memo","_el$2","_tmpl$2","_$effect","_$p","_$setStyleProperty","_el$3","_tmpl$3","_p$","_v$","viewBox","_v$2","_v$3","_v$4","_v$5","body","e","_$setAttribute","t","a","o","i","innerHTML"],"mappings":"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"}

package/dist/components/base/ripple/ripple.js

@@ -1,10 +1,11 @@
 import { use as P, spread as b, mergeProps as z, insert as $, createComponent as k, effect as C, className as S, setStyleProperty as c, template as T } from "solid-js/web";
-import '../../../assets/styles/less/components/ripple/ripple.entry.css';/* empty css                                                       */
+import '../../../assets/styles/less/components/ripple/ripple.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                       */
 import { mergeProps as X, splitProps as Y, createSignal as B, For as F } from "solid-js";
 import f from "clsx";
 import { mergeRefs as K } from "../../../primitives/mergeRefs.js";
 var g = /* @__PURE__ */ T("<span>");
-function D(u) {
+function E(u) {
   const v = X({
     duration: 600
   }, u), [o, x] = Y(v, ["actionRef", "class", "classes", "center", "duration", "color", "ref", "style"]), [y, m] = B([]);
@@ -53,6 +54,6 @@ function D(u) {
   })();
 }
 export {
-  D as Ripple
+  E as Ripple
 };
 //# sourceMappingURL=ripple.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ripple.js","sources":["../../../../src/components/base/ripple/ripple.tsx"],"sourcesContent":["import { type JSX, For, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface RippleActionsRef {\n  onRipple: (event: MouseEvent) => void;\n}\n\nexport interface RippleClasses {\n  ripple?: string;\n  child?: string;\n}\n\nexport interface RippleProps extends JSX.HTMLAttributes<HTMLSpanElement> {\n  /** Receives the imperative API once on mount. */\n  actionRef?: (actions: RippleActionsRef) => void;\n  classes?: RippleClasses;\n  center?: boolean | undefined;\n  /** Ripple lifetime in ms. */\n  duration?: number;\n  /** Ripple color (any CSS color). Defaults to inherited currentColor. */\n  color?: string | undefined;\n  ref?: Ref<HTMLSpanElement>;\n}\n\ninterface RippleEntry {\n  key: number;\n  x: number;\n  y: number;\n  size: number;\n}\n\n/**\n * ⚠️ For this effect to work, the parent element must have CSS\n * `position: relative;`.\n */\nexport function Ripple(props: RippleProps): JSX.Element {\n  const merged = mergeProps({ duration: 600 }, props);\n  const [local, rest] = splitProps(merged, [\n    \"actionRef\",\n    \"class\",\n    \"classes\",\n    \"center\",\n    \"duration\",\n    \"color\",\n    \"ref\",\n    \"style\",\n  ]);\n\n  const [ripples, setRipples] = createSignal<RippleEntry[]>([]);\n  let nextKey = 0;\n\n  const onRipple = (event: MouseEvent): void => {\n    const target = event.currentTarget as HTMLElement;\n    const rect = target.getBoundingClientRect();\n    const diameter = Math.max(rect.width, rect.height);\n    const radius = diameter / 2;\n\n    let coordX: number;\n    let coordY: number;\n    if (local.center) {\n      coordX = rect.width > rect.height ? 0 : rect.width / 2 - radius;\n      coordY = rect.height > rect.width ? 0 : rect.height / 2 - radius;\n    } else {\n      coordX = event.clientX - rect.left - radius;\n      coordY = event.clientY - rect.top - radius;\n    }\n\n    const key = nextKey++;\n    setRipples((prev) => [...prev, { key, x: coordX, y: coordY, size: diameter }]);\n    setTimeout(() => setRipples((prev) => prev.slice(1)), local.duration);\n  };\n\n  local.actionRef?.({ onRipple });\n\n  return (\n    <span\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-ripple\", local.class, local.classes?.ripple)}\n      data-testid=\"ripple\"\n      aria-hidden=\"true\"\n    >\n      <For each={ripples()}>\n        {(ripple) => (\n          <span\n            class={cn(\"smwb-ripple__child\", local.classes?.child)}\n            style={{\n              left: `${ripple.x}px`,\n              top: `${ripple.y}px`,\n              width: `${ripple.size}px`,\n              height: `${ripple.size}px`,\n              \"background-color\": local.color,\n            }}\n          />\n        )}\n      </For>\n    </span>\n  );\n}\n\nexport default Ripple;\n"],"names":["Ripple","props","merged","mergeProps","duration","local","rest","splitProps","ripples","setRipples","createSignal","nextKey","onRipple","event","rect","currentTarget","getBoundingClientRect","diameter","Math","max","width","height","radius","coordX","coordY","center","clientX","left","clientY","top","key","prev","x","y","size","setTimeout","slice","actionRef","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","classes","ripple","_$insert","_$createComponent","For","each","children","_el$2","_$effect","_p$","_v$","child","_v$2","_v$3","_v$4","_v$5","_v$6","color","e","_$className","t","_$setStyleProperty","a","o","i","n","undefined"],"mappings":"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"}
+{"version":3,"file":"ripple.js","sources":["../../../../src/components/base/ripple/ripple.tsx"],"sourcesContent":["import { type JSX, For, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface RippleActionsRef {\n  onRipple: (event: MouseEvent) => void;\n}\n\nexport interface RippleClasses {\n  ripple?: string;\n  child?: string;\n}\n\nexport interface RippleProps extends JSX.HTMLAttributes<HTMLSpanElement> {\n  /** Receives the imperative API once on mount. */\n  actionRef?: (actions: RippleActionsRef) => void;\n  classes?: RippleClasses;\n  center?: boolean | undefined;\n  /** Ripple lifetime in ms. */\n  duration?: number;\n  /** Ripple color (any CSS color). Defaults to inherited currentColor. */\n  color?: string | undefined;\n  ref?: Ref<HTMLSpanElement>;\n}\n\ninterface RippleEntry {\n  key: number;\n  x: number;\n  y: number;\n  size: number;\n}\n\n/**\n * ⚠️ For this effect to work, the parent element must have CSS\n * `position: relative;`.\n */\nexport function Ripple(props: RippleProps): JSX.Element {\n  const merged = mergeProps({ duration: 600 }, props);\n  const [local, rest] = splitProps(merged, [\n    \"actionRef\",\n    \"class\",\n    \"classes\",\n    \"center\",\n    \"duration\",\n    \"color\",\n    \"ref\",\n    \"style\",\n  ]);\n\n  const [ripples, setRipples] = createSignal<RippleEntry[]>([]);\n  let nextKey = 0;\n\n  const onRipple = (event: MouseEvent): void => {\n    const target = event.currentTarget as HTMLElement;\n    const rect = target.getBoundingClientRect();\n    const diameter = Math.max(rect.width, rect.height);\n    const radius = diameter / 2;\n\n    let coordX: number;\n    let coordY: number;\n    if (local.center) {\n      coordX = rect.width > rect.height ? 0 : rect.width / 2 - radius;\n      coordY = rect.height > rect.width ? 0 : rect.height / 2 - radius;\n    } else {\n      coordX = event.clientX - rect.left - radius;\n      coordY = event.clientY - rect.top - radius;\n    }\n\n    const key = nextKey++;\n    setRipples((prev) => [...prev, { key, x: coordX, y: coordY, size: diameter }]);\n    setTimeout(() => setRipples((prev) => prev.slice(1)), local.duration);\n  };\n\n  local.actionRef?.({ onRipple });\n\n  return (\n    <span\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-ripple\", local.class, local.classes?.ripple)}\n      data-testid=\"ripple\"\n      aria-hidden=\"true\"\n    >\n      <For each={ripples()}>\n        {(ripple) => (\n          <span\n            class={cn(\"smwb-ripple__child\", local.classes?.child)}\n            style={{\n              left: `${ripple.x}px`,\n              top: `${ripple.y}px`,\n              width: `${ripple.size}px`,\n              height: `${ripple.size}px`,\n              \"background-color\": local.color,\n            }}\n          />\n        )}\n      </For>\n    </span>\n  );\n}\n\nexport default Ripple;\n"],"names":["Ripple","props","merged","mergeProps","duration","local","rest","splitProps","ripples","setRipples","createSignal","nextKey","onRipple","event","rect","currentTarget","getBoundingClientRect","diameter","Math","max","width","height","radius","coordX","coordY","center","clientX","left","clientY","top","key","prev","x","y","size","setTimeout","slice","actionRef","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","classes","ripple","_$insert","_$createComponent","For","each","children","_el$2","_$effect","_p$","_v$","child","_v$2","_v$3","_v$4","_v$5","_v$6","color","e","_$className","t","_$setStyleProperty","a","o","i","n","undefined"],"mappings":"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"}

package/dist/components/dataDisplay/accordion/accordion.d.ts

@@ -1,8 +1,19 @@
 import { type JSX, type ParentProps } from "solid-js";
 import { type Ref } from "../../../primitives/mergeRefs";
+/**
+ * `filled` — the header is an app-bar strip on a raised panel (the original look).
+ * `outlined` — a bordered card with a flat header: for feeds of records.
+ * `plain` — no frame, a divider under each panel: for FAQ-style lists.
+ * The flat variants stretch to the container and wrap long titles.
+ */
+export type AccordionVariant = "filled" | "outlined" | "plain";
 export interface AccordionProps {
     class?: string;
-    title?: string;
+    /** Header text or markup (a date, an author, a badge…). */
+    title?: JSX.Element;
+    /** Secondary line under the title. */
+    subtitle?: JSX.Element;
+    variant?: AccordionVariant;
     isOpenByDefault?: boolean;
     /** Controlled open state. When set, the component is controlled. */
     open?: boolean;
@@ -12,7 +23,13 @@ export interface AccordionProps {
     icon?: JSX.Element;
     id?: string;
     startAdornment?: (isOpen: boolean) => JSX.Element;
+    /** Rendered after the title, before the expand icon. */
+    endAdornment?: (isOpen: boolean) => JSX.Element;
     noIcon?: boolean;
+    /** Create the content on first open instead of up front. */
+    lazy?: boolean;
+    /** Remove the content once the panel has collapsed (created again on open). */
+    unmountOnExit?: boolean;
     onToggleClick?: (e: MouseEvent & {
         currentTarget: HTMLButtonElement;
         target: Element;