@consumidor-positivo/aurora 0.0.207 → 0.0.208

package/dist/components/Alert/index.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import "../Icon/index.es.js";
 import { IconAlertOctagon } from "../icons/IconAlertOctagon/index.es.js";
 import { IconAlertTriangle } from "../icons/IconAlertTriangle/index.es.js";
@@ -8,9 +8,9 @@ import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { IconClock } from "../icons/IconClock/index.es.js";
 import { IconInfo } from "../icons/IconInfo/index.es.js";
 import { IconX } from "../icons/IconX/index.es.js";
+import { d as COLOR_NEUTRAL_70, C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50 } from "../../tokens-D_iASp38.js";
 import { Conditional } from "../Conditional/index.es.js";
 import { Text } from "../Text/index.es.js";
-import { d as COLOR_NEUTRAL_70, C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50 } from "../../tokens-D_iASp38.js";
 import './styles.css';const Alert = ({
   showIcon = true,
   status = "info",

package/dist/components/Button/index.es.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import { Conditional } from "../Conditional/index.es.js";
 import "../Icon/index.es.js";
 import { IconLoader } from "../icons/IconLoader/index.es.js";

package/dist/components/Calendar/index.es.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
-import "../../index-CweZ_OcN.js";
-import "../../index-C8AM9yBn.js";
+import "../../index-BXRA68j0.js";
+import "../../index-B0Ush_Ua.js";
 import "../Button/index.es.js";
 import "../PortalHolder/index.es.js";
-import { a } from "../../index-C1N6rwrZ.js";
+import { a } from "../../index-Chb8MRUv.js";
 export {
   a as DatepickerCalendar
 };

package/dist/components/CalendarHeader/index.es.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
-import "../../index-CweZ_OcN.js";
+import "../../index-BXRA68j0.js";
 import "../Icon/index.es.js";
 import "../icons/IconChevronLeft/index.es.js";
 import "../icons/IconChevronRight/index.es.js";
-import "../../index-CL0DrUGQ.js";
-import { C } from "../../index-C8AM9yBn.js";
+import "../../index-AOefAAO5.js";
+import { C } from "../../index-B0Ush_Ua.js";
 export {
   C as CalendarHeader
 };

package/dist/components/Card/index.es.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import { PureSwitch } from "../Pure/index.es.js";
 import './styles.css';const CardSwitch = ({ isActive, label, id, disabled, activateCallBack, deactivateCallBack, shouldFadeOutAfterActivate }) => {
   const cardSwitchClassNames = classNames("au-card-switch", {});

package/dist/components/Carousel/index.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import { useRef, useEffect, useState, useCallback, useMemo, useLayoutEffect } from "react";
 import { Conditional } from "../Conditional/index.es.js";
 import { Text } from "../Text/index.es.js";

package/dist/components/Checkbox/index.es.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import $dbSRa$react__default, { useState, useEffect } from "react";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import "../Icon/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
+import { h as COLOR_NEUTRAL_00 } from "../../tokens-D_iASp38.js";
 import { F as Field } from "../../index-ZE6zszxw.js";
 import { Conditional } from "../Conditional/index.es.js";
-import { h as COLOR_NEUTRAL_00 } from "../../tokens-D_iASp38.js";
 import { Text } from "../Text/index.es.js";
 import './styles.css';const CheckboxField = ({
   label,

package/dist/components/Chip/index.es.js

@@ -1,5 +1,5 @@
 import { jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import { Button } from "../Button/index.es.js";
 import './styles.css';const Chip = ({
   onClick,

package/dist/components/Container/index.es.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import './styles.css';const Container = ({ customClass, children }) => {
   return /* @__PURE__ */ jsx("div", { className: classNames("au-container", { [`${customClass}`]: !!customClass }), children });
 };

package/dist/components/Datepicker/index.es.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import "../../index-CweZ_OcN.js";
+import { B as BREAKPOINT_MD, c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
+import "../../index-BXRA68j0.js";
 import "../Icon/index.es.js";
 import { IconCalendar } from "../icons/IconCalendar/index.es.js";
 import { InputField } from "../InputField/index.es.js";
-import { g as getDefaultDate, D as DDMMYYYY, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-C1N6rwrZ.js";
+import { g as getDefaultDate, D as DDMMYYYY, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-Chb8MRUv.js";
 import { useRef, useState, useMemo, useEffect } from "react";
 import { a as above } from "../../screen-DfYo7XQ_.js";
-import { u as useOutsideClick } from "../../index-CL0DrUGQ.js";
-import { B as BREAKPOINT_MD, c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
+import { u as useOutsideClick } from "../../index-AOefAAO5.js";
 import './styles.css';function useDatepicker({
   value,
   defaultValue = "empty",

package/dist/components/Drawer/Drawer.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -6,5 +6,5 @@ type DrawerProps = {
     isOpen: boolean;
     handleOpen: () => void;
 };
-export declare const Drawer: ({ renderHeader, renderContent, isOpen, handleOpen, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Drawer: ({ renderHeader, renderContent, isOpen, handleOpen, }: DrawerProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/Drawer/index.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import "../Icon/index.es.js";
 import { IconX } from "../icons/IconX/index.es.js";
 import './styles.css';const Drawer = ({
@@ -8,6 +8,7 @@ import './styles.css';const Drawer = ({
   isOpen = false,
   handleOpen
 }) => {
+  if (!isOpen) return null;
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -17,7 +18,7 @@ import './styles.css';const Drawer = ({
       children: /* @__PURE__ */ jsxs("div", { className: "au-drawer__container", children: [
         /* @__PURE__ */ jsxs("div", { className: "au-drawer__header", children: [
           renderHeader,
-          /* @__PURE__ */ jsx("div", { className: "au-drawer__header-close", onClick: handleOpen, children: /* @__PURE__ */ jsx(IconX, {}) })
+          /* @__PURE__ */ jsx("button", { className: "au-drawer__header-close", onClick: handleOpen, children: /* @__PURE__ */ jsx(IconX, {}) })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "au-drawer__content", children: renderContent })
       ] })

package/dist/components/Drawer/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Drawer/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode } from 'react'\nimport { IconX } from '../icons/default'\nimport './styles.scss'\n\ntype DrawerProps = {\n  renderHeader: ReactNode | string | JSX.Element | JSX.Element[]\n  renderContent: ReactNode | string | JSX.Element | JSX.Element[]\n  isOpen: boolean\n  handleOpen: () => void\n}\n\nexport const Drawer = ({\n  renderHeader,\n  renderContent,\n  isOpen = false,\n  handleOpen,\n}: DrawerProps) => {\n  return (\n    <div\n      className={classNames('au-drawer', {\n        'au-drawer--is-open': isOpen,\n      })}>\n      <div className=\"au-drawer__container\">\n        <div className=\"au-drawer__header\">\n          {renderHeader}\n          <div className=\"au-drawer__header-close\" onClick={handleOpen}>\n            <IconX />\n          </div>\n        </div>\n        <div className=\"au-drawer__content\">{renderContent}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAYO,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AACF,MAAmB;AAEf,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,aAAa;AAAA,QACjC,sBAAsB;AAAA,MAAA,CACvB;AAAA,MACD,UAAA,qBAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,QAAC,qBAAA,OAAA,EAAI,WAAU,qBACZ,UAAA;AAAA,UAAA;AAAA,UACD,oBAAC,SAAI,WAAU,2BAA0B,SAAS,YAChD,UAAA,oBAAC,SAAM,EACT,CAAA;AAAA,QAAA,GACF;AAAA,QACC,oBAAA,OAAA,EAAI,WAAU,sBAAsB,UAAc,eAAA;AAAA,MAAA,GACrD;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Drawer/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode } from 'react'\nimport { IconX } from '../icons/default'\nimport './styles.scss'\n\ntype DrawerProps = {\n  renderHeader: ReactNode | string | JSX.Element | JSX.Element[]\n  renderContent: ReactNode | string | JSX.Element | JSX.Element[]\n  isOpen: boolean\n  handleOpen: () => void\n}\n\nexport const Drawer = ({\n  renderHeader,\n  renderContent,\n  isOpen = false,\n  handleOpen,\n}: DrawerProps) => {\n\n  if (!isOpen) return null\n  \n  return (\n    <div\n      className={classNames('au-drawer', {\n        'au-drawer--is-open': isOpen,\n      })}>\n      <div className=\"au-drawer__container\">\n        <div className=\"au-drawer__header\">\n          {renderHeader}\n          <button className=\"au-drawer__header-close\" onClick={handleOpen}>\n            <IconX />\n          </button>\n        </div>\n        <div className=\"au-drawer__content\">{renderContent}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAYO,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AACF,MAAmB;AAEb,MAAA,CAAC,OAAe,QAAA;AAGlB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,aAAa;AAAA,QACjC,sBAAsB;AAAA,MAAA,CACvB;AAAA,MACD,UAAA,qBAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,QAAC,qBAAA,OAAA,EAAI,WAAU,qBACZ,UAAA;AAAA,UAAA;AAAA,UACD,oBAAC,YAAO,WAAU,2BAA0B,SAAS,YACnD,UAAA,oBAAC,SAAM,EACT,CAAA;AAAA,QAAA,GACF;AAAA,QACC,oBAAA,OAAA,EAAI,WAAU,sBAAsB,UAAc,eAAA;AAAA,MAAA,GACrD;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Drawer/styles.css

@@ -1 +1 @@
-.au-drawer{height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:#16181dcc;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .4s ease;z-index:5}.au-drawer--is-open{opacity:1;visibility:visible;pointer-events:all;transition:opacity .3s ease}.au-drawer--is-open .au-drawer__container{transform:translateY(0)}.au-drawer__container{background-color:#fff;width:100%;height:100vh;height:100dvh;position:fixed;z-index:6;top:0;right:0;transform:translate(100%);transition:transform .3s ease;overflow:hidden}@media (min-width: 600px){.au-drawer__container{border-radius:16px 0 0 16px;box-shadow:0 24px 56px #7686ad14,0 12px 12px #0048db0a;max-width:414px}}.au-drawer__header{position:relative;border-bottom:1px solid #e2e4e9;padding:16px 24px;height:80px;display:flex;align-items:center;justify-content:space-between}.au-drawer__header-close{cursor:pointer}.au-drawer__header .au-logo{margin:8px 0;display:block;height:100%}.au-drawer__header .au-logo svg{height:100%}.au-drawer__content{height:calc(100% - 80px);overflow-y:scroll}
+.au-drawer{height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:#16181dcc;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .4s ease;z-index:5}.au-drawer--is-open{opacity:1;visibility:visible;pointer-events:all;transition:opacity .3s ease}.au-drawer--is-open .au-drawer__container{transform:translateY(0)}.au-drawer__container{background-color:#fff;width:100%;height:100vh;height:100dvh;position:fixed;z-index:6;top:0;right:0;transform:translate(100%);transition:transform .3s ease;overflow:hidden}@media (min-width: 600px){.au-drawer__container{border-radius:16px 0 0 16px;box-shadow:0 24px 56px #7686ad14,0 12px 12px #0048db0a;max-width:414px}}.au-drawer__header{position:relative;border-bottom:1px solid #e2e4e9;padding:16px 24px;height:80px;display:flex;align-items:center;justify-content:space-between}.au-drawer__header-close{cursor:pointer;background-color:transparent;border:none}.au-drawer__header .au-logo{margin:8px 0;display:block;height:100%}.au-drawer__header .au-logo svg{height:100%}.au-drawer__content{height:calc(100% - 80px);overflow-y:scroll}

package/dist/components/EmailField/index.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { F as Field } from "../../index-ZE6zszxw.js";
 import { useState } from "react";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import './styles.css';const emailDomains = [
   "gmail.com",
   "hotmail.com",

package/dist/components/Field/index.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import './styles.css';const RadioField = ({
   type = "radio",
   direction = "left",

package/dist/components/Footer/Footer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Footer/index.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import { Text } from "../Text/index.es.js";
 import "../Icon/index.es.js";
 import { IconFacebook } from "../icons/IconFacebook/index.es.js";

package/dist/components/Group/index.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import { F as Field } from "../../index-ZE6zszxw.js";
 import { Conditional } from "../Conditional/index.es.js";
 import { Text } from "../Text/index.es.js";

package/dist/components/Header/Header.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Header/index.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import "../Icon/index.es.js";
 import { IconMenu } from "../icons/IconMenu/index.es.js";
 import { Conditional } from "../Conditional/index.es.js";

package/dist/components/Icon/index.es.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import './styles.css';const Icon = ({
   markup,
   name,

package/dist/components/Image/Image.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Input/index.es.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 const FieldInput = ({
   inputRef,
   customclass,

package/dist/components/IsMobile/IsMobile.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Label/index.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import "../../index-CweZ_OcN.js";
+import "../../index-BXRA68j0.js";
 import "../Icon/index.es.js";
 import { IconAlertOctagon } from "../icons/IconAlertOctagon/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";

package/dist/components/LazyImage/LazyImage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Logo/Logo.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Modal/index.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import "../Icon/index.es.js";
 import { IconX } from "../icons/IconX/index.es.js";
 import { W as When } from "../../react-if.esm-CoCMV6iA.js";

package/dist/components/NavbarVertical/NavbarVertical.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/NavbarVertical/index.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import { useState } from "react";
 import { Text } from "../Text/index.es.js";
 import "../Icon/index.es.js";

package/dist/components/NotificationsBar/NotificationsBar.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,5 +1,5 @@
 import { useRef, useEffect } from "react";
-import $iETbY$reactdom from "react-dom";
+import ReactDOM from "react-dom";
 const Portal = ({ children, portalId = "au-portal" }) => {
   const portalDoor = useRef(document.createElement("div"));
   useEffect(() => {
@@ -16,7 +16,7 @@ const Portal = ({ children, portalId = "au-portal" }) => {
       }
     };
   }, [portalId]);
-  return $iETbY$reactdom.createPortal(children, portalDoor.current);
+  return ReactDOM.createPortal(children, portalDoor.current);
 };
 export {
   Portal

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/misc/Portal/index.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport ReactDOM from 'react-dom'\n\n/**\n * A helper component designed to address z-index conflicts within modals and dialogs.\n * This component ensures that the element remains fixed in its position, unaffected by other elements\n * possessing higher z-index values further up the DOM tree.\n */\n\ntype PortalProps = {\n  /** The children to be rendered into the `Portal`. */\n  children: React.ReactNode\n  /** The id of the DOM node into which the `Portal` will render. */\n  portalId?: string\n}\n\nexport const Portal = ({ children, portalId = 'au-portal' }: PortalProps) => {\n  const portalDoor = useRef(document.createElement('div'))\n\n  useEffect(() => {\n    let portalRoot = document.getElementById(portalId)\n    if (!portalRoot) {\n      portalRoot = document.createElement('div')\n      portalRoot.setAttribute('id', portalId)\n      document.body.appendChild(portalRoot)\n    }\n\n    portalRoot.appendChild(portalDoor.current)\n\n    return () => {\n      if (portalRoot) {\n        portalRoot.removeChild(portalDoor.current)\n      }\n    }\n  }, [portalId])\n\n  return ReactDOM.createPortal(children, portalDoor.current)\n}\n"],"names":["ReactDOM"],"mappings":";;AAgBO,MAAM,SAAS,CAAC,EAAE,UAAU,WAAW,kBAA+B;AAC3E,QAAM,aAAa,OAAO,SAAS,cAAc,KAAK,CAAC;AAEvD,YAAU,MAAM;AACV,QAAA,aAAa,SAAS,eAAe,QAAQ;AACjD,QAAI,CAAC,YAAY;AACF,mBAAA,SAAS,cAAc,KAAK;AAC9B,iBAAA,aAAa,MAAM,QAAQ;AAC7B,eAAA,KAAK,YAAY,UAAU;AAAA,IACtC;AAEW,eAAA,YAAY,WAAW,OAAO;AAEzC,WAAO,MAAM;AACX,UAAI,YAAY;AACH,mBAAA,YAAY,WAAW,OAAO;AAAA,MAC3C;AAAA,IAAA;AAAA,EACF,GACC,CAAC,QAAQ,CAAC;AAEb,SAAOA,gBAAS,aAAa,UAAU,WAAW,OAAO;AAC3D;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/misc/Portal/index.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport ReactDOM from 'react-dom'\n\n/**\n * A helper component designed to address z-index conflicts within modals and dialogs.\n * This component ensures that the element remains fixed in its position, unaffected by other elements\n * possessing higher z-index values further up the DOM tree.\n */\n\ntype PortalProps = {\n  /** The children to be rendered into the `Portal`. */\n  children: React.ReactNode\n  /** The id of the DOM node into which the `Portal` will render. */\n  portalId?: string\n}\n\nexport const Portal = ({ children, portalId = 'au-portal' }: PortalProps) => {\n  const portalDoor = useRef(document.createElement('div'))\n\n  useEffect(() => {\n    let portalRoot = document.getElementById(portalId)\n    if (!portalRoot) {\n      portalRoot = document.createElement('div')\n      portalRoot.setAttribute('id', portalId)\n      document.body.appendChild(portalRoot)\n    }\n\n    portalRoot.appendChild(portalDoor.current)\n\n    return () => {\n      if (portalRoot) {\n        portalRoot.removeChild(portalDoor.current)\n      }\n    }\n  }, [portalId])\n\n  return ReactDOM.createPortal(children, portalDoor.current)\n}\n"],"names":[],"mappings":";;AAgBO,MAAM,SAAS,CAAC,EAAE,UAAU,WAAW,kBAA+B;AAC3E,QAAM,aAAa,OAAO,SAAS,cAAc,KAAK,CAAC;AAEvD,YAAU,MAAM;AACV,QAAA,aAAa,SAAS,eAAe,QAAQ;AACjD,QAAI,CAAC,YAAY;AACF,mBAAA,SAAS,cAAc,KAAK;AAC9B,iBAAA,aAAa,MAAM,QAAQ;AAC7B,eAAA,KAAK,YAAY,UAAU;AAAA,IACtC;AAEW,eAAA,YAAY,WAAW,OAAO;AAEzC,WAAO,MAAM;AACX,UAAI,YAAY;AACH,mBAAA,YAAY,WAAW,OAAO;AAAA,MAC3C;AAAA,IAAA;AAAA,EACF,GACC,CAAC,QAAQ,CAAC;AAEb,SAAO,SAAS,aAAa,UAAU,WAAW,OAAO;AAC3D;"}

package/dist/components/PortalHolder/index.es.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import { a as above } from "../../screen-DfYo7XQ_.js";
-import { Portal } from "../Portal/index.es.js";
 import { B as BREAKPOINT_MD } from "../../tokens-D_iASp38.js";
+import { Portal } from "../Portal/index.es.js";
 const PortalHolder = ({ withPortal, children }) => {
   const shouldUsePortal = !above(BREAKPOINT_MD) && withPortal;
   if (shouldUsePortal) return /* @__PURE__ */ jsx(Portal, { children });

package/dist/components/ProfileNav/ProfileNav.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Conditional } from "../Conditional/index.es.js";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import { Text } from "../Text/index.es.js";
 import './styles.css';const ProgressBar = ({
   percentageMode = false,

package/dist/components/Prototype/Carousel/Carousel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Root/index.es.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 const FieldRoot = ({
   children,
   disabled,

package/dist/components/Segment/index.es.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
-import "../../index-CweZ_OcN.js";
+import "../../index-BXRA68j0.js";
 import "../Icon/index.es.js";
 import "../icons/IconChevronDown/index.es.js";
 import "../icons/IconChevronLeft/index.es.js";
 import "../icons/IconX/index.es.js";
-import { S } from "../../index-CL0DrUGQ.js";
+import { S } from "../../index-AOefAAO5.js";
 export {
   S as Segment
 };

package/dist/components/SelectField/index.es.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import "../Icon/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { IconChevronDown } from "../icons/IconChevronDown/index.es.js";
@@ -9,10 +9,10 @@ import { IconSlash } from "../icons/IconSlash/index.es.js";
 import { Modal } from "../Modal/index.es.js";
 import { Text } from "../Text/index.es.js";
 import { Conditional } from "../Conditional/index.es.js";
+import { c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
 import { i as isMobile } from "../../isMobile-RyKhTreE.js";
 import { F as Field } from "../../index-ZE6zszxw.js";
 import { useState, useRef, useEffect } from "react";
-import { c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
 import './styles.css';const useSelectField = (options, initialValue, onChange, onBlur, disabled, register, autocomplete = false, fullScreenOptions = false) => {
   var _a;
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);

package/dist/components/Skeleton/index.es.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import './styles.css';const Skeleton = ({
   active = true,
   shape = "default",

package/dist/components/Switch/Card/Card.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Tag/index.es.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import "../Icon/index.es.js";
 import { IconAlertOctagon } from "../icons/IconAlertOctagon/index.es.js";
 import { IconAlertTriangle } from "../icons/IconAlertTriangle/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { IconInfo } from "../icons/IconInfo/index.es.js";
 import { IconSlash } from "../icons/IconSlash/index.es.js";
-import { Conditional } from "../Conditional/index.es.js";
 import { C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50, g as COLOR_BRAND_CYAN_50, d as COLOR_NEUTRAL_70 } from "../../tokens-D_iASp38.js";
+import { Conditional } from "../Conditional/index.es.js";
 import './styles.css';const Tag = ({
   status,
   border = "square",

package/dist/components/Text/index.es.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import DynamicTagComponent from "../DynamicTagComponent/index.es.js";
 import { Conditional } from "../Conditional/index.es.js";
 import './styles.css';const Text = ({

package/dist/components/TextArea/index.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import { Text } from "../Text/index.es.js";
 import { useState } from "react";
 const useFieldTextArea = ({ onChange }) => {
@@ -20,8 +20,10 @@ const FieldTextArea = ({
   maxLength,
   ...props
 }) => {
+  const { onChange, ...rest } = props;
+  const forwardedOnChange = onChange ? (e) => onChange(e) : void 0;
   const { charCount, handleInputChange } = useFieldTextArea({
-    onChange: props.onChange
+    onChange: forwardedOnChange
   });
   const textareaClasses = classNames("au-field__textarea", customClass, {
     "au-field__textarea--horizontal-resize": horizontalResize
@@ -33,8 +35,8 @@ const FieldTextArea = ({
         ref: textareaRef,
         className: textareaClasses,
         maxLength,
-        onChange: handleInputChange,
-        ...props
+        ...rest,
+        onChange: handleInputChange
       }
     ),
     maxLength && /* @__PURE__ */ jsxs(

package/dist/components/TextArea/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/TextArea/hook.ts","../../../lib/components/form/Field/TextArea/index.tsx"],"sourcesContent":["import { useState } from 'react'\n\ntype UseFieldTextAreaProps = {\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void\n}\n\nexport const useFieldTextArea = ({ onChange }: UseFieldTextAreaProps) => {\n  const [charCount, setCharCount] = useState(0)\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setCharCount(e.target.value.length)\n    if (onChange) onChange(e)\n  }\n\n  return {\n    charCount,\n    handleInputChange,\n  }\n}\n","import React from 'react'\nimport classNames from 'classnames'\nimport { Text } from '@components/Text'\nimport { useFieldTextArea } from './hook'\n\ntype FieldTextAreaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  textareaRef?: React.RefObject<HTMLTextAreaElement>\n  customClass?: string\n  horizontalResize?: boolean\n  maxLength?: number\n}\n\nexport const FieldTextArea = ({\n  textareaRef,\n  customClass,\n  horizontalResize,\n  maxLength,\n  ...props\n}: FieldTextAreaProps) => {\n  const { charCount, handleInputChange } = useFieldTextArea({\n    onChange: props.onChange,\n  })\n  const textareaClasses = classNames('au-field__textarea', customClass, {\n    'au-field__textarea--horizontal-resize': horizontalResize,\n  })\n\n  return (\n    <div className=\"au-field__textarea-container\">\n      <textarea\n        ref={textareaRef}\n        className={textareaClasses}\n        maxLength={maxLength}\n        onChange={handleInputChange}\n        {...props}\n      />\n      {maxLength && (\n        <Text\n          variant=\"caption\"\n          className=\"au-field__char-counter\"\n          aria-live=\"polite\">\n          {charCount}/{maxLength}\n        </Text>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAMO,MAAM,mBAAmB,CAAC,EAAE,eAAsC;AACvE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAEtC,QAAA,oBAAoB,CAAC,MAA8C;AAC1D,iBAAA,EAAE,OAAO,MAAM,MAAM;AAC9B,QAAA,mBAAmB,CAAC;AAAA,EAAA;AAGnB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;ACNO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,EAAE,WAAW,kBAAkB,IAAI,iBAAiB;AAAA,IACxD,UAAU,MAAM;AAAA,EAAA,CACjB;AACK,QAAA,kBAAkB,WAAW,sBAAsB,aAAa;AAAA,IACpE,yCAAyC;AAAA,EAAA,CAC1C;AAGC,SAAA,qBAAC,OAAI,EAAA,WAAU,gCACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW;AAAA,QACX;AAAA,QACA,UAAU;AAAA,QACT,GAAG;AAAA,MAAA;AAAA,IACN;AAAA,IACC,aACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,aAAU;AAAA,QACT,UAAA;AAAA,UAAA;AAAA,UAAU;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACf;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/TextArea/hook.ts","../../../lib/components/form/Field/TextArea/index.tsx"],"sourcesContent":["import { useState } from 'react'\n\ntype UseFieldTextAreaProps = {\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void\n}\n\nexport const useFieldTextArea = ({ onChange }: UseFieldTextAreaProps) => {\n  const [charCount, setCharCount] = useState(0)\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setCharCount(e.target.value.length)\n    if (onChange) onChange(e)\n  }\n\n  return {\n    charCount,\n    handleInputChange,\n  }\n}\n","import React from 'react'\nimport classNames from 'classnames'\nimport { Text } from '@components/Text'\nimport { useFieldTextArea } from './hook'\n\ntype FieldTextAreaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  textareaRef?: React.RefObject<HTMLTextAreaElement>\n  customClass?: string\n  horizontalResize?: boolean\n  maxLength?: number\n}\n\nexport const FieldTextArea = ({\n  textareaRef,\n  customClass,\n  horizontalResize,\n  maxLength,\n  ...props\n}: FieldTextAreaProps) => {\n  const { onChange, ...rest } = props as FieldTextAreaProps\n  const forwardedOnChange = onChange\n    ? (e: React.ChangeEvent<HTMLTextAreaElement>) => onChange(e)\n    : undefined\n\n  const { charCount, handleInputChange } = useFieldTextArea({\n    onChange: forwardedOnChange,\n  })\n  const textareaClasses = classNames('au-field__textarea', customClass, {\n    'au-field__textarea--horizontal-resize': horizontalResize,\n  })\n\n  return (\n    <div className=\"au-field__textarea-container\">\n      <textarea\n        ref={textareaRef}\n        className={textareaClasses}\n        maxLength={maxLength}\n        {...rest}\n        onChange={handleInputChange}\n      />\n      {maxLength && (\n        <Text\n          variant=\"caption\"\n          className=\"au-field__char-counter\"\n          aria-live=\"polite\">\n          {charCount}/{maxLength}\n        </Text>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAMO,MAAM,mBAAmB,CAAC,EAAE,eAAsC;AACvE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAEtC,QAAA,oBAAoB,CAAC,MAA8C;AAC1D,iBAAA,EAAE,OAAO,MAAM,MAAM;AAC9B,QAAA,mBAAmB,CAAC;AAAA,EAAA;AAGnB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;ACNO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,EAAE,UAAU,GAAG,KAAA,IAAS;AAC9B,QAAM,oBAAoB,WACtB,CAAC,MAA8C,SAAS,CAAC,IACzD;AAEJ,QAAM,EAAE,WAAW,kBAAkB,IAAI,iBAAiB;AAAA,IACxD,UAAU;AAAA,EAAA,CACX;AACK,QAAA,kBAAkB,WAAW,sBAAsB,aAAa;AAAA,IACpE,yCAAyC;AAAA,EAAA,CAC1C;AAGC,SAAA,qBAAC,OAAI,EAAA,WAAU,gCACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW;AAAA,QACX;AAAA,QACC,GAAG;AAAA,QACJ,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IACC,aACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,aAAU;AAAA,QACT,UAAA;AAAA,UAAA;AAAA,UAAU;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACf;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/components/Tooltip/index.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { c as classNames } from "../../index-BXRA68j0.js";
 import './styles.css';const Tooltip = ({
   text,
   position = "top",

package/dist/components/form/Checkbox/Checkbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/form/Datepicker/Datepicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/form/EmailField/EmailField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/form/Field/Field.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/form/InputField/InputField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/form/PasswordField/PasswordField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/form/Radio/Radio.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/form/SelectField/SelectField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/form/TextareaField/TextareaField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/form/TokenField/TokenField.test.d.ts

@@ -0,0 +1 @@
+export {};