@consumidor-positivo/aurora 0.0.186 → 0.0.187

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

@@ -10,7 +10,7 @@ import { IconInfo } from "../icons/IconInfo/index.es.js";
 import { IconX } from "../icons/IconX/index.es.js";
 import { Conditional } from "../Conditional/index.es.js";
 import { Text } from "../Text/index.es.js";
-import { h as COLOR_NEUTRAL_70, C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, W as COLOR_WARNING_50, a1 as COLOR_INFO_50 } from "../../tokens-D1vxtHgK.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/Calendar/index.es.js

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

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

@@ -3,8 +3,8 @@ import "../../index-CweZ_OcN.js";
 import "../Icon/index.es.js";
 import "../icons/IconChevronLeft/index.es.js";
 import "../icons/IconChevronRight/index.es.js";
-import "../../index-wo9iM9yw.js";
-import { C } from "../../index-ChXllGFe.js";
+import "../../index-CL0DrUGQ.js";
+import { C } from "../../index-C8AM9yBn.js";
 export {
   C as CalendarHeader
 };

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

@@ -1,72 +1,25 @@
-import { CardContainer } from "../Container/index.es.js";
-import { CardEmphasis } from "../Emphasis/index.es.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
-import './styles.css';const CardImage = ({ src, alt, width, height }) => {
-  const imageSize = {
-    width: `${width}px`,
-    height: `${height}px`
-  };
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("img", { style: imageSize, src, alt }) });
-};
-const CardRoot = ({
-  border = true,
-  color = "primary",
-  width,
-  height,
-  maxWidth,
-  maxHeight,
-  hoverShadow,
-  paddingLess,
-  children
-}) => {
-  const rootClasses = classNames("au-card__root", {
-    "au-card__root--border-none": !border,
-    "au-card__root--color-secondary": color === "secondary",
-    "au-card__root--with-hover-shadow": !!hoverShadow,
-    "au-card__root--paddingless": !!paddingLess
+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", {});
+  const cardSwitchWrapperClassNames = classNames("au-card-switch-wrapper", {
+    "au-card-switch-wrapper--fade-out": shouldFadeOutAfterActivate && isActive,
+    "au-card-switch-wrapper--active": isActive
   });
-  const rootSize = {
-    width: `${width}px`,
-    height: `${height}px`,
-    maxWidth: `${maxWidth}px`,
-    maxHeight: `${maxHeight}px`
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
+  return /* @__PURE__ */ jsx("div", { className: cardSwitchClassNames, children: /* @__PURE__ */ jsx("div", { className: cardSwitchWrapperClassNames, children: /* @__PURE__ */ jsx(
+    PureSwitch,
     {
-      style: rootSize,
-      className: rootClasses,
-      children
+      isActive,
+      label,
+      id,
+      activateCallBack,
+      deactivateCallBack,
+      disabled
     }
-  );
-};
-const CardTag = ({
-  color = "primary",
-  icon,
-  children
-}) => {
-  const tagClasses = classNames("au-card__tag", {
-    "au-card__tag--primary": color === "primary",
-    "au-card__tag--secondary": color === "secondary"
-  });
-  return /* @__PURE__ */ jsxs("div", { className: tagClasses, children: [
-    /* @__PURE__ */ jsx("span", { children: icon }),
-    /* @__PURE__ */ jsx("span", { children })
-  ] });
-};
-const components = {
-  Root: CardRoot,
-  Container: CardContainer,
-  Emphasis: CardEmphasis,
-  Image: CardImage,
-  Tag: CardTag
+  ) }) });
 };
-Object.keys(components).forEach((key) => {
-  const component = components[key];
-  component.displayName = `Card.${key}`;
-});
 export {
-  components as Card
+  CardSwitch
 };
 //# sourceMappingURL=index.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Image/index.tsx","../../../lib/components/Card/Root/index.tsx","../../../lib/components/Card/Tag/index.tsx","../../../lib/components/Card/index.tsx"],"sourcesContent":["import { CSSProperties } from 'react'\n\nexport type CardImageProps = {\n  src: string\n  alt?: string\n  width?: number\n  height?: number\n}\nexport const CardImage = ({ src, alt, width, height }: CardImageProps) => {\n  const imageSize: CSSProperties = {\n    width: `${width}px`,\n    height: `${height}px`,\n  }\n\n  return (\n    <div>\n      <img style={imageSize} src={src} alt={alt} />\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { CSSProperties, ReactNode } from 'react'\n\nexport type CardRootProps = {\n  border?: boolean\n  color?: 'primary' | 'secondary'\n  width?: number\n  height?: number\n  maxWidth?: number\n  maxHeight?: number\n  paddingLess?: boolean;\n  hoverShadow?: boolean\n  children: ReactNode\n}\nexport const CardRoot = ({\n  border = true,\n  color = 'primary',\n  width,\n  height,\n  maxWidth,\n  maxHeight,\n  hoverShadow,\n  paddingLess,\n  children,\n}: CardRootProps) => {\n  const rootClasses = classNames('au-card__root', {\n    'au-card__root--border-none': !border,\n    'au-card__root--color-secondary': color === 'secondary',\n    'au-card__root--with-hover-shadow': !!hoverShadow,\n    'au-card__root--paddingless': !!paddingLess\n  })\n  const rootSize: CSSProperties = {\n    width: `${width}px`,\n    height: `${height}px`,\n    maxWidth: `${maxWidth}px`,\n    maxHeight: `${maxHeight}px`\n  }\n\n  return (\n    <div\n      style={rootSize}\n      className={rootClasses}>\n      {children}\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type CardTagProps = {\n  color?: 'primary' | 'secondary'\n  icon?: ReactNode\n  children: ReactNode\n}\nexport const CardTag = ({\n  color = 'primary',\n  icon,\n  children,\n}: CardTagProps) => {\n  const tagClasses = classNames('au-card__tag', {\n    'au-card__tag--primary': color === 'primary',\n    'au-card__tag--secondary': color === 'secondary',\n  })\n  return (\n    <div className={tagClasses}>\n      <span>{icon}</span>\n      <span>{children}</span>\n    </div>\n  )\n}\n","import { CardContainer, CardContainerProps } from './Container'\nimport { CardEmphasis, CardEmphasisProps } from './Emphasis'\nimport { CardImage, CardImageProps } from './Image'\nimport { CardRoot, CardRootProps } from './Root'\nimport { CardTag, CardTagProps } from './Tag'\nimport './styles.scss'\n\ntype Components = {\n  Root: React.FC<CardRootProps>\n  Container: React.FC<CardContainerProps>\n  Emphasis: React.FC<CardEmphasisProps>\n  Image: React.FC<CardImageProps>\n  Tag: React.FC<CardTagProps>\n}\n\nconst components: Components = {\n  Root: CardRoot,\n  Container: CardContainer,\n  Emphasis: CardEmphasis,\n  Image: CardImage,\n  Tag: CardTag,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Card.${key}`\n})\n\nexport { components as Card }\n"],"names":[],"mappings":";;;;AAQO,MAAM,YAAY,CAAC,EAAE,KAAK,KAAK,OAAO,aAA6B;AACxE,QAAM,YAA2B;AAAA,IAC/B,OAAO,GAAG,KAAK;AAAA,IACf,QAAQ,GAAG,MAAM;AAAA,EAAA;AAIjB,SAAA,oBAAC,SACC,UAAC,oBAAA,OAAA,EAAI,OAAO,WAAW,KAAU,IAAU,CAAA,EAC7C,CAAA;AAEJ;ACLO,MAAM,WAAW,CAAC;AAAA,EACvB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACb,QAAA,cAAc,WAAW,iBAAiB;AAAA,IAC9C,8BAA8B,CAAC;AAAA,IAC/B,kCAAkC,UAAU;AAAA,IAC5C,oCAAoC,CAAC,CAAC;AAAA,IACtC,8BAA8B,CAAC,CAAC;AAAA,EAAA,CACjC;AACD,QAAM,WAA0B;AAAA,IAC9B,OAAO,GAAG,KAAK;AAAA,IACf,QAAQ,GAAG,MAAM;AAAA,IACjB,UAAU,GAAG,QAAQ;AAAA,IACrB,WAAW,GAAG,SAAS;AAAA,EAAA;AAIvB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAGP;ACrCO,MAAM,UAAU,CAAC;AAAA,EACtB,QAAQ;AAAA,EACR;AAAA,EACA;AACF,MAAoB;AACZ,QAAA,aAAa,WAAW,gBAAgB;AAAA,IAC5C,yBAAyB,UAAU;AAAA,IACnC,2BAA2B,UAAU;AAAA,EAAA,CACtC;AAEC,SAAA,qBAAC,OAAI,EAAA,WAAW,YACd,UAAA;AAAA,IAAA,oBAAC,UAAM,UAAK,KAAA,CAAA;AAAA,IACZ,oBAAC,UAAM,UAAS;AAAA,EAClB,EAAA,CAAA;AAEJ;ACRA,MAAM,aAAyB;AAAA,EAC7B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,KAAK;AACP;AAEA,OAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,QAAQ;AACjC,QAAA,YAAY,WAAW,GAAuB;AAC1C,YAAA,cAAc,QAAQ,GAAG;AACrC,CAAC;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Switch/Card/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { PureSwitch } from '../Pure';\n\nimport './styles.scss';\nimport { CardSwitchProps } from './types';\n\nexport const CardSwitch: React.FC<CardSwitchProps> = ({ isActive, label, id, disabled, activateCallBack, deactivateCallBack , shouldFadeOutAfterActivate }) => {\n\t\n\tconst cardSwitchClassNames = classNames(\"au-card-switch\",  {\n\t\t\n\t});\n\n\tconst cardSwitchWrapperClassNames = classNames(\"au-card-switch-wrapper\",  {\n\t\t\"au-card-switch-wrapper--fade-out\": shouldFadeOutAfterActivate && isActive,\n\t\t\"au-card-switch-wrapper--active\": isActive\n\t});\n\n\treturn (\n    <div className={cardSwitchClassNames}>\n    <div className={cardSwitchWrapperClassNames}>\n\t\t\t<PureSwitch \n\t\t\t\tisActive={isActive}\n\t\t\t\tlabel={label}\n\t\t\t\tid={id}\n\t\t\t\tactivateCallBack={activateCallBack}\n\t\t\t\tdeactivateCallBack={deactivateCallBack}\n\t\t\t\tdisabled={disabled}\n\t\t\t/>\n    </div>\n</div>\n  )\n}\n"],"names":[],"mappings":";;;AAMa,MAAA,aAAwC,CAAC,EAAE,UAAU,OAAO,IAAI,UAAU,kBAAkB,oBAAqB,iCAAiC;AAE9J,QAAM,uBAAuB,WAAW,kBAAmB,CAE1D,CAAA;AAEK,QAAA,8BAA8B,WAAW,0BAA2B;AAAA,IACzE,oCAAoC,8BAA8B;AAAA,IAClE,kCAAkC;AAAA,EAAA,CAClC;AAED,6BACI,OAAI,EAAA,WAAW,sBAChB,UAAC,oBAAA,OAAA,EAAI,WAAW,6BACjB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,EAEA,CAAA,EACJ,CAAA;AAEA;"}

package/dist/components/Card/styles.css

@@ -1 +1 @@
-.au-card{font-family:"Source Sans 3",sans-serif}.au-card__root{background-color:#fff;border-radius:16px;border:1px solid #e2e4e9;padding:16px}.au-card__root--border-none{border:none}.au-card__root--color-secondary{background-color:#f6f7fa}.au-card__root--paddingless{padding:0}.au-card__root--with-hover-shadow{transition:box-shadow .4s ease}.au-card__root--with-hover-shadow:hover{box-shadow:1px 0 8px 1px #0000001a}.au-card__container{display:flex;flex-direction:column;align-items:start;width:100%;height:100%}.au-card__container--direction-row{flex-direction:row}.au-card__container--align-items-center{align-items:center}.au-card__container--justify-content-center{justify-content:center}.au-card__container--justify-content-space-between{justify-content:space-between}.au-card__emphasis{background-color:#f2f5fc;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:16px;margin:0 -16px;width:calc(100% + 32px)}.au-card__emphasis-container{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:end}.au-card__tag{border-radius:8px;display:flex;justify-content:center;align-items:center;gap:4px;padding:4px 16px;width:100%;color:#16181d;font-size:14px;font-weight:600;line-height:21px}.au-card__tag--primary{background-color:#95f0cf}.au-card__tag--secondary{background-color:#eee6ff}
+.au-card-switch{background:#fff}.au-card-switch .au-card-switch-wrapper{margin:24px;display:flex;align-items:center;justify-content:center;height:150px;padding:16px;box-sizing:border-box;overflow:hidden;transition:all .3s ease-in-out;border:1px solid #e2e4e9;-webkit-box-shadow:0px 0px 0px 5px #F2F5FC;box-shadow:0 0 0 5px #f2f5fc;border-radius:16px}@media (min-width: 600px){.au-card-switch .au-card-switch-wrapper{height:80px}}.au-card-switch .au-card-switch-wrapper--active{border:1px solid #0048db}.au-card-switch .au-card-switch-wrapper--fade-out{animation:collapseAndFadeOutMobile .3s ease-in-out 1s forwards}@media (min-width: 600px){.au-card-switch .au-card-switch-wrapper--fade-out{animation:collapseAndFadeOutDesktop .3s ease-in-out 1s forwards}}@keyframes collapseAndFadeOutMobile{0%{opacity:1;height:150px;padding:16px;margin:24px}to{opacity:0;height:0;padding:0;margin:0;border:0px;box-shadow:none}}@keyframes collapseAndFadeOutDesktop{0%{opacity:1;height:80px;padding:16px;margin:24px}to{opacity:0;height:0;padding:0;margin:0;border:0px;box-shadow:none}}

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

@@ -5,7 +5,7 @@ import "../Icon/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { F as Field } from "../../index-ZE6zszxw.js";
 import { Conditional } from "../Conditional/index.es.js";
-import { n as COLOR_NEUTRAL_00 } from "../../tokens-D1vxtHgK.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/Datepicker/index.es.js

@@ -3,11 +3,11 @@ import "../../index-CweZ_OcN.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-DcE5oHTB.js";
+import { g as getDefaultDate, D as DDMMYYYY, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-C1N6rwrZ.js";
 import { useRef, useState, useMemo, useEffect } from "react";
 import { a as above } from "../../screen-DfYo7XQ_.js";
-import { u as useOutsideClick } from "../../index-wo9iM9yw.js";
-import { B as BREAKPOINT_MD, c as COLOR_NEUTRAL_40 } from "../../tokens-D1vxtHgK.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 './styles.css';function useDatepicker({
   value,
   defaultValue = "empty",

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)}
+.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}

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { B as BREAKPOINT_MD, a as BREAKPOINT_LG } from "../../tokens-D1vxtHgK.js";
+import { B as BREAKPOINT_MD, a as BREAKPOINT_LG } from "../../tokens-D_iASp38.js";
 const Image = ({ srcMob, srcTablet, srcDesk, ...props }) => {
   return /* @__PURE__ */ jsxs("picture", { children: [
     /* @__PURE__ */ jsx("source", { media: `(max-width: ${BREAKPOINT_MD})`, srcSet: srcMob }),

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

@@ -4,7 +4,7 @@ import "../Icon/index.es.js";
 import { IconAlertOctagon } from "../icons/IconAlertOctagon/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { IconSlash } from "../icons/IconSlash/index.es.js";
-import { C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, c as COLOR_NEUTRAL_40 } from "../../tokens-D1vxtHgK.js";
+import { C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
 const FieldLabel = ({
   id,
   text,

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-D1vxtHgK.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/Pure/index.es.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import './styles.css';const PureSwitch = ({
+  isActive,
+  label,
+  id,
+  disabled,
+  activateCallBack,
+  deactivateCallBack
+}) => {
+  const handleToggle = (event) => {
+    const isActivated = event.target.checked;
+    if (isActivated) return activateCallBack();
+    return deactivateCallBack == null ? void 0 : deactivateCallBack();
+  };
+  return /* @__PURE__ */ jsx("div", { className: "au-switch", children: /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "au-switch-label", children: [
+    /* @__PURE__ */ jsx("span", { children: label }),
+    /* @__PURE__ */ jsxs("div", { className: "au-switch-container", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id,
+          type: "checkbox",
+          className: "au-switch-checkbox",
+          checked: isActive,
+          onChange: handleToggle,
+          role: "switch",
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "au-switch-track", children: /* @__PURE__ */ jsx("div", { className: "au-switch-thumb" }) })
+    ] })
+  ] }) });
+};
+export {
+  PureSwitch
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +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;"}

package/dist/components/Pure/styles.css

@@ -0,0 +1 @@
+.au-switch-label{font-family:"Source Sans 3",sans-serif;display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.au-switch-checkbox{opacity:0;width:0;height:0;position:absolute}.au-switch-container{position:relative}.au-switch-track{width:42px;height:24px;background-color:#5e6573;border-radius:16px;transition:background-color .2s ease-in-out}.au-switch-thumb{position:absolute;top:3px;left:4px;width:18px;height:18px;background-color:#fff;border-radius:50%;transition:transform .2s ease-in-out}.au-switch-checkbox:checked+.au-switch-track{background-color:#0048db}.au-switch-checkbox:checked+.au-switch-track .au-switch-thumb{transform:translate(16px)}.au-switch-checkbox:focus-visible+.au-switch-track{outline:2px solid #0048db;outline-offset:2px}

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

@@ -4,7 +4,7 @@ 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-wo9iM9yw.js";
+import { S } from "../../index-CL0DrUGQ.js";
 export {
   S as Segment
 };

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

@@ -12,7 +12,7 @@ import { Conditional } from "../Conditional/index.es.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-D1vxtHgK.js";
+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/Switch/Card/index.d.ts

@@ -0,0 +1,3 @@
+import { CardSwitchProps } from './types';
+
+export declare const CardSwitch: React.FC<CardSwitchProps>;

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

@@ -0,0 +1,10 @@
+export type CardSwitchProps = {
+    label: string;
+    id: string;
+    isActive: boolean;
+    disabled: boolean;
+    activateCallBack: () => void;
+    deactivateCallBack?: () => void;
+    shouldFadeOutAfterActivate?: boolean;
+    fadeOutDelayInSeconds?: number;
+};

package/dist/components/Switch/Pure/index.d.ts

@@ -0,0 +1,3 @@
+import { SwitchProps } from './types';
+
+export declare const PureSwitch: React.FC<SwitchProps>;

package/dist/components/Switch/Pure/types.d.ts

@@ -0,0 +1,8 @@
+export type SwitchProps = {
+    isActive: boolean;
+    label: string;
+    id: string;
+    disabled: boolean;
+    activateCallBack: () => void;
+    deactivateCallBack?: () => void;
+};

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

@@ -7,7 +7,7 @@ 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, W as COLOR_WARNING_50, a1 as COLOR_INFO_50, E as COLOR_BRAND_CYAN_50, h as COLOR_NEUTRAL_70 } from "../../tokens-D1vxtHgK.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 './styles.css';const Tag = ({
   status,
   border = "square",

package/dist/components/main/styles.css

@@ -1 +1 @@
-html{box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}:focus{outline:none}body{font-family:"Source Sans 3",sans-serif;background-color:#fff}
+html{box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}:focus{outline:none}body{font-family:"Source Sans 3",sans-serif;background-color:#fff}.au-card{font-family:"Source Sans 3",sans-serif}.au-card__root{background-color:#fff;border-radius:16px;border:1px solid #e2e4e9;padding:16px}.au-card__root--border-none{border:none}.au-card__root--color-secondary{background-color:#f6f7fa}.au-card__root--paddingless{padding:0}.au-card__root--with-hover-shadow{transition:box-shadow .4s ease}.au-card__root--with-hover-shadow:hover{box-shadow:1px 0 8px 1px #0000001a}.au-card__container{display:flex;flex-direction:column;align-items:start;width:100%;height:100%}.au-card__container--direction-row{flex-direction:row}.au-card__container--align-items-center{align-items:center}.au-card__container--justify-content-center{justify-content:center}.au-card__container--justify-content-space-between{justify-content:space-between}.au-card__emphasis{background-color:#f2f5fc;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:16px;margin:0 -16px;width:calc(100% + 32px)}.au-card__emphasis-container{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:end}.au-card__tag{border-radius:8px;display:flex;justify-content:center;align-items:center;gap:4px;padding:4px 16px;width:100%;color:#16181d;font-size:14px;font-weight:600;line-height:21px}.au-card__tag--primary{background-color:#95f0cf}.au-card__tag--secondary{background-color:#eee6ff}

package/dist/{index-DcE5oHTB.js → index-C1N6rwrZ.js}

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c as classNames } from "./index-CweZ_OcN.js";
-import { $ as $35ea8db9cb2ccb90$export$99faa760c7908e4f, a as $dfd62f934fc76fed$export$e1aef45b828286de, C as CalendarHeader, b as $dfd62f934fc76fed$export$5bd780d491cfc46c, c as $dfd62f934fc76fed$export$22e2d15eaa4d2377, d as $dfd62f934fc76fed$export$ad2135cac3a11b3d, e as $dfd62f934fc76fed$export$e11f8ba65d857bff, f as $dfd62f934fc76fed$export$5d847498420df57b } from "./index-ChXllGFe.js";
+import { $ as $35ea8db9cb2ccb90$export$99faa760c7908e4f, a as $dfd62f934fc76fed$export$e1aef45b828286de, C as CalendarHeader, b as $dfd62f934fc76fed$export$5bd780d491cfc46c, c as $dfd62f934fc76fed$export$22e2d15eaa4d2377, d as $dfd62f934fc76fed$export$ad2135cac3a11b3d, e as $dfd62f934fc76fed$export$e11f8ba65d857bff, f as $dfd62f934fc76fed$export$5d847498420df57b } from "./index-C8AM9yBn.js";
 import { Button } from "./components/Button/index.es.js";
 import { PortalHolder } from "./components/PortalHolder/index.es.js";
 import { useRef, useState, useEffect } from "react";
 import { a as above } from "./screen-DfYo7XQ_.js";
-import { B as BREAKPOINT_MD } from "./tokens-D1vxtHgK.js";
+import { B as BREAKPOINT_MD } from "./tokens-D_iASp38.js";
 import './components/index/styles2.css';const DDMMYYYY = {
   placeholder: "DD/MM/YYYY",
   /** Apply DD/MM/YYYY to a field text while typing */
@@ -238,4 +238,4 @@ export {
   DatepickerCalendar as a,
   getDefaultDate as g
 };
-//# sourceMappingURL=index-DcE5oHTB.js.map
+//# sourceMappingURL=index-C1N6rwrZ.js.map

package/dist/{index-DcE5oHTB.js.map → index-C1N6rwrZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DcE5oHTB.js","sources":["../lib/components/form/Datepicker/helpers.ts","../lib/components/form/Datepicker/Calendar/hook.ts","../lib/components/form/Datepicker/Calendar/index.tsx"],"sourcesContent":["import { AUCalendarDateShape, DefaultValue, FormatAdapter } from './types'\n\n/**\n * This adapter Handle the input format and convert to a more\n * universal structure, that can be used accross all subcomponents in the datepicker.\n * if we need to support another format like dd-mm-yyyy, we only need to create another adapter\n * following this model\n */\nexport const DDMMYYYY: FormatAdapter = {\n  placeholder: 'DD/MM/YYYY',\n  /** Apply DD/MM/YYYY to a field text while typing */\n  maskDate(dateStr) {\n    let fmtInputDate = dateStr\n    fmtInputDate = fmtInputDate.replace(/\\D/g, '') // Remove non-numeric characters\n\n    if (fmtInputDate.length > 2) {\n      fmtInputDate = `${fmtInputDate.slice(0, 2)}/${fmtInputDate.slice(2)}`\n    }\n    if (fmtInputDate.length > 5) {\n      fmtInputDate = `${fmtInputDate.slice(0, 5)}/${fmtInputDate.slice(5)}`\n    }\n    return fmtInputDate\n  },\n  /** Check if a string is on DD/MM/YYYY Format */\n  validateFormat(dateStr) {\n    const pattern = /^\\d{2}\\/\\d{2}\\/\\d{4}$/\n    return pattern.test(dateStr)\n  },\n  /** Covert a DD/MM/YYYY to the datepicker date structure */\n  toCalendarDate(dateStr): AUCalendarDateShape {\n    const [day, month, year] = dateStr.split('/').map(Number)\n    return AUCalendarDate(day, month, year)\n  },\n  /** Covert a Date in the datepicker structure into a DD/MM/YYYY string */\n  toString(dateObj: AUCalendarDateShape): string {\n    const fmtNumber = (digit: number) =>\n      String(digit).length === 1 ? `0${digit}` : String(digit)\n    const { day, month, year } = dateObj\n\n    return `${fmtNumber(day)}/${fmtNumber(month)}/${year}`\n  },\n  /** Check if a DD/MM/YYYY is a valid date */\n  validate(dateStr, minValue, maxValue): boolean {\n    const [day, month, year] = dateStr.split('/').map(Number)\n    const date = new Date(year, month - 1, day)\n    const isOlderThanMinDate =\n      !!minValue &&\n      date < new Date(minValue.year, minValue.month - 1, minValue.day)\n\n    const exceedsMaxDate =\n      !!maxValue &&\n      date > new Date(maxValue.year, maxValue.month - 1, maxValue.day)\n\n    return (\n      date.getDate() === day &&\n      date.getMonth() + 1 === month &&\n      date.getFullYear() === year &&\n      !isOlderThanMinDate &&\n      !exceedsMaxDate\n    )\n  },\n}\n\nexport function AUCalendarDate(\n  day: number,\n  month: number,\n  year: number,\n): AUCalendarDateShape {\n  return {\n    day,\n    month,\n    year,\n  }\n}\n\nexport function getDefaultDate(\n  defaultDateProp: DefaultValue,\n): AUCalendarDateShape | null {\n  if (defaultDateProp == 'empty') return null\n  if (defaultDateProp === 'now') {\n    const now = new Date()\n    return AUCalendarDate(now.getDate(), now.getMonth() + 1, now.getFullYear())\n  }\n\n  return defaultDateProp\n}\n","import { useEffect, useRef, useState } from 'react'\nimport { CalendarDate } from '@internationalized/date'\nimport { BREAKPOINT_MD } from '@core/tokens'\nimport { above } from '@core/utils/screen'\nimport { AUCalendarDate } from '../helpers'\nimport { AUCalendarDateShape } from '../types'\n\ntype UseCalendarProps = {\n  minValue: AUCalendarDateShape\n  maxValue: AUCalendarDateShape\n  value?: AUCalendarDateShape | null\n  isVisible: boolean\n  onClose: () => void\n  onChange: (date: AUCalendarDateShape) => void\n}\n\nexport function useCalendar({\n  onChange,\n  onClose,\n  minValue,\n  maxValue,\n  value,\n  isVisible,\n}: UseCalendarProps) {\n  const rootEl = useRef<HTMLDivElement>(null)\n  const [enteredAnimation, setEnteredAnimation] = useState(false)\n  const [calendarInternalState, setCalendarInternalState] =\n    useState<CalendarDate>()\n\n  const [delayedIsVisible, setDelayedIsVisible] = useState(false)\n\n  const usedMinValue = new CalendarDate(\n    minValue.year,\n    minValue.month,\n    minValue.day,\n  )\n  const usedMaxValue = new CalendarDate(\n    maxValue.year,\n    maxValue.month,\n    maxValue.day,\n  )\n\n  useEffect(() => {\n    if (!value) return\n    const { day, month, year } = value\n    setCalendarInternalState(new CalendarDate(year, month, day))\n  }, [value])\n\n  useEffect(() => {\n    if (isVisible) {\n      setDelayedIsVisible(true)\n      return delayComponentMount()\n    } else {\n      return delayComponentUnmount()\n    }\n  }, [isVisible])\n\n  function delayComponentMount(delayTime = 100) {\n    const t = setTimeout(() => {\n      setEnteredAnimation(true)\n    }, delayTime)\n\n    return () => {\n      clearTimeout(t)\n    }\n  }\n\n  function delayComponentUnmount(delayTime = 200) {\n    setEnteredAnimation(false)\n    const timoutToUnmount = setTimeout(() => {\n      setDelayedIsVisible(false)\n    }, delayTime)\n\n    return () => {\n      clearTimeout(timoutToUnmount)\n    }\n  }\n\n  function fmtWeekday(day: string) {\n    const capitalized = `${day.charAt(0).toUpperCase()}${day.slice(1)}`\n    return capitalized.replace('.', '')\n  }\n\n  function triggerChange(date: CalendarDate) {\n    const { day, month, year } = date\n    onChange(AUCalendarDate(day, month, year))\n    onClose()\n  }\n\n  function calendarChange(date: CalendarDate) {\n    setCalendarInternalState(date)\n    if (!above(BREAKPOINT_MD)) return\n    triggerChange(date)\n  }\n\n  function actionChange() {\n    if (calendarInternalState) {\n      triggerChange(calendarInternalState)\n    }\n  }\n\n  return {\n    actionChange,\n    calendarChange,\n    fmtWeekday,\n    usedMaxValue,\n    usedMinValue,\n    rootEl,\n    calendarInternalState,\n    enteredAnimation,\n    delayedIsVisible,\n  }\n}\n","import classNames from 'classnames'\nimport {\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n} from 'react-aria-components'\nimport { Button } from '@components/Button'\nimport { CalendarHeader } from '../CalendarHeader'\nimport { PortalHolder } from '../PortalHolder'\n\n\nimport { AUCalendarDateShape } from '../types'\nimport { useCalendar } from './hook'\nimport './styles.scss'\n\ntype DatepickerCalendarProps = {\n  withPortal?: boolean\n  minValue: AUCalendarDateShape\n  maxValue: AUCalendarDateShape\n  value?: AUCalendarDateShape | null\n  onClose: () => void\n  onChange: (date: AUCalendarDateShape) => void\n  isVisible: boolean\n}\n\nexport const DatepickerCalendar = ({\n  onClose,\n  withPortal,\n  minValue,\n  maxValue,\n  value,\n  onChange,\n  isVisible,\n}: DatepickerCalendarProps) => {\n  const {\n    rootEl,\n    usedMaxValue,\n    usedMinValue,\n    calendarInternalState,\n    calendarChange,\n    fmtWeekday,\n    actionChange,\n    enteredAnimation,\n    delayedIsVisible,\n  } = useCalendar({\n    onChange,\n    onClose,\n    minValue,\n    maxValue,\n    value,\n    isVisible,\n  })\n\n  const componentClass = classNames('au-datepicker__calendar', {\n    'au-datepicker__calendar--visible': enteredAnimation,\n  })\n\n  if (!delayedIsVisible) return\n\n  return (\n    <PortalHolder withPortal={withPortal}>\n      <div className={componentClass} ref={rootEl}>\n        <div className=\"au-datepicker__calendar-backdrop\" onClick={onClose} />\n        <div className=\"au-datepicker__calendar-card\">\n          <Calendar\n            autoFocus\n            className=\"au-datepicker__calendar-base\"\n            minValue={usedMinValue}\n            maxValue={usedMaxValue}\n            value={calendarInternalState}\n            onChange={calendarChange}>\n            <CalendarHeader defaultFocusDate={calendarInternalState} />\n            <CalendarGrid\n              className=\"au-datepicker__calendar-grid\"\n              weekdayStyle=\"short\">\n              <CalendarGridHeader>\n                {(day) => (\n                  <CalendarHeaderCell className=\"au-datepicker__calendar-weekday\">\n                    {fmtWeekday(day)}\n                  </CalendarHeaderCell>\n                )}\n              </CalendarGridHeader>\n              <CalendarGridBody>\n                {(date) => (\n                  <CalendarCell\n                    className=\"au-datepicker__calendar-day\"\n                    date={date}\n                  />\n                )}\n              </CalendarGridBody>\n            </CalendarGrid>\n          </Calendar>\n          <div className=\"au-datepicker__calendar-actions-dock\">\n            <Button\n              type=\"outlined\"\n              className=\"au-datepicker__calendar-cancel\"\n              expand=\"x\"\n              onClick={onClose}>\n              Cancelar\n            </Button>\n            <Button\n              disabled={!calendarInternalState}\n              onClick={actionChange}\n              expand=\"x\">\n              Confirmar\n            </Button>\n          </div>\n        </div>\n      </div>\n    </PortalHolder>\n  )\n}\n"],"names":["CalendarDate","Calendar","CalendarGrid","CalendarGridHeader","CalendarHeaderCell","CalendarGridBody","CalendarCell"],"mappings":"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"}
+{"version":3,"file":"index-C1N6rwrZ.js","sources":["../lib/components/form/Datepicker/helpers.ts","../lib/components/form/Datepicker/Calendar/hook.ts","../lib/components/form/Datepicker/Calendar/index.tsx"],"sourcesContent":["import { AUCalendarDateShape, DefaultValue, FormatAdapter } from './types'\n\n/**\n * This adapter Handle the input format and convert to a more\n * universal structure, that can be used accross all subcomponents in the datepicker.\n * if we need to support another format like dd-mm-yyyy, we only need to create another adapter\n * following this model\n */\nexport const DDMMYYYY: FormatAdapter = {\n  placeholder: 'DD/MM/YYYY',\n  /** Apply DD/MM/YYYY to a field text while typing */\n  maskDate(dateStr) {\n    let fmtInputDate = dateStr\n    fmtInputDate = fmtInputDate.replace(/\\D/g, '') // Remove non-numeric characters\n\n    if (fmtInputDate.length > 2) {\n      fmtInputDate = `${fmtInputDate.slice(0, 2)}/${fmtInputDate.slice(2)}`\n    }\n    if (fmtInputDate.length > 5) {\n      fmtInputDate = `${fmtInputDate.slice(0, 5)}/${fmtInputDate.slice(5)}`\n    }\n    return fmtInputDate\n  },\n  /** Check if a string is on DD/MM/YYYY Format */\n  validateFormat(dateStr) {\n    const pattern = /^\\d{2}\\/\\d{2}\\/\\d{4}$/\n    return pattern.test(dateStr)\n  },\n  /** Covert a DD/MM/YYYY to the datepicker date structure */\n  toCalendarDate(dateStr): AUCalendarDateShape {\n    const [day, month, year] = dateStr.split('/').map(Number)\n    return AUCalendarDate(day, month, year)\n  },\n  /** Covert a Date in the datepicker structure into a DD/MM/YYYY string */\n  toString(dateObj: AUCalendarDateShape): string {\n    const fmtNumber = (digit: number) =>\n      String(digit).length === 1 ? `0${digit}` : String(digit)\n    const { day, month, year } = dateObj\n\n    return `${fmtNumber(day)}/${fmtNumber(month)}/${year}`\n  },\n  /** Check if a DD/MM/YYYY is a valid date */\n  validate(dateStr, minValue, maxValue): boolean {\n    const [day, month, year] = dateStr.split('/').map(Number)\n    const date = new Date(year, month - 1, day)\n    const isOlderThanMinDate =\n      !!minValue &&\n      date < new Date(minValue.year, minValue.month - 1, minValue.day)\n\n    const exceedsMaxDate =\n      !!maxValue &&\n      date > new Date(maxValue.year, maxValue.month - 1, maxValue.day)\n\n    return (\n      date.getDate() === day &&\n      date.getMonth() + 1 === month &&\n      date.getFullYear() === year &&\n      !isOlderThanMinDate &&\n      !exceedsMaxDate\n    )\n  },\n}\n\nexport function AUCalendarDate(\n  day: number,\n  month: number,\n  year: number,\n): AUCalendarDateShape {\n  return {\n    day,\n    month,\n    year,\n  }\n}\n\nexport function getDefaultDate(\n  defaultDateProp: DefaultValue,\n): AUCalendarDateShape | null {\n  if (defaultDateProp == 'empty') return null\n  if (defaultDateProp === 'now') {\n    const now = new Date()\n    return AUCalendarDate(now.getDate(), now.getMonth() + 1, now.getFullYear())\n  }\n\n  return defaultDateProp\n}\n","import { useEffect, useRef, useState } from 'react'\nimport { CalendarDate } from '@internationalized/date'\nimport { BREAKPOINT_MD } from '@core/tokens'\nimport { above } from '@core/utils/screen'\nimport { AUCalendarDate } from '../helpers'\nimport { AUCalendarDateShape } from '../types'\n\ntype UseCalendarProps = {\n  minValue: AUCalendarDateShape\n  maxValue: AUCalendarDateShape\n  value?: AUCalendarDateShape | null\n  isVisible: boolean\n  onClose: () => void\n  onChange: (date: AUCalendarDateShape) => void\n}\n\nexport function useCalendar({\n  onChange,\n  onClose,\n  minValue,\n  maxValue,\n  value,\n  isVisible,\n}: UseCalendarProps) {\n  const rootEl = useRef<HTMLDivElement>(null)\n  const [enteredAnimation, setEnteredAnimation] = useState(false)\n  const [calendarInternalState, setCalendarInternalState] =\n    useState<CalendarDate>()\n\n  const [delayedIsVisible, setDelayedIsVisible] = useState(false)\n\n  const usedMinValue = new CalendarDate(\n    minValue.year,\n    minValue.month,\n    minValue.day,\n  )\n  const usedMaxValue = new CalendarDate(\n    maxValue.year,\n    maxValue.month,\n    maxValue.day,\n  )\n\n  useEffect(() => {\n    if (!value) return\n    const { day, month, year } = value\n    setCalendarInternalState(new CalendarDate(year, month, day))\n  }, [value])\n\n  useEffect(() => {\n    if (isVisible) {\n      setDelayedIsVisible(true)\n      return delayComponentMount()\n    } else {\n      return delayComponentUnmount()\n    }\n  }, [isVisible])\n\n  function delayComponentMount(delayTime = 100) {\n    const t = setTimeout(() => {\n      setEnteredAnimation(true)\n    }, delayTime)\n\n    return () => {\n      clearTimeout(t)\n    }\n  }\n\n  function delayComponentUnmount(delayTime = 200) {\n    setEnteredAnimation(false)\n    const timoutToUnmount = setTimeout(() => {\n      setDelayedIsVisible(false)\n    }, delayTime)\n\n    return () => {\n      clearTimeout(timoutToUnmount)\n    }\n  }\n\n  function fmtWeekday(day: string) {\n    const capitalized = `${day.charAt(0).toUpperCase()}${day.slice(1)}`\n    return capitalized.replace('.', '')\n  }\n\n  function triggerChange(date: CalendarDate) {\n    const { day, month, year } = date\n    onChange(AUCalendarDate(day, month, year))\n    onClose()\n  }\n\n  function calendarChange(date: CalendarDate) {\n    setCalendarInternalState(date)\n    if (!above(BREAKPOINT_MD)) return\n    triggerChange(date)\n  }\n\n  function actionChange() {\n    if (calendarInternalState) {\n      triggerChange(calendarInternalState)\n    }\n  }\n\n  return {\n    actionChange,\n    calendarChange,\n    fmtWeekday,\n    usedMaxValue,\n    usedMinValue,\n    rootEl,\n    calendarInternalState,\n    enteredAnimation,\n    delayedIsVisible,\n  }\n}\n","import classNames from 'classnames'\nimport {\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n} from 'react-aria-components'\nimport { Button } from '@components/Button'\nimport { CalendarHeader } from '../CalendarHeader'\nimport { PortalHolder } from '../PortalHolder'\n\n\nimport { AUCalendarDateShape } from '../types'\nimport { useCalendar } from './hook'\nimport './styles.scss'\n\ntype DatepickerCalendarProps = {\n  withPortal?: boolean\n  minValue: AUCalendarDateShape\n  maxValue: AUCalendarDateShape\n  value?: AUCalendarDateShape | null\n  onClose: () => void\n  onChange: (date: AUCalendarDateShape) => void\n  isVisible: boolean\n}\n\nexport const DatepickerCalendar = ({\n  onClose,\n  withPortal,\n  minValue,\n  maxValue,\n  value,\n  onChange,\n  isVisible,\n}: DatepickerCalendarProps) => {\n  const {\n    rootEl,\n    usedMaxValue,\n    usedMinValue,\n    calendarInternalState,\n    calendarChange,\n    fmtWeekday,\n    actionChange,\n    enteredAnimation,\n    delayedIsVisible,\n  } = useCalendar({\n    onChange,\n    onClose,\n    minValue,\n    maxValue,\n    value,\n    isVisible,\n  })\n\n  const componentClass = classNames('au-datepicker__calendar', {\n    'au-datepicker__calendar--visible': enteredAnimation,\n  })\n\n  if (!delayedIsVisible) return\n\n  return (\n    <PortalHolder withPortal={withPortal}>\n      <div className={componentClass} ref={rootEl}>\n        <div className=\"au-datepicker__calendar-backdrop\" onClick={onClose} />\n        <div className=\"au-datepicker__calendar-card\">\n          <Calendar\n            autoFocus\n            className=\"au-datepicker__calendar-base\"\n            minValue={usedMinValue}\n            maxValue={usedMaxValue}\n            value={calendarInternalState}\n            onChange={calendarChange}>\n            <CalendarHeader defaultFocusDate={calendarInternalState} />\n            <CalendarGrid\n              className=\"au-datepicker__calendar-grid\"\n              weekdayStyle=\"short\">\n              <CalendarGridHeader>\n                {(day) => (\n                  <CalendarHeaderCell className=\"au-datepicker__calendar-weekday\">\n                    {fmtWeekday(day)}\n                  </CalendarHeaderCell>\n                )}\n              </CalendarGridHeader>\n              <CalendarGridBody>\n                {(date) => (\n                  <CalendarCell\n                    className=\"au-datepicker__calendar-day\"\n                    date={date}\n                  />\n                )}\n              </CalendarGridBody>\n            </CalendarGrid>\n          </Calendar>\n          <div className=\"au-datepicker__calendar-actions-dock\">\n            <Button\n              type=\"outlined\"\n              className=\"au-datepicker__calendar-cancel\"\n              expand=\"x\"\n              onClick={onClose}>\n              Cancelar\n            </Button>\n            <Button\n              disabled={!calendarInternalState}\n              onClick={actionChange}\n              expand=\"x\">\n              Confirmar\n            </Button>\n          </div>\n        </div>\n      </div>\n    </PortalHolder>\n  )\n}\n"],"names":["CalendarDate","Calendar","CalendarGrid","CalendarGridHeader","CalendarHeaderCell","CalendarGridBody","CalendarCell"],"mappings":"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"}

package/dist/{index-ChXllGFe.js → index-C8AM9yBn.js}

@@ -3,7 +3,7 @@ import "./index-CweZ_OcN.js";
 import "./components/Icon/index.es.js";
 import { IconChevronLeft } from "./components/icons/IconChevronLeft/index.es.js";
 import { IconChevronRight } from "./components/icons/IconChevronRight/index.es.js";
-import { S as Segment } from "./index-wo9iM9yw.js";
+import { S as Segment } from "./index-CL0DrUGQ.js";
 import $dbSRa$react__default, { createContext, useContext, useState, useRef, useCallback, useEffect, useMemo, forwardRef } from "react";
 import "react-dom";
 createContext(null);
@@ -5686,4 +5686,4 @@ export {
   $dfd62f934fc76fed$export$e11f8ba65d857bff as e,
   $dfd62f934fc76fed$export$5d847498420df57b as f
 };
-//# sourceMappingURL=index-ChXllGFe.js.map
+//# sourceMappingURL=index-C8AM9yBn.js.map