@auspices/eos 5.0.11 → 5.0.14

package/dist/Alert/index.js.map

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

package/dist/Alerts/index.js.map

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

package/dist/Alerts/useAlerts.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {

package/dist/Alerts/useAlerts.js.map

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

package/dist/AspectRatioBox/index.js.map

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

package/dist/Banner/index.js.map

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

package/dist/Box/Box.d.ts

@@ -10,4 +10,4 @@ export type BoxProps = BorderProps & TypographyProps & BoxSpatialProps & Omit<Co
     children?: React.ReactNode;
 };
 export declare const boxMixin: import("styled-system").styleFn;
-export declare const Box: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>> & string;
+export declare const Box: import("react").ForwardRefExoticComponent<Omit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>, "ref"> & import("react").RefAttributes<any>>;

package/dist/Box/Box.js

@@ -12,6 +12,7 @@ exports.Box = exports.boxMixin = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 var styled_system_1 = require("styled-system");
 var shouldForwardProp_1 = require("../lib/shouldForwardProp");
+var withDefaultProps_1 = require("../lib/withDefaultProps");
 var textColor = (0, styled_system_1.style)({
     prop: "textColor",
     cssProperty: "color",
@@ -19,12 +20,13 @@ var textColor = (0, styled_system_1.style)({
 });
 var transition = (0, styled_system_1.system)({ transition: true });
 exports.boxMixin = (0, styled_system_1.compose)(styled_system_1.border, styled_system_1.flexbox, styled_system_1.space, styled_system_1.typography, styled_system_1.position, styled_system_1.layout, styled_system_1.color, textColor, transition);
-exports.Box = styled_components_1.default.div.withConfig({
+var StyledBox = styled_components_1.default.div.withConfig({
     shouldForwardProp: shouldForwardProp_1.shouldForwardProp,
 })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.boxMixin);
-exports.Box.defaultProps = {
+StyledBox.displayName = "StyledBox";
+exports.Box = (0, withDefaultProps_1.withDefaultProps)(StyledBox, {
     fontFamily: "body",
     lineHeight: 2,
-};
+}, "Box");
 var templateObject_1;
 //# sourceMappingURL=Box.js.map

package/dist/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/Box/Box.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;AAEb,wEAAuC;AACvC,+CAmBuB;AACvB,8DAA6D;AAwB7D,IAAM,SAAS,GAAG,IAAA,qBAAK,EAAC;IACtB,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,OAAO;IACpB,GAAG,EAAE,QAAQ;CACd,CAAC,CAAC;AAEH,IAAM,UAAU,GAAG,IAAA,sBAAM,EAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;AAEnC,QAAA,QAAQ,GAAG,IAAA,uBAAO,EAC7B,sBAAM,EACN,uBAAO,EACP,qBAAK,EACL,0BAAU,EACV,wBAAQ,EACR,sBAAM,EACN,qBAAK,EACL,SAAS,EACT,UAAU,CACX,CAAC;AAEW,QAAA,GAAG,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IACvC,iBAAiB,uCAAA;CAClB,CAAC,+EAAU,MACR,EAAQ,IACX,KADG,gBAAQ,EACV;AAEF,WAAG,CAAC,YAAY,GAAG;IACjB,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,CAAC;CACd,CAAC"}
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;AAEb,wEAAuC;AACvC,+CAmBuB;AACvB,8DAA6D;AAC7D,4DAA2D;AAwB3D,IAAM,SAAS,GAAG,IAAA,qBAAK,EAAC;IACtB,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,OAAO;IACpB,GAAG,EAAE,QAAQ;CACd,CAAC,CAAC;AAEH,IAAM,UAAU,GAAG,IAAA,sBAAM,EAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;AAEnC,QAAA,QAAQ,GAAG,IAAA,uBAAO,EAC7B,sBAAM,EACN,uBAAO,EACP,qBAAK,EACL,0BAAU,EACV,wBAAQ,EACR,sBAAM,EACN,qBAAK,EACL,SAAS,EACT,UAAU,CACX,CAAC;AAEF,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IACtC,iBAAiB,uCAAA;CAClB,CAAC,+EAAU,MACR,EAAQ,IACX,KADG,gBAAQ,CACX,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEvB,QAAA,GAAG,GAAG,IAAA,mCAAgB,EACjC,SAAS,EACT;IACE,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,CAAC;CACd,EACD,KAAK,CACN,CAAC"}

package/dist/Box/index.js.map

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

package/dist/Button/Button.d.ts

@@ -1,10 +1,12 @@
 import { ClickableProps } from "../Clickable";
 import { CellProps } from "../Cell";
+export type ButtonVariant = "small" | "default";
 export type ButtonProps = ClickableProps & CellProps & {
     focus?: boolean;
     hover?: boolean;
     selected?: boolean;
     highlighted?: boolean;
+    variant?: ButtonVariant;
 };
 export declare const buttonHoverMixin: import("styled-components").RuleSet<object>;
 export declare const buttonFocusMixin: import("styled-components").RuleSet<object>;
@@ -12,9 +14,9 @@ export declare const buttonSelectedMixin: import("styled-components").RuleSet<ob
 export declare const buttonDisabledMixin: import("styled-components").RuleSet<object>;
 export declare const buttonHighlightedMixin: import("styled-components").RuleSet<ButtonProps>;
 export declare const buttonMixin: import("styled-components").RuleSet<ButtonProps>;
-export declare const Button: 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 & {
+export declare const Button: 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>;
-}, ButtonProps>> & string;
+}, ButtonProps>, "ref"> & import("react").RefAttributes<any>>;

package/dist/Button/Button.js

@@ -43,6 +43,7 @@ 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 withDefaultProps_1 = require("../lib/withDefaultProps");
 exports.buttonHoverMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), (0, theme_get_1.themeGet)("colors.secondary"));
 exports.buttonFocusMixin = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  outline: 0;\n  ", "\n"], ["\n  outline: 0;\n  ", "\n"])), Cell_1.cellFocusMixin);
 exports.buttonSelectedMixin = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  outline: 0;\n  box-shadow: inset 0 0 0 ", " ", ";\n  text-decoration: underline;\n  color: ", ";\n  border-color: ", ";\n"], ["\n  outline: 0;\n  box-shadow: inset 0 0 0 ", " ", ";\n  text-decoration: underline;\n  color: ", ";\n  border-color: ", ";\n"])), (0, theme_get_1.themeGet)("space.1"), (0, theme_get_1.themeGet)("colors.primary"), (0, theme_get_1.themeGet)("colors.primary"), (0, theme_get_1.themeGet)("colors.tertiary"));
