@onepercentio/one-ui 0.6.5 → 0.7.0

package/dist/components/AdaptiveDialog/AdaptiveDialog.d.ts

@@ -2,8 +2,9 @@ import { PropsWithChildren } from "react";
 /**
  * This component implements a generic drawer that displays it as a drawer on mobile and as a modal on desktop
  **/
-export default function AdaptiveDialog({ onClose, open, className, children, }: PropsWithChildren<{
+export default function AdaptiveDialog({ onClose, open, className, onClickOut, children, }: PropsWithChildren<{
     className?: string;
     open: boolean;
     onClose?: () => void;
+    onClickOut?: () => void;
 }>): JSX.Element | null;

package/dist/components/AdaptiveDialog/AdaptiveDialog.js

@@ -30,10 +30,11 @@ const react_1 = __importStar(require("react"));
 const AdaptiveDialog_module_scss_1 = __importDefault(require("./AdaptiveDialog.module.scss"));
 const MutableHamburgerButton_1 = __importDefault(require("../MutableHamburgerButton"));
 const ScrollAndFocusLock_1 = __importDefault(require("../utilitary/ScrollAndFocusLock"));
+const react_dom_1 = __importDefault(require("react-dom"));
 /**
  * This component implements a generic drawer that displays it as a drawer on mobile and as a modal on desktop
  **/
-function AdaptiveDialog({ onClose, open = false, className = "", children, }) {
+function AdaptiveDialog({ onClose, open = false, className = "", onClickOut, children, }) {
     const rootDivRef = (0, react_1.useRef)(null);
     const [isVisible, setIsVisible] = (0, react_1.useState)(open);
     const [expanded, setExpanded] = (0, react_1.useState)(false);
@@ -49,12 +50,12 @@ function AdaptiveDialog({ onClose, open = false, className = "", children, }) {
             rootDivRef.current.addEventListener("animationend", toggleVisbility);
         }
     }, [open]);
-    return isVisible || open ? (react_1.default.createElement("div", { ref: rootDivRef, className: `${AdaptiveDialog_module_scss_1.default.backdrop} ${open ? AdaptiveDialog_module_scss_1.default.open : AdaptiveDialog_module_scss_1.default.close} ${expanded ? AdaptiveDialog_module_scss_1.default.expanded : ""}` },
-        react_1.default.createElement("div", { className: `${AdaptiveDialog_module_scss_1.default.container} ${className}` },
+    return isVisible || open ? (react_1.default.createElement(react_1.default.Fragment, null, react_dom_1.default.createPortal(react_1.default.createElement("div", { ref: rootDivRef, className: `${AdaptiveDialog_module_scss_1.default.backdrop} ${open ? AdaptiveDialog_module_scss_1.default.open : AdaptiveDialog_module_scss_1.default.close} ${expanded ? AdaptiveDialog_module_scss_1.default.expanded : ""}`, onClick: onClickOut },
+        react_1.default.createElement("div", { className: `${AdaptiveDialog_module_scss_1.default.container} ${className}`, onClick: (e) => e.stopPropagation() },
             react_1.default.createElement(ScrollAndFocusLock_1.default, { open: open },
                 onClose && (react_1.default.createElement(MutableHamburgerButton_1.default, { className: AdaptiveDialog_module_scss_1.default.closeBtn, onClick: onClose, state: "closed", size: 24 })),
                 react_1.default.createElement("div", { className: AdaptiveDialog_module_scss_1.default.indicator, onClick: () => setExpanded((p) => !p) }),
-                children)))) : null;
+                children))), document.body))) : null;
 }
 exports.default = AdaptiveDialog;
 //# sourceMappingURL=AdaptiveDialog.js.map

