@auspices/eos 5.0.12 → 5.0.14

package/dist/HTML/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/HTML/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/HTML/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}

package/dist/Image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Image/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}

package/dist/Input/Input.d.ts

@@ -6,4 +6,4 @@ export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & CellProps
 export declare const inputFocusMixin: import("styled-components").RuleSet<object>;
 export declare const inputHoverMixin: import("styled-components").RuleSet<object>;
 export declare const inputMixin: import("styled-components").RuleSet<InputProps>;
-export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, InputProps>> & string;
+export declare const Input: import("react").ForwardRefExoticComponent<Omit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, InputProps>, "ref"> & import("react").RefAttributes<any>>;

package/dist/Input/Input.js

@@ -42,6 +42,7 @@ exports.Input = exports.inputMixin = exports.inputHoverMixin = exports.inputFocu
 var styled_components_1 = __importStar(require("styled-components"));
 var Cell_1 = require("../Cell");
 var shouldForwardProp_1 = require("../lib/shouldForwardProp");
+var withDefaultProps_1 = require("../lib/withDefaultProps");
 exports.inputFocusMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n\n  ::placeholder {\n    text-decoration: underline;\n  }\n"], ["\n  ", ";\n\n  ::placeholder {\n    text-decoration: underline;\n  }\n"])), Cell_1.cellFocusMixin);
 exports.inputHoverMixin = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ::placeholder {\n    text-decoration: underline;\n  }\n"], ["\n  ::placeholder {\n    text-decoration: underline;\n  }\n"])));
 exports.inputMixin = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  appearance: none;\n  border-radius: 0;\n  margin: 0;\n  transition: box-shadow 250ms ease;\n  background-color: transparent;\n\n  ", "\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  &:autofill {\n    font-size: 1rem;\n  }\n"], ["\n  appearance: none;\n  border-radius: 0;\n  margin: 0;\n  transition: box-shadow 250ms ease;\n  background-color: transparent;\n\n  ", "\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  &:autofill {\n    font-size: 1rem;\n  }\n"])), Cell_1.cellMixin, function (_a) {
@@ -51,11 +52,10 @@ exports.inputMixin = (0, styled_components_1.css)(templateObject_3 || (templateO
     var hover = _a.hover;
     return hover && exports.inputHoverMixin;
 }, exports.inputHoverMixin);
-exports.Input = styled_components_1.default.input.withConfig({
+var StyledInput = styled_components_1.default.input.withConfig({
     shouldForwardProp: shouldForwardProp_1.shouldForwardProp,
 })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.inputMixin);
-exports.Input.defaultProps = {
-    variant: "default",
-};
+StyledInput.displayName = "StyledInput";
+exports.Input = (0, withDefaultProps_1.withDefaultProps)(StyledInput, { variant: "default" }, "Input");
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=Input.js.map

package/dist/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qEAAgD;AAChD,gCAA+D;AAC/D,8DAA6D;AAQhD,QAAA,eAAe,OAAG,uBAAG,4IAAA,MAC9B,EAAc,gEAKjB,KALG,qBAAc,EAKhB;AAEW,QAAA,eAAe,OAAG,uBAAG,iIAAA,6DAIjC,KAAC;AAEW,QAAA,UAAU,OAAG,uBAAG,2UAAY,wIAOrC,EAAS,QAET,EAAuC,qBAErC,EAAe,aAGjB,EAAuC,qBAErC,EAAe,sDAMpB,KAfG,gBAAS,EAET,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,uBAAe;AAAxB,CAAwB,EAErC,uBAAe,EAGjB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,uBAAe;AAAxB,CAAwB,EAErC,uBAAe,EAMnB;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,CAAC,UAAU,CAAC;IAC3C,iBAAiB,uCAAA;CAClB,CAAC,+EAAY,MACV,EAAU,IACb,KADG,kBAAU,EACZ;AAEF,aAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,SAAS;CACnB,CAAC"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qEAAgD;AAChD,gCAA4E;AAC5E,8DAA6D;AAC7D,4DAA2D;AAQ9C,QAAA,eAAe,OAAG,uBAAG,4IAAA,MAC9B,EAAc,gEAKjB,KALG,qBAAc,EAKhB;AAEW,QAAA,eAAe,OAAG,uBAAG,iIAAA,6DAIjC,KAAC;AAEW,QAAA,UAAU,OAAG,uBAAG,2UAAY,wIAOrC,EAAS,QAET,EAAuC,qBAErC,EAAe,aAGjB,EAAuC,qBAErC,EAAe,sDAMpB,KAfG,gBAAS,EAET,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,uBAAe;AAAxB,CAAwB,EAErC,uBAAe,EAGjB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,uBAAe;AAAxB,CAAwB,EAErC,uBAAe,EAMnB;AAEF,IAAM,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAC,UAAU,CAAC;IAC1C,iBAAiB,uCAAA;CAClB,CAAC,+EAAY,MACV,EAAU,IACb,KADG,kBAAU,CACb,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAE3B,QAAA,KAAK,GAAG,IAAA,mCAAgB,EACnC,WAAW,EACX,EAAE,OAAO,EAAE,SAAwB,EAAE,EACrC,OAAO,CACR,CAAC"}

