newskit 4.2.0 → 4.3.0

package/cjs/scroll/scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.js","sourceRoot":"","sources":["../../../src/scroll/scroll.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"scroll.js","sourceRoot":"","sources":["../../../src/scroll/scroll.tsx"],"names":[],"mappings":"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"}

package/cjs/scroll/styled.js

@@ -31,32 +31,32 @@ var responsive_helpers_1 = require("../utils/responsive-helpers");
 var style_1 = require("../utils/style");
 var getPseudoStyles = function (props) {
     var vertical = props.vertical;
-    var defaultsPath = "scroll." + (vertical ? 'vertical' : 'horizontal') + ".overlays";
-    return style_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    content: '';\n    pointer-events: none;\n    position: absolute;\n    z-index: 1;\n    transition: all linear 0.3s;\n    ", "\n    ", "\n    ", "\n  "], ["\n    content: '';\n    pointer-events: none;\n    position: absolute;\n    z-index: 1;\n    transition: all linear 0.3s;\n    ", "\n    ", "\n    ", "\n  "])), style_1.getStylePreset(defaultsPath, "overlays")(props), style_1.getResponsiveSize(vertical ? 'height' : 'width', defaultsPath, "overlays", 'size')(props), vertical ? "width: 100%;" : "height: 100%;");
+    var defaultsPath = "scroll.".concat(vertical ? 'vertical' : 'horizontal', ".overlays");
+    return (0, style_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    content: '';\n    pointer-events: none;\n    position: absolute;\n    z-index: 1;\n    transition: all linear 0.3s;\n    ", "\n    ", "\n    ", "\n  "], ["\n    content: '';\n    pointer-events: none;\n    position: absolute;\n    z-index: 1;\n    transition: all linear 0.3s;\n    ", "\n    ", "\n    ", "\n  "])), (0, style_1.getStylePreset)(defaultsPath, "overlays")(props), (0, style_1.getResponsiveSize)(vertical ? 'height' : 'width', defaultsPath, "overlays", 'size')(props), vertical ? "width: 100%;" : "height: 100%;");
 };
 exports.StyledScrollNav = style_1.styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n  height: 100%;\n\n  ", "\n\n  ", "\n\n   ", "\n"], ["\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n  height: 100%;\n\n  ", "\n\n  ", "\n\n   ", "\n"])), function (_a) {
     var controlsVariant = _a.controlsVariant;
-    return controlsVariant === 'hover' && style_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      @keyframes fade-in {\n        from {\n          opacity: 0;\n        }\n        to {\n          opacity: 1;\n        }\n      }\n\n      @keyframes fade-out {\n        from {\n          opacity: 1;\n        }\n        to {\n          opacity: 0;\n        }\n      }\n\n      .nk-scroll-controls {\n        display: none;\n      }\n\n      :hover {\n        .nk-scroll-controls {\n          display: inline-flex;\n          animation: fade-in 1s;\n        }\n      }\n\n      :not(:hover) {\n        .nk-scroll-controls {\n          animation: fade-out 1s;\n        }\n      }\n    "], ["\n      @keyframes fade-in {\n        from {\n          opacity: 0;\n        }\n        to {\n          opacity: 1;\n        }\n      }\n\n      @keyframes fade-out {\n        from {\n          opacity: 1;\n        }\n        to {\n          opacity: 0;\n        }\n      }\n\n      .nk-scroll-controls {\n        display: none;\n      }\n\n      :hover {\n        .nk-scroll-controls {\n          display: inline-flex;\n          animation: fade-in 1s;\n        }\n      }\n\n      :not(:hover) {\n        .nk-scroll-controls {\n          animation: fade-out 1s;\n        }\n      }\n    "])));
+    return controlsVariant === 'hover' && (0, style_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      @keyframes fade-in {\n        from {\n          opacity: 0;\n        }\n        to {\n          opacity: 1;\n        }\n      }\n\n      @keyframes fade-out {\n        from {\n          opacity: 1;\n        }\n        to {\n          opacity: 0;\n        }\n      }\n\n      .nk-scroll-controls {\n        display: none;\n      }\n\n      :hover {\n        .nk-scroll-controls {\n          display: inline-flex;\n          animation: fade-in 1s;\n        }\n      }\n\n      :not(:hover) {\n        .nk-scroll-controls {\n          animation: fade-out 1s;\n        }\n      }\n    "], ["\n      @keyframes fade-in {\n        from {\n          opacity: 0;\n        }\n        to {\n          opacity: 1;\n        }\n      }\n\n      @keyframes fade-out {\n        from {\n          opacity: 1;\n        }\n        to {\n          opacity: 0;\n        }\n      }\n\n      .nk-scroll-controls {\n        display: none;\n      }\n\n      :hover {\n        .nk-scroll-controls {\n          display: inline-flex;\n          animation: fade-in 1s;\n        }\n      }\n\n      :not(:hover) {\n        .nk-scroll-controls {\n          animation: fade-out 1s;\n        }\n      }\n    "])));
 }, function (_a) {
     var showStartShadow = _a.showStartShadow, vertical = _a.vertical, rest = __rest(_a, ["showStartShadow", "vertical"]);
     if (!showStartShadow)
         return null;
-    return style_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      ::before {\n        ", ";\n        top: 0;\n        left: 0;\n      }\n    "], ["\n      ::before {\n        ", ";\n        top: 0;\n        left: 0;\n      }\n    "])), getPseudoStyles(__assign({ vertical: vertical }, rest)));
+    return (0, style_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      ::before {\n        ", ";\n        top: 0;\n        left: 0;\n      }\n    "], ["\n      ::before {\n        ", ";\n        top: 0;\n        left: 0;\n      }\n    "])), getPseudoStyles(__assign({ vertical: vertical }, rest)));
 }, function (_a) {
     var showEndShadow = _a.showEndShadow, vertical = _a.vertical, rest = __rest(_a, ["showEndShadow", "vertical"]);
     if (!showEndShadow)
         return null;
-    return style_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      ::after {\n        ", ";\n        right: 0;\n        bottom: 0;\n        transform: rotate(180deg);\n      }\n    "], ["\n      ::after {\n        ", ";\n        right: 0;\n        bottom: 0;\n        transform: rotate(180deg);\n      }\n    "])), getPseudoStyles(__assign({ vertical: vertical }, rest)));
+    return (0, style_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      ::after {\n        ", ";\n        right: 0;\n        bottom: 0;\n        transform: rotate(180deg);\n      }\n    "], ["\n      ::after {\n        ", ";\n        right: 0;\n        bottom: 0;\n        transform: rotate(180deg);\n      }\n    "])), getPseudoStyles(__assign({ vertical: vertical }, rest)));
 });
 exports.StyledScrollContainer = style_1.styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  box-sizing: border-box;\n  height: 100%;\n\n  overflow-x: auto;\n  overflow-y: auto;\n  scroll-behavior: smooth;\n\n  ", ";\n\n  ", "\n"], ["\n  box-sizing: border-box;\n  height: 100%;\n\n  overflow-x: auto;\n  overflow-y: auto;\n  scroll-behavior: smooth;\n\n  ", ";\n\n  ", "\n"])), function (_a) {
     var vertical = _a.vertical, snapAlign = _a.snapAlign;
-    return snapAlign && "scroll-snap-type: " + (vertical ? 'y' : 'x') + " mandatory;";
+    return snapAlign && "scroll-snap-type: ".concat(vertical ? 'y' : 'x', " mandatory;");
 }, function (_a) {
     var scrollBar = _a.scrollBar;
     return !scrollBar &&
         "/* Hide scrollbar for Chrome, Safari and Opera */\n  &::-webkit-scrollbar {\n    display: none;\n  }\n  /* Hide scrollbar for IE, Edge and Firefox */\n  & {\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }";
 });
