newskit 5.0.0 → 5.2.0

package/esm/menu/styled.js

@@ -3,7 +3,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import { Button } from '../button';
-import { getStylePreset, getResponsiveSpace, styled, css } from '../utils/style';
+import { getStylePreset, getResponsiveSpace, styled } from '../utils/style';
 export var StyledMenu = styled.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-sizing: border-box;\n\n  ", "\n\n  > ul {\n    box-sizing: border-box;\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n\n    display: flex;\n    ", "\n\n    ", "\n  }\n\n  li:last-of-type {\n    ", "\n  }\n\n  ", ";\n"], ["\n  box-sizing: border-box;\n\n  ", "\n\n  > ul {\n    box-sizing: border-box;\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n\n    display: flex;\n    ", "\n\n    ", "\n  }\n\n  li:last-of-type {\n    ", "\n  }\n\n  ", ";\n"])), function (_a) {
     var vertical = _a.vertical;
     return (vertical ? 'height: 100%;' : 'width: 100%;');
@@ -39,13 +39,9 @@ var menuItemTextAlign = {
     center: 'center',
     end: 'right',
 };
-var alignReset = css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  text-align: left;\n"], ["\n  text-align: left;\n"])));
-export var StyledButton = styled(Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n\n  ", "\n  ", "\n"], ["\n  ", "\n\n  ", "\n  ", "\n"])), function (_a) {
+export var StyledButton = styled(Button)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), function (_a) {
     var selected = _a.selected;
     return selected && getStylePreset('menuItem', '', { isSelected: selected });
-}, function (_a) {
-    var align = _a.align;
-    return !align && alignReset;
 }, function (_a) {
     var align = _a.align;
     return align && {
@@ -53,12 +49,12 @@ export var StyledButton = styled(Button)(templateObject_6 || (templateObject_6 =
         textAlign: menuItemTextAlign[align],
     };
 });
-export var StyledMenuDivider = styled.li(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  box-sizing: border-box;\n\n  .nk-menu-group + & {\n    ", "\n  }\n\n  .nk-menu-item + & {\n    ", "\n  }\n"], ["\n  box-sizing: border-box;\n\n  .nk-menu-group + & {\n    ", "\n  }\n\n  .nk-menu-item + & {\n    ", "\n  }\n"])), function (_a) {
+export var StyledMenuDivider = styled.li(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  box-sizing: border-box;\n\n  .nk-menu-group + & {\n    ", "\n  }\n\n  .nk-menu-item + & {\n    ", "\n  }\n"], ["\n  box-sizing: border-box;\n\n  .nk-menu-group + & {\n    ", "\n  }\n\n  .nk-menu-item + & {\n    ", "\n  }\n"])), function (_a) {
     var vertical = _a.vertical;
     return getResponsiveSpace(vertical ? 'marginBottom' : 'marginRight', "menuGroup", '', 'spaceInline');
 }, function (_a) {
     var vertical = _a.vertical;
     return getResponsiveSpace(vertical ? 'marginBottom' : 'marginRight', "menu", '', 'spaceInline');
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 //# sourceMappingURL=styled.js.map

package/esm/menu/styled.js.map

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

package/esm/menu/types.d.ts

@@ -12,11 +12,13 @@ export declare enum MenuItemSize {
     Medium = "medium",
     Large = "large"
 }
+export declare type MenutItemAlignTypes = MenuItemAlign | 'start' | 'end' | 'center';
+declare type MenuSizeType = MenuItemSize | 'small' | 'medium' | 'large';
 export interface MenuProps extends React.AriaAttributes {
     children: Exclude<React.ReactNode, 'undefined'>;
     vertical?: boolean;
-    size?: MenuItemSize;
-    align?: MenuItemAlign;
+    size?: MenuSizeType;
+    align?: MenutItemAlignTypes;
     overrides?: {
         spaceInline?: MQ<string>;
     };

package/esm/menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAE5B,oBAAY,aAAa;IACvB,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc;IACrD,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc;IAC1D,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,KAAK,CAAC,EAAE;YACN,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACzB,CAAC;KACH,CAAC;CACH;AAED,aAAK,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;AACrE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,EACvD,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,gBAAgB,GAAG;QAC7B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAE5B,oBAAY,aAAa;IACvB,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AACD,oBAAY,mBAAmB,GAAG,aAAa,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC7E,aAAK,YAAY,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAChE,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc;IACrD,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc;IAC1D,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,KAAK,CAAC,EAAE;YACN,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACzB,CAAC;KACH,CAAC;CACH;AAED,aAAK,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;AACrE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,EACvD,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,gBAAgB,GAAG;QAC7B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH"}

package/esm/ordered-list/ordered-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ordered-list.d.ts","sourceRoot":"","sources":["../../../src/ordered-list/ordered-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AA0CzC,eAAO,MAAM,WAAW,4BAAiD,CAAC"}
+{"version":3,"file":"ordered-list.d.ts","sourceRoot":"","sources":["../../../src/ordered-list/ordered-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAwCzC,eAAO,MAAM,WAAW,4BAAiD,CAAC"}

package/esm/ordered-list/ordered-list.js

@@ -4,7 +4,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import React from 'react';
 import { styled, getStylePreset, getTypographyPreset, getSpacingInlineVertical, getMinWidth, } from '../utils/style';
-import { getSSRId } from '../utils/get-ssr-id';
 import { isValidNode } from '../utils/component';
 import defaults from './defaults';
 import { withOwnTheme } from '../utils/with-own-theme';
@@ -15,7 +14,7 @@ var List = styled.ol(templateObject_2 || (templateObject_2 = __makeTemplateObjec
 var ThemelessOrderedList = function (_a) {
     var children = _a.children, overrides = _a.overrides;
     return (React.createElement(List, { role: "list" }, React.Children.map(children, function (node) {
-        return isValidNode(node) ? (React.createElement(ListItem, { overrides: overrides, key: getSSRId() }, node)) : null;
+        return isValidNode(node) ? (React.createElement(ListItem, { overrides: overrides }, node)) : null;
     })));
 };
 export var OrderedList = withOwnTheme(ThemelessOrderedList)({ defaults: defaults });

package/esm/ordered-list/ordered-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"ordered-list.js","sourceRoot":"","sources":["../../../src/ordered-list/ordered-list.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,MAAM,EACN,cAAc,EACd,mBAAmB,EACnB,wBAAwB,EACxB,WAAW,GACZ,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAE/C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAErD,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,uQAAkB,MACxC,EAA2C,0CAE3C,EAAgD,MAChD,EAEA,iEAGE,EAAgD,QAChD,EAAqD,+CAE1C,EAA6C,UAE7D,KAbG,wBAAwB,CAAC,aAAa,EAAE,EAAE,CAAC,EAE3C,cAAc,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAChD,mBAAmB,CAAC,qBAAqB,EAAE,SAAS,EAAE;IACtD,QAAQ,EAAE,IAAI;CACf,CAAC,EAGE,cAAc,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAChD,mBAAmB,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAE1C,WAAW,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAE7D,CAAC;AAEF,IAAM,IAAI,GAAG,MAAM,CAAC,EAAE,yJAAA,sFAKrB,IAAA,CAAC;AAEF,IAAM,oBAAoB,GAA+B,UAAC,EAGzD;QAFC,QAAQ,cAAA,EACR,SAAS,eAAA;IACL,OAAA,CACJ,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,IACd,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAA,IAAI;QAChC,OAAA,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAClB,oBAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,IAC5C,IAAI,CACI,CACZ,CAAC,CAAC,CAAC,IAAI;IAJR,CAIQ,CACT,CACI,CACR;AAVK,CAUL,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,YAAY,CAAC,oBAAoB,CAAC,CAAC,EAAC,QAAQ,UAAA,EAAC,CAAC,CAAC"}
+{"version":3,"file":"ordered-list.js","sourceRoot":"","sources":["../../../src/ordered-list/ordered-list.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,MAAM,EACN,cAAc,EACd,mBAAmB,EACnB,wBAAwB,EACxB,WAAW,GACZ,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAE/C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAErD,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,uQAAkB,MACxC,EAA2C,0CAE3C,EAAgD,MAChD,EAEA,iEAGE,EAAgD,QAChD,EAAqD,+CAE1C,EAA6C,UAE7D,KAbG,wBAAwB,CAAC,aAAa,EAAE,EAAE,CAAC,EAE3C,cAAc,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAChD,mBAAmB,CAAC,qBAAqB,EAAE,SAAS,EAAE;IACtD,QAAQ,EAAE,IAAI;CACf,CAAC,EAGE,cAAc,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAChD,mBAAmB,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAE1C,WAAW,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAE7D,CAAC;AAEF,IAAM,IAAI,GAAG,MAAM,CAAC,EAAE,yJAAA,sFAKrB,IAAA,CAAC;AAEF,IAAM,oBAAoB,GAA+B,UAAC,EAGzD;QAFC,QAAQ,cAAA,EACR,SAAS,eAAA;IACL,OAAA,CACJ,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,IACd,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAA,IAAI;QAChC,OAAA,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAClB,oBAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,IAAG,IAAI,CAAY,CAClD,CAAC,CAAC,CAAC,IAAI;IAFR,CAEQ,CACT,CACI,CACR;AARK,CAQL,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,YAAY,CAAC,oBAAoB,CAAC,CAAC,EAAC,QAAQ,UAAA,EAAC,CAAC,CAAC"}

package/esm/select/defaults.d.ts

@@ -28,6 +28,11 @@ declare const _default: {
                 maxHeight: string;
                 spaceInset: string;
             };
+            modal: {
+                panel: {
+                    width: string;
+                };
+            };
         };
         medium: {
             button: {
@@ -57,6 +62,11 @@ declare const _default: {
                 maxHeight: string;
                 spaceInset: string;
             };
+            modal: {
+                panel: {
+                    width: string;
+                };
+            };
         };
         large: {
             button: {
@@ -86,6 +96,11 @@ declare const _default: {
                 maxHeight: string;
                 spaceInset: string;
             };
+            modal: {
+                panel: {
+                    width: string;
+                };
+            };
         };
     };
     selectOption: {

package/esm/select/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA6HE"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA4IE"}

package/esm/select/defaults.js

@@ -28,6 +28,11 @@ export default {
                 maxHeight: '184px',
                 spaceInset: 'spaceInset020',
             },
+            modal: {
+                panel: {
+                    width: '60vw',
+                },
+            },
         },
         medium: {
             button: {
@@ -57,6 +62,11 @@ export default {
                 maxHeight: '272px',
                 spaceInset: 'spaceInset020',
             },
+            modal: {
+                panel: {
+                    width: '60vw',
+                },
+            },
         },
         large: {
             button: {
@@ -86,6 +96,11 @@ export default {
                 maxHeight: '360px',
                 spaceInset: 'spaceInset020',
             },
+            modal: {
+                panel: {
+                    width: '60vw',
+                },
+            },
         },
     },
     selectOption: {

package/esm/select/defaults.js.map

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

package/esm/select/index.d.ts

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

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,cAAc,SAAS,CAAC"}

package/esm/select/index.js

@@ -1,4 +1,4 @@
-export * from './select';
-export * from './select-option';
+export { Select } from './select';
+export { SelectOption } from './select-option';
 export * from './types';
 //# sourceMappingURL=index.js.map

package/esm/select/index.js.map

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

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

@@ -1,5 +1,7 @@
 import React from 'react';
 import { ButtonSelectSize, SelectPanelOverrides, SelectOptionProps } from './types';
+import { ModalProps } from '../modal';
+import { Override } from '../utils/overrides';
 interface SelectPanelProps {
     isOpen: boolean;
     width: number;
@@ -7,12 +9,22 @@ interface SelectPanelProps {
     top: number;
     left: number;
     size: ButtonSelectSize;
-    getItemProps: Function;
-    selectedItem?: React.ReactElement<SelectOptionProps>;
-    highlightedIndex?: number;
-    overrides?: SelectPanelOverrides;
+    overrides?: {
+        panel?: SelectPanelOverrides;
+        modal?: Override<ModalProps>;
+    };
     children: React.ReactElement<SelectOptionProps>[];
+    renderInModal: boolean;
+    buttonRef: React.RefObject<HTMLButtonElement>;
+    closeMenu: Function;
 }
+export declare const StyledOptionWithPrivateProps: React.ForwardRefExoticComponent<Pick<SelectOptionProps & StyledOptionPrivateProps, "$size" | "$focused" | "$selected" | keyof SelectOptionProps> & React.RefAttributes<HTMLDivElement>>;
 export declare const SelectPanel: React.ForwardRefExoticComponent<SelectPanelProps & React.RefAttributes<HTMLDivElement>>;
+interface StyledOptionPrivateProps {
+    ref: React.Ref<HTMLDivElement>;
+    $size: ButtonSelectSize;
+    $focused?: boolean;
+    $selected?: boolean;
+}
 export {};
 //# sourceMappingURL=select-panel.d.ts.map

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

@@ -1 +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"}
+{"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,EAElB,MAAM,SAAS,CAAC;AAYjB,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAwB,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAGnE,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,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,oBAAoB,CAAC;QAC7B,KAAK,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;KAC9B,CAAC;IACF,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAClD,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,SAAS,EAAE,QAAQ,CAAC;CACrB;AAID,eAAO,MAAM,4BAA4B,yLAoCvC,CAAC;AAEH,eAAO,MAAM,WAAW,yFAyFvB,CAAC;AAEF,UAAU,wBAAwB;IAChC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/esm/select/select-panel.js

@@ -21,13 +21,17 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { StyledOption, StyledOptionIcon, StyledSelectPanel } from './styled';
+import { StyledOption, StyledOptionIcon, StyledSelectPanel, StyledModalPanel, } from './styled';
 import { ScreenReaderOnly } from '../screen-reader-only';
 import { useReactKeys } from '../utils/hooks';
 import { useTheme } from '../theme';
 import { getToken } from '../utils/get-token';
 import { IconFilledCheck } from '../icons';
-var StyledOptionWithPrivateProps = React.forwardRef(function (props, inputRef) {
+import { Modal } from '../modal';
+import { getComponentOverrides } from '../utils/overrides';
+import { getModalOverrides } from './utils';
+var DefaultModal = Modal;
+export var StyledOptionWithPrivateProps = React.forwardRef(function (props, inputRef) {
     var $size = props.$size, $selected = props.$selected, $focused = props.$focused, selectedIcon = props.selectedIcon, overrides = props.overrides;
     var theme = useTheme();
     var iconSize = getToken({ theme: theme }, "selectOption.".concat($size, ".icon"), '', 'iconSize');
@@ -38,18 +42,37 @@ var StyledOptionWithPrivateProps = React.forwardRef(function (props, inputRef) {
         $selected && (React.createElement(StyledOptionIcon, { "$size": $size, "$selected": $selected, "$focused": $focused }, selectedIcon || React.createElement(IconFilledCheck, { overrides: { size: iconSize } })))));
 });
 export var SelectPanel = React.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 isOpen = props.isOpen, width = props.width, height = props.height, top = props.top, left = props.left, size = props.size, children = props.children, buttonRef = props.buttonRef, renderInModal = props.renderInModal, closeMenu = props.closeMenu, overrides = props.overrides, restProps = __rest(props, ["isOpen", "width", "height", "top", "left", "size", "children", "buttonRef", "renderInModal", "closeMenu", "overrides"]);
     var listDescriptionId = useReactKeys(1)[0];
+    var theme = useTheme();
+    var modalOverrides = getModalOverrides({
+        theme: theme,
+        size: size,
+        overrides: overrides === null || overrides === void 0 ? void 0 : overrides.modal,
+    });
+    var optionsAsChildren = isOpen && children;
+    var screenReaderOnlyMessage = isOpen && (React.createElement(ScreenReaderOnly, { id: listDescriptionId }, "Press down arrow key to navigate to the first item"));
+    if (renderInModal && !isOpen) {
+        // this is needed for downshift in order to work properly
+        return React.createElement("div", { ref: panelRef });
+    }
+    if (renderInModal && isOpen) {
+        var _a = getComponentOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.modal, DefaultModal, {
+            overrides: modalOverrides,
+            open: isOpen,
+            restoreFocusTo: buttonRef.current,
+            onDismiss: closeMenu,
+        }), ModalComponent = _a[0], modalProps = _a[1];
+        return (React.createElement(ModalComponent, __assign({}, modalProps),
+            screenReaderOnlyMessage,
+            React.createElement(StyledModalPanel, __assign({ "data-testid": "select-panel", "aria-describedby": listDescriptionId, ref: panelRef }, restProps, { onBlur: function (e) {
+                    // set tabIndex to 0 so that user can return to the element
+                    // when before that moves to Close / Other focusable elements inside the modal
+                    e.target.setAttribute('tabIndex', '0');
+                } }), optionsAsChildren)));
+    }
     return (React.createElement(React.Fragment, null,
-        React.createElement(ScreenReaderOnly, { id: listDescriptionId }, "Press down arrow key to navigate to the first item"),
-        React.createElement(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.Children.map(children, function (child, index) {
-                var downshiftOptionProps = getItemProps({
-                    item: child,
-                    index: index,
-                });
-                var combinedProps = __assign(__assign({}, downshiftOptionProps), child.props);
-                return (React.createElement(StyledOptionWithPrivateProps, __assign({ "$focused": highlightedIndex === index, "$selected": selectedItem === child, "$size": size }, combinedProps)));
-            }))));
+        screenReaderOnlyMessage,
+        React.createElement(StyledSelectPanel, __assign({ "$isOpen": isOpen, "data-testid": "select-panel", "aria-describedby": isOpen ? listDescriptionId : undefined, "$width": width, "$top": (top || 0) + (height || 0), "$left": left, "$size": size, ref: panelRef, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.panel }, restProps), optionsAsChildren)));
 });
 //# sourceMappingURL=select-panel.js.map

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

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

package/esm/select/select.d.ts.map

@@ -1 +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;AAiMpC,eAAO,MAAM,MAAM,+DAGjB,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAC,WAAW,EAAoB,MAAM,SAAS,CAAC;AAwPvD,eAAO,MAAM,MAAM,+DAKlB,CAAC"}

package/esm/select/select.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { useSelect } from 'downshift';
 import composeRefs from '@seznam/compose-react-refs';
 import { SelectPanel } from './select-panel';
@@ -28,12 +28,17 @@ import { SelectButton } from './select-button';
 import defaults from './defaults';
 import stylePresets from './style-presets';
 import { withOwnTheme } from '../utils/with-own-theme';
+import { shouldRenderInModal } from './utils';
+import { withMediaQueryProvider } from '../utils/hooks/use-media-query/context';
+import { useBreakpointKey } from '../utils/hooks/use-media-query';
+import { useVirtualizedList } from './use-virtualized-list';
 var ThemelessSelect = React.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 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, _c = props.useModal, useModal = _c === void 0 ? {} : _c, _d = props.virtualized, virtualized = _d === void 0 ? 50 : _d, restProps = __rest(props, ["overrides", "placeholder", "state", "startEnhancer", "endEnhancer", "validationIcon", "onBlur", "onFocus", "onChange", "size", "loading", "children", "useModal", "virtualized"]);
     var selectRef = useRef(null);
     var localInputRef = useRef(null);
     var panelRef = useRef(null);
-    var _c = React.useState(false), isFocused = _c[0], setIsFocused = _c[1];
+    var renderInModal = shouldRenderInModal(useModal, useBreakpointKey());
+    var _e = React.useState(false), isFocused = _e[0], setIsFocused = _e[1];
     var onSelectButtonFocus = React.useCallback(function (event) {
         setIsFocused(true);
         if (onFocus) {
@@ -71,7 +76,7 @@ var ThemelessSelect = React.forwardRef(function (props, inputRef) {
             });
         }
     }, [onChange]);
-    var _d = React.useState(-1), highlightedIndex = _d[0], setHighlightedIndex = _d[1];
+    var _f = React.useState(-1), highlightedIndex = _f[0], setHighlightedIndex = _f[1];
     var onHighlightedIndexChange = function (indexChangeEvent) {
         // istanbul ignore else
         if (indexChangeEvent.type !== '__item_mouse_move__') {
@@ -82,27 +87,64 @@ var ThemelessSelect = React.forwardRef(function (props, inputRef) {
     // 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 = useSelect(__assign({ items: children, defaultSelectedItem: defaultSelectedItem, onSelectedItemChange: onInputChange, itemToString: itemToString, onHighlightedIndexChange: onHighlightedIndexChange }, (programmaticallySelectedItem
+    var _g = useSelect(__assign({ items: children, defaultSelectedItem: defaultSelectedItem, onSelectedItemChange: onInputChange, itemToString: itemToString, onHighlightedIndexChange: onHighlightedIndexChange, stateReducer: function (_, actionAndChanges) {
+            var type = actionAndChanges.type, changes = actionAndChanges.changes;
+            // Does not close panel in the case we are rendering panel inside a modal
+            if (renderInModal && type === useSelect.stateChangeTypes.MenuBlur) {
+                return __assign(__assign({}, changes), { isOpen: true });
+            }
+            return changes;
+        } }, (programmaticallySelectedItem
         ? { selectedItem: programmaticallySelectedItem }
-        : {}))), isOpen = _e.isOpen, selectedItem = _e.selectedItem, getToggleButtonProps = _e.getToggleButtonProps, getMenuProps = _e.getMenuProps, getItemProps = _e.getItemProps, openMenu = _e.openMenu;
-    var _f = React.useState(true), allowBlur = _f[0], setAllowBlur = _f[1];
+        : {}))), isOpen = _g.isOpen, selectedItem = _g.selectedItem, getToggleButtonProps = _g.getToggleButtonProps, getMenuProps = _g.getMenuProps, getItemProps = _g.getItemProps, openMenu = _g.openMenu, closeMenu = _g.closeMenu;
+    var _h = useVirtualizedList({
+        items: React.Children.toArray(children),
+        listRef: panelRef,
+        getItemProps: getItemProps,
+        limit: virtualized,
+        highlightedIndex: highlightedIndex,
+        selectedItem: selectedItem,
+        size: size,
+        isOpen: isOpen,
+    }), optionsAsChildren = _h.children, scrollToIndex = _h.scrollToIndex;
+    useEffect(function () {
+        if (highlightedIndex)
+            scrollToIndex(highlightedIndex);
+    }, [highlightedIndex, scrollToIndex]);
+    var _j = React.useState(true), allowBlur = _j[0], setAllowBlur = _j[1];
     var onSelectButtonBlur = React.useCallback(function (event) {
         if (onBlur && allowBlur) {
             onBlur(event);
         }
         setIsFocused(false);
     }, [allowBlur, onBlur]);
-    var _g = getToggleButtonProps(), downshiftButtonPropsRef = _g.ref, downshiftButtonPropsExceptRef = __rest(_g, ["ref"]);
+    var _k = getToggleButtonProps(), downshiftButtonPropsRef = _k.ref, downshiftButtonPropsExceptRef = __rest(_k, ["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;
+    var _l = getMenuProps(), downshiftMenuPropsRef = _l.ref, downshiftMenuPropsExceptRef = __rest(_l, ["ref"]);
+    var _m = useState({
+        width: 0,
+        top: 0,
+        height: 0,
+        left: 0,
+    }), _o = _m[0], width = _o.width, top = _o.top, height = _o.height, left = _o.left, setSelectRect = _m[1];
+    useEffect(function () {
+        if (isOpen && selectRef.current) {
+            var _a = selectRef.current, clientWidth = _a.clientWidth, offsetTop = _a.offsetTop, clientHeight = _a.clientHeight, offsetLeft = _a.offsetLeft;
+            setSelectRect({
+                width: clientWidth,
+                top: offsetTop,
+                height: clientHeight,
+                left: offsetLeft,
+            });
+        }
+    }, [isOpen, selectRef]);
     return (React.createElement(React.Fragment, null,
         React.createElement(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: composeRefs(localInputRef, downshiftButtonPropsRef, inputRef), selectRef: selectRef }, downshiftButtonPropsExceptRef, restProps)),
-        React.createElement(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: composeRefs(panelRef, downshiftMenuPropsRef) }), children)));
+        React.createElement(SelectPanel, __assign({ isOpen: isOpen, overrides: overrides, width: width, height: height, top: top, left: left, size: size, buttonRef: localInputRef, renderInModal: renderInModal, closeMenu: closeMenu }, downshiftMenuPropsExceptRef, { ref: composeRefs(panelRef, downshiftMenuPropsRef) }), optionsAsChildren)));
 });
 ThemelessSelect.displayName = 'Select';
-export var Select = withOwnTheme(ThemelessSelect)({
+export var Select = withMediaQueryProvider(withOwnTheme(ThemelessSelect)({
     defaults: defaults,
     stylePresets: stylePresets,
-});
+}));
 //# sourceMappingURL=select.js.map

package/esm/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtE,OAAO,EAAC,SAAS,EAAuB,MAAM,WAAW,CAAC;AAC1D,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAC,sBAAsB,EAAC,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAC,gBAAgB,EAAC,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAE1D,IAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,UAAC,KAAK,EAAE,QAAQ;IAEZ,IAAA,SAAS,GAeP,KAAK,UAfE,EACT,KAcE,KAAK,YAdsB,EAA7B,WAAW,mBAAG,eAAe,KAAA,EAC7B,KAAK,GAaH,KAAK,MAbF,EACL,aAAa,GAYX,KAAK,cAZM,EACb,WAAW,GAWT,KAAK,YAXI,EACX,cAAc,GAUZ,KAAK,eAVO,EACd,MAAM,GASJ,KAAK,OATD,EACN,OAAO,GAQL,KAAK,QARA,EACP,QAAQ,GAON,KAAK,SAPC,EACR,KAME,KAAK,KANQ,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,OAAO,GAKL,KAAK,QALA,EACP,QAAQ,GAIN,KAAK,SAJC,EACR,KAGE,KAAK,SAHM,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAEE,KAAK,YAFS,EAAhB,WAAW,mBAAG,EAAE,KAAA,EACb,SAAS,UACV,KAAK,EAhBH,kLAgBL,CADa,CACJ;IAEV,IAAM,SAAS,GAAoC,MAAM,CAAC,IAAI,CAAC,CAAC;IAChE,IAAM,aAAa,GAAsC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtE,IAAM,QAAQ,GAAoC,MAAM,CAAC,IAAI,CAAC,CAAC;IAE/D,IAAM,aAAa,GAAG,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAElE,IAAA,KAA4B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAhD,SAAS,QAAA,EAAE,YAAY,QAAyB,CAAC;IACxD,IAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAC3C,UAAA,KAAK;QACH,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,IAAM,4BAA4B,GAAG,QAAQ,CAAC,IAAI,CAChD,UAAA,MAAM,IAAI,OAAA,MAAM,CAAC,KAAK,CAAC,QAAQ,EAArB,CAAqB,CAChC,CAAC;IACF,IAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CACvC,UAAA,MAAM,IAAI,OAAA,MAAM,CAAC,KAAK,CAAC,eAAe,EAA5B,CAA4B,CACvC,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,4BAA4B,IAAI,mBAAmB,EAAE;YACvD,uBAAuB;YACvB,IAAI,aAAa,CAAC,OAAO,EAAE;gBACzB,aAAa,CAAC,OAAO,CAAC,KAAK,GAAG,4BAA4B;oBACxD,CAAC,CAAC,4BAA4B,CAAC,KAAK,CAAC,KAAK;oBAC1C,CAAC,CAAC,mBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC;gBACrC,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC;wBACP,IAAI,EAAE,QAAQ;wBACd,MAAM,EAAE,aAAa,CAAC,OAAO;qBACG,CAAC,CAAC;iBACrC;aACF;SACF;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,QAAQ,EAAE,4BAA4B,CAAC,CAAC,CAAC;IAElE,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,UAAA,KAAK;QACH,uBAAuB;QACvB,IAAI,aAAa,CAAC,OAAO,EAAE;YACzB,aAAa,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;SAC9D;QACD,uBAAuB;QACvB,IAAI,QAAQ,IAAI,aAAa,CAAC,OAAO,EAAE;YACrC,QAAQ,CAAC;gBACP,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,aAAa,CAAC,OAAO;aACG,CAAC,CAAC;SACrC;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEI,IAAA,KAA0C,KAAK,CAAC,QAAQ,CAE5D,CAAC,CAAC,CAAC,EAFE,gBAAgB,QAAA,EAAE,mBAAmB,QAEvC,CAAC;IAEN,IAAM,wBAAwB,GAAG,UAC/B,gBAAuD;QAEvD,uBAAuB;QACvB,IAAI,gBAAgB,CAAC,IAAI,KAAK,qBAAqB,EAAE;YACnD,mBAAmB,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;SACxD;IACH,CAAC,CAAC;IAEF,uDAAuD;IACvD,uBAAuB;IACvB,IAAM,YAAY,GAAG,UAAC,IAAS,gBAC7B,OAAA,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAG,YAAY,CAAC,MAAI,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,KAAK,CAAA,CAAA,EAAA,CAAC;IACpD,sDAAsD;IAEhD,IAAA,KAQF,SAAS,YACX,KAAK,EAAE,QAAQ,EACf,mBAAmB,qBAAA,EACnB,oBAAoB,EAAE,aAAa,EACnC,YAAY,cAAA,EACZ,wBAAwB,0BAAA,EACxB,YAAY,EAAE,UAAC,CAAC,EAAE,gBAAgB;YACzB,IAAA,IAAI,GAAa,gBAAgB,KAA7B,EAAE,OAAO,GAAI,gBAAgB,QAApB,CAAqB;YACzC,yEAAyE;YACzE,IAAI,aAAa,IAAI,IAAI,KAAK,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE;gBACjE,6BACK,OAAO,KACV,MAAM,EAAE,IAAI,IACZ;aACH;YAED,OAAO,OAAO,CAAC;QACjB,CAAC,IACE,CAAC,4BAA4B;QAC9B,CAAC,CAAC,EAAC,YAAY,EAAE,4BAA4B,EAAC;QAC9C,CAAC,CAAC,EAAE,CAAC,EACP,EA5BA,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,oBAAoB,0BAAA,EACpB,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,SAAS,eAsBT,CAAC;IAEG,IAAA,KAA+C,kBAAkB,CAAC;QACtE,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAC3B,QAAQ,CACkC;QAC5C,OAAO,EAAE,QAAQ;QACjB,YAAY,cAAA;QACZ,KAAK,EAAE,WAAW;QAClB,gBAAgB,kBAAA;QAChB,YAAY,cAAA;QACZ,IAAI,MAAA;QACJ,MAAM,QAAA;KACP,CAAC,EAXe,iBAAiB,cAAA,EAAE,aAAa,mBAW/C,CAAC;IAEH,SAAS,CAAC;QACR,IAAI,gBAAgB;YAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAC;IAEhC,IAAA,KAA4B,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAA/C,SAAS,QAAA,EAAE,YAAY,QAAwB,CAAC;IACvD,IAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAC1C,UAAC,KAAyC;QACxC,IAAI,MAAM,IAAI,SAAS,EAAE;YACvB,MAAM,CAAC,KAAK,CAAC,CAAC;SACf;QACD,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,SAAS,EAAE,MAAM,CAAC,CACpB,CAAC;IAEF,IAAM,KAGF,oBAAoB,EAAE,EAFnB,uBAAuB,SAAA,EACzB,6BAA6B,cAF5B,OAGL,CAAyB,CAAC;IAC3B,OAAO,6BAA6B,CAAC,iBAAiB,CAAC,CAAC,CAAC,kDAAkD;IAE3G,IAAM,KAGF,YAAY,EAAE,EAFX,qBAAqB,SAAA,EACvB,2BAA2B,cAF1B,OAGL,CAAiB,CAAC;IAEb,IAAA,KAA8C,QAAQ,CAAC;QAC3D,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;KACR,CAAC,EALK,UAA0B,EAAzB,KAAK,WAAA,EAAE,GAAG,SAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAG,aAAa,QAK9C,CAAC;IAEH,SAAS,CAAC;QACR,IAAI,MAAM,IAAI,SAAS,CAAC,OAAO,EAAE;YACzB,IAAA,KAKF,SAAS,CAAC,OAAO,EAJnB,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,UAAU,gBACS,CAAC;YACtB,aAAa,CAAC;gBACZ,KAAK,EAAE,WAAW;gBAClB,GAAG,EAAE,SAAS;gBACd,MAAM,EAAE,YAAY;gBACpB,IAAI,EAAE,UAAU;aACjB,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAExB,OAAO,CACL;QACE,oBAAC,YAAY,aACX,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,EAC5B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,WAAW,CAAC,aAAa,EAAE,uBAAuB,EAAE,QAAQ,CAAC,EAClE,SAAS,EAAE,SAAS,IAChB,6BAA6B,EAC7B,SAAS,EACb;QACF,oBAAC,WAAW,aACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,EACxB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,IAChB,2BAA2B,IAC/B,GAAG,EAAE,WAAW,CAAC,QAAQ,EAAE,qBAAqB,CAAC,KAEhD,iBAAiB,CACN,CACb,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,QAAQ,CAAC;AAEvC,MAAM,CAAC,IAAM,MAAM,GAAG,sBAAsB,CAC1C,YAAY,CAAC,eAAe,CAAC,CAAC;IAC5B,QAAQ,UAAA;IACR,YAAY,cAAA;CACb,CAAC,CACH,CAAC"}

package/esm/select/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ButtonSelectSize } from './types';
+import { ButtonSelectSize, SelectPanelOverrides } from './types';
 export declare const StyledButtonIcons: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -40,6 +40,11 @@ export declare const StyledSelectPanel: import("@emotion/styled").StyledComponen
     $top?: number | undefined;
     $left?: number | undefined;
     $isOpen: boolean;
+    overrides?: SelectPanelOverrides | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledModalPanel: 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 StyledOption: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/select/styled.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAazC,eAAO,MAAM,iBAAiB;;;;;kBAUZ,MAAM;;yGAQvB,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"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/select/styled.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAC,gBAAgB,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAC;AAa/D,eAAO,MAAM,iBAAiB;;;;;kBAWZ,MAAM;;yGAQvB,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;;yGAgCjB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAK5B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;yGAoCxB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;WACpB,gBAAgB;;;yGAYxB,CAAC"}

package/esm/select/styled.js

@@ -24,7 +24,9 @@ var generateCursor = function (disabled, $loading) {
     return 'pointer';
 };
 export var StyledButtonIcons = styled('div', {
-    shouldForwardProp: function (prop) { return prop !== 'disabled'; },
+    shouldForwardProp: function (prop) {
+        return !['disabled', '$spaceInline', '$loading'].includes(prop);
+    },
 })(function (_a) {
     var disabled = _a.disabled, $spaceInline = _a.$spaceInline, $loading = _a.$loading, props = __rest(_a, ["disabled", "$spaceInline", "$loading"]);
     return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n\n    ", ";\n    cursor: ", ";\n  "], ["\n    display: flex;\n\n    ", ";\n    cursor: ", ";\n  "])), getSpacingCssFromTheme('columnGap', $spaceInline)(props), generateCursor(disabled, $loading));
@@ -54,7 +56,7 @@ export var StyledButtonContents = styled.div(templateObject_3 || (templateObject
 });
 export var StyledIconBox = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
 export var StyledDropdownIconButton = styled.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  all: unset;\n"], ["\n  all: unset;\n"])));
-export var StyledSelectPanel = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n  height: auto;\n  overflow-x: hidden;\n  overflow-y: auto;\n  box-sizing: border-box;\n  outline: none;\n\n  ", "\n\n  ", "\n\n  ", "\n  ", "\n  ", "\n  \n  ", "\n\n  ", ";\n\n  ", ";\n"], ["\n  position: absolute;\n  height: auto;\n  overflow-x: hidden;\n  overflow-y: auto;\n  box-sizing: border-box;\n  outline: none;\n\n  ", "\n\n  ", "\n\n  ", "\n  ", "\n  ", "\n  \n  ", "\n\n  ", ";\n\n  ", ";\n"])), function (_a) {
+export var StyledSelectPanel = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n  height: auto;\n  overflow-x: hidden;\n  overflow-y: auto;\n  box-sizing: border-box;\n  outline: none;\n  z-index: 1;\n\n  ", "\n\n  ", "\n\n  ", "\n  ", "\n  ", "\n  \n  ", "\n\n  ", ";\n\n  ", ";\n"], ["\n  position: absolute;\n  height: auto;\n  overflow-x: hidden;\n  overflow-y: auto;\n  box-sizing: border-box;\n  outline: none;\n  z-index: 1;\n\n  ", "\n\n  ", "\n\n  ", "\n  ", "\n  ", "\n  \n  ", "\n\n  ", ";\n\n  ", ";\n"])), function (_a) {
     var $size = _a.$size;
     return getResponsiveSpace("marginTop", "select.".concat($size, ".panel"), '', 'spaceStack');
 }, function (_a) {
@@ -79,7 +81,8 @@ export var StyledSelectPanel = styled.div(templateObject_6 || (templateObject_6
     var $size = _a.$size;
     return getResponsiveSize('maxHeight', "select.".concat($size, ".panel"), '', 'maxHeight');
 });
-export var StyledOption = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  overflow: hidden;\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n\n  * {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", "\n\n    ", "\n"], ["\n  display: flex;\n  width: 100%;\n  overflow: hidden;\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n\n  * {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", "\n\n    ", "\n"])), function (_a) {
+export var StyledModalPanel = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: relative;\n  overflow-x: hidden;\n  overflow-y: auto;\n  max-height: 100%;\n"], ["\n  position: relative;\n  overflow-x: hidden;\n  overflow-y: auto;\n  max-height: 100%;\n"])));
+export var StyledOption = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  overflow: hidden;\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n\n  * {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", "\n\n    ", "\n"], ["\n  display: flex;\n  width: 100%;\n  overflow: hidden;\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n\n  * {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", "\n\n    ", "\n"])), function (_a) {
     var $spaceInline = _a.$spaceInline;
     return $spaceInline ? getSpacingCssFromTheme('columnGap', $spaceInline) : null;
 }, function (_a) {
@@ -98,12 +101,12 @@ export var StyledOption = styled.div(templateObject_7 || (templateObject_7 = __m
     var $size = _a.$size;
     return getResponsiveSize('minHeight', "selectOption.".concat($size), '', 'minHeight');
 });
-export var StyledOptionIcon = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  flex-shrink: 0;\n\n  ", ";\n"], ["\n  display: flex;\n  flex-shrink: 0;\n\n  ", ";\n"])), function (_a) {
+export var StyledOptionIcon = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  flex-shrink: 0;\n\n  ", ";\n"], ["\n  display: flex;\n  flex-shrink: 0;\n\n  ", ";\n"])), function (_a) {
     var $size = _a.$size, $focused = _a.$focused, $selected = _a.$selected;
     return getStylePreset("selectOption.".concat($size, ".icon"), '', {
         isFocused: $focused,
         isSelected: $selected,
     });
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
 //# sourceMappingURL=styled.js.map