package/dist/components/AdaptiveDialog/AdaptiveDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdaptiveDialog.js","sourceRoot":"","sources":["../../../src/components/AdaptiveDialog/AdaptiveDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8E;AAC9E,8FAAkD;AAClD,uFAA+D;AAC/D,yFAAiE;AAEjE;;IAEI;AACJ,SAAwB,cAAc,CAAC,EACrC,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,SAAS,GAAG,EAAE,EACd,QAAQ,GAKR;IACA,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE;YACR,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,MAAM,eAAe,GAAG,CAAC,CAAiB,EAAE,EAAE;gBAC5C,IAAI,CAAC,CAAC,aAAa,KAAK,oCAAM,CAAC,eAAe,EAAE;oBAC9C,YAAY,CAAC,KAAK,CAAC,CAAC;oBACnB,CAAC,CAAC,MAA0B,CAAC,mBAAmB,CAC/C,cAAc,EACd,eAAe,CAChB,CAAC;iBACH;YACH,CAAC,CAAC;YACF,UAAU,CAAC,OAAQ,CAAC,gBAAgB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;SACvE;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,CACzB,uCACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,GAAG,oCAAM,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,oCAAM,CAAC,IAAI,CAAC,CAAC,CAAC,oCAAM,CAAC,KAAK,IAChE,QAAQ,CAAC,CAAC,CAAC,oCAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC/B,EAAE;QAEF,uCAAK,SAAS,EAAE,GAAG,oCAAM,CAAC,SAAS,IAAI,SAAS,EAAE;YAChD,8BAAC,4BAAkB,IAAC,IAAI,EAAE,IAAI;gBAC3B,OAAO,IAAI,CACV,8BAAC,gCAAsB,IACrB,SAAS,EAAE,oCAAM,CAAC,QAAQ,EAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,EAAE,GACR,CACH;gBACD,uCACE,SAAS,EAAE,oCAAM,CAAC,SAAS,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GACrC;gBACD,QAAQ,CACU,CACjB,CACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAxDD,iCAwDC"}
+{"version":3,"file":"AdaptiveDialog.js","sourceRoot":"","sources":["../../../src/components/AdaptiveDialog/AdaptiveDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8E;AAC9E,8FAAkD;AAClD,uFAA+D;AAC/D,yFAAiE;AACjE,0DAAiC;AAEjC;;IAEI;AACJ,SAAwB,cAAc,CAAC,EACrC,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,SAAS,GAAG,EAAE,EACd,UAAU,EACV,QAAQ,GAMR;IACA,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE;YACR,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,MAAM,eAAe,GAAG,CAAC,CAAiB,EAAE,EAAE;gBAC5C,IAAI,CAAC,CAAC,aAAa,KAAK,oCAAM,CAAC,eAAe,EAAE;oBAC9C,YAAY,CAAC,KAAK,CAAC,CAAC;oBACnB,CAAC,CAAC,MAA0B,CAAC,mBAAmB,CAC/C,cAAc,EACd,eAAe,CAChB,CAAC;iBACH;YACH,CAAC,CAAC;YACF,UAAU,CAAC,OAAQ,CAAC,gBAAgB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;SACvE;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,CACzB,8DACG,mBAAQ,CAAC,YAAY,CACpB,uCACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,GAAG,oCAAM,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,oCAAM,CAAC,IAAI,CAAC,CAAC,CAAC,oCAAM,CAAC,KAAK,IAChE,QAAQ,CAAC,CAAC,CAAC,oCAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC/B,EAAE,EACF,OAAO,EAAE,UAAU;QAEnB,uCACE,SAAS,EAAE,GAAG,oCAAM,CAAC,SAAS,IAAI,SAAS,EAAE,EAC7C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;YAEnC,8BAAC,4BAAkB,IAAC,IAAI,EAAE,IAAI;gBAC3B,OAAO,IAAI,CACV,8BAAC,gCAAsB,IACrB,SAAS,EAAE,oCAAM,CAAC,QAAQ,EAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,EAAE,GACR,CACH;gBACD,uCACE,SAAS,EAAE,oCAAM,CAAC,SAAS,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GACrC;gBACD,QAAQ,CACU,CACjB,CACF,EACN,QAAQ,CAAC,IAAI,CACd,CACA,CACJ,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAnED,iCAmEC"}

package/dist/components/AdaptiveDialog/AdaptiveDialog.module.scss

@@ -119,21 +119,22 @@
 @keyframes slideUp {
   0% {
     min-height: 0px;
-    max-height: 0%;
+    transform: translateY(100%);
   }
 
   100% {
-    max-height: 100%;
+    min-height: 0px;
+    transform: translateY(0%);
   }
 }
 
 @keyframes slideDown {
   0% {
-    max-height: 100%;
+    transform: translateY(0%);
   }
 
   100% {
     min-height: 0px;
-    max-height: 0%;
+    transform: translateY(100%);
   }
 }

package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.d.ts

@@ -11,6 +11,7 @@ export declare const InitialImplementation: {
         className?: string | undefined;
         open: boolean;
         onClose?: (() => void) | undefined;
+        onClickOut?: (() => void) | undefined;
     } & {
         children?: React.ReactNode;
     }>;

package/dist/components/AnimatedEntrance/AnimatedEntrance.js

@@ -61,15 +61,17 @@ const CONFIGS_BY_ENTRANCE_TYPE = {
 function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren, entranceType, }) {
     const uncontRef = (0, react_1.useRef)(null);
     const [screen, setScreen] = (0, react_1.useState)(noEntranceAnimation ? children : react_1.default.createElement(react_1.Fragment, { key: "null" }));
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useLayoutEffect)(() => {
         if (String(children.key).includes("-nullated")) {
             uncontRef.current.setOrientation("backward");
         }
-        setScreen(true);
+    }, [children.key]);
+    (0, react_1.useEffect)(() => {
+        setScreen(String(children.key));
     }, [children.key]);
     (0, react_1.useEffect)(() => {
         const x = setTimeout(() => {
-            const key = String(screen === true ? children.key : screen.key);
+            const key = String(typeof screen === "string" ? screen : screen.key);
             if (key === "null" || key.includes("-nullated"))
                 uncontRef.current.sectionRef.current.style.maxHeight = `0px`;
             else {
@@ -87,7 +89,7 @@ function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren,
     return (react_1.default.createElement(UncontrolledTransition_1.default, { ref: uncontRef, transitionType: Transition_1.TransitionAnimationTypes.CUSTOM, className: `${AnimatedEntrance_module_scss_1.default.resetHeight} ${className}`, lockTransitionWidth: true, key: String(children.key).replace("-nullated", ""), onDiscardStep: (k) => {
             if (k !== "null")
                 onRemoveChildren(k);
-        }, config: CONFIGS_BY_ENTRANCE_TYPE[entranceType] }, screen === true ? children : screen));
+        }, config: CONFIGS_BY_ENTRANCE_TYPE[entranceType] }, typeof screen === "string" ? children : screen));
 }
 exports.AnimatedEntranceItem = AnimatedEntranceItem;
 /**

package/dist/components/AnimatedEntrance/AnimatedEntrance.js.map

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

package/dist/components/Background/Background.d.ts

@@ -0,0 +1,7 @@
+/**
+ * An animated background that represents a 3d environment and places the user into a cenario
+ **/
+export default function Background({ pointTo, color, }: {
+    pointTo: "north" | "south" | "east" | "west";
+    color: string;
+}): JSX.Element;

package/dist/components/Background/Background.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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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 });
+const react_1 = __importStar(require("react"));
+const Background_module_scss_1 = __importDefault(require("./Background.module.scss"));
+const throttle_1 = __importDefault(require("lodash/throttle"));
+/**
+ * An animated background that represents a 3d environment and places the user into a cenario
+ **/
+function Background({ pointTo = "north", color, }) {
+    const base = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const func = (0, throttle_1.default)((e) => {
+            const razao = document.body.clientWidth / document.body.clientHeight;
+            const baseX = 1;
+            const baseY = baseX * razao;
+            const percentX = (e.x * 100) / document.body.clientWidth / 100;
+            const percentY = (e.y * 100) / document.body.clientHeight / 100;
+            const perspectiveOffsetX = baseX * percentX - baseX / 2;
+            const perspectiveOffsetY = baseY * percentY - baseY / 2;
+            base.current.style.perspectiveOrigin = `${50 - perspectiveOffsetX}% ${40 - perspectiveOffsetY}%`;
+        }, 1000 / 15);
+        window.addEventListener("mousemove", func);
+        return () => {
+            window.removeEventListener("mousemove", func);
+        };
+    }, []);
+    return (react_1.default.createElement("div", { ref: base, style: { "--halo": color }, className: `${Background_module_scss_1.default.background} ${Background_module_scss_1.default[pointTo]}` },
+        react_1.default.createElement("div", { className: Background_module_scss_1.default.ground }),
+        react_1.default.createElement("div", { className: Background_module_scss_1.default.overlay })));
+}
+exports.default = Background;
+//# sourceMappingURL=Background.js.map

