@homecode/ui 5.15.1 → 5.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/dist/esm/index.js +1 -1
  2. package/dist/esm/src/components/Button/Button.styl.js +1 -1
  3. package/dist/esm/src/components/Checkbox/Checkbox.styl.js +1 -1
  4. package/dist/esm/src/components/FoldedLine/FoldedLine.js +1 -1
  5. package/dist/esm/src/components/Input/Input.styl.js +1 -1
  6. package/dist/esm/src/components/InputFile/InputFile.styl.js +1 -1
  7. package/dist/esm/src/components/InputFile/Item/Item.styl.js +1 -1
  8. package/dist/esm/src/components/Menu/Menu.styl.js +1 -1
  9. package/dist/esm/src/components/NestedMenu/NestedMenu.js +9 -5
  10. package/dist/esm/src/components/NestedMenu/NestedMenu.styl.js +1 -1
  11. package/dist/esm/src/components/Popup/Popup.styl.js +1 -1
  12. package/dist/esm/src/components/RadioButton/RadioButton.styl.js +1 -1
  13. package/dist/esm/src/components/Scroll/Scroll.js +1 -1
  14. package/dist/esm/src/components/Select/Select.hooks.js +1 -1
  15. package/dist/esm/src/components/Select/Select.styl.js +1 -1
  16. package/dist/esm/src/components/Select/Select2.js +1 -1
  17. package/dist/esm/src/components/Shimmer/Shimmer.styl.js +1 -1
  18. package/dist/esm/src/components/Table/Table.styl.js +1 -1
  19. package/dist/esm/src/components/VideoPlayer/VideoPlayer.js +1 -1
  20. package/dist/esm/src/components/VideoPlayer/VideoPlayer.styl.js +2 -2
  21. package/dist/esm/src/hooks/useEvent.js +1 -1
  22. package/dist/esm/src/hooks/useListKeyboardControl.js +1 -1
  23. package/dist/esm/types/src/components/Input/Input.types.d.ts +1 -1
  24. package/dist/esm/types/src/components/NestedMenu/NestedMenu.types.d.ts +4 -2
  25. package/dist/esm/types/src/hooks/useEvent.d.ts +2 -1
  26. package/package.json +3 -2
package/dist/esm/index.js CHANGED
@@ -111,7 +111,7 @@ export { queryParams };
111
111
  export { useAwake } from './src/hooks/useAwake.js';
112
112
  export { useThrottle, useThrottleCallback } from './src/hooks/useThrottle.js';
113
113
  export { useDebounce, useDebounceCallback } from './src/hooks/useDebounce.js';
114
- import 'react';
114
+ export { useEvent } from './src/hooks/useEvent.js';
115
115
  export { useIsMounted } from './src/hooks/useIsMounted.js';
116
116
  export { useListKeyboardControl } from './src/hooks/useListKeyboardControl.js';
117
117
  export { useResizeObserver } from './src/hooks/useResizeObserver.js';
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".Button_root__SZns2{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 0 2px none;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;justify-content:center;line-height:1em;text-decoration:none;transition:.2s ease-out;transition-property:background-color,box-shadow,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Button_root__SZns2:focus,.Button_root__SZns2:hover{background-color:var(--active-color-alpha-100)}.Button_root__SZns2[disabled]{background-color:var(--accent-color-alpha-100);opacity:.4;pointer-events:none}.Button_root__SZns2:active{opacity:.7}.Button_root__SZns2.Button_loading__c4pdo{pointer-events:none}.Button_root__SZns2.Button_checked__X7f58,.Button_root__SZns2.Button_checked__X7f58:focus,.Button_root__SZns2.Button_checked__X7f58:hover{background-color:var(--accent-color)!important;box-shadow:none;color:var(--decent-color)}.Button_root__SZns2.Button_checked__X7f58:focus{box-shadow:0 0 0 2px var(--active-color)}.Button_root__SZns2.Button_checked__X7f58 path{fill:var(--decent-color)}.Button_postfix__DwG-n,.Button_prefix__czqd5{display:flex}.Button_prefix__czqd5:not(:last-child){margin-right:.5em}.Button_postfix__DwG-n:not(:first-child){margin-left:.5em}.Button_size-xs__1leem{border-radius:4px;font-size:14px;min-height:24px;min-width:24px;padding:0 8px}.Button_size-xs__1leem.Button_square__eYSY3{max-height:24px;width:24px}.Button_size-s__-SIY1{border-radius:4px;font-size:16px;min-height:32px;min-width:32px;padding:0 12px}.Button_size-s__-SIY1.Button_square__eYSY3{max-height:32px;width:32px}.Button_size-m__TBXc-{border-radius:6px;font-size:18px;min-height:40px;min-width:40px;padding:0 16px}.Button_size-m__TBXc-.Button_square__eYSY3{max-height:40px;width:40px}.Button_size-l__Sx37T{border-radius:8px;font-size:22px;min-height:48px;min-width:48px;padding:0 20px}.Button_size-l__Sx37T.Button_square__eYSY3{max-height:48px}.Button_size-xl__3LtL-{border-radius:10px;font-size:26px;min-height:56px;min-width:56px;padding:0 24px}.Button_size-xl__3LtL-.Button_square__eYSY3{max-height:56px;width:56px}.Button_square__eYSY3{justify-content:center;padding:0}.Button_round__Bxofy.Button_size-xs__1leem{border-radius:12px}.Button_round__Bxofy.Button_size-s__-SIY1{border-radius:16px}.Button_round__Bxofy.Button_size-m__TBXc-{border-radius:20px}.Button_round__Bxofy.Button_size-l__Sx37T{border-radius:24px}.Button_round__Bxofy.Button_size-xl__3LtL-{border-radius:28px}.Button_variant-clear__z1HZm:active,.Button_variant-clear__z1HZm:focus,.Button_variant-clear__z1HZm:hover,.Button_variant-default__vbo51:active,.Button_variant-default__vbo51:focus,.Button_variant-default__vbo51:hover,.Button_variant-outlined__shnIq:active,.Button_variant-outlined__shnIq:hover,.Button_variant-primary__zhEQI:active,.Button_variant-primary__zhEQI:hover{background-color:var(--active-color-alpha-300)}.Button_variant-text__oCx0X{background-color:transparent}.Button_variant-text__oCx0X:hover{background-color:transparent!important;color:var(--active-color)}.Button_variant-text__oCx0X:focus{background-color:transparent;color:var(--active-color)}.Button_variant-text__oCx0X[disabled]{background-color:transparent!important}.Button_variant-clear__z1HZm{background-color:transparent}.Button_variant-default__vbo51{background-color:var(--accent-color-alpha-100)}.Button_variant-outlined__shnIq{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.Button_variant-outlined__shnIq:focus{background-color:var(--active-color-alpha-300);box-shadow:inset 0 0 0 2px var(--active-color)}.Button_variant-primary__zhEQI{--active-button-color:#000;background-color:var(--active-color);color:#000;color:var(--active-button-color)}.Button_variant-primary__zhEQI:hover{background-color:var(--active-color-alpha-800)}.Button_variant-primary__zhEQI:focus{background-color:var(--active-color);box-shadow:inset 0 0 0 2px var(--accent-color)}.Button_spinner__ttaMr{margin-left:var(--p-3)}";
3
+ var css_248z = ".Button_root__SZns2{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 0 2px none;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;justify-content:center;line-height:1em;text-decoration:none;transition:.2s ease-out;transition-property:background-color,box-shadow,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Button_root__SZns2:focus,.Button_root__SZns2:hover{background-color:var(--active-color-alpha-100)}.Button_root__SZns2[disabled]{background-color:var(--accent-color-alpha-100);opacity:.4;pointer-events:none}.Button_root__SZns2:active{opacity:.7}.Button_root__SZns2.Button_loading__c4pdo{pointer-events:none}.Button_root__SZns2.Button_checked__X7f58,.Button_root__SZns2.Button_checked__X7f58:focus,.Button_root__SZns2.Button_checked__X7f58:hover{background-color:var(--accent-color)!important;box-shadow:none;color:var(--decent-color)}.Button_root__SZns2.Button_checked__X7f58:focus{box-shadow:0 0 0 2px var(--active-color)}.Button_root__SZns2.Button_checked__X7f58 path{fill:var(--decent-color)}.Button_postfix__DwG-n,.Button_prefix__czqd5{display:flex}.Button_prefix__czqd5:not(:last-child){margin-right:.5em}.Button_postfix__DwG-n:not(:first-child){margin-left:.5em}.Button_size-xs__1leem{border-radius:6px;font-size:14px;min-height:24px;min-width:24px;padding:0 8px}.Button_size-xs__1leem.Button_square__eYSY3{max-height:24px;width:24px}.Button_size-s__-SIY1{border-radius:6px;font-size:16px;min-height:32px;min-width:32px;padding:0 12px}.Button_size-s__-SIY1.Button_square__eYSY3{max-height:32px;width:32px}.Button_size-m__TBXc-{border-radius:9px;font-size:18px;min-height:40px;min-width:40px;padding:0 16px}.Button_size-m__TBXc-.Button_square__eYSY3{max-height:40px;width:40px}.Button_size-l__Sx37T{border-radius:12px;font-size:22px;min-height:48px;min-width:48px;padding:0 20px}.Button_size-l__Sx37T.Button_square__eYSY3{max-height:48px}.Button_size-xl__3LtL-{border-radius:15px;font-size:26px;min-height:56px;min-width:56px;padding:0 24px}.Button_size-xl__3LtL-.Button_square__eYSY3{max-height:56px;width:56px}.Button_square__eYSY3{justify-content:center;padding:0}.Button_round__Bxofy.Button_size-xs__1leem{border-radius:12px}.Button_round__Bxofy.Button_size-s__-SIY1{border-radius:16px}.Button_round__Bxofy.Button_size-m__TBXc-{border-radius:20px}.Button_round__Bxofy.Button_size-l__Sx37T{border-radius:24px}.Button_round__Bxofy.Button_size-xl__3LtL-{border-radius:28px}.Button_variant-clear__z1HZm:active,.Button_variant-clear__z1HZm:focus,.Button_variant-clear__z1HZm:hover,.Button_variant-default__vbo51:active,.Button_variant-default__vbo51:focus,.Button_variant-default__vbo51:hover,.Button_variant-outlined__shnIq:active,.Button_variant-outlined__shnIq:hover,.Button_variant-primary__zhEQI:active,.Button_variant-primary__zhEQI:hover{background-color:var(--active-color-alpha-300)}.Button_variant-text__oCx0X{background-color:transparent}.Button_variant-text__oCx0X:hover{background-color:transparent!important;color:var(--active-color)}.Button_variant-text__oCx0X:focus{background-color:transparent;color:var(--active-color)}.Button_variant-text__oCx0X[disabled]{background-color:transparent!important}.Button_variant-clear__z1HZm{background-color:transparent}.Button_variant-default__vbo51{background-color:var(--accent-color-alpha-100)}.Button_variant-outlined__shnIq{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.Button_variant-outlined__shnIq:focus{background-color:var(--active-color-alpha-300);box-shadow:inset 0 0 0 2px var(--active-color)}.Button_variant-primary__zhEQI{--active-button-color:#000;background-color:var(--active-color);color:#000;color:var(--active-button-color)}.Button_variant-primary__zhEQI:hover{background-color:var(--active-color-alpha-800)}.Button_variant-primary__zhEQI:focus{background-color:var(--active-color);box-shadow:inset 0 0 0 2px var(--accent-color)}.Button_spinner__ttaMr{margin-left:var(--p-3)}";
4
4
  var S = {"root":"Button_root__SZns2","loading":"Button_loading__c4pdo","checked":"Button_checked__X7f58","prefix":"Button_prefix__czqd5","postfix":"Button_postfix__DwG-n","size-xs":"Button_size-xs__1leem","square":"Button_square__eYSY3","size-s":"Button_size-s__-SIY1","size-m":"Button_size-m__TBXc-","size-l":"Button_size-l__Sx37T","size-xl":"Button_size-xl__3LtL-","round":"Button_round__Bxofy","variant-clear":"Button_variant-clear__z1HZm","variant-default":"Button_variant-default__vbo51","variant-outlined":"Button_variant-outlined__shnIq","variant-primary":"Button_variant-primary__zhEQI","variant-text":"Button_variant-text__oCx0X","spinner":"Button_spinner__ttaMr"};
5
5
  styleInject(css_248z);
6
6
 
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".Checkbox_root__4nsMp{align-items:center;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Checkbox_disabled__mcg2G{opacity:.4;pointer-events:none}.Checkbox_controlWrapper__bHYKO{border-radius:var(--border-radius-m);display:block;margin-right:1em;position:relative;transition:.2s ease-out;transition-property:opacity,box-shadow}.Checkbox_variant-default__ck-xT .Checkbox_controlWrapper__bHYKO{background-color:var(--accent-color-alpha-100)}.Checkbox_variant-outlined__dtjX- .Checkbox_controlWrapper__bHYKO{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.Checkbox_root__4nsMp:hover .Checkbox_controlWrapper__bHYKO{background-color:var(--active-color-alpha-100)}.Checkbox_isActive__uu6VN .Checkbox_controlWrapper__bHYKO,.Checkbox_isFocused__fMPy3 .Checkbox_controlWrapper__bHYKO{box-shadow:inset 0 0 0 2px var(--active-color)!important}.Checkbox_hasError__YUP6n .Checkbox_controlWrapper__bHYKO{box-shadow:inset 0 0 0 2px var(--danger-color)!important}.Checkbox_isActive__uu6VN .Checkbox_controlWrapper__bHYKO{background-color:var(--active-color-alpha-100);opacity:.7}.Checkbox_control__SAuxo{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 0 2px none;box-sizing:border-box;cursor:pointer;transition:.2s ease-out;transition-property:background-color,box-shadow,opacity;transition:.1s ease-out;transition-property:background-color,color}.Checkbox_control__SAuxo:focus,.Checkbox_control__SAuxo:hover{background-color:var(--active-color-alpha-100)}.Checkbox_control__SAuxo[disabled]{background-color:var(--accent-color-alpha-100);opacity:.4;pointer-events:none}.Checkbox_checkmark__FrCws{height:100%!important;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scale(.6) rotateY(-90deg);transition:.1s ease-in;transition-property:transform,opacity;width:100%!important}.Checkbox_checked__ZREOF .Checkbox_checkmark__FrCws{opacity:1;transform:scale(.6)}.Checkbox_size-xs__ez0-h{font-size:14px}.Checkbox_size-xs__ez0-h .Checkbox_controlWrapper__bHYKO{border-radius:4px;min-height:24px;min-width:24px}.Checkbox_size-s__T8-y2{font-size:16px}.Checkbox_size-s__T8-y2 .Checkbox_controlWrapper__bHYKO{border-radius:4px;min-height:32px;min-width:32px}.Checkbox_size-m__LCe6f{font-size:18px}.Checkbox_size-m__LCe6f .Checkbox_controlWrapper__bHYKO{border-radius:6px;min-height:40px;min-width:40px}.Checkbox_size-l__U-WS4{font-size:22px}.Checkbox_size-l__U-WS4 .Checkbox_controlWrapper__bHYKO{border-radius:8px;min-height:48px;min-width:48px}.Checkbox_size-xl__mlFb0{font-size:26px}.Checkbox_size-xl__mlFb0 .Checkbox_controlWrapper__bHYKO{border-radius:10px;min-height:56px;min-width:56px}";
3
+ var css_248z = ".Checkbox_root__4nsMp{align-items:center;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Checkbox_disabled__mcg2G{opacity:.4;pointer-events:none}.Checkbox_controlWrapper__bHYKO{border-radius:var(--border-radius-m);display:block;margin-right:1em;position:relative;transition:.2s ease-out;transition-property:opacity,box-shadow}.Checkbox_variant-default__ck-xT .Checkbox_controlWrapper__bHYKO{background-color:var(--accent-color-alpha-100)}.Checkbox_variant-outlined__dtjX- .Checkbox_controlWrapper__bHYKO{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.Checkbox_root__4nsMp:hover .Checkbox_controlWrapper__bHYKO{background-color:var(--active-color-alpha-100)}.Checkbox_isActive__uu6VN .Checkbox_controlWrapper__bHYKO,.Checkbox_isFocused__fMPy3 .Checkbox_controlWrapper__bHYKO{box-shadow:inset 0 0 0 2px var(--active-color)!important}.Checkbox_hasError__YUP6n .Checkbox_controlWrapper__bHYKO{box-shadow:inset 0 0 0 2px var(--danger-color)!important}.Checkbox_isActive__uu6VN .Checkbox_controlWrapper__bHYKO{background-color:var(--active-color-alpha-100);opacity:.7}.Checkbox_control__SAuxo{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 0 2px none;box-sizing:border-box;cursor:pointer;transition:.2s ease-out;transition-property:background-color,box-shadow,opacity;transition:.1s ease-out;transition-property:background-color,color}.Checkbox_control__SAuxo:focus,.Checkbox_control__SAuxo:hover{background-color:var(--active-color-alpha-100)}.Checkbox_control__SAuxo[disabled]{background-color:var(--accent-color-alpha-100);opacity:.4;pointer-events:none}.Checkbox_checkmark__FrCws{height:100%!important;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scale(.6) rotateY(-90deg);transition:.1s ease-in;transition-property:transform,opacity;width:100%!important}.Checkbox_checked__ZREOF .Checkbox_checkmark__FrCws{opacity:1;transform:scale(.6)}.Checkbox_size-xs__ez0-h{font-size:14px}.Checkbox_size-xs__ez0-h .Checkbox_controlWrapper__bHYKO{border-radius:6px;min-height:24px;min-width:24px}.Checkbox_size-s__T8-y2{font-size:16px}.Checkbox_size-s__T8-y2 .Checkbox_controlWrapper__bHYKO{border-radius:6px;min-height:32px;min-width:32px}.Checkbox_size-m__LCe6f{font-size:18px}.Checkbox_size-m__LCe6f .Checkbox_controlWrapper__bHYKO{border-radius:9px;min-height:40px;min-width:40px}.Checkbox_size-l__U-WS4{font-size:22px}.Checkbox_size-l__U-WS4 .Checkbox_controlWrapper__bHYKO{border-radius:12px;min-height:48px;min-width:48px}.Checkbox_size-xl__mlFb0{font-size:26px}.Checkbox_size-xl__mlFb0 .Checkbox_controlWrapper__bHYKO{border-radius:15px;min-height:56px;min-width:56px}";
4
4
  var S = {"root":"Checkbox_root__4nsMp","disabled":"Checkbox_disabled__mcg2G","controlWrapper":"Checkbox_controlWrapper__bHYKO","variant-default":"Checkbox_variant-default__ck-xT","variant-outlined":"Checkbox_variant-outlined__dtjX-","isActive":"Checkbox_isActive__uu6VN","isFocused":"Checkbox_isFocused__fMPy3","hasError":"Checkbox_hasError__YUP6n","control":"Checkbox_control__SAuxo","checkmark":"Checkbox_checkmark__FrCws","checked":"Checkbox_checked__ZREOF","size-xs":"Checkbox_size-xs__ez0-h","size-s":"Checkbox_size-s__T8-y2","size-m":"Checkbox_size-m__LCe6f","size-l":"Checkbox_size-l__U-WS4","size-xl":"Checkbox_size-xl__mlFb0"};
