@salutejs/plasma-new-hope 0.90.0-canary.1233.9583486732.0 → 0.90.0-canary.1249.9601049242.0

package/es/components/Select/ui/SelectTarget/SelectTarget.styles.js

@@ -0,0 +1,103 @@
+import './SelectTarget.styles_hb1tns.css';
+import { styled } from '@linaria/react';
+import 'react';
+import { IconChevronDown } from '../../../_Icon/Icons/IconChevronDown.js';
+import '@linaria/core';
+import { component, mergeConfig } from '../../../../engines/common.js';
+import { buttonConfig } from '../../../Button/Button.js';
+import { tokens } from '../../Select.tokens.js';
+
+var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
+var Button = /*#__PURE__*/component(mergedButtonConfig);
+
+// NOTE: Необходимое переопределение токенов из компонента Button т.к. используются его части
+var _exp = function _exp() {
+  return Button;
+};
+var _exp7 = function _exp7() {
+  return function (_ref) {
+    var opened = _ref.opened;
+    return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColor, ")");
+  };
+};
+var _exp9 = function _exp9() {
+  return function (_ref2) {
+    var opened = _ref2.opened;
+    return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColorHover, ")");
+  };
+};
+var _exp11 = function _exp11() {
+  return function (_ref3) {
+    var opened = _ref3.opened;
+    return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColorActive, ")");
+  };
+};
+var _exp32 = function _exp32() {
+  return function (_ref4) {
+    var opened = _ref4.opened;
+    return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColor, ")");
+  };
+};
+var _exp33 = function _exp33() {
+  return function (_ref5) {
+    var opened = _ref5.opened;
+    return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColorHover, ")");
+  };
+};
+var _exp34 = function _exp34() {
+  return function (_ref6) {
+    var opened = _ref6.opened;
+    return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColorActive, ")");
+  };
+};
+var _exp35 = function _exp35() {
+  return function (_ref7) {
+    var target = _ref7.target;
+    return target === 'textField-like' ? "var(".concat(tokens.targetPaddingWithInput, ")") : "var(".concat(tokens.targetPadding, ")");
+  };
+};
+var StyledSelectTarget = /*#__PURE__*/styled(_exp())({
+  name: "StyledSelectTarget",
+  "class": "su9kdfl",
+  propsAsIs: true,
+  vars: {
+    "su9kdfl-0": [/*#__PURE__*/_exp7()],
+    "su9kdfl-1": [/*#__PURE__*/_exp9()],
+    "su9kdfl-2": [/*#__PURE__*/_exp11()],
+    "su9kdfl-3": [/*#__PURE__*/_exp32()],
+    "su9kdfl-4": [/*#__PURE__*/_exp33()],
+    "su9kdfl-5": [/*#__PURE__*/_exp34()],
+    "su9kdfl-6": [/*#__PURE__*/_exp35()]
+  }
+});
+var _exp53 = function _exp53() {
+  return IconChevronDown;
+};
+var StyledArrow = /*#__PURE__*/styled(_exp53())({
+  name: "StyledArrow",
+  "class": "s1wmzhh1",
+  propsAsIs: true
+});
+var StyledText = /*#__PURE__*/styled('span')({
+  name: "StyledText",
+  "class": "sr2fcv2",
+  propsAsIs: false
+});
+var StyledChipsWrapper = /*#__PURE__*/styled('div')({
+  name: "StyledChipsWrapper",
+  "class": "s9qj25q",
+  propsAsIs: false
+});
+var StyledChips = /*#__PURE__*/styled('div')({
+  name: "StyledChips",
+  "class": "s11wt6x2",
+  propsAsIs: false
+});
+var StyledLabel = /*#__PURE__*/styled('label')({
+  name: "StyledLabel",
+  "class": "s1xu52l7",
+  propsAsIs: false
+});
+
+export { StyledArrow, StyledChips, StyledChipsWrapper, StyledLabel, StyledSelectTarget, StyledText };
+//# sourceMappingURL=SelectTarget.styles.js.map