package/dist/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Input/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}

package/dist/KeyValueEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/KeyValueEditor/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/KeyValueEditor/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}

package/dist/KeyValueInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/KeyValueInput/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/KeyValueInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC"}

package/dist/Loading/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Loading/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Loading/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}

package/dist/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Modal/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}

package/dist/Mono/Mono.d.ts

@@ -1,5 +1,3 @@
 import { BoxProps } from "../Box";
 export type MonoProps = BoxProps;
-export declare const Mono: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "backgroundColor" | "opacity" | "transition" | "children" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>> & 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?: React.ReactNode;
-}, never>> & string;
+export declare const Mono: import("react").ForwardRefExoticComponent<Omit<import("styled-components").FastOmit<Omit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>, "ref"> & import("react").RefAttributes<any>, never>, "ref"> & import("react").RefAttributes<any>>;

package/dist/Mono/Mono.js

@@ -11,10 +11,12 @@ 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 = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-exports.Mono.defaultProps = {
+var withDefaultProps_1 = require("../lib/withDefaultProps");
+var StyledMono = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+StyledMono.displayName = "StyledMono";
+exports.Mono = (0, withDefaultProps_1.withDefaultProps)(StyledMono, {
     fontFamily: "mono",
     fontSize: "87.5%",
-};
+}, "Mono");
 var templateObject_1;
 //# sourceMappingURL=Mono.js.map

package/dist/Mono/Mono.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mono.js","sourceRoot":"","sources":["../../src/Mono/Mono.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;AAEb,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"}
+{"version":3,"file":"Mono.js","sourceRoot":"","sources":["../../src/Mono/Mono.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;AAEb,wEAAuC;AACvC,8BAAuC;AACvC,4DAA2D;AAI3D,IAAM,UAAU,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,qEAAA,EAAE,IAAA,CAAC;AAEjC,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEzB,QAAA,IAAI,GAAG,IAAA,mCAAgB,EAClC,UAAU,EACV;IACE,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,OAAO;CAClB,EACD,MAAM,CACP,CAAC"}

package/dist/Mono/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Mono/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Mono/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}

package/dist/MultiSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MultiSelect/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,mDAAiC;AACjC,sDAAoC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MultiSelect/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,mDAAiC;AACjC,sDAAoC"}

package/dist/Pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Pagination/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,yCAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Pagination/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,yCAAuB"}

package/dist/Pane/Pane.js

@@ -73,12 +73,14 @@ var Stack_1 = require("../Stack");
 var flattenChildren_1 = require("../lib/flattenChildren");
 var PaneOption_1 = require("./PaneOption");
 var Flyout_1 = require("../Flyout");
+var withDefaultProps_1 = require("../lib/withDefaultProps");
 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 = {
+var StyledContainer = (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);
+StyledContainer.displayName = "StyledContainer";
+var Container = (0, withDefaultProps_1.withDefaultProps)(StyledContainer, {
     borderRadius: 4,
     spacing: 0,
-};
+}, "Container");
 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 = (0, react_1.useRef)(null);

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,5 +1,3 @@
 import { BoxProps } from "../Box";
 export type PaneHeaderProps = BoxProps;
