@consumidor-positivo/aurora 0.4.2 → 0.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Modal/index.tsx"],"sourcesContent":["import { IconX } from '@components/icons'\nimport { SubHeader } from '@components/SubHeader'\nimport classNames from 'classnames'\nimport { If, IfElse, Then, Else } from '../misc'\n\nimport { isMobile } from '@core/utils/isMobile'\n\nimport './styles.scss'\n\ntype ModalLayout = 'default' | 'centralized'\ntype ModalLayoutMobile = 'default' | 'centralized' | 'full-screen'\n\nexport type ModalProps = {\n  isOpen: boolean\n  onClose?: () => void\n  headerContent?: React.ReactNode | string | JSX.Element | JSX.Element[]\n  content?: React.ReactNode | string | JSX.Element | JSX.Element[]\n  layoutMobile?: ModalLayoutMobile\n  layoutDesktop?: ModalLayout\n  mobileModalTitle?: string\n  handleHelpInfo?: () => void\n}\n\nexport const Modal = ({\n  isOpen,\n  onClose,\n  headerContent,\n  content,\n  layoutMobile = 'default',\n  layoutDesktop = 'default',\n  mobileModalTitle = 'Título',\n  handleHelpInfo,\n}: ModalProps) => {\n  if (!isOpen) return null\n\n  const modalClasses = classNames('au-modal', {\n    'au-modal--is-open': isOpen,\n    'au-modal--mobile-full-screen': layoutMobile === 'full-screen',\n    'au-modal--mobile-centralized': layoutMobile === 'centralized',\n    'au-modal--desktop-centralized': layoutDesktop === 'centralized',\n  })\n\n  return (\n    <div className={modalClasses}>\n      <div className=\"au-modal__container\">\n        <div className=\"au-modal__header\">\n          <IfElse condition={layoutMobile !== 'full-screen' || !isMobile()}>\n            <Then>\n              <If condition={!!onClose}>\n                <button className=\"au-modal__header-close\" onClick={onClose}>\n                  <IconX className=\"au-modal__header-close-icon\" />\n                </button>\n              </If>\n              {headerContent}\n            </Then>\n            <Else>\n              <If condition={!!onClose}>\n                <SubHeader\n                  title={mobileModalTitle}\n                  handleReturn={onClose!}\n                  handleHelpInfo={handleHelpInfo}\n                />\n              </If>\n            </Else>\n          </IfElse>\n        </div>\n        <div className=\"au-modal__content\">{content}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["IfElse","If"],"mappings":";;;;;;;AAuBO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB;AACF,MAAkB;AACZ,MAAA,CAAC,OAAe,QAAA;AAEd,QAAA,eAAe,WAAW,YAAY;AAAA,IAC1C,qBAAqB;AAAA,IACrB,gCAAgC,iBAAiB;AAAA,IACjD,gCAAgC,iBAAiB;AAAA,IACjD,iCAAiC,kBAAkB;AAAA,EAAA,CACpD;AAED,6BACG,OAAI,EAAA,WAAW,cACd,UAAC,qBAAA,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,oBACb,UAAC,qBAAAA,IAAA,EAAO,WAAW,iBAAiB,iBAAiB,CAAC,SAAA,GACpD,UAAA;AAAA,MAAA,qBAAC,MACC,EAAA,UAAA;AAAA,QAAA,oBAACC,QAAG,WAAW,CAAC,CAAC,SACf,8BAAC,UAAO,EAAA,WAAU,0BAAyB,SAAS,SAClD,UAAC,oBAAA,OAAA,EAAM,WAAU,8BAAA,CAA8B,EACjD,CAAA,GACF;AAAA,QACC;AAAA,MAAA,GACH;AAAA,0BACC,MACC,EAAA,UAAA,oBAACA,QAAG,WAAW,CAAC,CAAC,SACf,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,cAAc;AAAA,UACd;AAAA,QAAA;AAAA,SAEJ,EACF,CAAA;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,IACC,oBAAA,OAAA,EAAI,WAAU,qBAAqB,UAAQ,SAAA;AAAA,EAAA,EAC9C,CAAA,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Modal/index.tsx"],"sourcesContent":["import { IconX } from '@components/icons'\nimport { SubHeader } from '@components/SubHeader'\nimport classNames from 'classnames'\nimport { If, IfElse, Then, Else } from '../misc'\n\nimport { isMobile } from '@core/utils/isMobile'\n\nimport './styles.scss'\n\ntype ModalLayout = 'default' | 'centralized'\ntype ModalLayoutMobile = 'default' | 'centralized' | 'full-screen'\n\nexport type ModalProps = {\n  isOpen: boolean\n  onClose?: () => void\n  headerContent?: React.ReactNode | string | JSX.Element | JSX.Element[]\n  content?: React.ReactNode | string | JSX.Element | JSX.Element[]\n  layoutMobile?: ModalLayoutMobile\n  layoutDesktop?: ModalLayout\n  mobileModalTitle?: string\n  handleHelpInfo?: () => void\n  ariaLabel?: string\n}\n\nexport const Modal = ({\n  isOpen,\n  onClose,\n  headerContent,\n  content,\n  layoutMobile = 'default',\n  layoutDesktop = 'default',\n  mobileModalTitle = 'Título',\n  handleHelpInfo,\n  ariaLabel,\n}: ModalProps) => {\n  if (!isOpen) return null\n\n  const modalClasses = classNames('au-modal', {\n    'au-modal--is-open': isOpen,\n    'au-modal--mobile-full-screen': layoutMobile === 'full-screen',\n    'au-modal--mobile-centralized': layoutMobile === 'centralized',\n    'au-modal--desktop-centralized': layoutDesktop === 'centralized',\n  })\n\n  return (\n    <div\n      className={modalClasses}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={ariaLabel ?? mobileModalTitle}>\n      <div className=\"au-modal__container\">\n        <div className=\"au-modal__header\">\n          <IfElse condition={layoutMobile !== 'full-screen' || !isMobile()}>\n            <Then>\n              <If condition={!!onClose}>\n                <button className=\"au-modal__header-close\" onClick={onClose} aria-label=\"Fechar\">\n                  <IconX className=\"au-modal__header-close-icon\" aria-hidden=\"true\" />\n                </button>\n              </If>\n              {headerContent}\n            </Then>\n            <Else>\n              <If condition={!!onClose}>\n                <SubHeader\n                  title={mobileModalTitle}\n                  handleReturn={onClose!}\n                  handleHelpInfo={handleHelpInfo}\n                />\n              </If>\n            </Else>\n          </IfElse>\n        </div>\n        <div className=\"au-modal__content\">{content}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["IfElse","If"],"mappings":";;;;;;;AAwBO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,MAAkB;AAChB,MAAI,CAAC,OAAQ,QAAO;AAEpB,QAAM,eAAe,WAAW,YAAY;AAAA,IAC1C,qBAAqB;AAAA,IACrB,gCAAgC,iBAAiB;AAAA,IACjD,gCAAgC,iBAAiB;AAAA,IACjD,iCAAiC,kBAAkB;AAAA,EAAA,CACpD;AAED,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAW;AAAA,MACX,cAAY,aAAa;AAAA,MACzB,UAAA,qBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,oBACb,UAAA,qBAACA,IAAA,EAAO,WAAW,iBAAiB,iBAAiB,CAAC,SAAA,GACpD,UAAA;AAAA,UAAA,qBAAC,MAAA,EACC,UAAA;AAAA,YAAA,oBAACC,MAAA,EAAG,WAAW,CAAC,CAAC,SACf,UAAA,oBAAC,UAAA,EAAO,WAAU,0BAAyB,SAAS,SAAS,cAAW,UACtE,8BAAC,OAAA,EAAM,WAAU,+BAA8B,eAAY,QAAO,GACpE,EAAA,CACF;AAAA,YACC;AAAA,UAAA,GACH;AAAA,8BACC,MAAA,EACC,UAAA,oBAACA,QAAG,WAAW,CAAC,CAAC,SACf,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,cAAc;AAAA,cACd;AAAA,YAAA;AAAA,UAAA,GAEJ,EAAA,CACF;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,QACA,oBAAC,OAAA,EAAI,WAAU,qBAAqB,UAAA,QAAA,CAAQ;AAAA,MAAA,EAAA,CAC9C;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Modal/styles.css

@@ -1 +1 @@
-.au-modal{height:100vh;width:100vw;position:fixed;top:0;left:0;bottom:0;right:0;background-color:#16181dcc;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease;z-index:5}@keyframes slideInY{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInX{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideCentralized{0%{transform:translate(-50%,calc(100% + 12px))}to{transform:translate(-50%,-50%)}}.au-modal--is-open{opacity:1;visibility:visible;pointer-events:all}.au-modal--is-open .au-modal__container{animation:slideInY .3s ease forwards}.au-modal--is-open.au-modal--mobile-centralized .au-modal__container{animation:slideCentralized .3s ease forwards}.au-modal--is-open.au-modal--mobile-full-screen .au-modal__container{animation:none}@media (min-width: 600px){.au-modal--is-open.au-modal--desktop-centralized .au-modal__container{animation:slideCentralized .3s ease forwards}.au-modal--is-open:not(.au-modal--desktop-centralized) .au-modal__container{animation:slideInX .3s ease forwards}}.au-modal__container{background-color:#fff;border-radius:16px 16px 0 0;padding:16px;position:fixed;z-index:6;bottom:0;display:flex;flex-direction:column;justify-content:space-between;gap:16px;width:100%;max-height:90vh}.au-modal.au-modal--mobile-centralized .au-modal__container{top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;width:90%;max-width:500px;height:min-content;border-radius:16px;display:flex;flex-direction:column;gap:16px}@media (min-width: 600px){.au-modal:not(.au-modal--desktop-centralized) .au-modal__container{border-radius:16px 0 0 16px;box-shadow:0 24px 56px #7686ad14,0 12px 12px #0048db0a;top:0;right:0;bottom:auto;left:auto;margin:0;height:100vh;height:100dvh;max-width:414px;max-height:100vh}.au-modal.au-modal--desktop-centralized .au-modal__container{top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;display:flex;max-width:500px;gap:16px;height:min-content;flex-direction:column;border-radius:16px}}@media (max-width: 599px){.au-modal--mobile-full-screen .au-modal__container{gap:0;padding:0;height:100vh;max-height:none;border-radius:0}.au-modal--mobile-full-screen .au-modal__content{padding:16px}}.au-modal__header{position:relative}.au-modal__header-close{background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:end;width:100%}.au-modal__header-close-icon{width:20px;height:20px}.au-modal__header-close-icon>svg{width:20px;height:20px;color:#313131}.au-modal__content{height:calc(100% - 150px);overflow-y:auto;flex:1}.au-modal__content::-webkit-scrollbar{width:16px}.au-modal__content::-webkit-scrollbar-track{background:#f4f7fb;border-radius:32px}.au-modal__content::-webkit-scrollbar-thumb{background:#0048db;border-radius:8px;border:4px solid #f4f7fb}.au-modal__content::-webkit-scrollbar-thumb:hover{background:#1737a4;transition:all .3s ease}
+.au-modal{height:100vh;width:100vw;position:fixed;top:0;left:0;bottom:0;right:0;background-color:#16181dcc;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease;z-index:5}@keyframes slideInY{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInX{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideCentralized{0%{transform:translate(-50%,calc(100% + 12px))}to{transform:translate(-50%,-50%)}}.au-modal--is-open{opacity:1;visibility:visible;pointer-events:all}.au-modal--is-open .au-modal__container{animation:slideInY .3s ease forwards}.au-modal--is-open.au-modal--mobile-centralized .au-modal__container{animation:slideCentralized .3s ease forwards}.au-modal--is-open.au-modal--mobile-full-screen .au-modal__container{animation:none}@media(min-width:600px){.au-modal--is-open.au-modal--desktop-centralized .au-modal__container{animation:slideCentralized .3s ease forwards}.au-modal--is-open:not(.au-modal--desktop-centralized) .au-modal__container{animation:slideInX .3s ease forwards}}.au-modal__container{background-color:#fff;border-radius:16px 16px 0 0;padding:16px;position:fixed;z-index:6;bottom:0;display:flex;flex-direction:column;justify-content:space-between;gap:16px;width:100%;max-height:90vh}.au-modal.au-modal--mobile-centralized .au-modal__container{top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;width:90%;max-width:500px;height:min-content;border-radius:16px;display:flex;flex-direction:column;gap:16px}@media(min-width:600px){.au-modal:not(.au-modal--desktop-centralized) .au-modal__container{border-radius:16px 0 0 16px;box-shadow:0 24px 56px #7686ad14,0 12px 12px #0048db0a;top:0;right:0;bottom:auto;left:auto;margin:0;height:100vh;height:100dvh;max-width:414px;max-height:100vh}.au-modal.au-modal--desktop-centralized .au-modal__container{top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;display:flex;max-width:500px;gap:16px;height:min-content;flex-direction:column;border-radius:16px}}@media(max-width:599px){.au-modal--mobile-full-screen .au-modal__container{gap:0;padding:0;height:100vh;max-height:none;border-radius:0}.au-modal--mobile-full-screen .au-modal__content{padding:16px}}.au-modal__header{position:relative}.au-modal__header-close{background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:end;width:100%}.au-modal__header-close-icon{width:20px;height:20px}.au-modal__header-close-icon>svg{width:20px;height:20px;color:#313131}.au-modal__content{height:calc(100% - 150px);overflow-y:auto;flex:1}.au-modal__content::-webkit-scrollbar{width:16px}.au-modal__content::-webkit-scrollbar-track{background:#f4f7fb;border-radius:32px}.au-modal__content::-webkit-scrollbar-thumb{background:#0048db;border-radius:8px;border:4px solid #f4f7fb}.au-modal__content::-webkit-scrollbar-thumb:hover{background:#1737a4;transition:all .3s ease}

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 type NavbarVerticalDataProps = {
     name: string;
     Icon?: ReactNode | string | JSX.Element | JSX.Element[];

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-BXRA68j0.js";
+import { c as classNames } from "../../index-C6Q03EyZ.js";
 import { useState } from "react";
 import { Text } from "../Text/index.es.js";
 import "../Icon/index.es.js";
@@ -57,7 +57,7 @@ const NavbarVerticalLink = ({
           {
             condition: !!(dropdown == null ? void 0 : dropdown.length),
             renderIf: /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsxs("div", { className: "au-navbar-vertical__toggle", children: [
+              /* @__PURE__ */ jsxs("div", { className: "au-navbar-vertical__toggle", "aria-hidden": "true", children: [
                 /* @__PURE__ */ jsx(Conditional, { condition: !!open, renderIf: /* @__PURE__ */ jsx(IconChevronUp, {}) }),
                 /* @__PURE__ */ jsx(Conditional, { condition: !open, renderIf: /* @__PURE__ */ jsx(IconChevronDown, {}) })
               ] }),

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/NavbarVertical/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode, useState } from 'react'\nimport { Text } from '../Text'\nimport { IconChevronDown, IconChevronUp } from '../icons/default'\nimport { Conditional } from '../misc'\n\nimport './styles.scss'\n\ntype NavbarVerticalDataProps = {\n  name: string\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  onClick?: () => void\n  dropdown?: NavbarVerticalDataProps[]\n  active?: boolean\n  href?: string\n}\n\ntype NavbarVerticalProps = {\n  data: NavbarVerticalDataProps[]\n  renderItem: (\n    link: NavbarVerticalDataProps,\n    idx?: number\n  ) => ReactNode | string | JSX.Element | JSX.Element[]\n  renderAlert?: () => ReactNode | string | JSX.Element | JSX.Element[]\n  renderActions: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const NavbarVertical = ({\n  data,\n  renderItem,\n  renderAlert,\n  renderActions,\n}: NavbarVerticalProps) => {\n  return (\n    <div className=\"au-navbar-vertical\">\n      {data?.map((link, idx) => {\n        return renderItem(link, idx)\n      })}\n      {renderAlert && <div className=\"au-navbar-vertical__alert\">{renderAlert()}</div>}\n      <div className=\"au-navbar-vertical__actions\">{renderActions()}</div>\n    </div>\n  )\n}\n\nconst NavbarVerticalLink = ({\n  name,\n  onClick,\n  Icon,\n  dropdown,\n  href,\n  active = false,\n}: NavbarVerticalDataProps) => {\n  const [open, setOpen] = useState<boolean>(!!dropdown && active)\n\n  function handleClick(ev: React.MouseEvent) {\n    if (dropdown) {\n      setOpen((prev) => !prev)\n    } else if(onClick) {\n      ev.preventDefault()\n      onClick()\n    }\n  }\n\n  return (\n    <Text\n      as={dropdown ? 'div' : 'a'}\n      href={href}\n      variant=\"heading-micro\"\n      weight=\"light\"\n      className={classNames('au-navbar-vertical__link', {\n        [`au-navbar-vertical__link--is-active`]: active,\n        [`au-navbar-vertical__link--is-open`]: open,\n      })}\n      onClick={handleClick}>\n      <Conditional condition={!!Icon} renderIf={Icon} />\n      {name}\n\n      <Conditional\n        condition={!!dropdown?.length}\n        renderIf={\n          <>\n            <div className=\"au-navbar-vertical__toggle\">\n              <Conditional condition={!!open} renderIf={<IconChevronUp />} />\n              <Conditional condition={!open} renderIf={<IconChevronDown />} />\n            </div>\n            <div className=\"au-navbar-vertical__dropdown\">\n              {dropdown?.map((item, idx) => {\n                return (\n                  <Text\n                    key={`${item.name}-${idx}`}\n                    as=\"a\"\n                    href={item.href}\n                    variant=\"heading-micro\"\n                    weight=\"light\"\n                    className={classNames('au-navbar-vertical__dropdown-link', {\n                      'au-navbar-vertical__dropdown-link--is-active':\n                        item.active,\n                    })}\n                    title={item.name}\n                    onClick={item.onClick}>\n                    {item.name}\n                  </Text>\n                )\n              })}\n            </div>\n          </>\n        }\n      />\n    </Text>\n  )\n}\n\nNavbarVertical.Link = NavbarVerticalLink\n"],"names":[],"mappings":";;;;;;;;AA2BO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AAEvB,SAAA,qBAAC,OAAI,EAAA,WAAU,sBACZ,UAAA;AAAA,IAAM,6BAAA,IAAI,CAAC,MAAM,QAAQ;AACjB,aAAA,WAAW,MAAM,GAAG;AAAA,IAAA;AAAA,IAE5B,eAAgB,oBAAA,OAAA,EAAI,WAAU,6BAA6B,yBAAc;AAAA,IACzE,oBAAA,OAAA,EAAI,WAAU,+BAA+B,2BAAgB;AAAA,EAChE,EAAA,CAAA;AAEJ;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAA+B;AACvB,QAAA,CAAC,MAAM,OAAO,IAAI,SAAkB,CAAC,CAAC,YAAY,MAAM;AAE9D,WAAS,YAAY,IAAsB;AACzC,QAAI,UAAU;AACJ,cAAA,CAAC,SAAS,CAAC,IAAI;AAAA,eACf,SAAS;AACjB,SAAG,eAAe;AACV;IACV;AAAA,EACF;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI,WAAW,QAAQ;AAAA,MACvB;AAAA,MACA,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,WAAW,WAAW,4BAA4B;AAAA,QAChD,CAAC,qCAAqC,GAAG;AAAA,QACzC,CAAC,mCAAmC,GAAG;AAAA,MAAA,CACxC;AAAA,MACD,SAAS;AAAA,MACT,UAAA;AAAA,QAAA,oBAAC,eAAY,WAAW,CAAC,CAAC,MAAM,UAAU,MAAM;AAAA,QAC/C;AAAA,QAED;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAC,qCAAU;AAAA,YACvB,UAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,cAAC,qBAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,gBAAC,oBAAA,aAAA,EAAY,WAAW,CAAC,CAAC,MAAM,UAAU,oBAAC,gBAAc,CAAA,GAAI;AAAA,gBAC7D,oBAAC,eAAY,WAAW,CAAC,MAAM,UAAU,oBAAC,kBAAgB,CAAA,GAAI;AAAA,cAAA,GAChE;AAAA,cACA,oBAAC,SAAI,WAAU,gCACZ,+CAAU,IAAI,CAAC,MAAM,QAAQ;AAE1B,uBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,IAAG;AAAA,oBACH,MAAM,KAAK;AAAA,oBACX,SAAQ;AAAA,oBACR,QAAO;AAAA,oBACP,WAAW,WAAW,qCAAqC;AAAA,sBACzD,gDACE,KAAK;AAAA,oBAAA,CACR;AAAA,oBACD,OAAO,KAAK;AAAA,oBACZ,SAAS,KAAK;AAAA,oBACb,UAAK,KAAA;AAAA,kBAAA;AAAA,kBAXD,GAAG,KAAK,IAAI,IAAI,GAAG;AAAA,gBAAA;AAAA,cAc7B,IACH;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,eAAe,OAAO;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/NavbarVertical/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode, useState } from 'react'\nimport { Text } from '../Text'\nimport { IconChevronDown, IconChevronUp } from '../icons/default'\nimport { Conditional } from '../misc'\n\nimport './styles.scss'\n\ntype NavbarVerticalDataProps = {\n  name: string\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  onClick?: () => void\n  dropdown?: NavbarVerticalDataProps[]\n  active?: boolean\n  href?: string\n}\n\ntype NavbarVerticalProps = {\n  data: NavbarVerticalDataProps[]\n  renderItem: (\n    link: NavbarVerticalDataProps,\n    idx?: number\n  ) => ReactNode | string | JSX.Element | JSX.Element[]\n  renderAlert?: () => ReactNode | string | JSX.Element | JSX.Element[]\n  renderActions: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const NavbarVertical = ({\n  data,\n  renderItem,\n  renderAlert,\n  renderActions,\n}: NavbarVerticalProps) => {\n  return (\n    <div className=\"au-navbar-vertical\">\n      {data?.map((link, idx) => {\n        return renderItem(link, idx)\n      })}\n      {renderAlert && <div className=\"au-navbar-vertical__alert\">{renderAlert()}</div>}\n      <div className=\"au-navbar-vertical__actions\">{renderActions()}</div>\n    </div>\n  )\n}\n\nconst NavbarVerticalLink = ({\n  name,\n  onClick,\n  Icon,\n  dropdown,\n  href,\n  active = false,\n}: NavbarVerticalDataProps) => {\n  const [open, setOpen] = useState<boolean>(!!dropdown && active)\n\n  function handleClick(ev: React.MouseEvent) {\n    if (dropdown) {\n      setOpen((prev) => !prev)\n    } else if(onClick) {\n      ev.preventDefault()\n      onClick()\n    }\n  }\n\n  return (\n    <Text\n      as={dropdown ? 'div' : 'a'}\n      href={href}\n      variant=\"heading-micro\"\n      weight=\"light\"\n      className={classNames('au-navbar-vertical__link', {\n        [`au-navbar-vertical__link--is-active`]: active,\n        [`au-navbar-vertical__link--is-open`]: open,\n      })}\n      onClick={handleClick}>\n      <Conditional condition={!!Icon} renderIf={Icon} />\n      {name}\n\n      <Conditional\n        condition={!!dropdown?.length}\n        renderIf={\n          <>\n            <div className=\"au-navbar-vertical__toggle\" aria-hidden=\"true\">\n              <Conditional condition={!!open} renderIf={<IconChevronUp />} />\n              <Conditional condition={!open} renderIf={<IconChevronDown />} />\n            </div>\n            <div className=\"au-navbar-vertical__dropdown\">\n              {dropdown?.map((item, idx) => {\n                return (\n                  <Text\n                    key={`${item.name}-${idx}`}\n                    as=\"a\"\n                    href={item.href}\n                    variant=\"heading-micro\"\n                    weight=\"light\"\n                    className={classNames('au-navbar-vertical__dropdown-link', {\n                      'au-navbar-vertical__dropdown-link--is-active':\n                        item.active,\n                    })}\n                    title={item.name}\n                    onClick={item.onClick}>\n                    {item.name}\n                  </Text>\n                )\n              })}\n            </div>\n          </>\n        }\n      />\n    </Text>\n  )\n}\n\nNavbarVertical.Link = NavbarVerticalLink\n"],"names":[],"mappings":";;;;;;;;AA2BO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AACzB,SACE,qBAAC,OAAA,EAAI,WAAU,sBACZ,UAAA;AAAA,IAAA,6BAAM,IAAI,CAAC,MAAM,QAAQ;AACxB,aAAO,WAAW,MAAM,GAAG;AAAA,IAC7B;AAAA,IACC,eAAe,oBAAC,OAAA,EAAI,WAAU,6BAA6B,yBAAc;AAAA,IAC1E,oBAAC,OAAA,EAAI,WAAU,+BAA+B,0BAAc,CAAE;AAAA,EAAA,GAChE;AAEJ;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAA+B;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAkB,CAAC,CAAC,YAAY,MAAM;AAE9D,WAAS,YAAY,IAAsB;AACzC,QAAI,UAAU;AACZ,cAAQ,CAAC,SAAS,CAAC,IAAI;AAAA,IACzB,WAAU,SAAS;AACjB,SAAG,eAAA;AACH,cAAA;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI,WAAW,QAAQ;AAAA,MACvB;AAAA,MACA,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,WAAW,WAAW,4BAA4B;AAAA,QAChD,CAAC,qCAAqC,GAAG;AAAA,QACzC,CAAC,mCAAmC,GAAG;AAAA,MAAA,CACxC;AAAA,MACD,SAAS;AAAA,MACT,UAAA;AAAA,QAAA,oBAAC,eAAY,WAAW,CAAC,CAAC,MAAM,UAAU,MAAM;AAAA,QAC/C;AAAA,QAED;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAC,qCAAU;AAAA,YACvB,UACE,qBAAA,UAAA,EACE,UAAA;AAAA,cAAA,qBAAC,OAAA,EAAI,WAAU,8BAA6B,eAAY,QACtD,UAAA;AAAA,gBAAA,oBAAC,aAAA,EAAY,WAAW,CAAC,CAAC,MAAM,UAAU,oBAAC,iBAAc,GAAI;AAAA,gBAC7D,oBAAC,eAAY,WAAW,CAAC,MAAM,UAAU,oBAAC,mBAAgB,EAAA,CAAI;AAAA,cAAA,GAChE;AAAA,cACA,oBAAC,SAAI,WAAU,gCACZ,+CAAU,IAAI,CAAC,MAAM,QAAQ;AAC5B,uBACE;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,IAAG;AAAA,oBACH,MAAM,KAAK;AAAA,oBACX,SAAQ;AAAA,oBACR,QAAO;AAAA,oBACP,WAAW,WAAW,qCAAqC;AAAA,sBACzD,gDACE,KAAK;AAAA,oBAAA,CACR;AAAA,oBACD,OAAO,KAAK;AAAA,oBACZ,SAAS,KAAK;AAAA,oBACb,UAAA,KAAK;AAAA,kBAAA;AAAA,kBAXD,GAAG,KAAK,IAAI,IAAI,GAAG;AAAA,gBAAA;AAAA,cAc9B,GAAC,CACH;AAAA,YAAA,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,eAAe,OAAO;"}

package/dist/components/NavbarVertical/styles.css

@@ -1 +1 @@
-@charset "UTF-8";.au-navbar-vertical{width:100%;background-color:#fff;height:100%;padding-bottom:100px;position:relative;overflow-y:scroll}.au-navbar-vertical__link{padding:16px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;flex-wrap:wrap;text-decoration:none;border-bottom:1px solid #e2e4e9}@media (min-width: 600px){.au-navbar-vertical__link:hover,.au-navbar-vertical__link:focus{font-weight:700}}.au-navbar-vertical__link--is-active,.au-navbar-vertical__link--is-open{background-color:#fafbff;color:#0048db;font-weight:700}.au-navbar-vertical__link--is-open .au-navbar-vertical__dropdown{display:block}.au-navbar-vertical__toggle{margin-left:auto}.au-navbar-vertical__dropdown{display:block;width:100%;border-top:1px solid #dce8ff;padding-top:12px;display:none}.au-navbar-vertical__dropdown-link{display:block;width:100%;padding:12px 0;text-decoration:none}.au-navbar-vertical__dropdown-link:before{content:"•";font-weight:700;margin-inline:10px}.au-navbar-vertical__dropdown-link:hover,.au-navbar-vertical__dropdown-link:focus{font-weight:700}.au-navbar-vertical__dropdown-link--is-active,.au-navbar-vertical__dropdown-link--is-open{color:#0048db;font-weight:700}.au-navbar-vertical__alert{display:flex;gap:8px;align-items:flex-start;flex-direction:column;padding:24px 24px 0}.au-navbar-vertical__actions{display:flex;gap:8px;padding:24px;position:fixed;bottom:0;left:0;width:100%;background-color:#fff}.au-navbar-vertical__actions>*{flex-grow:1}@media (min-width: 600px){.au-navbar-vertical__actions{position:absolute}}
+@charset "UTF-8";.au-navbar-vertical{width:100%;background-color:#fff;height:100%;padding-bottom:100px;position:relative;overflow-y:scroll}.au-navbar-vertical__link{padding:16px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;flex-wrap:wrap;text-decoration:none;border-bottom:1px solid #e2e4e9}@media(min-width:600px){.au-navbar-vertical__link:hover,.au-navbar-vertical__link:focus{font-weight:700}}.au-navbar-vertical__link--is-active,.au-navbar-vertical__link--is-open{background-color:#fafbff;color:#0048db;font-weight:700}.au-navbar-vertical__link--is-open .au-navbar-vertical__dropdown{display:block}.au-navbar-vertical__toggle{margin-left:auto}.au-navbar-vertical__dropdown{display:block;width:100%;border-top:1px solid #dce8ff;padding-top:12px;display:none}.au-navbar-vertical__dropdown-link{display:block;width:100%;padding:12px 0;text-decoration:none}.au-navbar-vertical__dropdown-link:before{content:"•";font-weight:700;margin-inline:10px}.au-navbar-vertical__dropdown-link:hover,.au-navbar-vertical__dropdown-link:focus{font-weight:700}.au-navbar-vertical__dropdown-link--is-active,.au-navbar-vertical__dropdown-link--is-open{color:#0048db;font-weight:700}.au-navbar-vertical__alert{display:flex;gap:8px;align-items:flex-start;flex-direction:column;padding:24px 24px 0}.au-navbar-vertical__actions{display:flex;gap:8px;padding:24px;position:fixed;bottom:0;left:0;width:100%;background-color:#fff}.au-navbar-vertical__actions>*{flex-grow:1}@media(min-width:600px){.au-navbar-vertical__actions{position:absolute}}

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 type NotificationsBarWrapProps = {
     renderRecents?: () => ReactNode | string | JSX.Element | JSX.Element[];
     renderOlds?: () => ReactNode | string | JSX.Element | JSX.Element[];
@@ -22,13 +21,14 @@ type NotificationsBarLinkProps = {
     onDelete?: () => void;
     Icon?: ReactNode | string | JSX.Element | JSX.Element[];
     createdAt?: string;
+    isUnread?: boolean;
 };
 export declare const NotificationsBarWrap: ({ renderRecents, renderOlds, }: NotificationsBarWrapProps) => import("react/jsx-runtime").JSX.Element;
 export declare const NotificationsBarList: ({ title, dataSource, renderItem, }: NotificationsBarListProps) => import("react/jsx-runtime").JSX.Element;
-export declare const NotificationsBarLink: ({ Icon, onClick, title, createdAt, onDelete, }: NotificationsBarLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationsBarLink: ({ Icon, onClick, title, createdAt, onDelete, isUnread, }: NotificationsBarLinkProps) => import("react/jsx-runtime").JSX.Element;
 declare const components: {
     Root: ({ renderRecents, renderOlds, }: NotificationsBarWrapProps) => import("react/jsx-runtime").JSX.Element;
     List: ({ title, dataSource, renderItem, }: NotificationsBarListProps) => import("react/jsx-runtime").JSX.Element;
-    Link: ({ Icon, onClick, title, createdAt, onDelete, }: NotificationsBarLinkProps) => import("react/jsx-runtime").JSX.Element;
+    Link: ({ Icon, onClick, title, createdAt, onDelete, isUnread, }: NotificationsBarLinkProps) => import("react/jsx-runtime").JSX.Element;
 };
 export { components as NotificationsBar };

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

@@ -1,11 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { useId } from "react";
 import { Text } from "../Text/index.es.js";
 import { Conditional } from "../Conditional/index.es.js";
 import './styles.css';const NotificationsBarWrap = ({
   renderRecents,
   renderOlds
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "au-notifications-bar", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "au-notifications-bar", role: "region", "aria-label": "Notificações", children: [
     renderRecents && renderRecents(),
     renderOlds && renderOlds()
   ] });
@@ -25,37 +26,41 @@ const NotificationsBarLink = ({
   onClick,
   title,
   createdAt,
-  onDelete
+  onDelete,
+  isUnread
 }) => {
+  const timestampId = useId();
   return /* @__PURE__ */ jsxs("div", { className: "au-notifications-bar__item", children: [
     /* @__PURE__ */ jsxs(
-      Text,
+      "button",
       {
-        as: "a",
-        variant: "body-medium",
-        weight: "regular",
+        type: "button",
         className: "au-notifications-bar__link",
         onClick,
+        "aria-describedby": createdAt ? timestampId : void 0,
         children: [
-          /* @__PURE__ */ jsx(Conditional, { condition: !!Icon, renderIf: Icon }),
-          title
+          Icon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: Icon }),
+          /* @__PURE__ */ jsxs(Text, { as: "span", variant: "body-medium", weight: "regular", children: [
+            isUnread && /* @__PURE__ */ jsx("span", { className: "au-sr-only", children: "não lida — " }),
+            title
+          ] })
         ]
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "au-notifications-bar__actions", children: [
-      /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-small", children: createdAt }),
+      /* @__PURE__ */ jsx(Text, { as: "span", id: timestampId, variant: "body-small", children: createdAt }),
       /* @__PURE__ */ jsx(
         Conditional,
         {
           condition: !!onDelete,
           renderIf: /* @__PURE__ */ jsx(
-            Text,
+            "button",
             {
-              as: "a",
-              variant: "body-small",
-              weight: "semibold",
+              type: "button",
+              className: "au-notifications-bar__delete-btn",
+              "aria-label": `Excluir: ${title}`,
               onClick: onDelete,
-              children: "Excluir"
+              children: /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-small", weight: "semibold", children: "Excluir" })
             }
           )
         }

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/NotificationsBar/index.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Text } from '../Text'\nimport { Conditional } from '../misc'\nimport './styles.scss'\n\ntype NotificationsBarWrapProps = {\n  renderRecents?: () => ReactNode | string | JSX.Element | JSX.Element[]\n  renderOlds?: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationsBarListProps = {\n  title: string\n  dataSource: NotificationBarListDataProps[]\n  renderItem: (\n    item: NotificationBarListDataProps,\n    idx?: number\n  ) => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationBarListDataProps = {\n  title: string\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  onClick: () => void\n  onDelete?: () => void\n  createdAt?: string\n}\n\ntype NotificationsBarLinkProps = {\n  title: string\n  onClick: () => void\n  onDelete?: () => void\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  createdAt?: string\n}\n\nexport const NotificationsBarWrap = ({\n  renderRecents,\n  renderOlds,\n}: NotificationsBarWrapProps) => {\n  return (\n    <div className=\"au-notifications-bar\">\n      {renderRecents && renderRecents()}\n      {renderOlds && renderOlds()}\n    </div>\n  )\n}\n\nexport const NotificationsBarList = ({\n  title,\n  dataSource,\n  renderItem,\n}: NotificationsBarListProps) => {\n  return (\n    <div className=\"au-notifications-bar__section\">\n      <Text as=\"h3\" variant=\"body-medium\" weight=\"bold\">\n        {title}\n      </Text>\n      <div className=\"au-notifications-bar__list\">\n        {dataSource?.map((item, idx) => renderItem(item, idx))}\n      </div>\n    </div>\n  )\n}\n\nexport const NotificationsBarLink = ({\n  Icon,\n  onClick,\n  title,\n  createdAt,\n  onDelete,\n}: NotificationsBarLinkProps) => {\n  return (\n    <div className=\"au-notifications-bar__item\">\n      <Text\n        as=\"a\"\n        variant=\"body-medium\"\n        weight=\"regular\"\n        className=\"au-notifications-bar__link\"\n        onClick={onClick}>\n        <Conditional condition={!!Icon} renderIf={Icon} />\n        {title}\n      </Text>\n      <div className=\"au-notifications-bar__actions\">\n        <Text as=\"span\" variant=\"body-small\">\n          {createdAt}\n        </Text>\n        <Conditional\n          condition={!!onDelete}\n          renderIf={\n            <Text\n              as=\"a\"\n              variant=\"body-small\"\n              weight=\"semibold\"\n              onClick={onDelete}>\n              Excluir\n            </Text>\n          }\n        />\n      </div>\n    </div>\n  )\n}\n\nconst components = {\n  Root: NotificationsBarWrap,\n  List: NotificationsBarList,\n  Link: NotificationsBarLink,\n}\n\nexport { components as NotificationsBar }\n"],"names":[],"mappings":";;;AAmCO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,wBACZ,UAAA;AAAA,IAAA,iBAAiB,cAAc;AAAA,IAC/B,cAAc,WAAW;AAAA,EAC5B,EAAA,CAAA;AAEJ;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,IAAA,oBAAC,QAAK,IAAG,MAAK,SAAQ,eAAc,QAAO,QACxC,UACH,MAAA,CAAA;AAAA,IACC,oBAAA,OAAA,EAAI,WAAU,8BACZ,UAAY,yCAAA,IAAI,CAAC,MAAM,QAAQ,WAAW,MAAM,GAAG,GACtD,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,SAAQ;AAAA,QACR,QAAO;AAAA,QACP,WAAU;AAAA,QACV;AAAA,QACA,UAAA;AAAA,UAAA,oBAAC,eAAY,WAAW,CAAC,CAAC,MAAM,UAAU,MAAM;AAAA,UAC/C;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,MAAA,oBAAC,MAAK,EAAA,IAAG,QAAO,SAAQ,cACrB,UACH,WAAA;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAAC,CAAC;AAAA,UACb,UACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,SAAQ;AAAA,cACR,QAAO;AAAA,cACP,SAAS;AAAA,cAAU,UAAA;AAAA,YAAA;AAAA,UAErB;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;AAEA,MAAM,aAAa;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/NotificationsBar/index.tsx"],"sourcesContent":["import { ReactNode, useId } from 'react'\nimport { Text } from '../Text'\nimport { Conditional } from '../misc'\nimport './styles.scss'\n\ntype NotificationsBarWrapProps = {\n  renderRecents?: () => ReactNode | string | JSX.Element | JSX.Element[]\n  renderOlds?: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationsBarListProps = {\n  title: string\n  dataSource: NotificationBarListDataProps[]\n  renderItem: (\n    item: NotificationBarListDataProps,\n    idx?: number\n  ) => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationBarListDataProps = {\n  title: string\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  onClick: () => void\n  onDelete?: () => void\n  createdAt?: string\n}\n\ntype NotificationsBarLinkProps = {\n  title: string\n  onClick: () => void\n  onDelete?: () => void\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  createdAt?: string\n  isUnread?: boolean\n}\n\nexport const NotificationsBarWrap = ({\n  renderRecents,\n  renderOlds,\n}: NotificationsBarWrapProps) => {\n  return (\n    <div className=\"au-notifications-bar\" role=\"region\" aria-label=\"Notificações\">\n      {renderRecents && renderRecents()}\n      {renderOlds && renderOlds()}\n    </div>\n  )\n}\n\nexport const NotificationsBarList = ({\n  title,\n  dataSource,\n  renderItem,\n}: NotificationsBarListProps) => {\n  return (\n    <div className=\"au-notifications-bar__section\">\n      <Text as=\"h3\" variant=\"body-medium\" weight=\"bold\">\n        {title}\n      </Text>\n      <div className=\"au-notifications-bar__list\">\n        {dataSource?.map((item, idx) => renderItem(item, idx))}\n      </div>\n    </div>\n  )\n}\n\nexport const NotificationsBarLink = ({\n  Icon,\n  onClick,\n  title,\n  createdAt,\n  onDelete,\n  isUnread,\n}: NotificationsBarLinkProps) => {\n  const timestampId = useId()\n\n  return (\n    <div className=\"au-notifications-bar__item\">\n      <button\n        type=\"button\"\n        className=\"au-notifications-bar__link\"\n        onClick={onClick}\n        aria-describedby={createdAt ? timestampId : undefined}>\n        {Icon && <span aria-hidden=\"true\">{Icon}</span>}\n        <Text as=\"span\" variant=\"body-medium\" weight=\"regular\">\n          {isUnread && <span className=\"au-sr-only\">não lida — </span>}\n          {title}\n        </Text>\n      </button>\n      <div className=\"au-notifications-bar__actions\">\n        <Text as=\"span\" id={timestampId} variant=\"body-small\">\n          {createdAt}\n        </Text>\n        <Conditional\n          condition={!!onDelete}\n          renderIf={\n            <button\n              type=\"button\"\n              className=\"au-notifications-bar__delete-btn\"\n              aria-label={`Excluir: ${title}`}\n              onClick={onDelete}>\n              <Text as=\"span\" variant=\"body-small\" weight=\"semibold\">\n                Excluir\n              </Text>\n            </button>\n          }\n        />\n      </div>\n    </div>\n  )\n}\n\nconst components = {\n  Root: NotificationsBarWrap,\n  List: NotificationsBarList,\n  Link: NotificationsBarLink,\n}\n\nexport { components as NotificationsBar }\n"],"names":[],"mappings":";;;;AAoCO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AACF,MAAiC;AAC/B,8BACG,OAAA,EAAI,WAAU,wBAAuB,MAAK,UAAS,cAAW,gBAC5D,UAAA;AAAA,IAAA,iBAAiB,cAAA;AAAA,IACjB,cAAc,WAAA;AAAA,EAAW,GAC5B;AAEJ;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAC/B,SACE,qBAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,IAAA,oBAAC,QAAK,IAAG,MAAK,SAAQ,eAAc,QAAO,QACxC,UAAA,MAAA,CACH;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,8BACZ,UAAA,yCAAY,IAAI,CAAC,MAAM,QAAQ,WAAW,MAAM,GAAG,GAAC,CACvD;AAAA,EAAA,GACF;AAEJ;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAC/B,QAAM,cAAc,MAAA;AAEpB,SACE,qBAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV;AAAA,QACA,oBAAkB,YAAY,cAAc;AAAA,QAC3C,UAAA;AAAA,UAAA,QAAQ,oBAAC,QAAA,EAAK,eAAY,QAAQ,UAAA,MAAK;AAAA,+BACvC,MAAA,EAAK,IAAG,QAAO,SAAQ,eAAc,QAAO,WAC1C,UAAA;AAAA,YAAA,YAAY,oBAAC,QAAA,EAAK,WAAU,cAAa,UAAA,eAAW;AAAA,YACpD;AAAA,UAAA,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,qBAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,MAAA,oBAAC,QAAK,IAAG,QAAO,IAAI,aAAa,SAAQ,cACtC,UAAA,UAAA,CACH;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAAC,CAAC;AAAA,UACb,UACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,cAAY,YAAY,KAAK;AAAA,cAC7B,SAAS;AAAA,cACT,UAAA,oBAAC,QAAK,IAAG,QAAO,SAAQ,cAAa,QAAO,YAAW,UAAA,UAAA,CAEvD;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,MAAM,aAAa;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}

package/dist/components/NotificationsBar/styles.css

@@ -1 +1 @@
-.au-notifications-bar{background-color:#fff}.au-notifications-bar__section>.au-text{padding:16px 24px;background-color:#fff}.au-notifications-bar__section:first-child>.au-notifications-bar__list{background-color:#fafbff}.au-notifications-bar__section:first-child .au-notifications-bar__item{border-bottom:1px solid #e2e4e9;position:relative}.au-notifications-bar__section:first-child .au-notifications-bar__item>.au-text{font-weight:700}.au-notifications-bar__section:first-child .au-notifications-bar__item:before{content:"";position:absolute;width:8px;height:8px;border-radius:999px;background-color:#e52222;left:8px;top:calc(50% - 4px)}.au-notifications-bar__item{display:flex;align-items:center;border-top:1px solid #fafbff}.au-notifications-bar__item>*:nth-child(1){flex-grow:1}.au-notifications-bar__item>*:nth-child(2){margin-left:auto}.au-notifications-bar__link{display:flex;align-items:center;gap:12px;padding:24px 8px 24px 24px;cursor:pointer}.au-notifications-bar__actions{display:flex;align-items:flex-end;flex-wrap:wrap;flex-direction:column;padding:0 24px 0 0}.au-notifications-bar__actions>span.au-text{color:#454a54}.au-notifications-bar__actions>span.au-text+a.au-text{margin-top:8px}.au-notifications-bar__actions>a.au-text{cursor:pointer;color:#0048db}
+.au-notifications-bar{background-color:#fff}.au-notifications-bar__section>.au-text{padding:16px 24px;background-color:#fff}.au-notifications-bar__section:first-child>.au-notifications-bar__list{background-color:#fafbff}.au-notifications-bar__section:first-child .au-notifications-bar__item{border-bottom:1px solid #e2e4e9;position:relative}.au-notifications-bar__section:first-child .au-notifications-bar__item .au-notifications-bar__link .au-text{font-weight:700}.au-notifications-bar__section:first-child .au-notifications-bar__item:before{content:"";position:absolute;width:8px;height:8px;border-radius:999px;background-color:#e52222;left:8px;top:calc(50% - 4px)}.au-notifications-bar__item{display:flex;align-items:center;border-top:1px solid #fafbff}.au-notifications-bar__item>*:nth-child(1){flex-grow:1}.au-notifications-bar__item>*:nth-child(2){margin-left:auto}.au-notifications-bar__link{border:none;background:none;font:inherit;color:inherit;text-align:inherit;display:flex;align-items:center;gap:12px;padding:24px 8px 24px 24px;cursor:pointer}.au-notifications-bar__delete-btn{border:none;background:none;padding:0;font:inherit;text-align:inherit;cursor:pointer;color:#0048db}.au-notifications-bar__delete-btn .au-text{color:inherit}.au-notifications-bar__actions{display:flex;align-items:flex-end;flex-wrap:wrap;flex-direction:column;padding:0 24px 0 0}.au-notifications-bar__actions>span.au-text{color:#454a54}.au-notifications-bar__actions>span.au-text+.au-notifications-bar__delete-btn{margin-top:8px}

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useId } from "react";
 import { F as Field } from "../../index-ZE6zszxw.js";
-import { useState } from "react";
 import './styles.css';const usePasswordField = () => {
   const [showPassword, setShowPassword] = useState(false);
   const fieldType = showPassword ? "text" : "password";
@@ -11,6 +11,7 @@ import './styles.css';const usePasswordField = () => {
   return {
     fieldType,
     textButton,
+    showPassword,
     changeVisibility
   };
 };
@@ -29,7 +30,9 @@ const PasswordField = ({
   numericKeypad,
   ...props
 }) => {
-  const { fieldType, textButton, changeVisibility } = usePasswordField();
+  const { fieldType, showPassword, changeVisibility } = usePasswordField();
+  const generatedErrorId = useId();
+  const errorId = error && errorMessage ? generatedErrorId : void 0;
   return /* @__PURE__ */ jsxs(
     Field.Root,
     {
@@ -61,6 +64,8 @@ const PasswordField = ({
               inputRef,
               inputMode: numericKeypad ? "numeric" : void 0,
               disabled,
+              "aria-invalid": !!error,
+              "aria-describedby": errorId,
               ...props
             }
           ),
@@ -68,14 +73,16 @@ const PasswordField = ({
             "button",
             {
               className: "au-password-field__btn",
+              type: "button",
               onClick: changeVisibility,
               disabled,
-              type: "button",
-              children: textButton
+              "aria-label": showPassword ? "Ocultar senha" : "Mostrar senha",
+              "aria-pressed": showPassword,
+              children: showPassword ? "ocultar" : "mostrar"
             }
           )
         ] }),
-        /* @__PURE__ */ jsx(Field.ErrorMessage, { hasError: !!error, message: errorMessage })
+        /* @__PURE__ */ jsx(Field.ErrorMessage, { hasError: !!error, message: errorMessage, id: errorId })
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/PasswordField/hook.tsx","../../../lib/components/form/PasswordField/index.tsx"],"sourcesContent":["import { useState } from 'react'\n\nexport const usePasswordField = () => {\n  const [showPassword, setShowPassword] = useState<boolean>(false)\n  const fieldType = showPassword ? 'text' : 'password'\n  const textButton = showPassword ? 'ocultar' : 'mostrar'\n\n  function changeVisibility() {\n    setShowPassword((prevState) => !prevState)\n  }\n\n  return {\n    fieldType,\n    textButton,\n    changeVisibility,\n  }\n}\n","import Field from '../Field'\nimport { usePasswordField } from './hook'\nimport './styles.scss'\n\ntype PasswordFieldProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  type?: 'password'\n  showOptionalLabel?: boolean\n  requiredInput?: boolean\n  success?: boolean\n  error?: boolean\n  errorMessage?: string\n  label?: string\n  inputRef?: React.RefObject<HTMLInputElement>\n  numericKeypad?: boolean\n}\n\nexport const PasswordField = ({\n  showOptionalLabel,\n  requiredInput,\n  success,\n  error,\n  errorMessage,\n  label,\n  inputRef,\n  id,\n  disabled,\n  style,\n  className,\n  numericKeypad,\n  ...props\n}: PasswordFieldProps) => {\n  const { fieldType, textButton, changeVisibility } = usePasswordField()\n\n  return (\n    <Field.Root\n      style={style}\n      customclass={className}\n      success={success}\n      error={error}\n      disabled={disabled}>\n      <Field.Label\n        text={label}\n        id={id}\n        required={requiredInput}\n        showOptionalLabel={showOptionalLabel}\n        success={success}\n        error={error}\n        disabled={disabled}\n      />\n      <div className=\"au-password-field__container\">\n        <Field.Input\n          customclass=\"au-password-field__input\"\n          type={fieldType}\n          id={id}\n          inputRef={inputRef}\n          inputMode={numericKeypad ? \"numeric\" : undefined}\n          disabled={disabled}\n          {...props}\n        />\n        <button\n          className=\"au-password-field__btn\"\n          onClick={changeVisibility}\n          disabled={disabled}\n\t\t\t\t\ttype=\"button\">\n          {textButton}\n        </button>\n      </div>\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n    </Field.Root>\n  )\n}\n"],"names":[],"mappings":";;;AAEO,MAAM,mBAAmB,MAAM;AACpC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,KAAK;AACzD,QAAA,YAAY,eAAe,SAAS;AACpC,QAAA,aAAa,eAAe,YAAY;AAE9C,WAAS,mBAAmB;AACV,oBAAA,CAAC,cAAc,CAAC,SAAS;AAAA,EAC3C;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;ACAO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,EAAE,WAAW,YAAY,qBAAqB,iBAAiB;AAGnE,SAAA;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAA;AAAA,QAAA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACC,MAAM;AAAA,YACN;AAAA,YACA,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QACA,qBAAC,OAAI,EAAA,WAAU,gCACb,UAAA;AAAA,UAAA;AAAA,YAAC,MAAM;AAAA,YAAN;AAAA,cACC,aAAY;AAAA,cACZ,MAAM;AAAA,cACN;AAAA,cACA;AAAA,cACA,WAAW,gBAAgB,YAAY;AAAA,cACvC;AAAA,cACC,GAAG;AAAA,YAAA;AAAA,UACN;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS;AAAA,cACT;AAAA,cACL,MAAK;AAAA,cACC,UAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,MAAM,cAAN,EAAmB,UAAU,CAAC,CAAC,OAAO,SAAS,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpE;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/PasswordField/hook.tsx","../../../lib/components/form/PasswordField/index.tsx"],"sourcesContent":["import { useState } from 'react'\n\nexport const usePasswordField = () => {\n  const [showPassword, setShowPassword] = useState<boolean>(false)\n  const fieldType = showPassword ? 'text' : 'password'\n  const textButton = showPassword ? 'ocultar' : 'mostrar'\n\n  function changeVisibility() {\n    setShowPassword((prevState) => !prevState)\n  }\n\n  return {\n    fieldType,\n    textButton,\n    showPassword,\n    changeVisibility,\n  }\n}\n","import { useId } from 'react'\nimport Field from '../Field'\nimport { usePasswordField } from './hook'\nimport './styles.scss'\n\ntype PasswordFieldProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  type?: 'password'\n  showOptionalLabel?: boolean\n  requiredInput?: boolean\n  success?: boolean\n  error?: boolean\n  errorMessage?: string\n  label?: string\n  inputRef?: React.RefObject<HTMLInputElement>\n  numericKeypad?: boolean\n}\n\nexport const PasswordField = ({\n  showOptionalLabel,\n  requiredInput,\n  success,\n  error,\n  errorMessage,\n  label,\n  inputRef,\n  id,\n  disabled,\n  style,\n  className,\n  numericKeypad,\n  ...props\n}: PasswordFieldProps) => {\n  const { fieldType, showPassword, changeVisibility } = usePasswordField()\n  const generatedErrorId = useId()\n  const errorId = error && errorMessage ? generatedErrorId : undefined\n\n  return (\n    <Field.Root\n      style={style}\n      customclass={className}\n      success={success}\n      error={error}\n      disabled={disabled}>\n      <Field.Label\n        text={label}\n        id={id}\n        required={requiredInput}\n        showOptionalLabel={showOptionalLabel}\n        success={success}\n        error={error}\n        disabled={disabled}\n      />\n      <div className=\"au-password-field__container\">\n        <Field.Input\n          customclass=\"au-password-field__input\"\n          type={fieldType}\n          id={id}\n          inputRef={inputRef}\n          inputMode={numericKeypad ? \"numeric\" : undefined}\n          disabled={disabled}\n          aria-invalid={!!error}\n          aria-describedby={errorId}\n          {...props}\n        />\n        <button\n          className=\"au-password-field__btn\"\n          type=\"button\"\n          onClick={changeVisibility}\n          disabled={disabled}\n          aria-label={showPassword ? 'Ocultar senha' : 'Mostrar senha'}\n          aria-pressed={showPassword}>\n          {showPassword ? 'ocultar' : 'mostrar'}\n        </button>\n      </div>\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} id={errorId} />\n    </Field.Root>\n  )\n}\n"],"names":[],"mappings":";;;AAEO,MAAM,mBAAmB,MAAM;AACpC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,KAAK;AAC/D,QAAM,YAAY,eAAe,SAAS;AAC1C,QAAM,aAAa,eAAe,YAAY;AAE9C,WAAS,mBAAmB;AAC1B,oBAAgB,CAAC,cAAc,CAAC,SAAS;AAAA,EAC3C;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;ACAO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,EAAE,WAAW,cAAc,iBAAA,IAAqB,iBAAA;AACtD,QAAM,mBAAmB,MAAA;AACzB,QAAM,UAAU,SAAS,eAAe,mBAAmB;AAE3D,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAA;AAAA,QAAA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACC,MAAM;AAAA,YACN;AAAA,YACA,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,qBAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAAA;AAAA,YAAC,MAAM;AAAA,YAAN;AAAA,cACC,aAAY;AAAA,cACZ,MAAM;AAAA,cACN;AAAA,cACA;AAAA,cACA,WAAW,gBAAgB,YAAY;AAAA,cACvC;AAAA,cACA,gBAAc,CAAC,CAAC;AAAA,cAChB,oBAAkB;AAAA,cACjB,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cACL,SAAS;AAAA,cACT;AAAA,cACA,cAAY,eAAe,kBAAkB;AAAA,cAC7C,gBAAc;AAAA,cACb,yBAAe,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QAC9B,GACF;AAAA,QACA,oBAAC,MAAM,cAAN,EAAmB,UAAU,CAAC,CAAC,OAAO,SAAS,cAAc,IAAI,QAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGjF;"}

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":[],"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;"}
+{"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;AACd,QAAI,aAAa,SAAS,eAAe,QAAQ;AACjD,QAAI,CAAC,YAAY;AACf,mBAAa,SAAS,cAAc,KAAK;AACzC,iBAAW,aAAa,MAAM,QAAQ;AACtC,eAAS,KAAK,YAAY,UAAU;AAAA,IACtC;AAEA,eAAW,YAAY,WAAW,OAAO;AAEzC,WAAO,MAAM;AACX,UAAI,YAAY;AACd,mBAAW,YAAY,WAAW,OAAO;AAAA,MAC3C;AAAA,IACF;AAAA,EACF,GAAG,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 { B as BREAKPOINT_MD } from "../../tokens-eEtvWiuX.js";
 import { Portal } from "../Portal/index.es.js";
-import { B as BREAKPOINT_MD } from "../../tokens-D_iASp38.js";
 const PortalHolder = ({ withPortal, children }) => {
   const shouldUsePortal = !above(BREAKPOINT_MD) && withPortal;
   if (shouldUsePortal) return /* @__PURE__ */ jsx(Portal, { children });

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Datepicker/PortalHolder/index.tsx"],"sourcesContent":["import { above } from '@core/utils/screen'\nimport { BREAKPOINT_MD } from '@core/tokens'\nimport { Portal } from '@components/misc/Portal'\n\ntype PortalHolderProps = {\n  withPortal?: boolean\n  children: React.ReactNode\n}\n\nexport const PortalHolder = ({ withPortal, children }: PortalHolderProps) => {\n  const shouldUsePortal = !above(BREAKPOINT_MD) && withPortal\n\n  if (shouldUsePortal) return <Portal>{children}</Portal>\n\n  return <>{children}</>\n}\n"],"names":[],"mappings":";;;;AASO,MAAM,eAAe,CAAC,EAAE,YAAY,eAAkC;AAC3E,QAAM,kBAAkB,CAAC,MAAM,aAAa,KAAK;AAEjD,MAAI,gBAAiB,QAAQ,oBAAA,QAAA,EAAQ,SAAS,CAAA;AAE9C,yCAAU,SAAS,CAAA;AACrB;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Datepicker/PortalHolder/index.tsx"],"sourcesContent":["import { above } from '@core/utils/screen'\nimport { BREAKPOINT_MD } from '@core/tokens'\nimport { Portal } from '@components/misc/Portal'\n\ntype PortalHolderProps = {\n  withPortal?: boolean\n  children: React.ReactNode\n}\n\nexport const PortalHolder = ({ withPortal, children }: PortalHolderProps) => {\n  const shouldUsePortal = !above(BREAKPOINT_MD) && withPortal\n\n  if (shouldUsePortal) return <Portal>{children}</Portal>\n\n  return <>{children}</>\n}\n"],"names":[],"mappings":";;;;AASO,MAAM,eAAe,CAAC,EAAE,YAAY,eAAkC;AAC3E,QAAM,kBAAkB,CAAC,MAAM,aAAa,KAAK;AAEjD,MAAI,gBAAiB,QAAO,oBAAC,QAAA,EAAQ,SAAA,CAAS;AAE9C,yCAAU,UAAS;AACrB;"}

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

@@ -1,4 +1,3 @@
-
 type ProfileNavProps = {
     name: string;
     fullName: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/ProfileNav/index.tsx"],"sourcesContent":["import { getInitialLetters } from '@core/utils/getInitialLetters'\nimport { Text } from '../Text'\nimport './styles.scss'\n\ntype ProfileNavProps = {\n  name: string\n  fullName: string\n}\n\nexport const ProfileNav = ({ name, fullName }: ProfileNavProps) => {\n  const initialLetters = getInitialLetters(fullName)\n\n  return (\n    <div className=\"au-profile-nav\">\n      <div className=\"au-profile-nav__badget\">\n        <Text variant=\"heading-small\" weight=\"medium\">\n          {initialLetters}\n        </Text>\n      </div>\n      <div className=\"div\">\n        <Text as=\"h3\" variant=\"heading-micro\" weight=\"bold\">\n          Olá, {name}\n        </Text>\n        <Text color=\"secondary\">Tudo bem?</Text>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AASO,MAAM,aAAa,CAAC,EAAE,MAAM,eAAgC;AAC3D,QAAA,iBAAiB,kBAAkB,QAAQ;AAG/C,SAAA,qBAAC,OAAI,EAAA,WAAU,kBACb,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,0BACb,UAAC,oBAAA,MAAA,EAAK,SAAQ,iBAAgB,QAAO,UAClC,UAAA,eACH,CAAA,GACF;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,OACb,UAAA;AAAA,MAAA,qBAAC,QAAK,IAAG,MAAK,SAAQ,iBAAgB,QAAO,QAAO,UAAA;AAAA,QAAA;AAAA,QAC5C;AAAA,MAAA,GACR;AAAA,MACC,oBAAA,MAAA,EAAK,OAAM,aAAY,UAAS,aAAA;AAAA,IAAA,GACnC;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/ProfileNav/index.tsx"],"sourcesContent":["import { getInitialLetters } from '@core/utils/getInitialLetters'\nimport { Text } from '../Text'\nimport './styles.scss'\n\ntype ProfileNavProps = {\n  name: string\n  fullName: string\n}\n\nexport const ProfileNav = ({ name, fullName }: ProfileNavProps) => {\n  const initialLetters = getInitialLetters(fullName)\n\n  return (\n    <div className=\"au-profile-nav\">\n      <div className=\"au-profile-nav__badget\">\n        <Text variant=\"heading-small\" weight=\"medium\">\n          {initialLetters}\n        </Text>\n      </div>\n      <div className=\"div\">\n        <Text as=\"h3\" variant=\"heading-micro\" weight=\"bold\">\n          Olá, {name}\n        </Text>\n        <Text color=\"secondary\">Tudo bem?</Text>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AASO,MAAM,aAAa,CAAC,EAAE,MAAM,eAAgC;AACjE,QAAM,iBAAiB,kBAAkB,QAAQ;AAEjD,SACE,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,0BACb,UAAA,oBAAC,MAAA,EAAK,SAAQ,iBAAgB,QAAO,UAClC,UAAA,eAAA,CACH,GACF;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,OACb,UAAA;AAAA,MAAA,qBAAC,QAAK,IAAG,MAAK,SAAQ,iBAAgB,QAAO,QAAO,UAAA;AAAA,QAAA;AAAA,QAC5C;AAAA,MAAA,GACR;AAAA,MACA,oBAAC,MAAA,EAAK,OAAM,aAAY,UAAA,YAAA,CAAS;AAAA,IAAA,EAAA,CACnC;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,4 +1,3 @@
-
 interface ProgressBarProps {
     percentageMode?: boolean;
     stepName: string;

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-BXRA68j0.js";
+import { c as classNames } from "../../index-C6Q03EyZ.js";
 import { Text } from "../Text/index.es.js";
 import './styles.css';const ProgressBar = ({
   percentageMode = false,
@@ -10,34 +10,46 @@ import './styles.css';const ProgressBar = ({
 }) => {
   const safeCurrentStep = Math.max(1, Math.min(currentStep, totalSteps));
   const percentageWidth = safeCurrentStep / totalSteps * 100;
-  const progressText = percentageMode ? `${Math.round(percentageWidth)}%` : `${safeCurrentStep} de ${totalSteps}`;
-  return /* @__PURE__ */ jsxs("div", { className: "au-progress-bar", children: [
-    /* @__PURE__ */ jsx(
-      Conditional,
-      {
-        condition: !!percentageMode,
-        renderIf: /* @__PURE__ */ jsx("div", { className: "au-progress-bar__bar", children: /* @__PURE__ */ jsx(
-          "div",
+  const roundedPercentage = Math.round(percentageWidth);
+  const progressText = percentageMode ? `${roundedPercentage}%` : `${safeCurrentStep} de ${totalSteps}`;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "au-progress-bar",
+      role: "progressbar",
+      "aria-valuenow": percentageMode ? roundedPercentage : safeCurrentStep,
+      "aria-valuemin": percentageMode ? 0 : 1,
+      "aria-valuemax": percentageMode ? 100 : totalSteps,
+      "aria-label": stepName,
+      children: [
+        /* @__PURE__ */ jsx(
+          Conditional,
           {
-            style: { width: `${percentageWidth}%` },
-            className: "au-progress-bar__bar-filled"
+            condition: !!percentageMode,
+            renderIf: /* @__PURE__ */ jsx("div", { className: "au-progress-bar__bar", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: { width: `${percentageWidth}%` },
+                className: "au-progress-bar__bar-filled"
+              }
+            ) }),
+            renderElse: /* @__PURE__ */ jsx("div", { className: "au-progress-bar__steps", children: Array.from({ length: totalSteps }).map((_, index) => /* @__PURE__ */ jsx("div", { className: "au-progress-bar__step-container", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: classNames("au-progress-bar__step-filled", {
+                  "au-progress-bar__step-filled--is-active": index < safeCurrentStep
+                })
+              }
+            ) }, index)) })
           }
-        ) }),
-        renderElse: /* @__PURE__ */ jsx("div", { className: "au-progress-bar__steps", children: Array.from({ length: totalSteps }).map((_, index) => /* @__PURE__ */ jsx("div", { className: "au-progress-bar__step-container", children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: classNames("au-progress-bar__step-filled", {
-              "au-progress-bar__step-filled--is-active": index < safeCurrentStep
-            })
-          }
-        ) }, index)) })
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "au-progress-bar__text", children: [
-      /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-medium", children: stepName }),
-      /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-medium", children: progressText })
-    ] })
-  ] });
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "au-progress-bar__text", children: [
+          /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-medium", children: stepName }),
+          /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-medium", children: progressText })
+        ] })
+      ]
+    }
+  );
 };
 export {
   ProgressBar

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/ProgressBar/index.tsx"],"sourcesContent":["import { Conditional } from '@components/misc'\nimport classNames from 'classnames'\nimport { Text } from '../Text'\n\nimport './styles.scss'\n\ninterface ProgressBarProps {\n  percentageMode?: boolean\n  stepName: string\n  currentStep: number\n  totalSteps: number\n}\n\nexport const ProgressBar: React.FC<ProgressBarProps> = ({\n  percentageMode = false,\n  stepName,\n  currentStep,\n  totalSteps,\n}) => {\n  const safeCurrentStep = Math.max(1, Math.min(currentStep, totalSteps))\n  const percentageWidth = (safeCurrentStep / totalSteps) * 100\n\n  const progressText = percentageMode\n    ? `${Math.round(percentageWidth)}%`\n    : `${safeCurrentStep} de ${totalSteps}`\n\n  return (\n    <div className=\"au-progress-bar\">\n      <Conditional\n        condition={!!percentageMode}\n        renderIf={\n          <div className=\"au-progress-bar__bar\">\n            <div\n              style={{ width: `${percentageWidth}%` }}\n              className=\"au-progress-bar__bar-filled\"\n            />\n          </div>\n        }\n        renderElse={\n          <div className=\"au-progress-bar__steps\">\n            {Array.from({ length: totalSteps }).map((_, index) => (\n              <div key={index} className=\"au-progress-bar__step-container\">\n                <div\n                  className={classNames('au-progress-bar__step-filled', {\n                    'au-progress-bar__step-filled--is-active':\n                      index < safeCurrentStep,\n                  })}\n                />\n              </div>\n            ))}\n          </div>\n        }\n      />\n\n      <div className=\"au-progress-bar__text\">\n        <Text as=\"span\" variant=\"body-medium\">\n          {stepName}\n        </Text>\n\n        <Text as=\"span\" variant=\"body-medium\">\n          {progressText}\n        </Text>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAaO,MAAM,cAA0C,CAAC;AAAA,EACtD,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,kBAAkB,KAAK,IAAI,GAAG,KAAK,IAAI,aAAa,UAAU,CAAC;AAC/D,QAAA,kBAAmB,kBAAkB,aAAc;AAEnD,QAAA,eAAe,iBACjB,GAAG,KAAK,MAAM,eAAe,CAAC,MAC9B,GAAG,eAAe,OAAO,UAAU;AAGrC,SAAA,qBAAC,OAAI,EAAA,WAAU,mBACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,CAAC,CAAC;AAAA,QACb,UACE,oBAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,OAAO,GAAG,eAAe,IAAI;AAAA,YACtC,WAAU;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,QAEF,YACG,oBAAA,OAAA,EAAI,WAAU,0BACZ,UAAA,MAAM,KAAK,EAAE,QAAQ,WAAY,CAAA,EAAE,IAAI,CAAC,GAAG,UACzC,oBAAA,OAAA,EAAgB,WAAU,mCACzB,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,WAAW,gCAAgC;AAAA,cACpD,2CACE,QAAQ;AAAA,YAAA,CACX;AAAA,UAAA;AAAA,QAAA,KALK,KAOV,CACD,GACH;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEA,qBAAC,OAAI,EAAA,WAAU,yBACb,UAAA;AAAA,MAAA,oBAAC,MAAK,EAAA,IAAG,QAAO,SAAQ,eACrB,UACH,UAAA;AAAA,0BAEC,MAAK,EAAA,IAAG,QAAO,SAAQ,eACrB,UACH,cAAA;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/ProgressBar/index.tsx"],"sourcesContent":["import { Conditional } from '@components/misc'\nimport classNames from 'classnames'\nimport { Text } from '../Text'\n\nimport './styles.scss'\n\ninterface ProgressBarProps {\n  percentageMode?: boolean\n  stepName: string\n  currentStep: number\n  totalSteps: number\n}\n\nexport const ProgressBar: React.FC<ProgressBarProps> = ({\n  percentageMode = false,\n  stepName,\n  currentStep,\n  totalSteps,\n}) => {\n  const safeCurrentStep = Math.max(1, Math.min(currentStep, totalSteps))\n  const percentageWidth = (safeCurrentStep / totalSteps) * 100\n  const roundedPercentage = Math.round(percentageWidth)\n\n  const progressText = percentageMode\n    ? `${roundedPercentage}%`\n    : `${safeCurrentStep} de ${totalSteps}`\n\n  return (\n    <div\n      className=\"au-progress-bar\"\n      role=\"progressbar\"\n      aria-valuenow={percentageMode ? roundedPercentage : safeCurrentStep}\n      aria-valuemin={percentageMode ? 0 : 1}\n      aria-valuemax={percentageMode ? 100 : totalSteps}\n      aria-label={stepName}>\n      <Conditional\n        condition={!!percentageMode}\n        renderIf={\n          <div className=\"au-progress-bar__bar\">\n            <div\n              style={{ width: `${percentageWidth}%` }}\n              className=\"au-progress-bar__bar-filled\"\n            />\n          </div>\n        }\n        renderElse={\n          <div className=\"au-progress-bar__steps\">\n            {Array.from({ length: totalSteps }).map((_, index) => (\n              <div key={index} className=\"au-progress-bar__step-container\">\n                <div\n                  className={classNames('au-progress-bar__step-filled', {\n                    'au-progress-bar__step-filled--is-active':\n                      index < safeCurrentStep,\n                  })}\n                />\n              </div>\n            ))}\n          </div>\n        }\n      />\n\n      <div className=\"au-progress-bar__text\">\n        <Text as=\"span\" variant=\"body-medium\">\n          {stepName}\n        </Text>\n\n        <Text as=\"span\" variant=\"body-medium\">\n          {progressText}\n        </Text>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAaO,MAAM,cAA0C,CAAC;AAAA,EACtD,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,kBAAkB,KAAK,IAAI,GAAG,KAAK,IAAI,aAAa,UAAU,CAAC;AACrE,QAAM,kBAAmB,kBAAkB,aAAc;AACzD,QAAM,oBAAoB,KAAK,MAAM,eAAe;AAEpD,QAAM,eAAe,iBACjB,GAAG,iBAAiB,MACpB,GAAG,eAAe,OAAO,UAAU;AAEvC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,iBAAe,iBAAiB,oBAAoB;AAAA,MACpD,iBAAe,iBAAiB,IAAI;AAAA,MACpC,iBAAe,iBAAiB,MAAM;AAAA,MACtC,cAAY;AAAA,MACZ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,CAAC;AAAA,YACb,UACE,oBAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO,EAAE,OAAO,GAAG,eAAe,IAAA;AAAA,gBAClC,WAAU;AAAA,cAAA;AAAA,YAAA,GAEd;AAAA,YAEF,YACE,oBAAC,OAAA,EAAI,WAAU,0BACZ,UAAA,MAAM,KAAK,EAAE,QAAQ,YAAY,EAAE,IAAI,CAAC,GAAG,UAC1C,oBAAC,OAAA,EAAgB,WAAU,mCACzB,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,WAAW,gCAAgC;AAAA,kBACpD,2CACE,QAAQ;AAAA,gBAAA,CACX;AAAA,cAAA;AAAA,YAAA,EACH,GANQ,KAOV,CACD,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJ,qBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAK,IAAG,QAAO,SAAQ,eACrB,UAAA,UACH;AAAA,8BAEC,MAAA,EAAK,IAAG,QAAO,SAAQ,eACrB,UAAA,aAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,3 +1,2 @@
 import { CarouselProps } from './types';
-
 export declare const Carousel: ({ items, type, mobileText, draggable, }: CarouselProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,20 @@
+type UseCarouselArgs = {
+    items: unknown[];
+};
+export default function useCarousel({ items }: UseCarouselArgs): {
+    rootRef: import('react').MutableRefObject<HTMLDivElement | null>;
+    setRef: (el: HTMLElement | null) => void;
+    nextPage: number;
+    pages: number[][];
+    railRef: import('react').MutableRefObject<HTMLElement | null>;
+    hasPrevPage: boolean;
+    hasNextPage: boolean;
+    goPrevious: () => void;
+    goNext: () => void;
+    snapPointIndexes: Set<number>;
+    activePageIndex: number;
+    handleMouseMove: (e: import('react').MouseEvent<HTMLUListElement, MouseEvent>) => void;
+    handleStartDrag: (e: import('react').MouseEvent<HTMLUListElement, MouseEvent>) => void;
+    showControls: boolean;
+};
+export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Switch/Pure/index.tsx"],"sourcesContent":["import './styles.scss';\n\nimport { SwitchProps } from './types';\n\n\nexport const PureSwitch: React.FC<SwitchProps> = ({ \n\tisActive, \n\tlabel, \n\tid, \n\tdisabled,\n\tactivateCallBack, \n\tdeactivateCallBack \n}) => {\n\tconst handleToggle = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst isActivated = event.target.checked;\n\n    if(isActivated) return activateCallBack();\n\n\t\treturn deactivateCallBack?.()\n  };\n\t\n\treturn (\n    <div className=\"au-switch\">\n      <label htmlFor={id} className=\"au-switch-label\">\n\t\t\t\t<span>{label}</span>\n\t\t\t\t<div className=\"au-switch-container\">\n\t\t\t\t\t<input\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\tclassName=\"au-switch-checkbox\"\n\t\t\t\t\t\tchecked={isActive}\n\t\t\t\t\t\tonChange={handleToggle}\n\t\t\t\t\t\trole=\"switch\"\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div className=\"au-switch-track\">\n\t\t\t\t\t\t<div className=\"au-switch-thumb\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n    </label>\n    </div>\n  )\n}\n"],"names":[],"mappings":";AAKO,MAAM,aAAoC,CAAC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAM;AACC,QAAA,eAAe,CAAC,UAA+C;AAC9D,UAAA,cAAc,MAAM,OAAO;AAE5B,QAAA,oBAAoB;AAEzB,WAAO;AAAA,EAAqB;AAI1B,SAAA,oBAAC,SAAI,WAAU,aACb,+BAAC,SAAM,EAAA,SAAS,IAAI,WAAU,mBAChC,UAAA;AAAA,IAAA,oBAAC,UAAM,UAAM,MAAA,CAAA;AAAA,IACb,qBAAC,OAAI,EAAA,WAAU,uBACd,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA;AAAA,UACA,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,UACV,MAAK;AAAA,UACL;AAAA,QAAA;AAAA,MACD;AAAA,MAEA,oBAAC,SAAI,WAAU,mBACd,8BAAC,OAAI,EAAA,WAAU,mBAAkB,EAClC,CAAA;AAAA,IAAA,GACD;AAAA,EAAA,EACA,CAAA,EACA,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Switch/Pure/index.tsx"],"sourcesContent":["import './styles.scss';\n\nimport { SwitchProps } from './types';\n\n\nexport const PureSwitch: React.FC<SwitchProps> = ({ \n\tisActive, \n\tlabel, \n\tid, \n\tdisabled,\n\tactivateCallBack, \n\tdeactivateCallBack \n}) => {\n\tconst handleToggle = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst isActivated = event.target.checked;\n\n    if(isActivated) return activateCallBack();\n\n\t\treturn deactivateCallBack?.()\n  };\n\t\n\treturn (\n    <div className=\"au-switch\">\n      <label htmlFor={id} className=\"au-switch-label\">\n\t\t\t\t<span>{label}</span>\n\t\t\t\t<div className=\"au-switch-container\">\n\t\t\t\t\t<input\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\tclassName=\"au-switch-checkbox\"\n\t\t\t\t\t\tchecked={isActive}\n\t\t\t\t\t\tonChange={handleToggle}\n\t\t\t\t\t\trole=\"switch\"\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div className=\"au-switch-track\">\n\t\t\t\t\t\t<div className=\"au-switch-thumb\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n    </label>\n    </div>\n  )\n}\n"],"names":[],"mappings":";AAKO,MAAM,aAAoC,CAAC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAM;AACL,QAAM,eAAe,CAAC,UAA+C;AACpE,UAAM,cAAc,MAAM,OAAO;AAE/B,QAAG,oBAAoB,iBAAA;AAEzB,WAAO;AAAA,EACP;AAED,SACG,oBAAC,SAAI,WAAU,aACb,+BAAC,SAAA,EAAM,SAAS,IAAI,WAAU,mBAChC,UAAA;AAAA,IAAA,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,IACb,qBAAC,OAAA,EAAI,WAAU,uBACd,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA;AAAA,UACA,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,UACV,MAAK;AAAA,UACL;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD,oBAAC,SAAI,WAAU,mBACd,8BAAC,OAAA,EAAI,WAAU,mBAAkB,EAAA,CAClC;AAAA,IAAA,EAAA,CACD;AAAA,EAAA,EAAA,CACA,EAAA,CACA;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Radio/index.tsx"],"sourcesContent":["import { RadioField } from './Field'\nimport { RadioGroup } from './Group'\nimport { RadioFieldProps, RadioGroupProps } from './types'\n\ntype Components = {\n  Field: React.FC<RadioFieldProps>\n  Group: React.FC<RadioGroupProps>\n}\n\nconst components: Components = {\n  Field: RadioField,\n  Group: RadioGroup,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Radio.${key}`\n})\n\nexport { components as Radio }\n"],"names":[],"mappings":";;AASA,MAAM,aAAyB;AAAA,EAC7B,OAAO;AAAA,EACP,OAAO;AACT;AAEA,OAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,QAAQ;AACjC,QAAA,YAAY,WAAW,GAAuB;AAC1C,YAAA,cAAc,SAAS,GAAG;AACtC,CAAC;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Radio/index.tsx"],"sourcesContent":["import { RadioField } from './Field'\nimport { RadioGroup } from './Group'\nimport { RadioFieldProps, RadioGroupProps } from './types'\n\ntype Components = {\n  Field: React.FC<RadioFieldProps>\n  Group: React.FC<RadioGroupProps>\n}\n\nconst components: Components = {\n  Field: RadioField,\n  Group: RadioGroup,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Radio.${key}`\n})\n\nexport { components as Radio }\n"],"names":[],"mappings":";;AASA,MAAM,aAAyB;AAAA,EAC7B,OAAO;AAAA,EACP,OAAO;AACT;AAEA,OAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,QAAQ;AACvC,QAAM,YAAY,WAAW,GAAuB;AACpD,YAAU,cAAc,SAAS,GAAG;AACtC,CAAC;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/Root/index.tsx"],"sourcesContent":["import classNames from 'classnames'\n\ntype FieldRootProps = {\n  children: React.ReactNode\n  disabled?: boolean\n  success?: boolean\n  error?: boolean\n  style?: React.CSSProperties\n  customclass?: string\n}\n\nexport const FieldRoot = ({\n  children,\n  disabled,\n  success,\n  error,\n  style,\n  customclass,\n}: FieldRootProps) => {\n  const inputClasses = classNames('au-field', customclass, {\n    'au-field--disabled': !!disabled,\n    'au-field--success': !!success,\n    'au-field--error': !!error,\n  })\n\n  return (\n    <div className={inputClasses} style={style}>\n      {children}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AAWO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAsB;AACd,QAAA,eAAe,WAAW,YAAY,aAAa;AAAA,IACvD,sBAAsB,CAAC,CAAC;AAAA,IACxB,qBAAqB,CAAC,CAAC;AAAA,IACvB,mBAAmB,CAAC,CAAC;AAAA,EAAA,CACtB;AAED,SACG,oBAAA,OAAA,EAAI,WAAW,cAAc,OAC3B,SACH,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/Root/index.tsx"],"sourcesContent":["import classNames from 'classnames'\n\ntype FieldRootProps = {\n  children: React.ReactNode\n  disabled?: boolean\n  success?: boolean\n  error?: boolean\n  style?: React.CSSProperties\n  customclass?: string\n}\n\nexport const FieldRoot = ({\n  children,\n  disabled,\n  success,\n  error,\n  style,\n  customclass,\n}: FieldRootProps) => {\n  const inputClasses = classNames('au-field', customclass, {\n    'au-field--disabled': !!disabled,\n    'au-field--success': !!success,\n    'au-field--error': !!error,\n  })\n\n  return (\n    <div className={inputClasses} style={style}>\n      {children}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AAWO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAsB;AACpB,QAAM,eAAe,WAAW,YAAY,aAAa;AAAA,IACvD,sBAAsB,CAAC,CAAC;AAAA,IACxB,qBAAqB,CAAC,CAAC;AAAA,IACvB,mBAAmB,CAAC,CAAC;AAAA,EAAA,CACtB;AAED,SACE,oBAAC,OAAA,EAAI,WAAW,cAAc,OAC3B,UACH;AAEJ;"}

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

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
-import "../../index-BXRA68j0.js";
+import "../../index-C6Q03EyZ.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-BkeRYinJ.js";
+import { S } from "../../index-BvQw_Wgb.js";
 export {
   S as Segment
 };