@auspices/eos 2.22.0 → 2.23.2

package/dist/KeyValueInput/KeyValueInput.d.ts

@@ -5,7 +5,7 @@ export declare type KeyValueInputProps = Omit<SplitProps, "children"> & {
     k: InputProps;
     v?: InputProps;
 };
-export declare const KeyValueInput: React.ForwardRefExoticComponent<Pick<SplitProps, "left" | "right" | "bottom" | "top" | "p" | "size" | "flex" | "border" | "padding" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "textAlign" | "verticalAlign" | "width" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "margin" | "overflow" | "transition" | "spacing" | "m" | "mt" | "mb" | "ml" | "mr" | "my" | "marginY" | "mx" | "marginX" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "textColor" | "borderX" | "borderY"> & {
+export declare const KeyValueInput: React.ForwardRefExoticComponent<Omit<SplitProps, "children"> & {
     k: InputProps;
     v?: InputProps | undefined;
 } & React.RefAttributes<HTMLInputElement>>;

package/dist/Loading/Loading.js

@@ -53,11 +53,10 @@ var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importStar(require("styled-components"));
 var theme_get_1 = require("@styled-system/theme-get");
 var Cell_1 = require("../Cell");
-var incoming = styled_components_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    transform: translateX(-100%);\n  }\n\n  50% {\n    transform: translateX(200%);\n  }\n\n  100% {\n    transform: translateX(-100%);\n  }\n"], ["\n  0% {\n    transform: translateX(-100%);\n  }\n\n  50% {\n    transform: translateX(200%);\n  }\n\n  100% {\n    transform: translateX(-100%);\n  }\n"])));
-var Container = styled_components_1.default(Cell_1.Cell)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n\n  ", "\n"], ["\n  position: relative;\n  overflow: hidden;\n\n  ",
-    "\n"])), function (_a) {
+var incoming = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    transform: translateX(-100%);\n  }\n\n  50% {\n    transform: translateX(200%);\n  }\n\n  100% {\n    transform: translateX(-100%);\n  }\n"], ["\n  0% {\n    transform: translateX(-100%);\n  }\n\n  50% {\n    transform: translateX(200%);\n  }\n\n  100% {\n    transform: translateX(-100%);\n  }\n"])));
+var Container = (0, styled_components_1.default)(Cell_1.Cell)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n\n  ", "\n"], ["\n  position: relative;\n  overflow: hidden;\n\n  ", "\n"])), function (_a) {
     var loading = _a.loading;
-    return loading && styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      &::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 50%;\n        height: 2px;\n        animation: ", " 1.5s ease infinite;\n        background-color: ", ";\n      }\n    "], ["\n      &::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 50%;\n        height: 2px;\n        animation: ", " 1.5s ease infinite;\n        background-color: ", ";\n      }\n    "])), incoming, theme_get_1.themeGet("colors.primary"));
+    return loading && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      &::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 50%;\n        height: 2px;\n        animation: ", " 1.5s ease infinite;\n        background-color: ", ";\n      }\n    "], ["\n      &::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 50%;\n        height: 2px;\n        animation: ", " 1.5s ease infinite;\n        background-color: ", ";\n      }\n    "])), incoming, (0, theme_get_1.themeGet)("colors.primary"));
 });
 var Loading = function (_a) {
     var children = _a.children, _b = _a.loading, loading = _b === void 0 ? true : _b, rest = __rest(_a, ["children", "loading"]);

package/dist/Loading/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../src/Loading/Loading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAA2D;AAC3D,sDAAoD;AACpD,gCAA0C;AAE1C,IAAM,QAAQ,GAAG,6BAAS,6NAAA,0JAYzB,IAAA,CAAC;AAEF,IAAM,SAAS,GAAG,2BAAM,CAAC,WAAI,CAAC,6HAAsB,oDAIhD;IAaC,IACJ,KAdG,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,OAAA,OAAO,IACP,uBAAG,0TAAA,+KAQc,EAAQ,kDACD,EAA0B,kBAEjD,KAHgB,QAAQ,EACD,oBAAQ,CAAC,gBAAgB,CAAC,CAEjD;AAZD,CAYC,CACJ,CAAC;AAOK,IAAM,OAAO,GAA2B,UAAC,EAI/C;IAHC,IAAA,QAAQ,cAAA,EACR,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACX,IAAI,cAHuC,uBAI/C,CADQ;IAEP,OAAO,CACL,8BAAC,SAAS,aAAC,OAAO,EAAE,OAAO,IAAM,IAAI,GAClC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,uEAAW,CACd,CACb,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,OAAO,WAUlB;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../src/Loading/Loading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAA2D;AAC3D,sDAAoD;AACpD,gCAA0C;AAE1C,IAAM,QAAQ,OAAG,6BAAS,8NAAA,0JAYzB,IAAA,CAAC;AAEF,IAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,WAAI,CAAC,6HAAsB,oDAIhD,EAaC,IACJ,KAdG,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,OAAA,OAAO,QACP,uBAAG,2TAAA,+KAQc,EAAQ,kDACD,EAA0B,kBAEjD,KAHgB,QAAQ,EACD,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,CAEjD;AAZD,CAYC,CACJ,CAAC;AAOK,IAAM,OAAO,GAA2B,UAAC,EAI/C;IAHC,IAAA,QAAQ,cAAA,EACR,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACX,IAAI,cAHuC,uBAI/C,CADQ;IAEP,OAAO,CACL,8BAAC,SAAS,aAAC,OAAO,EAAE,OAAO,IAAM,IAAI,GAClC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,uEAAW,CACd,CACb,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,OAAO,WAUlB;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/Modal/Modal.js

@@ -52,29 +52,28 @@ var react_dom_1 = require("react-dom");
 var react_focus_on_1 = require("react-focus-on");
 var theme_1 = require("../theme");
 var Box_1 = require("../Box");
-var Wrapper = styled_components_1.default(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  ", "\n"], ["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  ",
-    "\n"])), function (_a) {
+var Wrapper = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  ", "\n"], ["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  ", "\n"])), function (_a) {
     var overlay = _a.overlay;
-    return overlay && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n    "], ["\n      background-color: ", ";\n    "])), theme_1.color("background", 0.9));
+    return overlay && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n    "], ["\n      background-color: ", ";\n    "])), (0, theme_1.color)("background", 0.9));
 });