-export declare const PaneHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "backgroundColor" | "opacity" | "transition" | "children" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>> & 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?: React.ReactNode;
-}, never>> & string;
+export declare const PaneHeader: import("react").ForwardRefExoticComponent<Omit<import("styled-components").FastOmit<Omit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>, "ref"> & import("react").RefAttributes<any>, never>, "ref"> & import("react").RefAttributes<any>>;

package/dist/Pane/PaneHeader.js

@@ -24,7 +24,9 @@ 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 = (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 withDefaultProps_1 = require("../lib/withDefaultProps");
+var StyledPaneHeader = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), mixins_1.overflowEllipsisMixin);
+StyledPaneHeader.displayName = "StyledPaneHeader";
+exports.PaneHeader = (0, withDefaultProps_1.withDefaultProps)(StyledPaneHeader, __assign(__assign({}, PaneOption_1.PANE_OPTION), { color: "secondary" }), "PaneHeader");
 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,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;AAEb,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"}
+{"version":3,"file":"PaneHeader.js","sourceRoot":"","sources":["../../src/Pane/PaneHeader.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;AAEb,wEAAuC;AACvC,8BAAuC;AACvC,oCAAkD;AAClD,2CAA2C;AAC3C,4DAA2D;AAI3D,IAAM,gBAAgB,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,+EAAA,MAChC,EAAqB,IACxB,KADG,8BAAqB,CACxB,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAErC,QAAA,UAAU,GAAG,IAAA,mCAAgB,EACxC,gBAAgB,wBACX,wBAAW,KAAE,KAAK,EAAE,WAAW,KACpC,YAAY,CACb,CAAC"}

package/dist/Pane/PaneOption.d.ts

@@ -9,12 +9,6 @@ export declare const paneOptionHoverMixin: import("styled-components").RuleSet<o
 export declare const paneOptionActiveMixin: import("styled-components").RuleSet<object>;
 export declare const paneOptionFocusMixin: import("styled-components").RuleSet<object>;
 export declare const paneOptionDisabledMixin: import("styled-components").RuleSet<object>;
-export declare const PaneOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "backgroundColor" | "cursor" | "opacity" | "textDecoration" | "transition" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & 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?: React.ReactNode;
-} & {
-    cursor?: import("styled-system").ResponsiveValue<string>;
-    textDecoration?: import("styled-system").ResponsiveValue<string>;
-}, PaneOptionProps>> & string;
 export declare const PANE_OPTION: {
     borderRadius: number;
     color: string;
@@ -23,3 +17,9 @@ export declare const PANE_OPTION: {
     px: number;
     py: number;
 };
+export declare const PaneOption: import("react").ForwardRefExoticComponent<Omit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "backgroundColor" | "cursor" | "opacity" | "textDecoration" | "transition" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & 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?: React.ReactNode;
+} & {
+    cursor?: import("styled-system").ResponsiveValue<string>;
+    textDecoration?: import("styled-system").ResponsiveValue<string>;
+}, PaneOptionProps>, "ref"> & import("react").RefAttributes<any>>;

package/dist/Pane/PaneOption.js

@@ -38,17 +38,18 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PANE_OPTION = exports.PaneOption = exports.paneOptionDisabledMixin = exports.paneOptionFocusMixin = exports.paneOptionActiveMixin = exports.paneOptionHoverMixin = void 0;
+exports.PaneOption = exports.PANE_OPTION = exports.paneOptionDisabledMixin = exports.paneOptionFocusMixin = exports.paneOptionActiveMixin = exports.paneOptionHoverMixin = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
 var theme_get_1 = require("@styled-system/theme-get");
 var Clickable_1 = require("../Clickable");
 var Cell_1 = require("../Cell");
 var mixins_1 = require("../mixins");
+var withDefaultProps_1 = require("../lib/withDefaultProps");
 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 StyledPaneOption = (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) {
@@ -61,6 +62,7 @@ exports.PaneOption = (0, styled_components_1.default)(Clickable_1.Clickable)(tem
     var disabled = _a.disabled;
     return disabled && exports.paneOptionDisabledMixin;
 }, exports.paneOptionDisabledMixin);