-exports.StyledScrollButtonContainer = style_1.styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: none;\n\n  ", " {\n    display: inline-flex;\n  }\n\n  position: absolute;\n  z-index: 2;\n\n  ", "}\n"], ["\n  display: none;\n\n  ", " {\n    display: inline-flex;\n  }\n\n  position: absolute;\n  z-index: 2;\n\n  ", "}\n"])), responsive_helpers_1.getMediaQueryFromTheme('md'), function (_a) {
+exports.StyledScrollButtonContainer = style_1.styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: none;\n\n  ", " {\n    display: inline-flex;\n  }\n\n  position: absolute;\n  z-index: 2;\n\n  ", "}\n"], ["\n  display: none;\n\n  ", " {\n    display: inline-flex;\n  }\n\n  position: absolute;\n  z-index: 2;\n\n  ", "}\n"])), (0, responsive_helpers_1.getMediaQueryFromTheme)('md'), function (_a) {
     var vertical = _a.vertical, position = _a.position, props = __rest(_a, ["vertical", "position"]);
     var cssPosition = '';
     if (vertical && position === 'start') {
@@ -71,7 +71,7 @@ exports.StyledScrollButtonContainer = style_1.styled.div(templateObject_8 || (te
     else {
         cssPosition = 'right';
     }
-    return style_1.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      /* adjusting position ( top/right/left/bottom) based on offset */\n      ", "\n\n      ", "\n    "], ["\n      /* adjusting position ( top/right/left/bottom) based on offset */\n      ", "\n\n      ", "\n    "])), style_1.getResponsiveSpace(cssPosition, "scroll." + (vertical ? 'vertical' : 'horizontal') + ".controls", "controls", 'offset')(props), vertical
+    return (0, style_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      /* adjusting position ( top/right/left/bottom) based on offset */\n      ", "\n\n      ", "\n    "], ["\n      /* adjusting position ( top/right/left/bottom) based on offset */\n      ", "\n\n      ", "\n    "])), (0, style_1.getResponsiveSpace)(cssPosition, "scroll.".concat(vertical ? 'vertical' : 'horizontal', ".controls"), "controls", 'offset')(props), vertical
         ? "\n        left: 50%;\n        transform: translateX(-50%);\n        svg{\n          transform: rotate(90deg);\n        }\n        "
         : "\n        top: 50%;\n        transform: translateY(-50%);\n        ");
 });

package/cjs/scroll/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/scroll/styled.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/scroll/styled.ts"],"names":[],"mappings":"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"}

package/cjs/select/index.d.ts

@@ -0,0 +1,4 @@
+export * from './select';
+export * from './select-option';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/cjs/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}

