@auspices/eos 5.0.18 → 6.1.0

package/dist/cjs/Plus/Plus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Plus.js","sourceRoot":"","sources":["../../../src/Plus/Plus.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAChD,wDAAoD;AACpD,gCAAuC;AACvC,8DAA2D;AAQ3D,MAAM,UAAU,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,CAAW;IACrC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;aACR,IAAA,oBAAQ,EAAC,SAAS,IAAI,EAAE,EAAE,IAAI,CAAC;cAC9B,IAAA,oBAAQ,EAAC,SAAS,IAAI,EAAE,EAAE,IAAI,CAAC;GAC1C;;;;;;;cAOW,CAAC,EAAE,WAAW,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,WAAW;;;;;;;;;;MAUhD,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CACb,IAAI,KAAK,UAAU;IACnB,IAAA,uBAAG,EAAA;;OAEF;;;;;MAKD,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CACb,IAAI,KAAK,YAAY;IACrB,IAAA,uBAAG,EAAA;;OAEF;;CAEN,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEzB,QAAA,IAAI,GAAG,IAAA,mCAAgB,EAClC,UAAU,EACV;IACE,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;CACb,EACD,MAAM,CACP,CAAC"}

package/dist/cjs/Plus/index.js.map

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

package/dist/cjs/Popper/Popper.js

@@ -0,0 +1,22 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const usePopper_1 = require("./usePopper");
+const Popper = ({ open = false, anchor, children, distance = 8, placement = "bottom-start", onClose = () => { }, ...rest }) => {
+    const { anchorRef, childrenRef, open: isOpen } = (0, usePopper_1.usePopper)({
+        open,
+        distance,
+        placement,
+        onClose,
+    });
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [react_1.default.cloneElement(anchor, { ref: anchorRef, ...rest }), isOpen && react_1.default.cloneElement(children, { ref: childrenRef })] }));
+};
+exports.Popper = Popper;
+exports.Popper.displayName = "Popper";
+//# sourceMappingURL=Popper.js.map

package/dist/cjs/Popper/Popper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../src/Popper/Popper.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;AAEb,kDAA0B;AAE1B,2CAAwC;AAWjC,MAAM,MAAM,GAA0B,CAAC,EAC5C,IAAI,GAAG,KAAK,EACZ,MAAM,EACN,QAAQ,EACR,QAAQ,GAAG,CAAC,EACZ,SAAS,GAAG,cAAc,EAC1B,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAA,qBAAS,EAAC;QACzD,IAAI;QACJ,QAAQ;QACR,SAAS;QACT,OAAO;KACR,CAAC,CAAC;IAEH,OAAO,CACL,6DACG,eAAK,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,CAAC,EACvD,MAAM,IAAI,eAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC,IAC5D,CACJ,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,MAAM,UAsBjB;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/cjs/Popper/index.js.map

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

package/dist/cjs/Popper/usePopper.js