+StyledPaneOption.displayName = "StyledPaneOption";
 exports.PANE_OPTION = {
     borderRadius: 4,
     color: "primary",
@@ -69,6 +71,6 @@ exports.PANE_OPTION = {
     px: 4,
     py: 3,
 };
-exports.PaneOption.defaultProps = exports.PANE_OPTION;
+exports.PaneOption = (0, withDefaultProps_1.withDefaultProps)(StyledPaneOption, exports.PANE_OPTION, "PaneOption");
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=PaneOption.js.map

package/dist/Pane/PaneOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaneOption.js","sourceRoot":"","sources":["../../src/Pane/PaneOption.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,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"}
+{"version":3,"file":"PaneOption.js","sourceRoot":"","sources":["../../src/Pane/PaneOption.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AACzD,gCAAyC;AACzC,oCAAkD;AAClD,4DAA2D;AAS9C,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;AAEF,IAAM,gBAAgB,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,uTAAiB,+GAKvD,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,CAE5B,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAErC,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;AAEW,QAAA,UAAU,GAAG,IAAA,mCAAgB,EACxC,gBAAgB,EAChB,mBAAW,EACX,YAAY,CACb,CAAC"}

package/dist/Pane/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Pane/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,+CAA6B;AAC7B,+CAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Pane/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,+CAA6B;AAC7B,+CAA6B"}

package/dist/Pill/Pill.d.ts

@@ -1,4 +1,4 @@
 import { CellProps } from "../Cell";
 export type PillProps = CellProps;
 export declare const pillFocusMixin: import("styled-components").RuleSet<object>;
-export declare const Pill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CellProps>> & string;
+export declare const Pill: import("react").ForwardRefExoticComponent<Omit<Omit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CellProps>, "ref"> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;

package/dist/Pill/Pill.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Pill = exports.pillFocusMixin = void 0;
 // Aliases to Cell
 var Cell_1 = require("../Cell");
+var withDefaultProps_1 = require("../lib/withDefaultProps");
 exports.pillFocusMixin = Cell_1.cellFocusMixin;
-exports.Pill = Cell_1.Cell;
-exports.Pill.defaultProps = Cell_1.Cell.defaultProps;
+var StyledPill = Cell_1.Cell;
+StyledPill.displayName = "StyledPill";
+exports.Pill = (0, withDefaultProps_1.withDefaultProps)(StyledPill, { variant: "default" }, "Pill");
 //# sourceMappingURL=Pill.js.map

package/dist/Pill/Pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.js","sourceRoot":"","sources":["../../src/Pill/Pill.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAEb,kBAAkB;AAClB,gCAA0D;AAG7C,QAAA,cAAc,GAAG,qBAAc,CAAC;AAChC,QAAA,IAAI,GAAG,WAAI,CAAC;AAEzB,YAAI,CAAC,YAAY,GAAG,WAAI,CAAC,YAAY,CAAC"}
+{"version":3,"file":"Pill.js","sourceRoot":"","sources":["../../src/Pill/Pill.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAEb,kBAAkB;AAClB,gCAAuE;AACvE,4DAA2D;AAG9C,QAAA,cAAc,GAAG,qBAAc,CAAC;AAE7C,IAAM,UAAU,GAAG,WAAI,CAAC;AACxB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEzB,QAAA,IAAI,GAAG,IAAA,mCAAgB,EAClC,UAAU,EACV,EAAE,OAAO,EAAE,SAAwB,EAAE,EACrC,MAAM,CACP,CAAC"}

package/dist/Pill/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Pill/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Pill/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}

package/dist/Plus/Plus.d.ts

@@ -4,6 +4,4 @@ export type PlusProps = BoxProps & {
     strokeWidth?: string;
     axis?: "horizontal" | "vertical" | "both";
 };
-export declare const Plus: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "backgroundColor" | "opacity" | "transition" | "children" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>> & 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?: React.ReactNode;
-}, PlusProps>> & string;
+export declare const Plus: import("react").ForwardRefExoticComponent<Omit<import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>, "ref"> & import("react").RefAttributes<any>, PlusProps>, "ref"> & import("react").RefAttributes<any>>;

package/dist/Plus/Plus.js

@@ -42,7 +42,8 @@ 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 = (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 withDefaultProps_1 = require("../lib/withDefaultProps");
+var StyledPlus = (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 (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) {
@@ -55,9 +56,10 @@ exports.Plus = (0, styled_components_1.default)(Box_1.Box)(templateObject_4 || (
     var axis = _a.axis;
     return axis === "horizontal" && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        display: none;\n      "], ["\n        display: none;\n      "])));
 });
-exports.Plus.defaultProps = {
+StyledPlus.displayName = "StyledPlus";
+exports.Plus = (0, withDefaultProps_1.withDefaultProps)(StyledPlus, {
     position: "relative",
     axis: "both",
-};
+}, "Plus");
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=Plus.js.map

package/dist/Plus/Plus.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plus.js","sourceRoot":"","sources":["../../src/Plus/Plus.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,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"}
+{"version":3,"file":"Plus.js","sourceRoot":"","sources":["../../src/Plus/Plus.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qEAAgD;AAChD,sDAAoD;AACpD,8BAAuC;AACvC,4DAA2D;AAQ3D,IAAM,UAAU,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,ieAAW,MACrC,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,CAEN,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEzB,QAAA,IAAI,GAAG,IAAA,mCAAgB,EAClC,UAAU,EACV;IACE,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;CACb,EACD,MAAM,CACP,CAAC"}

package/dist/Plus/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Plus/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Plus/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}

package/dist/Popper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Popper/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,2CAAyB;AACzB,8CAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Popper/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,2CAAyB;AACzB,8CAA4B"}

package/dist/ProgressBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ProgressBar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ProgressBar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B"}

package/dist/Remove/Remove.d.ts

@@ -1,17 +1,15 @@
 import { ClickableProps } from "../Clickable";
 export declare const exMixin: import("styled-components").RuleSet<object>;
-export declare const Ex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "backgroundColor" | "opacity" | "transition" | "children" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>> & 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?: React.ReactNode;
-}, never>> & string;
+export declare const Ex: import("react").ForwardRefExoticComponent<Omit<import("styled-components").FastOmit<Omit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../Box").BoxProps>, "ref"> & import("react").RefAttributes<any>, never>, "ref"> & import("react").RefAttributes<any>>;
 export declare const removeFocusMixin: import("styled-components").RuleSet<object>;
 export declare const removeHoverMixin: import("styled-components").RuleSet<object>;
 export type RemoveProps = ClickableProps & {
     hover?: boolean;
     focus?: boolean;
 };
-export declare const Remove: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "backgroundColor" | "cursor" | "opacity" | "textDecoration" | "transition" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & 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("../Box").TextColorProps & import("../Box").TransitionProps & {
+export declare const Remove: import("react").ForwardRefExoticComponent<Omit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "backgroundColor" | "cursor" | "opacity" | "textDecoration" | "transition" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & 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("../Box").TextColorProps & import("../Box").TransitionProps & {
     children?: React.ReactNode;
 } & {
     cursor?: import("styled-system").ResponsiveValue<string>;
     textDecoration?: import("styled-system").ResponsiveValue<string>;
-}, RemoveProps>> & string;
+}, RemoveProps>, "ref"> & import("react").RefAttributes<any>>;

package/dist/Remove/Remove.js

@@ -43,26 +43,27 @@ var styled_components_1 = __importStar(require("styled-components"));
 var theme_get_1 = require("@styled-system/theme-get");
 var Clickable_1 = require("../Clickable");
 var Box_1 = require("../Box");
+var withDefaultProps_1 = require("../lib/withDefaultProps");
 exports.exMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: color 250ms;\n\n  &::before,\n  &::after {\n    content: \"\";\n    display: block;\n    width: ", ";\n    height: 2px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    background-color: currentColor;\n  }\n\n  &::before {\n    transform: translate(-50%, -50%) rotate(45deg);\n  }\n\n  &::after {\n    transform: translate(-50%, -50%) rotate(-45deg);\n  }\n"], ["\n  transition: color 250ms;\n\n  &::before,\n  &::after {\n    content: \"\";\n    display: block;\n    width: ", ";\n    height: 2px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    background-color: currentColor;\n  }\n\n  &::before {\n    transform: translate(-50%, -50%) rotate(45deg);\n  }\n\n  &::after {\n    transform: translate(-50%, -50%) rotate(-45deg);\n  }\n"])), (0, theme_get_1.themeGet)("space.5"));