@@ -69,8 +70,8 @@ exports.buttonMixin = (0, styled_components_1.css)(templateObject_8 || (template
     var highlighted = _a.highlighted;
     return highlighted && exports.buttonHighlightedMixin;
 });
-exports.Button = (0, styled_components_1.default)(Clickable_1.Clickable)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.buttonMixin);
-exports.Button.defaultProps = { variant: "default" };
-exports.Button.displayName = "Button";
+var StyledButton = (0, styled_components_1.default)(Clickable_1.Clickable)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.buttonMixin);
+StyledButton.displayName = "StyledButton";
+exports.Button = (0, withDefaultProps_1.withDefaultProps)(StyledButton, { variant: "default" }, "Button");
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
 //# sourceMappingURL=Button.js.map

package/dist/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AACzD,gCAA+D;AAUlD,QAAA,gBAAgB,OAAG,uBAAG,wFAAA,aACxB,EAA4B,KACtC,KADU,IAAA,oBAAQ,EAAC,kBAAkB,CAAC,EACrC;AAEW,QAAA,gBAAgB,OAAG,uBAAG,+FAAA,qBAE/B,EAAc,IACjB,KADG,qBAAc,EAChB;AAEW,QAAA,mBAAmB,OAAG,uBAAG,mMAAA,6CAEV,EAAmB,GAAI,EAA0B,6CAElE,EAA0B,qBACnB,EAA2B,KAC5C,KAJ2B,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAAI,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAElE,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAC3C;AAEW,QAAA,mBAAmB,OAAG,uBAAG,mMAAA,oCAE3B,EAA2B,qBACpB,EAA2B,kEAI5C,KALU,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EACpB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAI3C;AAEW,QAAA,sBAAsB,OAAG,uBAAG,0IAAa,0DAIhD,EAMD,WAEJ,KARK,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;QACxB,WAAO,uBAAG,+GAAA,4BACQ,EAAmB,aACpC,KADiB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EACnC;IACJ,CAAC;AACH,CAAC,EAEH;AAEW,QAAA,WAAW,OAAG,uBAAG,6bAAa,0OAYvC,EAAS,QAET,EAAwC,qBAEtC,EAAgB,aAGlB,EAAwC,qBAEtC,EAAgB,aAGlB,EAAiD,wBAE/C,EAAmB,aAGrB,EAYC,QAED,EAA0D,IAC7D,KAhCG,gBAAS,EAET,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,EAGlB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,2BAAmB;AAA/B,CAA+B,EAE/C,2BAAmB,EAGrB,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,QACR,uBAAG,+KAAA,UACC,EAAmB,+BAGjB,EAAmB,2CAInB,EAAmB,iBAExB,KATG,2BAAmB,EAGjB,2BAAmB,EAInB,2BAAmB,CAExB;AAXD,CAWC,EAED,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,WAAW,IAAI,8BAAsB;AAArC,CAAqC,EAC5D;AAEW,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,+EAAa,MAChD,EAAW,IACd,KADG,mBAAW,EACb;AAEF,cAAM,CAAC,YAAY,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;AAE7C,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AACzD,gCAA+D;AAC/D,4DAA2D;AAa9C,QAAA,gBAAgB,OAAG,uBAAG,wFAAA,aACxB,EAA4B,KACtC,KADU,IAAA,oBAAQ,EAAC,kBAAkB,CAAC,EACrC;AAEW,QAAA,gBAAgB,OAAG,uBAAG,+FAAA,qBAE/B,EAAc,IACjB,KADG,qBAAc,EAChB;AAEW,QAAA,mBAAmB,OAAG,uBAAG,mMAAA,6CAEV,EAAmB,GAAI,EAA0B,6CAElE,EAA0B,qBACnB,EAA2B,KAC5C,KAJ2B,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAAI,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAElE,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAC3C;AAEW,QAAA,mBAAmB,OAAG,uBAAG,mMAAA,oCAE3B,EAA2B,qBACpB,EAA2B,kEAI5C,KALU,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EACpB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAI3C;AAEW,QAAA,sBAAsB,OAAG,uBAAG,0IAAa,0DAIhD,EAMD,WAEJ,KARK,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;QACxB,WAAO,uBAAG,+GAAA,4BACQ,EAAmB,aACpC,KADiB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EACnC;IACJ,CAAC;AACH,CAAC,EAEH;AAEW,QAAA,WAAW,OAAG,uBAAG,6bAAa,0OAYvC,EAAS,QAET,EAAwC,qBAEtC,EAAgB,aAGlB,EAAwC,qBAEtC,EAAgB,aAGlB,EAAiD,wBAE/C,EAAmB,aAGrB,EAYC,QAED,EAA0D,IAC7D,KAhCG,gBAAS,EAET,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,EAGlB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,2BAAmB;AAA/B,CAA+B,EAE/C,2BAAmB,EAGrB,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,QACR,uBAAG,+KAAA,UACC,EAAmB,+BAGjB,EAAmB,2CAInB,EAAmB,iBAExB,KATG,2BAAmB,EAGjB,2BAAmB,EAInB,2BAAmB,CAExB;AAXD,CAWC,EAED,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,WAAW,IAAI,8BAAsB;AAArC,CAAqC,EAC5D;AAEF,IAAM,YAAY,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,+EAAa,MAC/C,EAAW,IACd,KADG,mBAAW,CACd,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE7B,QAAA,MAAM,GAAG,IAAA,mCAAgB,EACpC,YAAY,EACZ,EAAE,OAAO,EAAE,SAA0B,EAAE,EACvC,QAAQ,CACT,CAAC"}

