@onepercentio/one-ui 1.3.3 → 1.3.5

package/dist/components/PixelatedScan/PixelatedScan.js

@@ -0,0 +1,87 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const chroma_js_1 = __importDefault(require("chroma-js"));
+const PixelatedScan_module_scss_1 = __importDefault(require("./PixelatedScan.module.scss"));
+const AnimDuration = Number(PixelatedScan_module_scss_1.default.animationDuration);
+/**
+ * This effect scans up and down on the div with a following pixelated trail
+ **/
+/**
+ * A visual animation component that creates a pixelated scanning effect.
+ * It generates a grid of colored squares that animate in waves to create
+ * a dynamic, pixel-art style visual pattern.
+ */
+function PixelatedScan({ squaresByLine, color, className = "", }) {
+    const iteration = (0, react_1.useRef)(0);
+    const tableRef = (0, react_1.useRef)(null);
+    const [config, setConfig] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        const squareSize = tableRef.current.clientWidth / squaresByLine;
+        const howMuchLines = tableRef.current.clientHeight / squareSize;
+        setConfig({
+            squareSize,
+            howMuchLines,
+        });
+    }, []);
+    const rowsDef = (0, react_1.useMemo)(() => {
+        return new Array(Math.ceil((config === null || config === void 0 ? void 0 : config.howMuchLines) || 0)).fill(undefined);
+    }, [config]);
+    const lineDef = (0, react_1.useMemo)(() => {
+        return new Array(squaresByLine).fill(undefined);
+    }, [config]);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: `${PixelatedScan_module_scss_1.default.grid} ${PixelatedScan_module_scss_1.default.iterate} ${className}`, ref: tableRef, children: [rowsDef.map((_, iRow, _rows) => ((0, jsx_runtime_1.jsx)(GridRow, { squares: lineDef, size: config.squareSize, baseColor: color, lineCount: config.howMuchLines, lineIndex: iRow, onFinish: iRow === _rows.length - 6
+                        ? () => {
+                            tableRef.current.classList.remove(PixelatedScan_module_scss_1.default.iterate);
+                            iteration.current += 1;
+                            if (iteration.current % 2 === 1)
+                                tableRef.current.classList.add(PixelatedScan_module_scss_1.default.inverse);
+                            else
+                                tableRef.current.classList.remove(PixelatedScan_module_scss_1.default.inverse);
+                            setTimeout(() => {
+                                tableRef.current.classList.add(PixelatedScan_module_scss_1.default.iterate);
+                            }, 100);
+                        }
+                        : undefined }, `${iRow}`))), (0, jsx_runtime_1.jsx)("div", { className: PixelatedScan_module_scss_1.default.guide })] }) }));
+}
+exports.default = PixelatedScan;
+function GridRow({ onFinish, squares, size, baseColor, lineCount, lineIndex, }) {
+    const ref = (0, react_1.useRef)(null);
+    const gridItemsRefs = (0, react_1.useRef)([]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        function updateColor() {
+            gridItemsRefs.current.forEach((i) => i === null || i === void 0 ? void 0 : i.updateColor());
+        }
+        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener("animationend", updateColor);
+        return () => {
+            var _a;
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener("animationend", updateColor);
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("div", { className: PixelatedScan_module_scss_1.default.gridAnimate, onAnimationEnd: onFinish, style: {
+            animationDelay: `${(AnimDuration / lineCount) * (lineIndex - 1)}ms`,
+        }, children: squares.map((_, i) => ((0, jsx_runtime_1.jsx)(GridItem, { ref: (refNode) => {
+                gridItemsRefs.current[i] = refNode;
+            }, size: size, baseColor: baseColor }, i))) }));
+}
+function _GridItem({ size, baseColor = "#ff0", }, externalRef) {
+    const ref = (0, react_1.useRef)(null);
+    function calculateNewRandomColorStrength() {
+        const color = chroma_js_1.default.hex(baseColor).alpha(1 - Math.random() * 0.3);
+        return color;
+    }
+    const [randomColorStrength, setRandomColorStrength] = (0, react_1.useState)(calculateNewRandomColorStrength);
+    (0, react_1.useImperativeHandle)(externalRef, () => ({
+        updateColor: () => {
+            setRandomColorStrength(calculateNewRandomColorStrength());
+        },
+    }), []);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: PixelatedScan_module_scss_1.default.gridItem, style: Object.assign({ width: size, height: size }, { "--pixel-color": randomColorStrength.hex() }) }));
+}
+const GridItem = (0, react_1.forwardRef)(_GridItem);
+//# sourceMappingURL=PixelatedScan.js.map