package/dist/components/Background/Background.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Background.js","sourceRoot":"","sources":["../../../src/components/Background/Background.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,sFAA8C;AAC9C,+DAAuC;AAEvC;;IAEI;AACJ,SAAwB,UAAU,CAAC,EACjC,OAAO,GAAG,OAAO,EACjB,KAAK,GAIN;IACC,MAAM,IAAI,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC1C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,IAAA,kBAAQ,EAAC,CAAC,CAAa,EAAE,EAAE;YACtC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC;YACrE,MAAM,KAAK,GAAG,CAAC,CAAC;YAChB,MAAM,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;YAC5B,MAAM,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC;YAC/D,MAAM,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;YAChE,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,CAAC,CAAC;YACxD,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,CAAC,CAAC;YACxD,IAAI,CAAC,OAAQ,CAAC,KAAK,CAAC,iBAAiB,GAAG,GAAG,EAAE,GAAG,kBAAkB,KAChE,EAAE,GAAG,kBACP,GAAG,CAAC;QACN,CAAC,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;QACd,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAC3C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAChD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,uCACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAS,EACjC,SAAS,EAAE,GAAG,gCAAM,CAAC,UAAU,IAAI,gCAAM,CAAC,OAAO,CAAC,EAAE;QAEpD,uCAAK,SAAS,EAAE,gCAAM,CAAC,MAAM,GAAI;QACjC,uCAAK,SAAS,EAAE,gCAAM,CAAC,OAAO,GAAI,CAC9B,CACP,CAAC;AACJ,CAAC;AApCD,6BAoCC"}

package/dist/components/Background/Background.module.scss

@@ -0,0 +1,106 @@
+$renderResolutionWidth: 50vw;
+$renderResolutionHeight: 50vh;
+$blockSize: $renderResolutionWidth * 0.1;
+
+* {
+  -webkit-font-smoothing: subpixel-antialiased;
+  outline: 1px solid transparent;
+  --primary-color: blue;
+}
+
+.overlay {
+  position: absolute;
+  height: $renderResolutionHeight / 10;
+  width: $renderResolutionWidth / 10;
+  transform: scale(10);
+  background: radial-gradient(
+    circle at 50% -100%,
+    rgba(33, 0, 59, 0.5),
+    rgba(33, 0, 59, 0.5) 40%,
+    rgba(66, 35, 91, 0.5) 65%,
+    #0000 80%
+  );
+  background-repeat: no-repeat;
+}
+
+.background {
+  overflow: hidden;
+  image-rendering: 10px 10px;
+  background-color: black;
+  image-rendering: optimizeSpeed;
+  background-repeat: no-repeat;
+  background-size: $renderResolutionWidth $renderResolutionHeight * 0.5;
+  width: $renderResolutionWidth;
+  height: $renderResolutionHeight;
+  perspective: $renderResolutionWidth * 0.9;
+  perspective-origin: 50% 40%;
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: -1;
+  transition: perspective-origin;
+  transition-duration: var(--animation-speed-transition);
+  top: 50vh - $renderResolutionHeight / 2;
+  left: 50vw - $renderResolutionWidth / 2;
+  transform: scale(100vw / $renderResolutionWidth);
+
+  & .ground {
+    transform: rotateX(90deg) translateY(50%) translateZ(-75px) rotateZ(0deg);
+  }
+  &.north .ground {
+    transform: rotateX(90deg) translateY(50%) translateZ(-75px) rotateZ(0deg)
+      rotateZ(0deg);
+  }
+  &.south .ground {
+    transform: rotateX(90deg) translateY(50%) translateZ(-75px) rotateZ(0deg)
+      rotateZ(180deg);
+  }
+  &.east .ground {
+    transform: rotateX(90deg) translateY(50%) translateZ(-75px) rotateZ(0deg)
+      rotateZ(90deg);
+  }
+  &.west .ground {
+    transform: rotateX(90deg) translateY(50%) translateZ(-75px) rotateZ(0deg)
+      rotateZ(270deg);
+  }
+}
+
+$tileSize: $renderResolutionHeight * 0.075 * 1.5;
+.ground {
+  width: $renderResolutionWidth * 3 * (100vw / $renderResolutionWidth);
+  height: $renderResolutionWidth * 3 * (100vw / $renderResolutionWidth);
+  transition: transform var(--animation-speed-transition) var(--animation-timing-transition);
+  &::before {
+    backface-visibility: hidden;
+    content: "";
+    position: absolute;
+    width: $renderResolutionWidth * 3 * (100vw / $renderResolutionWidth);
+    height: $renderResolutionWidth * 3 * (100vw / $renderResolutionWidth);
+    border-radius: 50%;
+    background: url(./ground-tile.svg);
+    background-size: $tileSize $tileSize;
+    background-position: -18px 30px;
+  }
+
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &::after {
+    content: "";
+    width: $renderResolutionWidth * 3;
+    height: $renderResolutionWidth * 3;
+    transform: scale(4);
+    background: radial-gradient(
+      transparent 20%,
+      rgba(33, 0, 59, 1) 40%,
+      rgba(33, 0, 59, 0.6) 59%,
+      #0009 70%
+    );
+    // background-color: red;
+    border-radius: 50%;
+    position: absolute;
+  }
+}

package/dist/components/Background/Background.stories.d.ts

@@ -0,0 +1,7 @@
+import AsyncWrapper from "./Background";
+declare const _default: {
+    component: typeof AsyncWrapper;
+    title: string;
+};
+export default _default;
+export declare const InitialImplementation: (args: any) => JSX.Element;