5
5
  styleInject(css_248z);
6
6
 
@@ -53,7 +53,7 @@ function FoldedLine({ trigger, children, defaultFolded = true, className, folded
53
53
  return (jsxs("div", { className: cn(S.root, isFolded && S.folded, Boolean(children) && S.hasChildren, isClear && S.clear, className), onClick: handleClick, children: [jsxs("div", { ref: triggerRef, className: cn(Boolean(children) && S.triggerInteractive), children: [typeof trigger === 'function' ? trigger(isFolded) : trigger, showChevron && jsx(Icon, { type: "chevronDown", className: S.chevron })] }), !isFolded && children && (jsx("div", { className: S.content, children: jsxs(FoldedLineActionsProvider, { registerAction: registerAction, children: [contentScrolling ? (jsx(Scroll, { y: true, size: "s", autoHide: true, className: S.scroll, innerClassName: S.scrollInner, offset: { y: { before: 4, after: 14 } }, onInnerRef: onScrollInnerRef, onScroll: onScrollInner, children: children })) : (jsx("div", { className: S.scrollInner, children: children })), jsxs("div", { className: S.actions, children: [Array.from(actions.values()), !hideFoldButton && (jsxs(Button, { size: "xs", onClick: e => {
54
54
  e.stopPropagation();
55
55
  setFolded(true);
56
- }, children: [jsx(Icon, { type: "chevronUp", size: "s" }), "Fold"] }))] })] }) }))] }));
56
+ }, children: [jsx(Icon, { type: "chevronUp", size: "xs" }), "\u00A0Fold"] }))] })] }) }))] }));
57
57
  }
58
58
 
59
59
  export { FoldedLine };
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".Input_root__kj4vQ{color:var(--accent-color);position:relative}.Input_root__kj4vQ.Input_isTextArea__1a6n1{max-height:10em}.Input_main__M6Qxb,.Input_root__kj4vQ{width:100%}.Input_controlWrapper__WgrZL,.Input_root__kj4vQ{max-width:100%}.Input_main__M6Qxb{border-radius:inherit;display:flex;max-width:100%;position:relative}.Input_main__M6Qxb.Input_clearPaddingRight__sGl9l{padding-right:0!important}.Input_main__M6Qxb.Input_clearPaddingLeft__LBlwM{padding-left:0!important}.Input_isTextArea__1a6n1 .Input_main__M6Qxb{height:auto;max-height:inherit!important}.Input_border__01i-B{background-color:var(--accent-color-alpha-100);border-radius:inherit;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:.15s ease-out;transition-property:box-shadow,border-color,background-color;z-index:0}.Input_root__kj4vQ:hover .Input_border__01i-B{background-color:var(--active-color-alpha-100)}.Input_variant-clean__yjtdm .Input_border__01i-B{background-color:transparent}.Input_isFocused__9jtFN.Input_variant-clean__yjtdm .Input_border__01i-B{background-color:var(--active-color-alpha-300)}.Input_variant-default__frNbg .Input_border__01i-B{background-color:var(--accent-color-alpha-100)}.Input_isFocused__9jtFN.Input_variant-default__frNbg .Input_border__01i-B{background-color:var(--active-color-alpha-300)}.Input_variant-outlined__qKjnJ .Input_border__01i-B{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.Input_isFocused__9jtFN.Input_variant-outlined__qKjnJ .Input_border__01i-B{background-color:var(--active-color-alpha-300);box-shadow:inset 0 0 0 2px var(--active-color)}.Input_hasError__5iS2M .Input_variant-outlined__qKjnJ .Input_border__01i-B,.Input_hasError__5iS2M:hover .Input_variant-outlined__qKjnJ .Input_border__01i-B{box-shadow:inset 0 0 0 2px var(--danger-color)}.Input_isDisabled__e7J10.Input_variant-outlined__qKjnJ .Input_border__01i-B{box-shadow:none}.Input_size-xs__b5Kx7{font-size:14px}.Input_size-xs__b5Kx7 .Input_main__M6Qxb{border-radius:4px;font-size:14px;min-height:24px;min-width:24px;padding:0 0 0 8px}.Input_round__yJr-2.Input_size-xs__b5Kx7 .Input_main__M6Qxb{border-radius:12px}.Input_size-s__-U0r-{font-size:16px}.Input_size-s__-U0r- .Input_main__M6Qxb{border-radius:4px;font-size:16px;min-height:32px;min-width:32px;padding:0 0 0 12px}.Input_round__yJr-2.Input_size-s__-U0r- .Input_main__M6Qxb{border-radius:16px}.Input_size-m__jTEMl{font-size:18px}.Input_size-m__jTEMl .Input_main__M6Qxb{border-radius:6px;font-size:18px;min-height:40px;min-width:40px;padding:0 0 0 16px}.Input_round__yJr-2.Input_size-m__jTEMl .Input_main__M6Qxb{border-radius:20px}.Input_size-l__BR-zg{font-size:22px}.Input_size-l__BR-zg .Input_main__M6Qxb{border-radius:8px;font-size:22px;min-height:48px;min-width:48px;padding:0 0 0 20px}.Input_round__yJr-2.Input_size-l__BR-zg .Input_main__M6Qxb{border-radius:24px}.Input_size-xl__o-R-1{font-size:26px}.Input_size-xl__o-R-1 .Input_main__M6Qxb{border-radius:10px;font-size:26px;min-height:56px;min-width:56px;padding:0 0 0 24px}.Input_round__yJr-2.Input_size-xl__o-R-1 .Input_main__M6Qxb{border-radius:28px}.Input_isDisabled__e7J10{color:var(--accent-color-alpha-500);opacity:.4}.Input_addonLeft__i1c70,.Input_addonRight__A9Iht,.Input_control__wZcMD{font-size:inherit;font-weight:400}.Input_labelGap__T6fAj{opacity:0;pointer-events:none;position:absolute}.Input_isTextArea__1a6n1 .Input_label__FT90l{max-height:40px}.Input_scroller__OBm8M{max-height:100%;width:100%}.Input_controlWrapper__WgrZL{flex:1}.Input_control__wZcMD{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;box-shadow:none;box-shadow:inset 0 0 0 2px none;color:inherit;display:inline-flex;filter:none;flex-grow:1;height:100%;min-width:30px;position:relative;text-overflow:ellipsis;transition:border-color .15s ease-in-out 0s;width:100%}.Input_control__wZcMD:-internal-autofill-selected,.Input_control__wZcMD:-webkit-autofill{animation-fill-mode:both;animation-name:Input_clearBg__jqI1h}.Input_size-xs__b5Kx7 .Input_control__wZcMD{padding-right:10px}.Input_size-s__-U0r- .Input_control__wZcMD{padding-right:12px}.Input_size-m__jTEMl .Input_control__wZcMD{padding-right:16px}.Input_size-l__BR-zg .Input_control__wZcMD{padding-right:20px}.Input_size-xl__o-R-1 .Input_control__wZcMD{padding-right:22px}.Input_size-xs__b5Kx7.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:20px}.Input_size-s__-U0r-.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:24px}.Input_size-m__jTEMl.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:34px}.Input_size-l__BR-zg.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:36px}.Input_size-xl__o-R-1.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:40px}.Input_control__wZcMD::-moz-placeholder{color:var(--accent-color-alpha-500)}.Input_control__wZcMD::placeholder{color:var(--accent-color-alpha-500)}.Input_control__wZcMD::-moz-selection{background-color:var(--active-color-alpha-300)}.Input_control__wZcMD::selection{background-color:var(--active-color-alpha-300)}.Input_isTextArea__1a6n1 .Input_control__wZcMD{display:block;height:100%;min-height:100%;width:100%}.Input_isTextArea__1a6n1 .Input_control__wZcMD:hover{cursor:text}.Input_isTextArea__1a6n1 .Input_control__wZcMD:after{content:\"\";display:block}.Input_control__wZcMD[type=number]{-moz-appearance:textfield;margin-right:14px}.Input_control__wZcMD[type=number]::-webkit-inner-spin-button,.Input_control__wZcMD[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.Input_numberArrows__8jveR{display:flex;flex-direction:column;height:100%;position:absolute;right:0}.Input_numberArrows__8jveR>button{background-color:transparent!important;height:50%;max-height:none;min-height:0;min-height:auto;opacity:.5;padding-left:0;padding-right:0;transition:opacity .1s ease-out;width:50%}.Input_numberArrows__8jveR>button:hover{opacity:1}.Input_size-xs__b5Kx7 .Input_numberArrows__8jveR>button{min-width:19.2px}.Input_size-s__-U0r- .Input_numberArrows__8jveR>button{min-width:25.6px}.Input_size-m__jTEMl .Input_numberArrows__8jveR>button{min-width:32px}.Input_size-l__BR-zg .Input_numberArrows__8jveR>button{min-width:38.4px}.Input_size-xl__o-R-1 .Input_numberArrows__8jveR>button{min-width:44.8px}.Input_numberArrows__8jveR>button>svg{transform:scale(.8)}.Input_numberArrows__8jveR>button:first-child>svg{margin-bottom:-5%}.Input_numberArrows__8jveR>button:last-child>svg{margin-top:-5%}.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding-left:0!important}.Input_size-xs__b5Kx7.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-xs__b5Kx7.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:6px 12px 0 8px}.Input_size-xs__b5Kx7.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-xs__b5Kx7.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:6px}.Input_size-s__-U0r-.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-s__-U0r-.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:8px 16px 0 12px}.Input_size-s__-U0r-.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-s__-U0r-.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:8px}.Input_size-m__jTEMl.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-m__jTEMl.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:10px 20px 0 16px}.Input_size-m__jTEMl.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-m__jTEMl.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:10px}.Input_size-l__BR-zg.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-l__BR-zg.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:12px 24px 0 20px}.Input_size-l__BR-zg.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-l__BR-zg.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:12px}.Input_size-xl__o-R-1.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-xl__o-R-1.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:14px 28px 0 24px}.Input_size-xl__o-R-1.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-xl__o-R-1.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:14px}.Input_placeholder__DRYLA{display:inline-block;left:0;max-width:100%;opacity:.4;overflow:hidden;padding:inherit;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap}.Input_addonLeft__i1c70,.Input_addonRight__A9Iht{align-items:center;display:inline-flex;flex-shrink:0;min-width:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.Input_addonLeft__i1c70>span,.Input_addonRight__A9Iht>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Input_size-xs__b5Kx7 .Input_addonLeft__i1c70{margin-right:calc(var(--p-2)/2)}.Input_size-s__-U0r- .Input_addonLeft__i1c70{margin-right:calc(var(--p-3)/2)}.Input_size-m__jTEMl .Input_addonLeft__i1c70{margin-right:calc(var(--p-5)/2)}.Input_size-l__BR-zg .Input_addonLeft__i1c70{margin-right:calc(var(--p-8)/2)}.Input_size-xl__o-R-1 .Input_addonLeft__i1c70{margin-right:calc(var(--p-10)/2)}.Input_size-xs__b5Kx7 .Input_addonRight__A9Iht{margin-left:calc(var(--p-2)/2)}.Input_size-s__-U0r- .Input_addonRight__A9Iht{margin-left:calc(var(--p-3)/2)}.Input_size-m__jTEMl .Input_addonRight__A9Iht{margin-left:calc(var(--p-5)/2)}.Input_size-l__BR-zg .Input_addonRight__A9Iht{margin-left:calc(var(--p-8)/2)}.Input_size-xl__o-R-1 .Input_addonRight__A9Iht{margin-left:calc(var(--p-10)/2)}.Input_requiredStar__6MeQ4{background-color:var(--warning-color);border-radius:50%;height:8px;opacity:.8;pointer-events:none;position:absolute;width:8px}.Input_isDisabled__e7J10 .Input_requiredStar__6MeQ4{display:none}.Input_size-xs__b5Kx7 .Input_requiredStar__6MeQ4{right:3px;top:3px}.Input_size-s__-U0r- .Input_requiredStar__6MeQ4{right:4px;top:4px}.Input_size-m__jTEMl .Input_requiredStar__6MeQ4{right:6px;top:6px}.Input_size-l__BR-zg .Input_requiredStar__6MeQ4{right:8px;top:8px}.Input_size-xl__o-R-1 .Input_requiredStar__6MeQ4{right:10px;top:10px}.Input_isDisabled__e7J10{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Input_clearButton__0E-9L{bottom:1px;height:auto;position:absolute;right:0;top:0;z-index:1}.Input_clearButton__0E-9L:hover{background-color:var(--accent-color-alpha-0)!important}.Input_clearIcon__Gi1Nc{flex-shrink:0;opacity:.3;transition:opacity .2s ease-out}.Input_clearButton__0E-9L:hover .Input_clearIcon__Gi1Nc{opacity:.8}.Input_size-xs__b5Kx7 .Input_clearIcon__Gi1Nc{height:8px;width:8px}.Input_size-s__-U0r- .Input_clearIcon__Gi1Nc{height:10px;width:10px}.Input_size-m__jTEMl .Input_clearIcon__Gi1Nc{height:12px;width:12px}.Input_size-l__BR-zg .Input_clearIcon__Gi1Nc{height:14px;width:14px}.Input_size-xl__o-R-1 .Input_clearIcon__Gi1Nc{height:16px;width:16px}@supports (field-sizing:content){.Input_root__kj4vQ.Input_fitContentWidth__H0MTc,.Input_root__kj4vQ.Input_fitContentWidth__H0MTc .Input_main__M6Qxb{max-width:100%;width:-moz-fit-content;width:fit-content}.Input_root__kj4vQ.Input_fitContentWidth__H0MTc .Input_controlWrapper__WgrZL{flex:0 1 auto;max-width:100%;width:-moz-fit-content;width:fit-content}.Input_root__kj4vQ.Input_fitContentWidth__H0MTc .Input_control__wZcMD{field-sizing:content;flex-grow:0;max-width:100%;width:auto}}";
3
+ var css_248z = ".Input_root__kj4vQ{color:var(--accent-color);position:relative}.Input_root__kj4vQ.Input_isTextArea__1a6n1{max-height:10em}.Input_main__M6Qxb,.Input_root__kj4vQ{width:100%}.Input_controlWrapper__WgrZL,.Input_root__kj4vQ{max-width:100%}.Input_main__M6Qxb{border-radius:inherit;display:flex;max-width:100%;position:relative}.Input_main__M6Qxb.Input_clearPaddingRight__sGl9l{padding-right:0!important}.Input_main__M6Qxb.Input_clearPaddingLeft__LBlwM{padding-left:0!important}.Input_isTextArea__1a6n1 .Input_main__M6Qxb{height:auto;max-height:inherit!important}.Input_border__01i-B{background-color:var(--accent-color-alpha-100);border-radius:inherit;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:.15s ease-out;transition-property:box-shadow,border-color,background-color;z-index:0}.Input_root__kj4vQ:hover .Input_border__01i-B{background-color:var(--active-color-alpha-100)}.Input_variant-clean__yjtdm .Input_border__01i-B{background-color:transparent}.Input_isFocused__9jtFN.Input_variant-clean__yjtdm .Input_border__01i-B{background-color:var(--active-color-alpha-300)}.Input_variant-default__frNbg .Input_border__01i-B{background-color:var(--accent-color-alpha-100)}.Input_isFocused__9jtFN.Input_variant-default__frNbg .Input_border__01i-B{background-color:var(--active-color-alpha-300)}.Input_variant-outlined__qKjnJ .Input_border__01i-B{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.Input_isFocused__9jtFN.Input_variant-outlined__qKjnJ .Input_border__01i-B{background-color:var(--active-color-alpha-300);box-shadow:inset 0 0 0 2px var(--active-color)}.Input_hasError__5iS2M .Input_variant-outlined__qKjnJ .Input_border__01i-B,.Input_hasError__5iS2M:hover .Input_variant-outlined__qKjnJ .Input_border__01i-B{box-shadow:inset 0 0 0 2px var(--danger-color)}.Input_isDisabled__e7J10.Input_variant-outlined__qKjnJ .Input_border__01i-B{box-shadow:none}.Input_size-xs__b5Kx7{font-size:14px}.Input_size-xs__b5Kx7 .Input_main__M6Qxb{border-radius:6px;font-size:14px;min-height:24px;min-width:24px;padding:0 0 0 8px}.Input_round__yJr-2.Input_size-xs__b5Kx7 .Input_main__M6Qxb{border-radius:12px}.Input_size-s__-U0r-{font-size:16px}.Input_size-s__-U0r- .Input_main__M6Qxb{border-radius:6px;font-size:16px;min-height:32px;min-width:32px;padding:0 0 0 12px}.Input_round__yJr-2.Input_size-s__-U0r- .Input_main__M6Qxb{border-radius:16px}.Input_size-m__jTEMl{font-size:18px}.Input_size-m__jTEMl .Input_main__M6Qxb{border-radius:9px;font-size:18px;min-height:40px;min-width:40px;padding:0 0 0 16px}.Input_round__yJr-2.Input_size-m__jTEMl .Input_main__M6Qxb{border-radius:20px}.Input_size-l__BR-zg{font-size:22px}.Input_size-l__BR-zg .Input_main__M6Qxb{border-radius:12px;font-size:22px;min-height:48px;min-width:48px;padding:0 0 0 20px}.Input_round__yJr-2.Input_size-l__BR-zg .Input_main__M6Qxb{border-radius:24px}.Input_size-xl__o-R-1{font-size:26px}.Input_size-xl__o-R-1 .Input_main__M6Qxb{border-radius:15px;font-size:26px;min-height:56px;min-width:56px;padding:0 0 0 24px}.Input_round__yJr-2.Input_size-xl__o-R-1 .Input_main__M6Qxb{border-radius:28px}.Input_isDisabled__e7J10{color:var(--accent-color-alpha-500);opacity:.4}.Input_addonLeft__i1c70,.Input_addonRight__A9Iht,.Input_control__wZcMD{font-size:inherit;font-weight:400}.Input_labelGap__T6fAj{opacity:0;pointer-events:none;position:absolute}.Input_isTextArea__1a6n1 .Input_label__FT90l{max-height:40px}.Input_scroller__OBm8M{max-height:100%;width:100%}.Input_controlWrapper__WgrZL{flex:1}.Input_control__wZcMD{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;box-shadow:none;box-shadow:inset 0 0 0 2px none;color:inherit;display:inline-flex;filter:none;flex-grow:1;height:100%;min-width:30px;position:relative;text-overflow:ellipsis;transition:border-color .15s ease-in-out 0s;width:100%}.Input_control__wZcMD:-internal-autofill-selected,.Input_control__wZcMD:-webkit-autofill{animation-fill-mode:both;animation-name:Input_clearBg__jqI1h}.Input_size-xs__b5Kx7 .Input_control__wZcMD{padding-right:10px}.Input_size-s__-U0r- .Input_control__wZcMD{padding-right:12px}.Input_size-m__jTEMl .Input_control__wZcMD{padding-right:16px}.Input_size-l__BR-zg .Input_control__wZcMD{padding-right:20px}.Input_size-xl__o-R-1 .Input_control__wZcMD{padding-right:22px}.Input_size-xs__b5Kx7.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:20px}.Input_size-s__-U0r-.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:24px}.Input_size-m__jTEMl.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:34px}.Input_size-l__BR-zg.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:36px}.Input_size-xl__o-R-1.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:40px}.Input_control__wZcMD::-moz-placeholder{color:var(--accent-color-alpha-500)}.Input_control__wZcMD::placeholder{color:var(--accent-color-alpha-500)}.Input_control__wZcMD::-moz-selection{background-color:var(--active-color-alpha-300)}.Input_control__wZcMD::selection{background-color:var(--active-color-alpha-300)}.Input_isTextArea__1a6n1 .Input_control__wZcMD{display:block;height:100%;min-height:100%;width:100%}.Input_isTextArea__1a6n1 .Input_control__wZcMD:hover{cursor:text}.Input_isTextArea__1a6n1 .Input_control__wZcMD:after{content:\"\";display:block}.Input_control__wZcMD[type=number]{-moz-appearance:textfield;margin-right:14px}.Input_control__wZcMD[type=number]::-webkit-inner-spin-button,.Input_control__wZcMD[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.Input_numberArrows__8jveR{display:flex;flex-direction:column;height:100%;position:absolute;right:0}.Input_numberArrows__8jveR>button{background-color:transparent!important;height:50%;max-height:none;min-height:0;min-height:auto;opacity:.5;padding-left:0;padding-right:0;transition:opacity .1s ease-out;width:50%}.Input_numberArrows__8jveR>button:hover{opacity:1}.Input_size-xs__b5Kx7 .Input_numberArrows__8jveR>button{min-width:19.2px}.Input_size-s__-U0r- .Input_numberArrows__8jveR>button{min-width:25.6px}.Input_size-m__jTEMl .Input_numberArrows__8jveR>button{min-width:32px}.Input_size-l__BR-zg .Input_numberArrows__8jveR>button{min-width:38.4px}.Input_size-xl__o-R-1 .Input_numberArrows__8jveR>button{min-width:44.8px}.Input_numberArrows__8jveR>button>svg{transform:scale(.8)}.Input_numberArrows__8jveR>button:first-child>svg{margin-bottom:-5%}.Input_numberArrows__8jveR>button:last-child>svg{margin-top:-5%}.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding-left:0!important}.Input_size-xs__b5Kx7.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-xs__b5Kx7.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:6px 12px 0 8px}.Input_size-xs__b5Kx7.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-xs__b5Kx7.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:6px}.Input_size-s__-U0r-.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-s__-U0r-.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:8px 16px 0 12px}.Input_size-s__-U0r-.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-s__-U0r-.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:8px}.Input_size-m__jTEMl.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-m__jTEMl.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:10px 20px 0 16px}.Input_size-m__jTEMl.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-m__jTEMl.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:10px}.Input_size-l__BR-zg.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-l__BR-zg.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:12px 24px 0 20px}.Input_size-l__BR-zg.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-l__BR-zg.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:12px}.Input_size-xl__o-R-1.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-xl__o-R-1.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:14px 28px 0 24px}.Input_size-xl__o-R-1.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-xl__o-R-1.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:14px}.Input_placeholder__DRYLA{display:inline-block;left:0;max-width:100%;opacity:.4;overflow:hidden;padding:inherit;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap}.Input_addonLeft__i1c70,.Input_addonRight__A9Iht{align-items:center;display:inline-flex;flex-shrink:0;min-width:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.Input_addonLeft__i1c70>span,.Input_addonRight__A9Iht>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Input_size-xs__b5Kx7 .Input_addonLeft__i1c70{margin-right:calc(var(--p-2)/2)}.Input_size-s__-U0r- .Input_addonLeft__i1c70{margin-right:calc(var(--p-3)/2)}.Input_size-m__jTEMl .Input_addonLeft__i1c70{margin-right:calc(var(--p-5)/2)}.Input_size-l__BR-zg .Input_addonLeft__i1c70{margin-right:calc(var(--p-8)/2)}.Input_size-xl__o-R-1 .Input_addonLeft__i1c70{margin-right:calc(var(--p-10)/2)}.Input_size-xs__b5Kx7 .Input_addonRight__A9Iht{margin-left:calc(var(--p-2)/2)}.Input_size-s__-U0r- .Input_addonRight__A9Iht{margin-left:calc(var(--p-3)/2)}.Input_size-m__jTEMl .Input_addonRight__A9Iht{margin-left:calc(var(--p-5)/2)}.Input_size-l__BR-zg .Input_addonRight__A9Iht{margin-left:calc(var(--p-8)/2)}.Input_size-xl__o-R-1 .Input_addonRight__A9Iht{margin-left:calc(var(--p-10)/2)}.Input_requiredStar__6MeQ4{background-color:var(--warning-color);border-radius:50%;height:8px;opacity:.8;pointer-events:none;position:absolute;width:8px}.Input_isDisabled__e7J10 .Input_requiredStar__6MeQ4{display:none}.Input_size-xs__b5Kx7 .Input_requiredStar__6MeQ4{right:3px;top:3px}.Input_size-s__-U0r- .Input_requiredStar__6MeQ4{right:4px;top:4px}.Input_size-m__jTEMl .Input_requiredStar__6MeQ4{right:6px;top:6px}.Input_size-l__BR-zg .Input_requiredStar__6MeQ4{right:8px;top:8px}.Input_size-xl__o-R-1 .Input_requiredStar__6MeQ4{right:10px;top:10px}.Input_isDisabled__e7J10{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Input_clearButton__0E-9L{bottom:1px;height:auto;position:absolute;right:0;top:0;z-index:1}.Input_clearButton__0E-9L:hover{background-color:var(--accent-color-alpha-0)!important}.Input_clearIcon__Gi1Nc{flex-shrink:0;opacity:.3;transition:opacity .2s ease-out}.Input_clearButton__0E-9L:hover .Input_clearIcon__Gi1Nc{opacity:.8}.Input_size-xs__b5Kx7 .Input_clearIcon__Gi1Nc{height:8px;width:8px}.Input_size-s__-U0r- .Input_clearIcon__Gi1Nc{height:10px;width:10px}.Input_size-m__jTEMl .Input_clearIcon__Gi1Nc{height:12px;width:12px}.Input_size-l__BR-zg .Input_clearIcon__Gi1Nc{height:14px;width:14px}.Input_size-xl__o-R-1 .Input_clearIcon__Gi1Nc{height:16px;width:16px}@supports (field-sizing:content){.Input_root__kj4vQ.Input_fitContentWidth__H0MTc,.Input_root__kj4vQ.Input_fitContentWidth__H0MTc .Input_main__M6Qxb{max-width:100%;width:-moz-fit-content;width:fit-content}.Input_root__kj4vQ.Input_fitContentWidth__H0MTc .Input_controlWrapper__WgrZL{flex:0 1 auto;max-width:100%;width:-moz-fit-content;width:fit-content}.Input_root__kj4vQ.Input_fitContentWidth__H0MTc .Input_control__wZcMD{field-sizing:content;flex-grow:0;max-width:100%;width:auto}}";
4
4
  var S = {"root":"Input_root__kj4vQ","isTextArea":"Input_isTextArea__1a6n1","main":"Input_main__M6Qxb","controlWrapper":"Input_controlWrapper__WgrZL","clearPaddingRight":"Input_clearPaddingRight__sGl9l","clearPaddingLeft":"Input_clearPaddingLeft__LBlwM","border":"Input_border__01i-B","variant-clean":"Input_variant-clean__yjtdm","isFocused":"Input_isFocused__9jtFN","variant-default":"Input_variant-default__frNbg","variant-outlined":"Input_variant-outlined__qKjnJ","hasError":"Input_hasError__5iS2M","isDisabled":"Input_isDisabled__e7J10","size-xs":"Input_size-xs__b5Kx7","round":"Input_round__yJr-2","size-s":"Input_size-s__-U0r-","size-m":"Input_size-m__jTEMl","size-l":"Input_size-l__BR-zg","size-xl":"Input_size-xl__o-R-1","control":"Input_control__wZcMD","addonLeft":"Input_addonLeft__i1c70","addonRight":"Input_addonRight__A9Iht","labelGap":"Input_labelGap__T6fAj","label":"Input_label__FT90l","scroller":"Input_scroller__OBm8M","clearBg":"Input_clearBg__jqI1h","hasClear":"Input_hasClear__5Y3nU","numberArrows":"Input_numberArrows__8jveR","placeholder":"Input_placeholder__DRYLA","requiredStar":"Input_requiredStar__6MeQ4","clearButton":"Input_clearButton__0E-9L","clearIcon":"Input_clearIcon__Gi1Nc","fitContentWidth":"Input_fitContentWidth__H0MTc"};