package/dist/Button/index.js.map

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

package/dist/Caret/Caret.d.ts

@@ -3,6 +3,4 @@ export type CaretProps = BoxProps & {
     direction?: "up" | "down" | "left" | "right";
     size?: number;
 };
-export declare const Caret: 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;
-}, CaretProps>> & string;
+export declare const Caret: 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>, CaretProps>, "ref"> & import("react").RefAttributes<any>>;

package/dist/Caret/Caret.js

@@ -42,7 +42,8 @@ exports.Caret = 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.Caret = (0, styled_components_1.default)(Box_1.Box)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  width: ", ";\n  height: ", ";\n  flex-shrink: 0;\n\n  &::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 70%;\n    height: 70%;\n    background-color: transparent;\n    transform: translate(-50%, -50%) rotate(45deg);\n\n    ", "\n  }\n"], ["\n  position: relative;\n  width: ", ";\n  height: ", ";\n  flex-shrink: 0;\n\n  &::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 70%;\n    height: 70%;\n    background-color: transparent;\n    transform: translate(-50%, -50%) rotate(45deg);\n\n    ", "\n  }\n"])), function (props) { return (0, theme_get_1.themeGet)("space.".concat(props.size))(props); }, function (props) { return (0, theme_get_1.themeGet)("space.".concat(props.size))(props); }, function (_a) {
+var withDefaultProps_1 = require("../lib/withDefaultProps");
+var StyledCaret = (0, styled_components_1.default)(Box_1.Box)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  width: ", ";\n  height: ", ";\n  flex-shrink: 0;\n\n  &::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 70%;\n    height: 70%;\n    background-color: transparent;\n    transform: translate(-50%, -50%) rotate(45deg);\n\n    ", "\n  }\n"], ["\n  position: relative;\n  width: ", ";\n  height: ", ";\n  flex-shrink: 0;\n\n  &::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 70%;\n    height: 70%;\n    background-color: transparent;\n    transform: translate(-50%, -50%) rotate(45deg);\n\n    ", "\n  }\n"])), function (props) { return (0, theme_get_1.themeGet)("space.".concat(props.size))(props); }, function (props) { return (0, theme_get_1.themeGet)("space.".concat(props.size))(props); }, function (_a) {
     var direction = _a.direction;
     switch (direction) {
         case "up":
@@ -55,9 +56,10 @@ exports.Caret = (0, styled_components_1.default)(Box_1.Box)(templateObject_5 ||
             return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n            border-top: 1px solid;\n            border-right: 1px solid;\n            margin-left: -25%;\n          "], ["\n            border-top: 1px solid;\n            border-right: 1px solid;\n            margin-left: -25%;\n          "])));
     }
 });
-exports.Caret.defaultProps = {
+StyledCaret.displayName = "StyledCaret";
+exports.Caret = (0, withDefaultProps_1.withDefaultProps)(StyledCaret, {
     direction: "down",
     size: 3,
-};
+}, "Caret");
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=Caret.js.map

package/dist/Caret/Caret.js.map