@@ -0,0 +1,47 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePopper = void 0;
+const react_1 = require("react");
+const core_1 = require("@popperjs/core");
+const useClickOutside_1 = require("../hooks/useClickOutside");
+const usePopper = ({ open = false, distance = 8, placement = "bottom-start", modifiers = [], type = "click", onClose = () => { }, }) => {
+    const popperRef = (0, react_1.useRef)(null);
+    const childrenRef = (0, react_1.useRef)(null);
+    const anchorRef = (0, react_1.useRef)(null);
+    (0, useClickOutside_1.useClickOutside)({
+        ref: childrenRef,
+        onClickOutside: onClose,
+        when: open,
+        type,
+    });
+    (0, react_1.useEffect)(() => {
+        const instance = popperRef.current;
+        return () => instance === null || instance === void 0 ? void 0 : instance.destroy();
+    }, []);
+    (0, react_1.useLayoutEffect)(() => {
+        var _a;
+        if (open && childrenRef.current && anchorRef.current) {
+            popperRef.current = (0, core_1.createPopper)(anchorRef.current, childrenRef.current, {
+                placement,
+                modifiers: [
+                    {
+                        name: "offset",
+                        options: {
+                            offset: [0, distance],
+                        },
+                    },
+                    ...modifiers,
+                ],
+            });
+            anchorRef.current.blur();
+            childrenRef.current.focus();
+        }
+        if (!open) {
+            (_a = popperRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
+        }
+    }, [open, placement, distance, modifiers]);
+    return { anchorRef, childrenRef, open };
+};
+exports.usePopper = usePopper;
+//# sourceMappingURL=usePopper.js.map

package/dist/cjs/Popper/usePopper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopper.js","sourceRoot":"","sources":["../../../src/Popper/usePopper.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAEb,iCAA2D;AAC3D,yCAKwB;AACxB,8DAA4E;AAWrE,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,CAAC,EACZ,SAAS,GAAG,cAAc,EAC1B,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,OAAO,EACd,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACR,EAAE,EAAE;IACd,MAAM,SAAS,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACtD,MAAM,WAAW,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IAEzD,IAAA,iCAAe,EAAC;QACd,GAAG,EAAE,WAA2C;QAChD,cAAc,EAAE,OAAO;QACvB,IAAI,EAAE,IAAI;QACV,IAAI;KACL,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAC;QACnC,OAAO,GAAG,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,EAAE,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,uBAAe,EAAC,GAAG,EAAE;;QACnB,IAAI,IAAI,IAAI,WAAW,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACrD,SAAS,CAAC,OAAO,GAAG,IAAA,mBAAY,EAAC,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,EAAE;gBACvE,SAAS;gBACT,SAAS,EAAE;oBACT;wBACE,IAAI,EAAE,QAAQ;wBACd,OAAO,EAAE;4BACP,MAAM,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC;yBACtB;qBACF;oBACD,GAAG,SAAS;iBACb;aACF,CAAC,CAAC;YAEH,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YACzB,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC9B,CAAC;QAED,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,MAAA,SAAS,CAAC,OAAO,0CAAE,OAAO,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3C,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAC1C,CAAC,CAAC;AAjDW,QAAA,SAAS,aAiDpB"}

package/dist/cjs/ProgressBar/ProgressBar.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressBar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importDefault(require("styled-components"));
+const theme_get_1 = require("@styled-system/theme-get");
+const Box_1 = require("../Box");
+const Container = (0, styled_components_1.default)(Box_1.Box) `
+  overflow: hidden;
+  ${({ progress }) => progress >= 100 && "opacity: 0.5"};
+`;
+const Bar = (0, styled_components_1.default)(Box_1.Box) `
+  width: 100%;
+  height: 100%;
+  min-height: ${(0, theme_get_1.themeGet)("space.2")};
+  transform: translateX(-${({ progress }) => 100 - progress}%);
+  transition: transform 250ms;
+  ${({ progress }) => progress >= 100 && "opacity: 0.75"};
+`;
+const ProgressBar = ({ color = "secondary", progress, ...rest }) => {
+    return ((0, jsx_runtime_1.jsx)(Container, { borderLeft: `1px solid ${color}`, position: "relative", progress: progress, ...rest, children: (0, jsx_runtime_1.jsx)(Bar, { progress: progress, backgroundColor: color }) }));
+};
+exports.ProgressBar = ProgressBar;
+exports.ProgressBar.displayName = "ProgressBar";
+//# sourceMappingURL=ProgressBar.js.map

package/dist/cjs/ProgressBar/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;AACA,0EAAuC;AACvC,wDAAoD;AACpD,gCAAuC;AAOvC,MAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,CAAkB;;IAE3C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,GAAG,IAAI,cAAc;CACtD,CAAC;AAEF,MAAM,GAAG,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,CAAkB;;;gBAGzB,IAAA,oBAAQ,EAAC,SAAS,CAAC;2BACR,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,GAAG,GAAG,QAAQ;;IAEvD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,GAAG,IAAI,eAAe;CACvD,CAAC;AAEK,MAAM,WAAW,GAA+B,CAAC,EACtD,KAAK,GAAG,WAAW,EACnB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,SAAS,IACR,UAAU,EAAE,aAAa,KAAK,EAAE,EAChC,QAAQ,EAAC,UAAU,EACnB,QAAQ,EAAE,QAAQ,KACd,IAAI,YAER,uBAAC,GAAG,IAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,GAAI,GACzC,CACb,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,WAAW,eAetB;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/cjs/ProgressBar/index.js.map

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

package/dist/cjs/Remove/Remove.js

@@ -0,0 +1,105 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Remove = exports.removeHoverMixin = exports.removeFocusMixin = exports.Ex = exports.exMixin = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const theme_get_1 = require("@styled-system/theme-get");
+const Clickable_1 = require("../Clickable");
+const Box_1 = require("../Box");
+const withDefaultProps_1 = require("../lib/withDefaultProps");
+exports.exMixin = (0, styled_components_1.css) `
+  transition: color 250ms;
+
+  &::before,
+  &::after {
+    content: "";
+    display: block;
+    width: ${(0, theme_get_1.themeGet)("space.5")};
+    height: 2px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    background-color: currentColor;
+  }
+
+  &::before {
+    transform: translate(-50%, -50%) rotate(45deg);
+  }
+
+  &::after {
+    transform: translate(-50%, -50%) rotate(-45deg);
+  }
+`;
+const StyledEx = (0, styled_components_1.default)(Box_1.Box) `
+  min-width: ${(0, theme_get_1.themeGet)("space.7")};
+  min-height: ${(0, theme_get_1.themeGet)("space.7")};
+  ${exports.exMixin}
+`;
+StyledEx.displayName = "StyledEx";
+exports.Ex = (0, withDefaultProps_1.withDefaultProps)(StyledEx, {
+    position: "relative",
+    display: "inline-flex",
+    color: "tertiary",
+}, "Ex");
+exports.removeFocusMixin = (0, styled_components_1.css) `
+  outline: 0;
+  color: ${(0, theme_get_1.themeGet)("colors.primary")};
+`;
+exports.removeHoverMixin = (0, styled_components_1.css) `
+  color: ${(0, theme_get_1.themeGet)("colors.primary")};
+`;
+const StyledRemove = (0, styled_components_1.default)(Clickable_1.Clickable) `
+  min-width: ${(0, theme_get_1.themeGet)("space.7")};
+  min-height: ${(0, theme_get_1.themeGet)("space.7")};
+  cursor: pointer;
+  color: ${(0, theme_get_1.themeGet)("colors.tertiary")};
+
+  ${exports.exMixin}
+
+  ${({ hover }) => hover && exports.removeHoverMixin}
+  &:hover {
+    ${exports.removeHoverMixin}
+  }
+
+  ${({ focus }) => focus && exports.removeHoverMixin}
+  &:focus {
+    ${exports.removeFocusMixin}
+  }
+`;
+StyledRemove.displayName = "StyledRemove";
+exports.Remove = (0, withDefaultProps_1.withDefaultProps)(StyledRemove, {
+    position: "relative",
+}, "Remove");
+//# sourceMappingURL=Remove.js.map

package/dist/cjs/Remove/Remove.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Remove.js","sourceRoot":"","sources":["../../../src/Remove/Remove.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAChD,wDAAoD;AACpD,4CAAyD;AACzD,gCAA6B;AAC7B,8DAA2D;AAE9C,QAAA,OAAO,GAAG,IAAA,uBAAG,EAAA;;;;;;;aAOb,IAAA,oBAAQ,EAAC,SAAS,CAAC;;;;;;;;;;;;;;;CAe/B,CAAC;AAEF,MAAM,QAAQ,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,CAAA;eACb,IAAA,oBAAQ,EAAC,SAAS,CAAC;gBAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC;IAC/B,eAAO;CACV,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAErB,QAAA,EAAE,GAAG,IAAA,mCAAgB,EAChC,QAAQ,EACR;IACE,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,UAAU;CAClB,EACD,IAAI,CACL,CAAC;AAEW,QAAA,gBAAgB,GAAG,IAAA,uBAAG,EAAA;;WAExB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC;CACpC,CAAC;AACW,QAAA,gBAAgB,GAAG,IAAA,uBAAG,EAAA;WACxB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC;CACpC,CAAC;AAOF,MAAM,YAAY,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,CAAa;eACpC,IAAA,oBAAQ,EAAC,SAAS,CAAC;gBAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC;;WAExB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC;;IAElC,eAAO;;IAEP,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,wBAAgB;;MAEtC,wBAAgB;;;IAGlB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,wBAAgB;;MAEtC,wBAAgB;;CAErB,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE7B,QAAA,MAAM,GAAG,IAAA,mCAAgB,EACpC,YAAY,EACZ;IACE,QAAQ,EAAE,UAAU;CACrB,EACD,QAAQ,CACT,CAAC"}

package/dist/cjs/Remove/index.js.map

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

package/dist/cjs/ResponsiveImage/ResponsiveImage.js

@@ -0,0 +1,47 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResponsiveImage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styled_components_1 = __importDefault(require("styled-components"));
+const Image_1 = require("../Image");
+const AspectRatioBox_1 = require("../AspectRatioBox");
+const Spinner_1 = require("../Spinner");
+const Themer_1 = require("../Themer");
+const shouldForwardProp_1 = require("../lib/shouldForwardProp");
+const Container = (0, styled_components_1.default)(AspectRatioBox_1.AspectRatioBox) `
+  overflow: hidden;
+`;
+const Loading = (0, styled_components_1.default)(Spinner_1.Spinner).attrs({ size: 16 }) `
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  mix-blend-mode: difference;
+`;
+const Placeholder = styled_components_1.default.div.withConfig({
+    shouldForwardProp: shouldForwardProp_1.shouldForwardProp,
+}) `
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-position: center center;
+  filter: blur(1em);
+  transform: scale(1.1);
+`;
+const ResponsiveImage = ({ aspectWidth, aspectHeight, maxWidth, maxHeight, backgroundColor = "tertiary", indicator, placeholder, children, ...rest }) => {
+    const [completed, setCompleted] = (0, react_1.useState)(false);
+    const handleComplete = (0, react_1.useCallback)(() => setCompleted(true), []);
+    const { scheme } = (0, Themer_1.useThemer)();
+    return ((0, jsx_runtime_1.jsxs)(Container, { position: "relative", aspectWidth: aspectWidth, aspectHeight: aspectHeight, maxWidth: maxWidth, maxHeight: maxHeight, backgroundColor: backgroundColor, children: [(0, jsx_runtime_1.jsx)(Image_1.Image, { position: "relative", width: "100%", height: "100%", onComplete: handleComplete, zIndex: completed ? 1 : null, ...rest }), placeholder && ((0, jsx_runtime_1.jsx)(Placeholder, { style: { backgroundImage: `url(${placeholder})` } })), !completed && indicator && ((0, jsx_runtime_1.jsx)(Loading, { color: scheme === "light" ? "background" : "primary" })), children] }));
+};
+exports.ResponsiveImage = ResponsiveImage;
+exports.ResponsiveImage.displayName = "ResponsiveImage";
+//# sourceMappingURL=ResponsiveImage.js.map

package/dist/cjs/ResponsiveImage/ResponsiveImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveImage.js","sourceRoot":"","sources":["../../../src/ResponsiveImage/ResponsiveImage.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;AAEb,iCAAqD;AACrD,0EAAuC;AACvC,oCAA6C;AAC7C,sDAAwE;AACxE,wCAAqC;AACrC,sCAAsC;AACtC,gEAA6D;AAE7D,MAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,+BAAc,CAAC,CAAA;;CAEvC,CAAC;AAEF,MAAM,OAAO,GAAG,IAAA,2BAAM,EAAC,iBAAO,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;;;;;;CAMlD,CAAC;AAEF,MAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IACxC,iBAAiB,EAAjB,qCAAiB;CAClB,CAAC,CAAA;;;;;;;;;;CAUD,CAAC;AAQK,MAAM,eAAe,GAAmC,CAAC,EAC9D,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,eAAe,GAAG,UAAU,EAC5B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAEjE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,kBAAS,GAAE,CAAC;IAE/B,OAAO,CACL,wBAAC,SAAS,IACR,QAAQ,EAAC,UAAU,EACnB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,aAEhC,uBAAC,aAAK,IACJ,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,UAAU,EAAE,cAAc,EAC1B,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KACxB,IAAI,GACR,EAED,WAAW,IAAI,CACd,uBAAC,WAAW,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,WAAW,GAAG,EAAE,GAAI,CACnE,EAEA,CAAC,SAAS,IAAI,SAAS,IAAI,CAC1B,uBAAC,OAAO,IAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GAAI,CAClE,EAEA,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,eAAe,mBA6C1B;AAEF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/dist/cjs/ResponsiveImage/index.js.map

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

package/dist/cjs/Select/Select.js

@@ -0,0 +1,28 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Dropdown_1 = require("../Dropdown");
+const Pane_1 = require("../Pane");
+const Select = ({ options, label, value: defaultValue, onChange, ...rest }) => {
+    const [value, setValue] = (0, react_1.useState)(defaultValue);
+    const selectedOption = options.find((option) => option.value === value);
+    (0, react_1.useEffect)(() => {
+        setValue(defaultValue);
+    }, [defaultValue]);
+    const handleSelect = (selectedValue) => {
+        setValue(selectedValue);
+        onChange && onChange(selectedValue);
+    };
+    return ((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { label: [label, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label].filter(Boolean).join(": "), ...rest, children: ({ handleClose }) => options.map((option) => {
+            return ((0, jsx_runtime_1.jsx)(Pane_1.PaneOption, { onClick: () => {
+                    handleSelect(option.value);
+                    handleClose();
+                }, children: option.label }, [option.label, option.value].join(":")));
+        }) }));
+};
+exports.Select = Select;
+exports.Select.displayName = "Select";
+//# sourceMappingURL=Select.js.map

package/dist/cjs/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/Select/Select.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,iCAAmD;AACnD,0CAAsD;AACtD,kCAAqC;AAe9B,MAAM,MAAM,GAA0B,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,KAAK,EAAE,YAAY,EACnB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IAEjD,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAExE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,YAAY,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,YAAY,GAAG,CAAC,aAAoC,EAAE,EAAE;QAC5D,QAAQ,CAAC,aAAa,CAAC,CAAC;QACxB,QAAQ,IAAI,QAAQ,CAAC,aAAa,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,mBAAQ,IACP,KAAK,EAAE,CAAC,KAAK,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAC5D,IAAI,YAEP,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CACnB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACrB,OAAO,CACL,uBAAC,iBAAU,IAET,OAAO,EAAE,GAAG,EAAE;oBACZ,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC3B,WAAW,EAAE,CAAC;gBAChB,CAAC,YAEA,MAAM,CAAC,KAAK,IANR,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAOhC,CACd,CAAC;QACJ,CAAC,CAAC,GAEK,CACZ,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,MAAM,UA0CjB;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/cjs/Select/index.js.map

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

package/dist/cjs/Skeleton/Skeleton.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const Box_1 = require("../Box");
+const theme_get_1 = require("@styled-system/theme-get");
+const pulse = (colorStart, colorEnd) => (0, styled_components_1.keyframes) `
+from {
+  color: ${colorStart};
+  background-color: ${colorStart};
+}
+to {
+  color: ${colorEnd};
+  background-color: ${colorEnd};
+}
+`;
+exports.Skeleton = (0, styled_components_1.default)(Box_1.Box) `
+  animation: ${(props) => pulse((0, theme_get_1.themeGet)("colors.secondary")(props), (0, theme_get_1.themeGet)("colors.tertiary")(props))}
+    750ms ease-in-out infinite alternate;
+`;
+//# sourceMappingURL=Skeleton.js.map

package/dist/cjs/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAsD;AACtD,gCAAuC;AACvC,wDAAoD;AAEpD,MAAM,KAAK,GAAG,CAAC,UAAkB,EAAE,QAAgB,EAAE,EAAE,CAAC,IAAA,6BAAS,EAAA;;WAEtD,UAAU;sBACC,UAAU;;;WAGrB,QAAQ;sBACG,QAAQ;;CAE7B,CAAC;AAIW,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,CAAA;eACpB,CAAC,KAAK,EAAE,EAAE,CACnB,KAAK,CACH,IAAA,oBAAQ,EAAC,kBAAkB,CAAC,CAAC,KAAK,CAAC,EACnC,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,CACnC;;CAEN,CAAC"}

package/dist/cjs/Skeleton/index.js.map

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

package/dist/cjs/Spinner/Spinner.js

@@ -0,0 +1,14 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = require("styled-components");
+const Box_1 = require("../Box");
+const Spinner = ({ size = 24, color = "secondary", ...rest }) => {
+    const { colors } = (0, styled_components_1.useTheme)();
+    return ((0, jsx_runtime_1.jsx)(Box_1.Box, { ...rest, children: (0, jsx_runtime_1.jsx)("svg", { "aria-label": "loading", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 2400 2400", width: size, height: size, style: { display: "block" }, children: (0, jsx_runtime_1.jsxs)("g", { strokeWidth: "200", strokeLinecap: "round", stroke: colors[color], fill: "none", children: [(0, jsx_runtime_1.jsx)("path", { d: "M1200 600V100" }), (0, jsx_runtime_1.jsx)("path", { opacity: ".5", d: "M1200 2300v-500" }), (0, jsx_runtime_1.jsx)("path", { opacity: ".917", d: "M900 680.4l-250-433" }), (0, jsx_runtime_1.jsx)("path", { opacity: ".417", d: "M1750 2152.6l-250-433" }), (0, jsx_runtime_1.jsx)("path", { opacity: ".833", d: "M680.4 900l-433-250" }), (0, jsx_runtime_1.jsx)("path", { opacity: ".333", d: "M2152.6 1750l-433-250" }), (0, jsx_runtime_1.jsx)("path", { opacity: ".75", d: "M600 1200H100" }), (0, jsx_runtime_1.jsx)("path", { opacity: ".25", d: "M2300 1200h-500" }), (0, jsx_runtime_1.jsx)("path", { opacity: ".667", d: "M680.4 1500l-433 250" }), (0, jsx_runtime_1.jsx)("path", { opacity: ".167", d: "M2152.6 650l-433 250" }), (0, jsx_runtime_1.jsx)("path", { opacity: ".583", d: "M900 1719.6l-250 433" }), (0, jsx_runtime_1.jsx)("path", { opacity: ".083", d: "M1750 247.4l-250 433" }), (0, jsx_runtime_1.jsx)("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", keyTimes: "0;0.08333;0.16667;0.25;0.33333;0.41667;0.5;0.58333;0.66667;0.75;0.83333;0.91667", values: "0 1199 1199;30 1199 1199;60 1199 1199;90 1199 1199;120 1199 1199;150 1199 1199;180 1199 1199;210 1199 1199;240 1199 1199;270 1199 1199;300 1199 1199;330 1199 1199", dur: "0.83333s", begin: "0s", repeatCount: "indefinite", calcMode: "discrete" })] }) }) }));
+};
+exports.Spinner = Spinner;
+exports.Spinner.displayName = "Spinner";
+//# sourceMappingURL=Spinner.js.map

package/dist/cjs/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/Spinner/Spinner.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAGb,yDAA6C;AAE7C,gCAAuC;AAOhC,MAAM,OAAO,GAA2B,CAAC,EAC9C,IAAI,GAAG,EAAE,EACT,KAAK,GAAG,WAAW,EACnB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,4BAAQ,GAAE,CAAC;IAE9B,OAAO,CACL,uBAAC,SAAG,OAAK,IAAI,YACX,8CACa,SAAS,EACpB,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAE3B,+BACE,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,EACrB,IAAI,EAAC,MAAM,aAEX,iCAAM,CAAC,EAAC,eAAe,GAAG,EAC1B,iCAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,iBAAiB,GAAG,EACzC,iCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,qBAAqB,GAAG,EAC/C,iCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,uBAAuB,GAAG,EACjD,iCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,qBAAqB,GAAG,EAC/C,iCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,uBAAuB,GAAG,EACjD,iCAAM,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,eAAe,GAAG,EACxC,iCAAM,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,iBAAiB,GAAG,EAC1C,iCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,sBAAsB,GAAG,EAChD,iCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,sBAAsB,GAAG,EAChD,iCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,sBAAsB,GAAG,EAChD,iCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,sBAAsB,GAAG,EAChD,6CACE,aAAa,EAAC,WAAW,EACzB,aAAa,EAAC,KAAK,EACnB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,iFAAiF,EAC1F,MAAM,EAAC,oKAAoK,EAC3K,GAAG,EAAC,UAAU,EACd,KAAK,EAAC,IAAI,EACV,WAAW,EAAC,YAAY,EACxB,QAAQ,EAAC,UAAU,GACnB,IACA,GACA,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,OAAO,WAkDlB;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/cjs/Spinner/index.js.map

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

package/dist/cjs/Split/Split.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Split = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Stack_1 = require("../Stack");
+const Box_1 = require("../Box");
+const Split = ({ direction = "horizontal", children, ...rest }) => {
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.Stack, { direction: direction, ...rest, children: [(0, jsx_runtime_1.jsx)(Box_1.Box, { flex: [1, 1, 0.25], minWidth: 0, children: children[0] }), (0, jsx_runtime_1.jsx)(Box_1.Box, { flex: [1, 1, 0.75], minWidth: 0, children: children[1] })] }));
+};
+exports.Split = Split;
+exports.Split.displayName = "Split";
+//# sourceMappingURL=Split.js.map

package/dist/cjs/Split/Split.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Split.js","sourceRoot":"","sources":["../../../src/Split/Split.tsx"],"names":[],"mappings":";;;;AACA,oCAA6C;AAC7C,gCAA6B;AAMtB,MAAM,KAAK,GAAyB,CAAC,EAC1C,SAAS,GAAG,YAAY,EACxB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,wBAAC,aAAK,IAAC,SAAS,EAAE,SAAS,KAAM,IAAI,aACnC,uBAAC,SAAG,IAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,YACjC,QAAQ,CAAC,CAAC,CAAC,GACR,EAEN,uBAAC,SAAG,IAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,YACjC,QAAQ,CAAC,CAAC,CAAC,GACR,IACA,CACT,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,KAAK,SAgBhB;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/cjs/Split/index.js.map

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

package/dist/cjs/Stack/Stack.js

@@ -0,0 +1,58 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stack = exports.DEFAULT_STACK_DIRECTION = exports.DEFAULT_STACK_SPACING = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const Box_1 = require("../Box");
+exports.DEFAULT_STACK_SPACING = "-1px";
+exports.DEFAULT_STACK_DIRECTION = "vertical";
+exports.Stack = react_1.default.forwardRef(({ direction = exports.DEFAULT_STACK_DIRECTION, spacing = exports.DEFAULT_STACK_SPACING, children, ...rest }, forwardedRef) => {
+    const nodes = react_1.default.Children.toArray(children).filter(react_1.isValidElement);
+    const directions = [].concat(...[direction]);
+    const spacingProps = {
+        mb: directions.map((d) => [d === "vertical" ? spacing : 0]),
+        mr: directions.map((d) => [d === "horizontal" ? spacing : 0]),
+    };
+    const flexDirection = directions.map((d) => ({ horizontal: "row", vertical: "column" })[d]);
+    return ((0, jsx_runtime_1.jsx)(Box_1.Box, { ref: forwardedRef, display: "flex", justifyContent: "flex-start", 
+        // TODO
+        // @ts-ignore
+        flexDirection: flexDirection, ...rest, children: nodes.map((child, i) => (0, react_1.cloneElement)(child, {
+            ...(i === nodes.length - 1 ? {} : spacingProps),
+        })) }));
+});
+exports.Stack.displayName = "Stack";
+//# sourceMappingURL=Stack.js.map

package/dist/cjs/Stack/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../src/Stack/Stack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4D;AAC5D,gCAAuC;AAG1B,QAAA,qBAAqB,GAAG,MAAM,CAAC;AAC/B,QAAA,uBAAuB,GAAc,UAAU,CAAC;AAQhD,QAAA,KAAK,GAEd,eAAK,CAAC,UAAU,CAClB,CACE,EACE,SAAS,GAAG,+BAAuB,EACnC,OAAO,GAAG,6BAAqB,EAC/B,QAAQ,EACR,GAAG,IAAI,EACR,EACD,YAAY,EACZ,EAAE;IACF,MAAM,KAAK,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,sBAAc,CAAC,CAAC;IACtE,MAAM,UAAU,GAAI,EAAkB,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;IAE9D,MAAM,YAAY,GAAG;QACnB,EAAE,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3D,EAAE,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAC9D,CAAC;IAEF,MAAM,aAAa,GAAG,UAAU,CAAC,GAAG,CAClC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CACtD,CAAC;IAEF,OAAO,CACL,uBAAC,SAAG,IACF,GAAG,EAAE,YAAY,EACjB,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,YAAY;QAC3B,OAAO;QACP,aAAa;QACb,aAAa,EAAE,aAAa,KACxB,IAAI,YAEP,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CACtB,IAAA,oBAAY,EAAC,KAAK,EAAE;YAClB,GAAG,CAAC,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC;SAChD,CAAC,CACH,GACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/cjs/Stack/index.js.map

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

package/dist/cjs/Tag/Tag.js

@@ -0,0 +1,86 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tag = exports.Container = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importStar(require("styled-components"));
+const Box_1 = require("../Box");
+const theme_1 = require("../theme");
+const mixins_1 = require("../mixins");
+const onlyText_1 = __importDefault(require("../lib/onlyText"));
+const Placeholder = (0, styled_components_1.default)(Box_1.Box) `
+  opacity: 0;
+  pointer-events: none;
+`;
+exports.Container = (0, styled_components_1.default)(Box_1.Box) `
+  position: relative;
+  display: inline-block;
+  ${mixins_1.overflowEllipsisMixin}
+
+  > a {
+    color: inherit;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  ${(props) => {
+    const bg = (0, theme_1.themeGet)(`colors.${props.bg}`, props.bg)(props);
+    const color = (0, theme_1.getContrastTIQHex)(bg);
+    return (0, styled_components_1.css) `
+      color: ${color};
+
+      &:focus-within {
+        background-color: ${color};
+        color: ${bg};
+      }
+    `;
+}}
+`;
+const Tag = ({ children, bg, backgroundColor, ...rest }) => {
+    const _bg = bg || backgroundColor || (0, theme_1.colorHash)((0, onlyText_1.default)(children));
+    return ((0, jsx_runtime_1.jsx)(exports.Container, { fontSize: 1, borderRadius: 4, px: 3, py: 1, bg: _bg, ...rest, children: typeof children === "string" ? (children) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (0, jsx_runtime_1.jsx)(Placeholder, { children: (0, onlyText_1.default)(children) })] })) }));
+};
+exports.Tag = Tag;
+exports.Tag.displayName = "Tag";
+//# sourceMappingURL=Tag.js.map

