@auspices/eos 5.0.18 → 6.0.0

package/dist/cjs/MultiSelect/MultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../src/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,iCAAuD;AAEvD,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;IAChB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,SAAS,EAAE,KAAK;CACjB,CAAC;AAKW,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAK5C,aAAa,CAAC,CAAC;AAOX,MAAM,WAAW,GAA+B,CAAC,EACtD,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAoB,EAAE,CAAC,CAAC;IAElE,MAAM,MAAM,GAAG,CAAC,EAAU,EAAE,UAA8B,EAAE,EAAE,EAAE;QAC9D,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE;YACpB,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACnD,IAAI,MAAM;gBAAE,OAAO,IAAI,CAAC;YACxB,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;YACxC,QAAQ,IAAI,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YACpC,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,EAAU,EAAE,UAA8B,EAAE,EAAE,EAAE;QAChE,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE;YACpB,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YAC7C,QAAQ,IAAI,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YACpC,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,0BAAkB,CAAC,QAAQ,IAC1B,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,YAEtD,QAAQ,GACmB,CAC/B,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,WAAW,eA+BtB"}

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

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

package/dist/cjs/MultiSelect/useMultiSelect.js

@@ -0,0 +1,60 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMultiSelect = void 0;
+const react_1 = require("react");
+const useClickOutside_1 = require("../hooks/useClickOutside");
+const useUniqueId_1 = require("../hooks/useUniqueId");
+const MultiSelect_1 = require("./MultiSelect");
+const useMultiSelect = ({ defaultSelected, payload, } = {}) => {
+    const id = (0, useUniqueId_1.useUniqueId)();
+    const ref = (0, react_1.useRef)(null);
+    const { selection, select: __select__, deselect: __deselect__, isWrapped, } = (0, react_1.useContext)(MultiSelect_1.MultiSelectContext);
+    // Handle default selections
+    (0, react_1.useEffect)(() => {
+        if (defaultSelected)
+            __select__(id.current);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultSelected, id]);
+    const select = (0, react_1.useCallback)(() => {
+        return __select__(id.current, payload);
+    }, [__select__, id, payload]);
+    const deselect = (0, react_1.useCallback)(() => {
+        __deselect__(id.current, payload);
+    }, [__deselect__, id, payload]);
+    const selected = (0, react_1.useMemo)(() => {
+        return !!selection.find((item) => item.id === id.current);
+    }, [id, selection]);
+    const onMouseDown = (event) => {
+        if (selected && event.metaKey) {
+            deselect();
+            return;
+        }
+        select();
+    };
+    const handleClickOutside = (0, react_1.useCallback)((event) => {
+        if (!selected || event.metaKey)
+            return;
+        deselect();
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [selected]);
+    (0, useClickOutside_1.useClickOutside)({
+        ref: ref,
+        type: "mousedown",
+        onClickOutside: handleClickOutside,
+        when: selected,
+    });
+    return {
+        deselect,
+        id: id.current,
+        isWrapped,
+        onMouseDown,
+        ref,
+        select,
+        selected,
+        selection,
+    };
+};
+exports.useMultiSelect = useMultiSelect;
+//# sourceMappingURL=useMultiSelect.js.map

package/dist/cjs/MultiSelect/useMultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMultiSelect.js","sourceRoot":"","sources":["../../../src/MultiSelect/useMultiSelect.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAEb,iCAA4E;AAC5E,8DAA2D;AAC3D,sDAAmD;AACnD,+CAAuE;AAOhE,MAAM,cAAc,GAAG,CAAC,EAC7B,eAAe,EACf,OAAO,MACW,EAAE,EAAE,EAAE;IACxB,MAAM,EAAE,GAAG,IAAA,yBAAW,GAAE,CAAC;IAEzB,MAAM,GAAG,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IAEnD,MAAM,EACJ,SAAS,EACT,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,SAAS,GACV,GAAG,IAAA,kBAAU,EAAC,gCAAkB,CAAC,CAAC;IAEnC,4BAA4B;IAC5B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,eAAe;YAAE,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QAC5C,uDAAuD;IACzD,CAAC,EAAE,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC,CAAC;IAE1B,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC9B,OAAO,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9B,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChC,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,YAAY,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhC,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,OAAO,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC;IAEpB,MAAM,WAAW,GAAG,CAClB,KAAsD,EACtD,EAAE;QACF,IAAI,QAAQ,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAC9B,QAAQ,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QAED,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,KAA8B,EAAE,EAAE;QACjC,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO;YAAE,OAAO;QACvC,QAAQ,EAAE,CAAC;IACb,CAAC;IACD,uDAAuD;IACvD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,IAAA,iCAAe,EAAC;QACd,GAAG,EAAE,GAAmC;QACxC,IAAI,EAAE,WAAW;QACjB,cAAc,EAAE,kBAAkB;QAClC,IAAI,EAAE,QAAQ;KACf,CAAC,CAAC;IAEH,OAAO;QACL,QAAQ;QACR,EAAE,EAAE,EAAE,CAAC,OAAO;QACd,SAAS;QACT,WAAW;QACX,GAAG;QACH,MAAM;QACN,QAAQ;QACR,SAAS;KACV,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,cAAc,kBAsEzB"}

package/dist/cjs/MultiSelect/useMultiSelection.js

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMultiSelection = void 0;
+const react_1 = require("react");
+const MultiSelect_1 = require("./MultiSelect");
+const useMultiSelection = () => {
+    const { selection } = (0, react_1.useContext)(MultiSelect_1.MultiSelectContext);
+    return selection;
+};
+exports.useMultiSelection = useMultiSelection;
+//# sourceMappingURL=useMultiSelection.js.map

package/dist/cjs/MultiSelect/useMultiSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMultiSelection.js","sourceRoot":"","sources":["../../../src/MultiSelect/useMultiSelection.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAEb,iCAAmC;AACnC,+CAAmD;AAE5C,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAkB,CAAC,CAAC;IACrD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAHW,QAAA,iBAAiB,qBAG5B"}

package/dist/cjs/Pagination/Page.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Page = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Button_1 = require("../Button");
+const Page = ({ children, ...rest }) => {
+    return ((0, jsx_runtime_1.jsx)(Button_1.Button, { flex: "1", textAlign: "center", ...rest, children: children }));
+};
+exports.Page = Page;
+exports.Page.displayName = "Page";
+//# sourceMappingURL=Page.js.map

package/dist/cjs/Pagination/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/Pagination/Page.tsx"],"names":[],"mappings":";;;;AACA,sCAAgD;AAOzC,MAAM,IAAI,GAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC3D,OAAO,CACL,uBAAC,eAAM,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,KAAK,IAAI,YACzC,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,IAAI,QAMf;AAEF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/cjs/Pagination/Pagination.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pagination = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const usePagination_1 = require("../hooks/usePagination");
+const Stack_1 = require("../Stack");
+const Page_1 = require("./Page");
+const Pagination = ({ interval, onChange, page: currentPage, per, total, variant, ...rest }) => {
+    const { head, center, tail, totalPages } = (0, usePagination_1.usePagination)({
+        currentPage,
+        interval,
+        per,
+        total,
+    });
+    if (totalPages <= 1)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.Stack, { direction: "horizontal", ...rest, children: [(0, jsx_runtime_1.jsx)(Stack_1.Stack, { direction: "horizontal", children: head.map((page) => {
+                    return (0, jsx_runtime_1.jsx)(DefaultPage, { ...page, onClick: onChange }, page.label);
+                }) }), center.map((page) => {
+                return (0, jsx_runtime_1.jsx)(DefaultPage, { ...page, onClick: onChange }, page.label);
+            }), (0, jsx_runtime_1.jsx)(Stack_1.Stack, { direction: "horizontal", children: tail.map((page) => {
+                    return (0, jsx_runtime_1.jsx)(DefaultPage, { ...page, onClick: onChange }, page.label);
+                }) })] }));
+};
+exports.Pagination = Pagination;
+exports.Pagination.displayName = "Pagination";
+const DefaultPage = ({ page, label, disabled, tabIndex, onClick, ...rest }) => {
+    const handleClick = () => {
+        if (!onClick)
+            return;
+        onClick(page);
+    };
+    return ((0, jsx_runtime_1.jsx)(Page_1.Page, { onClick: handleClick, disabled: disabled, tabIndex: tabIndex, ...rest, children: label }, page));
+};
+//# sourceMappingURL=Pagination.js.map