package/cjs/select/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./select"), exports);
+__exportStar(require("./select-option"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,kDAAgC;AAChC,0CAAwB"}

package/cjs/select/select-button.d.ts

@@ -0,0 +1,24 @@
+import React, { FocusEventHandler } from 'react';
+import { ButtonSelectSize, SelectButtonOverrides, SelectOptionProps } from './types';
+import { FormInputState } from '../form/types';
+interface SelectButtonProps {
+    size: ButtonSelectSize;
+    placeholder: string;
+    isFocused: boolean;
+    overrides?: SelectButtonOverrides;
+    selectedItem?: React.ReactElement<SelectOptionProps>;
+    state?: FormInputState;
+    loading?: boolean;
+    startEnhancer?: React.ReactNode;
+    endEnhancer?: React.ReactNode;
+    validationIcon?: React.ReactNode;
+    setAllowBlur: Function;
+    onSelectButtonBlur: FocusEventHandler<HTMLButtonElement>;
+    onSelectButtonFocus: FocusEventHandler<HTMLButtonElement>;
+    openMenu: Function;
+    itemToString: Function;
+    selectRef: React.RefObject<HTMLDivElement>;
+}
+export declare const SelectButton: React.ForwardRefExoticComponent<SelectButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=select-button.d.ts.map

package/cjs/select/select-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-button.d.ts","sourceRoot":"","sources":["../../../src/select/select-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAE/C,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAajB,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAK7C,UAAU,iBAAiB;IACzB,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACrD,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEjC,YAAY,EAAE,QAAQ,CAAC;IACvB,kBAAkB,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACzD,mBAAmB,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC1D,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,QAAQ,CAAC;IAEvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,YAAY,6FA8IvB,CAAC"}

package/cjs/select/select-button.js

@@ -0,0 +1,71 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectButton = void 0;
+var react_1 = __importDefault(require("react"));
+var block_1 = require("../block");
+var styled_1 = require("./styled");
+var with_enhancers_1 = require("../with-enhancers/with-enhancers");
+var icons_1 = require("../icons");
+var indeterminate_progress_indicator_1 = require("../icons/filled/custom/indeterminate-progress-indicator");
+var screen_reader_only_1 = require("../screen-reader-only");
+var get_token_1 = require("../utils/get-token");
+var style_preset_1 = require("../utils/style/style-preset");
+var theme_1 = require("../theme");
+exports.SelectButton = react_1.default.forwardRef(function (props, selectButtonRef) {
+    var _a, _b;
+    var size = props.size, placeholder = props.placeholder, isFocused = props.isFocused, loading = props.loading, state = props.state, selectedItem = props.selectedItem, overrides = props.overrides, startEnhancer = props.startEnhancer, endEnhancer = props.endEnhancer, validationIcon = props.validationIcon, setAllowBlur = props.setAllowBlur, onSelectButtonBlur = props.onSelectButtonBlur, onSelectButtonFocus = props.onSelectButtonFocus, openMenu = props.openMenu, itemToString = props.itemToString, selectRef = props.selectRef, restProps = __rest(props, ["size", "placeholder", "isFocused", "loading", "state", "selectedItem", "overrides", "startEnhancer", "endEnhancer", "validationIcon", "setAllowBlur", "onSelectButtonBlur", "onSelectButtonFocus", "openMenu", "itemToString", "selectRef"]);
+    var selectedItemDisplay = (_b = (_a = selectedItem) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.selectedDisplay;
+    var theme = (0, theme_1.useTheme)();
+    var buttonSpaceInline = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, "select.".concat(size, ".button"), '', 'spaceInline');
+    var loadingIconStylePreset = (0, get_token_1.getToken)({ theme: theme, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.loadingIndicator }, "select.".concat(size, ".button.loadingIndicator"), '', 'stylePreset');
+    var iconSize = (0, get_token_1.getToken)({ theme: theme }, "select.".concat(size, ".button"), '', 'iconSize');
+    var buttonStylePreset = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, "select.".concat(size, ".button"), '', 'stylePreset');
+    var placeholderColor = (0, style_preset_1.getSingleStylePreset)(theme, 'base', 'placeholderColor', buttonStylePreset);
+    var placeholderSelectedColor = (0, style_preset_1.getSingleStylePreset)(theme, 'base', 'color', buttonStylePreset);
+    return (react_1.default.createElement(with_enhancers_1.WithEnhancers, { componentDefaultsPath: "select.".concat(size, ".button"), isFocused: isFocused, overrides: overrides, state: state, startEnhancer: startEnhancer, endEnhancer: react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(styled_1.StyledButtonIcons, { disabled: state === 'disabled', "$loading": loading, "$spaceInline": buttonSpaceInline },
+                validationIcon,
+                loading ? (react_1.default.createElement(styled_1.StyledIconBox, null,
+                    react_1.default.createElement(indeterminate_progress_indicator_1.IndeterminateProgressIndicator, { overrides: {
+                            stylePreset: loadingIconStylePreset,
+                            size: iconSize,
+                        } }))) : (react_1.default.createElement(styled_1.StyledDropdownIconButton, { "data-testid": "select-chevron-button", "aria-hidden": true, tabIndex: -1, type: "button", onMouseDown: function () {
+                        setAllowBlur(false);
+                    }, onMouseUp: function () {
+                        openMenu();
+                        setAllowBlur(true);
+                    } },
+                    react_1.default.createElement(styled_1.StyledIconBox, null,
+                        react_1.default.createElement(icons_1.IconFilledKeyboardArrowDown, { overrides: { size: iconSize } }))))),
+            endEnhancer && react_1.default.createElement(block_1.Block, { spaceInline: buttonSpaceInline }),
+            endEnhancer), ref: selectRef },
+        react_1.default.createElement(screen_reader_only_1.ScreenReaderOnly, null, itemToString(selectedItem)),
+        react_1.default.createElement(styled_1.StyledSelectButton, __assign({ type: "button", onBlur: onSelectButtonBlur, onFocus: onSelectButtonFocus, "$size": size, "$loading": loading, disabled: state === 'disabled' || loading, "data-testid": "select-button", ref: selectButtonRef }, restProps, overrides),
+            react_1.default.createElement(styled_1.StyledButtonContents, { "$size": size, disabled: state === 'disabled', "$color": selectedItem ? placeholderSelectedColor : placeholderColor }, selectedItemDisplay || selectedItem || placeholder))));
+});
+//# sourceMappingURL=select-button.js.map

