acinguiux-ds-react-framework 0.1.16 → 0.1.19

package/build/esm/components/DeprecatedSelect/Select.styles.js

@@ -1,455 +0,0 @@
-import { css as d, styled as $ } from "styled-components";
-import { ZIndexes as h, Sizes as v } from "../../react-base/src/consts/index.js";
-import { Variables as l } from "../../react-base/src/theme/types/layer.js";
-import { getPlaceholderFontStyles as b } from "../../react-base/src/utils/stylesUtils.js";
-import { consts as m } from "../../react-base/src/components/Select/Select.consts.js";
-import { useStyles as x } from "../../react-base/src/components/Tooltip/Tooltip.utils.js";
-import { consts as o } from "../../react-base/src/components/Input/Input.consts.js";
-import { WrapperStyles as y } from "../../react-base/src/components/Input/Input.styles.js";
-import { getInputBorderStyles as w } from "../../react-base/src/components/Input/Input.utils.js";
-import { FabricsVariables as g } from "acinguiux-ds-fabrics";
-import { getLabelTypographySize as u, getParagraphTypographySize as f } from "../../react-base/src/utils/sizesUtils.js";
-import { rotate as S } from "../../utils/styleUtils.js";
-import { rcSelectDropdownSlideUpIn as k, rcSelectDropdownSlideUpOut as P } from "./utils/styleUtils.js";
-import { getSelectedOptionTagStyles as B } from "./utils/selectedOptionTagStyleUtils.js";
-const T = d`
-  ${({ prefixCls: a, $size: n, allowClear: i, loading: t, disabled: e, theme: p }) => {
-  const r = m[n], c = (s = g.States.Resting) => B(p, s, e);
-  return d`
-      &-multiple .${a}-selector {
-        position: relative;
-        display: flex;
-        flex-wrap: wrap;
-        padding: 0;
-        min-height: ${o[n].containerHeight}px;
-
-        .${a}-selection-overflow {
-          position: relative;
-          display: flex;
-          flex-wrap: wrap;
-          gap: ${r.tag.gapContainer}px;
-          width: 100%;
-
-          --arrow-size: ${o[n].iconSize + o[n].padding.inline}px;
-
-          ${i ? d`
-                --clear-size: ${o[n].iconSize + o[n].padding.inline * 2}px;
-              ` : ""};
-          ${t ? d`
-                --loading-size: ${r.default.loading + o[n].padding.inline * 2}px;
-              ` : ""};
-          max-width: calc(100% - (var(--arrow-size) + var(--clear-size, 0px) + var(--loading-size, 0px)));
-          white-space: nowrap;
-          padding: ${r.tag.paddingContainer}px;
-
-          &-item {
-            flex: 0 0 auto;
-            max-width: 100%;
-            align-self: center;
-          }
-
-          .${a}-selection-search-input {
-            margin-left: ${o[n].padding.inline - o[n].containerPadding - r.tag.paddingContainer}px;
-          }
-        }
-
-        .${a}-selection-item {
-          ${p.typography("label", u(n))};
-
-          display: flex;
-          align-items: center;
-          gap: ${r.tag.gap}px;
-          padding: ${r.tag.paddingTopBottom}px ${r.tag.paddingRight}px ${r.tag.paddingTopBottom}px
-            ${r.tag.paddingLeft}px;
-          border-radius: 4px;
-          ${c()};
-
-          &:hover {
-            ${c(g.States.Hover)};
-
-            ${e && d`
-              background-color: ${c().backgroundColor};
-              color: ${c().color};
-            `}
-          }
-
-          &:active {
-            ${c(g.States.Press)};
-          }
-
-          &:first-child {
-            margin-left: 0;
-          }
-
-          &-content {
-            text-overflow: ellipsis;
-            overflow: hidden;
-          }
-
-          &-remove {
-            display: flex;
-            cursor: pointer;
-          }
-
-          &-disabled {
-            cursor: not-allowed;
-          }
-        }
-
-        .${a}-selection-placeholder {
-          position: absolute;
-          top: 50%;
-          left: ${o[n].padding.inline}px;
-
-          --arrow-size: ${o[n].iconSize + o[n].padding.inline * 2 + o[n].containerPadding + o[n].containerGap}px;
-          ${t ? d`
-                --loading-size: ${r.default.loading + o[n].padding.inline * 2}px;
-              ` : ""};
-          right: calc(var(--loading-size, 0px) + var(--arrow-size));
-          transform: translateY(-50%);
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-          min-width: 0;
-          width: calc(100% - var(--arrow-size) - var(--loading-size, 0px));
-          max-width: 100%;
-        }
-
-        .${a}-selection-search {
-          position: relative;
-          min-width: 0;
-          max-width: 100%;
-
-          &-input,
-          &-mirror {
-            padding: 0;
-            font-family: system-ui;
-          }
-
-          &-mirror {
-            z-index: ${h.SELECT};
-            white-space: nowrap;
-            position: absolute;
-            left: 10px;
-            top: 0;
-            visibility: hidden;
-          }
-        }
-      }
-    `;
-}}
-`, F = d(({ prefixCls: a, $size: n, allowClear: i, loading: t }) => {
-  const e = m[n];
-  return d`
-    &-single .${a}-selector {
-      .${a}-selection-search {
-        width: 100%;
-
-        &-input {
-          width: 100%;
-        }
-      }
-
-      .${a}-selection-item, .${a}-selection-placeholder {
-        left: ${o[n].containerPadding + o[n].padding.inline}px;
-      }
-
-      .${a}-selection-item, .${a}-selection-placeholder {
-        position: absolute;
-        top: 50%;
-        transform: translateY(-50%);
-      }
-
-      .${a}-selection-placeholder {
-        position: absolute;
-        top: 50%;
-        left: ${o[n].padding.inline + o[n].containerPadding}px;
-
-        --arrow-size: ${o[n].iconSize + o[n].padding.inline * 2 + o[n].containerPadding + o[n].containerGap}px;
-        ${t ? d`
-              --loading-size: ${e.default.loading + o[n].padding.inline * 2}px;
-            ` : ""};
-        right: calc(var(--loading-size, 0px) + var(--arrow-size));
-        transform: translateY(-50%);
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        min-width: 0;
-        width: calc(100% - var(--arrow-size) - var(--loading-size, 0px));
-        max-width: 100%;
-      }
-
-      .${a}-selection-item {
-        display: inline-block;
-
-        --arrow-size: ${o[n].iconSize + o[n].padding.inline * 2 + o[n].containerPadding + o[n].containerGap}px;
-        ${i ? d`
-              --clear-size: ${o[n].iconSize + o[n].padding.inline * 2}px;
-            ` : ""};
-        ${t ? d`
-              --loading-size: ${e.default.loading + o[n].padding.inline * 2}px;
-            ` : ""};
-        width: calc(100% - (var(--clear-size, 0px) + var(--loading-size, 0px) + var(--arrow-size)));
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-    }
-  `;
-}), O = d(({ $size: a, prefixCls: n, theme: i }) => {
-  const t = o[a], e = { foundation: "surface", selectedProminence: "subtle" }, p = i.layer(e);
-  return d`
-    &-item {
-      ${i.typography("paragraph", f(a))};
-      &-group {
-        ${i.typography("label", u(a))};
-        position: relative;
-        padding: ${t.padding.block + t.containerPadding}px ${t.padding.inline}px;
-        color: ${p[l.TextOnFoundationSubtle]};
-
-        ::after {
-          content: '';
-          position: absolute;
-          height: 1px;
-          bottom: 4px;
-          left: ${t.padding.block + t.containerPadding}px;
-          right: ${t.padding.block + t.containerPadding}px;
-          background-color: ${p[l.BorderOnFoundationSubtle]};
-        }
-      }
-
-      &-option-content {
-        text-overflow: ellipsis;
-        overflow: hidden;
-      }
-
-      &-option {
-        ${i.typography("label", u(a))};
-        display: flex;
-        align-items: flex-start;
-        justify-content: space-between;
-        position: relative;
-        padding: ${t.padding.block + t.containerPadding}px ${t.padding.inline}px;
-        border-radius: 4px;
-        background: ${p[l.BackgroundFoundation]};
-        color: ${p[l.TextOnFoundationStrong]};
-        cursor: pointer;
-        transition: background-color 0.3s cubic-bezier(0.35, 0, 0.25, 1);
-
-        /* NOTE: This should have &:hover style but for limitation we have in rc-select, we are implementing &-active instead */
-        &-active {
-          background: ${i.layer({ ...e, state: g.States.Hover })[l.BackgroundFoundation]};
-
-          &:active {
-            background: ${i.layer({ ...e, state: g.States.Press })[l.BackgroundFoundation]};
-          }
-        }
-
-        .${n}-item-option-state {
-          display: none;
-          position: relative;
-          pointer-events: none;
-        }
-
-        &-selected {
-          background: ${p[l.BackgroundSelected]};
-
-          &:hover {
-            background: ${i.layer({ ...e, state: g.States.Hover })[l.BackgroundSelected]};
-          }
-
-          &:active {
-            background: ${i.layer({ ...e, state: g.States.Press })[l.BackgroundSelected]};
-          }
-
-          .${n}-item-option-state {
-            display: inline-flex;
-          }
-        }
-
-        &-disabled {
-          color: ${i.layer({ foundation: "surface", disabled: !0 })[l.TextOnFoundationSubtle]};
-          cursor: not-allowed;
-        }
-      }
-
-      &-empty {
-        text-align: center;
-      }
-    }
-  `;
-}), X = $.div`
-  ${({ prefixCls: a, $size: n, $invalid: i, $disabled: t, theme: e }) => {
-  const p = m[n], r = o[n], c = x(e), s = e.layer({ foundation: "surface" });
-  return d`
-      ${y};
-      padding: 0;
-      min-width: 0;
-
-      ${e.typography("label", u(n))};
-      .${a} {
-        ${O};
-      }
-
-      &.${a} {
-        ${F};
-        ${T};
-
-        cursor: ${t ? "not-allowed" : "pointer"};
-
-        .${a}-selector {
-          padding: ${r.containerPadding}px;
-          position: relative;
-          display: flex;
-          align-items: center;
-          width: 100%;
-
-          .${a}-selection-wrap {
-            max-width: 100%;
-            width: 100%;
-          }
-        }
-
-        .${a}-selection-search-input {
-          cursor: inherit;
-        }
-
-        .${a}-selection-placeholder {
-          ${b(e, t)};
-        }
-
-        .${a}-clear {
-          --clear-right: ${o[n].containerGap * 2 + o[n].iconSize + o[n].padding.inline}px;
-          position: absolute;
-          top: 0;
-          right: var(--clear-right);
-          width: 0;
-          bottom: 0;
-        }
-
-        .${a}-arrow.${a}-arrow-loading + .${a}-clear {
-          right: calc(
-            var(--clear-right) +
-              ${o[n].containerGap + o[n].padding.inline + p.default.loading}px
-          );
-        }
-
-        &-show-arrow {
-          .${a}-arrow {
-            &,
-            & svg {
-              color: ${e.layer({ foundation: "surface", disabled: t })[l.TextOnFoundationStrong]};
-            }
-            position: absolute;
-            right: ${o[n].containerGap}px;
-            display: flex;
-            gap: ${o[n].containerGap}px;
-            pointer-events: none;
-            top: ${o[n].containerGap}px;
-            bottom: ${o[n].containerGap}px;
-            ${n === v.XSmall && d`
-              top: ${w(n, i && !t ? "invalid" : "normal", !1).borderWidth}px;
-              bottom: ${w(n, i && !t ? "invalid" : "normal", !1).borderWidth}px;
-            `};
-            align-items: flex-start;
-
-            &-loading {
-              &::before {
-                content: '';
-                display: inline-block;
-                width: ${p.default.loading}px;
-                height: ${p.default.loading}px;
-                margin-top: ${o[n].containerGap}px;
-                margin-right: ${o[n].padding.inline - o[n].containerGap}px;
-                border-radius: 100%;
-                border: 2px solid ${s[l.BorderOnFoundationSubtle]};
-                border-top-color: ${s[l.BorderOnFoundationStrong]};
-                animation: ${S} 0.8s linear infinite;
-                box-sizing: border-box;
-              }
-            }
-          }
-        }
-
-        /* ============== Dropdown =============== */
-        &-dropdown {
-          z-index: ${h.SELECT};
-          position: absolute;
-          max-width: 100%;
-          border: none;
-          background-color: ${c.background};
-          color: ${c.color};
-          filter: ${c.dropShadow};
-          will-change: filter;
-
-          .rc-virtual-list-holder-inner {
-            gap: ${r.padding.block}px;
-          }
-
-          &::before {
-            display: none;
-          }
-        }
-
-        &-dropdown > div,
-        &-dropdown:hover > div {
-          width: 100%;
-          padding: ${r.padding.block}px;
-          border-radius: ${r.affixBorderRadius}px;
-        }
-
-        &-dropdown-hidden,
-        &-dropdown-hidden:hover {
-          display: none;
-        }
-      }
-
-      .${a}-dropdown {
-        &-slide-up-enter,
-        &-slide-up-appear {
-          opacity: 0;
-          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
-          animation-play-state: paused;
-        }
-
-        &-slide-up-leave {
-          opacity: 1;
-          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
-          animation-play-state: paused;
-        }
-
-        &-slide-up-enter.${a}-slide-up-enter-active, &-slide-up-appear.${a}-slide-up-appear-active {
-          &.${a}-placement-bottomLeft {
-            animation-name: ${k};
-            animation-play-state: running;
-          }
-        }
-
-        &-slide-up-leave.${a}-slide-up-leave-active {
-          &.${a}-placement-bottomLeft {
-            animation-name: ${P};
-            animation-play-state: running;
-          }
-        }
-
-        &-slide-up-enter.${a}-slide-up-enter-active, &-slide-up-appear.${a}-slide-up-appear-active {
-          &.${a}-placement-topLeft {
-            animation-name: rcSelectDropdownSlideDownIn;
-            animation-play-state: running;
-          }
-        }
-
-        &-slide-up-leave.${a}-slide-up-leave-active {
-          &.${a}-placement-topLeft {
-            animation-name: rcSelectDropdownSlideDownOut;
-            animation-play-state: running;
-          }
-        }
-      }
-    `;
-}}
-`;
-export {
-  X as Select
-};
-//# sourceMappingURL=Select.styles.js.map