-exports.Ex = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  min-width: ", ";\n  min-height: ", ";\n  ", "\n"], ["\n  min-width: ", ";\n  min-height: ", ";\n  ", "\n"])), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("space.7"), exports.exMixin);
-exports.Ex.displayName = "Ex";
-exports.Ex.defaultProps = {
+var StyledEx = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  min-width: ", ";\n  min-height: ", ";\n  ", "\n"], ["\n  min-width: ", ";\n  min-height: ", ";\n  ", "\n"])), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("space.7"), exports.exMixin);
+StyledEx.displayName = "StyledEx";
+exports.Ex = (0, withDefaultProps_1.withDefaultProps)(StyledEx, {
     position: "relative",
     display: "inline-flex",
     color: "tertiary",
-};
+}, "Ex");
 exports.removeFocusMixin = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  outline: 0;\n  color: ", ";\n"], ["\n  outline: 0;\n  color: ", ";\n"])), (0, theme_get_1.themeGet)("colors.primary"));
 exports.removeHoverMixin = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), (0, theme_get_1.themeGet)("colors.primary"));
-exports.Remove = (0, styled_components_1.default)(Clickable_1.Clickable)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  min-width: ", ";\n  min-height: ", ";\n  cursor: pointer;\n  color: ", ";\n\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"], ["\n  min-width: ", ";\n  min-height: ", ";\n  cursor: pointer;\n  color: ", ";\n\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"])), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("colors.tertiary"), exports.exMixin, function (_a) {
+var StyledRemove = (0, styled_components_1.default)(Clickable_1.Clickable)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  min-width: ", ";\n  min-height: ", ";\n  cursor: pointer;\n  color: ", ";\n\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"], ["\n  min-width: ", ";\n  min-height: ", ";\n  cursor: pointer;\n  color: ", ";\n\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"])), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("colors.tertiary"), exports.exMixin, function (_a) {
     var hover = _a.hover;
     return hover && exports.removeHoverMixin;
 }, exports.removeHoverMixin, function (_a) {
     var focus = _a.focus;
     return focus && exports.removeHoverMixin;
 }, exports.removeFocusMixin);