package/dist/cjs/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/Tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,uEAAgD;AAChD,gCAAuC;AACvC,oCAAkE;AAClE,sCAAkD;AAClD,+DAAuC;AAQvC,MAAM,WAAW,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,CAAA;;;CAG9B,CAAC;AAEW,QAAA,SAAS,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,CAAiB;;;IAGjD,8BAAqB;;;;;;;;;;;;;;IAcrB,CAAC,KAAK,EAAE,EAAE;IACV,MAAM,EAAE,GAAG,IAAA,gBAAQ,EAAC,UAAU,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,IAAA,yBAAiB,EAAC,EAAE,CAAC,CAAC;IACpC,OAAO,IAAA,uBAAG,EAAA;eACC,KAAK;;;4BAGQ,KAAK;iBAChB,EAAE;;KAEd,CAAC;AACJ,CAAC;CACF,CAAC;AAEK,MAAM,GAAG,GAAuB,CAAC,EACtC,QAAQ,EACR,EAAE,EACF,eAAe,EACf,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,EAAE,IAAI,eAAe,IAAI,IAAA,iBAAS,EAAC,IAAA,kBAAQ,EAAC,QAAQ,CAAC,CAAC,CAAC;IAEnE,OAAO,CACL,uBAAC,iBAAS,IAAC,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,KAAM,IAAI,YACrE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,6DACG,QAAQ,EACT,uBAAC,WAAW,cAAE,IAAA,kBAAQ,EAAC,QAAQ,CAAC,GAAe,IAC9C,CACJ,GACS,CACb,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,GAAG,OAoBd;AAEF,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}

package/dist/cjs/Tag/index.js.map

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

package/dist/cjs/Themer/index.js.map

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