package/cjs/select/select-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-button.js","sourceRoot":"","sources":["../../../src/select/select-button.tsx"],"names":[],"mappings":"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"}

package/cjs/select/select-option.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SelectOptionProps } from './types';
+export declare const SelectOption: (props: SelectOptionProps) => JSX.Element;
+//# sourceMappingURL=select-option.d.ts.map

package/cjs/select/select-option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-option.d.ts","sourceRoot":"","sources":["../../../src/select/select-option.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAI1C,eAAO,MAAM,YAAY,UAAW,iBAAiB,gBAYpD,CAAC"}

package/cjs/select/select-option.js

@@ -0,0 +1,25 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectOption = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_1 = require("./styled");
+var SelectOption = function (props) {
+    var children = props.children;
+    return (react_1.default.createElement(styled_1.StyledOption, __assign({}, props), typeof children === 'string' ? (react_1.default.createElement("span", null, children)) : (react_1.default.createElement("div", null, children))));
+};
+exports.SelectOption = SelectOption;
+//# sourceMappingURL=select-option.js.map

package/cjs/select/select-option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-option.js","sourceRoot":"","sources":["../../../src/select/select-option.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAG1B,mCAAsC;AAE/B,IAAM,YAAY,GAAG,UAAC,KAAwB;IAC5C,IAAA,QAAQ,GAAI,KAAK,SAAT,CAAU;IAEzB,OAAO,CACL,8BAAC,qBAAY,eAAK,KAAK,GACpB,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,4CAAO,QAAQ,CAAQ,CACxB,CAAC,CAAC,CAAC,CACF,2CAAM,QAAQ,CAAO,CACtB,CACY,CAChB,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,YAAY,gBAYvB"}

