@smwb/ui-react 2.7.0 → 2.8.0

package/README.md

@@ -31,6 +31,13 @@ Published on [npm](https://www.npmjs.com/package/@smwb/ui-react) as `@smwb/ui-re
 npm install @smwb/ui-react
 ```
 
+**CommonJS.** `require()` gets the root entry and `@smwb/ui-react/icons`: CommonJS builds without
+CSS, so take the styles from `@smwb/ui-css`. The other entry points — `/chart`, `/react-table`,
+`/headless`, `/icons/all`, `/icons/catalog` and `/icons/<name>` — are ES modules only: `import` them,
+through your bundler. The table adapter renders the root entry's own modules (one `Table`, one icon
+registry, one copy of their CSS), which a separate CommonJS bundle could not share, and a chart draws
+in the browser only. In a CommonJS test runner (Jest) mock them, or let it transform the package.
+
 ## Getting started
 
 ```tsx
@@ -45,6 +52,20 @@ In ESM builds each imported component **pulls in its own CSS automatically** (tr
 including the `--smui-*` design tokens it reads — nothing else to import for the default theme
 except the Roboto webfont (see [Styles](#styles)).
 
+### Your props on a component's root
+
+Components pass the HTML attributes and event handlers you give them on to their root element. Where a
+component sets the same prop there itself, the two meet by these rules, the same as in `@smwb/ui-solid`:
+
+- **Handlers run together.** Your `onKeyDown`, `onPointerDown` or `onClick` runs, and so does the component's
+  own: a clickable `Chip` still activates on Enter, a `Button` still ripples.
+- **The component's role and state win while it sets them.** A clickable `Chip` or `Card` is `role="button"`, a
+  disabled one is `aria-disabled`, a `Tab` keeps `role="tab"`, `aria-selected` and the roving `tabIndex` its `Tabs`
+  give it. Where the component sets none of these, such as a `Chip` that is not clickable, yours stay.
+- **Defaults give way to yours.** Your `data-testid`, `type="submit"` on an icon button, or `tabIndex` on a clickable
+  `Chip`, `Card` or `MenuItem` (for roving focus, say) replaces the component's default. Passing `undefined` keeps
+  the default.
+
 ## Icons
 
 `<Icon>` renders one of two icon sets under the **same name**, so switching sets never touches
@@ -214,6 +235,12 @@ server, a skeleton of the chart's height holds its place. The colours come from
 bundle pass `loader={() => import("./my-echarts")}`, a module that registers only the charts you use
 with `echarts/core`. See Storybook → **Data Display / Chart**.
 
+Series colours: set `@chartSeries1` … `@chartSeries12` (light) and `@chartSeries1Dark` … `@chartSeries12Dark`
+(dark) in your `theme.config` and recompile `@smwb/ui-styles` — one line re-colours every chart, no `option`
+needed. Fill them in order: slots 8–12 are unset by default and emit nothing, and the chart draws as many
+colours as are set. An unset slot is skipped, not kept as a gap: if you set slot 9 but not 8, slot 9's
+colour is drawn for the 8th series. A colour you give in the chart's own `option.color` wins over the theme's.
+
 ## Customization and theming
 
 Pick the shallowest layer that solves the task:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/assets/styles/less/connects/rt/table.entry.css

@@ -1 +1 @@
-.smwb-rt-table--resizer{position:absolute;right:0;top:0;height:100%;width:5px;background:#00000080;cursor:col-resize;user-select:none;touch-action:none}.smwb-rt-table--resizer.smwb-rt-table--isResizing{background:#00f;opacity:1}@media(hover:hover){.smwb-rt-table--resizer{opacity:.5}*:hover>.smwb-rt-table--resizer{opacity:1}}
+.smwb-rt-table--resizer{position:absolute;right:0;top:0;height:100%;width:5px;background:#00000080;cursor:col-resize;user-select:none;touch-action:none}.smwb-rt-table--resizer.smwb-rt-table--isResizing{background:#00f;opacity:1}.smwb-head-cell .smwb-head-cell__actions:has(>.smwb-rt-table--resizer:only-child){margin-inline-start:0}@media(hover:hover){.smwb-rt-table--resizer{opacity:.5}.smwb-head-cell:hover .smwb-rt-table--resizer,*:hover>.smwb-rt-table--resizer{opacity:1}}

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

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

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

@@ -1,62 +1,74 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import '../../../assets/styles/less/components/icon/icon.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
 /* empty css                                                   */
-import { forwardRef as L, useSyncExternalStore as C } from "react";
-import N from "clsx";
-import { getIcon as O } from "../../../icons/registry.js";
-import { getIconConfig as R } from "../../../icons/config.js";
-import { subscribeIcons as j } from "../../../icons/store.js";
-import { useIconSource as B } from "./iconProvider.js";
-const E = ["primary", "secondary", "error", "success", "warning", "info", "disabled"], y = /* @__PURE__ */ new Set();
-function T(r) {
-  !R().warnOnMissing || y.has(r) || (y.add(r), console.warn(
+import { forwardRef as N, useSyncExternalStore as O } from "react";
+import R from "clsx";
+import { getIcon as j } from "../../../icons/registry.js";
+import { getIconConfig as B } from "../../../icons/config.js";
+import { subscribeIcons as E } from "../../../icons/store.js";
+import { useIconSource as T } from "./iconProvider.js";
+const z = ["primary", "secondary", "error", "success", "warning", "info", "disabled"], S = /* @__PURE__ */ new Set();
+function A(r) {
+  !B().warnOnMissing || S.has(r) || (S.add(r), console.warn(
     `[smwb] Icon "${r}" is not registered. Register it (import { ${r} } from "@smwb/ui-react/icons") or use source="auto" to fall back to Material Symbols.`
   ));
 }
-const q = L(function({ className: S, weight: a = 400, fill: v = 0, size: n = 20, grade: I = 100, name: o, color: e = "inherit", title: i, source: _, ...u }, x) {
-  var w, b;
-  const m = B(_), d = typeof o == "string" ? o : null, g = () => {
-    var h;
-    return d === null ? null : (h = O(d)) != null ? h : null;
-  }, M = C(j, g, g), s = typeof o == "object" ? o : M, p = typeof o == "string" ? o : o.name, t = m === "google" ? "google" : s ? "smwb" : m === "smwb" ? "missing" : "google";
-  t === "missing" && T(p);
-  const f = i === void 0, $ = e && E.includes(e) ? `smwb-icon_color-${e}` : null, c = typeof n == "number" ? `${n}px` : n, k = Math.round(Math.min(3, Math.max(1, a / 200)) * 100) / 100;
-  return /* @__PURE__ */ l(
+const P = N(function({
+  className: I,
+  weight: d = 400,
+  fill: _ = 0,
+  size: n = 20,
+  grade: v = 100,
+  name: o,
+  color: i = "inherit",
+  title: a,
+  source: x,
+  "data-testid": M = "icon",
+  ...t
+}, $) {
+  var w, h, y;
+  const u = T(x), m = typeof o == "string" ? o : null, g = () => {
+    var p;
+    return m === null ? null : (p = j(m)) != null ? p : null;
+  }, k = O(E, g, g), e = typeof o == "object" ? o : k, f = typeof o == "string" ? o : o.name, s = u === "google" ? "google" : e ? "smwb" : u === "smwb" ? "missing" : "google";
+  s === "missing" && A(f);
+  const b = !(a || t["aria-label"] || t["aria-labelledby"]), L = i && z.includes(i) ? `smwb-icon_color-${i}` : null, l = typeof n == "number" ? `${n}px` : n, C = Math.round(Math.min(3, Math.max(1, d / 200)) * 100) / 100;
+  return /* @__PURE__ */ c(
     "span",
     {
-      ...u,
-      ref: x,
-      "data-testid": "icon",
-      "data-icon-source": t,
-      role: f ? void 0 : "img",
-      "aria-hidden": f ? !0 : void 0,
-      "aria-label": i,
-      title: i,
+      ...t,
+      ref: $,
+      "data-testid": M,
+      "data-icon-source": s,
+      role: (w = t.role) != null ? w : b ? void 0 : "img",
+      "aria-hidden": b ? !0 : t["aria-hidden"],
+      "aria-label": a || t["aria-label"],
+      title: a,
       style: {
-        ...u.style,
-        ...t === "google" ? { fontVariationSettings: `'FILL' ${v}, 'wght' ${a}, 'GRAD' ${I}, 'opsz' 48` } : null
+        ...t.style,
+        ...s === "google" ? { fontVariationSettings: `'FILL' ${_}, 'wght' ${d}, 'GRAD' ${v}, 'opsz' 48` } : null
       },
-      className: N("smwb-icon__wrapper", $, S),
-      children: t === "google" ? /* @__PURE__ */ l("span", { className: "material-symbols-outlined", style: { fontSize: c }, children: p }) : /* @__PURE__ */ l(
+      className: R("smwb-icon__wrapper", L, I),
+      children: s === "google" ? /* @__PURE__ */ c("span", { className: "material-symbols-outlined", style: { fontSize: l }, children: f }) : /* @__PURE__ */ c(
         "svg",
         {
           className: "smwb-icon__svg",
-          viewBox: (w = s == null ? void 0 : s.viewBox) != null ? w : "0 0 24 24",
-          style: { width: c, height: c },
+          viewBox: (h = e == null ? void 0 : e.viewBox) != null ? h : "0 0 24 24",
+          style: { width: l, height: l },
           fill: "none",
           stroke: "currentColor",
-          strokeWidth: k,
+          strokeWidth: C,
           strokeLinecap: "round",
           strokeLinejoin: "round",
           "aria-hidden": "true",
-          dangerouslySetInnerHTML: { __html: (b = s == null ? void 0 : s.body) != null ? b : "" }
+          dangerouslySetInnerHTML: { __html: (y = e == null ? void 0 : e.body) != null ? y : "" }
         }
       )
     }
   );
 });
 export {
-  q as Icon,
-  q as default
+  P as Icon,
+  P as default
 };
 //# 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":["import { forwardRef, HTMLAttributes, useSyncExternalStore } from \"react\";\nimport cn from \"clsx\";\nimport { getIcon } from \"../../../icons/registry\";\nimport { getIconConfig } from \"../../../icons/config\";\nimport { subscribeIcons } from \"../../../icons/store\";\nimport type { IconDefinition, IconSource } from \"../../../icons/types\";\nimport { useIconSource } from \"./iconProvider\";\n\nexport type IconColor = \"inherit\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\" | \"disabled\";\n\nconst COLOR_TOKENS = [\"primary\", \"secondary\", \"error\", \"success\", \"warning\", \"info\", \"disabled\"];\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  // eslint-disable-next-line no-console -- a missing icon is silent otherwise\n  console.warn(\n    `[smwb] Icon \"${name}\" is not registered. Register it (import { ${name} } from \"@smwb/ui-react/icons\") ` +\n      `or use source=\"auto\" to fall back to Material Symbols.`\n  );\n}\n\nexport interface IconProps extends 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-react/icons\";\n   * <Icon name={arrowRightAlt} />\n   * ```\n   */\n  name: string | IconDefinition;\n  className?: string;\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.\n   * Any string is accepted for backward compatibility, but only known\n   * {@link IconColor} tokens emit a color class.\n   */\n  color?: IconColor | (string & {});\n  /**\n   * Accessible name. When provided the icon is exposed as\n   * `role=\"img\"`; 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}\n\nexport const Icon = forwardRef<HTMLSpanElement, IconProps>(function Icon(\n  { className, weight = 400, fill = 0, size = 20, grade = 100, name, color = \"inherit\", title, source, ...props },\n  ref\n) {\n  const resolvedSource = useIconSource(source);\n  const lookup = typeof name === \"string\" ? name : null;\n  // Subscribing keeps late registrations (lazy chunks, Storybook HMR) from\n  // leaving a mounted icon blank. getIcon returns the same object for the same\n  // registration, so the snapshot is stable.\n  const getSnapshot = () => (lookup === null ? null : (getIcon(lookup) ?? null));\n  const registered = useSyncExternalStore(subscribeIcons, getSnapshot, getSnapshot);\n  const definition = typeof name === \"object\" ? name : registered;\n  const glyph = typeof name === \"string\" ? name : name.name;\n\n  const mode =\n    resolvedSource === \"google\" ? \"google\" : definition ? \"smwb\" : resolvedSource === \"smwb\" ? \"missing\" : \"google\";\n  if (mode === \"missing\") warnMissing(glyph);\n\n  const decorative = title === undefined;\n  const colorClass = color && COLOR_TOKENS.includes(color) ? `smwb-icon_color-${color}` : null;\n  const cssSize = typeof size === \"number\" ? `${size}px` : size;\n  const strokeWidth = Math.round(Math.min(3, Math.max(1, weight / 200)) * 100) / 100;\n\n  return (\n    <span\n      {...props}\n      ref={ref}\n      data-testid=\"icon\"\n      data-icon-source={mode}\n      role={decorative ? undefined : \"img\"}\n      aria-hidden={decorative ? true : undefined}\n      aria-label={title}\n      title={title}\n      style={{\n        ...props.style,\n        ...(mode === \"google\"\n          ? { fontVariationSettings: `'FILL' ${fill}, 'wght' ${weight}, 'GRAD' ${grade}, 'opsz' 48` }\n          : null),\n      }}\n      className={cn(\"smwb-icon__wrapper\", colorClass, className)}\n    >\n      {mode === \"google\" ? (\n        <span className=\"material-symbols-outlined\" style={{ fontSize: cssSize }}>\n          {glyph}\n        </span>\n      ) : (\n        <svg\n          className=\"smwb-icon__svg\"\n          viewBox={definition?.viewBox ?? \"0 0 24 24\"}\n          style={{ width: cssSize, height: cssSize }}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          aria-hidden=\"true\"\n          dangerouslySetInnerHTML={{ __html: definition?.body ?? \"\" }}\n        />\n      )}\n    </span>\n  );\n});\n\nexport default Icon;\n"],"names":["COLOR_TOKENS","warned","warnMissing","name","getIconConfig","Icon","forwardRef","className","weight","fill","size","grade","color","title","source","props","ref","resolvedSource","useIconSource","lookup","getSnapshot","_a","getIcon","registered","useSyncExternalStore","subscribeIcons","definition","glyph","mode","decorative","colorClass","cssSize","strokeWidth","jsx","cn","_b"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAe,CAAC,WAAW,aAAa,SAAS,WAAW,WAAW,QAAQ,UAAU,GAEzFC,wBAAa,IAAA;AAEnB,SAASC,EAAYC,GAAoB;AACvC,EAAI,CAACC,EAAA,EAAgB,iBAAiBH,EAAO,IAAIE,CAAI,MACrDF,EAAO,IAAIE,CAAI,GAEf,QAAQ;AAAA,IACN,gBAAgBA,CAAI,8CAA8CA,CAAI;AAAA,EAAA;AAG1E;AA4CO,MAAME,IAAOC,EAAuC,SACzD,EAAE,WAAAC,GAAW,QAAAC,IAAS,KAAK,MAAAC,IAAO,GAAG,MAAAC,IAAO,IAAI,OAAAC,IAAQ,KAAK,MAAAR,GAAM,OAAAS,IAAQ,WAAW,OAAAC,GAAO,QAAAC,GAAQ,GAAGC,EAAA,GACxGC,GACA;;AACA,QAAMC,IAAiBC,EAAcJ,CAAM,GACrCK,IAAS,OAAOhB,KAAS,WAAWA,IAAO,MAI3CiB,IAAc,MAAA;;AAAO,WAAAD,MAAW,OAAO,QAAQE,IAAAC,EAAQH,CAAM,MAAd,OAAAE,IAAmB;AAAA,KAClEE,IAAaC,EAAqBC,GAAgBL,GAAaA,CAAW,GAC1EM,IAAa,OAAOvB,KAAS,WAAWA,IAAOoB,GAC/CI,IAAQ,OAAOxB,KAAS,WAAWA,IAAOA,EAAK,MAE/CyB,IACJX,MAAmB,WAAW,WAAWS,IAAa,SAAST,MAAmB,SAAS,YAAY;AACzG,EAAIW,MAAS,aAAW1B,EAAYyB,CAAK;AAEzC,QAAME,IAAahB,MAAU,QACvBiB,IAAalB,KAASZ,EAAa,SAASY,CAAK,IAAI,mBAAmBA,CAAK,KAAK,MAClFmB,IAAU,OAAOrB,KAAS,WAAW,GAAGA,CAAI,OAAOA,GACnDsB,IAAc,KAAK,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGxB,IAAS,GAAG,CAAC,IAAI,GAAG,IAAI;AAE/E,SACE,gBAAAyB;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGlB;AAAA,MACJ,KAAAC;AAAA,MACA,eAAY;AAAA,MACZ,oBAAkBY;AAAA,MAClB,MAAMC,IAAa,SAAY;AAAA,MAC/B,eAAaA,IAAa,KAAO;AAAA,MACjC,cAAYhB;AAAA,MACZ,OAAAA;AAAA,MACA,OAAO;AAAA,QACL,GAAGE,EAAM;AAAA,QACT,GAAIa,MAAS,WACT,EAAE,uBAAuB,UAAUnB,CAAI,YAAYD,CAAM,YAAYG,CAAK,cAAA,IAC1E;AAAA,MAAA;AAAA,MAEN,WAAWuB,EAAG,sBAAsBJ,GAAYvB,CAAS;AAAA,MAExD,UAAAqB,MAAS,WACR,gBAAAK,EAAC,QAAA,EAAK,WAAU,6BAA4B,OAAO,EAAE,UAAUF,EAAA,GAC5D,UAAAJ,EAAA,CACH,IAEA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,UAASZ,IAAAK,KAAA,gBAAAA,EAAY,YAAZ,OAAAL,IAAuB;AAAA,UAChC,OAAO,EAAE,OAAOU,GAAS,QAAQA,EAAA;AAAA,UACjC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAAC;AAAA,UACA,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,eAAY;AAAA,UACZ,yBAAyB,EAAE,SAAQG,IAAAT,KAAA,gBAAAA,EAAY,SAAZ,OAAAS,IAAoB,GAAA;AAAA,QAAG;AAAA,MAAA;AAAA,IAC5D;AAAA,EAAA;AAIR,CAAC;"}
+{"version":3,"file":"icon.js","sources":["../../../../src/components/base/icon/icon.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, useSyncExternalStore } from \"react\";\nimport cn from \"clsx\";\nimport { getIcon } from \"../../../icons/registry\";\nimport { getIconConfig } from \"../../../icons/config\";\nimport { subscribeIcons } from \"../../../icons/store\";\nimport type { IconDefinition, IconSource } from \"../../../icons/types\";\nimport { useIconSource } from \"./iconProvider\";\n\nexport type IconColor = \"inherit\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\" | \"disabled\";\n\nconst COLOR_TOKENS = [\"primary\", \"secondary\", \"error\", \"success\", \"warning\", \"info\", \"disabled\"];\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  // eslint-disable-next-line no-console -- a missing icon is silent otherwise\n  console.warn(\n    `[smwb] Icon \"${name}\" is not registered. Register it (import { ${name} } from \"@smwb/ui-react/icons\") ` +\n      `or use source=\"auto\" to fall back to Material Symbols.`\n  );\n}\n\nexport interface IconProps extends 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-react/icons\";\n   * <Icon name={arrowRightAlt} />\n   * ```\n   */\n  name: string | IconDefinition;\n  className?: string;\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.\n   * Any string is accepted for backward compatibility, but only known\n   * {@link IconColor} tokens emit a color class.\n   */\n  color?: IconColor | (string & {});\n  /**\n   * Accessible name, also shown as a tooltip. A non-empty `title`,\n   * `aria-label` or `aria-labelledby` names the icon: it is exposed as\n   * `role=\"img\"`, or with the `role` you pass. Without any of them the icon is\n   * decorative and `aria-hidden`.\n   */\n  title?: string;\n  /** Overrides the icon source for this icon only. See {@link IconSource}. */\n  source?: IconSource;\n  /** Test id of the root `<span>`; `icon` unless given. */\n  \"data-testid\"?: string;\n}\n\nexport const Icon = forwardRef<HTMLSpanElement, IconProps>(function Icon(\n  {\n    className,\n    weight = 400,\n    fill = 0,\n    size = 20,\n    grade = 100,\n    name,\n    color = \"inherit\",\n    title,\n    source,\n    \"data-testid\": dataTestId = \"icon\",\n    ...props\n  },\n  ref\n) {\n  const resolvedSource = useIconSource(source);\n  const lookup = typeof name === \"string\" ? name : null;\n  // Subscribing keeps late registrations (lazy chunks, Storybook HMR) from\n  // leaving a mounted icon blank. getIcon returns the same object for the same\n  // registration, so the snapshot is stable.\n  const getSnapshot = () => (lookup === null ? null : (getIcon(lookup) ?? null));\n  const registered = useSyncExternalStore(subscribeIcons, getSnapshot, getSnapshot);\n  const definition = typeof name === \"object\" ? name : registered;\n  const glyph = typeof name === \"string\" ? name : name.name;\n\n  const mode =\n    resolvedSource === \"google\" ? \"google\" : definition ? \"smwb\" : resolvedSource === \"smwb\" ? \"missing\" : \"google\";\n  if (mode === \"missing\") warnMissing(glyph);\n\n  const decorative = !(title || props[\"aria-label\"] || props[\"aria-labelledby\"]);\n  const colorClass = color && COLOR_TOKENS.includes(color) ? `smwb-icon_color-${color}` : null;\n  const cssSize = typeof size === \"number\" ? `${size}px` : size;\n  const strokeWidth = Math.round(Math.min(3, Math.max(1, weight / 200)) * 100) / 100;\n\n  return (\n    <span\n      {...props}\n      ref={ref}\n      data-testid={dataTestId}\n      data-icon-source={mode}\n      // An unnamed icon is hidden over the caller's aria-hidden. A named one is\n      // an image unless the caller gives it a role, and a title names it over\n      // the caller's aria-label.\n      role={props.role ?? (decorative ? undefined : \"img\")}\n      aria-hidden={decorative ? true : props[\"aria-hidden\"]}\n      aria-label={title || props[\"aria-label\"]}\n      title={title}\n      style={{\n        ...props.style,\n        ...(mode === \"google\"\n          ? { fontVariationSettings: `'FILL' ${fill}, 'wght' ${weight}, 'GRAD' ${grade}, 'opsz' 48` }\n          : null),\n      }}\n      className={cn(\"smwb-icon__wrapper\", colorClass, className)}\n    >\n      {mode === \"google\" ? (\n        <span className=\"material-symbols-outlined\" style={{ fontSize: cssSize }}>\n          {glyph}\n        </span>\n      ) : (\n        <svg\n          className=\"smwb-icon__svg\"\n          viewBox={definition?.viewBox ?? \"0 0 24 24\"}\n          style={{ width: cssSize, height: cssSize }}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          aria-hidden=\"true\"\n          dangerouslySetInnerHTML={{ __html: definition?.body ?? \"\" }}\n        />\n      )}\n    </span>\n  );\n});\n\nexport default Icon;\n"],"names":["COLOR_TOKENS","warned","warnMissing","name","getIconConfig","Icon","forwardRef","className","weight","fill","size","grade","color","title","source","dataTestId","props","ref","resolvedSource","useIconSource","lookup","getSnapshot","_a","getIcon","registered","useSyncExternalStore","subscribeIcons","definition","glyph","mode","decorative","colorClass","cssSize","strokeWidth","jsx","cn","_b","_c"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAe,CAAC,WAAW,aAAa,SAAS,WAAW,WAAW,QAAQ,UAAU,GAEzFC,wBAAa,IAAA;AAEnB,SAASC,EAAYC,GAAoB;AACvC,EAAI,CAACC,EAAA,EAAgB,iBAAiBH,EAAO,IAAIE,CAAI,MACrDF,EAAO,IAAIE,CAAI,GAEf,QAAQ;AAAA,IACN,gBAAgBA,CAAI,8CAA8CA,CAAI;AAAA,EAAA;AAG1E;AAgDO,MAAME,IAAOC,EAAuC,SACzD;AAAA,EACE,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,MAAAR;AAAA,EACA,OAAAS,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAeC,IAAa;AAAA,EAC5B,GAAGC;AACL,GACAC,GACA;;AACA,QAAMC,IAAiBC,EAAcL,CAAM,GACrCM,IAAS,OAAOjB,KAAS,WAAWA,IAAO,MAI3CkB,IAAc,MAAA;;AAAO,WAAAD,MAAW,OAAO,QAAQE,IAAAC,EAAQH,CAAM,MAAd,OAAAE,IAAmB;AAAA,KAClEE,IAAaC,EAAqBC,GAAgBL,GAAaA,CAAW,GAC1EM,IAAa,OAAOxB,KAAS,WAAWA,IAAOqB,GAC/CI,IAAQ,OAAOzB,KAAS,WAAWA,IAAOA,EAAK,MAE/C0B,IACJX,MAAmB,WAAW,WAAWS,IAAa,SAAST,MAAmB,SAAS,YAAY;AACzG,EAAIW,MAAS,aAAW3B,EAAY0B,CAAK;AAEzC,QAAME,IAAa,EAAEjB,KAASG,EAAM,YAAY,KAAKA,EAAM,iBAAiB,IACtEe,IAAanB,KAASZ,EAAa,SAASY,CAAK,IAAI,mBAAmBA,CAAK,KAAK,MAClFoB,IAAU,OAAOtB,KAAS,WAAW,GAAGA,CAAI,OAAOA,GACnDuB,IAAc,KAAK,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGzB,IAAS,GAAG,CAAC,IAAI,GAAG,IAAI;AAE/E,SACE,gBAAA0B;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGlB;AAAA,MACJ,KAAAC;AAAA,MACA,eAAaF;AAAA,MACb,oBAAkBc;AAAA,MAIlB,OAAMP,IAAAN,EAAM,SAAN,OAAAM,IAAeQ,IAAa,SAAY;AAAA,MAC9C,eAAaA,IAAa,KAAOd,EAAM,aAAa;AAAA,MACpD,cAAYH,KAASG,EAAM,YAAY;AAAA,MACvC,OAAAH;AAAA,MACA,OAAO;AAAA,QACL,GAAGG,EAAM;AAAA,QACT,GAAIa,MAAS,WACT,EAAE,uBAAuB,UAAUpB,CAAI,YAAYD,CAAM,YAAYG,CAAK,cAAA,IAC1E;AAAA,MAAA;AAAA,MAEN,WAAWwB,EAAG,sBAAsBJ,GAAYxB,CAAS;AAAA,MAExD,UAAAsB,MAAS,WACR,gBAAAK,EAAC,QAAA,EAAK,WAAU,6BAA4B,OAAO,EAAE,UAAUF,EAAA,GAC5D,UAAAJ,EAAA,CACH,IAEA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,UAASE,IAAAT,KAAA,gBAAAA,EAAY,YAAZ,OAAAS,IAAuB;AAAA,UAChC,OAAO,EAAE,OAAOJ,GAAS,QAAQA,EAAA;AAAA,UACjC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAAC;AAAA,UACA,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,eAAY;AAAA,UACZ,yBAAyB,EAAE,SAAQI,IAAAV,KAAA,gBAAAA,EAAY,SAAZ,OAAAU,IAAoB,GAAA;AAAA,QAAG;AAAA,MAAA;AAAA,IAC5D;AAAA,EAAA;AAIR,CAAC;"}

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

@@ -8,12 +8,15 @@ export interface RippleClasses {
 }
 export interface RippleProps extends React.HTMLAttributes<HTMLSpanElement> {
     actionRef: React.Ref<RippleActionsRef>;
+    /** Extra classes: `ripple` for the root, `child` for each ripple. */
     classes?: RippleClasses;
     center?: boolean;
     /** Ripple lifetime in ms. */
     duration?: number;
     /** Ripple color (any CSS color). Defaults to inherited currentColor. */
     color?: string;
+    /** Test id of the root `<span>`; `ripple` unless given. */
+    "data-testid"?: string;
 }
 /**
  * ⚠️ Для правильной работы этого эффекта, установите у компонента родителя CSS: **position: relative;**

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

@@ -1,43 +1,58 @@
 import { jsx as R } from "react/jsx-runtime";
 import '../../../assets/styles/less/components/ripple/ripple.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
 /* empty css                                                       */
-import u, { forwardRef as N } from "react";
-import b from "clsx";
-const I = N(function({ actionRef: x, className: l, classes: i, center: g, style: e, duration: f = 600, color: r, ...a }, C) {
-  const [n, c] = u.useState([]), w = u.useRef(0);
-  return u.useImperativeHandle(
-    x,
+import r, { forwardRef as S } from "react";
+import x from "clsx";
+const H = S(function({ actionRef: b, className: T, classes: e, center: u, duration: m = 600, color: l, "data-testid": y = "ripple", ...C }, E) {
+  const [n, a] = r.useState([]), f = r.useRef(0), p = r.useRef(/* @__PURE__ */ new Set());
+  return r.useEffect(() => {
+    const i = p.current;
+    return () => {
+      i.forEach((g) => clearTimeout(g)), i.clear();
+    };
+  }, []), r.useImperativeHandle(
+    b,
     () => ({
-      onRipple(o) {
-        const t = o.currentTarget.getBoundingClientRect(), d = Math.max(t.width, t.height), p = d / 2;
-        let h, m;
-        g ? (h = t.width > t.height ? 0 : t.width / 2 - p, m = t.height > t.width ? 0 : t.height / 2 - p) : (h = o.clientX - t.left - p, m = o.clientY - t.top - p), c([
+      onRipple(i) {
+        const t = i.currentTarget.getBoundingClientRect(), d = Math.max(t.width, t.height), o = d / 2;
+        let h, c;
+        u ? (h = t.width > t.height ? 0 : t.width / 2 - o, c = t.height > t.width ? 0 : t.height / 2 - o) : (h = i.clientX - t.left - o, c = i.clientY - t.top - o), a([
           ...n,
           /* @__PURE__ */ R(
             "span",
             {
-              className: b("smwb-ripple__child", i == null ? void 0 : i.child),
+              className: x("smwb-ripple__child", e == null ? void 0 : e.child),
               style: {
-                ...e,
                 left: h,
-                top: m,
+                top: c,
                 width: d,
                 height: d,
-                backgroundColor: r != null ? r : e == null ? void 0 : e.backgroundColor
-              },
-              ...a
+                backgroundColor: l
+              }
             },
-            w.current
+            f.current
           )
-        ]), w.current += 1, setTimeout(() => {
-          c((k) => k.slice(1));
-        }, f);
+        ]), f.current += 1;
+        const w = setTimeout(() => {
+          p.current.delete(w), a((N) => N.slice(1));
+        }, m);
+        p.current.add(w);
       }
     }),
-    [a, g, n, i == null ? void 0 : i.child, e, f, r]
-  ), /* @__PURE__ */ R("span", { ref: C, className: b("smwb-ripple", l, i == null ? void 0 : i.ripple), "data-testid": "ripple", "aria-hidden": "true", children: n });
+    [u, n, e == null ? void 0 : e.child, m, l]
+  ), /* @__PURE__ */ R(
+    "span",
+    {
+      ...C,
+      ref: E,
+      className: x("smwb-ripple", T, e == null ? void 0 : e.ripple),
+      "data-testid": y,
+      "aria-hidden": "true",
+      children: n
+    }
+  );
 });
 export {
-  I as Ripple
+  H 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 React, { forwardRef } from \"react\";\nimport cn from \"clsx\";\n\nexport interface RippleActionsRef {\n  onRipple: (event: React.MouseEvent) => void;\n}\n\nexport interface RippleClasses {\n  ripple?: string;\n  child?: string;\n}\n\nexport interface RippleProps extends React.HTMLAttributes<HTMLSpanElement> {\n  actionRef: React.Ref<RippleActionsRef>;\n  classes?: RippleClasses;\n  center?: boolean;\n  /** Ripple lifetime in ms. */\n  duration?: number;\n  /** Ripple color (any CSS color). Defaults to inherited currentColor. */\n  color?: string;\n}\n\n/**\n * ⚠️ Для правильной работы этого эффекта, установите у компонента родителя CSS: **position: relative;**\n */\n\nexport const Ripple = forwardRef<HTMLSpanElement, RippleProps>(function Ripple(\n  { actionRef, className, classes, center, style, duration = 600, color, ...rest },\n  ref\n) {\n  const [ripples, setRipples] = React.useState<React.ReactNode[]>([]);\n  const nextKey = React.useRef<number>(0);\n\n  React.useImperativeHandle(\n    actionRef,\n    () => ({\n      onRipple(event: React.MouseEvent) {\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;\n        let coordY;\n\n        if (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        setRipples([\n          ...ripples,\n          <span\n            key={nextKey.current}\n            className={cn(\"smwb-ripple__child\", classes?.child)}\n            style={{\n              ...style,\n              left: coordX,\n              top: coordY,\n              width: diameter,\n              height: diameter,\n              backgroundColor: color ?? style?.backgroundColor,\n            }}\n            {...rest}\n          />,\n        ]);\n\n        nextKey.current += 1;\n\n        setTimeout(() => {\n          setRipples((prevRipples) => prevRipples.slice(1));\n        }, duration);\n      },\n    }),\n    [rest, center, ripples, classes?.child, style, duration, color]\n  );\n\n  return (\n    <span ref={ref} className={cn(\"smwb-ripple\", className, classes?.ripple)} data-testid=\"ripple\" aria-hidden=\"true\">\n      {ripples}\n    </span>\n  );\n});\n"],"names":["Ripple","forwardRef","actionRef","className","classes","center","style","duration","color","rest","ref","ripples","setRipples","React","nextKey","event","rect","diameter","radius","coordX","coordY","jsx","cn","prevRipples"],"mappings":";;;;;AA4BO,MAAMA,IAASC,EAAyC,SAC7D,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,GAAS,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,IAAW,KAAK,OAAAC,GAAO,GAAGC,EAAA,GAC1EC,GACA;AACA,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAM,SAA4B,CAAA,CAAE,GAC5DC,IAAUD,EAAM,OAAe,CAAC;AAEtC,SAAAA,EAAM;AAAA,IACJX;AAAA,IACA,OAAO;AAAA,MACL,SAASa,GAAyB;AAEhC,cAAMC,IADSD,EAAM,cACD,sBAAA,GACdE,IAAW,KAAK,IAAID,EAAK,OAAOA,EAAK,MAAM,GAC3CE,IAASD,IAAW;AAE1B,YAAIE,GACAC;AAEJ,QAAIf,KACFc,IAASH,EAAK,QAAQA,EAAK,SAAS,IAAIA,EAAK,QAAQ,IAAIE,GACzDE,IAASJ,EAAK,SAASA,EAAK,QAAQ,IAAIA,EAAK,SAAS,IAAIE,MAE1DC,IAASJ,EAAM,UAAUC,EAAK,OAAOE,GACrCE,IAASL,EAAM,UAAUC,EAAK,MAAME,IAGtCN,EAAW;AAAA,UACT,GAAGD;AAAA,UACH,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAWC,EAAG,sBAAsBlB,KAAA,gBAAAA,EAAS,KAAK;AAAA,cAClD,OAAO;AAAA,gBACL,GAAGE;AAAA,gBACH,MAAMa;AAAA,gBACN,KAAKC;AAAA,gBACL,OAAOH;AAAA,gBACP,QAAQA;AAAA,gBACR,iBAAiBT,KAAA,OAAAA,IAASF,KAAA,gBAAAA,EAAO;AAAA,cAAA;AAAA,cAElC,GAAGG;AAAA,YAAA;AAAA,YAVCK,EAAQ;AAAA,UAAA;AAAA,QAWf,CACD,GAEDA,EAAQ,WAAW,GAEnB,WAAW,MAAM;AACf,UAAAF,EAAW,CAACW,MAAgBA,EAAY,MAAM,CAAC,CAAC;AAAA,QAClD,GAAGhB,CAAQ;AAAA,MACb;AAAA,IAAA;AAAA,IAEF,CAACE,GAAMJ,GAAQM,GAASP,KAAA,gBAAAA,EAAS,OAAOE,GAAOC,GAAUC,CAAK;AAAA,EAAA,GAI9D,gBAAAa,EAAC,QAAA,EAAK,KAAAX,GAAU,WAAWY,EAAG,eAAenB,GAAWC,KAAA,gBAAAA,EAAS,MAAM,GAAG,eAAY,UAAS,eAAY,QACxG,UAAAO,GACH;AAEJ,CAAC;"}
+{"version":3,"file":"ripple.js","sources":["../../../../src/components/base/ripple/ripple.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cn from \"clsx\";\n\nexport interface RippleActionsRef {\n  onRipple: (event: React.MouseEvent) => void;\n}\n\nexport interface RippleClasses {\n  ripple?: string;\n  child?: string;\n}\n\nexport interface RippleProps extends React.HTMLAttributes<HTMLSpanElement> {\n  actionRef: React.Ref<RippleActionsRef>;\n  /** Extra classes: `ripple` for the root, `child` for each ripple. */\n  classes?: RippleClasses;\n  center?: boolean;\n  /** Ripple lifetime in ms. */\n  duration?: number;\n  /** Ripple color (any CSS color). Defaults to inherited currentColor. */\n  color?: string;\n  /** Test id of the root `<span>`; `ripple` unless given. */\n  \"data-testid\"?: string;\n}\n\n/**\n * ⚠️ Для правильной работы этого эффекта, установите у компонента родителя CSS: **position: relative;**\n */\n\nexport const Ripple = forwardRef<HTMLSpanElement, RippleProps>(function Ripple(\n  { actionRef, className, classes, center, duration = 600, color, \"data-testid\": dataTestId = \"ripple\", ...rest },\n  ref\n) {\n  const [ripples, setRipples] = React.useState<React.ReactNode[]>([]);\n  const nextKey = React.useRef<number>(0);\n  // Removal timers still pending. Unmounting clears them: one left running would\n  // set state on the unmounted Ripple, and in a test that ends first it fires\n  // after jsdom's teardown, where React's setState throws \"window is not defined\".\n  const timeouts = React.useRef(new Set<ReturnType<typeof setTimeout>>());\n\n  React.useEffect(() => {\n    const pending = timeouts.current;\n    return () => {\n      pending.forEach((timeout) => clearTimeout(timeout));\n      pending.clear();\n    };\n  }, []);\n\n  React.useImperativeHandle(\n    actionRef,\n    () => ({\n      onRipple(event: React.MouseEvent) {\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;\n        let coordY;\n\n        if (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        setRipples([\n          ...ripples,\n          <span\n            key={nextKey.current}\n            className={cn(\"smwb-ripple__child\", classes?.child)}\n            style={{\n              left: coordX,\n              top: coordY,\n              width: diameter,\n              height: diameter,\n              backgroundColor: color,\n            }}\n          />,\n        ]);\n\n        nextKey.current += 1;\n\n        const timeout = setTimeout(() => {\n          timeouts.current.delete(timeout);\n          setRipples((prevRipples) => prevRipples.slice(1));\n        }, duration);\n        timeouts.current.add(timeout);\n      },\n    }),\n    [center, ripples, classes?.child, duration, color]\n  );\n\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      className={cn(\"smwb-ripple\", className, classes?.ripple)}\n      data-testid={dataTestId}\n      aria-hidden=\"true\"\n    >\n      {ripples}\n    </span>\n  );\n});\n"],"names":["Ripple","forwardRef","actionRef","className","classes","center","duration","color","dataTestId","rest","ref","ripples","setRipples","React","nextKey","timeouts","pending","timeout","event","rect","diameter","radius","coordX","coordY","jsx","cn","prevRipples"],"mappings":";;;;;AA+BO,MAAMA,IAASC,EAAyC,SAC7D,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,GAAS,QAAAC,GAAQ,UAAAC,IAAW,KAAK,OAAAC,GAAO,eAAeC,IAAa,UAAU,GAAGC,EAAA,GACzGC,GACA;AACA,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAM,SAA4B,CAAA,CAAE,GAC5DC,IAAUD,EAAM,OAAe,CAAC,GAIhCE,IAAWF,EAAM,OAAO,oBAAI,KAAoC;AAEtE,SAAAA,EAAM,UAAU,MAAM;AACpB,UAAMG,IAAUD,EAAS;AACzB,WAAO,MAAM;AACX,MAAAC,EAAQ,QAAQ,CAACC,MAAY,aAAaA,CAAO,CAAC,GAClDD,EAAQ,MAAA;AAAA,IACV;AAAA,EACF,GAAG,CAAA,CAAE,GAELH,EAAM;AAAA,IACJX;AAAA,IACA,OAAO;AAAA,MACL,SAASgB,GAAyB;AAEhC,cAAMC,IADSD,EAAM,cACD,sBAAA,GACdE,IAAW,KAAK,IAAID,EAAK,OAAOA,EAAK,MAAM,GAC3CE,IAASD,IAAW;AAE1B,YAAIE,GACAC;AAEJ,QAAIlB,KACFiB,IAASH,EAAK,QAAQA,EAAK,SAAS,IAAIA,EAAK,QAAQ,IAAIE,GACzDE,IAASJ,EAAK,SAASA,EAAK,QAAQ,IAAIA,EAAK,SAAS,IAAIE,MAE1DC,IAASJ,EAAM,UAAUC,EAAK,OAAOE,GACrCE,IAASL,EAAM,UAAUC,EAAK,MAAME,IAGtCT,EAAW;AAAA,UACT,GAAGD;AAAA,UACH,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAWC,EAAG,sBAAsBrB,KAAA,gBAAAA,EAAS,KAAK;AAAA,cAClD,OAAO;AAAA,gBACL,MAAMkB;AAAA,gBACN,KAAKC;AAAA,gBACL,OAAOH;AAAA,gBACP,QAAQA;AAAA,gBACR,iBAAiBb;AAAA,cAAA;AAAA,YACnB;AAAA,YARKO,EAAQ;AAAA,UAAA;AAAA,QASf,CACD,GAEDA,EAAQ,WAAW;AAEnB,cAAMG,IAAU,WAAW,MAAM;AAC/B,UAAAF,EAAS,QAAQ,OAAOE,CAAO,GAC/BL,EAAW,CAACc,MAAgBA,EAAY,MAAM,CAAC,CAAC;AAAA,QAClD,GAAGpB,CAAQ;AACX,QAAAS,EAAS,QAAQ,IAAIE,CAAO;AAAA,MAC9B;AAAA,IAAA;AAAA,IAEF,CAACZ,GAAQM,GAASP,KAAA,gBAAAA,EAAS,OAAOE,GAAUC,CAAK;AAAA,EAAA,GAIjD,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGf;AAAA,MACJ,KAAAC;AAAA,MACA,WAAWe,EAAG,eAAetB,GAAWC,KAAA,gBAAAA,EAAS,MAAM;AAAA,MACvD,eAAaI;AAAA,MACb,eAAY;AAAA,MAEX,UAAAG;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

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

@@ -12,6 +12,8 @@ export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
     color?: string;
     /** Extra attributes forwarded to the underlying <img> (srcSet, loading…). */
     imgProps?: ImgHTMLAttributes<HTMLImageElement>;
+    /** Test id of the root `<div>`; `avatar` unless given. */
+    "data-testid"?: string;
 }
 export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & {
     children?: ReactNode | undefined;
@@ -28,6 +30,8 @@ export interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
     surplusAriaLabel?: (count: number) => string;
     /** Size of the "+N" surplus chip: match the avatars in the group. */
     size?: AvatarSize | number;
+    /** Test id of the root `<div>`; `avatar-group` unless given. */
+    "data-testid"?: string;
 }
 export declare const AvatarGroup: import("react").ForwardRefExoticComponent<AvatarGroupProps & {
     children?: ReactNode | undefined;