-exports.Remove.displayName = "Remove";
-exports.Remove.defaultProps = {
+StyledRemove.displayName = "StyledRemove";
+exports.Remove = (0, withDefaultProps_1.withDefaultProps)(StyledRemove, {
     position: "relative",
-};
+}, "Remove");
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=Remove.js.map

package/dist/Remove/Remove.js.map

@@ -1 +1 @@
-{"version":3,"file":"Remove.js","sourceRoot":"","sources":["../../src/Remove/Remove.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AACzD,8BAA6B;AAEhB,QAAA,OAAO,OAAG,uBAAG,ucAAA,kHAOb,EAAmB,+QAe/B,KAfY,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAe9B;AAEW,QAAA,EAAE,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,wHAAA,iBACd,EAAmB,mBAClB,EAAmB,OAC/B,EAAO,IACV,KAHc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAC/B,eAAO,EACT;AAEF,UAAE,CAAC,WAAW,GAAG,IAAI,CAAC;AAEtB,UAAE,CAAC,YAAY,GAAG;IAChB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,UAAU;CAClB,CAAC;AAEW,QAAA,gBAAgB,OAAG,uBAAG,uGAAA,4BAExB,EAA0B,KACpC,KADU,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACnC;AACW,QAAA,gBAAgB,OAAG,uBAAG,wFAAA,aACxB,EAA0B,KACpC,KADU,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACnC;AAOW,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,0OAAa,iBACrC,EAAmB,mBAClB,EAAmB,kCAExB,EAA2B,SAElC,EAAO,QAEP,EAAwC,qBAEtC,EAAgB,aAGlB,EAAwC,qBAEtC,EAAgB,SAErB,KAhBc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAExB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAElC,eAAO,EAEP,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,wBAAgB;AAAzB,CAAyB,EAEtC,wBAAgB,EAGlB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,wBAAgB;AAAzB,CAAyB,EAEtC,wBAAgB,EAEpB;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,cAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,UAAU;CACrB,CAAC"}
+{"version":3,"file":"Remove.js","sourceRoot":"","sources":["../../src/Remove/Remove.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AACzD,8BAA6B;AAC7B,4DAA2D;AAE9C,QAAA,OAAO,OAAG,uBAAG,ucAAA,kHAOb,EAAmB,+QAe/B,KAfY,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAe9B;AAEF,IAAM,QAAQ,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,wHAAA,iBACb,EAAmB,mBAClB,EAAmB,OAC/B,EAAO,IACV,KAHc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAC/B,eAAO,CACV,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAErB,QAAA,EAAE,GAAG,IAAA,mCAAgB,EAChC,QAAQ,EACR;IACE,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,UAAU;CAClB,EACD,IAAI,CACL,CAAC;AAEW,QAAA,gBAAgB,OAAG,uBAAG,uGAAA,4BAExB,EAA0B,KACpC,KADU,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACnC;AACW,QAAA,gBAAgB,OAAG,uBAAG,wFAAA,aACxB,EAA0B,KACpC,KADU,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACnC;AAOF,IAAM,YAAY,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,0OAAa,iBACpC,EAAmB,mBAClB,EAAmB,kCAExB,EAA2B,SAElC,EAAO,QAEP,EAAwC,qBAEtC,EAAgB,aAGlB,EAAwC,qBAEtC,EAAgB,SAErB,KAhBc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAExB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAElC,eAAO,EAEP,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,wBAAgB;AAAzB,CAAyB,EAEtC,wBAAgB,EAGlB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,wBAAgB;AAAzB,CAAyB,EAEtC,wBAAgB,CAErB,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE7B,QAAA,MAAM,GAAG,IAAA,mCAAgB,EACpC,YAAY,EACZ;IACE,QAAQ,EAAE,UAAU;CACrB,EACD,QAAQ,CACT,CAAC"}

package/dist/Remove/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Remove/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Remove/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB"}

package/dist/ResponsiveImage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ResponsiveImage/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ResponsiveImage/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC"}

package/dist/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Select/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB"}

package/dist/Skeleton/Skeleton.d.ts

@@ -1,5 +1,3 @@
 import { BoxProps } from "../Box";
 export type SkeletonProps = BoxProps;
-export declare const Skeleton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "backgroundColor" | "opacity" | "transition" | "children" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>> & 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?: React.ReactNode;
-}, never>> & string;
+export declare const Skeleton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>, "ref"> & import("react").RefAttributes<any>, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>, "ref"> & import("react").RefAttributes<any>>, keyof import("react").Component<any, {}, any>>;

package/dist/Skeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Skeleton/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Skeleton/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}

package/dist/Spinner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Spinner/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Spinner/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}

package/dist/Split/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Split/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Split/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}

package/dist/Stack/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Stack/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Stack/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}

package/dist/Tag/Tag.d.ts

@@ -5,9 +5,7 @@ export type TagProps = Omit<BoxProps, "bg" | "backgroundColor" | "children"> & {
     backgroundColor?: string;
     children: string | React.JSX.Element;
 };
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "backgroundColor" | "opacity" | "transition" | "children" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>> & 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?: React.ReactNode;
-}, {
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>, "ref"> & React.RefAttributes<any>, {
     bg?: string;
-}>> & string;
+}>> & string & Omit<React.ForwardRefExoticComponent<Omit<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>, "ref"> & React.RefAttributes<any>>, keyof React.Component<any, {}, any>>;
 export declare const Tag: React.FC<TagProps>;