@auspices/eos 2.22.1 → 2.23.0

package/dist/Alert/Alert.js

@@ -54,10 +54,10 @@ var styled_components_1 = __importStar(require("styled-components"));
 var Box_1 = require("../Box");
 var theme_get_1 = require("@styled-system/theme-get");
 var THEMES = {
-    notification: styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    background-color: ", ";\n    &,\n    a {\n      color: ", ";\n    }\n  "], ["\n    background-color: ", ";\n    &,\n    a {\n      color: ", ";\n    }\n  "])), theme_get_1.themeGet("colors.tertiary"), theme_get_1.themeGet("colors.primary")),
-    error: styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    background-color: ", ";\n    &,\n    a {\n      color: ", ";\n    }\n  "], ["\n    background-color: ", ";\n    &,\n    a {\n      color: ", ";\n    }\n  "])), theme_get_1.themeGet("colors.danger"), theme_get_1.themeGet("colors.white")),
+    notification: (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    background-color: ", ";\n    &,\n    a {\n      color: ", ";\n    }\n  "], ["\n    background-color: ", ";\n    &,\n    a {\n      color: ", ";\n    }\n  "])), (0, theme_get_1.themeGet)("colors.tertiary"), (0, theme_get_1.themeGet)("colors.primary")),
+    error: (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    background-color: ", ";\n    &,\n    a {\n      color: ", ";\n    }\n  "], ["\n    background-color: ", ";\n    &,\n    a {\n      color: ", ";\n    }\n  "])), (0, theme_get_1.themeGet)("colors.danger"), (0, theme_get_1.themeGet)("colors.white")),
 };
-var Container = styled_components_1.default(Box_1.Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+var Container = (0, styled_components_1.default)(Box_1.Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
     var mode = _a.mode;
     return THEMES[mode];
 });

package/dist/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAAgD;AAChD,8BAAuC;AACvC,sDAAoD;AAMpD,IAAM,MAAM,GAAG;IACb,YAAY,EAAE,uBAAG,kJAAA,0BACK,EAA2B,mCAGpC,EAA0B,cAEtC,KALqB,oBAAQ,CAAC,iBAAiB,CAAC,EAGpC,oBAAQ,CAAC,gBAAgB,CAAC,CAEtC;IACD,KAAK,EAAE,uBAAG,kJAAA,0BACY,EAAyB,mCAGlC,EAAwB,cAEpC,KALqB,oBAAQ,CAAC,eAAe,CAAC,EAGlC,oBAAQ,CAAC,cAAc,CAAC,CAEpC;CACF,CAAC;AAEF,IAAM,SAAS,GAAG,2BAAM,CAAC,SAAG,CAAC,+EAE3B,MACE,EAA0B,IAC7B,KADG,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,MAAM,CAAC,IAAI,CAAC;AAAZ,CAAY,CAC7B,CAAC;AAEK,IAAM,KAAK,GAAyB,UAAC,EAA2B;IAAzB,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAzB,oBAA2B,CAAF;IACnE,OAAO,CACL,8BAAC,SAAS,aACR,QAAQ,EAAE,CAAC,EACX,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,YAAY,EAAE,CAAC,EACf,IAAI,EAAE,IAAI,IACN,IAAI,GAEP,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,KAAK,SAahB;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAAgD;AAChD,8BAAuC;AACvC,sDAAoD;AAMpD,IAAM,MAAM,GAAG;IACb,YAAY,MAAE,uBAAG,mJAAA,0BACK,EAA2B,mCAGpC,EAA0B,cAEtC,KALqB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAGpC,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,CAEtC;IACD,KAAK,MAAE,uBAAG,mJAAA,0BACY,EAAyB,mCAGlC,EAAwB,cAEpC,KALqB,IAAA,oBAAQ,EAAC,eAAe,CAAC,EAGlC,IAAA,oBAAQ,EAAC,cAAc,CAAC,CAEpC;CACF,CAAC;AAEF,IAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,+EAE3B,MACE,EAA0B,IAC7B,KADG,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,MAAM,CAAC,IAAI,CAAC;AAAZ,CAAY,CAC7B,CAAC;AAEK,IAAM,KAAK,GAAyB,UAAC,EAA2B;IAAzB,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAzB,oBAA2B,CAAF;IACnE,OAAO,CACL,8BAAC,SAAS,aACR,QAAQ,EAAE,CAAC,EACX,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,YAAY,EAAE,CAAC,EACf,IAAI,EAAE,IAAI,IACN,IAAI,GAEP,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,KAAK,SAahB;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/Alerts/Alerts.js

@@ -39,7 +39,7 @@ var takeRight = function (xs, limit) {
 };
 var Alerts = function (_a) {
     var _b = _a.limit, limit = _b === void 0 ? 5 : _b, rest = __rest(_a, ["limit"]);
-    var alerts = useAlerts_1.useAlerts().alerts;
+    var alerts = (0, useAlerts_1.useAlerts)().alerts;
     return (react_1.default.createElement(Stack_1.Stack, __assign({ spacing: 2 }, rest), takeRight(alerts, limit).map(function (alert, i) { return (react_1.default.createElement(Alert_1.Alert, { key: i, mode: alert.mode }, alert.body)); })));
 };
 exports.Alerts = Alerts;

package/dist/Alerts/Alerts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alerts.js","sourceRoot":"","sources":["../../src/Alerts/Alerts.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,kCAA6C;AAC7C,kCAAiC;AACjC,yCAAwC;AAOxC,IAAM,SAAS,GAAG,UAAK,EAAO,EAAE,KAAS;IAAT,sBAAA,EAAA,SAAS;IACvC,IAAI,EAAE,CAAC,MAAM,GAAG,KAAK,EAAE;QACrB,OAAO,EAAE,CAAC;KACX;IAED,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;AAChD,CAAC,CAAC;AAEK,IAAM,MAAM,GAA0B,UAAC,EAAsB;IAApB,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAK,IAAI,cAApB,SAAsB,CAAF;IACxD,IAAA,MAAM,GAAK,qBAAS,EAAE,OAAhB,CAAiB;IAE/B,OAAO,CACL,8BAAC,aAAK,aAAC,OAAO,EAAE,CAAC,IAAM,IAAI,GACxB,SAAS,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,CAAC,IAAK,OAAA,CAC1C,8BAAC,aAAK,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,IAC5B,KAAK,CAAC,IAAI,CACL,CACT,EAJ2C,CAI3C,CAAC,CACI,CACT,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,MAAM,UAYjB;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Alerts.js","sourceRoot":"","sources":["../../src/Alerts/Alerts.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,kCAA6C;AAC7C,kCAAiC;AACjC,yCAAwC;AAOxC,IAAM,SAAS,GAAG,UAAK,EAAO,EAAE,KAAS;IAAT,sBAAA,EAAA,SAAS;IACvC,IAAI,EAAE,CAAC,MAAM,GAAG,KAAK,EAAE;QACrB,OAAO,EAAE,CAAC;KACX;IAED,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;AAChD,CAAC,CAAC;AAEK,IAAM,MAAM,GAA0B,UAAC,EAAsB;IAApB,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAK,IAAI,cAApB,SAAsB,CAAF;IACxD,IAAA,MAAM,GAAK,IAAA,qBAAS,GAAE,OAAhB,CAAiB;IAE/B,OAAO,CACL,8BAAC,aAAK,aAAC,OAAO,EAAE,CAAC,IAAM,IAAI,GACxB,SAAS,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,CAAC,IAAK,OAAA,CAC1C,8BAAC,aAAK,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,IAC5B,KAAK,CAAC,IAAI,CACL,CACT,EAJ2C,CAI3C,CAAC,CACI,CACT,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,MAAM,UAYjB;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/Alerts/useAlerts.js

@@ -45,9 +45,14 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-var __spread = (this && this.__spread) || function () {
-    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
-    return ar;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAlerts = exports.AlertsProvider = exports.AlertsContext = void 0;
@@ -56,39 +61,39 @@ var generateId_1 = require("../util/generateId");
 var reducer = function (state, action) {
     switch (action.type) {
         case "NOTIFICATION":
-            return __assign(__assign({}, state), { alerts: __spread(state.alerts, [
+            return __assign(__assign({}, state), { alerts: __spreadArray(__spreadArray([], __read(state.alerts), false), [
                     __assign({ mode: "notification" }, action.payload),
-                ]) });
+                ], false) });
         case "ERROR":
-            return __assign(__assign({}, state), { alerts: __spread(state.alerts, [
+            return __assign(__assign({}, state), { alerts: __spreadArray(__spreadArray([], __read(state.alerts), false), [
                     __assign({ mode: "error" }, action.payload),
-                ]) });
+                ], false) });
         case "RETRACT":
             return __assign(__assign({}, state), { alerts: state.alerts.filter(function (alert) { return alert.id !== action.payload.id; }) });
     }
 };
-exports.AlertsContext = react_1.createContext({
+exports.AlertsContext = (0, react_1.createContext)({
     state: { alerts: [] },
     sendNotification: function () { },
     sendError: function () { },
 });
 var AlertsProvider = function (_a) {
     var children = _a.children;
-    var _b = __read(react_1.useReducer(reducer, { alerts: [] }), 2), state = _b[0], dispatch = _b[1];
-    var timeouts = react_1.useRef([]);
-    var sendNotification = react_1.useCallback(function (_a) {
+    var _b = __read((0, react_1.useReducer)(reducer, { alerts: [] }), 2), state = _b[0], dispatch = _b[1];
+    var timeouts = (0, react_1.useRef)([]);
+    var sendNotification = (0, react_1.useCallback)(function (_a) {
         var body = _a.body, _b = _a.ttl, ttl = _b === void 0 ? 2500 : _b;
-        var id = generateId_1.generateId();
+        var id = (0, generateId_1.generateId)();
         dispatch({ type: "NOTIFICATION", payload: { id: id, body: body } });
         timeouts.current.push(window.setTimeout(function () { return dispatch({ type: "RETRACT", payload: { id: id } }); }, ttl));
     }, []);
-    var sendError = react_1.useCallback(function (_a) {
+    var sendError = (0, react_1.useCallback)(function (_a) {
         var body = _a.body, _b = _a.ttl, ttl = _b === void 0 ? 5000 : _b;
-        var id = generateId_1.generateId();
+        var id = (0, generateId_1.generateId)();
         dispatch({ type: "ERROR", payload: { id: id, body: body } });
         timeouts.current.push(window.setTimeout(function () { return dispatch({ type: "RETRACT", payload: { id: id } }); }, ttl));
     }, []);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var handles = timeouts.current;
         return function () {
             handles.map(clearTimeout);
@@ -98,7 +103,7 @@ var AlertsProvider = function (_a) {
 };
 exports.AlertsProvider = AlertsProvider;
 var useAlerts = function () {
-    var _a = react_1.useContext(exports.AlertsContext), alerts = _a.state.alerts, sendNotification = _a.sendNotification, sendError = _a.sendError;
+    var _a = (0, react_1.useContext)(exports.AlertsContext), alerts = _a.state.alerts, sendNotification = _a.sendNotification, sendError = _a.sendError;
     return { alerts: alerts, sendNotification: sendNotification, sendError: sendError };
 };
 exports.useAlerts = useAlerts;

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AACf,iDAAgD;AAmBhD,IAAM,OAAO,GAAG,UAAC,KAAY,EAAE,MAAc;IAC3C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,cAAc;YACjB,6BACK,KAAK,KACR,MAAM,yCACD,KAAK,CAAC,MAAM;+BAEb,IAAI,EAAE,cAAc,IACjB,MAAM,CAAC,OAAO;6BAGrB;QACJ,KAAK,OAAO;YACV,6BACK,KAAK,KACR,MAAM,yCACD,KAAK,CAAC,MAAM;+BAEb,IAAI,EAAE,OAAO,IACV,MAAM,CAAC,OAAO;6BAGrB;QACJ,KAAK,SAAS;YACZ,6BACK,KAAK,KACR,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,EAAE,KAAK,MAAM,CAAC,OAAO,CAAC,EAAE,EAA9B,CAA8B,CAAC,IACtE;KACL;AACH,CAAC,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,qBAAa,EAIvC;IACD,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;IACrB,gBAAgB,EAAE,cAAO,CAAC;IAC1B,SAAS,EAAE,cAAO,CAAC;CACpB,CAAC,CAAC;AAEI,IAAM,cAAc,GAAa,UAAC,EAAY;QAAV,QAAQ,cAAA;IAC3C,IAAA,KAAA,OAAoB,IAAA,kBAAU,EAAC,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,EAAtD,KAAK,QAAA,EAAE,QAAQ,QAAuC,CAAC;IAE9D,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAW,EAAE,CAAC,CAAC;IAEtC,IAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,UAAC,EAA6B;YAA3B,IAAI,UAAA,EAAE,WAAU,EAAV,GAAG,mBAAG,IAAI,KAAA;QACtD,IAAM,EAAE,GAAG,IAAA,uBAAU,GAAE,CAAC;QACxB,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,EAAE,IAAA,EAAE,IAAI,MAAA,EAAE,EAAE,CAAC,CAAC;QAC1D,QAAQ,CAAC,OAAO,CAAC,IAAI,CACnB,MAAM,CAAC,UAAU,CACf,cAAM,OAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,IAAA,EAAE,EAAE,CAAC,EAA9C,CAA8C,EACpD,GAAG,CACJ,CACF,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,UAAC,EAA6B;YAA3B,IAAI,UAAA,EAAE,WAAU,EAAV,GAAG,mBAAG,IAAI,KAAA;QAC/C,IAAM,EAAE,GAAG,IAAA,uBAAU,GAAE,CAAC;QACxB,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,IAAA,EAAE,IAAI,MAAA,EAAE,EAAE,CAAC,CAAC;QACnD,QAAQ,CAAC,OAAO,CAAC,IAAI,CACnB,MAAM,CAAC,UAAU,CACf,cAAM,OAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,IAAA,EAAE,EAAE,CAAC,EAA9C,CAA8C,EACpD,GAAG,CACJ,CACF,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC;QACR,IAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,OAAO;YACL,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BAAC,qBAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,gBAAgB,kBAAA,EAAE,SAAS,WAAA,EAAE,IAClE,QAAQ,CACc,CAC1B,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,cAAc,kBAuCzB;AAEK,IAAM,SAAS,GAAG;IACjB,IAAA,KAIF,IAAA,kBAAU,EAAC,qBAAa,CAAC,EAHlB,MAAM,kBAAA,EACf,gBAAgB,sBAAA,EAChB,SAAS,eACkB,CAAC;IAE9B,OAAO,EAAE,MAAM,QAAA,EAAE,gBAAgB,kBAAA,EAAE,SAAS,WAAA,EAAE,CAAC;AACjD,CAAC,CAAC;AARW,QAAA,SAAS,aAQpB"}

package/dist/AspectRatioBox/AspectRatioBox.js

@@ -33,7 +33,7 @@ var responsiveScale = function (args) {
     if ("maxWidth" in args && args.maxWidth === "100%") {
         return {
             maxWidth: "100%",
-            paddingBottom: proportional_scale_1.paddingBottom({
+            paddingBottom: (0, proportional_scale_1.paddingBottom)({
                 width: args.aspectWidth,
                 height: args.aspectHeight,
             }),
@@ -41,9 +41,9 @@ var responsiveScale = function (args) {
     }
     var width = args.aspectWidth, height = args.aspectHeight, rest = __rest(args, ["aspectWidth", "aspectHeight"]);
     // @ts-ignore
-    var scaled = proportional_scale_1.scale(__assign({ width: width, height: height }, rest));
+    var scaled = (0, proportional_scale_1.scale)(__assign({ width: width, height: height }, rest));
     return {
-        maxWidth: scaled.width + "px",
+        maxWidth: "".concat(scaled.width, "px"),
         paddingBottom: scaled.paddingBottom,
     };
 };

package/dist/AspectRatioBox/AspectRatioBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"AspectRatioBox.js","sourceRoot":"","sources":["../../src/AspectRatioBox/AspectRatioBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,yDAA0D;AAC1D,8BAAuC;AAavC,IAAM,eAAe,GAAG,UAAC,IAAsC;IAC7D,IAAI,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,EAAE;QAClD,OAAO;YACL,QAAQ,EAAE,MAAM;YAChB,aAAa,EAAE,kCAAa,CAAC;gBAC3B,KAAK,EAAE,IAAI,CAAC,WAAW;gBACvB,MAAM,EAAE,IAAI,CAAC,YAAY;aAC1B,CAAC;SACH,CAAC;KACH;IAEO,IAAa,KAAK,GAAoC,IAAI,YAAxC,EAAgB,MAAM,GAAc,IAAI,aAAlB,EAAK,IAAI,UAAK,IAAI,EAA5D,+BAAqD,CAAF,CAAU;IACnE,aAAa;IACb,IAAM,MAAM,GAAG,0BAAK,YAAG,KAAK,OAAA,EAAE,MAAM,QAAA,IAAK,IAAI,EAAG,CAAC;IAEjD,OAAO;QACL,QAAQ,EAAK,MAAM,CAAC,KAAK,OAAI;QAC7B,aAAa,EAAE,MAAM,CAAC,aAAa;KACpC,CAAC;AACJ,CAAC,CAAC;AAEK,IAAM,cAAc,GAAkC,UAAC,EAK7D;IAJC,IAAA,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACL,IAAI,cAJqD,2CAK7D,CADQ;IAEP,IAAM,MAAM,GAAG,eAAe,YAAG,YAAY,cAAA,EAAE,WAAW,aAAA,IAAK,IAAI,EAAG,CAAC;IAEvE,OAAO,CACL,8BAAC,SAAG,aACF,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,IAChC,IAAI;QAER,8BAAC,SAAG,IACF,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,CAAC,EACT,QAAQ,EAAC,QAAQ,EACjB,aAAa,EAAE,MAAM,CAAC,aAAa,GACnC;QAEF,8BAAC,SAAG,IAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,IACjE,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,cAAc,kBA4BzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"AspectRatioBox.js","sourceRoot":"","sources":["../../src/AspectRatioBox/AspectRatioBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,yDAA0D;AAC1D,8BAAuC;AAavC,IAAM,eAAe,GAAG,UAAC,IAAsC;IAC7D,IAAI,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,EAAE;QAClD,OAAO;YACL,QAAQ,EAAE,MAAM;YAChB,aAAa,EAAE,IAAA,kCAAa,EAAC;gBAC3B,KAAK,EAAE,IAAI,CAAC,WAAW;gBACvB,MAAM,EAAE,IAAI,CAAC,YAAY;aAC1B,CAAC;SACH,CAAC;KACH;IAEO,IAAa,KAAK,GAAoC,IAAI,YAAxC,EAAgB,MAAM,GAAc,IAAI,aAAlB,EAAK,IAAI,UAAK,IAAI,EAA5D,+BAAqD,CAAF,CAAU;IACnE,aAAa;IACb,IAAM,MAAM,GAAG,IAAA,0BAAK,aAAG,KAAK,OAAA,EAAE,MAAM,QAAA,IAAK,IAAI,EAAG,CAAC;IAEjD,OAAO;QACL,QAAQ,EAAE,UAAG,MAAM,CAAC,KAAK,OAAI;QAC7B,aAAa,EAAE,MAAM,CAAC,aAAa;KACpC,CAAC;AACJ,CAAC,CAAC;AAEK,IAAM,cAAc,GAAkC,UAAC,EAK7D;IAJC,IAAA,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACL,IAAI,cAJqD,2CAK7D,CADQ;IAEP,IAAM,MAAM,GAAG,eAAe,YAAG,YAAY,cAAA,EAAE,WAAW,aAAA,IAAK,IAAI,EAAG,CAAC;IAEvE,OAAO,CACL,8BAAC,SAAG,aACF,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,IAChC,IAAI;QAER,8BAAC,SAAG,IACF,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,CAAC,EACT,QAAQ,EAAC,QAAQ,EACjB,aAAa,EAAE,MAAM,CAAC,aAAa,GACnC;QAEF,8BAAC,SAAG,IAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,IACjE,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,cAAc,kBA4BzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/Box/Box.d.ts

@@ -11,4 +11,6 @@ export declare type BoxProps = BorderProps & TypographyProps & BoxSpatialProps &
     children?: React.ReactNode;
 };
 export declare const boxMixin: import("styled-system").styleFn;
-export declare const Box: import("styled-components").StyledComponent<"div", any, BoxProps, never>;
+export declare const Box: import("styled-components").StyledComponent<"div", any, BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & TextColorProps & TransitionProps & {
+    children?: React.ReactNode;
+}, never>;

package/dist/Box/Box.js

@@ -10,13 +10,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Box = exports.boxMixin = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 var styled_system_1 = require("styled-system");
-var textColor = styled_system_1.style({
+var textColor = (0, styled_system_1.style)({
     prop: "textColor",
     cssProperty: "color",
     key: "colors",
 });
-var transition = styled_system_1.system({ transition: true });
-exports.boxMixin = 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);
+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(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.boxMixin);
 exports.Box.defaultProps = {
     fontFamily: "body",

package/dist/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/Box/Box.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AACvC,+CAmBuB;AAwBvB,IAAM,SAAS,GAAG,qBAAK,CAAC;IACtB,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,OAAO;IACpB,GAAG,EAAE,QAAQ;CACd,CAAC,CAAC;AAEH,IAAM,UAAU,GAAG,sBAAM,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;AAEnC,QAAA,QAAQ,GAAG,uBAAO,CAC7B,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,+EAAU,MACnC,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.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AACvC,+CAmBuB;AAwBvB,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,+EAAU,MACnC,EAAQ,IACX,KADG,gBAAQ,EACV;AAEF,WAAG,CAAC,YAAY,GAAG;IACjB,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,CAAC;CACd,CAAC"}

package/dist/Button/Button.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ClickableProps } from "../Clickable";
 export declare const BUTTON: {
     display: string;
@@ -27,4 +28,11 @@ export declare const buttonSelectedMixin: import("styled-components").FlattenInt
 export declare const buttonDisabledMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
 export declare const buttonHighlightedMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
 export declare const buttonMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ButtonProps, any>>;
-export declare const Button: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
+export declare const Button: import("styled-components").StyledComponent<"button", any, import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("..").TextColorProps & import("..").TransitionProps & {
+    children?: import("react").ReactNode;
+} & {
+    focus?: boolean | undefined;
+    hover?: boolean | undefined;
+    selected?: boolean | undefined;
+    highlighted?: boolean | undefined;
+}, never>;

package/dist/Button/Button.js

@@ -40,13 +40,12 @@ var theme_get_1 = require("@styled-system/theme-get");
 var Clickable_1 = require("../Clickable");
 var Cell_1 = require("../Cell");
 exports.BUTTON = __assign(__assign({}, Cell_1.CELL), { display: "inline-flex", alignItems: "center", justifyContent: "center" });
-exports.buttonHoverMixin = styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), theme_get_1.themeGet("colors.secondary"));
-exports.buttonFocusMixin = styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  outline: 0;\n  ", "\n"], ["\n  outline: 0;\n  ", "\n"])), Cell_1.cellFocusMixin);
-exports.buttonSelectedMixin = 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"])), theme_get_1.themeGet("space.1"), theme_get_1.themeGet("colors.primary"), theme_get_1.themeGet("colors.primary"), theme_get_1.themeGet("colors.tertiary"));
-exports.buttonDisabledMixin = styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: relative;\n  color: ", ";\n  border-color: ", ";\n  pointer-events: none;\n  cursor: default;\n  z-index: -1;\n"], ["\n  position: relative;\n  color: ", ";\n  border-color: ", ";\n  pointer-events: none;\n  cursor: default;\n  z-index: -1;\n"])), theme_get_1.themeGet("colors.tertiary"), theme_get_1.themeGet("colors.tertiary"));
-exports.buttonHighlightedMixin = styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  &::before {\n    content: \"\u2192\u00A0\";\n    margin-left: -", ";\n  }\n"], ["\n  &::before {\n    content: \"\u2192\\u00A0\";\n    margin-left: -", ";\n  }\n"])), theme_get_1.themeGet("space.3"));
-exports.buttonMixin = styled_components_1.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  cursor: pointer;\n  transition: ", ", color 200ms ease;\n  min-width: 0;\n  user-select: none;\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:disabled {\n    ", "\n  }\n\n  ", "\n\n  ", "\n"], ["\n  cursor: pointer;\n  transition: ", ", color 200ms ease;\n  min-width: 0;\n  user-select: none;\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:disabled {\n    ", "\n  }\n\n  ",
-    "\n\n  ", "\n"])), Cell_1.CELL.transition, function (_a) {
+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"));
+exports.buttonDisabledMixin = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: relative;\n  color: ", ";\n  border-color: ", ";\n  pointer-events: none;\n  cursor: default;\n  z-index: -1;\n"], ["\n  position: relative;\n  color: ", ";\n  border-color: ", ";\n  pointer-events: none;\n  cursor: default;\n  z-index: -1;\n"])), (0, theme_get_1.themeGet)("colors.tertiary"), (0, theme_get_1.themeGet)("colors.tertiary"));
+exports.buttonHighlightedMixin = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  &::before {\n    content: \"\u2192\u00A0\";\n    margin-left: -", ";\n  }\n"], ["\n  &::before {\n    content: \"\u2192\\u00A0\";\n    margin-left: -", ";\n  }\n"])), (0, theme_get_1.themeGet)("space.3"));
+exports.buttonMixin = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  cursor: pointer;\n  transition: ", ", color 200ms ease;\n  min-width: 0;\n  user-select: none;\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:disabled {\n    ", "\n  }\n\n  ", "\n\n  ", "\n"], ["\n  cursor: pointer;\n  transition: ", ", color 200ms ease;\n  min-width: 0;\n  user-select: none;\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:disabled {\n    ", "\n  }\n\n  ", "\n\n  ", "\n"])), Cell_1.CELL.transition, function (_a) {
     var hover = _a.hover;
     return hover && exports.buttonHoverMixin;
 }, exports.buttonHoverMixin, function (_a) {
@@ -57,12 +56,12 @@ exports.buttonMixin = styled_components_1.css(templateObject_7 || (templateObjec
     return disabled && exports.buttonDisabledMixin;
 }, exports.buttonDisabledMixin, function (_a) {
     var selected = _a.selected;
-    return selected && styled_components_1.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      ", "\n      &:focus {\n        ", "\n      }\n      &:disabled {\n        ", "\n      }\n    "], ["\n      ", "\n      &:focus {\n        ", "\n      }\n      &:disabled {\n        ", "\n      }\n    "])), exports.buttonSelectedMixin, exports.buttonSelectedMixin, exports.buttonSelectedMixin);
+    return selected && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      ", "\n      &:focus {\n        ", "\n      }\n      &:disabled {\n        ", "\n      }\n    "], ["\n      ", "\n      &:focus {\n        ", "\n      }\n      &:disabled {\n        ", "\n      }\n    "])), exports.buttonSelectedMixin, exports.buttonSelectedMixin, exports.buttonSelectedMixin);
 }, function (_a) {
     var highlighted = _a.highlighted;
     return highlighted && exports.buttonHighlightedMixin;
 });
-exports.Button = styled_components_1.default(Clickable_1.Clickable)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.buttonMixin);
+exports.Button = (0, styled_components_1.default)(Clickable_1.Clickable)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.buttonMixin);
 exports.Button.defaultProps = __assign({}, exports.BUTTON);
 exports.Button.displayName = "Button";
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

package/dist/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AACzD,gCAA+C;AAElC,QAAA,MAAM,yBACd,WAAI,KACP,OAAO,EAAE,aAAa,EACtB,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,QAAQ,IACxB;AASW,QAAA,gBAAgB,GAAG,uBAAG,uFAAA,aACxB,EAA4B,KACtC,KADU,oBAAQ,CAAC,kBAAkB,CAAC,EACrC;AAEW,QAAA,gBAAgB,GAAG,uBAAG,8FAAA,qBAE/B,EAAc,IACjB,KADG,qBAAc,EAChB;AAEW,QAAA,mBAAmB,GAAG,uBAAG,kMAAA,6CAEV,EAAmB,GAAI,EAA0B,6CAElE,EAA0B,qBACnB,EAA2B,KAC5C,KAJ2B,oBAAQ,CAAC,SAAS,CAAC,EAAI,oBAAQ,CAAC,gBAAgB,CAAC,EAElE,oBAAQ,CAAC,gBAAgB,CAAC,EACnB,oBAAQ,CAAC,iBAAiB,CAAC,EAC3C;AAEW,QAAA,mBAAmB,GAAG,uBAAG,kMAAA,oCAE3B,EAA2B,qBACpB,EAA2B,kEAI5C,KALU,oBAAQ,CAAC,iBAAiB,CAAC,EACpB,oBAAQ,CAAC,iBAAiB,CAAC,EAI3C;AAEW,QAAA,sBAAsB,GAAG,uBAAG,oJAAA,sEAGrB,EAAmB,UAEtC,KAFmB,oBAAQ,CAAC,SAAS,CAAC,EAErC;AAEW,QAAA,WAAW,GAAG,uBAAG,kTAAa,sCAE3B,EAAe,kEAI3B,EAAwC,qBAEtC,EAAgB,aAGlB,EAAwC,qBAEtC,EAAgB,aAGlB,EAAiD,wBAE/C,EAAmB,aAGrB;IAUC,QAED,EAA0D,IAC7D,KAhCe,WAAI,CAAC,UAAU,EAI3B,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,IACR,uBAAG,0KAAA,UACC,EAAmB,6BAEjB,EAAmB,yCAGnB,EAAmB,iBAExB,KAPG,2BAAmB,EAEjB,2BAAmB,EAGnB,2BAAmB,CAExB;AATD,CASC,EAED,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,WAAW,IAAI,8BAAsB;AAArC,CAAqC,EAC5D;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,qBAAS,CAAC,+EAAa,MAChD,EAAW,IACd,KADG,mBAAW,EACb;AAEF,cAAM,CAAC,YAAY,gBAAQ,cAAM,CAAE,CAAC;AAEpC,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AACzD,gCAA+C;AAElC,QAAA,MAAM,yBACd,WAAI,KACP,OAAO,EAAE,aAAa,EACtB,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,QAAQ,IACxB;AASW,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,qJAAA,sEAGrB,EAAmB,UAEtC,KAFmB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAErC;AAEW,QAAA,WAAW,OAAG,uBAAG,mTAAa,sCAE3B,EAAe,kEAI3B,EAAwC,qBAEtC,EAAgB,aAGlB,EAAwC,qBAEtC,EAAgB,aAGlB,EAAiD,wBAE/C,EAAmB,aAGrB,EAUC,QAED,EAA0D,IAC7D,KAhCe,WAAI,CAAC,UAAU,EAI3B,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,2KAAA,UACC,EAAmB,6BAEjB,EAAmB,yCAGnB,EAAmB,iBAExB,KAPG,2BAAmB,EAEjB,2BAAmB,EAGnB,2BAAmB,CAExB;AATD,CASC,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,gBAAQ,cAAM,CAAE,CAAC;AAEpC,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/Caret/Caret.d.ts

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

package/dist/Caret/Caret.js

@@ -27,18 +27,17 @@ 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 = 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 theme_get_1.themeGet("space." + props.size)(props); }, function (props) { return theme_get_1.themeGet("space." + props.size)(props); }, function (_a) {
+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 direction = _a.direction;
     switch (direction) {
         case "up":
-            return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            border-top: 1px solid;\n            border-left: 1px solid;\n            margin-top: 25%;\n          "], ["\n            border-top: 1px solid;\n            border-left: 1px solid;\n            margin-top: 25%;\n          "])));
+            return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            border-top: 1px solid;\n            border-left: 1px solid;\n            margin-top: 25%;\n          "], ["\n            border-top: 1px solid;\n            border-left: 1px solid;\n            margin-top: 25%;\n          "])));
         case "down":
-            return styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            border-right: 1px solid;\n            border-bottom: 1px solid;\n            margin-top: -25%;\n          "], ["\n            border-right: 1px solid;\n            border-bottom: 1px solid;\n            margin-top: -25%;\n          "])));
+            return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            border-right: 1px solid;\n            border-bottom: 1px solid;\n            margin-top: -25%;\n          "], ["\n            border-right: 1px solid;\n            border-bottom: 1px solid;\n            margin-top: -25%;\n          "])));
         case "left":
-            return styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n            border-bottom: 1px solid;\n            border-left: 1px solid;\n            margin-left: 25%;\n          "], ["\n            border-bottom: 1px solid;\n            border-left: 1px solid;\n            margin-left: 25%;\n          "])));
+            return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n            border-bottom: 1px solid;\n            border-left: 1px solid;\n            margin-left: 25%;\n          "], ["\n            border-bottom: 1px solid;\n            border-left: 1px solid;\n            margin-left: 25%;\n          "])));
         case "right":
-            return 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          "])));
+            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 = {

package/dist/Caret/Caret.js.map

@@ -1 +1 @@
-{"version":3,"file":"Caret.js","sourceRoot":"","sources":["../../src/Caret/Caret.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,8BAAuC;AAO1B,QAAA,KAAK,GAAG,2BAAM,CAAC,SAAG,CAAC,gZAAY,oCAEjC,EAAiD,eAChD,EAAiD,2QAcvD;IA2BD,SAEJ,KA5CU,UAAC,KAAK,IAAK,OAAA,oBAAQ,CAAC,WAAS,KAAK,CAAC,IAAM,CAAC,CAAC,KAAK,CAAC,EAAtC,CAAsC,EAChD,UAAC,KAAK,IAAK,OAAA,oBAAQ,CAAC,WAAS,KAAK,CAAC,IAAM,CAAC,CAAC,KAAK,CAAC,EAAtC,CAAsC,EAcvD,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,QAAQ,SAAS,EAAE;QACjB,KAAK,IAAI;YACP,OAAO,uBAAG,wLAAA,qHAIT,KAAC;QACJ,KAAK,MAAM;YACT,OAAO,uBAAG,6LAAA,0HAIT,KAAC;QACJ,KAAK,MAAM;YACT,OAAO,uBAAG,4LAAA,yHAIT,KAAC;QACJ,KAAK,OAAO;YACV,OAAO,uBAAG,2LAAA,wHAIT,KAAC;KACL;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,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;QACjB,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;KACL;AACH,CAAC,EAEH;AAEF,aAAK,CAAC,YAAY,GAAG;IACnB,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC;CACR,CAAC"}

package/dist/Cell/Cell.d.ts

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

package/dist/Cell/Cell.js

@@ -53,8 +53,8 @@ exports.CELL = {
     py: 4,
     transition: "box-shadow 250ms ease",
 };
-exports.cellFocusMixin = 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"])), theme_get_1.themeGet("space.1"), theme_get_1.themeGet("colors.accent"));
-exports.Cell = styled_components_1.default(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &:focus {\n    ", "\n  }\n"], ["\n  &:focus {\n    ", "\n  }\n"])), exports.cellFocusMixin);
+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.Cell = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &:focus {\n    ", "\n  }\n"], ["\n  &:focus {\n    ", "\n  }\n"])), exports.cellFocusMixin);
 exports.Cell.defaultProps = __assign({}, exports.CELL);
 exports.Cell.displayName = "Cell";
 var templateObject_1, templateObject_2;

package/dist/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../src/Cell/Cell.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,8BAAuC;AAI1B,QAAA,IAAI,GAAG;IAClB,UAAU,EAAE,QAAQ;IACpB,eAAe,EAAE,YAAY;IAC7B,WAAW,EAAE,QAAQ;IACrB,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,KAAK;IAClB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACnB,UAAU,EAAE,CAAC;IACb,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,UAAU,EAAE,uBAAuB;CACpC,CAAC;AAEW,QAAA,cAAc,GAAG,uBAAG,4HAAA,6CAEL,EAAmB,GAAI,EAAyB,KAC3E,KAD2B,oBAAQ,CAAC,SAAS,CAAC,EAAI,oBAAQ,CAAC,eAAe,CAAC,EAC1E;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,SAAG,CAAC,mGAAW,qBAEpC,EAAc,SAEnB,KAFK,sBAAc,EAElB;AAEF,YAAI,CAAC,YAAY,gBAAQ,YAAI,CAAE,CAAC;AAEhC,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../src/Cell/Cell.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,8BAAuC;AAI1B,QAAA,IAAI,GAAG;IAClB,UAAU,EAAE,QAAQ;IACpB,eAAe,EAAE,YAAY;IAC7B,WAAW,EAAE,QAAQ;IACrB,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,KAAK;IAClB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACnB,UAAU,EAAE,CAAC;IACb,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,UAAU,EAAE,uBAAuB;CACpC,CAAC;AAEW,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,IAAI,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,mGAAW,qBAEpC,EAAc,SAEnB,KAFK,sBAAc,EAElB;AAEF,YAAI,CAAC,YAAY,gBAAQ,YAAI,CAAE,CAAC;AAEhC,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/Clear/Clear.d.ts

@@ -1,5 +1,11 @@
+/// <reference types="react" />
 import { RemoveProps } from "../Remove";
 export declare type ClearProps = RemoveProps;
 export declare const clearHoverMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
 export declare const clearFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const Clear: import("styled-components").StyledComponent<"button", any, RemoveProps, never>;
+export declare const Clear: import("styled-components").StyledComponent<"button", any, import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("..").TextColorProps & import("..").TransitionProps & {
+    children?: import("react").ReactNode;
+} & {
+    hover?: boolean | undefined;
+    focus?: boolean | undefined;
+}, never>;

package/dist/Clear/Clear.js

@@ -27,9 +27,9 @@ 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");
-exports.clearHoverMixin = 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"])), theme_get_1.themeGet("colors.tertiary"), theme_get_1.themeGet("colors.primary"));
-exports.clearFocusMixin = 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"])), theme_get_1.themeGet("colors.tertiary"), theme_get_1.themeGet("colors.primary"));
-exports.Clear = styled_components_1.default(Remove_1.Remove)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  min-width: ", ";\n  min-height: ", ";\n  border-radius: 50%;\n  background-color: ", ";\n  transition: background-color 200ms;\n\n  &::before,\n  &::after {\n    width: ", ";\n    height: 1px;\n    background-color: ", ";\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"], ["\n  min-width: ", ";\n  min-height: ", ";\n  border-radius: 50%;\n  background-color: ", ";\n  transition: background-color 200ms;\n\n  &::before,\n  &::after {\n    width: ", ";\n    height: 1px;\n    background-color: ", ";\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"])), theme_get_1.themeGet("space.6"), theme_get_1.themeGet("space.6"), theme_get_1.themeGet("colors.hint"), theme_get_1.themeGet("space.4"), theme_get_1.themeGet("colors.secondary"), function (_a) {
+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_3 || (templateObject_3 = __makeTemplateObject(["\n  min-width: ", ";\n  min-height: ", ";\n  border-radius: 50%;\n  background-color: ", ";\n  transition: background-color 200ms;\n\n  &::before,\n  &::after {\n    width: ", ";\n    height: 1px;\n    background-color: ", ";\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"], ["\n  min-width: ", ";\n  min-height: ", ";\n  border-radius: 50%;\n  background-color: ", ";\n  transition: background-color 200ms;\n\n  &::before,\n  &::after {\n    width: ", ";\n    height: 1px;\n    background-color: ", ";\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"])), (0, theme_get_1.themeGet)("space.6"), (0, theme_get_1.themeGet)("space.6"), (0, theme_get_1.themeGet)("colors.hint"), (0, theme_get_1.themeGet)("space.4"), (0, theme_get_1.themeGet)("colors.secondary"), function (_a) {
     var hover = _a.hover;
     return hover && exports.clearHoverMixin;
 }, exports.clearHoverMixin, function (_a) {

package/dist/Clear/Clear.js.map

@@ -1 +1 @@
-{"version":3,"file":"Clear.js","sourceRoot":"","sources":["../../src/Clear/Clear.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,oCAAgD;AAInC,QAAA,eAAe,GAAG,uBAAG,kKAAA,wBACZ,EAA2B,yDAIzB,EAA0B,UAEjD,KANqB,oBAAQ,CAAC,iBAAiB,CAAC,EAIzB,oBAAQ,CAAC,gBAAgB,CAAC,EAEhD;AAEW,QAAA,eAAe,GAAG,uBAAG,oMAAA,6CAGV,EAA2B,+DAIzB,EAA0B,iBAGnD,KAPuB,oBAAQ,CAAC,iBAAiB,CAAC,EAIzB,oBAAQ,CAAC,gBAAgB,CAAC,EAGlD;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,eAAM,CAAC,yXAAA,iBACpB,EAAmB,mBAClB,EAAmB,gDAEb,EAAuB,qFAKhC,EAAmB,6CAER,EAA4B,cAGhD,EAAuC,qBAErC,EAAe,aAGjB,EAAuC,qBAErC,EAAe,SAEpB,KAtBc,oBAAQ,CAAC,SAAS,CAAC,EAClB,oBAAQ,CAAC,SAAS,CAAC,EAEb,oBAAQ,CAAC,aAAa,CAAC,EAKhC,oBAAQ,CAAC,SAAS,CAAC,EAER,oBAAQ,CAAC,kBAAkB,CAAC,EAGhD,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"}
+{"version":3,"file":"Clear.js","sourceRoot":"","sources":["../../src/Clear/Clear.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,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,yXAAA,iBACpB,EAAmB,mBAClB,EAAmB,gDAEb,EAAuB,qFAKhC,EAAmB,6CAER,EAA4B,cAGhD,EAAuC,qBAErC,EAAe,aAGjB,EAAuC,qBAErC,EAAe,SAEpB,KAtBc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAEb,IAAA,oBAAQ,EAAC,aAAa,CAAC,EAKhC,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAER,IAAA,oBAAQ,EAAC,kBAAkB,CAAC,EAGhD,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"}

package/dist/ClearableInput/ClearableInput.d.ts

@@ -6,7 +6,7 @@ export declare type ClearableInputProps = BoxSpatialProps & Omit<InputProps, "on
     onClear?(): void;
     value?: string;
 };
-export declare const ClearableInput: React.ForwardRefExoticComponent<import("styled-system").FlexboxProps<Required<import("styled-system").Theme<string | number>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<string | number>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<string | number>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<string | number>>> & Pick<InputProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "p" | "slot" | "style" | "title" | "pattern" | "focus" | "color" | "size" | "flex" | "border" | "padding" | "multiple" | "children" | "list" | "step" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textAlign" | "translate" | "verticalAlign" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "margin" | "overflow" | "prefix" | "src" | "type" | "name" | "className" | "id" | "lang" | "min" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "m" | "mt" | "mb" | "ml" | "mr" | "my" | "marginY" | "mx" | "marginX" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "borderX" | "borderY" | "hover"> & {
+export declare const ClearableInput: React.ForwardRefExoticComponent<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<InputProps, "value" | "onChange"> & {
     onChange?(value: string): void;
     onClear?(): void;
     value?: string | undefined;

package/dist/ClearableInput/ClearableInput.js

@@ -68,7 +68,7 @@ var Box_1 = require("../Box");
 var Clear_1 = require("../Clear");
 var Cell_1 = require("../Cell");
 var theme_1 = require("../theme");
-var CLEARABLE_BUTTON_WITH_MARGINS = "" + (parseFloat(theme_1.space(4)) * 2 + parseFloat(theme_1.space(6))) + theme_1.SPACE_SCALE_UNIT;
+var CLEARABLE_BUTTON_WITH_MARGINS = "".concat(parseFloat((0, theme_1.space)(4)) * 2 + parseFloat((0, theme_1.space)(6))).concat(theme_1.SPACE_SCALE_UNIT);
 exports.ClearableInput = react_1.default.forwardRef(function (_a, forwardedRef) {
     var m = _a.m, mt = _a.mt, mr = _a.mr, mb = _a.mb, ml = _a.ml, minWidth = _a.minWidth, width = _a.width, flex = _a.flex, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, flexBasis = _a.flexBasis, 
     // Above are spatial props for wrapper, remainder
@@ -77,16 +77,16 @@ exports.ClearableInput = react_1.default.forwardRef(function (_a, forwardedRef)
     // Above are spatial props for wrapper, remainder
     // is split off into input
     value = _b === void 0 ? "" : _b, onChange = _a.onChange, onClear = _a.onClear, rest = __rest(_a, ["m", "mt", "mr", "mb", "ml", "minWidth", "width", "flex", "flexGrow", "flexShrink", "flexBasis", "value", "onChange", "onClear"]);
-    var ref = react_1.useRef(null);
-    var _c = __read(react_1.useState(value), 2), controlledValue = _c[0], setValue = _c[1];
-    var handleClick = react_1.useCallback(function () {
+    var ref = (0, react_1.useRef)(null);
+    var _c = __read((0, react_1.useState)(value), 2), controlledValue = _c[0], setValue = _c[1];
+    var handleClick = (0, react_1.useCallback)(function () {
         setValue("");
         onClear && onClear();
         onChange && onChange("");
         if (ref.current)
             ref.current.focus();
     }, [onChange, onClear]);
-    var handleChange = react_1.useCallback(function (_a) {
+    var handleChange = (0, react_1.useCallback)(function (_a) {
         var value = _a.currentTarget.value;
         setValue(value);
         onChange && onChange(value);
@@ -104,7 +104,7 @@ exports.ClearableInput = react_1.default.forwardRef(function (_a, forwardedRef)
         flexShrink: flexShrink,
         flexBasis: flexBasis,
     }),
-        react_1.default.createElement(Input_1.Input, __assign({}, rest, { ref: compose_react_refs_1.default(ref, forwardedRef), width: "100%", value: controlledValue, onChange: handleChange, px: 0, pl: Cell_1.CELL.px, pr: CLEARABLE_BUTTON_WITH_MARGINS })),
+        react_1.default.createElement(Input_1.Input, __assign({}, rest, { ref: (0, compose_react_refs_1.default)(ref, forwardedRef), width: "100%", value: controlledValue, onChange: handleChange, px: 0, pl: Cell_1.CELL.px, pr: CLEARABLE_BUTTON_WITH_MARGINS })),
         controlledValue && (react_1.default.createElement(Clear_1.Clear, { onClick: handleClick, position: "absolute", top: "50%", right: 0, mx: 4, backgroundColor: "hint", borderRadius: "50%", type: "reset", style: { transform: "translateY(-50%)" } }))));
 });
 exports.ClearableInput.displayName = "ClearableInput";

package/dist/ClearableInput/ClearableInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClearableInput.js","sourceRoot":"","sources":["../../src/ClearableInput/ClearableInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6D;AAC7D,kFAAqD;AACrD,kCAA6C;AAC7C,8BAA8C;AAC9C,kCAAiC;AACjC,gCAA+B;AAC/B,kCAAmD;AAEnD,IAAM,6BAA6B,GAAG,MACpC,UAAU,CAAC,aAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,aAAK,CAAC,CAAC,CAAC,CAAC,IAC9C,wBAAkB,CAAC;AAST,QAAA,cAAc,GAAG,eAAK,CAAC,UAAU,CAC5C,UACE,EAkBsB,EACtB,YAAyC;IAlBvC,IAAA,CAAC,OAAA,EACD,EAAE,QAAA,EACF,EAAE,QAAA,EACF,EAAE,QAAA,EACF,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,SAAS,eAAA;IACT,iDAAiD;IACjD,0BAA0B;IAC1B,aAAU;IAFV,iDAAiD;IACjD,0BAA0B;IAC1B,KAAK,mBAAG,EAAE,KAAA,EACV,QAAQ,cAAA,EACR,OAAO,aAAA,EACJ,IAAI,cAjBT,iIAkBC,CADQ;IAIT,IAAM,GAAG,GAAG,cAAM,CAAmB,IAAI,CAAC,CAAC;IAErC,IAAA,KAAA,OAA8B,gBAAQ,CAAC,KAAK,CAAC,IAAA,EAA5C,eAAe,QAAA,EAAE,QAAQ,QAAmB,CAAC;IAEpD,IAAM,WAAW,GAAG,mBAAW,CAAC;QAC9B,QAAQ,CAAC,EAAE,CAAC,CAAC;QAEb,OAAO,IAAI,OAAO,EAAE,CAAC;QACrB,QAAQ,IAAI,QAAQ,CAAC,EAAE,CAAC,CAAC;QAEzB,IAAI,GAAG,CAAC,OAAO;YAAE,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,IAAM,YAAY,GAAG,mBAAW,CAC9B,UAAC,EAAiE;YAA9C,KAAK,yBAAA;QACvB,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,8BAAC,SAAG,aACF,QAAQ,EAAC,UAAU,IACf;QACF,CAAC,GAAA;QACD,EAAE,IAAA;QACF,EAAE,IAAA;QACF,EAAE,IAAA;QACF,EAAE,IAAA;QACF,QAAQ,UAAA;QACR,KAAK,OAAA;QACL,IAAI,MAAA;QACJ,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,SAAS,WAAA;KACV;QAED,8BAAC,aAAK,eACA,IAAI,IACR,GAAG,EAAE,4BAAW,CAAC,GAAG,EAAE,YAAY,CAAC,EACnC,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,YAAY,EACtB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,WAAI,CAAC,EAAE,EACX,EAAE,EAAE,6BAA6B,IACjC;QAED,eAAe,IAAI,CAClB,8BAAC,aAAK,IACJ,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,CAAC,EACR,EAAE,EAAE,CAAC,EACL,eAAe,EAAC,MAAM,EACtB,YAAY,EAAC,KAAK,EAClB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,GACxC,CACH,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"ClearableInput.js","sourceRoot":"","sources":["../../src/ClearableInput/ClearableInput.tsx"],"names":[],"mappings":"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"}

package/dist/Clickable/Clickable.d.ts

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

package/dist/Confirm/useConfirm.js

@@ -69,13 +69,13 @@ var Mode;
 })(Mode || (Mode = {}));
 var useConfirm = function (_a) {
     var onConfirm = _a.onConfirm, onCancel = _a.onCancel;
-    var _b = __read(react_1.useState(Mode.Resting), 2), mode = _b[0], setMode = _b[1];
-    var requestConfirmation = react_1.useCallback(function () { return setMode(Mode.Open); }, []);
-    var handleCancel = react_1.useCallback(function () {
+    var _b = __read((0, react_1.useState)(Mode.Resting), 2), mode = _b[0], setMode = _b[1];
+    var requestConfirmation = (0, react_1.useCallback)(function () { return setMode(Mode.Open); }, []);
+    var handleCancel = (0, react_1.useCallback)(function () {
         setMode(Mode.Resting);
         onCancel && onCancel();
     }, [onCancel]);
-    var handleConfirm = react_1.useCallback(function () {
+    var handleConfirm = (0, react_1.useCallback)(function () {
         setMode(Mode.Confirmed);
         onConfirm();
     }, [onConfirm]);

package/dist/Confirm/useConfirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConfirm.js","sourceRoot":"","sources":["../../src/Confirm/useConfirm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAqD;AACrD,kCAA6C;AAC7C,qCAAkD;AAElD,IAAK,IAIJ;AAJD,WAAK,IAAI;IACP,qCAAO,CAAA;IACP,+BAAI,CAAA;IACJ,yCAAS,CAAA;AACX,CAAC,EAJI,IAAI,KAAJ,IAAI,QAIR;AAOM,IAAM,UAAU,GAAG,UAAC,EAAmC;QAAjC,SAAS,eAAA,EAAE,QAAQ,cAAA;IACxC,IAAA,KAAA,OAAkB,gBAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAA,EAAvC,IAAI,QAAA,EAAE,OAAO,QAA0B,CAAC;IAE/C,IAAM,mBAAmB,GAAG,mBAAW,CAAC,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAlB,CAAkB,EAAE,EAAE,CAAC,CAAC;IAEtE,IAAM,YAAY,GAAG,mBAAW,CAAC;QAC/B,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACtB,QAAQ,IAAI,QAAQ,EAAE,CAAC;IACzB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAM,aAAa,GAAG,mBAAW,CAAC;QAChC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACxB,SAAS,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAM,YAAY,GAAG,UAAC,EAIU;QAH9B,IAAA,QAAQ,cAAA,EACL,IAAI,cAFa,YAGrB,CADQ;QAE4B,OAAA,CACnC,8DACG,IAAI,KAAK,IAAI,CAAC,IAAI,IAAI,CACrB,8BAAC,aAAK,aAAC,OAAO,EAAE,YAAY,EAAE,OAAO,UAAK,IAAI;YAC5C,8BAAC,iBAAO,IAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,IACtD,QAAQ,CACD,CACJ,CACT,CACA,CACJ,CAAA;KAAA,CAAC;IAEF,OAAO;QACL,YAAY,cAAA;QACZ,mBAAmB,qBAAA;QACnB,SAAS,EAAE,IAAI,KAAK,IAAI,CAAC,SAAS;KACnC,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,UAAU,cAoCrB"}
+{"version":3,"file":"useConfirm.js","sourceRoot":"","sources":["../../src/Confirm/useConfirm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAqD;AACrD,kCAA6C;AAC7C,qCAAkD;AAElD,IAAK,IAIJ;AAJD,WAAK,IAAI;IACP,qCAAO,CAAA;IACP,+BAAI,CAAA;IACJ,yCAAS,CAAA;AACX,CAAC,EAJI,IAAI,KAAJ,IAAI,QAIR;AAOM,IAAM,UAAU,GAAG,UAAC,EAAmC;QAAjC,SAAS,eAAA,EAAE,QAAQ,cAAA;IACxC,IAAA,KAAA,OAAkB,IAAA,gBAAQ,EAAC,IAAI,CAAC,OAAO,CAAC,IAAA,EAAvC,IAAI,QAAA,EAAE,OAAO,QAA0B,CAAC;IAE/C,IAAM,mBAAmB,GAAG,IAAA,mBAAW,EAAC,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAlB,CAAkB,EAAE,EAAE,CAAC,CAAC;IAEtE,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC;QAC/B,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACtB,QAAQ,IAAI,QAAQ,EAAE,CAAC;IACzB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAM,aAAa,GAAG,IAAA,mBAAW,EAAC;QAChC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACxB,SAAS,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAM,YAAY,GAAG,UAAC,EAIU;QAH9B,IAAA,QAAQ,cAAA,EACL,IAAI,cAFa,YAGrB,CADQ;QAE4B,OAAA,CACnC,8DACG,IAAI,KAAK,IAAI,CAAC,IAAI,IAAI,CACrB,8BAAC,aAAK,aAAC,OAAO,EAAE,YAAY,EAAE,OAAO,UAAK,IAAI;YAC5C,8BAAC,iBAAO,IAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,IACtD,QAAQ,CACD,CACJ,CACT,CACA,CACJ,CAAA;KAAA,CAAC;IAEF,OAAO;QACL,YAAY,cAAA;QACZ,mBAAmB,qBAAA;QACnB,SAAS,EAAE,IAAI,KAAK,IAAI,CAAC,SAAS;KACnC,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,UAAU,cAoCrB"}

package/dist/Divider/Divider.d.ts

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