package/dist/components/Background/Background.stories.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InitialImplementation = void 0;
+const react_1 = __importDefault(require("react"));
+const OneUIProvider_1 = __importDefault(require("../../context/OneUIProvider"));
+const Loader_1 = __importDefault(require("../Loader"));
+const Background_1 = __importDefault(require("./Background"));
+exports.default = {
+    component: Background_1.default,
+    title: "Sky",
+};
+const InitialImplementation = (args) => (react_1.default.createElement(OneUIProvider_1.default, { config: {
+        component: {
+            asyncWrapper: {
+                LoadingComponent: () => react_1.default.createElement(Loader_1.default, null),
+                messages: {
+                    error: {
+                        title: "Exemplo de error",
+                        retryBtn: "Tentar novamente",
+                    },
+                },
+            },
+        },
+    } },
+    react_1.default.createElement(Background_1.default, Object.assign({}, args))));
+exports.InitialImplementation = InitialImplementation;
+//# sourceMappingURL=Background.stories.js.map

package/dist/components/Background/Background.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Background.stories.js","sourceRoot":"","sources":["../../../src/components/Background/Background.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gFAAwD;AACxD,uDAA+B;AAC/B,8DAAwC;AAExC,kBAAe;IACb,SAAS,EAAE,oBAAY;IACvB,KAAK,EAAE,KAAK;CACb,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,8BAAC,uBAAa,IACZ,MAAM,EAAE;QACN,SAAS,EAAE;YACT,YAAY,EAAE;gBACZ,gBAAgB,EAAE,GAAG,EAAE,CAAC,8BAAC,gBAAM,OAAG;gBAClC,QAAQ,EAAE;oBACR,KAAK,EAAE;wBACL,KAAK,EAAE,kBAAkB;wBACzB,QAAQ,EAAE,kBAAkB;qBAC7B;iBACF;aACF;SACF;KACF;IAED,8BAAC,oBAAY,oBAAK,IAAI,EAAI,CACZ,CACjB,CAAC;AAlBW,QAAA,qBAAqB,yBAkBhC"}

package/dist/components/Background/ground-tile.svg

@@ -0,0 +1,9 @@
+<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none">
+
+    <defs>
+        <filter id="blur">
+            <feGaussianBlur stdDeviation="1" />
+        </filter>
+    </defs>
+    <rect width="400" height="400" stroke-width="6" stroke="#d0b9fc" fill="#0000" />
+</svg>

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

@@ -0,0 +1 @@
+export { default } from './Background';

package/dist/components/Background/index.js

@@ -0,0 +1,9 @@
+"use strict";
+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 Background_1 = require("./Background");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Background_1).default; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Background/index.tsx"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA"}

package/dist/components/Button/Button.js

@@ -39,13 +39,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports._Button = void 0;
 const react_1 = __importStar(require("react"));
+const OneUIProvider_1 = require("../../context/OneUIProvider");
 const Button_module_scss_1 = __importDefault(require("./Button.module.scss"));
 /**
  * A simple button with the new design
  **/
 function _Button(_a) {
     var { children, variant = "transparent", className = "" } = _a, otherProps = __rest(_a, ["children", "variant", "className"]);
-    return (react_1.default.createElement("button", Object.assign({ ref: arguments[1], className: `${Button_module_scss_1.default.button} ${Button_module_scss_1.default[variant]} ${className}` }, otherProps), children));
+    const classNameType = (0, OneUIProvider_1.useOneUIConfig)("component.button.className", {});
+    return (react_1.default.createElement("button", Object.assign({ ref: arguments[1], className: `${Button_module_scss_1.default.button} ${Button_module_scss_1.default[variant]} ${className} ${classNameType[variant] || ""}` }, otherProps), children));
 }
 exports._Button = _Button;
 exports.default = (0, react_1.forwardRef)(_Button);

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoE;AACpE,8EAA0C;AAQ1C;;IAEI;AACJ,SAAgB,OAAO,CAAC,EAKV;QALU,EACtB,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,SAAS,GAAG,EAAE,OAEF,EADT,UAAU,cAJS,oCAKvB,CADc;IAEb,OAAO,CACL,wDACE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,SAAS,EAAE,GAAG,4BAAM,CAAC,MAAM,IAAI,4BAAM,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,IACzD,UAAU,GAEb,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AAfD,0BAeC;AAED,kBAAe,IAAA,kBAAU,EAAiC,OAAO,CAAC,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoE;AACpE,+DAA6D;AAC7D,8EAA0C;AAQ1C;;IAEI;AACJ,SAAgB,OAAO,CAAC,EAKV;QALU,EACtB,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,SAAS,GAAG,EAAE,OAEF,EADT,UAAU,cAJS,oCAKvB,CADc;IAEb,MAAM,aAAa,GAAG,IAAA,8BAAc,EAAC,4BAA4B,EAAE,EAAE,CAAC,CAAC;IACvE,OAAO,CACL,wDACE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,SAAS,EAAE,GAAG,4BAAM,CAAC,MAAM,IAAI,4BAAM,CAAC,OAAO,CAAC,IAAI,SAAS,IAAI,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,IACzF,UAAU,GAEb,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AAhBD,0BAgBC;AAED,kBAAe,IAAA,kBAAU,EAAiC,OAAO,CAAC,CAAC"}

package/dist/components/EmailInput/EmailInput.d.ts

@@ -19,7 +19,7 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Omit<{
     messages: {
         invalidEmail: string;
     };
-}, "className" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "default" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "error" | "border" | "Icon" | "messages" | "icon" | "hideError" | "disclaimer" | "multiline" | "decoration"> & React.RefAttributes<{
+}, "className" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "default" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "border" | "error" | "Icon" | "messages" | "icon" | "hideError" | "disclaimer" | "multiline" | "decoration"> & React.RefAttributes<{
     validateEmail: (email: string) => boolean;
 }>>;
 export default _default;

package/dist/components/EmailInput/EmailInput.stories.d.ts