package/cjs/select/select-panel.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ButtonSelectSize, SelectPanelOverrides, SelectOptionProps } from './types';
+interface SelectPanelProps {
+    isOpen: boolean;
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+    size: ButtonSelectSize;
+    getItemProps: Function;
+    selectedItem?: React.ReactElement<SelectOptionProps>;
+    highlightedIndex?: number;
+    overrides?: SelectPanelOverrides;
+    children: React.ReactElement<SelectOptionProps>[];
+}
+export declare const SelectPanel: React.ForwardRefExoticComponent<SelectPanelProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=select-panel.d.ts.map

package/cjs/select/select-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-panel.d.ts","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AASjB,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,gBAAgB,CAAC;IACvB,YAAY,EAAE,QAAQ,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;CACnD;AAwCD,eAAO,MAAM,WAAW,yFA8DvB,CAAC"}

package/cjs/select/select-panel.js

@@ -0,0 +1,61 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectPanel = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_1 = require("./styled");
+var screen_reader_only_1 = require("../screen-reader-only");
+var hooks_1 = require("../utils/hooks");
+var theme_1 = require("../theme");
+var get_token_1 = require("../utils/get-token");
+var icons_1 = require("../icons");
+var StyledOptionWithPrivateProps = react_1.default.forwardRef(function (props, inputRef) {
+    var $size = props.$size, $selected = props.$selected, $focused = props.$focused, selectedIcon = props.selectedIcon, overrides = props.overrides;
+    var theme = (0, theme_1.useTheme)();
+    var iconSize = (0, get_token_1.getToken)({ theme: theme }, "selectOption.".concat($size, ".icon"), '', 'iconSize');
+    var optionSpaceInline = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, "selectOption.".concat($size), '', 'spaceInline');
+    var children = props.children;
+    return (react_1.default.createElement(styled_1.StyledOption, __assign({}, props, { ref: inputRef, "$spaceInline": optionSpaceInline }),
+        react_1.default.createElement("div", null, children),
+        $selected && (react_1.default.createElement(styled_1.StyledOptionIcon, { "$size": $size, "$selected": $selected, "$focused": $focused }, selectedIcon || react_1.default.createElement(icons_1.IconFilledCheck, { overrides: { size: iconSize } })))));
+});
+exports.SelectPanel = react_1.default.forwardRef(function (props, panelRef) {
+    var isOpen = props.isOpen, width = props.width, height = props.height, top = props.top, left = props.left, size = props.size, children = props.children, getItemProps = props.getItemProps, selectedItem = props.selectedItem, highlightedIndex = props.highlightedIndex, restProps = __rest(props, ["isOpen", "width", "height", "top", "left", "size", "children", "getItemProps", "selectedItem", "highlightedIndex"]);
+    var listDescriptionId = (0, hooks_1.useReactKeys)(1)[0];
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(screen_reader_only_1.ScreenReaderOnly, { id: listDescriptionId }, "Press down arrow key to navigate to the first item"),
+        react_1.default.createElement(styled_1.StyledSelectPanel, __assign({ "$isOpen": isOpen, "data-testid": "select-panel", "aria-describedby": listDescriptionId, "$width": width, "$top": (top || 0) + (height || 0), "$left": left, "$size": size, ref: panelRef }, restProps), isOpen &&
+            react_1.default.Children.map(children, function (child, index) {
+                var downshiftOptionProps = getItemProps({
+                    item: child,
+                    index: index,
+                });
+                var combinedProps = __assign(__assign({}, downshiftOptionProps), child.props);
+                return (react_1.default.createElement(StyledOptionWithPrivateProps, __assign({ "$focused": highlightedIndex === index, "$selected": selectedItem === child, "$size": size }, combinedProps)));
+            }))));
+});
+//# sourceMappingURL=select-panel.js.map