5
5
  styleInject(css_248z);
6
6
 
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".InputFile_root__pY3JG{position:relative}.InputFile_border__whRyD{border-radius:inherit;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:background-color .2s ease-out;width:100%}.InputFile_variant-outlined__f5hnA .InputFile_border__whRyD{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.InputFile_variant-default__Jqzal .InputFile_border__whRyD{background-color:var(--accent-color-alpha-100)}.InputFile_variant-default__Jqzal .InputFile_border__whRyD:hover{background-color:var(--active-color-alpha-300)}.InputFile_empty__7j1BK:hover .InputFile_border__whRyD{background-color:var(--active-color-alpha-500)}.InputFile_label__bAEz-{align-items:center;display:flex;height:100%;position:absolute}.InputFile_inner__BQFX7{max-height:inherit}.InputFile_items__ND1YG{align-items:center;display:flex;flex-wrap:wrap;font-size:0;margin:-4px;width:calc(100% + 8px)}.InputFile_item__qg5I6{display:inline-flex;margin:4px;position:relative}.InputFile_item__qg5I6:first-child:last-child{width:100%}.InputFile_addButton__rW719{align-items:center;cursor:pointer;justify-content:center;position:relative;transition:background-color .2s ease-out}.InputFile_root__pY3JG:not(.InputFile_empty__7j1BK) .InputFile_addButton__rW719:hover{background-color:var(--active-color-alpha-500)}.InputFile_input__7FR5r{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}.InputFile_size-xs__NWfeB{font-size:14px}.InputFile_size-xs__NWfeB .InputFile_border__whRyD,.InputFile_size-xs__NWfeB .InputFile_item__qg5I6{border-radius:4px}.InputFile_size-xs__NWfeB .InputFile_items__ND1YG{padding:8px}.InputFile_size-xs__NWfeB .InputFile_item__qg5I6{height:40px;width:40px}.InputFile_size-s__hsWTE{font-size:16px}.InputFile_size-s__hsWTE .InputFile_border__whRyD,.InputFile_size-s__hsWTE .InputFile_item__qg5I6{border-radius:4px}.InputFile_size-s__hsWTE .InputFile_items__ND1YG{padding:12px}.InputFile_size-s__hsWTE .InputFile_item__qg5I6{height:50px;width:50px}.InputFile_size-m__unA0n{font-size:18px}.InputFile_size-m__unA0n .InputFile_border__whRyD,.InputFile_size-m__unA0n .InputFile_item__qg5I6{border-radius:6px}.InputFile_size-m__unA0n .InputFile_items__ND1YG{padding:16px}.InputFile_size-m__unA0n .InputFile_item__qg5I6{height:70px;width:70px}.InputFile_size-l__wpOVo{font-size:22px}.InputFile_size-l__wpOVo .InputFile_border__whRyD,.InputFile_size-l__wpOVo .InputFile_item__qg5I6{border-radius:8px}.InputFile_size-l__wpOVo .InputFile_items__ND1YG{padding:20px}.InputFile_size-l__wpOVo .InputFile_item__qg5I6{height:100px;width:100px}.InputFile_size-xl__xgaNq{font-size:26px}.InputFile_size-xl__xgaNq .InputFile_border__whRyD,.InputFile_size-xl__xgaNq .InputFile_item__qg5I6{border-radius:10px}.InputFile_size-xl__xgaNq .InputFile_items__ND1YG{padding:24px}.InputFile_size-xl__xgaNq .InputFile_item__qg5I6{height:120px;width:120px}.InputFile_draggable__M7-3v{position:relative;width:100%}.InputFile_draggable__M7-3v .InputFile_item__qg5I6:not(.InputFile_addButton__rW719){cursor:move}";
3
+ var css_248z = ".InputFile_root__pY3JG{position:relative}.InputFile_border__whRyD{border-radius:inherit;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:background-color .2s ease-out;width:100%}.InputFile_variant-outlined__f5hnA .InputFile_border__whRyD{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.InputFile_variant-default__Jqzal .InputFile_border__whRyD{background-color:var(--accent-color-alpha-100)}.InputFile_variant-default__Jqzal .InputFile_border__whRyD:hover{background-color:var(--active-color-alpha-300)}.InputFile_empty__7j1BK:hover .InputFile_border__whRyD{background-color:var(--active-color-alpha-500)}.InputFile_label__bAEz-{align-items:center;display:flex;height:100%;position:absolute}.InputFile_inner__BQFX7{max-height:inherit}.InputFile_items__ND1YG{align-items:center;display:flex;flex-wrap:wrap;font-size:0;margin:-4px;width:calc(100% + 8px)}.InputFile_item__qg5I6{display:inline-flex;margin:4px;position:relative}.InputFile_item__qg5I6:first-child:last-child{width:100%}.InputFile_addButton__rW719{align-items:center;cursor:pointer;justify-content:center;position:relative;transition:background-color .2s ease-out}.InputFile_root__pY3JG:not(.InputFile_empty__7j1BK) .InputFile_addButton__rW719:hover{background-color:var(--active-color-alpha-500)}.InputFile_input__7FR5r{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}.InputFile_size-xs__NWfeB{font-size:14px}.InputFile_size-xs__NWfeB .InputFile_border__whRyD,.InputFile_size-xs__NWfeB .InputFile_item__qg5I6{border-radius:6px}.InputFile_size-xs__NWfeB .InputFile_items__ND1YG{padding:8px}.InputFile_size-xs__NWfeB .InputFile_item__qg5I6{height:40px;width:40px}.InputFile_size-s__hsWTE{font-size:16px}.InputFile_size-s__hsWTE .InputFile_border__whRyD,.InputFile_size-s__hsWTE .InputFile_item__qg5I6{border-radius:6px}.InputFile_size-s__hsWTE .InputFile_items__ND1YG{padding:12px}.InputFile_size-s__hsWTE .InputFile_item__qg5I6{height:50px;width:50px}.InputFile_size-m__unA0n{font-size:18px}.InputFile_size-m__unA0n .InputFile_border__whRyD,.InputFile_size-m__unA0n .InputFile_item__qg5I6{border-radius:9px}.InputFile_size-m__unA0n .InputFile_items__ND1YG{padding:16px}.InputFile_size-m__unA0n .InputFile_item__qg5I6{height:70px;width:70px}.InputFile_size-l__wpOVo{font-size:22px}.InputFile_size-l__wpOVo .InputFile_border__whRyD,.InputFile_size-l__wpOVo .InputFile_item__qg5I6{border-radius:12px}.InputFile_size-l__wpOVo .InputFile_items__ND1YG{padding:20px}.InputFile_size-l__wpOVo .InputFile_item__qg5I6{height:100px;width:100px}.InputFile_size-xl__xgaNq{font-size:26px}.InputFile_size-xl__xgaNq .InputFile_border__whRyD,.InputFile_size-xl__xgaNq .InputFile_item__qg5I6{border-radius:15px}.InputFile_size-xl__xgaNq .InputFile_items__ND1YG{padding:24px}.InputFile_size-xl__xgaNq .InputFile_item__qg5I6{height:120px;width:120px}.InputFile_draggable__M7-3v{position:relative;width:100%}.InputFile_draggable__M7-3v .InputFile_item__qg5I6:not(.InputFile_addButton__rW719){cursor:move}";
4
4
  var S = {"root":"InputFile_root__pY3JG","border":"InputFile_border__whRyD","variant-outlined":"InputFile_variant-outlined__f5hnA","variant-default":"InputFile_variant-default__Jqzal","empty":"InputFile_empty__7j1BK","label":"InputFile_label__bAEz-","inner":"InputFile_inner__BQFX7","items":"InputFile_items__ND1YG","item":"InputFile_item__qg5I6","addButton":"InputFile_addButton__rW719","input":"InputFile_input__7FR5r","size-xs":"InputFile_size-xs__NWfeB","size-s":"InputFile_size-s__hsWTE","size-m":"InputFile_size-m__unA0n","size-l":"InputFile_size-l__wpOVo","size-xl":"InputFile_size-xl__xgaNq","draggable":"InputFile_draggable__M7-3v"};