package/build/esm/components/DeprecatedSelect/Select.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.styles.js","sources":["../../../../src/components/DeprecatedSelect/Select.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Sizes, ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { type ModesType, Variables } from 'acinguiux-ds-react-base/theme';\nimport { getPlaceholderFontStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { SelectConsts } from 'acinguiux-ds-react-base/components/Select';\nimport { TooltipUtils } from 'acinguiux-ds-react-base/components/Tooltip';\nimport { InputConsts, InputStyles, InputUtils } from 'acinguiux-ds-react-base/components/Input';\nimport { SelectProps } from 'rc-select';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { getParagraphTypographySize, getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport { rotate } from '../../utils/styleUtils';\nimport { rcSelectDropdownSlideUpIn, rcSelectDropdownSlideUpOut } from './utils/styleUtils';\nimport type { ISelectProps } from './Select.types';\nimport { getSelectedOptionTagStyles } from './utils/selectedOptionTagStyleUtils';\n\ninterface StyledSelectProps\n  extends SelectProps,\n    Required<PickTransient<ISelectProps, 'size'>>,\n    PickTransient<ISelectProps, 'disabled' | 'invalid'> {}\n\nconst Multiple = css<StyledSelectProps>`\n  ${({ prefixCls, $size, allowClear, loading, disabled, theme }) => {\n    const sizes = SelectConsts.consts[$size];\n    const getStyles = (state: FabricsVariables.StateType = FabricsVariables.States.Resting) =>\n      getSelectedOptionTagStyles(theme, state, disabled);\n\n    return css<StyledSelectProps>`\n      &-multiple .${prefixCls}-selector {\n        position: relative;\n        display: flex;\n        flex-wrap: wrap;\n        padding: 0;\n        min-height: ${InputConsts.consts[$size].containerHeight}px;\n\n        .${prefixCls}-selection-overflow {\n          position: relative;\n          display: flex;\n          flex-wrap: wrap;\n          gap: ${sizes.tag.gapContainer}px;\n          width: 100%;\n\n          --arrow-size: ${InputConsts.consts[$size].iconSize + InputConsts.consts[$size].padding.inline}px;\n\n          ${allowClear\n            ? css`\n                --clear-size: ${InputConsts.consts[$size].iconSize + InputConsts.consts[$size].padding.inline * 2}px;\n              `\n            : ''};\n          ${loading\n            ? css`\n                --loading-size: ${sizes.default.loading + InputConsts.consts[$size].padding.inline * 2}px;\n              `\n            : ''};\n          max-width: calc(100% - (var(--arrow-size) + var(--clear-size, 0px) + var(--loading-size, 0px)));\n          white-space: nowrap;\n          padding: ${sizes.tag.paddingContainer}px;\n\n          &-item {\n            flex: 0 0 auto;\n            max-width: 100%;\n            align-self: center;\n          }\n\n          .${prefixCls}-selection-search-input {\n            margin-left: ${InputConsts.consts[$size].padding.inline -\n            InputConsts.consts[$size].containerPadding -\n            sizes.tag.paddingContainer}px;\n          }\n        }\n\n        .${prefixCls}-selection-item {\n          ${theme.typography('label', getLabelTypographySize($size))};\n\n          display: flex;\n          align-items: center;\n          gap: ${sizes.tag.gap}px;\n          padding: ${sizes.tag.paddingTopBottom}px ${sizes.tag.paddingRight}px ${sizes.tag.paddingTopBottom}px\n            ${sizes.tag.paddingLeft}px;\n          border-radius: 4px;\n          ${getStyles()};\n\n          &:hover {\n            ${getStyles(FabricsVariables.States.Hover)};\n\n            ${disabled &&\n            css`\n              background-color: ${getStyles().backgroundColor};\n              color: ${getStyles().color};\n            `}\n          }\n\n          &:active {\n            ${getStyles(FabricsVariables.States.Press)};\n          }\n\n          &:first-child {\n            margin-left: 0;\n          }\n\n          &-content {\n            text-overflow: ellipsis;\n            overflow: hidden;\n          }\n\n          &-remove {\n            display: flex;\n            cursor: pointer;\n          }\n\n          &-disabled {\n            cursor: not-allowed;\n          }\n        }\n\n        .${prefixCls}-selection-placeholder {\n          position: absolute;\n          top: 50%;\n          left: ${InputConsts.consts[$size].padding.inline}px;\n\n          --arrow-size: ${InputConsts.consts[$size].iconSize +\n          InputConsts.consts[$size].padding.inline * 2 +\n          InputConsts.consts[$size].containerPadding +\n          InputConsts.consts[$size].containerGap}px;\n          ${loading\n            ? css`\n                --loading-size: ${sizes.default.loading + InputConsts.consts[$size].padding.inline * 2}px;\n              `\n            : ''};\n          right: calc(var(--loading-size, 0px) + var(--arrow-size));\n          transform: translateY(-50%);\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          min-width: 0;\n          width: calc(100% - var(--arrow-size) - var(--loading-size, 0px));\n          max-width: 100%;\n        }\n\n        .${prefixCls}-selection-search {\n          position: relative;\n          min-width: 0;\n          max-width: 100%;\n\n          &-input,\n          &-mirror {\n            padding: 0;\n            font-family: system-ui;\n          }\n\n          &-mirror {\n            z-index: ${ZIndexes.SELECT};\n            white-space: nowrap;\n            position: absolute;\n            left: 10px;\n            top: 0;\n            visibility: hidden;\n          }\n        }\n      }\n    `;\n  }}\n`;\n\nconst Single = css<StyledSelectProps>(({ prefixCls, $size, allowClear, loading }) => {\n  const sizes = SelectConsts.consts[$size];\n\n  return css<StyledSelectProps>`\n    &-single .${prefixCls}-selector {\n      .${prefixCls}-selection-search {\n        width: 100%;\n\n        &-input {\n          width: 100%;\n        }\n      }\n\n      .${prefixCls}-selection-item, .${prefixCls}-selection-placeholder {\n        left: ${InputConsts.consts[$size].containerPadding + InputConsts.consts[$size].padding.inline}px;\n      }\n\n      .${prefixCls}-selection-item, .${prefixCls}-selection-placeholder {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n      }\n\n      .${prefixCls}-selection-placeholder {\n        position: absolute;\n        top: 50%;\n        left: ${InputConsts.consts[$size].padding.inline + InputConsts.consts[$size].containerPadding}px;\n\n        --arrow-size: ${InputConsts.consts[$size].iconSize +\n        InputConsts.consts[$size].padding.inline * 2 +\n        InputConsts.consts[$size].containerPadding +\n        InputConsts.consts[$size].containerGap}px;\n        ${loading\n          ? css`\n              --loading-size: ${sizes.default.loading + InputConsts.consts[$size].padding.inline * 2}px;\n            `\n          : ''};\n        right: calc(var(--loading-size, 0px) + var(--arrow-size));\n        transform: translateY(-50%);\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        min-width: 0;\n        width: calc(100% - var(--arrow-size) - var(--loading-size, 0px));\n        max-width: 100%;\n      }\n\n      .${prefixCls}-selection-item {\n        display: inline-block;\n\n        --arrow-size: ${InputConsts.consts[$size].iconSize +\n        InputConsts.consts[$size].padding.inline * 2 +\n        InputConsts.consts[$size].containerPadding +\n        InputConsts.consts[$size].containerGap}px;\n        ${allowClear\n          ? css`\n              --clear-size: ${InputConsts.consts[$size].iconSize + InputConsts.consts[$size].padding.inline * 2}px;\n            `\n          : ''};\n        ${loading\n          ? css`\n              --loading-size: ${sizes.default.loading + InputConsts.consts[$size].padding.inline * 2}px;\n            `\n          : ''};\n        width: calc(100% - (var(--clear-size, 0px) + var(--loading-size, 0px) + var(--arrow-size)));\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  `;\n});\n\nconst Option = css<StyledSelectProps>(({ $size, prefixCls, theme }) => {\n  const sizes = InputConsts.consts[$size];\n  const modes: ModesType = { foundation: 'surface', selectedProminence: 'subtle' };\n  const layer = theme.layer(modes);\n\n  return css`\n    &-item {\n      ${theme.typography('paragraph', getParagraphTypographySize($size))};\n      &-group {\n        ${theme.typography('label', getLabelTypographySize($size))};\n        position: relative;\n        padding: ${sizes.padding.block + sizes.containerPadding}px ${sizes.padding.inline}px;\n        color: ${layer[Variables.TextOnFoundationSubtle]};\n\n        ::after {\n          content: '';\n          position: absolute;\n          height: 1px;\n          bottom: 4px;\n          left: ${sizes.padding.block + sizes.containerPadding}px;\n          right: ${sizes.padding.block + sizes.containerPadding}px;\n          background-color: ${layer[Variables.BorderOnFoundationSubtle]};\n        }\n      }\n\n      &-option-content {\n        text-overflow: ellipsis;\n        overflow: hidden;\n      }\n\n      &-option {\n        ${theme.typography('label', getLabelTypographySize($size))};\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        position: relative;\n        padding: ${sizes.padding.block + sizes.containerPadding}px ${sizes.padding.inline}px;\n        border-radius: 4px;\n        background: ${layer[Variables.BackgroundFoundation]};\n        color: ${layer[Variables.TextOnFoundationStrong]};\n        cursor: pointer;\n        transition: background-color 0.3s cubic-bezier(0.35, 0, 0.25, 1);\n\n        /* NOTE: This should have &:hover style but for limitation we have in rc-select, we are implementing &-active instead */\n        &-active {\n          background: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\n            Variables.BackgroundFoundation\n          ]};\n\n          &:active {\n            background: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\n              Variables.BackgroundFoundation\n            ]};\n          }\n        }\n\n        .${prefixCls}-item-option-state {\n          display: none;\n          position: relative;\n          pointer-events: none;\n        }\n\n        &-selected {\n          background: ${layer[Variables.BackgroundSelected]};\n\n          &:hover {\n            background: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\n              Variables.BackgroundSelected\n            ]};\n          }\n\n          &:active {\n            background: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\n              Variables.BackgroundSelected\n            ]};\n          }\n\n          .${prefixCls}-item-option-state {\n            display: inline-flex;\n          }\n        }\n\n        &-disabled {\n          color: ${theme.layer({ foundation: 'surface', disabled: true })[Variables.TextOnFoundationSubtle]};\n          cursor: not-allowed;\n        }\n      }\n\n      &-empty {\n        text-align: center;\n      }\n    }\n  `;\n});\n\nconst Select = styled.div<StyledSelectProps>`\n  ${({ prefixCls, $size, $invalid, $disabled, theme }) => {\n    const sizes = SelectConsts.consts[$size];\n    const inputSizes = InputConsts.consts[$size];\n    const dropdownStyles = TooltipUtils.useStyles(theme);\n    const layer = theme.layer({ foundation: 'surface' });\n\n    return css<StyledSelectProps>`\n      ${InputStyles.WrapperStyles};\n      padding: 0;\n      min-width: 0;\n\n      ${theme.typography('label', getLabelTypographySize($size))};\n      .${prefixCls} {\n        ${Option};\n      }\n\n      &.${prefixCls} {\n        ${Single};\n        ${Multiple};\n\n        cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n\n        .${prefixCls}-selector {\n          padding: ${inputSizes.containerPadding}px;\n          position: relative;\n          display: flex;\n          align-items: center;\n          width: 100%;\n\n          .${prefixCls}-selection-wrap {\n            max-width: 100%;\n            width: 100%;\n          }\n        }\n\n        .${prefixCls}-selection-search-input {\n          cursor: inherit;\n        }\n\n        .${prefixCls}-selection-placeholder {\n          ${getPlaceholderFontStyles(theme, $disabled)};\n        }\n\n        .${prefixCls}-clear {\n          --clear-right: ${InputConsts.consts[$size].containerGap * 2 +\n          InputConsts.consts[$size].iconSize +\n          InputConsts.consts[$size].padding.inline}px;\n          position: absolute;\n          top: 0;\n          right: var(--clear-right);\n          width: 0;\n          bottom: 0;\n        }\n\n        .${prefixCls}-arrow.${prefixCls}-arrow-loading + .${prefixCls}-clear {\n          right: calc(\n            var(--clear-right) +\n              ${InputConsts.consts[$size].containerGap +\n              InputConsts.consts[$size].padding.inline +\n              sizes.default.loading}px\n          );\n        }\n\n        &-show-arrow {\n          .${prefixCls}-arrow {\n            &,\n            & svg {\n              color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n            }\n            position: absolute;\n            right: ${InputConsts.consts[$size].containerGap}px;\n            display: flex;\n            gap: ${InputConsts.consts[$size].containerGap}px;\n            pointer-events: none;\n            top: ${InputConsts.consts[$size].containerGap}px;\n            bottom: ${InputConsts.consts[$size].containerGap}px;\n            ${$size === Sizes.XSmall &&\n            css`\n              top: ${InputUtils.getInputBorderStyles($size, $invalid && !$disabled ? 'invalid' : 'normal', false)\n                .borderWidth}px;\n              bottom: ${InputUtils.getInputBorderStyles($size, $invalid && !$disabled ? 'invalid' : 'normal', false)\n                .borderWidth}px;\n            `};\n            align-items: flex-start;\n\n            &-loading {\n              &::before {\n                content: '';\n                display: inline-block;\n                width: ${sizes.default.loading}px;\n                height: ${sizes.default.loading}px;\n                margin-top: ${InputConsts.consts[$size].containerGap}px;\n                margin-right: ${InputConsts.consts[$size].padding.inline - InputConsts.consts[$size].containerGap}px;\n                border-radius: 100%;\n                border: 2px solid ${layer[Variables.BorderOnFoundationSubtle]};\n                border-top-color: ${layer[Variables.BorderOnFoundationStrong]};\n                animation: ${rotate} 0.8s linear infinite;\n                box-sizing: border-box;\n              }\n            }\n          }\n        }\n\n        /* ============== Dropdown =============== */\n        &-dropdown {\n          z-index: ${ZIndexes.SELECT};\n          position: absolute;\n          max-width: 100%;\n          border: none;\n          background-color: ${dropdownStyles.background};\n          color: ${dropdownStyles.color};\n          filter: ${dropdownStyles.dropShadow};\n          will-change: filter;\n\n          .rc-virtual-list-holder-inner {\n            gap: ${inputSizes.padding.block}px;\n          }\n\n          &::before {\n            display: none;\n          }\n        }\n\n        &-dropdown > div,\n        &-dropdown:hover > div {\n          width: 100%;\n          padding: ${inputSizes.padding.block}px;\n          border-radius: ${inputSizes.affixBorderRadius}px;\n        }\n\n        &-dropdown-hidden,\n        &-dropdown-hidden:hover {\n          display: none;\n        }\n      }\n\n      .${prefixCls}-dropdown {\n        &-slide-up-enter,\n        &-slide-up-appear {\n          opacity: 0;\n          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n          animation-play-state: paused;\n        }\n\n        &-slide-up-leave {\n          opacity: 1;\n          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n          animation-play-state: paused;\n        }\n\n        &-slide-up-enter.${prefixCls}-slide-up-enter-active, &-slide-up-appear.${prefixCls}-slide-up-appear-active {\n          &.${prefixCls}-placement-bottomLeft {\n            animation-name: ${rcSelectDropdownSlideUpIn};\n            animation-play-state: running;\n          }\n        }\n\n        &-slide-up-leave.${prefixCls}-slide-up-leave-active {\n          &.${prefixCls}-placement-bottomLeft {\n            animation-name: ${rcSelectDropdownSlideUpOut};\n            animation-play-state: running;\n          }\n        }\n\n        &-slide-up-enter.${prefixCls}-slide-up-enter-active, &-slide-up-appear.${prefixCls}-slide-up-appear-active {\n          &.${prefixCls}-placement-topLeft {\n            animation-name: rcSelectDropdownSlideDownIn;\n            animation-play-state: running;\n          }\n        }\n\n        &-slide-up-leave.${prefixCls}-slide-up-leave-active {\n          &.${prefixCls}-placement-topLeft {\n            animation-name: rcSelectDropdownSlideDownOut;\n            animation-play-state: running;\n          }\n        }\n      }\n    `;\n  }}\n`;\n\nexport { Select };\n"],"names":["Multiple","css","prefixCls","$size","allowClear","loading","disabled","theme","sizes","SelectConsts.consts","getStyles","state","FabricsVariables","getSelectedOptionTagStyles","InputConsts.consts","getLabelTypographySize","ZIndexes","Single","Option","modes","layer","getParagraphTypographySize","Variables","Select","styled","$invalid","$disabled","inputSizes","dropdownStyles","TooltipUtils.useStyles","InputStyles.WrapperStyles","getPlaceholderFontStyles","Sizes","InputUtils.getInputBorderStyles","rotate","rcSelectDropdownSlideUpIn","rcSelectDropdownSlideUpOut"],"mappings":"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"}

package/build/esm/components/DeprecatedSelect/Select.types.d.ts

@@ -1,22 +0,0 @@
-import type { ReactNode } from 'react';
-import type { SelectTypes } from '../../react-base/src/components/Select';
-import type { SelectProps } from 'rc-select';
-export type SelectMode = 'single' | 'multiple';
-type StaticIcons = 'clearIcon' | 'removeIcon' | 'menuItemSelectedIcon';
-interface OldSelectProps {
-    size?: SelectTypes.Size;
-    children?: ReactNode | ReactNode[];
-    disabled?: boolean;
-    invalid?: boolean;
-    placeholder?: string;
-    loading?: boolean;
-    allowClear?: boolean;
-    placement?: SelectTypes.Position;
-}
-type OmitedKeys = 'placeholder' | 'mode' | 'placement' | 'allowClear' | 'children' | StaticIcons;
-export interface ISelectProps extends Omit<SelectProps, OmitedKeys>, OldSelectProps {
-    mode?: SelectMode;
-    showSearch?: boolean;
-}
-export {};
-//# sourceMappingURL=Select.types.d.ts.map

package/build/esm/components/DeprecatedSelect/Select.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../../src/components/DeprecatedSelect/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE/C,KAAK,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,sBAAsB,CAAC;AAEvE,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC;CAClC;AAED,KAAK,UAAU,GAAG,aAAa,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC;AAEjG,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,cAAc;IACjF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/build/esm/components/DeprecatedSelect/components/ClearButton/ClearButton.d.ts

@@ -1,4 +0,0 @@
-import { type SelectIconProps } from '../Icons/Icons';
-declare const ClearButton: ({ size }: SelectIconProps) => import("react/jsx-runtime").JSX.Element;
-export default ClearButton;
-//# sourceMappingURL=ClearButton.d.ts.map

package/build/esm/components/DeprecatedSelect/components/ClearButton/ClearButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClearButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedSelect/components/ClearButton/ClearButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjE,QAAA,MAAM,WAAW,aAAc,eAAe,4CAoC7C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/esm/components/DeprecatedSelect/components/Icons/Icons.d.ts

@@ -1,10 +0,0 @@
-import type { ReactElement } from 'react';
-import { type SelectTypes } from '../../../../react-base/src/components/Select';
-export type SelectIconProps = {
-    size: SelectTypes.Size;
-};
-export declare const ArrowIcon: ({ size }: SelectIconProps) => ReactElement;
-export declare const SelectedIcon: ({ size }: SelectIconProps) => ReactElement;
-export declare const ClearIcon: ({ size }: SelectIconProps) => ReactElement;
-export declare const RemoveIcon: ({ size }: SelectIconProps) => ReactElement;
-//# sourceMappingURL=Icons.d.ts.map

package/build/esm/components/DeprecatedSelect/components/Icons/Icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedSelect/components/Icons/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAgB,KAAK,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAM3F,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC;CACxB,CAAC;AAOF,eAAO,MAAM,SAAS,aAAc,eAAe,KAAG,YAAwD,CAAC;AAE/G,eAAO,MAAM,YAAY,aAAc,eAAe,KAAG,YAAkD,CAAC;AAE5G,eAAO,MAAM,SAAS,aAAc,eAAe,KAAG,YAAkD,CAAC;AAEzG,eAAO,MAAM,UAAU,aAAc,eAAe,KAAG,YAAkD,CAAC"}

package/build/esm/components/DeprecatedSelect/components/Icons/Icons.js

@@ -1,13 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { consts as t } from "../../../../react-base/src/components/Select/Select.consts.js";
-import s from "../../../Icon/components/Check.js";
-import c from "../../../Icon/components/Cross.js";
-const i = (o) => ({
-  width: t[o].icon.size,
-  height: t[o].icon.size
-}), f = ({ size: o }) => /* @__PURE__ */ e(s, { ...i(o) }), h = ({ size: o }) => /* @__PURE__ */ e(c, { ...i(o) });
-export {
-  h as RemoveIcon,
-  f as SelectedIcon
-};
-//# sourceMappingURL=Icons.js.map

package/build/esm/components/DeprecatedSelect/components/Icons/Icons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icons.js","sources":["../../../../../../src/components/DeprecatedSelect/components/Icons/Icons.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport { SelectConsts, type SelectTypes } from 'acinguiux-ds-react-base/components/Select';\n\nimport Check from '../../../Icon/components/Check';\nimport ChevronDown from '../../../Icon/components/ChevronDown';\nimport Cross from '../../../Icon/components/Cross';\n\nexport type SelectIconProps = {\n  size: SelectTypes.Size;\n};\n\nconst getDimensions = (size: SelectTypes.Size) => ({\n  width: SelectConsts.consts[size].icon.size,\n  height: SelectConsts.consts[size].icon.size,\n});\n\nexport const ArrowIcon = ({ size }: SelectIconProps): ReactElement => <ChevronDown {...getDimensions(size)} />;\n\nexport const SelectedIcon = ({ size }: SelectIconProps): ReactElement => <Check {...getDimensions(size)} />;\n\nexport const ClearIcon = ({ size }: SelectIconProps): ReactElement => <Cross {...getDimensions(size)} />;\n\nexport const RemoveIcon = ({ size }: SelectIconProps): ReactElement => <Cross {...getDimensions(size)} />;\n"],"names":["getDimensions","size","SelectConsts.consts","SelectedIcon","Check","RemoveIcon","Cross"],"mappings":";;;;AAYA,MAAMA,IAAgB,CAACC,OAA4B;AAAA,EACjD,OAAOC,EAAoBD,CAAI,EAAE,KAAK;AAAA,EACtC,QAAQC,EAAoBD,CAAI,EAAE,KAAK;AACzC,IAIaE,IAAe,CAAC,EAAE,MAAAF,0BAA2CG,GAAA,EAAO,GAAGJ,EAAcC,CAAI,EAAA,CAAG,GAI5FI,IAAa,CAAC,EAAE,MAAAJ,0BAA2CK,GAAA,EAAO,GAAGN,EAAcC,CAAI,EAAA,CAAG;"}

package/build/esm/components/DeprecatedSelect/components/NativeSelect/NativeSelect.d.ts

@@ -1,4 +0,0 @@
-import type { INativeSelectProps } from './NativeSelect.types';
-declare const NativeSelect: import("react").ForwardRefExoticComponent<Omit<INativeSelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
-export default NativeSelect;
-//# sourceMappingURL=NativeSelect.d.ts.map

package/build/esm/components/DeprecatedSelect/components/NativeSelect/NativeSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedSelect/components/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,QAAA,MAAM,YAAY,+HA+BjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build/esm/components/DeprecatedSelect/components/NativeSelect/NativeSelect.js

@@ -1,45 +0,0 @@
-import { jsxs as c, jsx as m } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import S from "classnames";
-import { Sizes as N } from "../../../../react-base/src/consts/index.js";
-import d from "../../../Icon/components/ChevronSmallDown.js";
-import { NativeSelectWrapper as v, NativeSelect as $ } from "./NativeSelect.styles.js";
-import { SELECT_CLASS as r } from "../../../../react-base/src/consts/classes.js";
-const z = p(
-  ({
-    className: a,
-    size: e = N.Medium,
-    disabled: t = !1,
-    invalid: o = !1,
-    wrapperProps: l,
-    tabIndex: s = 0,
-    ...i
-  }, f) => /* @__PURE__ */ c(
-    v,
-    {
-      className: S(r, a),
-      $size: e,
-      $invalid: o,
-      $disabled: t,
-      tabIndex: s,
-      ...l,
-      children: [
-        /* @__PURE__ */ m(
-          $,
-          {
-            ref: f,
-            className: `${r}-select`,
-            disabled: t,
-            $selectSize: e,
-            ...i
-          }
-        ),
-        !i.multiple && /* @__PURE__ */ m(d, { width: 24, height: 24 })
-      ]
-    }
-  )
-);
-export {
-  z as default
-};
-//# sourceMappingURL=NativeSelect.js.map

package/build/esm/components/DeprecatedSelect/components/NativeSelect/NativeSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NativeSelect.js","sources":["../../../../../../src/components/DeprecatedSelect/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, SELECT_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport { ChevronSmallDown } from '../../../Icon/components';\nimport * as Styled from './NativeSelect.styles';\nimport type { INativeSelectProps } from './NativeSelect.types';\n\nconst NativeSelect = forwardRef(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      disabled = false,\n      invalid = false,\n      wrapperProps,\n      tabIndex = 0,\n      ...rest\n    }: INativeSelectProps,\n    ref: ForwardedRef<HTMLSelectElement>,\n  ) => (\n    <Styled.NativeSelectWrapper\n      className={classNames(SELECT_CLASS, className)}\n      $size={size}\n      $invalid={invalid}\n      $disabled={disabled}\n      tabIndex={tabIndex}\n      {...wrapperProps}\n    >\n      <Styled.NativeSelect\n        ref={ref}\n        className={`${SELECT_CLASS}-select`}\n        disabled={disabled}\n        $selectSize={size}\n        {...rest}\n      />\n      {!rest.multiple && <ChevronSmallDown width={24} height={24} />}\n    </Styled.NativeSelectWrapper>\n  ),\n);\n\nexport default NativeSelect;\n"],"names":["NativeSelect","forwardRef","className","size","Sizes","disabled","invalid","wrapperProps","tabIndex","rest","ref","jsxs","Styled.NativeSelectWrapper","classNames","SELECT_CLASS","jsx","Styled.NativeSelect","ChevronSmallDown"],"mappings":";;;;;;;AASA,MAAMA,IAAeC;AAAA,EACnB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAcZ,CAAS;AAAA,MAC7C,OAAOC;AAAA,MACP,UAAUG;AAAA,MACV,WAAWD;AAAA,MACX,UAAAG;AAAA,MACC,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAQ;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,KAAAN;AAAA,YACA,WAAW,GAAGI,CAAY;AAAA,YAC1B,UAAAT;AAAA,YACA,aAAaF;AAAA,YACZ,GAAGM;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,CAACA,EAAK,YAAY,gBAAAM,EAACE,KAAiB,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlE;"}

package/build/esm/components/DeprecatedSelect/components/NativeSelect/NativeSelect.styles.d.ts

@@ -1,8 +0,0 @@
-import { type SelectTypes } from '../../../../react-base/src/components/Select';
-import { type InputTypes } from '../../../../react-base/src/components/Input';
-declare const NativeSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
-    $selectSize: SelectTypes.Size;
-}>> & string;
-declare const NativeSelectWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InputTypes.IProps>> & string;
-export { NativeSelectWrapper, NativeSelect };
-//# sourceMappingURL=NativeSelect.styles.d.ts.map

package/build/esm/components/DeprecatedSelect/components/NativeSelect/NativeSelect.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NativeSelect.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedSelect/components/NativeSelect/NativeSelect.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,WAAW,EAAgB,MAAM,2CAA2C,CAAC;AAC3F,OAAO,EAAE,KAAK,UAAU,EAAc,MAAM,0CAA0C,CAAC;AAMvF,QAAA,MAAM,YAAY;iBAAgC,WAAW,CAAC,IAAI;YAsBjE,CAAC;AAEF,QAAA,MAAM,mBAAmB,sPAoCxB,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC"}