package/dist/components/PixelatedScan/PixelatedScan.js.map

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

package/dist/components/PixelatedScan/PixelatedScan.module.scss

@@ -0,0 +1,86 @@
+@use "../../assets/styles/index.scss" as *;
+
+$animationDurationMs: 2000;
+
+@value animationDuration #{$animationDurationMs};
+
+$animationDuration: #{$animationDurationMs}ms;
+
+.guide {
+  width: 100%;
+  position: absolute;
+  animation-duration: $animationDuration;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  animation-fill-mode: forwards;
+  animation-timing-function: linear;
+  min-height: 10px;
+  top: 0;
+  &::after {
+    content: " ";
+    width: 100%;
+    height: 10px;
+    background: $pixelatedGuideBackground;
+  }
+}
+
+.grid {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  left: 0px;
+  bottom: 0px;
+  overflow: hidden;
+  > * {
+    display: flex;
+    opacity: 0;
+    &.guide {
+      opacity: 1;
+    }
+  }
+  &.inverse {
+    transform: rotateX(180deg);
+  }
+}
+
+.gridItem {
+  background-color: var(--pixel-color);
+}
+
+.gridAnimate {
+  animation-duration: #{$animationDurationMs}ms;
+}
+
+.iterate {
+  .guide {
+    animation-name: upAndDown;
+  }
+  .gridAnimate {
+    animation-name: onAndOff;
+    will-change: opacity;
+  }
+}
+
+@keyframes onAndOff {
+  0% {
+    opacity: 0;
+  }
+
+  10% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+@keyframes upAndDown {
+  0% {
+    height: 0%;
+  }
+  100% {
+    height: 100%;
+  }
+}

package/dist/components/PixelatedScan/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./PixelatedScan";
+export * from "./PixelatedScan";

package/dist/components/PixelatedScan/index.js

@@ -0,0 +1,24 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var PixelatedScan_1 = require("./PixelatedScan");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(PixelatedScan_1).default; } });
+__exportStar(require("./PixelatedScan"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/PixelatedScan/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PixelatedScan/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,iDAA0C;AAAjC,yHAAA,OAAO,OAAA;AAChB,kDAAgC"}

package/dist/components/Portal/Portal.d.ts

@@ -0,0 +1,20 @@
+import React, { PropsWithChildren } from "react";
+/**
+ * A react portal implementation with current page fallback
+ *
+ * Usage
+ * <PortalReceiver name="receive"/>
+ *
+ * <Portal to="receive">CHILD</Portal>
+ *
+ * This component renders its children inside a different part of the DOM tree
+ * than where it was originally placed, allowing content to appear outside its
+ * parent containers (useful for modals, tooltips, and dropdowns).
+ **/
+export default function Portal({ to, children, }: PropsWithChildren<{
+    to: string;
+}>): import("react/jsx-runtime").JSX.Element | null;
+export declare const PortalReceiver: React.ForwardRefExoticComponent<{
+    name: string;
+    className?: string | undefined;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Portal/Portal.js

@@ -0,0 +1,59 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PortalReceiver = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_dom_1 = __importDefault(require("react-dom"));
+const react_1 = require("react");
+const react_2 = require("react");
+const react_3 = require("react");
+const Portal_module_scss_1 = __importDefault(require("./Portal.module.scss"));
+/**
+ * A react portal implementation with current page fallback
+ *
+ * Usage
+ * <PortalReceiver name="receive"/>
+ *
+ * <Portal to="receive">CHILD</Portal>
+ *
+ * This component renders its children inside a different part of the DOM tree
+ * than where it was originally placed, allowing content to appear outside its
+ * parent containers (useful for modals, tooltips, and dropdowns).
+ **/
+function Portal({ to, children, }) {
+    const [target, setTarget] = (0, react_3.useState)();
+    (0, react_2.useEffect)(() => {
+        const els = document.querySelectorAll(`[data-one-portal="${to}"]`);
+        let latestEl;
+        els.forEach((el) => {
+            latestEl =
+                Number(el.getAttribute("data-timestamp")) >
+                    Number((latestEl === null || latestEl === void 0 ? void 0 : latestEl.timestamp) || 0)
+                    ? el
+                    : latestEl;
+        });
+        setTarget(latestEl || null);
+    }, []);
+    return target === undefined ? null : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: target === null ? children : react_dom_1.default.createPortal(children, target) }));
+}
+exports.default = Portal;
+function _PortalReceiver(_a, _ref) {
+    var { name, className = "" } = _a, props = __rest(_a, ["name", "className"]);
+    const timestamp = (0, react_1.useMemo)(() => Date.now(), []);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `${Portal_module_scss_1.default.portal} ${className}`, "data-one-portal": name, ref: _ref, "data-timestamp": timestamp }, props)));
+}
+exports.PortalReceiver = (0, react_1.forwardRef)(_PortalReceiver);
+//# sourceMappingURL=Portal.js.map