package/es/components/Select/ui/SelectTarget/SelectTarget.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTarget.styles.js","sources":["../../../../../src/components/Select/ui/SelectTarget/SelectTarget.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { IconChevronDown } from '../../../_Icon';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\nimport { component, mergeConfig } from '../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../Button';\nimport { classes, tokens } from '../../Select.tokens';\nimport type { TargetType } from '../../Select.types';\n\nconst {\n    hasChips,\n    hasNoFocus,\n    innerLabelUp,\n    arrowInverse,\n    selectTargetArrow,\n    selectTargeText,\n    selectTargetLabel,\n} = classes;\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Button т.к. используются его части\nexport const StyledSelectTarget = styled(Button)<{ target?: TargetType; opened?: boolean }>`\n    ${buttonTokens.buttonDisabledOpacity}: var(${tokens.disabledOpacity});\n    ${buttonTokens.buttonColor}: var(${tokens.targetColor});\n    ${buttonTokens.buttonBackgroundColor}: ${({ opened }) =>\n    opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColor})`};\n    ${buttonTokens.buttonBackgroundColorHover}: ${({ opened }) =>\n    opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColorHover})`};\n    ${buttonTokens.buttonBackgroundColorActive}: ${({ opened }) =>\n    opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColorActive})`};\n    ${buttonTokens.buttonHeight}: var(${tokens.targetHeight});\n    ${buttonTokens.buttonWidth}: var(${tokens.targetWidth});\n    ${buttonTokens.buttonRadius}: var(${tokens.targetRadius});\n    ${buttonTokens.buttonFontFamily}: var(${tokens.targetFontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.targetFontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.targetFontStyle});\n    ${buttonTokens.buttonFontWeight}:var(${tokens.targetFontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.targetLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.targetLineHeight});\n    ${buttonTokens.buttonFocusColor}: var(${tokens.focusColor});\n\n    box-shadow: inset 0 0 0 0.0625rem\n        ${({ opened }) => (opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColor})`)};\n\n    &:hover:not([disabled]):not([readonly]) {\n        box-shadow: inset 0 0 0 0.0625rem\n            ${({ opened }) =>\n                opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColorHover})`};\n    }\n\n    &:active:not([disabled]):not([readonly]) {\n        box-shadow: inset 0 0 0 0.0625rem\n            ${({ opened }) =>\n                opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColorActive})`};\n    }\n\n    padding: ${({ target }) =>\n        target === 'textField-like' ? `var(${tokens.targetPaddingWithInput})` : `var(${tokens.targetPadding})`};\n\n    display: flex;\n    justify-content: flex-start;\n\n    &[readonly] {\n        cursor: default;\n\n        .${String(selectTargetArrow)} {\n            opacity: 0.4;\n        }\n    }\n\n    .${String(arrowInverse)} {\n        transform: rotate(-180deg);\n    }\n\n    &.${String(hasChips)} {\n        padding: var(${tokens.targetPaddingHasChips});\n    }\n\n    &.${String(innerLabelUp)} {\n        .${String(selectTargeText)} {\n            top: var(${tokens.targetInnerTop});\n        }\n\n        .${String(selectTargetLabel)} {\n            top: var(${tokens.targetLabelInnerTop});\n            font-family: var(${tokens.targetLabelInnerFontFamily});\n            font-size: var(${tokens.targetLabelInnerFontSize});\n            font-style: var(${tokens.targetLabelInnerFontStyle});\n            font-weight: var(${tokens.targetLabelInnerFontWeight});\n            letter-spacing: var(${tokens.targetLabelInnerLetterSpacing});\n            line-height: var(${tokens.targetLabelInnerLineHeight});\n        }\n    }\n\n    &.${String(hasNoFocus)} {\n        --plasma_private-combobox-focus-size: 0.0625rem;\n\n        ${addFocus({\n            hasTransition: false,\n            outlineOffset: 'calc(-1 * var(--plasma_private-combobox-focus-size))',\n            outlineRadius: `calc(var(${tokens.targetRadius}) + var(--plasma_private-combobox-focus-size))`,\n            outlineSize: 'var(--plasma_private-combobox-focus-size)',\n            customFocusRules: `\n                &:focus-within {\n                    box-shadow: none;\n                    background-color: var(${tokens.targetBackgroundColorOpen});\n\n                    &::before {\n                        box-shadow: inset 0 0 0 var(--plasma_private-combobox-focus-size) var(${tokens.targetBorderColorOpen});\n                    }\n                }\n            `,\n        })}\n    }\n`;\n\nexport const StyledArrow = styled(IconChevronDown)`\n    transition: color 0.3s ease-in, transform 0.15s ease-in;\n    pointer-events: none;\n    user-select: none;\n\n    position: absolute;\n    right: var(${tokens.targetArrowRight});\n    color: var(${tokens.targetArrowColor});\n`;\n\nexport const StyledText = styled.span`\n    ${applyEllipsis()};\n\n    position: relative;\n    pointer-events: none;\n    user-select: none;\n\n    color: var(${tokens.targetColor});\n`;\n\nexport const StyledChipsWrapper = styled.div`\n    border-radius: var(${tokens.chipBorderRadius});\n\n    overflow: scroll;\n    position: relative;\n    width: 100%;\n    height: var(${tokens.chipHeight});\n    display: flex;\n    align-items: center;\n\n    ::-webkit-scrollbar {\n        display: none;\n    }\n\n    scrollbar-width: none;\n\n    overscroll-behavior: contain;\n`;\n\nexport const StyledChips = styled.div`\n    overflow: visible;\n    display: flex;\n    gap: var(${tokens.chipGap});\n\n    position: absolute;\n    user-select: none;\n`;\n\nexport const StyledLabel = styled.label`\n    ${applyEllipsis()};\n\n    box-sizing: border-box;\n    position: absolute;\n    pointer-events: none;\n    display: inline-flex;\n    align-items: center;\n\n    transition: all 0.1s ease-in-out;\n    transform-origin: top left;\n\n    width: 100%;\n    height: auto;\n\n    color: var(${tokens.targetLabelColor});\n\n    font-family: var(${tokens.targetFontFamily});\n    font-size: var(${tokens.targetFontSize});\n    font-style: var(${tokens.targetFontStyle});\n    font-weight: var(${tokens.targetFontWeight});\n    letter-spacing: var(${tokens.targetLetterSpacing});\n    line-height: var(${tokens.targetLineHeight});\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp","_exp7","_ref","opened","concat","tokens","targetBackgroundColorOpen","targetBackgroundColor","_exp9","_ref2","targetBackgroundColorHover","_exp11","_ref3","targetBackgroundColorActive","_exp32","_ref4","targetBorderColorOpen","targetBorderColor","_exp33","_ref5","targetBorderColorHover","_exp34","_ref6","targetBorderColorActive","_exp35","_ref7","target","targetPaddingWithInput","targetPadding","StyledSelectTarget","styled","name","class","propsAsIs","vars","_exp53","IconChevronDown","StyledArrow","StyledText","StyledChipsWrapper","StyledChips","StyledLabel"],"mappings":"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"}

package/es/components/Select/ui/SelectTarget/SelectTarget.styles_hb1tns.css

@@ -0,0 +1,6 @@
+.su9kdfl{--plasma-button-disabled-opacity:var(--plasma-select-disabled-opacity);--plasma-button-color:var(--plasma-select-target-color);--plasma-button-background-color:var(--su9kdfl-0);--plasma-button-background-color-hover:var(--su9kdfl-1);--plasma-button-background-color-active:var(--su9kdfl-2);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:var(--plasma-select-target-width);--plasma-button-radius:var(--plasma-select-target-radius);--plasma-button-font-family:var(--plasma-select-target-font-family);--plasma-button-font-size:var(--plasma-select-target-font-size);--plasma-button-font-style:var(--plasma-select-target-font-style);--plasma-button-font-weight:var(--plasma-select-target-font-weight);--plasma-button-letter-spacing:var(--plasma-select-target-letter-spacing);--plasma-button-line-height:var(--plasma-select-target-line-height);--plasma-button-focus-color:var(--plasma-select-focus-color);box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-3);padding:var(--su9kdfl-6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.su9kdfl:hover:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-4);}.su9kdfl:active:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-5);}.su9kdfl[readonly]{cursor:default;}.su9kdfl[readonly] .select-target-arrow{opacity:0.4;}.su9kdfl .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.su9kdfl.has-chips{padding:var(--plasma-select-target-padding-has-chips);}.su9kdfl.inner-label-up .select-target-text{top:var(--plasma-select-target-inner-top);}.su9kdfl.inner-label-up .select-target-label{top:var(--plasma-select-target-label-inner-top);font-family:var(--plasma-select-target-label-inner-font-family);font-size:var(--plasma-select-target-label-inner-font-family);font-style:var(--plasma-select-target-label-inner-font-style);font-weight:var(--plasma-select-target-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);line-height:var(--plasma-select-target-label-inner-line-height);}.su9kdfl.has-no-focus{--plasma_private-combobox-focus-size:0.0625rem;position:relative;}.su9kdfl.has-no-focus::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-combobox-focus-size));left:calc(-1 * var(--plasma_private-combobox-focus-size));right:calc(-1 * var(--plasma_private-combobox-focus-size));bottom:calc(-1 * var(--plasma_private-combobox-focus-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-combobox-focus-size) solid transparent;border-radius:calc(var(--plasma-select-target-radius) + var(--plasma_private-combobox-focus-size));-webkit-transition:none;transition:none;pointer-events:none;}.su9kdfl.has-no-focus:focus-within{box-shadow:none;background-color:var(--plasma-select-target-background-color-open);}.su9kdfl.has-no-focus:focus-within::before{box-shadow:inset 0 0 0 var(--plasma_private-combobox-focus-size) var(--plasma-select-target-border-color-open);}
+.s1wmzhh1{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;right:var(--plasma-select-target-arrow-right);color:var(--plasma-select-target-arrow-color);}
+.sr2fcv2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-select-target-color);}
+.s9qj25q{border-radius:var(--plasma-select-chip-border-radius);overflow:scroll;position:relative;width:100%;height:var(--plasma-select-chip-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.s9qj25q::-webkit-scrollbar{display:none;}
+.s11wt6x2{overflow:visible;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-select-chip-gap);position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.s1xu52l7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%;height:auto;color:var(--plasma-select-target-label-color);font-family:var(--plasma-select-target-font-family);font-size:var(--plasma-select-target-font-size);font-style:var(--plasma-select-target-font-style);font-weight:var(--plasma-select-target-font-weight);-webkit-letter-spacing:var(--plasma-select-target-letter-spacing);-moz-letter-spacing:var(--plasma-select-target-letter-spacing);-ms-letter-spacing:var(--plasma-select-target-letter-spacing);letter-spacing:var(--plasma-select-target-letter-spacing);line-height:var(--plasma-select-target-line-height);}

package/es/components/Select/utils/index.js

@@ -0,0 +1,105 @@
+import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Children, isValidElement, cloneElement } from 'react';
+
+var getNewSelected = function getNewSelected(selected, newValue, type) {
+  if (newValue === undefined || newValue === null) {
+    return newValue;
+  }
+  if ((type === 'single' || type === 'native') && (typeof newValue === 'string' || typeof newValue === 'number' || typeof newValue === 'boolean')) {
+    return newValue;
+  }
+  var newSelected = selected || [];
+  var set = new Set(newSelected);
+  if (set.has(newValue)) {
+    set["delete"](newValue);
+  } else {
+    set.add(newValue);
+  }
+  return Array.from(set);
+};
+var getChildrenInnerText = function getChildrenInnerText(children) {
+  if (!children || typeof children === 'string') {
+    return children;
+  }
+  return getChildrenInnerText(children.props.children);
+};
+var getValues = function getValues(items, value) {
+  var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  items.forEach(function (item) {
+    if (item.props === undefined) {
+      return result;
+    }
+    var newValue = item.props.value;
+    if (item.props.children && Array.isArray(item.props.children)) {
+      return getValues(item.props.children, value, result);
+    }
+    if (!Array.isArray(value) && newValue === value || Array.isArray(value) && value !== null && value !== void 0 && value.find(function (v) {
+      return newValue === v;
+    })) {
+      var index = Array.isArray(value) && (value === null || value === void 0 ? void 0 : value.findIndex(function (v) {
+        return newValue === v;
+      })) || 0;
+      if (item.props.text) {
+        var _newText = item.props.text;
+        result[index] = [newValue, _newText];
+        return;
+      }
+      var newText = getChildrenInnerText(item.props.children);
+      result[index] = [newValue, newText];
+    }
+    return result;
+  });
+  return result;
+};
+var getChildrenItemChecked = function getChildrenItemChecked(value, child) {
+  return !Array.isArray(value) && (child === null || child === void 0 ? void 0 : child.props.value) === value || Array.isArray(value) && Boolean(value === null || value === void 0 ? void 0 : value.find(function (v) {
+    return (child === null || child === void 0 ? void 0 : child.props.value) === v;
+  }));
+};
+
+// INFO: Функция для рекурсивного обновления пропсов
+var updatePropsRecursively = function updatePropsRecursively(children, externalProps, value, search, filterFunction) {
+  return Children.map(children || [], function (child) {
+    if (! /*#__PURE__*/isValidElement(child)) {
+      return child;
+    }
+    var hasValue = ('value' in (child === null || child === void 0 ? void 0 : child.props));
+    var props = _objectSpread2({
+      key: "".concat(value, "$"),
+      checked: getChildrenItemChecked(value, child)
+    }, hasValue && {
+      ref: function ref(element) {
+        var _externalProps$childr;
+        if (externalProps !== null && externalProps !== void 0 && (_externalProps$childr = externalProps.childrenRefs) !== null && _externalProps$childr !== void 0 && _externalProps$childr.current && element) {
+          externalProps.childrenRefs.current.push(element);
+        }
+      },
+      onClick: function onClick(event) {
+        var _child$props$onClick, _child$props, _externalProps$onClic;
+        (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 || _child$props$onClick.call(_child$props, event);
+        externalProps === null || externalProps === void 0 || (_externalProps$onClic = externalProps.onClick) === null || _externalProps$onClic === void 0 || _externalProps$onClic.call(externalProps, event);
+      }
+    });
+    var updatedChild = updatePropsRecursively(child.props.children, externalProps, value, search, filterFunction);
+    if (filterFunction) {
+      var _child$props2;
+      var text = ((_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.text) || '';
+      return filterFunction(text, search) ? /*#__PURE__*/cloneElement(child, props, updatedChild) : null;
+    }
+    return /*#__PURE__*/cloneElement(child, props, updatedChild);
+  });
+};
+var defaultFilterFunction = function defaultFilterFunction(text) {
+  var filterValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return text.includes(filterValue);
+};
+var getChildren = function getChildren(children, externalProps, value, search) {
+  var filterFunction = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : defaultFilterFunction;
+  if (externalProps.childrenRefs) {
+    externalProps.childrenRefs.current = [];
+  }
+  return updatePropsRecursively(children, externalProps, value, search, filterFunction);
+};
+
+export { getChildren, getNewSelected, getValues, updatePropsRecursively };
+//# sourceMappingURL=index.js.map

package/es/components/Select/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Select/utils/index.ts"],"sourcesContent":["import { Children, MouseEvent, ReactElement, ReactNode, cloneElement, isValidElement } from 'react';\n\nimport { SelectPrimitiveValue, ValueType, SelectValue } from '../Select.types';\nimport { SelectItemProps } from '../ui/SelectItem/SelectItem.type';\n\ntype NewSelectedFunc = {\n    (selected?: undefined | null, newValue?: undefined | null, type?: undefined | null): undefined;\n    (selected?: SelectPrimitiveValue, newValue?: SelectPrimitiveValue, type?: ValueType): SelectPrimitiveValue;\n    (selected?: Array<SelectPrimitiveValue>, newValue?: SelectPrimitiveValue, type?: ValueType): Array<\n        SelectPrimitiveValue\n    >;\n};\n\nexport const getNewSelected: NewSelectedFunc = (selected: any, newValue: any, type: any) => {\n    if (newValue === undefined || newValue === null) {\n        return newValue;\n    }\n\n    if (\n        (type === 'single' || type === 'native') &&\n        (typeof newValue === 'string' || typeof newValue === 'number' || typeof newValue === 'boolean')\n    ) {\n        return newValue;\n    }\n\n    const newSelected = selected || [];\n\n    const set = new Set(newSelected);\n\n    if (set.has(newValue)) {\n        set.delete(newValue);\n    } else {\n        set.add(newValue);\n    }\n\n    return Array.from(set);\n};\n\nconst getChildrenInnerText = (children: ReactElement): string => {\n    if (!children || typeof children === 'string') {\n        return children;\n    }\n\n    return getChildrenInnerText(children.props.children);\n};\n\nexport const getValues = (items: ReactElement[], value?: SelectValue, result: Array<Array<string>> = []) => {\n    items.forEach((item) => {\n        if (item.props === undefined) {\n            return result;\n        }\n\n        const { value: newValue } = item.props;\n\n        if (item.props.children && Array.isArray(item.props.children)) {\n            return getValues(item.props.children, value, result);\n        }\n\n        if (\n            (!Array.isArray(value) && newValue === value) ||\n            (Array.isArray(value) && value?.find((v) => newValue === v))\n        ) {\n            const index = (Array.isArray(value) && value?.findIndex((v) => newValue === v)) || 0;\n\n            if (item.props.text) {\n                const { text: newText } = item.props;\n                result[index] = [newValue, newText];\n\n                return;\n            }\n\n            const newText = getChildrenInnerText(item.props.children);\n            result[index] = [newValue, newText];\n        }\n\n        return result;\n    });\n\n    return result;\n};\n\nconst getChildrenItemChecked = (value?: SelectValue, child?: ReactElement<SelectItemProps>) =>\n    (!Array.isArray(value) && child?.props.value === value) ||\n    (Array.isArray(value) && Boolean(value?.find((v) => child?.props.value === v)));\n\n// INFO: Функция для рекурсивного обновления пропсов\nexport const updatePropsRecursively = (\n    children?: ReactElement<SelectItemProps>[],\n    externalProps?: Record<string, any>,\n    value?: SelectValue,\n    search?: string,\n    filterFunction?: (childText: string, filterValue?: string) => boolean,\n): ReactNode[] =>\n    Children.map(children || [], (child) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const hasValue = 'value' in child?.props;\n\n        const props = {\n            key: `${value}$`,\n            checked: getChildrenItemChecked(value, child),\n            ...(hasValue && {\n                ref: (element: HTMLDivElement) => {\n                    if (externalProps?.childrenRefs?.current && element) {\n                        externalProps.childrenRefs.current.push(element);\n                    }\n                },\n                onClick: (event: MouseEvent<HTMLDivElement>) => {\n                    child.props.onClick?.(event);\n                    externalProps?.onClick?.(event);\n                },\n            }),\n        };\n\n        const updatedChild = updatePropsRecursively(\n            child.props.children as ReactElement<SelectItemProps>[],\n            externalProps,\n            value,\n            search,\n            filterFunction,\n        );\n\n        if (filterFunction) {\n            const text = child.props?.text || '';\n\n            return filterFunction(text, search) ? cloneElement(child, props, updatedChild) : null;\n        }\n\n        return cloneElement(child, props, updatedChild);\n    });\n\nconst defaultFilterFunction = (text: string, filterValue = '') => text.includes(filterValue);\n\nexport const getChildren = (\n    children: ReactElement<SelectItemProps>[],\n    externalProps: Record<string, any>,\n    value?: SelectValue,\n    search?: string,\n    filterFunction = defaultFilterFunction,\n) => {\n    if (externalProps.childrenRefs) {\n        externalProps.childrenRefs.current = [];\n    }\n\n    return updatePropsRecursively(children, externalProps, value, search, filterFunction);\n};\n"],"names":["getNewSelected","selected","newValue","type","undefined","newSelected","set","Set","has","add","Array","from","getChildrenInnerText","children","props","getValues","items","value","result","arguments","length","forEach","item","isArray","find","v","index","findIndex","text","newText","getChildrenItemChecked","child","Boolean","updatePropsRecursively","externalProps","search","filterFunction","Children","map","isValidElement","hasValue","_objectSpread","key","concat","checked","ref","element","_externalProps$childr","childrenRefs","current","push","onClick","event","_child$props$onClick","_child$props","_externalProps$onClic","call","updatedChild","_child$props2","cloneElement","defaultFilterFunction","filterValue","includes","getChildren"],"mappings":"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"}

package/es/components/Select/variations/_target/base.js

@@ -0,0 +1,5 @@
+import './base_x642ct.css';
+var base = "bc9voex";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/Select/variations/_target/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Select/variations/_target/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/Select/variations/_target/base_x642ct.css

@@ -0,0 +1 @@
+

package/es/components/_Icon/IconRoot.js

@@ -37,7 +37,7 @@ var IconRoot = function IconRoot(_ref2) {
     color = _ref2.color,
     className = _ref2.className,
     sizeCustomProperty = _ref2.sizeCustomProperty;
-  var c = color || 'var(--plasma-colors-primary)';
+  var c = color || 'var(--text-primary)';
   var w = sizeCustomProperty ? "var(".concat(sizeCustomProperty, ")") : "".concat(sizeMap[size], "rem");
   return /*#__PURE__*/React.createElement(StyledRoot, {
     "aria-hidden": true,

package/es/components/_Icon/IconRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconRoot.js","sources":["../../../src/components/_Icon/IconRoot.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@linaria/react';\n\nconst sizeMap = {\n    xxs: 1, // 16px\n    xs: 1, // 16px\n    s: 1.5, // 24px\n    m: 2.25, // 36px\n    l: 2.75, // 44px\n    xl: 3.5, // 56px\n    xxl: 6.25, // 100px\n};\n\nexport type IconSize = keyof typeof sizeMap;\n\nexport interface IconProps {\n    size?: IconSize;\n    color?: string;\n    className?: string;\n    /*\n     * Прорпс, который принимает название css-переменной.\n     * В значении токена может быть как rem, так и другая единица измерения (значение задается через конфиг).\n     * @example\n     * const token = '--plasma-icon-size';\n     * ...\n     * <Icon sizeCustomProperty={token} {...rest}/>\n     */\n    sizeCustomProperty?: string;\n}\n\ninterface IconRootProps extends IconProps {\n    size: IconSize;\n    icon: React.FC<IconProps>;\n}\n\nconst StyledRoot = styled.div<{ w: string }>`\n    display: inline-flex;\n    width: ${({ w }) => w};\n    height: ${({ w }) => w};\n    flex: 0 0 ${({ w }) => w};\n`;\n\nexport const IconRoot: React.FC<IconRootProps> = ({\n    icon: IconComponent,\n    size,\n    color,\n    className,\n    sizeCustomProperty,\n}) => {\n    const c = color || 'var(--plasma-colors-primary)';\n\n    const w = sizeCustomProperty ? `var(${sizeCustomProperty})` : `${sizeMap[size]}rem`;\n\n    return (\n        <StyledRoot aria-hidden w={w} className={className}>\n            <IconComponent color={c} size={size} />\n        </StyledRoot>\n    );\n};\n"],"names":["sizeMap","xxs","xs","s","m","l","xl","xxl","_exp3","_ref","w","StyledRoot","styled","name","class","propsAsIs","vars","IconRoot","_ref2","IconComponent","icon","size","color","className","sizeCustomProperty","c","concat","React","createElement"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,GAAG,EAAE,CAAC;AAAE;AACRC,EAAAA,EAAE,EAAE,CAAC;AAAE;AACPC,EAAAA,CAAC,EAAE,GAAG;AAAE;AACRC,EAAAA,CAAC,EAAE,IAAI;AAAE;AACTC,EAAAA,CAAC,EAAE,IAAI;AAAE;AACTC,EAAAA,EAAE,EAAE,GAAG;AAAE;EACTC,GAAG,EAAE,IAAI;AACb,CAAC,CAAA;AAsBA,IAAAC,KAAA,GAhCiBA,SAgCjBA,KAAAA,GAAA;AAAA,EAAA,OAMe,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,CAAAA,GAAAA,IAAAA,CAAAA,CAAAA,CAAAA;AAAAA,IAAAA,OAAQA,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJ5B,IAAMC,UAAU,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAITR,KAAY,EAAA,CAAA;AAAA,GAAA;AAAA,CAC3B,CAAA,CAAA;IAEYS,QAAiC,GAAGA,SAApCA,QAAiCA,CAAAC,KAAA,EAMxC;AAAA,EAAA,IALIC,aAAa,GAAAD,KAAA,CAAnBE,IAAI;IACJC,IAAI,GAAAH,KAAA,CAAJG,IAAI;IACJC,KAAK,GAAAJ,KAAA,CAALI,KAAK;IACLC,SAAS,GAAAL,KAAA,CAATK,SAAS;IACTC,kBAAAA,GAAAA,KAAAA,CAAAA,kBAAAA,CAAAA;AAEA,EAAA,IAAMC,CAAC,GAAGH,KAAK,IAAI,8BAA8B,CAAA;AAEjD,EAAA,IAAMZ,CAAC,GAAGc,kBAAkB,GAAA,MAAA,CAAAE,MAAA,CAAUF,kBAAmB,EAAAE,GAAAA,CAAAA,GAAAA,EAAAA,CAAAA,MAAA,CAAQ1B,OAAO,CAACqB,IAAI,CAAE,EAAI,KAAA,CAAA,CAAA;AAEnF,EAAA,oBACIM,KAAA,CAAAC,aAAA,CAACjB,UAAU,EAAA;IAAC,aAAW,EAAA,IAAA;AAACD,IAAAA,CAAC,EAAEA,CAAE;AAACa,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,eAC/CI,KAAA,CAAAC,aAAA,CAACT,aAAa,EAAA;AAACG,IAAAA,KAAK,EAAEG,CAAE;AAACJ,IAAAA,IAAI,EAAEA,IAAAA;AAAK,GAAA,CAC5B,CAAC,CAAA;AAErB;;;;"}
+{"version":3,"file":"IconRoot.js","sources":["../../../src/components/_Icon/IconRoot.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@linaria/react';\n\nconst sizeMap = {\n    xxs: 1, // 16px\n    xs: 1, // 16px\n    s: 1.5, // 24px\n    m: 2.25, // 36px\n    l: 2.75, // 44px\n    xl: 3.5, // 56px\n    xxl: 6.25, // 100px\n};\n\nexport type IconSize = keyof typeof sizeMap;\n\nexport interface IconProps {\n    size?: IconSize;\n    color?: string;\n    className?: string;\n    /*\n     * Прорпс, который принимает название css-переменной.\n     * В значении токена может быть как rem, так и другая единица измерения (значение задается через конфиг).\n     * @example\n     * const token = '--plasma-icon-size';\n     * ...\n     * <Icon sizeCustomProperty={token} {...rest}/>\n     */\n    sizeCustomProperty?: string;\n}\n\ninterface IconRootProps extends IconProps {\n    size: IconSize;\n    icon: React.FC<IconProps>;\n}\n\nconst StyledRoot = styled.div<{ w: string }>`\n    display: inline-flex;\n    width: ${({ w }) => w};\n    height: ${({ w }) => w};\n    flex: 0 0 ${({ w }) => w};\n`;\n\nexport const IconRoot: React.FC<IconRootProps> = ({\n    icon: IconComponent,\n    size,\n    color,\n    className,\n    sizeCustomProperty,\n}) => {\n    const c = color || 'var(--text-primary)';\n\n    const w = sizeCustomProperty ? `var(${sizeCustomProperty})` : `${sizeMap[size]}rem`;\n\n    return (\n        <StyledRoot aria-hidden w={w} className={className}>\n            <IconComponent color={c} size={size} />\n        </StyledRoot>\n    );\n};\n"],"names":["sizeMap","xxs","xs","s","m","l","xl","xxl","_exp3","_ref","w","StyledRoot","styled","name","class","propsAsIs","vars","IconRoot","_ref2","IconComponent","icon","size","color","className","sizeCustomProperty","c","concat","React","createElement"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,GAAG,EAAE,CAAC;AAAE;AACRC,EAAAA,EAAE,EAAE,CAAC;AAAE;AACPC,EAAAA,CAAC,EAAE,GAAG;AAAE;AACRC,EAAAA,CAAC,EAAE,IAAI;AAAE;AACTC,EAAAA,CAAC,EAAE,IAAI;AAAE;AACTC,EAAAA,EAAE,EAAE,GAAG;AAAE;EACTC,GAAG,EAAE,IAAI;AACb,CAAC,CAAA;AAsBA,IAAAC,KAAA,GAhCiBA,SAgCjBA,KAAAA,GAAA;AAAA,EAAA,OAMe,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,CAAAA,GAAAA,IAAAA,CAAAA,CAAAA,CAAAA;AAAAA,IAAAA,OAAQA,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJ5B,IAAMC,UAAU,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAITR,KAAY,EAAA,CAAA;AAAA,GAAA;AAAA,CAC3B,CAAA,CAAA;IAEYS,QAAiC,GAAGA,SAApCA,QAAiCA,CAAAC,KAAA,EAMxC;AAAA,EAAA,IALIC,aAAa,GAAAD,KAAA,CAAnBE,IAAI;IACJC,IAAI,GAAAH,KAAA,CAAJG,IAAI;IACJC,KAAK,GAAAJ,KAAA,CAALI,KAAK;IACLC,SAAS,GAAAL,KAAA,CAATK,SAAS;IACTC,kBAAAA,GAAAA,KAAAA,CAAAA,kBAAAA,CAAAA;AAEA,EAAA,IAAMC,CAAC,GAAGH,KAAK,IAAI,qBAAqB,CAAA;AAExC,EAAA,IAAMZ,CAAC,GAAGc,kBAAkB,GAAA,MAAA,CAAAE,MAAA,CAAUF,kBAAmB,EAAAE,GAAAA,CAAAA,GAAAA,EAAAA,CAAAA,MAAA,CAAQ1B,OAAO,CAACqB,IAAI,CAAE,EAAI,KAAA,CAAA,CAAA;AAEnF,EAAA,oBACIM,KAAA,CAAAC,aAAA,CAACjB,UAAU,EAAA;IAAC,aAAW,EAAA,IAAA;AAACD,IAAAA,CAAC,EAAEA,CAAE;AAACa,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,eAC/CI,KAAA,CAAAC,aAAA,CAACT,aAAa,EAAA;AAACG,IAAAA,KAAK,EAAEG,CAAE;AAACJ,IAAAA,IAAI,EAAEA,IAAAA;AAAK,GAAA,CAC5B,CAAC,CAAA;AAErB;;;;"}

package/es/engines/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sources":["../../src/engines/common.tsx"],"sourcesContent":["import React from 'react';\n\nimport { _component } from './linaria';\nimport type {\n    ComponentConfig,\n    HTMLAnyAttributes,\n    HTMLTagList,\n    PropsType,\n    Variants,\n    HTMLAttributesOmitOnChange,\n} from './types';\n\n//\n// Тип HTMLAttributesOmitOnChange требуется чтобы использовать компонент с кастомным пропсом onChange\n//\n\nexport const getStaticVariants = (config: ComponentConfig) => {\n    if (!config.variations) {\n        return [];\n    }\n    const res = [];\n    const { variations } = config;\n\n    // eslint-disable-next-line guard-for-in\n    for (const key in variations) {\n        const { css } = variations[key];\n        css && res.push(css);\n    }\n\n    return res;\n};\n\nexport const getDynamicVariants = (config: ComponentConfig) => {\n    return (props: HTMLAnyAttributes) => {\n        const res = [];\n\n        // eslint-disable-next-line guard-for-in\n        for (const key in config.variations) {\n            if (key in props) {\n                const variant = config.variations[key];\n\n                const css = variant[props[key]];\n                // no css for { modifier: true }\n                css && Array.isArray(css) ? res.push(...css) : res.push(css);\n            }\n        }\n\n        return res;\n    };\n};\n\nexport const mergeConfig = <\n    Tag extends HTMLTagList,\n    VariantList extends Variants,\n    VariantsProps extends PropsType<VariantList>,\n    LayoutPropsBase extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'>,\n    LayoutPropsUser extends React.HTMLAttributes<HTMLElement> | undefined = undefined\n>(\n    baseConfig: ComponentConfig<Tag, Variants, PropsType & LayoutPropsBase, LayoutPropsBase>,\n    userConfig?: Partial<ComponentConfig<Tag, VariantList, VariantsProps, LayoutPropsUser>>,\n) => {\n    const res = { ...baseConfig, ...userConfig };\n\n    if (res.variations) {\n        // copy variations base css\n        // eslint-disable-next-line guard-for-in\n        for (const key in res.variations) {\n            const variant = baseConfig.variations[key];\n\n            res.variations[key].css = variant?.css;\n            /* start of bad decision */\n            if (!res.variations[key].true && variant?.true) {\n                res.variations[key].true = variant.true;\n            }\n            /* end of bad decision */\n            if (variant?.attrs) {\n                res.variations[key].attrs = variant.attrs;\n            }\n        }\n    }\n\n    // eslint-disable-next-line guard-for-in\n    for (const key in baseConfig.defaults || {}) {\n        if (!(key in res.defaults)) {\n            res.defaults[key] = baseConfig.defaults[key];\n        }\n    }\n\n    return res as ComponentConfig<\n        Tag,\n        VariantList,\n        PropsType<VariantList>,\n        LayoutPropsUser extends undefined ? LayoutPropsBase : LayoutPropsUser\n    >;\n};\n\nexport function component<\n    Tag extends HTMLTagList,\n    VariantList extends Variants,\n    VariantsProps extends PropsType<VariantList>,\n    LayoutProps extends React.HTMLAttributes<HTMLElement> | HTMLAttributesOmitOnChange\n>(\n    config: ComponentConfig<Tag, VariantList, VariantsProps, LayoutProps>,\n): React.FunctionComponent<VariantsProps & LayoutProps> {\n    const Comp = config.layout(_component((config as unknown) as ComponentConfig));\n\n    return React.forwardRef<VariantsProps & LayoutProps, any>((props, ref) => (\n        <Comp {...config?.defaults} {...props} ref={ref} />\n    ));\n}\n"],"names":["getStaticVariants","config","variations","res","key","css","push","getDynamicVariants","props","variant","Array","isArray","apply","_toConsumableArray","mergeConfig","baseConfig","userConfig","_objectSpread","attrs","defaults","component","Comp","layout","_component","React","forwardRef","ref","createElement","_extends"],"mappings":"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"}
+{"version":3,"file":"common.js","sources":["../../src/engines/common.tsx"],"sourcesContent":["import React from 'react';\n\nimport { _component } from './linaria';\nimport type {\n    ComponentConfig,\n    HTMLAnyAttributes,\n    HTMLTagList,\n    PropsType,\n    Variants,\n    HTMLAttributesOmitOnChange,\n} from './types';\n\n//\n// Тип HTMLAttributesOmitOnChange требуется чтобы использовать компонент с кастомным пропсом onChange\n//\n\nexport const getStaticVariants = (config: ComponentConfig) => {\n    if (!config.variations) {\n        return [];\n    }\n    const res = [];\n    const { variations } = config;\n\n    // eslint-disable-next-line guard-for-in\n    for (const key in variations) {\n        const { css } = variations[key];\n        css && res.push(css);\n    }\n\n    return res;\n};\n\nexport const getDynamicVariants = (config: ComponentConfig) => {\n    return (props: HTMLAnyAttributes) => {\n        const res = [];\n\n        // eslint-disable-next-line guard-for-in\n        for (const key in config.variations) {\n            if (key in props) {\n                const variant = config.variations[key];\n\n                const css = variant[props[key]];\n                // no css for { modifier: true }\n                css && Array.isArray(css) ? res.push(...css) : res.push(css);\n            }\n        }\n\n        return res;\n    };\n};\n\nexport const mergeConfig = <\n    Tag extends HTMLTagList,\n    VariantList extends Variants,\n    VariantsProps extends PropsType<VariantList>,\n    LayoutPropsBase extends React.HTMLAttributes<HTMLElement> | HTMLAttributesOmitOnChange,\n    LayoutPropsUser extends React.HTMLAttributes<HTMLElement> | HTMLAttributesOmitOnChange | undefined = undefined\n>(\n    baseConfig: ComponentConfig<Tag, Variants, PropsType & LayoutPropsBase, LayoutPropsBase>,\n    userConfig?: Partial<ComponentConfig<Tag, VariantList, VariantsProps, LayoutPropsUser>>,\n) => {\n    const res = { ...baseConfig, ...userConfig };\n\n    if (res.variations) {\n        // copy variations base css\n        // eslint-disable-next-line guard-for-in\n        for (const key in res.variations) {\n            const variant = baseConfig.variations[key];\n\n            res.variations[key].css = variant?.css;\n            /* start of bad decision */\n            if (!res.variations[key].true && variant?.true) {\n                res.variations[key].true = variant.true;\n            }\n            /* end of bad decision */\n            if (variant?.attrs) {\n                res.variations[key].attrs = variant.attrs;\n            }\n        }\n    }\n\n    // eslint-disable-next-line guard-for-in\n    for (const key in baseConfig.defaults || {}) {\n        if (!(key in res.defaults)) {\n            res.defaults[key] = baseConfig.defaults[key];\n        }\n    }\n\n    return res as ComponentConfig<\n        Tag,\n        VariantList,\n        PropsType<VariantList>,\n        LayoutPropsUser extends undefined ? LayoutPropsBase : LayoutPropsUser\n    >;\n};\n\nexport function component<\n    Tag extends HTMLTagList,\n    VariantList extends Variants,\n    VariantsProps extends PropsType<VariantList>,\n    LayoutProps extends React.HTMLAttributes<HTMLElement> | HTMLAttributesOmitOnChange\n>(\n    config: ComponentConfig<Tag, VariantList, VariantsProps, LayoutProps>,\n): React.FunctionComponent<VariantsProps & LayoutProps> {\n    const Comp = config.layout(_component((config as unknown) as ComponentConfig));\n\n    return React.forwardRef<VariantsProps & LayoutProps, any>((props, ref) => (\n        <Comp {...config?.defaults} {...props} ref={ref} />\n    ));\n}\n"],"names":["getStaticVariants","config","variations","res","key","css","push","getDynamicVariants","props","variant","Array","isArray","apply","_toConsumableArray","mergeConfig","baseConfig","userConfig","_objectSpread","attrs","defaults","component","Comp","layout","_component","React","forwardRef","ref","createElement","_extends"],"mappings":";;;;AAYA;AACA;AACA;;IAEaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,MAAuB,EAAK;AAC1D,EAAA,IAAI,CAACA,MAAM,CAACC,UAAU,EAAE;AACpB,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;EACA,IAAMC,GAAG,GAAG,EAAE,CAAA;AACd,EAAA,IAAQD,UAAU,GAAKD,MAAM,CAArBC,UAAU,CAAA;;AAElB;AACA,EAAA,KAAK,IAAME,GAAG,IAAIF,UAAU,EAAE;AAC1B,IAAA,IAAQG,GAAG,GAAKH,UAAU,CAACE,GAAG,CAAC,CAAvBC,GAAG,CAAA;AACXA,IAAAA,GAAG,IAAIF,GAAG,CAACG,IAAI,CAACD,GAAG,CAAC,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOF,GAAG,CAAA;AACd,EAAC;IAEYI,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIN,MAAuB,EAAK;EAC3D,OAAO,UAACO,KAAwB,EAAK;IACjC,IAAML,GAAG,GAAG,EAAE,CAAA;;AAEd;AACA,IAAA,KAAK,IAAMC,GAAG,IAAIH,MAAM,CAACC,UAAU,EAAE;MACjC,IAAIE,GAAG,IAAII,KAAK,EAAE;AACd,QAAA,IAAMC,OAAO,GAAGR,MAAM,CAACC,UAAU,CAACE,GAAG,CAAC,CAAA;QAEtC,IAAMC,GAAG,GAAGI,OAAO,CAACD,KAAK,CAACJ,GAAG,CAAC,CAAC,CAAA;AAC/B;QACAC,GAAG,IAAIK,KAAK,CAACC,OAAO,CAACN,GAAG,CAAC,GAAGF,GAAG,CAACG,IAAI,CAAAM,KAAA,CAART,GAAG,EAAAU,kBAAA,CAASR,GAAG,CAAA,CAAC,GAAGF,GAAG,CAACG,IAAI,CAACD,GAAG,CAAC,CAAA;AAChE,OAAA;AACJ,KAAA;AAEA,IAAA,OAAOF,GAAG,CAAA;GACb,CAAA;AACL,EAAC;AAEM,IAAMW,WAAW,GAAG,SAAdA,WAAWA,CAOpBC,UAAwF,EACxFC,UAAuF,EACtF;EACD,IAAMb,GAAG,GAAAc,cAAA,CAAAA,cAAA,CAAQF,EAAAA,EAAAA,UAAU,CAAKC,EAAAA,UAAU,CAAE,CAAA;EAE5C,IAAIb,GAAG,CAACD,UAAU,EAAE;AAChB;AACA;AACA,IAAA,KAAK,IAAME,GAAG,IAAID,GAAG,CAACD,UAAU,EAAE;AAC9B,MAAA,IAAMO,OAAO,GAAGM,UAAU,CAACb,UAAU,CAACE,GAAG,CAAC,CAAA;AAE1CD,MAAAA,GAAG,CAACD,UAAU,CAACE,GAAG,CAAC,CAACC,GAAG,GAAGI,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEJ,GAAG,CAAA;AACtC;AACA,MAAA,IAAI,CAACF,GAAG,CAACD,UAAU,CAACE,GAAG,CAAC,CAAK,MAAA,CAAA,IAAIK,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,QAAM,EAAE;QAC5CN,GAAG,CAACD,UAAU,CAACE,GAAG,CAAC,CAAK,MAAA,CAAA,GAAGK,OAAO,CAAK,MAAA,CAAA,CAAA;AAC3C,OAAA;AACA;AACA,MAAA,IAAIA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAES,KAAK,EAAE;QAChBf,GAAG,CAACD,UAAU,CAACE,GAAG,CAAC,CAACc,KAAK,GAAGT,OAAO,CAACS,KAAK,CAAA;AAC7C,OAAA;AACJ,KAAA;AACJ,GAAA;;AAEA;EACA,KAAK,IAAMd,IAAG,IAAIW,UAAU,CAACI,QAAQ,IAAI,EAAE,EAAE;AACzC,IAAA,IAAI,EAAEf,IAAG,IAAID,GAAG,CAACgB,QAAQ,CAAC,EAAE;MACxBhB,GAAG,CAACgB,QAAQ,CAACf,IAAG,CAAC,GAAGW,UAAU,CAACI,QAAQ,CAACf,IAAG,CAAC,CAAA;AAChD,KAAA;AACJ,GAAA;AAEA,EAAA,OAAOD,GAAG,CAAA;AAMd,EAAC;AAEM,SAASiB,SAASA,CAMrBnB,MAAqE,EACjB;EACpD,IAAMoB,IAAI,GAAGpB,MAAM,CAACqB,MAAM,CAACC,UAAU,CAAEtB,MAAqC,CAAC,CAAC,CAAA;AAE9E,EAAA,oBAAOuB,KAAK,CAACC,UAAU,CAAmC,UAACjB,KAAK,EAAEkB,GAAG,EAAA;AAAA,IAAA,oBACjEF,KAAA,CAAAG,aAAA,CAACN,IAAI,EAAAO,QAAA,CAAA,EAAA,EAAK3B,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAEkB,QAAQ,EAAMX,KAAK,EAAA;AAAEkB,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CAAE,CAAC,CAAA;AAAA,GACtD,CAAC,CAAA;AACN;;;;"}

package/es/index.css

@@ -433,9 +433,10 @@
 
 .PaginationQuickJumpToPage_styles_89ax1q_q5pbj3r__20a98f50{background:var(--plasma-pagination-input-bg-color);color:var(--plasma-pagination-input-color);width:var(--plasma-pagination-input-width);height:var(--plasma-pagination-input-height);box-sizing:border-box;outline:none;border-radius:var(--plasma-pagination-input-border-radius);padding:var(--plasma-pagination-input-padding);border-color:var(--plasma-pagination-input-border-color);border-width:var(--plasma-pagination-input-border-width);border-style:solid;font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}.PaginationQuickJumpToPage_styles_89ax1q_q5pbj3r__20a98f50::-webkit-outer-spin-button,.PaginationQuickJumpToPage_styles_89ax1q_q5pbj3r__20a98f50::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
 
-.PaginationSelectPerPage_styles_187mk6b_s1e57mfu__a3b3456a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
-.PaginationSelectPerPage_styles_187mk6b_s5dck5y__a3b3456a{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);}
-.PaginationSelectPerPage_styles_187mk6b_squvg2e__a3b3456a{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
+.PaginationSelectPerPage_styles_rtehle_s1e57mfu__ab0b3d6d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.PaginationSelectPerPage_styles_rtehle_s5dck5y__ab0b3d6d{--plasma-select-target-color:var(--plasma-pagination-button-color);--plasma-select-target-label-color:var(--plasma-pagination-button-color);--plasma-select-target-arrow-color:var(--plasma-pagination-button-color);--plasma-select-target-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-background-color-open:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-font-weight:var(--plasma-pagination-font-weight) !important;--plasma-select-target-arrow-right:var(--plasma-pagination-select-target-arrow-right);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-width:var(--plasma-pagination-select-target-width);--plasma-select-target-radius:var(--plasma-pagination-button-radius);--plasma-select-target-padding:var(--plasma-pagination-select-target-padding);--plasma-select-target-padding-has-chips:var(--plasma-pagination-select-target-padding-has-chips);--plasma-select-target-with-input:var(--plasma-pagination-select-target-padding-with-input);--plasma-select-target-inner-top:var(--plasma-pagination-select-target-inner-top);--plasma-select-target-label-inner-top:var(--plasma-pagination-select-target-label-inner-top);--plasma-select-target-font-family:var(--plasma-pagination-font-family);--plasma-select-target-font-size:var(--plasma-pagination-font-size);--plasma-select-target-font-style:var(--plasma-pagination-font-style);--plasma-select-target-font-weight:var(--plasma-pagination-font-weight);--plasma-select-target-label-inner-font-family:var(--plasma-pagination-font-family);--plasma-select-target-label-inner-font-family:var(--plasma-pagination-font-size);--plasma-select-target-label-inner-font-style:var(--plasma-pagination-font-style);--plasma-select-target-label-inner-font-weight:var(--plasma-pagination-font-weight);--plasma-select-width:var(--plasma-pagination-select-width);--plasma-select-height:var(--plasma-pagination-select-height);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-padding-top:var(--plasma-pagination-select-padding-top);--plasma-select-padding-right:var(--plasma-pagination-select-padding-right);--plasma-select-padding-bottom:var(--plasma-pagination-select-padding-bottom);--plasma-select-padding-left:var(--plasma-pagination-select-padding-left);--plasma-select-background:var(--plasma-pagination-select-bg-color);--plasma-select-box-shadow:var(--shadow-down-soft-s);}
+.PaginationSelectPerPage_styles_rtehle_squvg2e__ab0b3d6d{--plasma-select-item-width:var(--plasma-pagination-select-item-width);--plasma-select-item-height:var(--plasma-pagination-select-item-height);--plasma-select-item-padding-top:var(--plasma-pagination-select-item-padding-top);--plasma-select-item-padding-right:var(--plasma-pagination-select-item-padding-right);--plasma-select-item-padding-bottom:var(--plasma-pagination-select-item-padding-bottom);--plasma-select-item-padding-left:var(--plasma-pagination-select-item-padding-left);--plasma-select-item-border-radius:var(--plasma-pagination-button-radius);--plasma-select-item-content-left-width:var(--plasma-pagination-select-item-content-left-width);--plasma-select-item-font-family:var(--plasma-pagination-font-family);--plasma-select-item-font-size:var(--plasma-pagination-font-size);--plasma-select-item-font-style:var(--plasma-pagination-font-style);--plasma-select-item-letter-spacing:var(--plasma-pagination-font-weight);--plasma-select-item-line-height:var(--plasma-pagination-letter-spacing);--plasma-select-item-font-weight:var(--plasma-pagination-line-height);--plasma-select-item-background:var(--plasma-pagination-select-item-bg-color);--plasma-select-item-background-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-item-background-selected-hover:var(--plasma-pagination-button-bg-color-active);--plasma-select-item-color:var(--plasma-pagination-button-color);--plasma-select-item-content-left-color:var(--plasma-pagination-button-color);--plasma-select-item-background-selected:var(--plasma-pagination-button-bg-color-hover);--plasma-select-item-color-selected:var(--plasma-pagination-button-color);}
+.PaginationSelectPerPage_styles_rtehle_sbiht1s__ab0b3d6d{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
 
 .base_buv6b_b17pmq8q__803baa19{background:var(--plasma-toast-background);color:var(--plasma-toast-color);}
 
@@ -503,46 +504,29 @@
 
 .base_1gha00t_blzorgi__0445cc63 .base_1gha00t_swmawm7__0445cc63{height:var(--plasma-progress-track-height);border-radius:var(--plasma-progress-track-border-radius);}.base_1gha00t_blzorgi__0445cc63 .base_1gha00t_s1mmwynp__0445cc63{height:var(--plasma-progress-filled-height);border-radius:var(--plasma-progress-filled-border-radius);}.base_1gha00t_blzorgi__0445cc63 .base_1gha00t_s1oe6gw0__0445cc63{margin-left:var(--plasma-progress-value-margin-left);}
 
-.Item_styles_545sy7_sw519pr__b99228e8{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
-.Item_styles_545sy7_sywiq3e__b99228e8{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
-.Item_styles_545sy7_s12cl9ix__b99228e8{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Item_styles_545sy7_s1stf08b__b99228e8{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Item_styles_545sy7_dbxrye__b99228e8{line-height:0;color:var(--text-secondary);}.Item_styles_545sy7_dbxrye__b99228e8:hover{color:var(--text-secondary-hover);}
-.Item_styles_545sy7_ijzon79__b99228e8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--ijzon79-0);height:var(--ijzon79-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}.Item_styles_545sy7_ijzon79__b99228e8 .Item_styles_545sy7_selectItemCheckbox__b99228e8{--plasma-checkbox-trigger-size:var(--ijzon79-1);--plasma-checkbox-trigger-border-radius:var(--ijzon79-2);}
-.Item_styles_545sy7_s1vkcneb__b99228e8{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
-.Item_styles_545sy7_w1nwrhpk__b99228e8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--w1nwrhpk-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_545sy7_w1nwrhpk__b99228e8:hover:not(.Item_styles_545sy7_dropdownItemIsDisabled__b99228e8){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsActive__b99228e8{background:var(--surface-transparent-secondary);}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsDisabled__b99228e8{opacity:0.4;cursor:not-allowed;}.Item_styles_545sy7_w1nwrhpk__b99228e8:focus{outline:none;}.Item_styles_545sy7_w1nwrhpk__b99228e8::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsFocused__b99228e8:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
-
-.Button_styles_1r519o1_s1n7gats__2349e77a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
-.Button_styles_1r519o1_isdqa5a__2349e77a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1r519o1_isdqa5a__2349e77a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1r519o1_isdqa5a__2349e77a:active{color:var(--plasma-select-target-button-arrow-color-active);}
-.Button_styles_1r519o1_s1yfglds__2349e77a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.Button_styles_1r519o1_brzvbcx__2349e77a{display:inline;}.Button_styles_1r519o1_brzvbcx__2349e77a .Button_styles_1r519o1_selectWithoutBoxShadow__2349e77a::before{box-shadow:none !important;}
-.Button_styles_1r519o1_logt3wm__2349e77a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1r519o1_logt3wm__2349e77a .Button_styles_1r519o1_arrowInverse__2349e77a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
-
-.Chip_styles_k6znfr_s19m2v6c__1d0542ff{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff.Chip_styles_k6znfr_selectChipIsFocused__1d0542ff:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
-
-.Textfield_styles_hp8mkt_t1i096k1__c4a1a37b{display:inline;}.Textfield_styles_hp8mkt_t1i096k1__c4a1a37b .Textfield_styles_hp8mkt_selectTextfieldTarget__c4a1a37b{background:var(--t1i096k1-0);padding:var(--t1i096k1-1);}.Textfield_styles_hp8mkt_t1i096k1__c4a1a37b .Textfield_styles_hp8mkt_selectWithoutBoxShadow__c4a1a37b::before{box-shadow:none !important;}
-.Textfield_styles_hp8mkt_s1m7a2v8__c4a1a37b{--plasma-button-color:var(--text-primary);--plasma-button-color-hover:var(--text-primary);--plasma-button-color-active:var(--text-primary);--plasma-button-background-color:var(--plasma-select-target-textfield-background-color);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-textfield-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);position:relative;}.Textfield_styles_hp8mkt_s1m7a2v8__c4a1a37b::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Textfield_styles_hp8mkt_s1m7a2v8__c4a1a37b.Textfield_styles_hp8mkt_focusVisible__c4a1a37b:focus::before,.Textfield_styles_hp8mkt_s1m7a2v8__c4a1a37b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem --surface-accent;}
-
-.Textfield_styles_hp8mkt_i1tkb6dn__c4a1a37b{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.Textfield_styles_hp8mkt_i1tkb6dn__c4a1a37b:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.Textfield_styles_hp8mkt_i1tkb6dn__c4a1a37b:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
-.Textfield_styles_hp8mkt_wc205mm__c4a1a37b{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Textfield_styles_hp8mkt_wc205mm__c4a1a37b .Textfield_styles_hp8mkt_arrowInverse__c4a1a37b{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
-.Textfield_styles_hp8mkt_coaceep__c4a1a37b{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:calc(0.0625rem + var(--plasma-select-focus-offset));gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(--plasma-select-chip-border-radius);border-bottom-right-radius:var(--plasma-select-chip-border-radius);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.Textfield_styles_hp8mkt_coaceep__c4a1a37b::-webkit-scrollbar{display:none;}
-.Textfield_styles_hp8mkt_lp4c7y3__c4a1a37b{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
-.Textfield_styles_hp8mkt_pwy2nbe__c4a1a37b{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
-.Textfield_styles_hp8mkt_ib53o3b__c4a1a37b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
-.Textfield_styles_hp8mkt_ik0gt8g__c4a1a37b{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
-.Textfield_styles_hp8mkt_cbv75m4__c4a1a37b{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-2px;margin-right:6px;line-height:0;}
-.Textfield_styles_hp8mkt_v168vqsi__c4a1a37b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-
-.Select_styles_zx0ztg_spxbau6__ae62f9d8 .Select_styles_zx0ztg_popoverRoot__ae62f9d8,.Select_styles_zx0ztg_spxbau6__ae62f9d8 .Select_styles_zx0ztg_popoverTarget__ae62f9d8{width:100%;}
-.Select_styles_zx0ztg_u1yey2x3__ae62f9d8{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:var(--shadow-down-soft-s);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
-.Select_styles_zx0ztg_bvro45w__ae62f9d8 .Select_styles_zx0ztg_popoverWrapper__ae62f9d8,.Select_styles_zx0ztg_bvro45w__ae62f9d8 .Select_styles_zx0ztg_popoverTarget__ae62f9d8{display:block;}
-.Select_styles_zx0ztg_ogpldc9__ae62f9d8{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
-.Select_styles_zx0ztg_h2ef052__ae62f9d8{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
-
-.SelectNotFoundContent_styles_r1sne_s9rq5i__04f00d06{--plasma-button-color:var(--text-primary);--plasma-button-color-active:var(--text-primary-active);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color:none;--plasma-button-height:var(--plasma-select-target-height);--plasma-button-padding:0;--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);}
-.SelectNotFoundContent_styles_r1sne_w1tnxi4r__04f00d06{background:var(--surface-solid-card);box-shadow:var(--shadow-down-soft-s);border-radius:var(--plasma-select-border-radius);padding:var(--plasma-select-padding);}
-.SelectNotFoundContent_styles_r1sne_c17jtu5__04f00d06{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;box-sizing:border-box;padding:var(--plasma-select-not-found-content-padding);}
-.SelectNotFoundContent_styles_r1sne_d1dcslek__04f00d06{margin-top:var(--plasma-select-not-found-content-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
+.Select_styles_1q3i6gw_spxbau6__08f2a797{width:100%;position:relative;}.Select_styles_1q3i6gw_spxbau6__08f2a797 .Select_styles_1q3i6gw_nativeSelectVisible__08f2a797{display:block;}.Select_styles_1q3i6gw_spxbau6__08f2a797 .Select_styles_1q3i6gw_popoverWrapper__08f2a797{display:block;}
+.Select_styles_1q3i6gw_s1yey2x3__08f2a797{box-sizing:border-box;overflow-y:auto;background:var(--plasma-select-background);box-shadow:var(--plasma-select-box-shadow);border-radius:var(--plasma-select-border-radius);width:var(--plasma-select-width);height:var(--plasma-select-height);padding:var(--plasma-select-padding-top) var(--plasma-select-padding-right) var(--plasma-select-padding-bottom) var(--plasma-select-padding-left);}
+.Select_styles_1q3i6gw_svro45w__08f2a797{display:block;}.Select_styles_1q3i6gw_svro45w__08f2a797 .Select_styles_1q3i6gw_popoverRoot__08f2a797,.Select_styles_1q3i6gw_svro45w__08f2a797 .Select_styles_1q3i6gw_popoverTarget__08f2a797{width:var(--svro45w-0);}
+.Select_styles_1q3i6gw_sgpldc9__08f2a797{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:transparent;color:transparent;border:none;outline:none;opacity:1;position:absolute;inset:-0.125rem;z-index:1;cursor:var(--sgpldc9-0);font-size:1rem;}.Select_styles_1q3i6gw_sgpldc9__08f2a797:hover:not(:disabled) + .Select_styles_1q3i6gw_popoverWrapper__08f2a797 .Select_styles_1q3i6gw_selectTarget__08f2a797{background:var(--plasma-select-target-background-color-hover);}.Select_styles_1q3i6gw_sgpldc9__08f2a797:focus-visible{border-radius:var(--plasma-select-border-radius);box-shadow:0 0 0 0.0625rem var(--plasma-select-focus-color);}
+
+.SelectDivider_styles_673hj6_m116nlyk__b8f8cb38{--plasma-dropdown-divider-color:var(--plasma-select-divider-color);--plasma-dropdown-divider-width:var(--plasma-select-divider-width);--plasma-dropdown-divider-height:var(--plasma-select-divider-height);--plasma-dropdown-divider-margin-top:var(--plasma-select-divider-margin-top);--plasma-dropdown-divider-margin-right:var(--plasma-select-divider-margin-right);--plasma-dropdown-divider-margin-bottom:var(--plasma-select-divider-margin-bottom);--plasma-dropdown-divider-margin-left:var(--plasma-select-divider-margin-left);}
+
+.SelectFooter_styles_11hk6tt_m6xrqag__4c3c8444{--plasma-dropdown-footer-background:var(--plasma-select-footer-background);--plasma-dropdown-footer-width:var(--plasma-select-footer-width);--plasma-dropdown-footer-height:var(--plasma-select-footer-height);--plasma-dropdown-footer-padding-top:var(--plasma-select-footer-padding-top);--plasma-dropdown-footer-padding-right:var(--plasma-select-footer-padding-right);--plasma-dropdown-footer-padding-bottom:var(--plasma-select-footer-padding-bottom);--plasma-dropdown-footer-padding-left:var(--plasma-select-footer-padding-left);--plasma-dropdown-footer-margin-top:var(--plasma-select-footer-margin-top);--plasma-dropdown-footer-margin-right:var(--plasma-select-footer-margin-right);--plasma-dropdown-footer-margin-bottom:var(--plasma-select-footer-margin-bottom);--plasma-dropdown-footer-margin-left:var(--plasma-select-footer-margin-left);--plasma-dropdown-footer-font-family:var(--plasma-select-footer-font-family);--plasma-dropdown-footer-font-size:var(--plasma-select-footer-font-size);--plasma-dropdown-footer-font-style:var(--plasma-select-footer-font-style);--plasma-dropdown-footer-letter-spacing:var(--plasma-select-footer-letter-spacing);--plasma-dropdown-footer-line-height:var(--plasma-select-footer-line-height);--plasma-dropdown-footer-font-weight:var(--plasma-select-footer-font-weight);}
+
+.SelectGroup_styles_mktu7e_mzf21dv__c0ea3524{--plasma-dropdown-group-background:var(--plasma-select-group-background);--plasma-dropdown-group-width:var(--plasma-select-group-width);--plasma-dropdown-group-height:var(--plasma-select-group-height);--plasma-dropdown-group-padding-top:var(--plasma-select-group-padding-top);--plasma-dropdown-group-padding-right:var(--plasma-select-group-padding-right);--plasma-dropdown-group-padding-bottom:var(--plasma-select-group-padding-bottom);--plasma-dropdown-group-padding-left:var(--plasma-select-group-padding-left);--plasma-dropdown-group-margin-top:var(--plasma-select-group-margin-top);--plasma-dropdown-group-margin-right:var(--plasma-select-group-margin-right);--plasma-dropdown-group-margin-bottom:var(--plasma-select-group-margin-bottom);--plasma-dropdown-group-margin-left:var(--plasma-select-group-margin-left);--plasma-dropdown-group-label-font-family:var(--plasma-select-group-label-font-family);--plasma-dropdown-group-label-font-size:var(--plasma-select-group-label-font-size);--plasma-dropdown-group-label-font-style:var(--plasma-select-group-label-font-style);--plasma-dropdown-group-label-font-weight:var(--plasma-select-group-label-font-weight);--plasma-dropdown-group-label-letter-spacing:var(--plasma-select-group-label-letter-spacing);--plasma-dropdown-group-label-line-height:var(--plasma-select-group-label-line-height);--plasma-dropdown-group-label-color:var(--plasma-select-group-label-color);--plasma-dropdown-group-label-padding-top:var(--plasma-select-group-label-padding-top);--plasma-dropdown-group-label-padding-right:var(--plasma-select-group-label-padding-right);--plasma-dropdown-group-label-padding-bottom:var(--plasma-select-group-label-padding-bottom);--plasma-dropdown-group-label-padding-left:var(--plasma-select-group-label-padding-left);--plasma-dropdown-group-label-margin-top:var(--plasma-select-group-label-margin-top);--plasma-dropdown-group-label-margin-right:var(--plasma-select-group-label-margin-right);--plasma-dropdown-group-label-margin-bottom:var(--plasma-select-group-label-margin-bottom);--plasma-dropdown-group-label-margin-left:var(--plasma-select-group-label-margin-left);}
+
+.SelectHeader_styles_24gqog_m1tqc9mt__2df5b6b6{--plasma-dropdown-header-background:var(--plasma-select-header-background);--plasma-dropdown-header-width:var(--plasma-select-header-width);--plasma-dropdown-header-height:var(--plasma-select-header-height);--plasma-dropdown-header-padding-top:var(--plasma-select-header-padding-top);--plasma-dropdown-header-padding-right:var(--plasma-select-header-padding-right);--plasma-dropdown-header-padding-bottom:var(--plasma-select-header-padding-bottom);--plasma-dropdown-header-padding-left:var(--plasma-select-header-padding-left);--plasma-dropdown-header-margin-top:var(--plasma-select-header-margin-top);--plasma-dropdown-header-margin-right:var(--plasma-select-header-margin-right);--plasma-dropdown-header-margin-bottom:var(--plasma-select-header-margin-bottom);--plasma-dropdown-header-margin-left:var(--plasma-select-header-margin-left);--plasma-dropdown-header-font-family:var(--plasma-select-header-font-family);--plasma-dropdown-header-font-size:var(--plasma-select-header-font-size);--plasma-dropdown-header-font-style:var(--plasma-select-header-font-style);--plasma-dropdown-header-letter-spacing:var(--plasma-select-header-letter-spacing);--plasma-dropdown-header-line-height:var(--plasma-select-header-line-height);--plasma-dropdown-header-font-weight:var(--plasma-select-header-font-weight);}
+
+.SelectItem_styles_vk39mp_bhy25de__bb65e3c1{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:auto;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);--plasma-dropdown-item-background:var(--plasma-select-item-background);--plasma-dropdown-item-color:var(--plasma-select-item-color);--plasma-dropdown-item-background-hover:var(--plasma-select-item-background-hover);--plasma-dropdown-item-background-selected:var(--plasma-select-item-background-selected);--plasma-dropdown-item-color-selected:var(--plasma-select-item-color-selected);--plasma-dropdown-item-background-selected-hover:var(--plasma-select-item-background-selected-hover);--plasma-dropdown-item-color-selected-hover:var(--plasma-select-item-color-selected-hover);--plasma-dropdown-item-content-left-color:var(--plasma-select-item-content-left-color);--plasma-dropdown-item-content-right-color:var(--plasma-select-item-content-right-color);--plasma-dropdown-disabled-opacity:var(--plasma-select-disabled-opacity);--plasma-dropdown-focus-color:var(--plasma-select-focus-color);--plasma-dropdown-item-width:var(--plasma-select-item-width);--plasma-dropdown-item-height:var(--plasma-select-item-height);--plasma-dropdown-item-border-radius:var(--plasma-select-item-border-radius);--plasma-dropdown-item-padding-top:var(--plasma-select-item-padding-top);--plasma-dropdown-item-padding-right:var(--plasma-select-item-padding-right);--plasma-dropdown-item-padding-bottom:var(--plasma-select-item-padding-bottom);--plasma-dropdown-item-padding-left:var(--plasma-select-item-padding-left);--plasma-dropdown-item-margin-top:var(--plasma-select-item-margin-top);--plasma-dropdown-item-margin-right:var(--plasma-select-item-margin-right);--plasma-dropdown-item-margin-bottom:var(--plasma-select-item-margin-bottom);--plasma-dropdown-item-margin-left:var(--plasma-select-item-margin-left);--plasma-dropdown-item-font-family:var(--plasma-select-item-font-family);--plasma-dropdown-item-font-size:var(--plasma-select-item-font-size);--plasma-dropdown-item-font-style:var(--plasma-select-item-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-select-item-letter-spacing);--plasma-dropdown-item-line-height:var(--plasma-select-item-line-height);--plasma-dropdown-item-font-weight:var(--plasma-select-item-font-weight);--plasma-dropdown-item-content-left-width:var(--plasma-select-item-content-left-width);--plasma-dropdown-item-content-right-width:var(--plasma-select-item-content-right-width);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1:focus{outline:none;}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1.SelectItem_styles_vk39mp_focusVisible__bb65e3c1:focus::before,.SelectItem_styles_vk39mp_bhy25de__bb65e3c1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1:hover:not(.SelectItem_styles_vk39mp_dropdownItemIsDisabled__bb65e3c1){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1.SelectItem_styles_vk39mp_dropdownItemIsSelected__bb65e3c1{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1.SelectItem_styles_vk39mp_dropdownItemIsSelected__bb65e3c1:hover:not(.SelectItem_styles_vk39mp_dropdownItemIsDisabled__bb65e3c1){background:var(--plasma-dropdown-item-background-selected-hover);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1.SelectItem_styles_vk39mp_dropdownItemIsDisabled__bb65e3c1{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
+
+.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-color-hover:var(--plasma-select-chip-color-hover);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-color-active:var(--plasma-select-chip-color-active);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-background-readonly:var(--plasma-select-chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-select-chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-select-chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-select-chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-width:var(--plasma-select-chip-width);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-chip-font-family);--plasma-chip-font-size:var(--plasma-select-chip-font-size);--plasma-chip-font-style:var(--plasma-select-chip-font-style);--plasma-chip-font-weight:var(--plasma-select-chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-select-chip-scale-hover);--plasma-chip-scale-active:var(--plasma-select-chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-select-focus-color);position:relative;}.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1.SelectChip_styles_1u4uw04_focusVisible__c23911c1:focus::before,.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-select-focus-color);}.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1[readonly]{opacity:var(--plasma-select-chip-opacity-readonly);}
+
+.SelectTarget_styles_hb1tns_su9kdfl__864110c9{--plasma-button-disabled-opacity:var(--plasma-select-disabled-opacity);--plasma-button-color:var(--plasma-select-target-color);--plasma-button-background-color:var(--su9kdfl-0);--plasma-button-background-color-hover:var(--su9kdfl-1);--plasma-button-background-color-active:var(--su9kdfl-2);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:var(--plasma-select-target-width);--plasma-button-radius:var(--plasma-select-target-radius);--plasma-button-font-family:var(--plasma-select-target-font-family);--plasma-button-font-size:var(--plasma-select-target-font-size);--plasma-button-font-style:var(--plasma-select-target-font-style);--plasma-button-font-weight:var(--plasma-select-target-font-weight);--plasma-button-letter-spacing:var(--plasma-select-target-letter-spacing);--plasma-button-line-height:var(--plasma-select-target-line-height);--plasma-button-focus-color:var(--plasma-select-focus-color);box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-3);padding:var(--su9kdfl-6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9:hover:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-4);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9:active:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-5);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9[readonly]{cursor:default;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9[readonly] .SelectTarget_styles_hb1tns_selectTargetArrow__864110c9{opacity:0.4;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9 .SelectTarget_styles_hb1tns_arrowInverse__864110c9{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasChips__864110c9{padding:var(--plasma-select-target-padding-has-chips);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_innerLabelUp__864110c9 .SelectTarget_styles_hb1tns_selectTargetText__864110c9{top:var(--plasma-select-target-inner-top);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_innerLabelUp__864110c9 .SelectTarget_styles_hb1tns_selectTargetLabel__864110c9{top:var(--plasma-select-target-label-inner-top);font-family:var(--plasma-select-target-label-inner-font-family);font-size:var(--plasma-select-target-label-inner-font-family);font-style:var(--plasma-select-target-label-inner-font-style);font-weight:var(--plasma-select-target-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);line-height:var(--plasma-select-target-label-inner-line-height);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasNoFocus__864110c9{--plasma_private-combobox-focus-size:0.0625rem;position:relative;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasNoFocus__864110c9::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-combobox-focus-size));left:calc(-1 * var(--plasma_private-combobox-focus-size));right:calc(-1 * var(--plasma_private-combobox-focus-size));bottom:calc(-1 * var(--plasma_private-combobox-focus-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-combobox-focus-size) solid transparent;border-radius:calc(var(--plasma-select-target-radius) + var(--plasma_private-combobox-focus-size));-webkit-transition:none;transition:none;pointer-events:none;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasNoFocus__864110c9:focus-within{box-shadow:none;background-color:var(--plasma-select-target-background-color-open);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasNoFocus__864110c9:focus-within::before{box-shadow:inset 0 0 0 var(--plasma_private-combobox-focus-size) var(--plasma-select-target-border-color-open);}
+.SelectTarget_styles_hb1tns_s1wmzhh1__864110c9{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;right:var(--plasma-select-target-arrow-right);color:var(--plasma-select-target-arrow-color);}
+.SelectTarget_styles_hb1tns_sr2fcv2__864110c9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-select-target-color);}
+.SelectTarget_styles_hb1tns_s9qj25q__864110c9{border-radius:var(--plasma-select-chip-border-radius);overflow:scroll;position:relative;width:100%;height:var(--plasma-select-chip-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.SelectTarget_styles_hb1tns_s9qj25q__864110c9::-webkit-scrollbar{display:none;}
+.SelectTarget_styles_hb1tns_s11wt6x2__864110c9{overflow:visible;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-select-chip-gap);position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.SelectTarget_styles_hb1tns_s1xu52l7__864110c9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%;height:auto;color:var(--plasma-select-target-label-color);font-family:var(--plasma-select-target-font-family);font-size:var(--plasma-select-target-font-size);font-style:var(--plasma-select-target-font-style);font-weight:var(--plasma-select-target-font-weight);-webkit-letter-spacing:var(--plasma-select-target-letter-spacing);-moz-letter-spacing:var(--plasma-select-target-letter-spacing);-ms-letter-spacing:var(--plasma-select-target-letter-spacing);letter-spacing:var(--plasma-select-target-letter-spacing);line-height:var(--plasma-select-target-line-height);}
 
 .base_1mk6ghf_b1qy9s12__46da26aa{background:var(--plasma-divider-background);}
 

package/es/index.js

@@ -14,7 +14,6 @@ export { useUniqId } from './hooks/useUniqId.js';
 export { usePreviousValue } from './hooks/usePreviousValue.js';
 export { useForceUpdate } from './hooks/useForceUpdate.js';
 export { useDidMountEffect } from './hooks/useDidMountEffect.js';
-export { useOutsideClick } from './hooks/useOutsideClick.js';
 export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
 export { composableStyle, cx } from './utils/index.js';
 export { buttonConfig, buttonRoot } from './components/Button/Button.js';
@@ -156,8 +155,13 @@ export { getBaseGridView } from './components/Grid/utils/index.js';
 export { progressConfig, progressRoot } from './components/Progress/Progress.js';
 export { tokens as progressTokens } from './components/Progress/Progress.tokens.js';
 export { selectConfig, selectRoot } from './components/Select/Select.js';
-export { tokens as selectTokens } from './components/Select/Select.tokens.js';
-export { SelectNotFoundContent } from './components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js';
+export { classes as selectClasses, tokens as selectTokens } from './components/Select/Select.tokens.js';
+export { selectDividerConfig, selectDividerRoot } from './components/Select/ui/SelectDivider/SelectDivider.js';
+export { selectFooterConfig, selectFooterRoot } from './components/Select/ui/SelectFooter/SelectFooter.js';
+export { selectGroupConfig, selectGroupRoot } from './components/Select/ui/SelectGroup/SelectGroup.js';
+export { selectHeaderConfig, selectHeaderRoot } from './components/Select/ui/SelectHeader/SelectHeader.js';
+export { selectItemConfig, selectItemRoot } from './components/Select/ui/SelectItem/SelectItem.js';
+export { SelectTarget } from './components/Select/ui/SelectTarget/SelectTarget.js';
 export { dividerConfig, dividerRoot } from './components/Divider/Divider.js';
 export { classes as dividerClasses, tokens as dividerTokens } from './components/Divider/Divider.tokens.js';
 export { toolbarConfig, toolbarRoot } from './components/Toolbar/Toolbar.js';
@@ -182,5 +186,4 @@ export { extractTextFrom } from './utils/extractTextFrom.js';
 export { getSizeValueFromProp } from './utils/getSizeValueFromProp.js';
 export { IS_REACT_18, safeUseId } from './utils/react.js';
 export { isNumber } from './utils/isNumber.js';
-export { isEmpty } from './utils/isEmpty.js';
 //# sourceMappingURL=index.js.map