package/cjs/select/select-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-panel.js","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAO1B,mCAA2E;AAC3E,4DAAuD;AACvD,wCAA4C;AAE5C,kCAAkC;AAClC,gDAA4C;AAC5C,kCAAyC;AAgBzC,IAAM,4BAA4B,GAAG,eAAK,CAAC,UAAU,CAGnD,UAAC,KAAK,EAAE,QAAQ;IACT,IAAA,KAAK,GAAkD,KAAK,MAAvD,EAAE,SAAS,GAAuC,KAAK,UAA5C,EAAE,QAAQ,GAA6B,KAAK,SAAlC,EAAE,YAAY,GAAe,KAAK,aAApB,EAAE,SAAS,GAAI,KAAK,UAAT,CAAU;IAEpE,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,QAAQ,GAAG,IAAA,oBAAQ,EACvB,EAAC,KAAK,OAAA,EAAC,EACP,uBAAgB,KAAK,UAAO,EAC5B,EAAE,EACF,UAAU,CACX,CAAC;IAEF,IAAM,iBAAiB,GAAG,IAAA,oBAAQ,EAChC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,uBAAgB,KAAK,CAAE,EACvB,EAAE,EACF,aAAa,CACd,CAAC;IAEK,IAAA,QAAQ,GAAI,KAAK,SAAT,CAAU;IACzB,OAAO,CACL,8BAAC,qBAAY,eAAK,KAAK,IAAE,GAAG,EAAE,QAAQ,kBAAgB,iBAAiB;QACrE,2CAAM,QAAQ,CAAO;QACpB,SAAS,IAAI,CACZ,8BAAC,yBAAgB,aACR,KAAK,eACD,SAAS,cACV,QAAQ,IAEjB,YAAY,IAAI,8BAAC,uBAAe,IAAC,SAAS,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,GAAI,CAChD,CACpB,CACY,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CACzC,UAAC,KAAK,EAAE,QAAQ;IAEZ,IAAA,MAAM,GAWJ,KAAK,OAXD,EACN,KAAK,GAUH,KAAK,MAVF,EACL,MAAM,GASJ,KAAK,OATD,EACN,GAAG,GAQD,KAAK,IARJ,EACH,IAAI,GAOF,KAAK,KAPH,EACJ,IAAI,GAMF,KAAK,KANH,EACJ,QAAQ,GAKN,KAAK,SALC,EACR,YAAY,GAIV,KAAK,aAJK,EACZ,YAAY,GAGV,KAAK,aAHK,EACZ,gBAAgB,GAEd,KAAK,iBAFS,EACb,SAAS,UACV,KAAK,EAZH,oHAYL,CADa,CACJ;IAEV,IAAM,iBAAiB,GAAG,IAAA,oBAAY,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7C,OAAO,CACL;QACE,8BAAC,qCAAgB,IAAC,EAAE,EAAE,iBAAiB,yDAEpB;QACnB,8BAAC,0BAAiB,wBACP,MAAM,iBACH,cAAc,sBACR,iBAAiB,YAC3B,KAAK,UACP,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,WACzB,IAAI,WACJ,IAAI,EACX,GAAG,EAAE,QAAQ,IACT,SAAS,GAEZ,MAAM;YACL,eAAK,CAAC,QAAQ,CAAC,GAAG,CAChB,QAAQ,EACR,UAAC,KAA4C,EAAE,KAAK;gBAClD,IAAM,oBAAoB,GAAG,YAAY,CAAC;oBACxC,IAAI,EAAE,KAAK;oBACX,KAAK,OAAA;iBACN,CAAC,CAAC;gBAEH,IAAM,aAAa,yBACd,oBAAoB,GACpB,KAAK,CAAC,KAAK,CACf,CAAC;gBAEF,OAAO,CACL,8BAAC,4BAA4B,yBACjB,gBAAgB,KAAK,KAAK,eACzB,YAAY,KAAK,KAAK,WAC1B,IAAI,IACP,aAAa,EACjB,CACH,CAAC;YACJ,CAAC,CACF,CACe,CACnB,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}