package/dist/components/Portal/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,0DAAiC;AACjC,iCAOe;AAEf,iCAAkC;AAClC,iCAAiC;AACjC,8EAA0C;AAE1C;;;;;;;;;;;IAWI;AACJ,SAAwB,MAAM,CAAC,EAC7B,EAAE,EACF,QAAQ,GAC0B;IAClC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAkB,CAAC;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,QAAQ,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;QACnE,IAAI,QAAa,CAAC;QAClB,GAAG,CAAC,OAAO,CAAC,CAAC,EAAO,EAAE,EAAE;YACtB,QAAQ;gBACN,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;oBACvC,MAAM,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,KAAI,CAAC,CAAC;oBAChC,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,QAAQ,CAAC;QACjB,CAAC,CAAC,CAAC;QACH,SAAS,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACnC,2DAAG,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAQ,CAAC,YAAY,CAAC,QAAe,EAAE,MAAM,CAAC,GAAI,CACnF,CAAC;AACJ,CAAC;AAtBD,yBAsBC;AAED,SAAS,eAAe,CACtB,EAUC,EACD,IAAkC;QAXlC,EACE,IAAI,EACJ,SAAS,GAAG,EAAE,OAQf,EAPI,KAAK,cAHV,qBAIC,CADS;IAUV,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAChD,OAAO,CACL,8CACE,SAAS,EAAE,GAAG,4BAAM,CAAC,MAAM,IAAI,SAAS,EAAE,qBACzB,IAAI,EACrB,GAAG,EAAE,IAAI,oBACO,SAAS,IACrB,KAAK,EACT,CACH,CAAC;AACJ,CAAC;AAEY,QAAA,cAAc,GAAG,IAAA,kBAAU,EAAC,eAAe,CAAC,CAAC"}

package/dist/components/Portal/Portal.module.scss

@@ -0,0 +1,3 @@
+.portal > :not(:last-child) {
+  display: none;
+}

package/dist/components/Portal/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Portal";
+export * from "./Portal";

package/dist/components/Portal/index.js