-var Dialog = styled_components_1.default(Box_1.Box).attrs({ role: "dialog" })(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
+var Dialog = (0, styled_components_1.default)(Box_1.Box).attrs({ role: "dialog" })(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
 var Modal = function (_a) {
     var _b = _a.onClose, onClose = _b === void 0 ? function () { } : _b, children = _a.children, overlay = _a.overlay, rest = __rest(_a, ["onClose", "children", "overlay"]);
-    var appendEl = react_1.useRef(document.createElement("div"));
-    var wrapperEl = react_1.useRef(null);
-    var handleClick = react_1.useCallback(function (event) {
+    var appendEl = (0, react_1.useRef)(document.createElement("div"));
+    var wrapperEl = (0, react_1.useRef)(null);
+    var handleClick = (0, react_1.useCallback)(function (event) {
         if (event.target === wrapperEl.current) {
             onClose();
         }
     }, [onClose]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var current = appendEl.current;
         document.body.appendChild(current);
         return function () {
             document.body.removeChild(current);
         };
     }, []);
-    return react_dom_1.createPortal(react_1.default.createElement(react_focus_on_1.FocusOn, { onClickOutside: onClose, onEscapeKey: onClose },
+    return (0, react_dom_1.createPortal)(react_1.default.createElement(react_focus_on_1.FocusOn, { onClickOutside: onClose, onEscapeKey: onClose },
         react_1.default.createElement(Wrapper, __assign({ ref: wrapperEl, onClick: handleClick, overlay: overlay, alignItems: "center", justifyContent: "center" }, rest),
             react_1.default.createElement(Dialog, null, children))), appendEl.current);
 };

package/dist/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8D;AAC9D,qEAAgD;AAChD,uCAAyC;AACzC,iDAAyC;AACzC,kCAAiC;AACjC,8BAAuC;AAEvC,IAAM,OAAO,GAAG,2BAAM,CAAC,SAAG,CAAC,uKAAuB,8FAO9C;IAIC,IACJ,KALG,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,OAAA,OAAO,IACP,uBAAG,0GAAA,4BACmB,EAAwB,SAC7C,KADqB,aAAK,CAAC,YAAY,EAAE,GAAG,CAAC,CAC7C;AAHD,CAGC,CACJ,CAAC;AAEF,IAAM,MAAM,GAAG,2BAAM,CAAC,SAAG,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,qEAAA,EAAE,IAAA,CAAC;AAOhD,IAAM,KAAK,GAAyB,UAAC,EAK3C;IAJC,IAAA,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAClB,QAAQ,cAAA,EACR,OAAO,aAAA,EACJ,IAAI,cAJmC,kCAK3C,CADQ;IAEP,IAAM,QAAQ,GAAG,cAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IACvD,IAAM,SAAS,GAAG,cAAM,CAAwB,IAAI,CAAC,CAAC;IAEtD,IAAM,WAAW,GAAG,mBAAW,CAC7B,UAAC,KAAmD;QAClD,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,OAAO,EAAE;YACtC,OAAO,EAAE,CAAC;SACX;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,iBAAS,CAAC;QACA,IAAA,OAAO,GAAK,QAAQ,QAAb,CAAc;QAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,OAAO;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,wBAAY,CACjB,8BAAC,wBAAO,IAAC,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO;QACpD,8BAAC,OAAO,aACN,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,IACnB,IAAI;YAER,8BAAC,MAAM,QAAE,QAAQ,CAAU,CACnB,CACF,EACV,QAAQ,CAAC,OAAO,CACjB,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,KAAK,SAyChB;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8D;AAC9D,qEAAgD;AAChD,uCAAyC;AACzC,iDAAyC;AACzC,kCAAiC;AACjC,8BAAuC;AAEvC,IAAM,OAAO,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,uKAAuB,8FAO9C,EAIC,IACJ,KALG,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,OAAA,OAAO,QACP,uBAAG,2GAAA,4BACmB,EAAwB,SAC7C,KADqB,IAAA,aAAK,EAAC,YAAY,EAAE,GAAG,CAAC,CAC7C;AAHD,CAGC,CACJ,CAAC;AAEF,IAAM,MAAM,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,qEAAA,EAAE,IAAA,CAAC;AAOhD,IAAM,KAAK,GAAyB,UAAC,EAK3C;IAJC,IAAA,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAClB,QAAQ,cAAA,EACR,OAAO,aAAA,EACJ,IAAI,cAJmC,kCAK3C,CADQ;IAEP,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IACvD,IAAM,SAAS,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAEtD,IAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,UAAC,KAAmD;QAClD,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,OAAO,EAAE;YACtC,OAAO,EAAE,CAAC;SACX;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,IAAA,iBAAS,EAAC;QACA,IAAA,OAAO,GAAK,QAAQ,QAAb,CAAc;QAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,OAAO;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,IAAA,wBAAY,EACjB,8BAAC,wBAAO,IAAC,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO;QACpD,8BAAC,OAAO,aACN,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,IACnB,IAAI;YAER,8BAAC,MAAM,QAAE,QAAQ,CAAU,CACnB,CACF,EACV,QAAQ,CAAC,OAAO,CACjB,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,KAAK,SAyChB;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/Mono/Mono.d.ts

@@ -1,3 +1,6 @@
+/// <reference types="react" />
 import { BoxProps } from "../Box";
 export declare type MonoProps = BoxProps;
-export declare const Mono: import("styled-components").StyledComponent<"div", any, BoxProps, never>;
+export declare const Mono: import("styled-components").StyledComponent<"div", any, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
+    children?: import("react").ReactNode;
+}, never>;

package/dist/Mono/Mono.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Mono = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 var Box_1 = require("../Box");
-exports.Mono = styled_components_1.default(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+exports.Mono = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
 exports.Mono.defaultProps = {
     fontFamily: "mono",
     fontSize: "87.5%",

package/dist/Mono/Mono.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mono.js","sourceRoot":"","sources":["../../src/Mono/Mono.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AACvC,8BAAuC;AAI1B,QAAA,IAAI,GAAG,2BAAM,CAAC,SAAG,CAAC,qEAAA,EAAE,KAAC;AAElC,YAAI,CAAC,YAAY,GAAG;IAClB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,OAAO;CAClB,CAAC"}
+{"version":3,"file":"Mono.js","sourceRoot":"","sources":["../../src/Mono/Mono.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AACvC,8BAAuC;AAI1B,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,qEAAA,EAAE,KAAC;AAElC,YAAI,CAAC,YAAY,GAAG;IAClB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,OAAO;CAClB,CAAC"}

package/dist/MultiSelect/MultiSelect.d.ts

@@ -6,8 +6,8 @@ export declare type MultiSelectItem = {
 };
 export declare const MultiSelectContext: React.Context<{
     selection: MultiSelectItem[];
-    select(id: string, payload?: Record<string, unknown> | undefined): void;
-    deselect(id: string, payload?: Record<string, unknown> | undefined): void;
+    select(id: string, payload?: MultiSelectPayload | undefined): void;
+    deselect(id: string, payload?: MultiSelectPayload | undefined): void;
 }>;
 export declare type MultiSelectProps = {
     onChange?(selection: MultiSelectItem[], payload?: MultiSelectPayload): void;

package/dist/MultiSelect/MultiSelect.js

@@ -34,9 +34,14 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-var __spread = (this && this.__spread) || function () {
-    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
-    return ar;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MultiSelect = exports.MultiSelectContext = void 0;
@@ -46,16 +51,16 @@ var INITIAL_VALUE = {
     select: function () { },
     deselect: function () { },
 };
-exports.MultiSelectContext = react_1.createContext(INITIAL_VALUE);
+exports.MultiSelectContext = (0, react_1.createContext)(INITIAL_VALUE);
 var MultiSelect = function (_a) {
     var children = _a.children, onChange = _a.onChange;
-    var _b = __read(react_1.useState([]), 2), selection = _b[0], setSelection = _b[1];
+    var _b = __read((0, react_1.useState)([]), 2), selection = _b[0], setSelection = _b[1];
     var select = function (id, payload) {
         if (payload === void 0) { payload = {}; }
         setSelection(function (prev) {
             var next = prev.find(function (item) { return item.id === id; })
                 ? prev
-                : __spread(prev, [{ id: id, payload: payload }]);
+                : __spreadArray(__spreadArray([], __read(prev), false), [{ id: id, payload: payload }], false);
             onChange &&
                 JSON.stringify(next) !== JSON.stringify(prev) &&
                 onChange(next, payload);

package/dist/MultiSelect/MultiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../src/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AAEvD,IAAM,aAAa,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,cAAO,CAAC;IAChB,QAAQ,EAAE,cAAO,CAAC;CACnB,CAAC;AAKW,QAAA,kBAAkB,GAAG,qBAAa,CAI5C,aAAa,CAAC,CAAC;AAMX,IAAM,WAAW,GAA+B,UAAC,EAGvD;QAFC,QAAQ,cAAA,EACR,QAAQ,cAAA;IAEF,IAAA,KAAA,OAA4B,gBAAQ,CAAoB,EAAE,CAAC,IAAA,EAA1D,SAAS,QAAA,EAAE,YAAY,QAAmC,CAAC;IAElE,IAAM,MAAM,GAAG,UAAC,EAAU,EAAE,OAAgC;QAAhC,wBAAA,EAAA,YAAgC;QAC1D,YAAY,CAAC,UAAC,IAAI;YAChB,IAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,EAAE,EAAd,CAAc,CAAC;gBAC9C,CAAC,CAAC,IAAI;gBACN,CAAC,UAAK,IAAI,GAAE,EAAE,EAAE,IAAA,EAAE,OAAO,SAAA,EAAE,EAAC,CAAC;YAE/B,QAAQ;gBACN,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;gBAC7C,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAC1B,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,UAAC,EAAU,EAAE,OAAgC;QAAhC,wBAAA,EAAA,YAAgC;QAC5D,YAAY,CAAC,UAAC,IAAI;YAChB,IAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,EAAE,EAAX,CAAW,CAAC,CAAC;YAC7C,QAAQ,IAAI,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YACpC,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,0BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,WAAA,EAAE,MAAM,QAAA,EAAE,QAAQ,UAAA,EAAE,IAChE,QAAQ,CACmB,CAC/B,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,WAAW,eAgCtB"}
+{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../src/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AAEvD,IAAM,aAAa,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,cAAO,CAAC;IAChB,QAAQ,EAAE,cAAO,CAAC;CACnB,CAAC;AAKW,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAI5C,aAAa,CAAC,CAAC;AAMX,IAAM,WAAW,GAA+B,UAAC,EAGvD;QAFC,QAAQ,cAAA,EACR,QAAQ,cAAA;IAEF,IAAA,KAAA,OAA4B,IAAA,gBAAQ,EAAoB,EAAE,CAAC,IAAA,EAA1D,SAAS,QAAA,EAAE,YAAY,QAAmC,CAAC;IAElE,IAAM,MAAM,GAAG,UAAC,EAAU,EAAE,OAAgC;QAAhC,wBAAA,EAAA,YAAgC;QAC1D,YAAY,CAAC,UAAC,IAAI;YAChB,IAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,EAAE,EAAd,CAAc,CAAC;gBAC9C,CAAC,CAAC,IAAI;gBACN,CAAC,wCAAK,IAAI,YAAE,EAAE,EAAE,IAAA,EAAE,OAAO,SAAA,EAAE,SAAC,CAAC;YAE/B,QAAQ;gBACN,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;gBAC7C,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAC1B,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,UAAC,EAAU,EAAE,OAAgC;QAAhC,wBAAA,EAAA,YAAgC;QAC5D,YAAY,CAAC,UAAC,IAAI;YAChB,IAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,EAAE,EAAX,CAAW,CAAC,CAAC;YAC7C,QAAQ,IAAI,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YACpC,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,0BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,WAAA,EAAE,MAAM,QAAA,EAAE,QAAQ,UAAA,EAAE,IAChE,QAAQ,CACmB,CAC/B,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,WAAW,eAgCtB"}

package/dist/MultiSelect/useMultiSelect.js

@@ -7,22 +7,22 @@ var useUniqueId_1 = require("../hooks/useUniqueId");
 var MultiSelect_1 = require("./MultiSelect");
 var useMultiSelect = function (_a) {
     var _b = _a === void 0 ? {} : _a, defaultSelected = _b.defaultSelected, payload = _b.payload;
-    var id = useUniqueId_1.useUniqueId();
-    var ref = react_1.useRef(null);
-    var _c = react_1.useContext(MultiSelect_1.MultiSelectContext), selection = _c.selection, __select__ = _c.select, __deselect__ = _c.deselect;
+    var id = (0, useUniqueId_1.useUniqueId)();
+    var ref = (0, react_1.useRef)(null);
+    var _c = (0, react_1.useContext)(MultiSelect_1.MultiSelectContext), selection = _c.selection, __select__ = _c.select, __deselect__ = _c.deselect;
     // Handle default selections
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (defaultSelected)
             __select__(id.current);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [defaultSelected, id]);
-    var select = react_1.useCallback(function () {
+    var select = (0, react_1.useCallback)(function () {
         return __select__(id.current, payload);
     }, [__select__, id, payload]);
-    var deselect = react_1.useCallback(function () {
+    var deselect = (0, react_1.useCallback)(function () {
         __deselect__(id.current, payload);
     }, [__deselect__, id, payload]);
-    var selected = react_1.useMemo(function () {
+    var selected = (0, react_1.useMemo)(function () {
         return !!selection.find(function (item) { return item.id === id.current; });
     }, [id, selection]);
     var onMouseDown = function (event) {
@@ -32,14 +32,14 @@ var useMultiSelect = function (_a) {
         }
         select();
     };
-    var handleClickOutside = react_1.useCallback(function (event) {
+    var handleClickOutside = (0, react_1.useCallback)(function (event) {
         if (!selected || event.metaKey)
             return;
         deselect();
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [selected]);
-    hooks_1.useClickOutside({
+    (0, hooks_1.useClickOutside)({
         ref: ref,
         type: "mousedown",
         onClickOutside: handleClickOutside,

package/dist/MultiSelect/useMultiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMultiSelect.js","sourceRoot":"","sources":["../../src/MultiSelect/useMultiSelect.tsx"],"names":[],"mappings":";;;AAAA,+BAA4E;AAC5E,kCAA2C;AAC3C,oDAAmD;AACnD,6CAAuE;AAOhE,IAAM,cAAc,GAAG,UAAC,EAGT;QAHS,qBAGX,EAAE,KAAA,EAFpB,eAAe,qBAAA,EACf,OAAO,aAAA;IAEP,IAAM,EAAE,GAAG,yBAAW,EAAE,CAAC;IAEzB,IAAM,GAAG,GAAG,cAAM,CAA2B,IAAI,CAAC,CAAC;IAE7C,IAAA,KAA4D,kBAAU,CAC1E,gCAAkB,CACnB,EAFO,SAAS,eAAA,EAAU,UAAU,YAAA,EAAY,YAAY,cAE5D,CAAC;IAEF,4BAA4B;IAC5B,iBAAS,CAAC;QACR,IAAI,eAAe;YAAE,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QAC5C,uDAAuD;IACzD,CAAC,EAAE,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC,CAAC;IAE1B,IAAM,MAAM,GAAG,mBAAW,CAAC;QACzB,OAAO,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9B,IAAM,QAAQ,GAAG,mBAAW,CAAC;QAC3B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,YAAY,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhC,IAAM,QAAQ,GAAG,eAAO,CAAC;QACvB,OAAO,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,OAAO,EAAtB,CAAsB,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC;IAEpB,IAAM,WAAW,GAAG,UAClB,KAAsD;QAEtD,IAAI,QAAQ,IAAI,KAAK,CAAC,OAAO,EAAE;YAC7B,QAAQ,EAAE,CAAC;YACX,OAAO;SACR;QAED,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG,mBAAW,CACpC,UAAC,KAAK;QACJ,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO;YAAE,OAAO;QACvC,QAAQ,EAAE,CAAC;IACb,CAAC;IACD,uDAAuD;IACvD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,uBAAe,CAAC;QACd,GAAG,KAAA;QACH,IAAI,EAAE,WAAW;QACjB,cAAc,EAAE,kBAAkB;QAClC,IAAI,EAAE,QAAQ;KACf,CAAC,CAAC;IAEH,OAAO;QACL,GAAG,KAAA;QACH,EAAE,EAAE,EAAE,CAAC,OAAO;QACd,SAAS,WAAA;QACT,QAAQ,UAAA;QACR,MAAM,QAAA;QACN,QAAQ,UAAA;QACR,WAAW,aAAA;KACZ,CAAC;AACJ,CAAC,CAAC;AAlEW,QAAA,cAAc,kBAkEzB"}
+{"version":3,"file":"useMultiSelect.js","sourceRoot":"","sources":["../../src/MultiSelect/useMultiSelect.tsx"],"names":[],"mappings":";;;AAAA,+BAA4E;AAC5E,kCAA2C;AAC3C,oDAAmD;AACnD,6CAAuE;AAOhE,IAAM,cAAc,GAAG,UAAC,EAGT;QAHS,qBAGX,EAAE,KAAA,EAFpB,eAAe,qBAAA,EACf,OAAO,aAAA;IAEP,IAAM,EAAE,GAAG,IAAA,yBAAW,GAAE,CAAC;IAEzB,IAAM,GAAG,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IAE7C,IAAA,KAA4D,IAAA,kBAAU,EAC1E,gCAAkB,CACnB,EAFO,SAAS,eAAA,EAAU,UAAU,YAAA,EAAY,YAAY,cAE5D,CAAC;IAEF,4BAA4B;IAC5B,IAAA,iBAAS,EAAC;QACR,IAAI,eAAe;YAAE,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QAC5C,uDAAuD;IACzD,CAAC,EAAE,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC,CAAC;IAE1B,IAAM,MAAM,GAAG,IAAA,mBAAW,EAAC;QACzB,OAAO,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9B,IAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC;QAC3B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,YAAY,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhC,IAAM,QAAQ,GAAG,IAAA,eAAO,EAAC;QACvB,OAAO,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,OAAO,EAAtB,CAAsB,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC;IAEpB,IAAM,WAAW,GAAG,UAClB,KAAsD;QAEtD,IAAI,QAAQ,IAAI,KAAK,CAAC,OAAO,EAAE;YAC7B,QAAQ,EAAE,CAAC;YACX,OAAO;SACR;QAED,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,UAAC,KAAK;QACJ,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO;YAAE,OAAO;QACvC,QAAQ,EAAE,CAAC;IACb,CAAC;IACD,uDAAuD;IACvD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,IAAA,uBAAe,EAAC;QACd,GAAG,KAAA;QACH,IAAI,EAAE,WAAW;QACjB,cAAc,EAAE,kBAAkB;QAClC,IAAI,EAAE,QAAQ;KACf,CAAC,CAAC;IAEH,OAAO;QACL,GAAG,KAAA;QACH,EAAE,EAAE,EAAE,CAAC,OAAO;QACd,SAAS,WAAA;QACT,QAAQ,UAAA;QACR,MAAM,QAAA;QACN,QAAQ,UAAA;QACR,WAAW,aAAA;KACZ,CAAC;AACJ,CAAC,CAAC;AAlEW,QAAA,cAAc,kBAkEzB"}

package/dist/MultiSelect/useMultiSelection.js

@@ -4,7 +4,7 @@ exports.useMultiSelection = void 0;
 var react_1 = require("react");
 var MultiSelect_1 = require("./MultiSelect");
 var useMultiSelection = function () {
-    var selection = react_1.useContext(MultiSelect_1.MultiSelectContext).selection;
+    var selection = (0, react_1.useContext)(MultiSelect_1.MultiSelectContext).selection;
     return selection;
 };
 exports.useMultiSelection = useMultiSelection;

package/dist/MultiSelect/useMultiSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMultiSelection.js","sourceRoot":"","sources":["../../src/MultiSelect/useMultiSelection.tsx"],"names":[],"mappings":";;;AAAA,+BAAmC;AACnC,6CAAmD;AAE5C,IAAM,iBAAiB,GAAG;IACvB,IAAA,SAAS,GAAK,kBAAU,CAAC,gCAAkB,CAAC,UAAnC,CAAoC;IACrD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAHW,QAAA,iBAAiB,qBAG5B"}
+{"version":3,"file":"useMultiSelection.js","sourceRoot":"","sources":["../../src/MultiSelect/useMultiSelection.tsx"],"names":[],"mappings":";;;AAAA,+BAAmC;AACnC,6CAAmD;AAE5C,IAAM,iBAAiB,GAAG;IACvB,IAAA,SAAS,GAAK,IAAA,kBAAU,EAAC,gCAAkB,CAAC,UAAnC,CAAoC;IACrD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAHW,QAAA,iBAAiB,qBAG5B"}

package/dist/Pagination/Page.js

@@ -31,11 +31,11 @@ var Button_1 = require("../Button");
 var Page = function (_a) {
     var pageNumber = _a.pageNumber, href = _a.href, per = _a.per, currentPage = _a.currentPage, children = _a.children, _b = _a.as, as = _b === void 0 ? "a" : _b, rest = __rest(_a, ["pageNumber", "href", "per", "currentPage", "children", "as"]);
     return (react_1.default.createElement(Button_1.Button, __assign({ flex: "1", textAlign: "center", as: as, disabled: pageNumber === currentPage, tabIndex: pageNumber === currentPage && -1 }, (as === "a"
-        ? { href: href + "?page=" + pageNumber + "&per=" + per }
+        ? { href: "".concat(href, "?page=").concat(pageNumber, "&per=").concat(per) }
         : {
             to: {
                 pathname: href,
-                search: "?page=" + pageNumber + "&per=" + per,
+                search: "?page=".concat(pageNumber, "&per=").concat(per),
             },
         }), rest), children));
 };

package/dist/Pagination/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Pagination/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oCAAgD;AAYzC,IAAM,IAAI,GAAwB,UAAC,EAQzC;IAPC,IAAA,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,UAAQ,EAAR,EAAE,mBAAG,GAAG,KAAA,EACL,IAAI,cAPiC,8DAQzC,CADQ;IACH,OAAA,CACJ,8BAAC,eAAM,aACL,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,UAAU,KAAK,WAAW,EACpC,QAAQ,EAAE,UAAU,KAAK,WAAW,IAAI,CAAC,CAAC,IACtC,CAAC,EAAE,KAAK,GAAG;QACb,CAAC,CAAC,EAAE,IAAI,EAAK,IAAI,cAAS,UAAU,aAAQ,GAAK,EAAE;QACnD,CAAC,CAAC;YACE,EAAE,EAAE;gBACF,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,WAAS,UAAU,aAAQ,GAAK;aACzC;SACF,CAAC,EACF,IAAI,GAEP,QAAQ,CACF,CACV,CAAA;CAAA,CAAC;AA3BW,QAAA,IAAI,QA2Bf;AAEF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Pagination/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oCAAgD;AAYzC,IAAM,IAAI,GAAwB,UAAC,EAQzC;IAPC,IAAA,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,UAAQ,EAAR,EAAE,mBAAG,GAAG,KAAA,EACL,IAAI,cAPiC,8DAQzC,CADQ;IACH,OAAA,CACJ,8BAAC,eAAM,aACL,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,UAAU,KAAK,WAAW,EACpC,QAAQ,EAAE,UAAU,KAAK,WAAW,IAAI,CAAC,CAAC,IACtC,CAAC,EAAE,KAAK,GAAG;QACb,CAAC,CAAC,EAAE,IAAI,EAAE,UAAG,IAAI,mBAAS,UAAU,kBAAQ,GAAG,CAAE,EAAE;QACnD,CAAC,CAAC;YACE,EAAE,EAAE;gBACF,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,gBAAS,UAAU,kBAAQ,GAAG,CAAE;aACzC;SACF,CAAC,EACF,IAAI,GAEP,QAAQ,CACF,CACV,CAAA;CAAA,CAAC;AA3BW,QAAA,IAAI,QA2Bf;AAEF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/Pagination/Pagination.js

@@ -37,9 +37,14 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-var __spread = (this && this.__spread) || function () {
-    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
-    return ar;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -62,20 +67,20 @@ var paginate = function (_a) {
 exports.paginate = paginate;
 var Pagination = function (_a) {
     var _b = _a.page, page = _b === void 0 ? exports.PAGINATION_DEFAULT_PAGE : _b, _c = _a.per, per = _c === void 0 ? exports.PAGINATION_DEFAULT_PER : _c, total = _a.total, href = _a.href, _d = _a.interval, interval = _d === void 0 ? exports.PAGINATION_DEFAULT_INTERVAL : _d, _e = _a.Page, Page = _e === void 0 ? Page_1.Page : _e, rest = __rest(_a, ["page", "per", "total", "href", "interval", "Page"]);
-    var _f = exports.paginate({ page: page, per: per, total: total }), totalPages = _f.totalPages, prevPage = _f.prevPage, nextPage = _f.nextPage;
+    var _f = (0, exports.paginate)({ page: page, per: per, total: total }), totalPages = _f.totalPages, prevPage = _f.prevPage, nextPage = _f.nextPage;
     if (totalPages <= 1)
         return null;
     return (react_1.default.createElement(Stack_1.Stack, __assign({ direction: "horizontal" }, rest),
         react_1.default.createElement(Stack_1.Stack, { direction: "horizontal" },
             react_1.default.createElement(Page, { pageNumber: 1, currentPage: page, href: href, per: per }, "A"),
             react_1.default.createElement(Page, { pageNumber: prevPage, currentPage: page, rel: "prev", href: href, per: per }, "past")),
-        __spread(Array(interval).keys()).map(function (i) {
+        __spreadArray([], __read(Array(interval).keys()), false).map(function (i) {
             return page > i + 1 ? (react_1.default.createElement(Page, { key: page - (i + 1), pageNumber: page - (i + 1), currentPage: page, href: href, per: per, display: ["none", "none", "block"] }, page - (i + 1))) : undefined;
         })
             .filter(Boolean)
             .reverse(),
         react_1.default.createElement(Page, { pageNumber: page, currentPage: page, href: href, per: per }, page),
-        __spread(Array(interval).keys()).map(function (i) {
+        __spreadArray([], __read(Array(interval).keys()), false).map(function (i) {
             return totalPages - page + 1 > i + 1 ? (react_1.default.createElement(Page, { key: page + (i + 1), pageNumber: page + (i + 1), currentPage: page, href: href, per: per, display: ["none", "none", "block"] }, page + (i + 1))) : undefined;
         })
             .filter(Boolean),

package/dist/Pagination/Pagination.js.map

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

package/dist/Pane/Pane.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { StackProps } from "../Stack";
 export declare type PaneProps = StackProps & React.HTMLAttributes<HTMLDivElement> & {
-    children: JSX.Element | JSX.Element[];
+    children: React.ReactNode;
     onEnter?(): void;
 };
 export declare const paneShadowMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;

package/dist/Pane/Pane.js

@@ -58,17 +58,17 @@ var Stack_1 = require("../Stack");
 var flattenChildren_1 = require("../lib/flattenChildren");
 var PaneOption_1 = require("./PaneOption");
 var Flyout_1 = require("../Flyout");
-exports.paneShadowMixin = styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-shadow: 0 0 ", " 0 ", ";\n"], ["\n  box-shadow: 0 0 ", " 0 ", ";\n"])), theme_get_1.themeGet("space.2"), theme_get_1.themeGet("colors.tertiary"));
-var Container = styled_components_1.default(Stack_1.Stack)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  max-width: ", ";\n  ", "\n"], ["\n  background-color: ", ";\n  max-width: ", ";\n  ", "\n"])), theme_get_1.themeGet("colors.background"), theme_get_1.themeGet("space.10"), exports.paneShadowMixin);
+exports.paneShadowMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-shadow: 0 0 ", " 0 ", ";\n"], ["\n  box-shadow: 0 0 ", " 0 ", ";\n"])), (0, theme_get_1.themeGet)("space.2"), (0, theme_get_1.themeGet)("colors.tertiary"));
+var Container = (0, styled_components_1.default)(Stack_1.Stack)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  max-width: ", ";\n  ", "\n"], ["\n  background-color: ", ";\n  max-width: ", ";\n  ", "\n"])), (0, theme_get_1.themeGet)("colors.background"), (0, theme_get_1.themeGet)("space.10"), exports.paneShadowMixin);
 Container.defaultProps = {
     borderRadius: 4,
     spacing: 0,
 };
 exports.Pane = react_1.default.forwardRef(function (_a, forwardedRef) {
     var children = _a.children, _b = _a.onEnter, onEnter = _b === void 0 ? function () { } : _b, rest = __rest(_a, ["children", "onEnter"]);
-    var ref = react_1.useRef(null);
-    var composedRef = compose_react_refs_1.default(ref, forwardedRef);
-    var nodes = flattenChildren_1.flattenChildren(children);
+    var ref = (0, react_1.useRef)(null);
+    var composedRef = (0, compose_react_refs_1.default)(ref, forwardedRef);
+    var nodes = (0, flattenChildren_1.flattenChildren)(children);
     var clickable = nodes.filter(function (element) {
         var isAnchor = element.type === "a";
         var isButton = element.type === "button";
@@ -77,14 +77,14 @@ exports.Pane = react_1.default.forwardRef(function (_a, forwardedRef) {
         var isNotDisabled = !element.props.disabled;
         return (isAnchor || isButton || isSystem || isClickable) && isNotDisabled;
     });
-    var refs = clickable.map(function () { return react_1.createRef(); });
-    var index = use_keyboard_list_navigation_1.useKeyboardListNavigation({
+    var refs = clickable.map(function () { return (0, react_1.createRef)(); });
+    var index = (0, use_keyboard_list_navigation_1.useKeyboardListNavigation)({
         list: clickable,
         ref: composedRef,
         waitForInteractive: true,
         onEnter: onEnter,
     }).index;
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var _a, _b;
         (_b = (_a = refs[index]) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
     }, [index, refs]);

package/dist/Pane/Pane.js.map

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

package/dist/Pane/PaneHeader.d.ts

@@ -1,3 +1,6 @@
+/// <reference types="react" />
 import { BoxProps } from "../Box";
 export declare type PaneHeaderProps = BoxProps;
-export declare const PaneHeader: import("styled-components").StyledComponent<"div", any, BoxProps, never>;
+export declare const PaneHeader: import("styled-components").StyledComponent<"div", any, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
+    children?: import("react").ReactNode;
+}, never>;

package/dist/Pane/PaneHeader.js

@@ -23,7 +23,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var Box_1 = require("../Box");
 var mixins_1 = require("../mixins");
 var PaneOption_1 = require("./PaneOption");
-exports.PaneHeader = styled_components_1.default(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), mixins_1.overflowEllipsisMixin);
+exports.PaneHeader = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), mixins_1.overflowEllipsisMixin);
 exports.PaneHeader.defaultProps = __assign(__assign({}, PaneOption_1.PANE_OPTION), { color: "secondary" });
 var templateObject_1;
 //# sourceMappingURL=PaneHeader.js.map

package/dist/Pane/PaneHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaneHeader.js","sourceRoot":"","sources":["../../src/Pane/PaneHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,wEAAuC;AACvC,8BAAuC;AACvC,oCAAkD;AAClD,2CAA2C;AAI9B,QAAA,UAAU,GAAG,2BAAM,CAAC,SAAG,CAAC,+EAAA,MACjC,EAAqB,IACxB,KADG,8BAAqB,EACvB;AAEF,kBAAU,CAAC,YAAY,yBAAQ,wBAAW,KAAE,KAAK,EAAE,WAAW,GAAE,CAAC"}
+{"version":3,"file":"PaneHeader.js","sourceRoot":"","sources":["../../src/Pane/PaneHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,wEAAuC;AACvC,8BAAuC;AACvC,oCAAkD;AAClD,2CAA2C;AAI9B,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,+EAAA,MACjC,EAAqB,IACxB,KADG,8BAAqB,EACvB;AAEF,kBAAU,CAAC,YAAY,yBAAQ,wBAAW,KAAE,KAAK,EAAE,WAAW,GAAE,CAAC"}

package/dist/Pane/PaneOption.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ClickableProps } from "../Clickable";
 export declare type PaneOptionProps = ClickableProps & {
     active?: boolean;
@@ -9,7 +10,14 @@ export declare const paneOptionHoverMixin: import("styled-components").FlattenIn
 export declare const paneOptionActiveMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
 export declare const paneOptionFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
 export declare const paneOptionDisabledMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const PaneOption: import("styled-components").StyledComponent<"button", any, PaneOptionProps, never>;
+export declare const PaneOption: import("styled-components").StyledComponent<"button", any, import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("..").TextColorProps & import("..").TransitionProps & {
+    children?: import("react").ReactNode;
+} & {
+    active?: boolean | undefined;
+    hover?: boolean | undefined;
+    focus?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, never>;
 export declare const PANE_OPTION: {
     borderRadius: number;
     color: string;

package/dist/Pane/PaneOption.js

@@ -29,11 +29,11 @@ var theme_get_1 = require("@styled-system/theme-get");
 var Clickable_1 = require("../Clickable");
 var Cell_1 = require("../Cell");
 var mixins_1 = require("../mixins");
-exports.paneOptionHoverMixin = styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n\n  &::before {\n    display: block;\n    content: \"\";\n    position: absolute;\n    top: 2px;\n    right: 2px;\n    bottom: 2px;\n    left: 2px;\n    background-color: ", ";\n    border-radius: 4px;\n    z-index: -1;\n  }\n"], ["\n  position: relative;\n  z-index: 1;\n\n  &::before {\n    display: block;\n    content: \"\";\n    position: absolute;\n    top: 2px;\n    right: 2px;\n    bottom: 2px;\n    left: 2px;\n    background-color: ", ";\n    border-radius: 4px;\n    z-index: -1;\n  }\n"])), theme_get_1.themeGet("colors.hint"));
-exports.paneOptionActiveMixin = styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.paneOptionHoverMixin);
-exports.paneOptionFocusMixin = styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  outline: 0;\n  background-color: ", ";\n  ", "\n"], ["\n  outline: 0;\n  background-color: ", ";\n  ", "\n"])), theme_get_1.themeGet("colors.hint"), Cell_1.cellFocusMixin);
-exports.paneOptionDisabledMixin = styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  pointer-events: none;\n  color: ", ";\n"], ["\n  pointer-events: none;\n  color: ", ";\n"])), theme_get_1.themeGet("colors.secondary"));
-exports.PaneOption = styled_components_1.default(Clickable_1.Clickable)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  text-align: left;\n  cursor: pointer;\n  text-decoration: none;\n  transition: box-shadow 250ms ease;\n  ", "\n\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:disabled {\n    ", "\n  }\n"], ["\n  text-align: left;\n  cursor: pointer;\n  text-decoration: none;\n  transition: box-shadow 250ms ease;\n  ", "\n\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:disabled {\n    ", "\n  }\n"])), mixins_1.overflowEllipsisMixin, function (_a) {
+exports.paneOptionHoverMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n\n  &::before {\n    display: block;\n    content: \"\";\n    position: absolute;\n    top: 2px;\n    right: 2px;\n    bottom: 2px;\n    left: 2px;\n    background-color: ", ";\n    border-radius: 4px;\n    z-index: -1;\n  }\n"], ["\n  position: relative;\n  z-index: 1;\n\n  &::before {\n    display: block;\n    content: \"\";\n    position: absolute;\n    top: 2px;\n    right: 2px;\n    bottom: 2px;\n    left: 2px;\n    background-color: ", ";\n    border-radius: 4px;\n    z-index: -1;\n  }\n"])), (0, theme_get_1.themeGet)("colors.hint"));
+exports.paneOptionActiveMixin = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.paneOptionHoverMixin);
+exports.paneOptionFocusMixin = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  outline: 0;\n  background-color: ", ";\n  ", "\n"], ["\n  outline: 0;\n  background-color: ", ";\n  ", "\n"])), (0, theme_get_1.themeGet)("colors.hint"), Cell_1.cellFocusMixin);
+exports.paneOptionDisabledMixin = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  pointer-events: none;\n  color: ", ";\n"], ["\n  pointer-events: none;\n  color: ", ";\n"])), (0, theme_get_1.themeGet)("colors.secondary"));
+exports.PaneOption = (0, styled_components_1.default)(Clickable_1.Clickable)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  text-align: left;\n  cursor: pointer;\n  text-decoration: none;\n  transition: box-shadow 250ms ease;\n  ", "\n\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:disabled {\n    ", "\n  }\n"], ["\n  text-align: left;\n  cursor: pointer;\n  text-decoration: none;\n  transition: box-shadow 250ms ease;\n  ", "\n\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:disabled {\n    ", "\n  }\n"])), mixins_1.overflowEllipsisMixin, function (_a) {
     var active = _a.active;
     return active && exports.paneOptionActiveMixin;
 }, function (_a) {

package/dist/Pane/PaneOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaneOption.js","sourceRoot":"","sources":["../../src/Pane/PaneOption.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AACzD,gCAAyC;AACzC,oCAAkD;AASrC,QAAA,oBAAoB,GAAG,uBAAG,+UAAA,qNAYf,EAAuB,qDAI9C,KAJuB,oBAAQ,CAAC,aAAa,CAAC,EAI7C;AAEW,QAAA,qBAAqB,GAAG,uBAAG,+EAAA,MACpC,EAAoB,IACvB,KADG,4BAAoB,EACtB;AAEW,QAAA,oBAAoB,GAAG,uBAAG,yHAAA,uCAEjB,EAAuB,OACzC,EAAc,IACjB,KAFqB,oBAAQ,CAAC,aAAa,CAAC,EACzC,qBAAc,EAChB;AAEW,QAAA,uBAAuB,GAAG,uBAAG,gHAAA,sCAE/B,EAA4B,KACtC,KADU,oBAAQ,CAAC,kBAAkB,CAAC,EACrC;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,qBAAS,CAAC,uTAAiB,+GAKxD,EAAqB,QAErB,EAA+C,QAE/C,EAA4C,qBAE1C,EAAoB,aAGtB,EAA4C,qBAE1C,EAAoB,aAGtB,EAAqD,wBAEnD,EAAuB,SAE5B,KAlBG,8BAAqB,EAErB,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,MAAM,IAAI,6BAAqB;AAA/B,CAA+B,EAE/C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,4BAAoB;AAA7B,CAA6B,EAE1C,4BAAoB,EAGtB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,4BAAoB;AAA7B,CAA6B,EAE1C,4BAAoB,EAGtB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,+BAAuB;AAAnC,CAAmC,EAEnD,+BAAuB,EAE3B;AAEW,QAAA,WAAW,GAAG;IACzB,YAAY,EAAE,CAAC;IACf,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACtB,UAAU,EAAE,CAAC;IACb,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACN,CAAC;AAEF,kBAAU,CAAC,YAAY,GAAG,mBAAW,CAAC"}
+{"version":3,"file":"PaneOption.js","sourceRoot":"","sources":["../../src/Pane/PaneOption.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AACzD,gCAAyC;AACzC,oCAAkD;AASrC,QAAA,oBAAoB,OAAG,uBAAG,gVAAA,qNAYf,EAAuB,qDAI9C,KAJuB,IAAA,oBAAQ,EAAC,aAAa,CAAC,EAI7C;AAEW,QAAA,qBAAqB,OAAG,uBAAG,gFAAA,MACpC,EAAoB,IACvB,KADG,4BAAoB,EACtB;AAEW,QAAA,oBAAoB,OAAG,uBAAG,0HAAA,uCAEjB,EAAuB,OACzC,EAAc,IACjB,KAFqB,IAAA,oBAAQ,EAAC,aAAa,CAAC,EACzC,qBAAc,EAChB;AAEW,QAAA,uBAAuB,OAAG,uBAAG,iHAAA,sCAE/B,EAA4B,KACtC,KADU,IAAA,oBAAQ,EAAC,kBAAkB,CAAC,EACrC;AAEW,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,uTAAiB,+GAKxD,EAAqB,QAErB,EAA+C,QAE/C,EAA4C,qBAE1C,EAAoB,aAGtB,EAA4C,qBAE1C,EAAoB,aAGtB,EAAqD,wBAEnD,EAAuB,SAE5B,KAlBG,8BAAqB,EAErB,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,MAAM,IAAI,6BAAqB;AAA/B,CAA+B,EAE/C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,4BAAoB;AAA7B,CAA6B,EAE1C,4BAAoB,EAGtB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,4BAAoB;AAA7B,CAA6B,EAE1C,4BAAoB,EAGtB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,+BAAuB;AAAnC,CAAmC,EAEnD,+BAAuB,EAE3B;AAEW,QAAA,WAAW,GAAG;IACzB,YAAY,EAAE,CAAC;IACf,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACtB,UAAU,EAAE,CAAC;IACb,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACN,CAAC;AAEF,kBAAU,CAAC,YAAY,GAAG,mBAAW,CAAC"}

package/dist/Pill/Pill.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CellProps } from "../Cell";
 export declare type PillProps = CellProps;
 export declare const PILL: {
@@ -16,4 +17,6 @@ export declare const PILL: {
     transition: string;
 };
 export declare const pillFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const Pill: import("styled-components").StyledComponent<"div", any, import("..").BoxProps, never>;
+export declare const Pill: import("styled-components").StyledComponent<"div", any, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("..").TextColorProps & import("..").TransitionProps & {
+    children?: import("react").ReactNode;
+}, never>;

package/dist/Plus/Plus.d.ts

@@ -1,7 +1,14 @@
+/// <reference types="react" />
 import { BoxProps } from "../Box";
 export declare type PlusProps = BoxProps & {
     size: number | string;
     strokeWidth?: string;
     axis?: "horizontal" | "vertical" | "both";
 };
-export declare const Plus: import("styled-components").StyledComponent<"div", any, PlusProps, never>;
+export declare const Plus: import("styled-components").StyledComponent<"div", any, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
+    children?: import("react").ReactNode;
+} & {
+    size: number | string;
+    strokeWidth?: string | undefined;
+    axis?: "both" | "horizontal" | "vertical" | undefined;
+}, never>;

package/dist/Plus/Plus.js

@@ -27,21 +27,18 @@ exports.Plus = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
 var theme_get_1 = require("@styled-system/theme-get");
 var Box_1 = require("../Box");
-exports.Plus = styled_components_1.default(Box_1.Box)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n\n  &::before,\n  &::after {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: ", ";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    background-color: currentColor;\n    transition: background-color 250ms;\n  }\n\n  &::before {\n    transform: translate(-50%, -50%);\n    ", "\n  }\n\n  &::after {\n    transform: translate(-50%, -50%) rotate(90deg);\n    ", "\n  }\n"], ["\n  ",
-    "\n\n  &::before,\n  &::after {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: ", ";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    background-color: currentColor;\n    transition: background-color 250ms;\n  }\n\n  &::before {\n    transform: translate(-50%, -50%);\n    ",
-    "\n  }\n\n  &::after {\n    transform: translate(-50%, -50%) rotate(90deg);\n    ",
-    "\n  }\n"])), function (_a) {
+exports.Plus = (0, styled_components_1.default)(Box_1.Box)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n\n  &::before,\n  &::after {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: ", ";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    background-color: currentColor;\n    transition: background-color 250ms;\n  }\n\n  &::before {\n    transform: translate(-50%, -50%);\n    ", "\n  }\n\n  &::after {\n    transform: translate(-50%, -50%) rotate(90deg);\n    ", "\n  }\n"], ["\n  ", "\n\n  &::before,\n  &::after {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: ", ";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    background-color: currentColor;\n    transition: background-color 250ms;\n  }\n\n  &::before {\n    transform: translate(-50%, -50%);\n    ", "\n  }\n\n  &::after {\n    transform: translate(-50%, -50%) rotate(90deg);\n    ", "\n  }\n"])), function (_a) {
     var size = _a.size;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: ", ";\n    height: ", ";\n  "], ["\n    width: ", ";\n    height: ", ";\n  "])), theme_get_1.themeGet("space." + size, size), theme_get_1.themeGet("space." + size, size));
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: ", ";\n    height: ", ";\n  "], ["\n    width: ", ";\n    height: ", ";\n  "])), (0, theme_get_1.themeGet)("space.".concat(size), size), (0, theme_get_1.themeGet)("space.".concat(size), size));
 }, function (_a) {
     var _b = _a.strokeWidth, strokeWidth = _b === void 0 ? "2px" : _b;
     return strokeWidth;
 }, function (_a) {
     var axis = _a.axis;
-    return axis === "vertical" && styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        display: none;\n      "], ["\n        display: none;\n      "])));
+    return axis === "vertical" && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        display: none;\n      "], ["\n        display: none;\n      "])));
 }, function (_a) {
     var axis = _a.axis;
-    return axis === "horizontal" && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        display: none;\n      "], ["\n        display: none;\n      "])));
+    return axis === "horizontal" && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        display: none;\n      "], ["\n        display: none;\n      "])));
 });
 exports.Plus.defaultProps = {
     position: "relative",

package/dist/Plus/Plus.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plus.js","sourceRoot":"","sources":["../../src/Plus/Plus.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,8BAAuC;AAQ1B,QAAA,IAAI,GAAG,2BAAM,CAAC,SAAG,CAAC,ieAAW,MACtC;IAGD,yGAOW,EAAwC,4MAUhD;IAIC,kFAKD;IAIC,SAEN,KAnCG,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,uBAAG,8GAAA,eACR,EAA+B,iBAC9B,EAA+B,OAC1C,KAFU,oBAAQ,CAAC,WAAS,IAAM,EAAE,IAAI,CAAC,EAC9B,oBAAQ,CAAC,WAAS,IAAM,EAAE,IAAI,CAAC;AAF3B,CAGf,EAOW,UAAC,EAAuB;QAArB,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA;IAAO,OAAA,WAAW;AAAX,CAAW,EAUhD,UAAC,EAAQ;QAAN,IAAI,UAAA;IACP,OAAA,IAAI,KAAK,UAAU,IACnB,uBAAG,qGAAA,kCAEF,IAAA;AAHD,CAGC,EAKD,UAAC,EAAQ;QAAN,IAAI,UAAA;IACP,OAAA,IAAI,KAAK,YAAY,IACrB,uBAAG,qGAAA,kCAEF,IAAA;AAHD,CAGC,EAEL;AAEF,YAAI,CAAC,YAAY,GAAG;IAClB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;CACb,CAAC"}
+{"version":3,"file":"Plus.js","sourceRoot":"","sources":["../../src/Plus/Plus.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,8BAAuC;AAQ1B,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,ieAAW,MACtC,EAGD,yGAOW,EAAwC,4MAUhD,EAIC,kFAKD,EAIC,SAEN,KAnCG,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,WAAA,uBAAG,+GAAA,eACR,EAA+B,iBAC9B,EAA+B,OAC1C,KAFU,IAAA,oBAAQ,EAAC,gBAAS,IAAI,CAAE,EAAE,IAAI,CAAC,EAC9B,IAAA,oBAAQ,EAAC,gBAAS,IAAI,CAAE,EAAE,IAAI,CAAC;AAF3B,CAGf,EAOW,UAAC,EAAuB;QAArB,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA;IAAO,OAAA,WAAW;AAAX,CAAW,EAUhD,UAAC,EAAQ;QAAN,IAAI,UAAA;IACP,OAAA,IAAI,KAAK,UAAU,QACnB,uBAAG,sGAAA,kCAEF,IAAA;AAHD,CAGC,EAKD,UAAC,EAAQ;QAAN,IAAI,UAAA;IACP,OAAA,IAAI,KAAK,YAAY,QACrB,uBAAG,sGAAA,kCAEF,IAAA;AAHD,CAGC,EAEL;AAEF,YAAI,CAAC,YAAY,GAAG;IAClB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;CACb,CAAC"}

package/dist/Popper/Popper.js

@@ -30,7 +30,7 @@ var react_1 = __importDefault(require("react"));
 var usePopper_1 = require("./usePopper");
 var Popper = function (_a) {
     var _b = _a.open, defaultOpen = _b === void 0 ? false : _b, anchor = _a.anchor, children = _a.children, _c = _a.distance, distance = _c === void 0 ? 8 : _c, _d = _a.placement, placement = _d === void 0 ? "bottom-start" : _d, _e = _a.onClose, onClose = _e === void 0 ? function () { } : _e, rest = __rest(_a, ["open", "anchor", "children", "distance", "placement", "onClose"]);
-    var _f = usePopper_1.usePopper({
+    var _f = (0, usePopper_1.usePopper)({
         open: defaultOpen,
         distance: distance,
         placement: placement,