package/cjs/select/select.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SelectProps } from './types';
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=select.d.ts.map

package/cjs/select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAIpC,eAAO,MAAM,MAAM,sFAsLlB,CAAC"}

package/cjs/select/select.js

@@ -0,0 +1,126 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+var react_1 = __importStar(require("react"));
+var downshift_1 = require("downshift");
+var compose_react_refs_1 = __importDefault(require("@seznam/compose-react-refs"));
+var select_panel_1 = require("./select-panel");
+var select_button_1 = require("./select-button");
+exports.Select = react_1.default.forwardRef(function (props, inputRef) {
+    var overrides = props.overrides, _a = props.placeholder, placeholder = _a === void 0 ? 'Select Option' : _a, state = props.state, startEnhancer = props.startEnhancer, endEnhancer = props.endEnhancer, validationIcon = props.validationIcon, onBlur = props.onBlur, onFocus = props.onFocus, onChange = props.onChange, _b = props.size, size = _b === void 0 ? 'medium' : _b, loading = props.loading, children = props.children, restProps = __rest(props, ["overrides", "placeholder", "state", "startEnhancer", "endEnhancer", "validationIcon", "onBlur", "onFocus", "onChange", "size", "loading", "children"]);
+    var selectRef = (0, react_1.useRef)(null);
+    var localInputRef = (0, react_1.useRef)(null);
+    var panelRef = (0, react_1.useRef)(null);
+    var _c = react_1.default.useState(false), isFocused = _c[0], setIsFocused = _c[1];
+    var onSelectButtonFocus = react_1.default.useCallback(function (event) {
+        setIsFocused(true);
+        if (onFocus) {
+            onFocus(event);
+        }
+    }, [onFocus]);
+    var programmaticallySelectedItem = children.find(function (option) { return option.props.selected; });
+    var defaultSelectedItem = children.find(function (option) { return option.props.defaultSelected; });
+    (0, react_1.useEffect)(function () {
+        if (programmaticallySelectedItem || defaultSelectedItem) {
+            // istanbul ignore else
+            if (localInputRef.current) {
+                localInputRef.current.value = programmaticallySelectedItem
+                    ? programmaticallySelectedItem.props.value
+                    : defaultSelectedItem.props.value;
+                if (onChange) {
+                    onChange({
+                        type: 'change',
+                        target: localInputRef.current,
+                    });
+                }
+            }
+        }
+    }, [defaultSelectedItem, onChange, programmaticallySelectedItem]);
+    var onInputChange = react_1.default.useCallback(function (event) {
+        // istanbul ignore else
+        if (localInputRef.current) {
+            localInputRef.current.value = event.selectedItem.props.value;
+        }
+        // istanbul ignore else
+        if (onChange && localInputRef.current) {
+            onChange({
+                type: 'change',
+                target: localInputRef.current,
+            });
+        }
+    }, [onChange]);
+    var _d = react_1.default.useState(-1), highlightedIndex = _d[0], setHighlightedIndex = _d[1];
+    var onHighlightedIndexChange = function (indexChangeEvent) {
+        // istanbul ignore else
+        if (indexChangeEvent.type !== '__item_mouse_move__') {
+            setHighlightedIndex(indexChangeEvent.highlightedIndex);
+        }
+    };
+    /* eslint-disable @typescript-eslint/no-explicit-any */
+    // istanbul ignore next
+    var itemToString = function (item) { var _a, _b; return ((_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a['aria-label']) || ((_b = item === null || item === void 0 ? void 0 : item.props) === null || _b === void 0 ? void 0 : _b.value); };
+    /* eslint-enable @typescript-eslint/no-explicit-any */
+    var _e = (0, downshift_1.useSelect)(__assign({ items: children, defaultSelectedItem: defaultSelectedItem, onSelectedItemChange: onInputChange, itemToString: itemToString, onHighlightedIndexChange: onHighlightedIndexChange }, (programmaticallySelectedItem
+        ? { selectedItem: programmaticallySelectedItem }
+        : {}))), isOpen = _e.isOpen, selectedItem = _e.selectedItem, getToggleButtonProps = _e.getToggleButtonProps, getMenuProps = _e.getMenuProps, getItemProps = _e.getItemProps, openMenu = _e.openMenu;
+    var _f = react_1.default.useState(true), allowBlur = _f[0], setAllowBlur = _f[1];
+    var onSelectButtonBlur = react_1.default.useCallback(function (event) {
+        if (onBlur && allowBlur) {
+            onBlur(event);
+        }
+        setIsFocused(false);
+    }, [allowBlur, onBlur]);
+    var _g = getToggleButtonProps(), downshiftButtonPropsRef = _g.ref, downshiftButtonPropsExceptRef = __rest(_g, ["ref"]);
+    delete downshiftButtonPropsExceptRef['aria-labelledby']; // deleting because FormInput provides these props
+    var _h = getMenuProps(), downshiftMenuPropsRef = _h.ref, downshiftMenuPropsExceptRef = __rest(_h, ["ref"]);
+    var _j = (selectRef && selectRef.current) || {}, _k = _j.clientWidth, width = _k === void 0 ? 0 : _k, _l = _j.offsetTop, top = _l === void 0 ? 0 : _l, _m = _j.clientHeight, height = _m === void 0 ? 0 : _m, _o = _j.offsetLeft, left = _o === void 0 ? 0 : _o;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(select_button_1.SelectButton, __assign({ size: size, placeholder: placeholder, isFocused: isFocused, loading: loading, state: state, selectedItem: selectedItem, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.button, startEnhancer: startEnhancer, endEnhancer: endEnhancer, validationIcon: validationIcon, setAllowBlur: setAllowBlur, onSelectButtonBlur: onSelectButtonBlur, onSelectButtonFocus: onSelectButtonFocus, openMenu: openMenu, itemToString: itemToString, ref: (0, compose_react_refs_1.default)(localInputRef, downshiftButtonPropsRef, inputRef), selectRef: selectRef }, downshiftButtonPropsExceptRef, restProps)),
+        react_1.default.createElement(select_panel_1.SelectPanel, __assign({ isOpen: isOpen, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.panel, width: width, height: height, top: top, left: left, size: size, selectedItem: selectedItem, highlightedIndex: highlightedIndex, getItemProps: getItemProps }, downshiftMenuPropsExceptRef, { ref: (0, compose_react_refs_1.default)(panelRef, downshiftMenuPropsRef) }), children)));
+});
+exports.Select.displayName = 'Select';
+//# sourceMappingURL=select.js.map