@@ -19,7 +19,7 @@ declare const _default: {
         messages: {
             invalidEmail: string;
         };
-    }, "className" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "default" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "error" | "border" | "Icon" | "messages" | "icon" | "hideError" | "disclaimer" | "multiline" | "decoration"> & React.RefAttributes<{
+    }, "className" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "default" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "border" | "error" | "Icon" | "messages" | "icon" | "hideError" | "disclaimer" | "multiline" | "decoration"> & React.RefAttributes<{
         validateEmail: (email: string) => boolean;
     }>>;
     title: string;

package/dist/components/InfinityScroll/InfinityScroll.js

@@ -71,7 +71,7 @@ function InfinityScroll({ items, pageSize, initialPage = 0, pageClass, className
         return slicedItems.map((i, index) => typeof i === "object"
             ? Object.assign(Object.assign({}, i), { key: index }) : i);
     }
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useLayoutEffect)(() => {
         if (isCountTheSameOrLowerThanPage)
             return;
         const viewportWidth = parentDiv.current.clientWidth;

package/dist/components/InfinityScroll/InfinityScroll.js.map

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

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.module.scss

@@ -20,18 +20,20 @@ $slice: math.div(1, 7);
     transform: scale(0.9);
   }
   > * {
+    position: relative;
     flex-shrink: 0;
-    box-sizing: content-box;
+    box-sizing: border-box;
     width: 0.8em;
     height: #{$slice}em;
     border-radius: #{math.div($slice, 2)}em;
     transition: transform $veryFast, width $veryFast, height $veryFast,
       border-width $veryFast, background-color $veryFast,
-      border-radius $veryFast;
+      border-radius $veryFast, top $veryFast;
     background: var(--mutable-hamburger-background, $digitalBlue);
     background-size: 1em 1em;
     background-repeat: no-repeat;
     border: 0em solid #0000;
+    top: 0px;
     &:nth-child(1) {
       border-top-color: var(--mutable-hamburger-background, $digitalBlue);
     }
@@ -101,8 +103,8 @@ $slice: math.div(1, 7);
   &.search {
     > :nth-child(1) {
       $rate: 1.8;
-      width: #{$slice * $rate}em;
-      height: #{$slice * $rate}em;
+      width: #{$slice * $rate + math.div($slice, 1.35)}em;
+      height: #{$slice * $rate + math.div($slice, 1.35)}em;
       border-radius: #{$slice * $rate * 2}em;
       background-color: transparent;
       border: #{math.div($slice, 1.35)}em solid
@@ -115,7 +117,7 @@ $slice: math.div(1, 7);
       width: 0.55em;
     }
     > :nth-child(3) {
-      transform: translateX(0.12em) translateY(-#{($slice * 1.3) + 0.05}em)
+      transform: translateX(0.12em) translateY(-#{($slice * 1.3) + 0.085}em)
         rotateZ(45deg);
       height: #{math.div($slice, 1.35)}em;
       width: 0.55em;
@@ -158,19 +160,20 @@ $slice: math.div(1, 7);
     animation-timing-function: linear;
     > * {
       background-color: #0000;
-      width: #{$slice * 2.5}em;
-      height: #{$slice * 2.5}em;
-      border-radius: #{$slice * 2.5}em;
+      width: #{$slice * 4.5}em;
+      height: #{$slice * 4.5}em;
+      border-radius: #{$slice * 4.5}em;
       border-width: #{$slice}em;
     }
     > :nth-child(1) {
-      transform: translateY(#{$slice * 4.5}em);
+      top: (#{$slice * 4.5}em);
     }
     > :nth-child(2) {
       transform: rotateZ(-5deg);
     }
     > :nth-child(3) {
-      transform: translateY(-#{$slice * 4.5}em) rotateZ(-95deg);
+      transform: rotateZ(-95deg);
+      top: (-#{$slice * 4.5}em);
     }
   }
 }

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.js

@@ -33,7 +33,7 @@ exports.default = {
     component: MutableHamburgerButton_1.default,
     title: "Mutable Hamburger Button",
 };
-const InitialImplementation = (args) => (react_1.default.createElement("div", { style: { backgroundColor: "#00f5", display: "inline-block" } },
+const InitialImplementation = (args) => (react_1.default.createElement("div", { style: { transformOrigin: '0px 0px', transform: "scale(10)", backgroundColor: "#00f5", display: "inline-block" } },
     react_1.default.createElement(MutableHamburgerButton_1.default, Object.assign({}, args))));
 exports.InitialImplementation = InitialImplementation;
 exports.InitialImplementation.args = {

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"MutableHamburgerButton.stories.js","sourceRoot":"","sources":["../../../src/components/MutableHamburgerButton/MutableHamburgerButton.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmE;AACnE,sFAA8D;AAE9D,kBAAe;IACb,SAAS,EAAE,gCAAsB;IACjC,KAAK,EAAE,0BAA0B;CAClC,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,uCAAK,KAAK,EAAE,EAAC,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAC;IAC7D,8BAAC,gCAAsB,oBAAK,IAAI,EAAI,CAChC,CACP,CAAC;AAJW,QAAA,qBAAqB,yBAIhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,GAAG,GAAG;CAC0B,CAAC;AAE3D,MAAM,kBAAkB,GAAG,CAAC,IAAS,EAAE,EAAE;IAC9C,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GACX,IAAA,gBAAQ,EAAyD,QAAQ,CAAC,CAAC;IAE3E,SAAS,WAAW;QAChB,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACxB,IAAI,CAAC,GAAG,GAAG,EAAE;YACT,OAAO,SAAS,CAAA;SACnB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,YAAY,CAAA;SACtB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,UAAU,CAAA;SACpB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,QAAQ,CAAC;SACnB;aAAM;YACH,OAAO,QAAQ,CAAA;SAClB;IACL,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE;YACzB,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QAC3D,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IACH,OAAO,8BAAC,gCAAsB,oBAAK,IAAI,IAAE,KAAK,EAAE,CAAC,IAAI,CAAC;AACxD,CAAC,CAAC;AA3BW,QAAA,kBAAkB,sBA2B7B;AACF,0BAAkB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,GAAG,GAAG;CAC0B,CAAC"}
+{"version":3,"file":"MutableHamburgerButton.stories.js","sourceRoot":"","sources":["../../../src/components/MutableHamburgerButton/MutableHamburgerButton.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmE;AACnE,sFAA8D;AAE9D,kBAAe;IACb,SAAS,EAAE,gCAAsB;IACjC,KAAK,EAAE,0BAA0B;CAClC,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,uCAAK,KAAK,EAAE,EAAC,eAAe,EAAE,SAAS,EAAC,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAC;IAChH,8BAAC,gCAAsB,oBAAK,IAAI,EAAI,CAChC,CACP,CAAC;AAJW,QAAA,qBAAqB,yBAIhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,GAAG,GAAG;CAC0B,CAAC;AAE3D,MAAM,kBAAkB,GAAG,CAAC,IAAS,EAAE,EAAE;IAC9C,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GACX,IAAA,gBAAQ,EAAyD,QAAQ,CAAC,CAAC;IAE3E,SAAS,WAAW;QAChB,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACxB,IAAI,CAAC,GAAG,GAAG,EAAE;YACT,OAAO,SAAS,CAAA;SACnB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,YAAY,CAAA;SACtB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,UAAU,CAAA;SACpB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,QAAQ,CAAC;SACnB;aAAM;YACH,OAAO,QAAQ,CAAA;SAClB;IACL,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE;YACzB,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QAC3D,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IACH,OAAO,8BAAC,gCAAsB,oBAAK,IAAI,IAAE,KAAK,EAAE,CAAC,IAAI,CAAC;AACxD,CAAC,CAAC;AA3BW,QAAA,kBAAkB,sBA2B7B;AACF,0BAAkB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,GAAG,GAAG;CAC0B,CAAC"}

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

@@ -0,0 +1,13 @@
+/**
+ * Shows a progress bar
+ **/
+export default function ProgressBar({ size, progress, }: {
+    /**
+     * Given as css font size
+     */
+    size: number | string;
+    /**
+     * Given in percent
+     */
+    progress: number;
+}): JSX.Element;

package/dist/components/ProgressBar/ProgressBar.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 });
+const react_1 = __importDefault(require("react"));
+const ProgressBar_module_scss_1 = __importDefault(require("./ProgressBar.module.scss"));
+/**
+ * Shows a progress bar
+ **/
+function ProgressBar({ size, progress, }) {
+    return (react_1.default.createElement("div", { className: ProgressBar_module_scss_1.default.container, style: { fontSize: size } },
+        react_1.default.createElement("span", { style: { width: `${progress}%` } }),
+        react_1.default.createElement("span", { style: { left: `${progress}%` } })));
+}
+exports.default = ProgressBar;
+//# 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,kDAA0B;AAC1B,wFAA+C;AAE/C;;IAEI;AACJ,SAAwB,WAAW,CAAC,EAClC,IAAI,EACJ,QAAQ,GAUT;IACC,OAAO,CACL,uCAAK,SAAS,EAAE,iCAAM,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QACzD,wCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,EAAE,GAAI;QAC1C,wCAAM,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,QAAQ,GAAG,EAAE,GAAI,CACrC,CACP,CAAC;AACJ,CAAC;AAnBD,8BAmBC"}

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

@@ -0,0 +1,32 @@
+@use "sass:math";
+@import "../../assets/styles/index.scss";
+
+.container {
+  margin: 0.375em;
+  height: 0.25em;
+  background-color: red;
+  position: relative;
+  border-radius: math.div(0.25em, 2);
+  background: var(--progress-bar-bg, #0000);
+  > :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, var(--digital-blue));
+    transition: width var(--animation-speed-transition, $fast) ease-out;
+  }
+  > :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, var(--digital-blue));
+  }
+}

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

@@ -0,0 +1,14 @@
+import ProgressBar from "./ProgressBar";
+declare const _default: {
+    component: typeof ProgressBar;
+    title: string;
+};
+export default _default;
+export declare const InitialImplementation: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        size: string | number;
+        progress: number;
+    }>;
+};
+export declare const Example: (args: any) => JSX.Element;

package/dist/components/ProgressBar/ProgressBar.stories.js

@@ -0,0 +1,52 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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.Example = exports.InitialImplementation = void 0;
+const react_1 = __importStar(require("react"));
+const ProgressBar_1 = __importDefault(require("./ProgressBar"));
+exports.default = {
+    component: ProgressBar_1.default,
+    title: "Progress Bar",
+};
+const InitialImplementation = (args) => react_1.default.createElement(ProgressBar_1.default, Object.assign({}, args));
+exports.InitialImplementation = InitialImplementation;
+const Example = (args) => {
+    const [s, ss] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        const t = setInterval(() => {
+            ss(Math.random() * 100);
+        }, 500);
+        return () => {
+            clearInterval(t);
+        };
+    });
+    return react_1.default.createElement(ProgressBar_1.default, { size: 48, progress: s });
+};
+exports.Example = Example;
+exports.InitialImplementation.args = { size: 48, progress: 33 };
+//# sourceMappingURL=ProgressBar.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.stories.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,gEAAwC;AAExC,kBAAe;IACb,SAAS,EAAE,qBAAW;IACtB,KAAK,EAAE,cAAc;CACtB,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,8BAAC,qBAAW,oBAAK,IAAI,EAAI,CAAC;AAAjE,QAAA,qBAAqB,yBAA4C;AACvE,MAAM,OAAO,GAAG,CAAC,IAAS,EAAE,EAAE;IACnC,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAC5B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE;YACzB,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;QAC1B,CAAC,EAAE,GAAG,CAAC,CAAC;QACR,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,8BAAC,qBAAW,IAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAI,CAAC;AAChD,CAAC,CAAC;AAXW,QAAA,OAAO,WAWlB;AACF,6BAAqB,CAAC,IAAI,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAEpD,CAAC"}

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

@@ -0,0 +1 @@
+export { default } from './ProgressBar';

package/dist/components/ProgressBar/index.js

@@ -0,0 +1,9 @@
+"use strict";
+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; } });
+//# 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"}