5
5
  styleInject(css_248z);
6
6
 
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".Item_root__uFQw8{background-position:50%;background-size:cover;height:100%;overflow:hidden;position:relative}.Item_root__uFQw8.Item_loading__hN0tA{pointer-events:none}.Item_root__uFQw8>.Item_overlay__lE8hl,.Item_root__uFQw8>img{border-radius:inherit}.Item_size-s__6FWi7,.Item_size-xs__hSjX6{border-radius:4px}.Item_size-m__ICwh8{border-radius:6px}.Item_size-l__zv6Xj{border-radius:8px}.Item_size-xl__X9HXk{border-radius:10px}.Item_overlay__lE8hl{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color .1s ease-out;z-index:1}.Item_waitingForUpload__JFsoN .Item_overlay__lE8hl{background-color:var(--accent-color-alpha-200);border:2px dashed var(--accent-color-alpha-500)}.Item_root__uFQw8:hover .Item_overlay__lE8hl{background-color:var(--active-color-alpha-500)}.Item_root__uFQw8:hover .Item_removeButton__EgOub{transform:translateX(0)}.Item_removeButton__EgOub{border-radius:0;border-top-left-radius:inherit;bottom:0;position:absolute;right:0;transform:translateX(100%);transition:transform .2s ease-out;z-index:2}.Item_removeButton__EgOub,.Item_removeButton__EgOub:hover{background-color:var(--decent-color-alpha-900)}.Item_removeButton__EgOub:hover{color:var(--danger-color)}.Item_progress__bpcNP{background-color:var(--active-color-alpha-800);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:all .2s ease-out;width:100%;z-index:1}.Item_progress__bpcNP.Item_complete__lEfmV{opacity:0}.Item_dragging__HPzfu{overflow:visible}.Item_dragging__HPzfu .Item_overlay__lE8hl,.Item_dragging__HPzfu .Item_progress__bpcNP,.Item_dragging__HPzfu .Item_removeButton__EgOub{display:none}";
3
+ var css_248z = ".Item_root__uFQw8{background-position:50%;background-size:cover;height:100%;overflow:hidden;position:relative}.Item_root__uFQw8.Item_loading__hN0tA{pointer-events:none}.Item_root__uFQw8>.Item_overlay__lE8hl,.Item_root__uFQw8>img{border-radius:inherit}.Item_size-s__6FWi7,.Item_size-xs__hSjX6{border-radius:6px}.Item_size-m__ICwh8{border-radius:9px}.Item_size-l__zv6Xj{border-radius:12px}.Item_size-xl__X9HXk{border-radius:15px}.Item_overlay__lE8hl{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color .1s ease-out;z-index:1}.Item_waitingForUpload__JFsoN .Item_overlay__lE8hl{background-color:var(--accent-color-alpha-200);border:2px dashed var(--accent-color-alpha-500)}.Item_root__uFQw8:hover .Item_overlay__lE8hl{background-color:var(--active-color-alpha-500)}.Item_root__uFQw8:hover .Item_removeButton__EgOub{transform:translateX(0)}.Item_removeButton__EgOub{border-radius:0;border-top-left-radius:inherit;bottom:0;position:absolute;right:0;transform:translateX(100%);transition:transform .2s ease-out;z-index:2}.Item_removeButton__EgOub,.Item_removeButton__EgOub:hover{background-color:var(--decent-color-alpha-900)}.Item_removeButton__EgOub:hover{color:var(--danger-color)}.Item_progress__bpcNP{background-color:var(--active-color-alpha-800);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:all .2s ease-out;width:100%;z-index:1}.Item_progress__bpcNP.Item_complete__lEfmV{opacity:0}.Item_dragging__HPzfu{overflow:visible}.Item_dragging__HPzfu .Item_overlay__lE8hl,.Item_dragging__HPzfu .Item_progress__bpcNP,.Item_dragging__HPzfu .Item_removeButton__EgOub{display:none}";
4
4
  var S = {"root":"Item_root__uFQw8","loading":"Item_loading__hN0tA","overlay":"Item_overlay__lE8hl","size-xs":"Item_size-xs__hSjX6","size-s":"Item_size-s__6FWi7","size-m":"Item_size-m__ICwh8","size-l":"Item_size-l__zv6Xj","size-xl":"Item_size-xl__X9HXk","waitingForUpload":"Item_waitingForUpload__JFsoN","removeButton":"Item_removeButton__EgOub","progress":"Item_progress__bpcNP","complete":"Item_complete__lEfmV","dragging":"Item_dragging__HPzfu"};
5
5
  styleInject(css_248z);
6
6
 
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".Menu_root__xhtlo{max-height:200px;width:100%}.keyboard .Menu_root__xhtlo{pointer-events:none}.Menu_item__VtmwS{align-items:center;animation:Menu_fadeIn__XRZkT .3s ease-out;cursor:pointer;display:flex;overflow:hidden;padding-bottom:0!important;padding-top:0!important;position:relative;text-align:left;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.Menu_item__VtmwS:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.Menu_item__VtmwS:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.Menu_size-xs__MSbRQ .Menu_item__VtmwS{font-size:14px;height:24px;padding:0 8px}.Menu_size-s__DA0r3 .Menu_item__VtmwS{font-size:16px;height:32px;padding:0 12px}.Menu_size-m__0EI47 .Menu_item__VtmwS{font-size:18px;height:40px;padding:0 16px}.Menu_size-l__PXpIm .Menu_item__VtmwS{font-size:22px;height:48px;padding:0 20px}.Menu_size-xl__U1WW8 .Menu_item__VtmwS{font-size:26px;height:56px;padding:0 24px}.Menu_item__VtmwS.Menu_selected__V71xy{background-color:var(--active-color-alpha-500)}.Menu_item__VtmwS.Menu_disabled__5afRm{cursor:not-allowed;opacity:.4}.keyboard .Menu_item__VtmwS.Menu_focused__FLWqW,.pointer .Menu_item__VtmwS:hover{box-shadow:inset 100vw 0 0 0 var(--active-color-alpha-200)}.Menu_textOverflow__udsHR .Menu_item__VtmwS>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Menu_group__6e-Ef{background-color:var(--decent-color);color:var(--accent-color);font-size:14px;font-weight:500;padding:8px 12px;pointer-events:none;position:sticky;top:0;z-index:1}.Menu_levelIndent__S6HXJ{--menu-indent-size:var(--p-3)}.Menu_levelIndent__S6HXJ.Menu_level-1__kueO2{padding-left:calc(var(--menu-indent-size)*2)}.Menu_levelIndent__S6HXJ.Menu_level-2__JZGkJ{padding-left:calc(var(--menu-indent-size)*3)}.Menu_levelIndent__S6HXJ.Menu_level-3__LFd-F{padding-left:calc(var(--menu-indent-size)*4)}.Menu_levelIndent__S6HXJ.Menu_level-4__2DUMl{padding-left:calc(var(--menu-indent-size)*5)}.Menu_levelIndent__S6HXJ.Menu_level-5__xpgvQ{padding-left:calc(var(--menu-indent-size)*6)}@keyframes Menu_fadeIn__XRZkT{0%{opacity:0}10%{opacity:0}to{opacity:1}}";
3
+ var css_248z = ".Menu_root__xhtlo{max-height:200px;width:100%}.keyboard .Menu_root__xhtlo{pointer-events:none}.Menu_item__VtmwS{align-items:center;animation:Menu_fadeIn__XRZkT .3s ease-out;cursor:pointer;display:flex;overflow:hidden;padding-bottom:0!important;padding-top:0!important;position:relative;text-align:left;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.Menu_size-xs__MSbRQ .Menu_item__VtmwS{border-radius:6px;font-size:14px;height:24px;padding:0 8px}.Menu_size-s__DA0r3 .Menu_item__VtmwS{border-radius:6px;font-size:16px;height:32px;padding:0 12px}.Menu_size-m__0EI47 .Menu_item__VtmwS{border-radius:9px;font-size:18px;height:40px;padding:0 16px}.Menu_size-l__PXpIm .Menu_item__VtmwS{border-radius:12px;font-size:22px;height:48px;padding:0 20px}.Menu_size-xl__U1WW8 .Menu_item__VtmwS{border-radius:15px;font-size:26px;height:56px;padding:0 24px}.Menu_item__VtmwS.Menu_selected__V71xy{background-color:var(--active-color-alpha-500)}.Menu_item__VtmwS.Menu_disabled__5afRm{cursor:not-allowed;opacity:.4}.keyboard .Menu_item__VtmwS.Menu_focused__FLWqW,.pointer .Menu_item__VtmwS:hover{box-shadow:inset 100vw 0 0 0 var(--active-color-alpha-200)}.Menu_textOverflow__udsHR .Menu_item__VtmwS>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Menu_group__6e-Ef{background-color:var(--decent-color);color:var(--accent-color);font-size:14px;font-weight:500;padding:8px 12px;pointer-events:none;position:sticky;top:0;z-index:1}.Menu_levelIndent__S6HXJ{--menu-indent-size:var(--p-3)}.Menu_levelIndent__S6HXJ.Menu_level-1__kueO2{padding-left:calc(var(--menu-indent-size)*2)}.Menu_levelIndent__S6HXJ.Menu_level-2__JZGkJ{padding-left:calc(var(--menu-indent-size)*3)}.Menu_levelIndent__S6HXJ.Menu_level-3__LFd-F{padding-left:calc(var(--menu-indent-size)*4)}.Menu_levelIndent__S6HXJ.Menu_level-4__2DUMl{padding-left:calc(var(--menu-indent-size)*5)}.Menu_levelIndent__S6HXJ.Menu_level-5__xpgvQ{padding-left:calc(var(--menu-indent-size)*6)}@keyframes Menu_fadeIn__XRZkT{0%{opacity:0}10%{opacity:0}to{opacity:1}}";
4
4
  var S = {"root":"Menu_root__xhtlo","item":"Menu_item__VtmwS","fadeIn":"Menu_fadeIn__XRZkT","size-xs":"Menu_size-xs__MSbRQ","size-s":"Menu_size-s__DA0r3","size-m":"Menu_size-m__0EI47","size-l":"Menu_size-l__PXpIm","size-xl":"Menu_size-xl__U1WW8","selected":"Menu_selected__V71xy","disabled":"Menu_disabled__5afRm","focused":"Menu_focused__FLWqW","textOverflow":"Menu_textOverflow__udsHR","group":"Menu_group__6e-Ef","levelIndent":"Menu_levelIndent__S6HXJ","level-1":"Menu_level-1__kueO2","level-2":"Menu_level-2__JZGkJ","level-3":"Menu_level-3__LFd-F","level-4":"Menu_level-4__2DUMl","level-5":"Menu_level-5__xpgvQ"};
5
5
  styleInject(css_248z);
6
6
 
@@ -1,9 +1,9 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
- import cn from 'classnames';
3
2
  import { useState, useEffect } from 'react';
4
3
  import { Icon } from '../Icon/Icon.js';
5
4
  import { Popup } from '../Popup/Popup.js';
6
5
  import S from './NestedMenu.styl.js';
6
+ import cn from 'classnames';
7
7
 
8
8
  const MOBILE_MQ = '(max-width: 720px)';
9
9
  const HOVER_MQ = '(hover: hover) and (pointer: fine)';
@@ -58,13 +58,14 @@ function NestedMenuComponent({ trigger, items, open, onOpenChange, align = 'end'
58
58
  document.addEventListener('keydown', onKey);
59
59
  return () => document.removeEventListener('keydown', onKey);
60
60
  }, [open]);