@@ -1 +1 @@
-{"version":3,"file":"Caret.js","sourceRoot":"","sources":["../../src/Caret/Caret.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qEAAgD;AAChD,sDAAoD;AACpD,8BAAuC;AAO1B,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,gZAAY,oCAEjC,EAAiD,eAChD,EAAiD,2QAcvD,EA2BD,SAEJ,KA5CU,UAAC,KAAK,IAAK,OAAA,IAAA,oBAAQ,EAAC,gBAAS,KAAK,CAAC,IAAI,CAAE,CAAC,CAAC,KAAK,CAAC,EAAtC,CAAsC,EAChD,UAAC,KAAK,IAAK,OAAA,IAAA,oBAAQ,EAAC,gBAAS,KAAK,CAAC,IAAI,CAAE,CAAC,CAAC,KAAK,CAAC,EAAtC,CAAsC,EAcvD,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,IAAI;YACP,WAAO,uBAAG,yLAAA,qHAIT,KAAC;QACJ,KAAK,MAAM;YACT,WAAO,uBAAG,8LAAA,0HAIT,KAAC;QACJ,KAAK,MAAM;YACT,WAAO,uBAAG,6LAAA,yHAIT,KAAC;QACJ,KAAK,OAAO;YACV,WAAO,uBAAG,4LAAA,wHAIT,KAAC;IACN,CAAC;AACH,CAAC,EAEH;AAEF,aAAK,CAAC,YAAY,GAAG;IACnB,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC;CACR,CAAC"}
+{"version":3,"file":"Caret.js","sourceRoot":"","sources":["../../src/Caret/Caret.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qEAAgD;AAChD,sDAAoD;AACpD,8BAAuC;AACvC,4DAA2D;AAO3D,IAAM,WAAW,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,gZAAY,oCAEhC,EAAiD,eAChD,EAAiD,2QAcvD,EA2BD,SAEJ,KA5CU,UAAC,KAAK,IAAK,OAAA,IAAA,oBAAQ,EAAC,gBAAS,KAAK,CAAC,IAAI,CAAE,CAAC,CAAC,KAAK,CAAC,EAAtC,CAAsC,EAChD,UAAC,KAAK,IAAK,OAAA,IAAA,oBAAQ,EAAC,gBAAS,KAAK,CAAC,IAAI,CAAE,CAAC,CAAC,KAAK,CAAC,EAAtC,CAAsC,EAcvD,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,IAAI;YACP,WAAO,uBAAG,yLAAA,qHAIT,KAAC;QACJ,KAAK,MAAM;YACT,WAAO,uBAAG,8LAAA,0HAIT,KAAC;QACJ,KAAK,MAAM;YACT,WAAO,uBAAG,6LAAA,yHAIT,KAAC;QACJ,KAAK,OAAO;YACV,WAAO,uBAAG,4LAAA,wHAIT,KAAC;IACN,CAAC;AACH,CAAC,CAEJ,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAE3B,QAAA,KAAK,GAAG,IAAA,mCAAgB,EACnC,WAAW,EACX;IACE,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC;CACR,EACD,OAAO,CACR,CAAC"}

package/dist/Caret/index.js.map

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

package/dist/Cell/Cell.d.ts

@@ -17,4 +17,4 @@ export type CellProps = BoxProps & {
 };
 export declare const cellFocusMixin: import("styled-components").RuleSet<object>;
 export declare const cellMixin: import("styled-components").RuleSet<object>;
-export declare const Cell: 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 Cell: import("react").ForwardRefExoticComponent<Omit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CellProps>, "ref"> & import("react").RefAttributes<any>>;

package/dist/Cell/Cell.js

@@ -44,6 +44,7 @@ var styled_system_1 = require("styled-system");
 var theme_get_1 = require("@styled-system/theme-get");
 var Box_1 = require("../Box");
 var shouldForwardProp_1 = require("../lib/shouldForwardProp");
+var withDefaultProps_1 = require("../lib/withDefaultProps");
 exports.CELL_VARIANTS = {
     default: {
         fontSize: [2, 2, 3],
@@ -58,10 +59,10 @@ exports.CELL_VARIANTS = {
 };
 exports.cellFocusMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  outline: 0;\n  box-shadow: inset 0 0 0 ", " ", ";\n"], ["\n  outline: 0;\n  box-shadow: inset 0 0 0 ", " ", ";\n"])), (0, theme_get_1.themeGet)("space.1"), (0, theme_get_1.themeGet)("colors.accent"));
 exports.cellMixin = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  border-color: ", ";\n  border-style: solid;\n  border-width: 1px;\n  color: ", ";\n  display: flex;\n  font-family: ", ";\n  line-height: ", ";\n  transition: box-shadow 250ms ease;\n\n  ", "\n  ", "\n"], ["\n  align-items: center;\n  background-color: ", ";\n  border-color: ", ";\n  border-style: solid;\n  border-width: 1px;\n  color: ", ";\n  display: flex;\n  font-family: ", ";\n  line-height: ", ";\n  transition: box-shadow 250ms ease;\n\n  ", "\n  ", "\n"])), (0, theme_get_1.themeGet)("colors.background"), (0, theme_get_1.themeGet)("colors.border"), (0, theme_get_1.themeGet)("colors.primary"), (0, theme_get_1.themeGet)("fonts.body"), (0, theme_get_1.themeGet)("lineHeights.2"), (0, styled_system_1.variant)({ variants: exports.CELL_VARIANTS }), Box_1.boxMixin);
-exports.Cell = styled_components_1.default.div.withConfig({
+var StyledCell = styled_components_1.default.div.withConfig({
     shouldForwardProp: shouldForwardProp_1.shouldForwardProp,
 })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n\n  &:focus {\n    ", "\n  }\n"], ["\n  ", "\n\n  &:focus {\n    ", "\n  }\n"])), exports.cellMixin, exports.cellFocusMixin);
-exports.Cell.defaultProps = { variant: "default" };
-exports.Cell.displayName = "Cell";
+StyledCell.displayName = "StyledCell";
+exports.Cell = (0, withDefaultProps_1.withDefaultProps)(StyledCell, { variant: "default" }, "Cell");
 var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=Cell.js.map

package/dist/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../src/Cell/Cell.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qEAAgD;AAChD,+CAAwC;AACxC,sDAAoD;AACpD,8BAA4C;AAC5C,8DAA6D;AAEhD,QAAA,aAAa,GAAG;IAC3B,OAAO,EAAE;QACP,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACnB,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;KACN;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACnB,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;KACN;CACF,CAAC;AAQW,QAAA,cAAc,OAAG,uBAAG,6HAAA,6CAEL,EAAmB,GAAI,EAAyB,KAC3E,KAD2B,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAAI,IAAA,oBAAQ,EAAC,eAAe,CAAC,EAC1E;AAEW,QAAA,SAAS,OAAG,uBAAG,sUAAA,gDAEN,EAA6B,qBACjC,EAAyB,4DAGhC,EAA0B,sCAEpB,EAAsB,oBACtB,EAAyB,+CAGtC,EAAoC,MACpC,EAAQ,IACX,KAZqB,IAAA,oBAAQ,EAAC,mBAAmB,CAAC,EACjC,IAAA,oBAAQ,EAAC,eAAe,CAAC,EAGhC,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAEpB,IAAA,oBAAQ,EAAC,YAAY,CAAC,EACtB,IAAA,oBAAQ,EAAC,eAAe,CAAC,EAGtC,IAAA,uBAAO,EAAC,EAAE,QAAQ,EAAE,qBAAa,EAAE,CAAC,EACpC,cAAQ,EACV;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IACxC,iBAAiB,uCAAA;CAClB,CAAC,6GAAW,MACT,EAAS,uBAGP,EAAc,SAEnB,KALG,iBAAS,EAGP,sBAAc,EAElB;AAEF,YAAI,CAAC,YAAY,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;AAE3C,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../src/Cell/Cell.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qEAAgD;AAChD,+CAAwC;AACxC,sDAAoD;AACpD,8BAA4C;AAC5C,8DAA6D;AAC7D,4DAA2D;AAE9C,QAAA,aAAa,GAAG;IAC3B,OAAO,EAAE;QACP,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACnB,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;KACN;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACnB,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;KACN;CACF,CAAC;AAQW,QAAA,cAAc,OAAG,uBAAG,6HAAA,6CAEL,EAAmB,GAAI,EAAyB,KAC3E,KAD2B,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAAI,IAAA,oBAAQ,EAAC,eAAe,CAAC,EAC1E;AAEW,QAAA,SAAS,OAAG,uBAAG,sUAAA,gDAEN,EAA6B,qBACjC,EAAyB,4DAGhC,EAA0B,sCAEpB,EAAsB,oBACtB,EAAyB,+CAGtC,EAAoC,MACpC,EAAQ,IACX,KAZqB,IAAA,oBAAQ,EAAC,mBAAmB,CAAC,EACjC,IAAA,oBAAQ,EAAC,eAAe,CAAC,EAGhC,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAEpB,IAAA,oBAAQ,EAAC,YAAY,CAAC,EACtB,IAAA,oBAAQ,EAAC,eAAe,CAAC,EAGtC,IAAA,uBAAO,EAAC,EAAE,QAAQ,EAAE,qBAAa,EAAE,CAAC,EACpC,cAAQ,EACV;AAEF,IAAM,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IACvC,iBAAiB,uCAAA;CAClB,CAAC,6GAAW,MACT,EAAS,uBAGP,EAAc,SAEnB,KALG,iBAAS,EAGP,sBAAc,CAEnB,CAAC;AAEF,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/Cell/index.js.map

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

package/dist/Clear/Clear.d.ts

@@ -4,17 +4,9 @@ export type ClearProps = RemoveProps & {
 };
 export declare const clearHoverMixin: import("styled-components").RuleSet<object>;
 export declare const clearFocusMixin: import("styled-components").RuleSet<object>;
-export declare const Clear: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<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 & {
+export declare const Clear: import("react").ForwardRefExoticComponent<Omit<import("styled-components/dist/types").Substitute<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>;
-}, "backgroundColor" | "cursor" | "opacity" | "textDecoration" | "transition" | "focus" | "bg" | "textColor" | "hover" | 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>;
-} & {
-    hover?: boolean;
-    focus?: boolean;
-}, ClearProps>> & string;
+}, RemoveProps>, "ref"> & import("react").RefAttributes<any>, ClearProps>, "ref"> & import("react").RefAttributes<any>>;

package/dist/Clear/Clear.js

@@ -42,9 +42,10 @@ exports.Clear = exports.clearFocusMixin = exports.clearHoverMixin = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
 var theme_get_1 = require("@styled-system/theme-get");
 var Remove_1 = require("../Remove");
+var withDefaultProps_1 = require("../lib/withDefaultProps");
 exports.clearHoverMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n\n  &::before,\n  &::after {\n    background-color: ", ";\n  }\n"], ["\n  background-color: ", ";\n\n  &::before,\n  &::after {\n    background-color: ", ";\n  }\n"])), (0, theme_get_1.themeGet)("colors.tertiary"), (0, theme_get_1.themeGet)("colors.primary"));
 exports.clearFocusMixin = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &,\n  &:hover {\n    background-color: ", ";\n\n    &::before,\n    &::after {\n      background-color: ", ";\n    }\n  }\n"], ["\n  &,\n  &:hover {\n    background-color: ", ";\n\n    &::before,\n    &::after {\n      background-color: ", ";\n    }\n  }\n"])), (0, theme_get_1.themeGet)("colors.tertiary"), (0, theme_get_1.themeGet)("colors.primary"));
-exports.Clear = (0, styled_components_1.default)(Remove_1.Remove)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  border-radius: 50%;\n  background-color: ", ";\n  transition:\n    color 250ms,\n    background-color 250ms;\n\n  &::before,\n  &::after {\n    height: 1px;\n    background-color: ", ";\n    transition: none;\n  }\n\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"], ["\n  border-radius: 50%;\n  background-color: ", ";\n  transition:\n    color 250ms,\n    background-color 250ms;\n\n  &::before,\n  &::after {\n    height: 1px;\n    background-color: ", ";\n    transition: none;\n  }\n\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"])), (0, theme_get_1.themeGet)("colors.hint"), (0, theme_get_1.themeGet)("colors.secondary"), function (_a) {
+var StyledClear = (0, styled_components_1.default)(Remove_1.Remove)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  border-radius: 50%;\n  background-color: ", ";\n  transition:\n    color 250ms,\n    background-color 250ms;\n\n  &::before,\n  &::after {\n    height: 1px;\n    background-color: ", ";\n    transition: none;\n  }\n\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"], ["\n  border-radius: 50%;\n  background-color: ", ";\n  transition:\n    color 250ms,\n    background-color 250ms;\n\n  &::before,\n  &::after {\n    height: 1px;\n    background-color: ", ";\n    transition: none;\n  }\n\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"])), (0, theme_get_1.themeGet)("colors.hint"), (0, theme_get_1.themeGet)("colors.secondary"), function (_a) {
     var variant = _a.variant;
     if (variant === "small") {
         return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        min-width: ", ";\n        min-height: ", ";\n\n        &::before,\n        &::after {\n          width: ", ";\n        }\n      "], ["\n        min-width: ", ";\n        min-height: ", ";\n\n        &::before,\n        &::after {\n          width: ", ";\n        }\n      "])), (0, theme_get_1.themeGet)("space.5"), (0, theme_get_1.themeGet)("space.5"), (0, theme_get_1.themeGet)("space.3"));
@@ -57,9 +58,9 @@ exports.Clear = (0, styled_components_1.default)(Remove_1.Remove)(templateObject
     var focus = _a.focus;
     return focus && exports.clearFocusMixin;
 }, exports.clearFocusMixin);
-exports.Clear.displayName = "Clear";
-exports.Clear.defaultProps = {
+StyledClear.displayName = "StyledClear";
+exports.Clear = (0, withDefaultProps_1.withDefaultProps)(StyledClear, {
     variant: "default",
-};
+}, "Clear");
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=Clear.js.map

package/dist/Clear/Clear.js.map

@@ -1 +1 @@
-{"version":3,"file":"Clear.js","sourceRoot":"","sources":["../../src/Clear/Clear.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qEAAgD;AAChD,sDAAoD;AACpD,oCAAgD;AAInC,QAAA,eAAe,OAAG,uBAAG,mKAAA,wBACZ,EAA2B,yDAIzB,EAA0B,UAEjD,KANqB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAIzB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAEhD;AAEW,QAAA,eAAe,OAAG,uBAAG,qMAAA,6CAGV,EAA2B,+DAIzB,EAA0B,iBAGnD,KAPuB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAIzB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAGlD;AAEW,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,eAAM,CAAC,sXAAY,+CAEzB,EAAuB,yIAQrB,EAA4B,qCAIhD,EAsBD,QAEC,EAAuC,qBAErC,EAAe,aAGjB,EAAuC,qBAErC,EAAe,SAEpB,KA7CqB,IAAA,oBAAQ,EAAC,aAAa,CAAC,EAQrB,IAAA,oBAAQ,EAAC,kBAAkB,CAAC,EAIhD,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;QACxB,WAAO,uBAAG,gNAAA,uBACK,EAAmB,yBAClB,EAAmB,gEAItB,EAAmB,sBAE/B,KAPc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAItB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAE9B;IACJ,CAAC;IAED,WAAO,uBAAG,kMAAA,qBACK,EAAmB,uBAClB,EAAmB,0DAItB,EAAmB,kBAE/B,KAPc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAItB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAE9B;AACJ,CAAC,EAEC,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,EAEnB;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,aAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,SAAS;CACnB,CAAC"}
+{"version":3,"file":"Clear.js","sourceRoot":"","sources":["../../src/Clear/Clear.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qEAAgD;AAChD,sDAAoD;AACpD,oCAAgD;AAChD,4DAA2D;AAI9C,QAAA,eAAe,OAAG,uBAAG,mKAAA,wBACZ,EAA2B,yDAIzB,EAA0B,UAEjD,KANqB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAIzB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAEhD;AAEW,QAAA,eAAe,OAAG,uBAAG,qMAAA,6CAGV,EAA2B,+DAIzB,EAA0B,iBAGnD,KAPuB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAIzB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAGlD;AAEF,IAAM,WAAW,GAAG,IAAA,2BAAM,EAAC,eAAM,CAAC,sXAAY,+CAExB,EAAuB,yIAQrB,EAA4B,qCAIhD,EAsBD,QAEC,EAAuC,qBAErC,EAAe,aAGjB,EAAuC,qBAErC,EAAe,SAEpB,KA7CqB,IAAA,oBAAQ,EAAC,aAAa,CAAC,EAQrB,IAAA,oBAAQ,EAAC,kBAAkB,CAAC,EAIhD,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;QACxB,WAAO,uBAAG,gNAAA,uBACK,EAAmB,yBAClB,EAAmB,gEAItB,EAAmB,sBAE/B,KAPc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAItB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAE9B;IACJ,CAAC;IAED,WAAO,uBAAG,kMAAA,qBACK,EAAmB,uBAClB,EAAmB,0DAItB,EAAmB,kBAE/B,KAPc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAItB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAE9B;AACJ,CAAC,EAEC,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,CAEpB,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAE3B,QAAA,KAAK,GAAG,IAAA,mCAAgB,EACnC,WAAW,EACX;IACE,OAAO,EAAE,SAAkB;CAC5B,EACD,OAAO,CACR,CAAC"}

package/dist/Clear/index.js.map

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

package/dist/ClearableInput/index.js.map

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

package/dist/Clickable/Clickable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Clickable.js","sourceRoot":"","sources":["../../src/Clickable/Clickable.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;AAEb,uEAAgD;AAChD,wEAAuC;AACvC,+CAAiE;AACjE,8BAA4C;AAC5C,8DAA6D;AAE7D,IAAM,MAAM,GAAG,IAAA,sBAAM,EAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;AACxC,IAAM,cAAc,GAAG,IAAA,sBAAM,EAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;AAQ3C,QAAA,SAAS,GAAG,2BAAM,CAAC,MAAM,CAAC,UAAU,CAAC;IAChD,iBAAiB,uCAAA;CAClB,CAAC,qPAAgB,uGAKD,EAAsB,kBACxB,EAAuB,oBACrB,EAAyB,cAC/B,EAA0B,SAEjC,EAAyC,IAC5C,KANgB,IAAA,mBAAQ,EAAC,YAAY,CAAC,EACxB,IAAA,mBAAQ,EAAC,aAAa,CAAC,EACrB,IAAA,mBAAQ,EAAC,eAAe,CAAC,EAC/B,IAAA,mBAAQ,EAAC,gBAAgB,CAAC,EAEjC,IAAA,uBAAO,EAAC,cAAQ,EAAE,MAAM,EAAE,cAAc,CAAC,EAC3C"}
+{"version":3,"file":"Clickable.js","sourceRoot":"","sources":["../../src/Clickable/Clickable.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;AAEb,uEAAgD;AAChD,wEAAuC;AACvC,+CAAiE;AACjE,8BAA4C;AAC5C,8DAA6D;AAE7D,IAAM,MAAM,GAAG,IAAA,sBAAM,EAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;AACxC,IAAM,cAAc,GAAG,IAAA,sBAAM,EAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;AAQ3C,QAAA,SAAS,GAAG,2BAAM,CAAC,MAAM,CAAC,UAAU,CAAC;IAChD,iBAAiB,uCAAA;CAClB,CAAC,qPAAgB,uGAKD,EAAsB,kBACxB,EAAuB,oBACrB,EAAyB,cAC/B,EAA0B,SAEjC,EAAyC,IAC5C,KANgB,IAAA,mBAAQ,EAAC,YAAY,CAAC,EACxB,IAAA,mBAAQ,EAAC,aAAa,CAAC,EACrB,IAAA,mBAAQ,EAAC,eAAe,CAAC,EAC/B,IAAA,mBAAQ,EAAC,gBAAgB,CAAC,EAEjC,IAAA,uBAAO,EAAC,cAAQ,EAAE,MAAM,EAAE,cAAc,CAAC,EAC3C"}

package/dist/Clickable/index.js.map

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

package/dist/Confirm/index.js.map

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

package/dist/ContextMenu/ContextMenu.d.ts

@@ -1,36 +1,21 @@
 import React from "react";
 import { BoxProps } from "../Box";
-export declare const Toggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<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 React.ButtonHTMLAttributes<HTMLButtonElement>> & 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 Toggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<React.DetailedHTMLProps<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 React.ButtonHTMLAttributes<HTMLButtonElement>> & 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>;
-}, "active" | "backgroundColor" | "cursor" | "opacity" | "textDecoration" | "transition" | "focus" | "bg" | "textColor" | "hover" | 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 React.ButtonHTMLAttributes<HTMLButtonElement>> & 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 & {
+}, import("../Pane").PaneOptionProps>, "ref"> & React.RefAttributes<any>, Omit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<React.DetailedHTMLProps<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 React.ButtonHTMLAttributes<HTMLButtonElement>> & 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>;
-} & {
-    active?: boolean;
-    hover?: boolean;
-    focus?: boolean;
-    disabled?: boolean;
-}, import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<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 React.ButtonHTMLAttributes<HTMLButtonElement>> & 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>;
-}, "active" | "backgroundColor" | "cursor" | "opacity" | "textDecoration" | "transition" | "focus" | "bg" | "textColor" | "hover" | 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 React.ButtonHTMLAttributes<HTMLButtonElement>> & 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 & {
+}, import("../Pane").PaneOptionProps>, "ref"> & React.RefAttributes<any>>, never>, never>> & string & Omit<React.ForwardRefExoticComponent<Omit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<React.DetailedHTMLProps<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 React.ButtonHTMLAttributes<HTMLButtonElement>> & 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>;
-} & {
-    active?: boolean;
-    hover?: boolean;
-    focus?: boolean;
-    disabled?: boolean;
-}>, never>, never>> & string;
+}, import("../Pane").PaneOptionProps>, "ref"> & React.RefAttributes<any>>, keyof React.Component<any, {}, any>>;
 export type ContextMenuProps = BoxProps & {
     onOpen?(): void;
     onClose?(): void;

package/dist/ContextMenu/index.js.map

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

package/dist/Divider/Divider.d.ts

@@ -1,3 +1,3 @@
 import { BoxProps } from "../Box";
 export type DividerProps = BoxProps;
-export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, BoxProps>> & string;
+export declare const Divider: import("react").ForwardRefExoticComponent<Omit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, BoxProps>, "ref"> & import("react").RefAttributes<any>>;

package/dist/Divider/Divider.js

@@ -12,15 +12,15 @@ exports.Divider = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 var Box_1 = require("../Box");
 var shouldForwardProp_1 = require("../lib/shouldForwardProp");
-exports.Divider = styled_components_1.default.hr.withConfig({
+var withDefaultProps_1 = require("../lib/withDefaultProps");
+var StyledDivider = styled_components_1.default.hr.withConfig({
     shouldForwardProp: shouldForwardProp_1.shouldForwardProp,
 })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  ", "\n"], ["\n  margin: 0;\n  ", "\n"])), Box_1.boxMixin);
-exports.Divider.defaultProps = {
+StyledDivider.displayName = "StyledDivider";
+exports.Divider = (0, withDefaultProps_1.withDefaultProps)(StyledDivider, {
     bg: "hint",
     height: 1,
     border: "none",
-    // @ts-ignore
-    as: "hr",
-};
+}, "Divider");
 var templateObject_1;
 //# sourceMappingURL=Divider.js.map

package/dist/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../src/Divider/Divider.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;AAEb,wEAAuC;AACvC,8BAA4C;AAC5C,8DAA6D;AAIhD,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,CAAC,UAAU,CAAC;IAC1C,iBAAiB,uCAAA;CAClB,CAAC,6FAAc,oBAEZ,EAAQ,IACX,KADG,cAAQ,EACV;AAEF,eAAO,CAAC,YAAY,GAAG;IACrB,EAAE,EAAE,MAAM;IACV,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,MAAM;IACd,aAAa;IACb,EAAE,EAAE,IAAI;CACT,CAAC"}
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;AAEb,wEAAuC;AACvC,8BAA4C;AAC5C,8DAA6D;AAC7D,4DAA2D;AAI3D,IAAM,aAAa,GAAG,2BAAM,CAAC,EAAE,CAAC,UAAU,CAAC;IACzC,iBAAiB,uCAAA;CAClB,CAAC,6FAAc,oBAEZ,EAAQ,IACX,KADG,cAAQ,CACX,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE/B,QAAA,OAAO,GAAG,IAAA,mCAAgB,EACrC,aAAa,EACb;IACE,EAAE,EAAE,MAAM;IACV,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,MAAM;CACf,EACD,SAAS,CACV,CAAC"}

package/dist/Divider/index.js.map

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

package/dist/Dropdown/index.js.map

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

package/dist/Ellipsis/index.js.map

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

package/dist/EmptyFrame/index.js.map

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

package/dist/Expandable/index.js.map

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

package/dist/Field/index.js.map

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

package/dist/File/index.js.map

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

package/dist/Flyout/index.js.map

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

package/dist/GlobalStyles/GlobalStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyles.js","sourceRoot":"","sources":["../../src/GlobalStyles/GlobalStyles.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;AAEb,uDAAsD;AACtD,sDAAoD;AACpD,8DAAiC;AAEpB,QAAA,YAAY,OAAG,qCAAiB,quBAAA,MACzC,EAAK,4DAIQ,EAAwB,kGAU5B,EAA0B,2BACf,EAA6B,0dA0CpD,KAzDG,sBAAK,EAIQ,IAAA,oBAAQ,EAAC,cAAc,CAAC,EAU5B,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACf,IAAA,oBAAQ,EAAC,mBAAmB,CAAC,EA0CnD"}
+{"version":3,"file":"GlobalStyles.js","sourceRoot":"","sources":["../../src/GlobalStyles/GlobalStyles.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;AAEb,uDAAsD;AACtD,sDAAoD;AACpD,8DAAiC;AAEpB,QAAA,YAAY,OAAG,qCAAiB,quBAAA,MACzC,EAAK,4DAIQ,EAAwB,kGAU5B,EAA0B,2BACf,EAA6B,0dA0CpD,KAzDG,sBAAK,EAIQ,IAAA,oBAAQ,EAAC,cAAc,CAAC,EAU5B,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACf,IAAA,oBAAQ,EAAC,mBAAmB,CAAC,EA0CnD"}

package/dist/GlobalStyles/index.js.map

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

package/dist/Grid/index.js.map

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