package/dist/cjs/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/Pagination/Pagination.tsx"],"names":[],"mappings":";;;;AAEA,0DAAuE;AACvE,oCAA6C;AAC7C,iCAAyC;AAWlC,MAAM,UAAU,GAA8B,CAAC,EACpD,QAAQ,EACR,QAAQ,EACR,IAAI,EAAE,WAAW,EACjB,GAAG,EACH,KAAK,EACL,OAAO,EACP,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,IAAA,6BAAa,EAAC;QACvD,WAAW;QACX,QAAQ;QACR,GAAG;QACH,KAAK;KACN,CAAC,CAAC;IAEH,IAAI,UAAU,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAEjC,OAAO,CACL,wBAAC,aAAK,IAAC,SAAS,EAAC,YAAY,KAAK,IAAI,aACpC,uBAAC,aAAK,IAAC,SAAS,EAAC,YAAY,YAC1B,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBACjB,OAAO,uBAAC,WAAW,OAAsB,IAAI,EAAE,OAAO,EAAE,QAAQ,IAAvC,IAAI,CAAC,KAAK,CAAiC,CAAC;gBACvE,CAAC,CAAC,GACI,EAEP,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBACnB,OAAO,uBAAC,WAAW,OAAsB,IAAI,EAAE,OAAO,EAAE,QAAQ,IAAvC,IAAI,CAAC,KAAK,CAAiC,CAAC;YACvE,CAAC,CAAC,EAEF,uBAAC,aAAK,IAAC,SAAS,EAAC,YAAY,YAC1B,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBACjB,OAAO,uBAAC,WAAW,OAAsB,IAAI,EAAE,OAAO,EAAE,QAAQ,IAAvC,IAAI,CAAC,KAAK,CAAiC,CAAC;gBACvE,CAAC,CAAC,GACI,IACF,CACT,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,UAAU,cAqCrB;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAOtC,MAAM,WAAW,GAAyB,CAAC,EACzC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,WAAI,IAEH,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KACd,IAAI,YAEP,KAAK,IAND,IAAI,CAOJ,CACR,CAAC;AACJ,CAAC,CAAC"}

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

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