@@ -0,0 +1,24 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Portal_1 = require("./Portal");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Portal_1).default; } });
+__exportStar(require("./Portal"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/Portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA;AAChB,2CAAyB"}

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,32 @@
+import { ComponentProps, ForwardedRef, RefObject } from "react";
+/**
+ * A visual indicator that shows how much of a task is complete.
+ * It displays a bar that fills up from 0 to 100 percent.
+ */
+export default function ProgressBar({ progress, indicatorRef, bodyRef, ...props }: {
+    indicatorRef?: ForwardedRef<HTMLSpanElement>;
+    bodyRef?: RefObject<HTMLDivElement>;
+    /**
+     * Given in percent
+     */
+    progress: number;
+} & ({
+    /**
+     * Given as css font size
+     */
+    size: number | string;
+    mode?: "gauge" | "guide";
+} | {
+    /**
+     * Given as pixels
+     */
+    size: number;
+    mode?: "sections";
+    /** The number of sections to split */
+    sections: number;
+})): import("react/jsx-runtime").JSX.Element;
+export declare function BalancedProgressBar({ min, max, current, size, ...props }: {
+    min: number;
+    max: number;
+    current: number;
+} & Omit<ComponentProps<typeof ProgressBar>, "progress">): import("react/jsx-runtime").JSX.Element;

package/dist/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,55 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BalancedProgressBar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ProgressBar_module_scss_1 = __importDefault(require("./ProgressBar.module.scss"));
+/**
+ * A visual indicator that shows how much of a task is complete.
+ * It displays a bar that fills up from 0 to 100 percent.
+ */
+function ProgressBar(_a) {
+    var { progress, indicatorRef, bodyRef } = _a, props = __rest(_a, ["progress", "indicatorRef", "bodyRef"]);
+    if (props.mode === "sections") {
+        const ref = (0, react_1.useRef)(null);
+        const strokeID = (0, react_1.useMemo)(() => `stroke-${(Math.random() * 100000).toFixed(0)}`, []);
+        const height = props.size;
+        const [width, setWidth] = (0, react_1.useState)(0);
+        const dashWidth = width / props.sections;
+        const spacing = dashWidth * 0.2;
+        (0, react_1.useEffect)(() => {
+            setWidth(ref.current.clientWidth);
+        }, []);
+        return ((0, jsx_runtime_1.jsxs)("svg", { ref: ref, viewBox: `${-height / 2} 0 ${width + height - spacing} ${height}`, preserveAspectRatio: "none", width: "100%", height: `${height}px`, children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", { id: `${strokeID}`, x1: "0%", y1: "0%", x2: "100%", y2: "0%", gradientUnits: "userSpaceOnUse", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", "stop-color": "blue" }), (0, jsx_runtime_1.jsx)("stop", { offset: `${progress}%`, "stop-color": "blue" }), (0, jsx_runtime_1.jsx)("stop", { offset: `${progress}%`, "stop-color": "green" }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", "stop-color": "green" })] }) }), (0, jsx_runtime_1.jsx)("line", { x1: "0", y1: height / 2, x2: width, y2: height / 2, stroke: `url(#${strokeID})`, "stroke-width": height, "stroke-dasharray": `${dashWidth - spacing},${spacing}`, "stroke-linecap": "round" })] }));
+    }
+    const mode = props.mode || "guide";
+    const size = props.size;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `${ProgressBar_module_scss_1.default.container} ${ProgressBar_module_scss_1.default[mode]} ${progress === 100 ? ProgressBar_module_scss_1.default.completed : ""}`, style: { fontSize: size }, ref: bodyRef, children: [(0, jsx_runtime_1.jsx)("span", { style: { width: `${progress}%` } }), mode === "guide" && ((0, jsx_runtime_1.jsx)("span", { ref: indicatorRef, style: { left: `${progress}%` } }))] }));
+}
+exports.default = ProgressBar;
+function BalancedProgressBar(_a) {
+    var { min, max, current, size } = _a, props = __rest(_a, ["min", "max", "current", "size"]);
+    const progress = (0, react_1.useMemo)(() => {
+        const progressVal = current - min;
+        const maxVal = max - min;
+        const currProgress = (progressVal * 100) / maxVal;
+        return currProgress;
+    }, [min, max, current]);
+    return (0, jsx_runtime_1.jsx)(ProgressBar, Object.assign({ size: size, progress: progress }, props));
+}
+exports.BalancedProgressBar = BalancedProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

package/dist/components/ProgressBar/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAQe;AACf,wFAA+C;AAG/C;;;GAGG;AACH,SAAwB,WAAW,CAAC,EA6BnC;QA7BmC,EAClC,QAAQ,EACR,YAAY,EACZ,OAAO,OA0BR,EAzBI,KAAK,cAJ0B,uCAKnC,CADS;IA0BR,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QAC9B,MAAM,GAAG,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAC;QACxC,MAAM,QAAQ,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EACrD,EAAE,CACH,CAAC;QACF,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC;QAC1B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;QACtC,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC;QACzC,MAAM,OAAO,GAAG,SAAS,GAAG,GAAG,CAAC;QAChC,IAAA,iBAAS,EAAC,GAAG,EAAE;YACb,QAAQ,CAAC,GAAG,CAAC,OAAQ,CAAC,WAAW,CAAC,CAAC;QACrC,CAAC,EAAE,EAAE,CAAC,CAAC;QACP,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,GAAG,CAAC,MAAM,GAAG,CAAC,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,IAAI,MAAM,EAAE,EACjE,mBAAmB,EAAC,MAAM,EAC1B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,GAAG,MAAM,IAAI,aAErB,2CACE,4CACE,EAAE,EAAE,GAAG,QAAQ,EAAE,EACjB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,IAAI,EACP,aAAa,EAAC,gBAAgB,aAE9B,iCAAM,MAAM,EAAC,IAAI,gBAAY,MAAM,GAAG,EACtC,iCAAM,MAAM,EAAE,GAAG,QAAQ,GAAG,gBAAa,MAAM,GAAG,EAClD,iCAAM,MAAM,EAAE,GAAG,QAAQ,GAAG,gBAAa,OAAO,GAAG,EACnD,iCAAM,MAAM,EAAC,MAAM,gBAAY,OAAO,GAAG,IAC1B,GACZ,EACP,iCACE,EAAE,EAAC,GAAG,EACN,EAAE,EAAE,MAAM,GAAG,CAAC,EACd,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,MAAM,GAAG,CAAC,EACd,MAAM,EAAE,QAAQ,QAAQ,GAAG,kBACb,MAAM,sBACF,GAAG,SAAS,GAAG,OAAO,IAAI,OAAO,EAAE,oBACtC,OAAO,GACtB,IACE,CACP,CAAC;IACJ,CAAC;IACD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,OAAO,CAAC;IACnC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACxB,OAAO,CACL,iCACE,SAAS,EAAE,GAAG,iCAAM,CAAC,SAAS,IAAI,iCAAM,CAAC,IAAI,CAAC,IAC5C,QAAQ,KAAK,GAAG,CAAC,CAAC,CAAC,iCAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EACxC,EAAE,EACF,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EACzB,GAAG,EAAE,OAAO,aAEZ,iCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,EAAE,GAAI,EACzC,IAAI,KAAK,OAAO,IAAI,CACnB,iCAAM,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,QAAQ,GAAG,EAAE,GAAI,CAC7D,IACG,CACP,CAAC;AACJ,CAAC;AA/FD,8BA+FC;AAED,SAAgB,mBAAmB,CAAC,EAUoB;QAVpB,EAClC,GAAG,EACH,GAAG,EACH,OAAO,EACP,IAAI,OAMkD,EALnD,KAAK,cAL0B,iCAMnC,CADS;IAMR,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,MAAM,WAAW,GAAG,OAAO,GAAG,GAAG,CAAC;QAClC,MAAM,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC;QAEzB,MAAM,YAAY,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC,GAAG,MAAM,CAAC;QAElD,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,OAAO,uBAAC,WAAW,kBAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAO,KAAa,EAAI,CAAC;AAC7E,CAAC;AArBD,kDAqBC"}

package/dist/components/ProgressBar/ProgressBar.module.scss

@@ -0,0 +1,44 @@
+@use "sass:math";
+@use "../../assets/styles/index.scss" as *;
+
+.container {
+  &.guide {
+    margin: 0.375em;
+  }
+  &.gauge {
+    margin: 0em;
+  }
+  &.sections {
+    width: 100%;
+  }
+  height: 0.25em;
+  background-color: red;
+  position: relative;
+  border-radius: math.div(0.25em, 2);
+  background: var(--progress-bar-bg, #ababab);
+  > :first-child {
+    position: absolute;
+    top: 0;
+    left: 0;
+    background-color: green;
+    height: inherit;
+    border-top-left-radius: math.div(0.25em, 2);
+    border-bottom-left-radius: math.div(0.25em, 2);
+    background: var(--progress-bar-bar, #dedede);
+    transition: width var(--animation-speed-transition, $fast) ease-out;
+  }
+  &.completed > :first-child {
+    border-top-right-radius: math.div(0.25em, 2);
+    border-bottom-right-radius: math.div(0.25em, 2);
+  }
+  &.guide > :last-child {
+    position: absolute;
+    margin-top: math.div(-0.5em, 1.25);
+    margin-left: -0.5em;
+    height: 1em;
+    width: 1em;
+    border-radius: 0.5em;
+    transition: left var(--animation-speed-transition, $fast) ease-out;
+    background: var(--progress-bar-guide, #dedede);
+  }
+}

package/dist/components/ProgressBar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ProgressBar";
+export * from "./ProgressBar";

package/dist/components/ProgressBar/index.js

@@ -0,0 +1,24 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ProgressBar_1 = require("./ProgressBar");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ProgressBar_1).default; } });
+__exportStar(require("./ProgressBar"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA;AAChB,gDAA8B"}

package/dist/components/ProgressTexts/ProgressTexts.d.ts

@@ -0,0 +1,29 @@
+import React, { ComponentProps, MouseEvent, ReactElement } from "react";
+import Button from "../Button";
+type Step = {
+    type: "wait" | "final";
+    title?: string;
+    description?: string | React.ReactElement;
+    action?: {
+        label: string | ReactElement;
+        onClick: (e: MouseEvent<HTMLButtonElement>) => void;
+        disabled?: boolean;
+        variant?: ComponentProps<typeof Button>["variant"];
+    };
+};
+/**
+ * Displays new texts as they are pushed into the steps property allowing for a nice progress follow experience
+ **/
+/**
+ * This component shows a sequence of steps with titles, descriptions, and optional buttons.
+ * It highlights the current step and fades out previous ones, helping users follow along as they progress through a process.
+ **/
+export default function ProgressTexts({ steps, currentStep, spacingOnEachStep, }: {
+    /**
+     * Starts at 0
+     */
+    currentStep: number;
+    steps: Step[];
+    spacingOnEachStep?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ProgressTexts/ProgressTexts.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Spacing_1 = __importDefault(require("../Spacing"));
+const ProgressTexts_module_scss_1 = __importDefault(require("./ProgressTexts.module.scss"));
+const Button_1 = __importDefault(require("../Button"));
+/**
+ * Displays new texts as they are pushed into the steps property allowing for a nice progress follow experience
+ **/
+/**
+ * This component shows a sequence of steps with titles, descriptions, and optional buttons.
+ * It highlights the current step and fades out previous ones, helping users follow along as they progress through a process.
+ **/
+function ProgressTexts({ steps, currentStep, spacingOnEachStep = true, }) {
+    const _currentStep = steps[currentStep];
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: steps.map((s, i) => {
+            function whichClassToUse(step, stepType, currentStep, currentStepType) {
+                const classes = [ProgressTexts_module_scss_1.default.container];
+                // Decides the color
+                if (stepType !== "final")
+                    classes.push(step < currentStep ? ProgressTexts_module_scss_1.default.disabled : ProgressTexts_module_scss_1.default.loading);
+                // Decides if should be visible or not
+                classes.push(currentStep !== step && currentStepType === "final"
+                    ? ProgressTexts_module_scss_1.default.hidden
+                    : "");
+                return classes.join(" ");
+            }
+            return i <= currentStep ? ((0, jsx_runtime_1.jsxs)("div", { ref: (a) => {
+                    if (a)
+                        a.style.maxHeight = `${a.scrollHeight}px`;
+                }, className: whichClassToUse(i, s.type, currentStep, _currentStep.type), children: [s.title && (0, jsx_runtime_1.jsx)("h1", { children: s.title }), s.description && (0, jsx_runtime_1.jsx)("p", { children: s.description }), s.action && ((0, jsx_runtime_1.jsx)(Button_1.default, { variant: s.action.variant, onClick: s.action.onClick, disabled: s.action.disabled, children: s.action.label })), spacingOnEachStep !== false ? (0, jsx_runtime_1.jsx)(Spacing_1.default, { size: "large" }) : null] }, String(i))) : null;
+        }) }));
+}
+exports.default = ProgressTexts;
+//# sourceMappingURL=ProgressTexts.js.map

package/dist/components/ProgressTexts/ProgressTexts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressTexts.js","sourceRoot":"","sources":["../../../src/components/ProgressTexts/ProgressTexts.tsx"],"names":[],"mappings":";;;;;;AACA,yDAAiC;AAEjC,4FAAiD;AACjD,uDAA+B;AAc/B;;IAEI;AACJ;;;IAGI;AACJ,SAAwB,aAAa,CAAC,EACpC,KAAK,EACL,WAAW,EACX,iBAAiB,GAAG,IAAI,GAQzB;IACC,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IACxC,OAAO,CACL,2DACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAClB,SAAS,eAAe,CACtB,IAAY,EACZ,QAAsB,EACtB,WAAmB,EACnB,eAA6B;gBAE7B,MAAM,OAAO,GAAG,CAAC,mCAAM,CAAC,SAAS,CAAC,CAAC;gBAEnC,oBAAoB;gBACpB,IAAI,QAAQ,KAAK,OAAO;oBACtB,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,mCAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,mCAAM,CAAC,OAAO,CAAC,CAAC;gBAEtE,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CACV,WAAW,KAAK,IAAI,IAAI,eAAe,KAAK,OAAO;oBACjD,CAAC,CAAC,mCAAM,CAAC,MAAM;oBACf,CAAC,CAAC,EAAE,CACP,CAAC;gBAEF,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC3B,CAAC;YACD,OAAO,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CACxB,iCAEE,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE;oBACT,IAAI,CAAC;wBAAE,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,YAAY,IAAI,CAAC;gBACnD,CAAC,EACD,SAAS,EAAE,eAAe,CACxB,CAAC,EACD,CAAC,CAAC,IAAI,EACN,WAAW,EACX,YAAY,CAAC,IAAI,CAClB,aAEA,CAAC,CAAC,KAAK,IAAI,yCAAK,CAAC,CAAC,KAAK,GAAM,EAC7B,CAAC,CAAC,WAAW,IAAI,wCAAI,CAAC,CAAC,WAAW,GAAK,EACvC,CAAC,CAAC,MAAM,IAAI,CACX,uBAAC,gBAAM,IAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,YACtF,CAAC,CAAC,MAAM,CAAC,KAAK,GACR,CACV,EACA,iBAAiB,KAAK,KAAK,CAAC,CAAC,CAAC,uBAAC,iBAAO,IAAC,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,KAlBzD,MAAM,CAAC,CAAC,CAAC,CAmBV,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;QACX,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC;AA/DD,gCA+DC"}

package/dist/components/ProgressTexts/ProgressTexts.module.scss

@@ -0,0 +1,37 @@
+@use "../../assets/styles/index.scss" as *;
+
+.container {
+  font-family: Manrope;
+  transition: max-height $slow;
+  overflow: hidden;
+  max-height: 0px;
+  * {
+    text-align: left;
+  }
+  button {
+    text-align: center;
+  }
+  h1 {
+    font-weight: bold;
+    font-size: 34px;
+    line-height: 41px;
+    color: $spaceBlue !important;
+  }
+  p {
+    font-family: Roboto;
+    font-size: 22px;
+    line-height: 33px;
+  }
+}
+
+.hidden {
+  max-height: 0px !important;
+}
+
+.loading * {
+  color: $spaceBlue !important;
+}
+
+.disabled * {
+  color: $mediumGray !important;
+}

package/dist/components/ProgressTexts/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ProgressTexts";
+export * from "./ProgressTexts";