package/cjs/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"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"}

package/cjs/select/styled.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+import { ButtonSelectSize } from './types';
+export declare const StyledButtonIcons: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    disabled?: boolean | undefined;
+    $spaceInline: string;
+    $loading?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledSelectButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $size: ButtonSelectSize;
+    $loading?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const StyledButtonContents: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $size: ButtonSelectSize;
+    disabled?: boolean | undefined;
+    $color: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledIconBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDropdownIconButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const StyledSelectPanel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $size: ButtonSelectSize;
+    $width?: number | undefined;
+    $top?: number | undefined;
+    $left?: number | undefined;
+    $isOpen: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledOption: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $size?: ButtonSelectSize | undefined;
+    $focused?: boolean | undefined;
+    $selected?: boolean | undefined;
+    $spaceInline?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledOptionIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $size: ButtonSelectSize;
+    $focused?: boolean | undefined;
+    $selected?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styled.d.ts.map

package/cjs/select/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/select/styled.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,iBAAiB;;;;;kBAEd,MAAM;;yGAiBrB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;WACtB,gBAAgB;;qHA2BxB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;WACxB,gBAAgB;;YAEf,MAAM;yGASf,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAEzB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;qHAEpC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;WACrB,gBAAgB;;;;aAId,OAAO;yGA8BjB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;yGAoCxB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;WACpB,gBAAgB;;;yGAYxB,CAAC"}