package/dist/components/Transition/Transition.js

@@ -89,8 +89,10 @@ function TransitionClasses(type) {
             };
     }
 }
-function ChildrenWrapperFactory(func, key) {
+function ChildrenWrapperFactory(func, key, externalPropsContainer, toRemoveKeys) {
     func.associatedKey = key;
+    func.toRemoveKeys = toRemoveKeys;
+    func.externalProps = externalPropsContainer;
     return func;
 }
 /**
@@ -103,10 +105,14 @@ function Transition(_a, _containerRef) {
         transformOrigin: "initial",
     });
     const [childrenWrappers, setChildrenWrappers] = (0, react_1.useState)(() => {
-        const func = ChildrenWrapperFactory(({ children }) => {
-            var _a;
-            return (react_1.default.createElement("div", { "data-testid": "transition-container", key: String(((_a = children[step]) === null || _a === void 0 ? void 0 : _a.key) || step), style: contentStyle, className: contentClassName }, children));
-        }, children[step].key || step);
+        var _a;
+        const externalProps = {
+            "data-testid": "transition-container",
+            key: String(((_a = children[step]) === null || _a === void 0 ? void 0 : _a.key) || step),
+            style: contentStyle,
+            className: contentClassName,
+        };
+        const func = ChildrenWrapperFactory(({ children }) => react_1.default.createElement("div", Object.assign({}, externalProps), children), children[step].key || step, externalProps, []);
         return [func];
     });
     const prevStep = (0, react_1.useRef)(step);
@@ -137,35 +143,53 @@ function Transition(_a, _containerRef) {
             setChildrenWrappers((screensBeforeChangingStep) => {
                 const enteringScreenRef = (0, react_1.createRef)();
                 const [FirstNextScreen, ...restOfScreens] = screensBeforeChangingStep.filter((a) => (a === null || a === void 0 ? void 0 : a.associatedKey) !== String(key));
-                /** Cloned so I can change the animation to exiting */
-                const clonedFirst = FirstNextScreen
-                    ? ChildrenWrapperFactory(({ children }) => {
-                        return (react_1.default.createElement("div", { "data-testid": "transition-container", style: contentStyle, className: `${transitionClasses.backward.elementExiting}` }, children));
-                    }, FirstNextScreen.associatedKey)
-                    : ChildrenWrapperFactory(() => react_1.default.createElement(react_1.default.Fragment, null), "");
-                function animationEndListener(element) {
+                if (FirstNextScreen) {
+                    Object.assign(FirstNextScreen.externalProps, {
+                        "data-testid": "transition-container",
+                        style: contentStyle,
+                        className: `${transitionClasses.backward.elementExiting}`,
+                    });
+                }
+                function animationEndListener(event) {
                     var _a, _b;
+                    if (event.target !== event.currentTarget)
+                        return;
                     const isAnimationFromExpectedState = (_a = enteringScreenRef.current) === null || _a === void 0 ? void 0 : _a.classList.contains(transitionClasses.backward.elementEntering);
                     (_b = enteringScreenRef.current) === null || _b === void 0 ? void 0 : _b.classList.remove(transitionClasses.backward.elementEntering);
                     setChildrenWrappers((screensAfterTheCurrentStepEntered) => {
                         if (onDiscardStep) {
                             if (isAnimationFromExpectedState)
                                 onDiscardStep(prevKeyToRemove);
-                            if (FirstNextScreen)
-                                onDiscardStep(FirstNextScreen.associatedKey);
+                            if (FirstNextScreen && FirstNextScreen.toRemoveKeys)
+                                FirstNextScreen.toRemoveKeys.forEach(onDiscardStep);
                         }
-                        return screensAfterTheCurrentStepEntered.filter((s) => (s === null || s === void 0 ? void 0 : s.associatedKey) !== String(prevKeyToRemove) &&
-                            (FirstNextScreen
-                                ? (s === null || s === void 0 ? void 0 : s.associatedKey) !== FirstNextScreen.associatedKey
-                                : true));
+                        return screensAfterTheCurrentStepEntered.filter((s) => {
+                            var _a;
+                            const shouldKeep = (s === null || s === void 0 ? void 0 : s.associatedKey) !== String(prevKeyToRemove) &&
+                                !((_a = FirstNextScreen === null || FirstNextScreen === void 0 ? void 0 : FirstNextScreen.toRemoveKeys) === null || _a === void 0 ? void 0 : _a.some((k) => String(k) === String(s === null || s === void 0 ? void 0 : s.associatedKey)));
+                            return shouldKeep;
+                        });
                     });
-                    element.currentTarget.removeEventListener("animationend", animationEndListener);
+                    event.currentTarget.removeEventListener("animationend", animationEndListener);
                 }
+                const propsContainer = {
+                    ref: enteringScreenRef,
+                    "data-testid": "transition-container",
+                    key,
+                    className: `${transitionClasses.backward.elementEntering} ${contentClassName}`,
+                    style: Object.assign({}, contentStyle),
+                    onAnimationEnd: animationEndListener,
+                };
                 const newWrapper = ChildrenWrapperFactory(({ children }) => {
-                    return (react_1.default.createElement("div", { ref: enteringScreenRef, "data-testid": "transition-container", key: key, className: `${transitionClasses.backward.elementEntering} ${contentClassName}`, style: Object.assign({}, contentStyle), onAnimationEnd: animationEndListener }, children));
-                }, key);
+                    return react_1.default.createElement("div", Object.assign({}, propsContainer), children);
+                }, key, propsContainer, [prevKeyToRemove, ...((FirstNextScreen === null || FirstNextScreen === void 0 ? void 0 : FirstNextScreen.toRemoveKeys) || [])]);
                 if (FirstNextScreen)