package/dist/cjs/Pane/Pane.js

@@ -0,0 +1,98 @@
+"use strict";
+"use client";
+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.Pane = exports.paneShadowMixin = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importStar(require("styled-components"));
+const theme_get_1 = require("@styled-system/theme-get");
+const use_keyboard_list_navigation_1 = require("use-keyboard-list-navigation");
+const compose_react_refs_1 = __importDefault(require("@seznam/compose-react-refs"));
+const Stack_1 = require("../Stack");
+const flattenChildren_1 = require("../lib/flattenChildren");
+const PaneOption_1 = require("./PaneOption");
+const Flyout_1 = require("../Flyout");
+const withDefaultProps_1 = require("../lib/withDefaultProps");
+exports.paneShadowMixin = (0, styled_components_1.css) `
+  box-shadow: 0 0 ${(0, theme_get_1.themeGet)("space.2")} 0 ${(0, theme_get_1.themeGet)("colors.tertiary")};
+`;
+const StyledContainer = (0, styled_components_1.default)(Stack_1.Stack) `
+  background-color: ${(0, theme_get_1.themeGet)("colors.background")};
+  max-width: ${(0, theme_get_1.themeGet)("space.10")};
+  ${exports.paneShadowMixin}
+`;
+StyledContainer.displayName = "StyledContainer";
+const Container = (0, withDefaultProps_1.withDefaultProps)(StyledContainer, {
+    borderRadius: 4,
+    spacing: 0,
+}, "Container");
+exports.Pane = react_1.default.forwardRef(({ children, onEnter = () => { }, ...rest }, forwardedRef) => {
+    const ref = (0, react_1.useRef)(null);
+    const composedRef = (0, compose_react_refs_1.default)(ref, forwardedRef);
+    const nodes = (0, flattenChildren_1.flattenChildren)(children);
+    const clickable = nodes.filter((element) => {
+        const isAnchor = element.type === "a";
+        const isButton = element.type === "button";
+        const isSystem = element.type === PaneOption_1.PaneOption || element.type === Flyout_1.Flyout;
+        const isClickable = !!element.props.onClick;
+        const isNotDisabled = !element.props.disabled;
+        return (isAnchor || isButton || isSystem || isClickable) && isNotDisabled;
+    });
+    const refs = clickable.map(() => (0, react_1.createRef)());
+    const { index } = (0, use_keyboard_list_navigation_1.useKeyboardListNavigation)({
+        list: clickable,
+        ref: composedRef,
+        waitForInteractive: true,
+        onEnter,
+    });
+    (0, react_1.useEffect)(() => {
+        var _a, _b;
+        (_b = (_a = refs[index]) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
+    }, [index, refs]);
+    return ((0, jsx_runtime_1.jsx)(Container, { ref: composedRef, ...rest, children: nodes.map((child, i) => {
+            return react_1.default.cloneElement(child, {
+                key: i,
+                ...(clickable.indexOf(child) !== -1
+                    ? { ref: refs[clickable.indexOf(child)] }
+                    : {}),
+            });
+        }) }));
+});
+exports.Pane.displayName = "Pane";
+//# sourceMappingURL=Pane.js.map

package/dist/cjs/Pane/Pane.js.map

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

package/dist/cjs/Pane/PaneHeader.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaneHeader = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Box_1 = require("../Box");
+const mixins_1 = require("../mixins");
+const PaneOption_1 = require("./PaneOption");
+const withDefaultProps_1 = require("../lib/withDefaultProps");
+const StyledPaneHeader = (0, styled_components_1.default)(Box_1.Box) `
+  ${mixins_1.overflowEllipsisMixin}
+`;
+StyledPaneHeader.displayName = "StyledPaneHeader";
+exports.PaneHeader = (0, withDefaultProps_1.withDefaultProps)(StyledPaneHeader, { ...PaneOption_1.PANE_OPTION, color: "secondary" }, "PaneHeader");
+//# sourceMappingURL=PaneHeader.js.map

package/dist/cjs/Pane/PaneHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneHeader.js","sourceRoot":"","sources":["../../../src/Pane/PaneHeader.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AACvC,gCAAuC;AACvC,sCAAkD;AAClD,6CAA2C;AAC3C,8DAA2D;AAI3D,MAAM,gBAAgB,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,CAAA;IAChC,8BAAqB;CACxB,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAErC,QAAA,UAAU,GAAG,IAAA,mCAAgB,EACxC,gBAAgB,EAChB,EAAE,GAAG,wBAAW,EAAE,KAAK,EAAE,WAAW,EAAE,EACtC,YAAY,CACb,CAAC"}

package/dist/cjs/Pane/PaneOption.js

@@ -0,0 +1,106 @@
+"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.PaneOption = exports.PANE_OPTION = exports.paneOptionDisabledMixin = exports.paneOptionFocusMixin = exports.paneOptionActiveMixin = exports.paneOptionHoverMixin = 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 Cell_1 = require("../Cell");
+const mixins_1 = require("../mixins");
+const withDefaultProps_1 = require("../lib/withDefaultProps");
+exports.paneOptionHoverMixin = (0, styled_components_1.css) `
+  position: relative;
+  z-index: 1;
+
+  &::before {
+    display: block;
+    content: "";
+    position: absolute;
+    top: 2px;
+    right: 2px;
+    bottom: 2px;
+    left: 2px;
+    background-color: ${(0, theme_get_1.themeGet)("colors.hint")};
+    border-radius: 4px;
+    z-index: -1;
+  }
+`;
+exports.paneOptionActiveMixin = (0, styled_components_1.css) `
+  ${exports.paneOptionHoverMixin}
+`;
+exports.paneOptionFocusMixin = (0, styled_components_1.css) `
+  outline: 0;
+  background-color: ${(0, theme_get_1.themeGet)("colors.hint")};
+  ${Cell_1.cellFocusMixin}
+`;
+exports.paneOptionDisabledMixin = (0, styled_components_1.css) `
+  pointer-events: none;
+  color: ${(0, theme_get_1.themeGet)("colors.secondary")};
+`;
+const StyledPaneOption = (0, styled_components_1.default)(Clickable_1.Clickable) `
+  text-align: left;
+  cursor: pointer;
+  text-decoration: none;
+  transition: box-shadow 250ms ease;
+  ${mixins_1.overflowEllipsisMixin}
+
+  ${({ active }) => active && exports.paneOptionActiveMixin}
+
+  ${({ hover }) => hover && exports.paneOptionHoverMixin}
+  &:hover {
+    ${exports.paneOptionHoverMixin}
+  }
+
+  ${({ focus }) => focus && exports.paneOptionFocusMixin}
+  &:focus {
+    ${exports.paneOptionFocusMixin}
+  }
+
+  ${({ disabled }) => disabled && exports.paneOptionDisabledMixin}
+  &:disabled {
+    ${exports.paneOptionDisabledMixin}
+  }
+`;
+StyledPaneOption.displayName = "StyledPaneOption";
+exports.PANE_OPTION = {
+    borderRadius: 4,
+    color: "primary",
+    fontSize: [2, 2, 1, 1],
+    lineHeight: 0,
+    px: 4,
+    py: 3,
+};
+exports.PaneOption = (0, withDefaultProps_1.withDefaultProps)(StyledPaneOption, exports.PANE_OPTION, "PaneOption");
+//# sourceMappingURL=PaneOption.js.map

package/dist/cjs/Pane/PaneOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneOption.js","sourceRoot":"","sources":["../../../src/Pane/PaneOption.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAChD,wDAAoD;AACpD,4CAAyD;AACzD,kCAAyC;AACzC,sCAAkD;AAClD,8DAA2D;AAS9C,QAAA,oBAAoB,GAAG,IAAA,uBAAG,EAAA;;;;;;;;;;;;wBAYf,IAAA,oBAAQ,EAAC,aAAa,CAAC;;;;CAI9C,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,uBAAG,EAAA;IACpC,4BAAoB;CACvB,CAAC;AAEW,QAAA,oBAAoB,GAAG,IAAA,uBAAG,EAAA;;sBAEjB,IAAA,oBAAQ,EAAC,aAAa,CAAC;IACzC,qBAAc;CACjB,CAAC;AAEW,QAAA,uBAAuB,GAAG,IAAA,uBAAG,EAAA;;WAE/B,IAAA,oBAAQ,EAAC,kBAAkB,CAAC;CACtC,CAAC;AAEF,MAAM,gBAAgB,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,CAAiB;;;;;IAKvD,8BAAqB;;IAErB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,6BAAqB;;IAE/C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,4BAAoB;;MAE1C,4BAAoB;;;IAGtB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,4BAAoB;;MAE1C,4BAAoB;;;IAGtB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,+BAAuB;;MAEnD,+BAAuB;;CAE5B,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAErC,QAAA,WAAW,GAAG;IACzB,YAAY,EAAE,CAAC;IACf,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACtB,UAAU,EAAE,CAAC;IACb,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACN,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,mCAAgB,EACxC,gBAAgB,EAChB,mBAAW,EACX,YAAY,CACb,CAAC"}

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

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

package/dist/cjs/Pill/Pill.js

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

package/dist/cjs/Pill/Pill.js.map

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

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

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

package/dist/cjs/Plus/Plus.js

@@ -0,0 +1,81 @@
+"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.Plus = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const theme_get_1 = require("@styled-system/theme-get");
+const Box_1 = require("../Box");
+const withDefaultProps_1 = require("../lib/withDefaultProps");
+const StyledPlus = (0, styled_components_1.default)(Box_1.Box) `
+  ${({ size }) => (0, styled_components_1.css) `
+    width: ${(0, theme_get_1.themeGet)(`space.${size}`, size)};
+    height: ${(0, theme_get_1.themeGet)(`space.${size}`, size)};
+  `}
+
+  &::before,
+  &::after {
+    content: "";
+    display: block;
+    width: 100%;
+    height: ${({ strokeWidth = "2px" }) => strokeWidth};
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    background-color: currentColor;
+    transition: background-color 250ms;
+  }
+
+  &::before {
+    transform: translate(-50%, -50%);
+    ${({ axis }) => axis === "vertical" &&
+    (0, styled_components_1.css) `
+        display: none;
+      `}
+  }
+
+  &::after {
+    transform: translate(-50%, -50%) rotate(90deg);
+    ${({ axis }) => axis === "horizontal" &&
+    (0, styled_components_1.css) `
+        display: none;
+      `}
+  }
+`;
+StyledPlus.displayName = "StyledPlus";
+exports.Plus = (0, withDefaultProps_1.withDefaultProps)(StyledPlus, {
+    position: "relative",
+    axis: "both",
+}, "Plus");
+//# sourceMappingURL=Plus.js.map

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"}