61
- function onItemClick(id) {
61
+ function onItemClick(id, e) {
62
62
  const item = items.find(entry => entry.id === id);
63
63
  if (!item || item.disabled)
64
64
  return;
65
65
  if (item.onClick && !item.submenu) {
66
- item.onClick();
67
- close();
66
+ item.onClick(e);
67
+ if (item.closeOnClick !== false && !e.defaultPrevented)
68
+ close();
68
69
  return;
69
70
  }
70
71
  if (!item.submenu)
@@ -76,7 +77,10 @@ function NestedMenuComponent({ trigger, items, open, onOpenChange, align = 'end'
76
77
  openSub(id, true);
77
78
  }
78
79
  function renderItemButton(item) {
79
- return (jsxs("button", { type: "button", className: cn(S.item, activeId === item.id && S.itemActive, item.danger && S.itemDanger, item.disabled && S.itemDisabled, item.wrap && S.multiline, item.className), role: "menuitem", disabled: item.disabled, "aria-haspopup": item.submenu ? 'menu' : undefined, "aria-expanded": item.submenu ? activeId === item.id : undefined, onClick: () => onItemClick(item.id), children: [item.icon && (jsx("span", { className: S.icon, "aria-hidden": true, children: item.icon })), jsx("span", { className: S.label, children: item.label }), item.hint != null && item.hint !== '' && (jsx("span", { className: S.hint, children: item.hint })), item.submenu && (jsx(Icon, { className: S.chevron, type: "chevronRight", size: iconSize }))] }));
80
+ return (jsxs("button", { type: "button", className: cn(S.item, activeId === item.id && S.itemActive, item.danger && S.itemDanger, item.disabled && S.itemDisabled, item.wrap && S.multiline, item.className), role: "menuitem", disabled: item.disabled, "aria-haspopup": item.submenu ? 'menu' : undefined, "aria-expanded": item.submenu ? activeId === item.id : undefined, onPointerDown: e => {
81
+ // Keep focus off underlying inputs (e.g. ChatSelector search).
82
+ e.preventDefault();
83
+ }, onClick: e => onItemClick(item.id, e), children: [item.icon && (jsx("span", { className: S.icon, "aria-hidden": true, children: item.icon })), jsx("span", { className: S.label, children: item.label }), item.hint != null && item.hint !== '' && (jsx("span", { className: S.hint, children: item.hint })), item.submenu && (jsx(Icon, { className: S.chevron, type: "chevronRight", size: iconSize }))] }));
80
84
  }
81
85
  function renderItems() {
82
86
  return items.map(item => {
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".NestedMenu_root__ybyGA,.NestedMenu_trigger__zBeNI{display:inline-flex}.NestedMenu_content__OyLXN{box-sizing:border-box;max-width:280px;min-width:200px;padding:4px}.NestedMenu_list__Q55Aa{display:flex;flex-direction:column;gap:1px}.NestedMenu_itemPopup__kMaxU{display:block;width:100%}.NestedMenu_itemTrigger__a7XHw{cursor:inherit;display:block;width:100%}.NestedMenu_itemWrap__Qmc0B{position:relative}.NestedMenu_back__dNsDV,.NestedMenu_item__tgbZm,.NestedMenu_row__48g5c{align-items:center;background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;font:inherit;font-weight:500;gap:8px;letter-spacing:.01em;line-height:1.3;text-align:left;text-decoration:none;width:100%}.NestedMenu_back__dNsDV:hover,.NestedMenu_item__tgbZm:hover,.NestedMenu_row__48g5c:hover{background:var(--accent-color-alpha-50)}.NestedMenu_back__dNsDV.NestedMenu_itemActive__RfPZH,.NestedMenu_item__tgbZm.NestedMenu_itemActive__RfPZH,.NestedMenu_row__48g5c.NestedMenu_itemActive__RfPZH{background:var(--accent-color-alpha-100)}.NestedMenu_back__dNsDV.NestedMenu_itemDisabled__evVk1,.NestedMenu_back__dNsDV:disabled,.NestedMenu_item__tgbZm.NestedMenu_itemDisabled__evVk1,.NestedMenu_item__tgbZm:disabled,.NestedMenu_row__48g5c.NestedMenu_itemDisabled__evVk1,.NestedMenu_row__48g5c:disabled{cursor:default;opacity:.55;pointer-events:none}.NestedMenu_itemDanger__oAJbP{color:var(--active-color)}.NestedMenu_itemDanger__oAJbP .NestedMenu_icon__4g2Yp{color:inherit;opacity:1}.NestedMenu_icon__4g2Yp{display:inline-flex;flex-shrink:0;opacity:.55}.NestedMenu_icon__4g2Yp svg{display:block}.NestedMenu_label__Jnm6l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.NestedMenu_hint__hotNP{flex-shrink:0;font-weight:400;opacity:.5}.NestedMenu_multiline__MDdk-{grid-row-gap:2px;align-items:start;display:grid;grid-template-columns:auto minmax(0,1fr);min-width:252px;row-gap:2px}.NestedMenu_multiline__MDdk- .NestedMenu_label__Jnm6l{overflow:visible;text-overflow:clip}.NestedMenu_multiline__MDdk- .NestedMenu_hint__hotNP{grid-column:2;min-width:0;white-space:normal}.NestedMenu_chevron__8i-Po{flex-shrink:0;opacity:.45}.NestedMenu_row__48g5c svg{color:var(--active-color);flex-shrink:0}.NestedMenu_stacked__rMiOi{display:flex;flex-direction:column;max-height:min(360px,calc(100vh - 24px));overflow-y:auto}.NestedMenu_back__dNsDV{font-weight:650;margin-bottom:2px}.NestedMenu_stackedBody__Fbkma{min-width:0}.NestedMenu_size-s__2n2te .NestedMenu_back__dNsDV,.NestedMenu_size-s__2n2te .NestedMenu_item__tgbZm,.NestedMenu_size-s__2n2te .NestedMenu_row__48g5c,.NestedMenu_size-xs__yUJ0q .NestedMenu_back__dNsDV,.NestedMenu_size-xs__yUJ0q .NestedMenu_item__tgbZm,.NestedMenu_size-xs__yUJ0q .NestedMenu_row__48g5c{font-size:12px;gap:6px;padding:4px 8px}.NestedMenu_size-s__2n2te.NestedMenu_content__OyLXN,.NestedMenu_size-xs__yUJ0q.NestedMenu_content__OyLXN{min-width:176px;padding:3px}.NestedMenu_size-s__2n2te .NestedMenu_back__dNsDV svg,.NestedMenu_size-s__2n2te .NestedMenu_chevron__8i-Po,.NestedMenu_size-s__2n2te .NestedMenu_icon__4g2Yp svg,.NestedMenu_size-s__2n2te .NestedMenu_row__48g5c svg,.NestedMenu_size-xs__yUJ0q .NestedMenu_back__dNsDV svg,.NestedMenu_size-xs__yUJ0q .NestedMenu_chevron__8i-Po,.NestedMenu_size-xs__yUJ0q .NestedMenu_icon__4g2Yp svg,.NestedMenu_size-xs__yUJ0q .NestedMenu_row__48g5c svg{height:10px;width:10px}.NestedMenu_size-m__B8zm5 .NestedMenu_back__dNsDV,.NestedMenu_size-m__B8zm5 .NestedMenu_item__tgbZm,.NestedMenu_size-m__B8zm5 .NestedMenu_row__48g5c{font-size:13px;padding:6px 10px}.NestedMenu_size-l__1FrvQ .NestedMenu_back__dNsDV,.NestedMenu_size-l__1FrvQ .NestedMenu_item__tgbZm,.NestedMenu_size-l__1FrvQ .NestedMenu_row__48g5c{font-size:16px;gap:10px;padding:10px 14px}.NestedMenu_size-l__1FrvQ.NestedMenu_content__OyLXN{max-width:320px;min-width:240px;padding:6px}.NestedMenu_size-l__1FrvQ .NestedMenu_back__dNsDV svg,.NestedMenu_size-l__1FrvQ .NestedMenu_chevron__8i-Po,.NestedMenu_size-l__1FrvQ .NestedMenu_icon__4g2Yp svg,.NestedMenu_size-l__1FrvQ .NestedMenu_row__48g5c svg{height:18px;width:18px}.NestedMenu_size-xl__jiXmT .NestedMenu_back__dNsDV,.NestedMenu_size-xl__jiXmT .NestedMenu_item__tgbZm,.NestedMenu_size-xl__jiXmT .NestedMenu_row__48g5c{font-size:18px;gap:12px;padding:12px 16px}.NestedMenu_size-xl__jiXmT.NestedMenu_content__OyLXN{max-width:360px;min-width:260px;padding:8px}.NestedMenu_size-xl__jiXmT .NestedMenu_back__dNsDV svg,.NestedMenu_size-xl__jiXmT .NestedMenu_chevron__8i-Po,.NestedMenu_size-xl__jiXmT .NestedMenu_icon__4g2Yp svg,.NestedMenu_size-xl__jiXmT .NestedMenu_row__48g5c svg{height:22px;width:22px}";
3
+ var css_248z = ".NestedMenu_root__ybyGA,.NestedMenu_trigger__zBeNI{display:inline-flex}.NestedMenu_content__OyLXN{box-sizing:border-box;max-width:min(100vw - 16px,360px);min-width:0;padding:4px;width:-moz-fit-content;width:fit-content}.NestedMenu_list__Q55Aa{display:flex;flex-direction:column;gap:1px}.NestedMenu_itemPopup__kMaxU{display:block;width:100%}.NestedMenu_itemTrigger__a7XHw{cursor:inherit;display:block;width:100%}.NestedMenu_itemWrap__Qmc0B{position:relative}.NestedMenu_back__dNsDV,.NestedMenu_item__tgbZm,.NestedMenu_row__48g5c{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;font-weight:500;gap:8px;letter-spacing:.01em;line-height:1.3;text-align:left;text-decoration:none;width:100%}.NestedMenu_back__dNsDV:hover,.NestedMenu_item__tgbZm:hover,.NestedMenu_row__48g5c:hover{background:var(--accent-color-alpha-50)}.NestedMenu_back__dNsDV.NestedMenu_itemActive__RfPZH,.NestedMenu_item__tgbZm.NestedMenu_itemActive__RfPZH,.NestedMenu_row__48g5c.NestedMenu_itemActive__RfPZH{background:var(--accent-color-alpha-100)}.NestedMenu_back__dNsDV.NestedMenu_itemDisabled__evVk1,.NestedMenu_back__dNsDV:disabled,.NestedMenu_item__tgbZm.NestedMenu_itemDisabled__evVk1,.NestedMenu_item__tgbZm:disabled,.NestedMenu_row__48g5c.NestedMenu_itemDisabled__evVk1,.NestedMenu_row__48g5c:disabled{cursor:default;opacity:.55;pointer-events:none}.NestedMenu_itemDanger__oAJbP{color:var(--active-color)}.NestedMenu_itemDanger__oAJbP .NestedMenu_icon__4g2Yp{color:inherit;opacity:1}.NestedMenu_icon__4g2Yp{display:inline-flex;flex-shrink:0;opacity:.55}.NestedMenu_icon__4g2Yp svg{display:block}.NestedMenu_label__Jnm6l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.NestedMenu_hint__hotNP{flex-shrink:0;font-weight:400;opacity:.5}.NestedMenu_multiline__MDdk-{grid-row-gap:2px;align-items:start;display:grid;grid-template-columns:auto minmax(0,1fr);min-width:252px;row-gap:2px}.NestedMenu_multiline__MDdk- .NestedMenu_label__Jnm6l{overflow:visible;text-overflow:clip}.NestedMenu_multiline__MDdk- .NestedMenu_hint__hotNP{grid-column:2;min-width:0;white-space:normal}.NestedMenu_chevron__8i-Po{flex-shrink:0;opacity:.45}.NestedMenu_row__48g5c svg{color:var(--active-color);flex-shrink:0}.NestedMenu_stacked__rMiOi{display:flex;flex-direction:column;max-height:min(360px,calc(100vh - 24px));overflow-y:auto}.NestedMenu_back__dNsDV{font-weight:650;margin-bottom:2px}.NestedMenu_stackedBody__Fbkma{min-width:0}.NestedMenu_size-s__2n2te .NestedMenu_back__dNsDV,.NestedMenu_size-s__2n2te .NestedMenu_item__tgbZm,.NestedMenu_size-s__2n2te .NestedMenu_row__48g5c,.NestedMenu_size-xs__yUJ0q .NestedMenu_back__dNsDV,.NestedMenu_size-xs__yUJ0q .NestedMenu_item__tgbZm,.NestedMenu_size-xs__yUJ0q .NestedMenu_row__48g5c{border-radius:6px;font-size:12px;gap:6px;padding:4px 8px}.NestedMenu_size-s__2n2te.NestedMenu_content__OyLXN,.NestedMenu_size-xs__yUJ0q.NestedMenu_content__OyLXN{padding:3px}.NestedMenu_size-s__2n2te .NestedMenu_back__dNsDV svg,.NestedMenu_size-s__2n2te .NestedMenu_chevron__8i-Po,.NestedMenu_size-s__2n2te .NestedMenu_icon__4g2Yp svg,.NestedMenu_size-s__2n2te .NestedMenu_row__48g5c svg,.NestedMenu_size-xs__yUJ0q .NestedMenu_back__dNsDV svg,.NestedMenu_size-xs__yUJ0q .NestedMenu_chevron__8i-Po,.NestedMenu_size-xs__yUJ0q .NestedMenu_icon__4g2Yp svg,.NestedMenu_size-xs__yUJ0q .NestedMenu_row__48g5c svg{height:10px;width:10px}.NestedMenu_size-m__B8zm5 .NestedMenu_back__dNsDV,.NestedMenu_size-m__B8zm5 .NestedMenu_item__tgbZm,.NestedMenu_size-m__B8zm5 .NestedMenu_row__48g5c{border-radius:9px;font-size:13px;padding:6px 10px}.NestedMenu_size-l__1FrvQ .NestedMenu_back__dNsDV,.NestedMenu_size-l__1FrvQ .NestedMenu_item__tgbZm,.NestedMenu_size-l__1FrvQ .NestedMenu_row__48g5c{border-radius:12px;font-size:16px;gap:10px;padding:10px 14px}.NestedMenu_size-l__1FrvQ.NestedMenu_content__OyLXN{max-width:320px;padding:6px}.NestedMenu_size-l__1FrvQ .NestedMenu_back__dNsDV svg,.NestedMenu_size-l__1FrvQ .NestedMenu_chevron__8i-Po,.NestedMenu_size-l__1FrvQ .NestedMenu_icon__4g2Yp svg,.NestedMenu_size-l__1FrvQ .NestedMenu_row__48g5c svg{height:18px;width:18px}.NestedMenu_size-xl__jiXmT .NestedMenu_back__dNsDV,.NestedMenu_size-xl__jiXmT .NestedMenu_item__tgbZm,.NestedMenu_size-xl__jiXmT .NestedMenu_row__48g5c{border-radius:15px;font-size:18px;gap:12px;padding:12px 16px}.NestedMenu_size-xl__jiXmT.NestedMenu_content__OyLXN{max-width:360px;padding:8px}.NestedMenu_size-xl__jiXmT .NestedMenu_back__dNsDV svg,.NestedMenu_size-xl__jiXmT .NestedMenu_chevron__8i-Po,.NestedMenu_size-xl__jiXmT .NestedMenu_icon__4g2Yp svg,.NestedMenu_size-xl__jiXmT .NestedMenu_row__48g5c svg{height:22px;width:22px}";
4
4
  var S = {"root":"NestedMenu_root__ybyGA","trigger":"NestedMenu_trigger__zBeNI","content":"NestedMenu_content__OyLXN","list":"NestedMenu_list__Q55Aa","itemPopup":"NestedMenu_itemPopup__kMaxU","itemTrigger":"NestedMenu_itemTrigger__a7XHw","itemWrap":"NestedMenu_itemWrap__Qmc0B","item":"NestedMenu_item__tgbZm","row":"NestedMenu_row__48g5c","back":"NestedMenu_back__dNsDV","itemActive":"NestedMenu_itemActive__RfPZH","itemDisabled":"NestedMenu_itemDisabled__evVk1","itemDanger":"NestedMenu_itemDanger__oAJbP","icon":"NestedMenu_icon__4g2Yp","label":"NestedMenu_label__Jnm6l","hint":"NestedMenu_hint__hotNP","multiline":"NestedMenu_multiline__MDdk-","chevron":"NestedMenu_chevron__8i-Po","stacked":"NestedMenu_stacked__rMiOi","stackedBody":"NestedMenu_stackedBody__Fbkma","size-xs":"NestedMenu_size-xs__yUJ0q","size-s":"NestedMenu_size-s__2n2te","size-m":"NestedMenu_size-m__B8zm5","size-l":"NestedMenu_size-l__1FrvQ","size-xl":"NestedMenu_size-xl__jiXmT"};
5
5
  styleInject(css_248z);
6
6
 
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".Popup_root__uQ-fP{display:inline-block;position:relative}.Popup_contentWrapper__2yi-2{opacity:0;pointer-events:none;position:absolute}.Popup_contentWrapper__2yi-2.Popup_animating__kR0qF{transition:opacity .1s ease-out}.Popup_contentWrapper__2yi-2.Popup_isOpen__BRIdP{opacity:1;z-index:11}.Popup_contentWrapper__2yi-2.Popup_inline__1-l1S.Popup_isOpen__BRIdP{position:relative}.Popup_contentWrapper__2yi-2:not(.Popup_inline__1-l1S),.Popup_contentWrapper__2yi-2:not(.Popup_inline__1-l1S)>.Popup_content__e8Qyu{position:absolute}.Popup_trigger__jQNaQ{cursor:pointer}.Popup_trigger__jQNaQ.Popup_isOpen__BRIdP{position:relative;z-index:11}.Popup_trigger__jQNaQ.Popup_disabled__DlE9y{opacity:.4;pointer-events:none}.Popup_content__e8Qyu{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--decent-color);box-shadow:inset 0 0 0 1px var(--accent-color-alpha-50);box-sizing:border-box;max-width:min(min(560px,70vw),calc(100svw - 16px));min-width:100%;overflow:hidden;position:relative;transform-origin:top center;z-index:11}.Popup_content__e8Qyu:before{background-color:var(--accent-color-alpha-50);bottom:0;content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0}.Popup_content__e8Qyu.Popup_blur__1hfU8{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:var(--decent-color-alpha-500)}.Popup_content__e8Qyu.Popup_size-xs__7QR-d{border-radius:4px}.Popup_content__e8Qyu.Popup_size-xs__7QR-d.Popup_round__7rD1m{border-radius:12px}.Popup_content__e8Qyu.Popup_size-s__UmixP{border-radius:4px}.Popup_content__e8Qyu.Popup_size-s__UmixP.Popup_round__7rD1m{border-radius:16px}.Popup_content__e8Qyu.Popup_size-m__FYpTL{border-radius:6px}.Popup_content__e8Qyu.Popup_size-m__FYpTL.Popup_round__7rD1m{border-radius:20px}.Popup_content__e8Qyu.Popup_size-l__BTS57{border-radius:8px}.Popup_content__e8Qyu.Popup_size-l__BTS57.Popup_round__7rD1m{border-radius:24px}.Popup_content__e8Qyu.Popup_size-xl__fSfCc{border-radius:10px}.Popup_content__e8Qyu.Popup_size-xl__fSfCc.Popup_round__7rD1m{border-radius:28px}.Popup_content__e8Qyu.Popup_elevation-1__vmP3e{box-shadow:inset 0 0 0 1px var(--accent-color-alpha-50),0 0 var(--p-3) 2px var(--decent-color-alpha-500)}.Popup_content__e8Qyu.Popup_elevation-2__Ci4sI{box-shadow:inset 0 0 0 1px var(--accent-color-alpha-50),0 0 var(--p-5) 2px var(--decent-color-alpha-500)}.Popup_content__e8Qyu.Popup_outlined__g3cJV:after{border-radius:inherit;bottom:0;content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0}.Popup_isOpen__BRIdP .Popup_content__e8Qyu{opacity:1;pointer-events:all;transform:scaleX(1)}.Popup_animating__kR0qF{transition:70ms ease-out;transition-property:transform,opacity,margin}.Popup_axis-top__BaLgG{bottom:100%}.Popup_axis-bottom__hZwwr{top:100%}.Popup_axis-right__LMYVy{left:100%}.Popup_axis-left__SFKm-{right:100%}.Popup_float-top__8SQAu{bottom:0}.Popup_float-right__mdm-3{left:0}.Popup_float-bottom__7flve{top:0}.Popup_float-left__tz7fX{right:0}.Popup_axis-bottom__hZwwr,.Popup_axis-top__BaLgG{transform:scaleY(.5)}.Popup_axis-bottom__hZwwr.Popup_float-middle__Dmnn1,.Popup_axis-top__BaLgG.Popup_float-middle__Dmnn1{left:50%;transform:translateX(-50%) scaleY(.5)}.Popup_isOpen__BRIdP .Popup_axis-bottom__hZwwr.Popup_float-middle__Dmnn1,.Popup_isOpen__BRIdP .Popup_axis-top__BaLgG.Popup_float-middle__Dmnn1{transform:translateX(-50%) scaleX(1)}.Popup_axis-left__SFKm-,.Popup_axis-right__LMYVy{transform:scaleX(.5)}.Popup_axis-left__SFKm-.Popup_float-middle__Dmnn1,.Popup_axis-right__LMYVy.Popup_float-middle__Dmnn1{top:50%;transform:translateY(-50%) scaleX(.5)}.Popup_isOpen__BRIdP .Popup_axis-left__SFKm-.Popup_float-middle__Dmnn1,.Popup_isOpen__BRIdP .Popup_axis-right__LMYVy.Popup_float-middle__Dmnn1{transform:translateY(-50%) scaleX(1)}.Popup_axis-top__BaLgG.Popup_float-middle__Dmnn1{transform-origin:bottom center}.Popup_axis-top__BaLgG.Popup_float-right__mdm-3{transform-origin:bottom left}.Popup_axis-top__BaLgG.Popup_float-left__tz7fX{transform-origin:bottom right}.Popup_axis-bottom__hZwwr.Popup_float-middle__Dmnn1{transform-origin:top center}.Popup_axis-bottom__hZwwr.Popup_float-right__mdm-3{transform-origin:top left}.Popup_axis-bottom__hZwwr.Popup_float-left__tz7fX{transform-origin:top right}.Popup_axis-right__LMYVy.Popup_float-middle__Dmnn1{transform-origin:center left}.Popup_axis-right__LMYVy.Popup_float-top__8SQAu{transform-origin:bottom left}.Popup_axis-right__LMYVy.Popup_float-bottom__7flve{transform-origin:top left}.Popup_axis-left__SFKm-.Popup_float-middle__Dmnn1{transform-origin:center right}.Popup_axis-left__SFKm-.Popup_float-top__8SQAu{transform-origin:bottom right}.Popup_axis-left__SFKm-.Popup_float-bottom__7flve{transform-origin:top right}";
3
+ var css_248z = ".Popup_root__uQ-fP{display:inline-block;position:relative}.Popup_contentWrapper__2yi-2{opacity:0;pointer-events:none;position:absolute}.Popup_contentWrapper__2yi-2.Popup_animating__kR0qF{transition:opacity .1s ease-out}.Popup_contentWrapper__2yi-2.Popup_isOpen__BRIdP{opacity:1;z-index:11}.Popup_contentWrapper__2yi-2.Popup_inline__1-l1S.Popup_isOpen__BRIdP{position:relative}.Popup_contentWrapper__2yi-2:not(.Popup_inline__1-l1S),.Popup_contentWrapper__2yi-2:not(.Popup_inline__1-l1S)>.Popup_content__e8Qyu{position:absolute}.Popup_trigger__jQNaQ{cursor:pointer}.Popup_trigger__jQNaQ.Popup_isOpen__BRIdP{position:relative;z-index:11}.Popup_trigger__jQNaQ.Popup_disabled__DlE9y{opacity:.4;pointer-events:none}.Popup_content__e8Qyu{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--decent-color);box-shadow:inset 0 0 0 1px var(--accent-color-alpha-50);box-sizing:border-box;max-width:min(min(560px,70vw),calc(100svw - 16px));min-width:100%;overflow:hidden;position:relative;transform-origin:top center;z-index:11}.Popup_content__e8Qyu:before{background-color:var(--accent-color-alpha-50);bottom:0;content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0}.Popup_content__e8Qyu.Popup_blur__1hfU8{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:var(--decent-color-alpha-500)}.Popup_content__e8Qyu.Popup_size-xs__7QR-d{border-radius:6px}.Popup_content__e8Qyu.Popup_size-xs__7QR-d.Popup_round__7rD1m{border-radius:12px}.Popup_content__e8Qyu.Popup_size-s__UmixP{border-radius:6px}.Popup_content__e8Qyu.Popup_size-s__UmixP.Popup_round__7rD1m{border-radius:16px}.Popup_content__e8Qyu.Popup_size-m__FYpTL{border-radius:9px}.Popup_content__e8Qyu.Popup_size-m__FYpTL.Popup_round__7rD1m{border-radius:20px}.Popup_content__e8Qyu.Popup_size-l__BTS57{border-radius:12px}.Popup_content__e8Qyu.Popup_size-l__BTS57.Popup_round__7rD1m{border-radius:24px}.Popup_content__e8Qyu.Popup_size-xl__fSfCc{border-radius:15px}.Popup_content__e8Qyu.Popup_size-xl__fSfCc.Popup_round__7rD1m{border-radius:28px}.Popup_content__e8Qyu.Popup_elevation-1__vmP3e{box-shadow:inset 0 0 0 1px var(--accent-color-alpha-50),0 0 var(--p-3) 2px var(--decent-color-alpha-500)}.Popup_content__e8Qyu.Popup_elevation-2__Ci4sI{box-shadow:inset 0 0 0 1px var(--accent-color-alpha-50),0 0 var(--p-5) 2px var(--decent-color-alpha-500)}.Popup_content__e8Qyu.Popup_outlined__g3cJV:after{border-radius:inherit;bottom:0;content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0}.Popup_isOpen__BRIdP .Popup_content__e8Qyu{opacity:1;pointer-events:all;transform:scaleX(1)}.Popup_animating__kR0qF{transition:70ms ease-out;transition-property:transform,opacity,margin}.Popup_axis-top__BaLgG{bottom:100%}.Popup_axis-bottom__hZwwr{top:100%}.Popup_axis-right__LMYVy{left:100%}.Popup_axis-left__SFKm-{right:100%}.Popup_float-top__8SQAu{bottom:0}.Popup_float-right__mdm-3{left:0}.Popup_float-bottom__7flve{top:0}.Popup_float-left__tz7fX{right:0}.Popup_axis-bottom__hZwwr,.Popup_axis-top__BaLgG{transform:scaleY(.5)}.Popup_axis-bottom__hZwwr.Popup_float-middle__Dmnn1,.Popup_axis-top__BaLgG.Popup_float-middle__Dmnn1{left:50%;transform:translateX(-50%) scaleY(.5)}.Popup_isOpen__BRIdP .Popup_axis-bottom__hZwwr.Popup_float-middle__Dmnn1,.Popup_isOpen__BRIdP .Popup_axis-top__BaLgG.Popup_float-middle__Dmnn1{transform:translateX(-50%) scaleX(1)}.Popup_axis-left__SFKm-,.Popup_axis-right__LMYVy{transform:scaleX(.5)}.Popup_axis-left__SFKm-.Popup_float-middle__Dmnn1,.Popup_axis-right__LMYVy.Popup_float-middle__Dmnn1{top:50%;transform:translateY(-50%) scaleX(.5)}.Popup_isOpen__BRIdP .Popup_axis-left__SFKm-.Popup_float-middle__Dmnn1,.Popup_isOpen__BRIdP .Popup_axis-right__LMYVy.Popup_float-middle__Dmnn1{transform:translateY(-50%) scaleX(1)}.Popup_axis-top__BaLgG.Popup_float-middle__Dmnn1{transform-origin:bottom center}.Popup_axis-top__BaLgG.Popup_float-right__mdm-3{transform-origin:bottom left}.Popup_axis-top__BaLgG.Popup_float-left__tz7fX{transform-origin:bottom right}.Popup_axis-bottom__hZwwr.Popup_float-middle__Dmnn1{transform-origin:top center}.Popup_axis-bottom__hZwwr.Popup_float-right__mdm-3{transform-origin:top left}.Popup_axis-bottom__hZwwr.Popup_float-left__tz7fX{transform-origin:top right}.Popup_axis-right__LMYVy.Popup_float-middle__Dmnn1{transform-origin:center left}.Popup_axis-right__LMYVy.Popup_float-top__8SQAu{transform-origin:bottom left}.Popup_axis-right__LMYVy.Popup_float-bottom__7flve{transform-origin:top left}.Popup_axis-left__SFKm-.Popup_float-middle__Dmnn1{transform-origin:center right}.Popup_axis-left__SFKm-.Popup_float-top__8SQAu{transform-origin:bottom right}.Popup_axis-left__SFKm-.Popup_float-bottom__7flve{transform-origin:top right}";
4
4
  var S = {"root":"Popup_root__uQ-fP","contentWrapper":"Popup_contentWrapper__2yi-2","animating":"Popup_animating__kR0qF","isOpen":"Popup_isOpen__BRIdP","inline":"Popup_inline__1-l1S","content":"Popup_content__e8Qyu","trigger":"Popup_trigger__jQNaQ","disabled":"Popup_disabled__DlE9y","blur":"Popup_blur__1hfU8","size-xs":"Popup_size-xs__7QR-d","round":"Popup_round__7rD1m","size-s":"Popup_size-s__UmixP","size-m":"Popup_size-m__FYpTL","size-l":"Popup_size-l__BTS57","size-xl":"Popup_size-xl__fSfCc","elevation-1":"Popup_elevation-1__vmP3e","elevation-2":"Popup_elevation-2__Ci4sI","outlined":"Popup_outlined__g3cJV","axis-top":"Popup_axis-top__BaLgG","axis-bottom":"Popup_axis-bottom__hZwwr","axis-right":"Popup_axis-right__LMYVy","axis-left":"Popup_axis-left__SFKm-","float-top":"Popup_float-top__8SQAu","float-right":"Popup_float-right__mdm-3","float-bottom":"Popup_float-bottom__7flve","float-left":"Popup_float-left__tz7fX","float-middle":"Popup_float-middle__Dmnn1"};
5
5
  styleInject(css_248z);
6
6
 
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".RadioButton_root__-zReK{align-items:center;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.RadioButton_disabled__OuVm5{opacity:.4;pointer-events:none}.RadioButton_controlWrapper__xtZkJ{display:block;margin-right:1em;position:relative;transition:.2s ease-out;transition-property:opacity,box-shadow}.RadioButton_variant-default__r2D0X .RadioButton_controlWrapper__xtZkJ{background-color:var(--accent-color-alpha-100)}.RadioButton_variant-outlined__ZE2em .RadioButton_controlWrapper__xtZkJ{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.RadioButton_root__-zReK:hover .RadioButton_controlWrapper__xtZkJ{background-color:var(--active-color-alpha-100)}.RadioButton_isActive__hAdvm .RadioButton_controlWrapper__xtZkJ,.RadioButton_isFocused__pQaTx .RadioButton_controlWrapper__xtZkJ{box-shadow:inset 0 0 0 2px var(--active-color)!important}.RadioButton_hasError__SFhRz .RadioButton_controlWrapper__xtZkJ{box-shadow:inset 0 0 0 2px var(--danger-color)!important}.RadioButton_isActive__hAdvm .RadioButton_controlWrapper__xtZkJ{background-color:var(--active-color-alpha-100);opacity:.7}.RadioButton_control__RLcpz{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 0 2px none;box-sizing:border-box;cursor:pointer;transition:.2s ease-out;transition-property:background-color,box-shadow,opacity;transition:.1s ease-out;transition-property:background-color,color}.RadioButton_control__RLcpz:focus,.RadioButton_control__RLcpz:hover{background-color:var(--active-color-alpha-100)}.RadioButton_control__RLcpz[disabled]{background-color:var(--accent-color-alpha-100);opacity:.4;pointer-events:none}.RadioButton_dot__m6MWL{background-color:var(--active-color);border-radius:50%;height:42%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.4);transition:.1s ease-in;transition-property:transform,opacity;width:42%}.RadioButton_checked__X45GC .RadioButton_dot__m6MWL{opacity:1;transform:translate(-50%,-50%) scale(1.8)}.RadioButton_size-xs__gBuwV{font-size:14px}.RadioButton_size-xs__gBuwV .RadioButton_controlWrapper__xtZkJ{border-radius:4px;border-radius:12px;min-height:24px;min-width:24px}.RadioButton_size-s__2fKr7{font-size:16px}.RadioButton_size-s__2fKr7 .RadioButton_controlWrapper__xtZkJ{border-radius:4px;border-radius:16px;min-height:32px;min-width:32px}.RadioButton_size-m__cQ-gf{font-size:18px}.RadioButton_size-m__cQ-gf .RadioButton_controlWrapper__xtZkJ{border-radius:6px;border-radius:20px;min-height:40px;min-width:40px}.RadioButton_size-l__h3Alz{font-size:22px}.RadioButton_size-l__h3Alz .RadioButton_controlWrapper__xtZkJ{border-radius:8px;border-radius:24px;min-height:48px;min-width:48px}.RadioButton_size-xl__evU9a{font-size:26px}.RadioButton_size-xl__evU9a .RadioButton_controlWrapper__xtZkJ{border-radius:10px;border-radius:28px;min-height:56px;min-width:56px}";
3
+ var css_248z = ".RadioButton_root__-zReK{align-items:center;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.RadioButton_disabled__OuVm5{opacity:.4;pointer-events:none}.RadioButton_controlWrapper__xtZkJ{display:block;margin-right:1em;position:relative;transition:.2s ease-out;transition-property:opacity,box-shadow}.RadioButton_variant-default__r2D0X .RadioButton_controlWrapper__xtZkJ{background-color:var(--accent-color-alpha-100)}.RadioButton_variant-outlined__ZE2em .RadioButton_controlWrapper__xtZkJ{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.RadioButton_root__-zReK:hover .RadioButton_controlWrapper__xtZkJ{background-color:var(--active-color-alpha-100)}.RadioButton_isActive__hAdvm .RadioButton_controlWrapper__xtZkJ,.RadioButton_isFocused__pQaTx .RadioButton_controlWrapper__xtZkJ{box-shadow:inset 0 0 0 2px var(--active-color)!important}.RadioButton_hasError__SFhRz .RadioButton_controlWrapper__xtZkJ{box-shadow:inset 0 0 0 2px var(--danger-color)!important}.RadioButton_isActive__hAdvm .RadioButton_controlWrapper__xtZkJ{background-color:var(--active-color-alpha-100);opacity:.7}.RadioButton_control__RLcpz{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 0 2px none;box-sizing:border-box;cursor:pointer;transition:.2s ease-out;transition-property:background-color,box-shadow,opacity;transition:.1s ease-out;transition-property:background-color,color}.RadioButton_control__RLcpz:focus,.RadioButton_control__RLcpz:hover{background-color:var(--active-color-alpha-100)}.RadioButton_control__RLcpz[disabled]{background-color:var(--accent-color-alpha-100);opacity:.4;pointer-events:none}.RadioButton_dot__m6MWL{background-color:var(--active-color);border-radius:50%;height:42%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.4);transition:.1s ease-in;transition-property:transform,opacity;width:42%}.RadioButton_checked__X45GC .RadioButton_dot__m6MWL{opacity:1;transform:translate(-50%,-50%) scale(1.8)}.RadioButton_size-xs__gBuwV{font-size:14px}.RadioButton_size-xs__gBuwV .RadioButton_controlWrapper__xtZkJ{border-radius:6px;border-radius:12px;min-height:24px;min-width:24px}.RadioButton_size-s__2fKr7{font-size:16px}.RadioButton_size-s__2fKr7 .RadioButton_controlWrapper__xtZkJ{border-radius:6px;border-radius:16px;min-height:32px;min-width:32px}.RadioButton_size-m__cQ-gf{font-size:18px}.RadioButton_size-m__cQ-gf .RadioButton_controlWrapper__xtZkJ{border-radius:9px;border-radius:20px;min-height:40px;min-width:40px}.RadioButton_size-l__h3Alz{font-size:22px}.RadioButton_size-l__h3Alz .RadioButton_controlWrapper__xtZkJ{border-radius:12px;border-radius:24px;min-height:48px;min-width:48px}.RadioButton_size-xl__evU9a{font-size:26px}.RadioButton_size-xl__evU9a .RadioButton_controlWrapper__xtZkJ{border-radius:15px;border-radius:28px;min-height:56px;min-width:56px}";
4
4
  var S = {"root":"RadioButton_root__-zReK","disabled":"RadioButton_disabled__OuVm5","controlWrapper":"RadioButton_controlWrapper__xtZkJ","variant-default":"RadioButton_variant-default__r2D0X","variant-outlined":"RadioButton_variant-outlined__ZE2em","isActive":"RadioButton_isActive__hAdvm","isFocused":"RadioButton_isFocused__pQaTx","hasError":"RadioButton_hasError__SFhRz","control":"RadioButton_control__RLcpz","dot":"RadioButton_dot__m6MWL","checked":"RadioButton_checked__X45GC","size-xs":"RadioButton_size-xs__gBuwV","size-s":"RadioButton_size-s__2fKr7","size-m":"RadioButton_size-m__cQ-gf","size-l":"RadioButton_size-l__h3Alz","size-xl":"RadioButton_size-xl__evU9a"};
5
5
  styleInject(css_248z);
6
6
 
@@ -5,7 +5,7 @@ import Time from 'timen';
5
5
  import { isTouch } from '../../tools/dom.js';
6
6
  import { observe, unobserve } from '../../tools/resizeObserver.js';
7
7
  import S from './Scroll.styl.js';
8
- import useEvent from '../../hooks/useEvent.js';
8
+ import { useEvent } from '../../hooks/useEvent.js';
9
9
  import { useDebounce } from '../../hooks/useDebounce.js';
10
10
 
11
11
  const getEventCoords = e => ({
@@ -1,5 +1,5 @@
1
1
  import { useState, useRef, useCallback, useMemo, useEffect } from 'react';
2
- import useEvent from '../../hooks/useEvent.js';
2
+ import { useEvent } from '../../hooks/useEvent.js';
3
3
  import { idsKey, matchesSearch, isSelectable, mapById, toIds } from './Select.helpers.js';
4
4
 
5
5
  /**
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".Select_root__mjOjv{max-height:200px;max-width:100%;position:relative}.Select_root__mjOjv.Select_disabled__AlOQi{opacity:.4;pointer-events:none}.Select_additionalLabel__K0--Z{flex-grow:1;overflow:hidden;text-align:left;text-overflow:ellipsis}.Select_trigger__OH48f{position:relative;z-index:1}.Select_triggerArrow__1LEop{flex-shrink:0;margin-left:.3em;margin-right:.7em;transition:transform .2s ease-out}.Select_triggerArrow__1LEop.Select_isOpen__WlMUH{transform:rotateX(-180deg)}.Select_disabled__AlOQi .Select_triggerArrow__1LEop{color:var(--text3-color)}.Select_triggerButton__lErtt{justify-content:space-between;text-align:left;width:100%}.Select_triggerButton__lErtt.Select_hasTriggerArrow__vPLad{padding-right:0}.Select_triggerButton__lErtt.Select_hasTriggerArrow__vPLad>span{max-width:calc(100% - 22px)}.Select_triggerButton__lErtt.Select_isError__WJJLq{box-shadow:inset 0 0 0 2px var(--danger-color)}.Select_triggerButton__lErtt .Select_triggerButtonLabel__XXLzh{line-height:1.2em;opacity:0;overflow:hidden;text-overflow:ellipsis}.Select_triggerButton__lErtt .Select_triggerButtonLabel__XXLzh.Select_hasSelected__zQhBV{opacity:1}.Select_presetPanel__Yu94r{box-shadow:inset 0 -1px 0 var(--decent-color-alpha-100);display:flex;padding:5px}.Select_presetButton__BAl0q{flex-grow:1;justify-content:center}.Select_presetButton__BAl0q+.Select_presetButton__BAl0q{margin-left:8px}.Select_options__3C0-v{max-height:200px;overflow-y:auto}.keyboard .Select_options__3C0-v{pointer-events:none}.Select_option__iJkfJ{align-items:center;cursor:pointer;display:flex;overflow:hidden;padding-bottom:0!important;padding-top:0!important;position:relative;text-align:left;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.Select_isTree__SiTaD .Select_option__iJkfJ{min-height:36px}.Select_size-xs__2lZQY .Select_option__iJkfJ{font-size:14px;height:22px;padding:0 8px}.Select_size-s__qBK9t .Select_option__iJkfJ{font-size:16px;height:26px;padding:0 12px}.Select_size-m__jp7n- .Select_option__iJkfJ{font-size:18px;height:34px;padding:0 16px}.Select_size-l__b4EEy .Select_option__iJkfJ{font-size:22px;height:42px;padding:0 20px}.Select_size-xl__0OerX .Select_option__iJkfJ{font-size:26px;height:50px;padding:0 24px}.Select_option__iJkfJ:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.Select_option__iJkfJ:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.Select_isTree__SiTaD .Select_option__iJkfJ{padding-left:30px}.Select_option__iJkfJ.Select_isGroup__aP1lY{color:var(--accent-color);font-weight:500;pointer-events:none}.Select_isExpanded__rG8R1>.Select_option__iJkfJ{display:flex}.Select_option__iJkfJ>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Select_option__iJkfJ:before{content:\"\";display:inline-block}.Select_option__iJkfJ.Select_level-0__vu03A:before{content:none}.Select_option__iJkfJ.Select_level-1__ozH2U:before{min-width:24px;width:24px}.Select_option__iJkfJ.Select_level-2__XDqeh:before{min-width:48px;width:48px}.Select_option__iJkfJ.Select_level-3__Bc9XS:before{min-width:72px;width:72px}.Select_option__iJkfJ.Select_level-4__KfQcQ:before{min-width:96px;width:96px}.Select_option__iJkfJ.Select_level-5__DGSDM:before{min-width:120px;width:120px}.Select_option__iJkfJ.Select_level-6__p688A:before{min-width:144px;width:144px}.Select_option__iJkfJ.Select_isIndeterminate__dy-xV,.Select_option__iJkfJ.Select_isSelected__n3ZeN{background-color:var(--active-color-alpha-500)}.keyboard .Select_option__iJkfJ.Select_isFocused__oZSgY,.pointer .Select_option__iJkfJ:hover{box-shadow:inset 100vw 0 0 0 var(--accent-color-alpha-200)}.Select_expandButton__UTwlR{background-color:transparent!important;display:flex;height:100%;justify-content:flex-end;overflow:visible;padding:0;position:relative;width:30px}.Select_expandButton__UTwlR:before{content:\"\";display:block;height:calc(100% + 20px);position:absolute;right:0;top:-10;width:100px}.Select_size-xs__2lZQY .Select_expandButton__UTwlR{margin-left:-34px}.Select_size-s__qBK9t .Select_expandButton__UTwlR{margin-left:-37px}.Select_size-m__jp7n- .Select_expandButton__UTwlR{margin-left:-40px}.Select_size-l__b4EEy .Select_expandButton__UTwlR{margin-left:-46px}.Select_size-xl__0OerX .Select_expandButton__UTwlR{margin-left:-52px}.Select_expandIcon__gWAIB{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .1s ease-out}.Select_isExpanded__rG8R1 .Select_expandIcon__gWAIB{transform:rotate(90deg) translateZ(0)}.Select_expandButton__UTwlR:hover .Select_expandIcon__gWAIB{color:var(--primary-color)}.Select_chip__FRK2y{margin-left:-.4em}.Select_chipsContainer__JruCi{overflow-y:auto;padding:4px 0}.Select_size-xs__2lZQY .Select_chipsContainer__JruCi{max-height:90px}.Select_size-s__qBK9t .Select_chipsContainer__JruCi{max-height:108px}.Select_size-m__jp7n- .Select_chipsContainer__JruCi{max-height:180px}.Select_size-l__b4EEy .Select_chipsContainer__JruCi{max-height:220px}.Select_size-xl__0OerX .Select_chipsContainer__JruCi{max-height:260px}.Select_chipContainerInner__cYHSk{display:flex;flex-wrap:wrap;gap:4px}.Select_chip__FRK2y{margin:0}@keyframes Select_fadeIn__QpAwZ{0%{opacity:0}10%{opacity:0}to{opacity:1}}";
3
+ var css_248z = ".Select_root__mjOjv{max-height:200px;max-width:100%;position:relative}.Select_root__mjOjv.Select_disabled__AlOQi{opacity:.4;pointer-events:none}.Select_additionalLabel__K0--Z{flex-grow:1;overflow:hidden;text-align:left;text-overflow:ellipsis}.Select_trigger__OH48f{position:relative;z-index:1}.Select_triggerArrow__1LEop{flex-shrink:0;margin-left:.3em;margin-right:.7em;transition:transform .2s ease-out}.Select_triggerArrow__1LEop.Select_isOpen__WlMUH{transform:rotateX(-180deg)}.Select_disabled__AlOQi .Select_triggerArrow__1LEop{color:var(--text3-color)}.Select_triggerButton__lErtt{justify-content:space-between;text-align:left;width:100%}.Select_triggerButton__lErtt.Select_hasTriggerArrow__vPLad{padding-right:0}.Select_triggerButton__lErtt.Select_hasTriggerArrow__vPLad>span{max-width:calc(100% - 22px)}.Select_triggerButton__lErtt.Select_isError__WJJLq{box-shadow:inset 0 0 0 2px var(--danger-color)}.Select_triggerButton__lErtt .Select_triggerButtonLabel__XXLzh{line-height:1.2em;opacity:0;overflow:hidden;text-overflow:ellipsis}.Select_triggerButton__lErtt .Select_triggerButtonLabel__XXLzh.Select_hasSelected__zQhBV{opacity:1}.Select_presetPanel__Yu94r{box-shadow:inset 0 -1px 0 var(--decent-color-alpha-100);display:flex;padding:5px}.Select_presetButton__BAl0q{flex-grow:1;justify-content:center}.Select_presetButton__BAl0q+.Select_presetButton__BAl0q{margin-left:8px}.Select_options__3C0-v{max-height:200px;overflow-y:auto}.keyboard .Select_options__3C0-v{pointer-events:none}.Select_option__iJkfJ{align-items:center;cursor:pointer;display:flex;overflow:hidden;padding-bottom:0!important;padding-top:0!important;position:relative;text-align:left;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.Select_isTree__SiTaD .Select_option__iJkfJ{min-height:36px}.Select_size-xs__2lZQY .Select_option__iJkfJ{border-radius:6px;font-size:14px;height:22px;padding:0 8px}.Select_size-s__qBK9t .Select_option__iJkfJ{border-radius:6px;font-size:16px;height:26px;padding:0 12px}.Select_size-m__jp7n- .Select_option__iJkfJ{border-radius:9px;font-size:18px;height:34px;padding:0 16px}.Select_size-l__b4EEy .Select_option__iJkfJ{border-radius:12px;font-size:22px;height:42px;padding:0 20px}.Select_size-xl__0OerX .Select_option__iJkfJ{border-radius:15px;font-size:26px;height:50px;padding:0 24px}.Select_isTree__SiTaD .Select_option__iJkfJ{padding-left:30px}.Select_option__iJkfJ.Select_isGroup__aP1lY{color:var(--accent-color);font-weight:500;pointer-events:none}.Select_isExpanded__rG8R1>.Select_option__iJkfJ{display:flex}.Select_option__iJkfJ>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Select_option__iJkfJ:before{content:\"\";display:inline-block}.Select_option__iJkfJ.Select_level-0__vu03A:before{content:none}.Select_option__iJkfJ.Select_level-1__ozH2U:before{min-width:24px;width:24px}.Select_option__iJkfJ.Select_level-2__XDqeh:before{min-width:48px;width:48px}.Select_option__iJkfJ.Select_level-3__Bc9XS:before{min-width:72px;width:72px}.Select_option__iJkfJ.Select_level-4__KfQcQ:before{min-width:96px;width:96px}.Select_option__iJkfJ.Select_level-5__DGSDM:before{min-width:120px;width:120px}.Select_option__iJkfJ.Select_level-6__p688A:before{min-width:144px;width:144px}.Select_option__iJkfJ.Select_isIndeterminate__dy-xV,.Select_option__iJkfJ.Select_isSelected__n3ZeN{background-color:var(--active-color-alpha-500)}.keyboard .Select_option__iJkfJ.Select_isFocused__oZSgY,.pointer .Select_option__iJkfJ:hover{box-shadow:inset 100vw 0 0 0 var(--accent-color-alpha-200)}.Select_expandButton__UTwlR{background-color:transparent!important;display:flex;height:100%;justify-content:flex-end;overflow:visible;padding:0;position:relative;width:30px}.Select_expandButton__UTwlR:before{content:\"\";display:block;height:calc(100% + 20px);position:absolute;right:0;top:-10;width:100px}.Select_size-xs__2lZQY .Select_expandButton__UTwlR{margin-left:-34px}.Select_size-s__qBK9t .Select_expandButton__UTwlR{margin-left:-37px}.Select_size-m__jp7n- .Select_expandButton__UTwlR{margin-left:-40px}.Select_size-l__b4EEy .Select_expandButton__UTwlR{margin-left:-46px}.Select_size-xl__0OerX .Select_expandButton__UTwlR{margin-left:-52px}.Select_expandIcon__gWAIB{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .1s ease-out}.Select_isExpanded__rG8R1 .Select_expandIcon__gWAIB{transform:rotate(90deg) translateZ(0)}.Select_expandButton__UTwlR:hover .Select_expandIcon__gWAIB{color:var(--primary-color)}.Select_chip__FRK2y{margin-left:-.4em}.Select_chipsContainer__JruCi{overflow-y:auto;padding:4px 0}.Select_size-xs__2lZQY .Select_chipsContainer__JruCi{max-height:90px}.Select_size-s__qBK9t .Select_chipsContainer__JruCi{max-height:108px}.Select_size-m__jp7n- .Select_chipsContainer__JruCi{max-height:180px}.Select_size-l__b4EEy .Select_chipsContainer__JruCi{max-height:220px}.Select_size-xl__0OerX .Select_chipsContainer__JruCi{max-height:260px}.Select_chipContainerInner__cYHSk{display:flex;flex-wrap:wrap;gap:4px}.Select_chip__FRK2y{margin:0}@keyframes Select_fadeIn__QpAwZ{0%{opacity:0}10%{opacity:0}to{opacity:1}}";
4
4
  var S = {"root":"Select_root__mjOjv","disabled":"Select_disabled__AlOQi","additionalLabel":"Select_additionalLabel__K0--Z","trigger":"Select_trigger__OH48f","triggerArrow":"Select_triggerArrow__1LEop","isOpen":"Select_isOpen__WlMUH","triggerButton":"Select_triggerButton__lErtt","hasTriggerArrow":"Select_hasTriggerArrow__vPLad","isError":"Select_isError__WJJLq","triggerButtonLabel":"Select_triggerButtonLabel__XXLzh","hasSelected":"Select_hasSelected__zQhBV","presetPanel":"Select_presetPanel__Yu94r","presetButton":"Select_presetButton__BAl0q","options":"Select_options__3C0-v","option":"Select_option__iJkfJ","isTree":"Select_isTree__SiTaD","size-xs":"Select_size-xs__2lZQY","size-s":"Select_size-s__qBK9t","size-m":"Select_size-m__jp7n-","size-l":"Select_size-l__b4EEy","size-xl":"Select_size-xl__0OerX","isGroup":"Select_isGroup__aP1lY","isExpanded":"Select_isExpanded__rG8R1","level-0":"Select_level-0__vu03A","level-1":"Select_level-1__ozH2U","level-2":"Select_level-2__XDqeh","level-3":"Select_level-3__Bc9XS","level-4":"Select_level-4__KfQcQ","level-5":"Select_level-5__DGSDM","level-6":"Select_level-6__p688A","isSelected":"Select_isSelected__n3ZeN","isIndeterminate":"Select_isIndeterminate__dy-xV","isFocused":"Select_isFocused__oZSgY","expandButton":"Select_expandButton__UTwlR","expandIcon":"Select_expandIcon__gWAIB","chip":"Select_chip__FRK2y","chipsContainer":"Select_chipsContainer__JruCi","chipContainerInner":"Select_chipContainerInner__cYHSk","fadeIn":"Select_fadeIn__QpAwZ"};
5
5
  styleInject(css_248z);
6
6
 
@@ -14,7 +14,7 @@ import { Popup } from '../Popup/Popup.js';
14
14
  import { RequiredStar } from '../RequiredStar/RequiredStar.js';
15
15
  import { Scroll } from '../Scroll/Scroll.js';
16
16
  import { useThrottle } from '../../hooks/useThrottle.js';
17
- import useEvent from '../../hooks/useEvent.js';
17
+ import { useEvent } from '../../hooks/useEvent.js';
18
18
  import { generateUID } from '../../tools/uid.js';
19
19
  import { useSelectedIds, useSelectOptions, useSelectOpenState, useKeyboardNav } from './Select.hooks.js';
20
20
  import S from './Select.styl.js';
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".Shimmer_root__XaY5r{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.Shimmer_inner__zssMV{animation:Shimmer_shimmer__hGfzF 1.5s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);background:linear-gradient(90deg,transparent 0,var(--shimmer-color,var(--accent-color-alpha-200,hsla(0,0%,100%,.2))) 50%,transparent 100%);inset:0;position:absolute}.Shimmer_size-xs__RAP4h{border-radius:4px}.Shimmer_round__rwhjn.Shimmer_size-xs__RAP4h{border-radius:12px}.Shimmer_size-s__EYKhC{border-radius:4px}.Shimmer_round__rwhjn.Shimmer_size-s__EYKhC{border-radius:16px}.Shimmer_size-m__AYziL{border-radius:6px}.Shimmer_round__rwhjn.Shimmer_size-m__AYziL{border-radius:20px}.Shimmer_size-l__GqE0a{border-radius:8px}.Shimmer_round__rwhjn.Shimmer_size-l__GqE0a{border-radius:24px}.Shimmer_size-xl__VwXMx{border-radius:10px}.Shimmer_round__rwhjn.Shimmer_size-xl__VwXMx{border-radius:28px}@keyframes Shimmer_shimmer__hGfzF{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(100%)}}";
3
+ var css_248z = ".Shimmer_root__XaY5r{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.Shimmer_inner__zssMV{animation:Shimmer_shimmer__hGfzF 1.5s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);background:linear-gradient(90deg,transparent 0,var(--shimmer-color,var(--accent-color-alpha-200,hsla(0,0%,100%,.2))) 50%,transparent 100%);inset:0;position:absolute}.Shimmer_size-xs__RAP4h{border-radius:6px}.Shimmer_round__rwhjn.Shimmer_size-xs__RAP4h{border-radius:12px}.Shimmer_size-s__EYKhC{border-radius:6px}.Shimmer_round__rwhjn.Shimmer_size-s__EYKhC{border-radius:16px}.Shimmer_size-m__AYziL{border-radius:9px}.Shimmer_round__rwhjn.Shimmer_size-m__AYziL{border-radius:20px}.Shimmer_size-l__GqE0a{border-radius:12px}.Shimmer_round__rwhjn.Shimmer_size-l__GqE0a{border-radius:24px}.Shimmer_size-xl__VwXMx{border-radius:15px}.Shimmer_round__rwhjn.Shimmer_size-xl__VwXMx{border-radius:28px}@keyframes Shimmer_shimmer__hGfzF{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(100%)}}";
4
4
  var S = {"root":"Shimmer_root__XaY5r","inner":"Shimmer_inner__zssMV","shimmer":"Shimmer_shimmer__hGfzF","size-xs":"Shimmer_size-xs__RAP4h","round":"Shimmer_round__rwhjn","size-s":"Shimmer_size-s__EYKhC","size-m":"Shimmer_size-m__AYziL","size-l":"Shimmer_size-l__GqE0a","size-xl":"Shimmer_size-xl__VwXMx"};
5
5
  styleInject(css_248z);
6
6
 
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".Table_root__PxLR-{--brad:var(--border-radius-l);border-radius:var(--border-radius-l);border-radius:var(--brad);max-height:100%;overflow:hidden;position:relative}.Table_root__PxLR- table{min-width:100%}.Table_root__PxLR- tbody{overflow-scrolling:touch;overflow:auto}.Table_root__PxLR- thead{position:sticky;top:0;z-index:1}.Table_root__PxLR- td,.Table_root__PxLR- th{min-width:5em;padding:var(--cell-padding);text-align:left}.Table_root__PxLR- td{vertical-align:top}.Table_root__PxLR- tr:last-child td{border-bottom-left-radius:var(--brad);border-bottom-right-radius:var(--brad);padding-bottom:var(--last-row-padding-bottom)}.Table_variant-default__86px7{box-shadow:0 0 0 2px var(--accent-color-alpha-100)}.Table_variant-default__86px7 th{background-color:var(--accent-color-alpha-100)}.Table_variant-default__86px7 td{box-shadow:inset 0 1px 0 0 var(--accent-color-alpha-100)}.Table_variant-plain__orPhH th{border-bottom:1px solid var(--accent-color-alpha-100)}.Table_variant-plain__orPhH td,.Table_variant-plain__orPhH th{border-bottom:1px solid var(--accent-color-alpha-100);border-right:1px solid var(--accent-color-alpha-100)}.Table_variant-plain__orPhH td:last-child,.Table_variant-plain__orPhH th:last-child{border-right:none}.Table_variant-plain__orPhH tr:last-child td{border-bottom:none}.Table_size-xs__z1E3a{--cell-padding:2px;--last-row-padding-bottom:var(--p-4)}.Table_size-s__9PBIX{--cell-padding:var(--p-1);--last-row-padding-bottom:var(--p-5)}.Table_size-m__wNH3x{--cell-padding:var(--p-2);--last-row-padding-bottom:var(--p-5)}.Table_size-l__lCN-O{--cell-padding:var(--p-5);--last-row-padding-bottom:var(--p-8)}.Table_size-xl__QS-V3{--cell-padding:var(--p-8);--last-row-padding-bottom:var(--p-8)}.Table_scroll__a04XZ{position:static}.Table_xScrollbar__FODoD{transform:translateY(4px)}.Table_yScrollbar__KwMOv{transform:translateX(4px)}.Table_sticky__99lks{background-color:var(--decent-color);left:0;position:sticky;z-index:1}th.Table_sticky__99lks{background-color:var(--accent-color);color:var(--decent-color)}.Table_blur__UwMAo .Table_sticky__99lks{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--decent-color-alpha-500)}.Table_blur__UwMAo th.Table_sticky__99lks{background-color:var(--accent-color-alpha-500);color:var(--decent-color-alpha-800)}";
3
+ var css_248z = ".Table_root__PxLR-{--brad:6px;border-radius:6px;border-radius:var(--brad);max-height:100%;overflow:hidden;position:relative}.Table_root__PxLR- table{min-width:100%}.Table_root__PxLR- tbody{overflow-scrolling:touch;overflow:auto}.Table_root__PxLR- thead{position:sticky;top:0;z-index:1}.Table_root__PxLR- td,.Table_root__PxLR- th{min-width:5em;padding:var(--cell-padding);text-align:left}.Table_root__PxLR- td{vertical-align:top}.Table_root__PxLR- tr:last-child td{border-bottom-left-radius:var(--brad);border-bottom-right-radius:var(--brad);padding-bottom:var(--last-row-padding-bottom)}.Table_variant-default__86px7{box-shadow:0 0 0 2px var(--accent-color-alpha-100)}.Table_variant-default__86px7 th{background-color:var(--accent-color-alpha-100)}.Table_variant-default__86px7 td{box-shadow:inset 0 1px 0 0 var(--accent-color-alpha-100)}.Table_variant-plain__orPhH th{border-bottom:1px solid var(--accent-color-alpha-100)}.Table_variant-plain__orPhH td,.Table_variant-plain__orPhH th{border-bottom:1px solid var(--accent-color-alpha-100);border-right:1px solid var(--accent-color-alpha-100)}.Table_variant-plain__orPhH td:last-child,.Table_variant-plain__orPhH th:last-child{border-right:none}.Table_variant-plain__orPhH tr:last-child td{border-bottom:none}.Table_size-xs__z1E3a{--brad:4px;--cell-padding:2px;--last-row-padding-bottom:var(--p-4)}.Table_size-s__9PBIX{--brad:4px;--cell-padding:var(--p-1);--last-row-padding-bottom:var(--p-5)}.Table_size-m__wNH3x{--brad:6px;--cell-padding:var(--p-2);--last-row-padding-bottom:var(--p-5)}.Table_size-l__lCN-O{--brad:8px;--cell-padding:var(--p-5);--last-row-padding-bottom:var(--p-8)}.Table_size-xl__QS-V3{--brad:10px;--cell-padding:var(--p-8);--last-row-padding-bottom:var(--p-8)}.Table_scroll__a04XZ{position:static}.Table_xScrollbar__FODoD{transform:translateY(4px)}.Table_yScrollbar__KwMOv{transform:translateX(4px)}.Table_sticky__99lks{background-color:var(--decent-color);left:0;position:sticky;z-index:1}th.Table_sticky__99lks{background-color:var(--accent-color);color:var(--decent-color)}.Table_blur__UwMAo .Table_sticky__99lks{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--decent-color-alpha-500)}.Table_blur__UwMAo th.Table_sticky__99lks{background-color:var(--accent-color-alpha-500);color:var(--decent-color-alpha-800)}";
4
4
  var S = {"root":"Table_root__PxLR-","variant-default":"Table_variant-default__86px7","variant-plain":"Table_variant-plain__orPhH","size-xs":"Table_size-xs__z1E3a","size-s":"Table_size-s__9PBIX","size-m":"Table_size-m__wNH3x","size-l":"Table_size-l__lCN-O","size-xl":"Table_size-xl__QS-V3","scroll":"Table_scroll__a04XZ","xScrollbar":"Table_xScrollbar__FODoD","yScrollbar":"Table_yScrollbar__KwMOv","sticky":"Table_sticky__99lks","blur":"Table_blur__UwMAo"};
5
5
  styleInject(css_248z);
6
6
 
@@ -6,7 +6,7 @@ import { Icon } from '../Icon/Icon.js';
6
6
  import { Popup } from '../Popup/Popup.js';
7
7
  import { ProgressCircular } from '../ProgressCircular/ProgressCircular.js';
8
8
  import { Slider } from '../Slider/Slider.js';
9
- import useEvent from '../../hooks/useEvent.js';
9
+ import { useEvent } from '../../hooks/useEvent.js';
10
10
  import debounce from '../../tools/debounce.js';
11
11
  import S from './VideoPlayer.styl.js';
12
12
  import { TIME_PERSIST_DEBOUNCE_MS, saveStorage, formatTime, VOLUME_POPUP_HIDE_MS, clamp, leadingDebounce, isEditableTarget, loadStorage, getBufferedPercent, DOUBLE_TAP_MS, getStorageKey, timeToProgressPct, KEYBOARD_DEBOUNCE_MS, getSeekDelta, VOLUME_STEP } from './VideoPlayer.helpers.js';
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".VideoPlayer_root__LGBzl{border-radius:var(--p-3);box-shadow:inset 0 0 0 2px none;color:var(--accent-color);flex-direction:column}.VideoPlayer_root__LGBzl,.VideoPlayer_videoWrap__sglO6{display:flex;overflow:hidden;position:relative;width:100%}.VideoPlayer_videoWrap__sglO6{align-items:center;aspect-ratio:16/9;border-radius:inherit}.VideoPlayer_video__fYIXE{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.VideoPlayer_loading__PpSPh{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--decent-color-alpha-200);border-radius:var(--p-3);display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.VideoPlayer_controls__ZtlUH{background:var(--decent-color-alpha-700);border-bottom-left-radius:var(--p-3);border-bottom-right-radius:var(--p-3);bottom:0;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;height:auto;left:0;pointer-events:none;position:absolute;right:0;top:auto;transform:translateY(0);transition:transform .25s ease;width:100%;z-index:2}.VideoPlayer_size-xs__gE1DT .VideoPlayer_controlsCompact__j25Ad{transform:translateY(calc(100% - 1px))}.VideoPlayer_size-s__7gpUI .VideoPlayer_controlsCompact__j25Ad{transform:translateY(calc(100% - 2px))}.VideoPlayer_size-m__oNx3V .VideoPlayer_controlsCompact__j25Ad{transform:translateY(calc(100% - 4px))}.VideoPlayer_size-l__BrHtn .VideoPlayer_controlsCompact__j25Ad{transform:translateY(calc(100% - 6px))}.VideoPlayer_size-xl__u0nqW .VideoPlayer_controlsCompact__j25Ad{transform:translateY(calc(100% - 10px))}.VideoPlayer_progressRow__u53xA{pointer-events:auto;width:100%}.VideoPlayer_progressRow__u53xA input{--track-radius:0}.VideoPlayer_progress__qRC1a{min-width:0;width:100%}.VideoPlayer_size-xs__gE1DT .VideoPlayer_progress__qRC1a{top:-5px}.VideoPlayer_size-s__7gpUI .VideoPlayer_progress__qRC1a{top:-6px}.VideoPlayer_size-m__oNx3V .VideoPlayer_progress__qRC1a{top:-4px}.VideoPlayer_size-l__BrHtn .VideoPlayer_progress__qRC1a,.VideoPlayer_size-xl__u0nqW .VideoPlayer_progress__qRC1a{top:-5px}.VideoPlayer_bar__myWn1{align-items:center;display:flex;gap:var(--p-2);padding:0 var(--p-3) var(--p-2);pointer-events:auto}.VideoPlayer_time__-icL3{font-feature-settings:\"tnum\";flex:1;font-size:13px;font-variant-numeric:tabular-nums;min-width:0;opacity:.85;white-space:nowrap}.VideoPlayer_volumeControl__XUc1I{align-items:center;display:inline-flex;flex-shrink:0}.VideoPlayer_volumePopup__eXzsE{align-items:center;box-sizing:border-box;display:flex;height:120px;justify-content:center;padding:var(--p-3) var(--p-2)}.VideoPlayer_volumeSliderWrap__ANQ55{align-items:stretch;display:flex;height:100%;justify-content:center;width:16px;width:var(--thumb-size,16px)}.VideoPlayer_volumeSlider__TWOG5{height:100%}.VideoPlayer_fullscreen__aue41,.VideoPlayer_fullscreen__aue41 .VideoPlayer_videoWrap__sglO6{border-radius:0}.VideoPlayer_fullscreen__aue41 video{-o-object-fit:contain;object-fit:contain}";
4
- var S = {"root":"VideoPlayer_root__LGBzl","videoWrap":"VideoPlayer_videoWrap__sglO6","video":"VideoPlayer_video__fYIXE","loading":"VideoPlayer_loading__PpSPh","controls":"VideoPlayer_controls__ZtlUH","size-xs":"VideoPlayer_size-xs__gE1DT","controlsCompact":"VideoPlayer_controlsCompact__j25Ad","size-s":"VideoPlayer_size-s__7gpUI","size-m":"VideoPlayer_size-m__oNx3V","size-l":"VideoPlayer_size-l__BrHtn","size-xl":"VideoPlayer_size-xl__u0nqW","progressRow":"VideoPlayer_progressRow__u53xA","progress":"VideoPlayer_progress__qRC1a","bar":"VideoPlayer_bar__myWn1","time":"VideoPlayer_time__-icL3","volumeControl":"VideoPlayer_volumeControl__XUc1I","volumePopup":"VideoPlayer_volumePopup__eXzsE","volumeSliderWrap":"VideoPlayer_volumeSliderWrap__ANQ55","volumeSlider":"VideoPlayer_volumeSlider__TWOG5","fullscreen":"VideoPlayer_fullscreen__aue41"};
3
+ var css_248z = ".VideoPlayer_root__LGBzl{box-shadow:inset 0 0 0 2px none;color:var(--accent-color);display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.VideoPlayer_root__LGBzl.VideoPlayer_size-s__7gpUI,.VideoPlayer_root__LGBzl.VideoPlayer_size-xs__gE1DT{border-radius:6px}.VideoPlayer_root__LGBzl.VideoPlayer_size-m__oNx3V{border-radius:9px}.VideoPlayer_root__LGBzl.VideoPlayer_size-l__BrHtn{border-radius:12px}.VideoPlayer_root__LGBzl.VideoPlayer_size-xl__u0nqW{border-radius:15px}.VideoPlayer_videoWrap__sglO6{align-items:center;aspect-ratio:16/9;border-radius:inherit;display:flex;overflow:hidden;position:relative;width:100%}.VideoPlayer_video__fYIXE{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.VideoPlayer_loading__PpSPh{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--decent-color-alpha-200);border-radius:inherit;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.VideoPlayer_controls__ZtlUH{background:var(--decent-color-alpha-700);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;height:auto;left:0;pointer-events:none;position:absolute;right:0;top:auto;transform:translateY(0);transition:transform .25s ease;width:100%;z-index:2}.VideoPlayer_size-xs__gE1DT .VideoPlayer_controlsCompact__j25Ad{transform:translateY(calc(100% - 1px))}.VideoPlayer_size-s__7gpUI .VideoPlayer_controlsCompact__j25Ad{transform:translateY(calc(100% - 2px))}.VideoPlayer_size-m__oNx3V .VideoPlayer_controlsCompact__j25Ad{transform:translateY(calc(100% - 4px))}.VideoPlayer_size-l__BrHtn .VideoPlayer_controlsCompact__j25Ad{transform:translateY(calc(100% - 6px))}.VideoPlayer_size-xl__u0nqW .VideoPlayer_controlsCompact__j25Ad{transform:translateY(calc(100% - 10px))}.VideoPlayer_progressRow__u53xA{pointer-events:auto;width:100%}.VideoPlayer_progressRow__u53xA input{--track-radius:0}.VideoPlayer_progress__qRC1a{min-width:0;width:100%}.VideoPlayer_size-xs__gE1DT .VideoPlayer_progress__qRC1a{top:-5px}.VideoPlayer_size-s__7gpUI .VideoPlayer_progress__qRC1a{top:-6px}.VideoPlayer_size-m__oNx3V .VideoPlayer_progress__qRC1a{top:-4px}.VideoPlayer_size-l__BrHtn .VideoPlayer_progress__qRC1a,.VideoPlayer_size-xl__u0nqW .VideoPlayer_progress__qRC1a{top:-5px}.VideoPlayer_bar__myWn1{align-items:center;display:flex;gap:var(--p-2);padding:0 var(--p-3) var(--p-2);pointer-events:auto}.VideoPlayer_time__-icL3{font-feature-settings:\"tnum\";flex:1;font-size:13px;font-variant-numeric:tabular-nums;min-width:0;opacity:.85;white-space:nowrap}.VideoPlayer_volumeControl__XUc1I{align-items:center;display:inline-flex;flex-shrink:0}.VideoPlayer_volumePopup__eXzsE{align-items:center;box-sizing:border-box;display:flex;height:120px;justify-content:center;padding:var(--p-3) var(--p-2)}.VideoPlayer_volumeSliderWrap__ANQ55{align-items:stretch;display:flex;height:100%;justify-content:center;width:16px;width:var(--thumb-size,16px)}.VideoPlayer_volumeSlider__TWOG5{height:100%}.VideoPlayer_fullscreen__aue41,.VideoPlayer_fullscreen__aue41 .VideoPlayer_videoWrap__sglO6{border-radius:0}.VideoPlayer_fullscreen__aue41 video{-o-object-fit:contain;object-fit:contain}";
4
+ var S = {"root":"VideoPlayer_root__LGBzl","size-xs":"VideoPlayer_size-xs__gE1DT","size-s":"VideoPlayer_size-s__7gpUI","size-m":"VideoPlayer_size-m__oNx3V","size-l":"VideoPlayer_size-l__BrHtn","size-xl":"VideoPlayer_size-xl__u0nqW","videoWrap":"VideoPlayer_videoWrap__sglO6","video":"VideoPlayer_video__fYIXE","loading":"VideoPlayer_loading__PpSPh","controls":"VideoPlayer_controls__ZtlUH","controlsCompact":"VideoPlayer_controlsCompact__j25Ad","progressRow":"VideoPlayer_progressRow__u53xA","progress":"VideoPlayer_progress__qRC1a","bar":"VideoPlayer_bar__myWn1","time":"VideoPlayer_time__-icL3","volumeControl":"VideoPlayer_volumeControl__XUc1I","volumePopup":"VideoPlayer_volumePopup__eXzsE","volumeSliderWrap":"VideoPlayer_volumeSliderWrap__ANQ55","volumeSlider":"VideoPlayer_volumeSlider__TWOG5","fullscreen":"VideoPlayer_fullscreen__aue41"};
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { S as default };
@@ -24,4 +24,4 @@ function useEvent({ elem, event, callback, isActive = true, isCapture = false, }
24
24
  }, [isActive, elem, callback]);
25
25
  }
26
26
 
27
- export { useEvent as default };
27
+ export { useEvent as default, useEvent };
@@ -1,5 +1,5 @@
1
1
  import { useState, useCallback, useEffect } from 'react';
2
- import useEvent from './useEvent.js';
2
+ import { useEvent } from './useEvent.js';
3
3
 
4
4
  const useListKeyboardControl = ({ isActive, itemsCount, onSelect, }) => {
5
5
  const [focusedIndex, setFocusedIndex] = useState(-1);
@@ -3,7 +3,7 @@ import type { ComponentType, FormControl, Size, Variant } from '../../types';
3
3
  import type { Props as ScrollProps } from '../Scroll/Scroll.types';
4
4
  export type ControlProps = HTMLProps<HTMLInputElement>;
5
5
  export type Value = string | number;
6
- export type Props = Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> & Omit<ControlProps, 'ref' | 'onChange'> & FormControl<Value, HTMLInputElement> & {
6
+ export type Props = Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size'> & Omit<ControlProps, 'ref' | 'onChange' | 'size'> & FormControl<Value, HTMLInputElement> & {
7
7
  name?: string;
8
8
  step?: number;
9
9
  size?: Size;
@@ -1,4 +1,4 @@
1
- import { ReactNode } from 'react';
1
+ import { MouseEvent, ReactNode } from 'react';
2
2
  import { Props as PopupProps } from 'uilib/components/Popup/Popup.types';
3
3
  import { Size } from 'uilib/types';
4
4
  export type NestedMenuItem = {
@@ -10,7 +10,9 @@ export type NestedMenuItem = {
10
10
  wrap?: boolean;
11
11
  submenu?: ReactNode;
12
12
  onSubmenuOpen?: () => void;
13
- onClick?: () => void;
13
+ onClick?: (e: MouseEvent) => void;
14
+ /** When false, item click does not close the menu. Default true. */
15
+ closeOnClick?: boolean;
14
16
  danger?: boolean;
15
17
  disabled?: boolean;
16
18
  className?: string;
@@ -6,4 +6,5 @@ export type UseEventParams = {
6
6
  isActive?: boolean;
7
7
  isCapture?: boolean;
8
8
  };
9
- export default function useEvent({ elem, event, callback, isActive, isCapture, }: UseEventParams): void;
9
+ export declare function useEvent({ elem, event, callback, isActive, isCapture, }: UseEventParams): void;
10
+ export default useEvent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@homecode/ui",
3
- "version": "5.15.1",
3
+ "version": "5.16.1",
4
4
  "description": "React UI components library",
5
5
  "scripts": {
6
6
  "tests": "jest",
@@ -63,6 +63,7 @@
63
63
  "@homecode/ui": "^4.17.2",
64
64
  "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
65
65
  "@rollup/plugin-typescript": "^11.0.0",
66
+ "@svgr/webpack": "^8.1.0",
66
67
  "@tiptap/core": "^3.22.1",
67
68
  "@tiptap/extension-mention": "^3.22.1",
68
69
  "@tiptap/extensions": "^3.22.1",
@@ -70,13 +71,13 @@
70
71
  "@tiptap/react": "^3.22.1",
71
72
  "@tiptap/starter-kit": "^3.22.1",
72
73
  "@tiptap/suggestion": "^3.22.1",
73
- "@svgr/webpack": "^8.1.0",
74
74
  "classnames": "^2.3.2",
75
75
  "compareq": "^1.2.2",
76
76
  "fastest-validator": "^1.16.0",
77
77
  "favicons": "^7.1.3",
78
78
  "favicons-webpack-plugin": "^6.0.0",
79
79
  "justorm": "^3.0.2",
80
+ "lucide-react": "^1.43.0",
80
81
  "moment": "^2.29.4",
81
82
  "react": "^18.2.0",
82
83
  "react-dom": "^18.2.0",