-                    return [newWrapper, clonedFirst, ...restOfScreens];
+                    return [
+                        newWrapper,
+                        FirstNextScreen ||
+                            ChildrenWrapperFactory(() => react_1.default.createElement(react_1.default.Fragment, null), "", {}),
+                        ...restOfScreens,
+                    ];
                 else
                     return [newWrapper];
             });
@@ -177,32 +201,43 @@ function Transition(_a, _containerRef) {
                 const lastIndex = screensBeforeChangingStep.length - 1;
                 const lastWrapper = screensBeforeChangingStep[lastIndex];
                 const nextScreenRef = (0, react_1.createRef)();
-                const clonedLast = lastWrapper
-                    ? ChildrenWrapperFactory(({ children }) => {
-                        return (react_1.default.createElement("div", { "data-testid": "transition-container", style: contentStyle, className: `${contentClassName} ${transitionClasses.forward.elementExiting}`, onAnimationEnd: (e) => {
-                                var _a;
-                                if (e.target !== e.currentTarget)
-                                    return;
-                                if (transitionClasses.forward.elementEntering)
-                                    (_a = nextScreenRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove(transitionClasses.forward.elementEntering);
-                                if (onDiscardStep)
-                                    onDiscardStep(prevKeyToRemove);
-                                setChildrenWrappers((screensAfterTheCurrentStepEntered) => {
-                                    const nextState = screensAfterTheCurrentStepEntered.filter((s) => {
-                                        const shouldMantain = (s === null || s === void 0 ? void 0 : s.associatedKey) !== String(prevKeyToRemove);
-                                        return shouldMantain;
-                                    });
-                                    return nextState;
+                if (lastWrapper) {
+                    Object.assign(lastWrapper.externalProps, {
+                        "data-testid": "transition-container",
+                        style: contentStyle,
+                        className: `${contentClassName} ${transitionClasses.forward.elementExiting}`,
+                        onAnimationEnd: (e) => {
+                            var _a;
+                            if (e.target !== e.currentTarget)
+                                return;
+                            if (transitionClasses.forward.elementEntering)
+                                (_a = nextScreenRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove(transitionClasses.forward.elementEntering);
+                            if (onDiscardStep)
+                                onDiscardStep(prevKeyToRemove);
+                            setChildrenWrappers((screensAfterTheCurrentStepEntered) => {
+                                const nextState = screensAfterTheCurrentStepEntered.filter((s) => {
+                                    const shouldMantain = (s === null || s === void 0 ? void 0 : s.associatedKey) !== String(prevKeyToRemove);
+                                    return shouldMantain;
                                 });
-                            } }, children));
-                    }, lastWrapper.associatedKey)
-                    : ChildrenWrapperFactory(() => react_1.default.createElement(react_1.default.Fragment, null), "fallback");
+                                return nextState;
+                            });
+                        },
+                    });
+                }
+                const propsContainer = {
+                    ref: nextScreenRef,
+                    "data-testid": "transition-container",
+                    key,
+                    style: Object.assign({}, contentStyle),
+                    className: `${contentClassName} ${transitionClasses.forward.elementEntering}`,
+                };
                 const newWrapper = ChildrenWrapperFactory(({ children }) => {
-                    return (react_1.default.createElement("div", { ref: nextScreenRef, "data-testid": "transition-container", key: key, style: Object.assign({}, contentStyle), className: `${contentClassName} ${transitionClasses.forward.elementEntering}` }, children));
-                }, key);
+                    return react_1.default.createElement("div", Object.assign({}, propsContainer), children);
+                }, key, propsContainer);
                 return [
                     ...screensBeforeChangingStep.slice(0, lastIndex),
-                    clonedLast,
+                    lastWrapper ||
+                        ChildrenWrapperFactory(() => react_1.default.createElement(react_1.default.Fragment, null), "fallback", {}),
                     newWrapper,
                 ];
             });

package/dist/components/Transition/Transition.js.map

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

package/dist/components/Transition/TransitionContainer/TransitionContainer.d.ts

@@ -0,0 +1,4 @@
+/**
+ * This holds the logic for switching transition modes inside the content container
+ **/
+export default function TransitionContainer(): JSX.Element;

package/dist/components/Transition/TransitionContainer/TransitionContainer.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+/**
+ * This holds the logic for switching transition modes inside the content container
+ **/
+function TransitionContainer() {
+    return react_1.default.createElement(react_1.default.Fragment, null, "TransitionContainer");
+}
+exports.default = TransitionContainer;
+//# sourceMappingURL=TransitionContainer.js.map

package/dist/components/Transition/TransitionContainer/TransitionContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransitionContainer.js","sourceRoot":"","sources":["../../../../src/components/Transition/TransitionContainer/TransitionContainer.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAI1B;;IAEI;AACJ,SAAwB,mBAAmB;IAEvC,OAAO,oFAAwB,CAAC;AACpC,CAAC;AAHD,sCAGC"}

package/dist/components/Transition/TransitionContainer/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TransitionContainer';

package/dist/components/Transition/TransitionContainer/index.js

@@ -0,0 +1,9 @@
+"use strict";
+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 TransitionContainer_1 = require("./TransitionContainer");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TransitionContainer_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/components/Transition/TransitionContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Transition/TransitionContainer/index.tsx"],"names":[],"mappings":";;;;;;AAAA,6DAAgD;AAAvC,+HAAA,OAAO,OAAA"}

package/dist/context/OneUIProvider.d.ts

@@ -12,6 +12,11 @@ export declare type ContextSpecs = {
                 [k in React.ComponentProps<typeof import("../components/Text")["default"]>["type"]]?: string;
             };
         };
+        button?: {
+            className?: {
+                [k in NonNullable<React.ComponentProps<typeof import("../components/Button")["default"]>["variant"]>]?: string;
+            };
+        };
         input: {
             className: string;
             border: boolean;

package/dist/context/OneUIProvider.js.map

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

package/dist/context/__mocks__/OneUIProvider.d.ts

@@ -16,6 +16,13 @@ export declare function useOneUIContext(): {
                 boldTitleBig?: string | undefined;
             } | undefined;
         } | undefined;
+        button?: {
+            className?: {
+                transparent?: string | undefined;
+                filled?: string | undefined;
+                outline?: string | undefined;
+            } | undefined;
+        } | undefined;
         input?: {
             className?: string | undefined;
             border?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onepercentio/one-ui",
-  "version": "0.6.5",
+  "version": "0.7.0",
   "description": "A set of reusable components created through the development of Onepercent projects",
   "files": [
     "dist",