@consumidor-positivo/aurora 0.0.113 → 0.0.115

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

@@ -8,7 +8,7 @@ import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { IconInfo } from "../icons/IconInfo/index.es.js";
 import { IconX } from "../icons/IconX/index.es.js";
 import { Conditional } from "../Conditional/index.es.js";
-import { g as COLOR_NEUTRAL_70, C as COLOR_SUCCESS_50, a as COLOR_ERROR_50, V as COLOR_WARNING_50, a0 as COLOR_INFO_50 } from "../../tokens-9EQe5J43.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-BwvPtuyb.js";
 import './styles.css';const Alert = ({
   status = "info",
   type = 1,

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../../index-CweZ_OcN.js";
-import "../../index-BQa1sbrI.js";
+import "../../index-B9cLhrrb.js";
 import "../Button/index.es.js";
 import "../PortalHolder/index.es.js";
-import { a } from "../../index-BHyeRg6V.js";
+import { a } from "../../index-C9HFx59f.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-Dvf6gobI.js";
-import { C } from "../../index-BQa1sbrI.js";
+import "../../index-BDy8i79S.js";
+import { C } from "../../index-B9cLhrrb.js";
 export {
   C as CalendarHeader
 };

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

@@ -1,10 +1,16 @@
 import { CardContainer } from "../Container/index.es.js";
 import { CardEmphasis } from "../Emphasis/index.es.js";
-import { CardImage } from "../Image/index.es.js";
 import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { CardTag } from "../Tag/index.es.js";
-import './styles.css';const CardRoot = ({
+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,

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Root/index.tsx","../../../lib/components/Card/index.tsx"],"sourcesContent":["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  children: ReactNode\n}\nexport const CardRoot = ({\n  border = true,\n  color = 'primary',\n  width,\n  height,\n  maxWidth,\n  maxHeight,\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  })\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 { 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":";;;;;;AAYO,MAAM,WAAW,CAAC;AAAA,EACvB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;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,EAAA,CAC7C;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;ACxBA,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/Card/Image/index.tsx","../../../lib/components/Card/Root/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  children: ReactNode\n}\nexport const CardRoot = ({\n  border = true,\n  color = 'primary',\n  width,\n  height,\n  maxWidth,\n  maxHeight,\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  })\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 { 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;ACPO,MAAM,WAAW,CAAC;AAAA,EACvB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;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,EAAA,CAC7C;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;ACxBA,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;"}

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

@@ -4,7 +4,7 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import "../Icon/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { F as Field } from "../../index-ZE6zszxw.js";
-import { m as COLOR_NEUTRAL_00 } from "../../tokens-9EQe5J43.js";
+import { n as COLOR_NEUTRAL_00 } from "../../tokens-BwvPtuyb.js";
 import { Conditional } from "../Conditional/index.es.js";
 import { Text } from "../Text/index.es.js";
 import './styles.css';const CheckboxField = ({

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-BHyeRg6V.js";
+import { g as getDefaultDate, D as DDMMYYYY, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-C9HFx59f.js";
 import { useRef, useState, useMemo, useEffect } from "react";
 import { a as above } from "../../screen-DfYo7XQ_.js";
-import { u as useOutsideClick } from "../../index-Dvf6gobI.js";
-import { B as BREAKPOINT_MD, b as COLOR_NEUTRAL_40 } from "../../tokens-9EQe5J43.js";
+import { u as useOutsideClick } from "../../index-BDy8i79S.js";
+import { B as BREAKPOINT_MD, c as COLOR_NEUTRAL_40 } from "../../tokens-BwvPtuyb.js";
 import './styles.css';function useDatepicker({
   value,
   defaultValue = "empty",

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {
+    srcMob?: string;
+    srcTablet?: string;
+    srcDesk?: string;
+};
+export declare const Image: ({ srcMob, srcTablet, srcDesk, ...props }: ImageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,12 +1,13 @@
-import { jsx } from "react/jsx-runtime";
-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 }) });
+import { jsxs, jsx } from "react/jsx-runtime";
+import { B as BREAKPOINT_MD, a as BREAKPOINT_LG } from "../../tokens-BwvPtuyb.js";
+const Image = ({ srcMob, srcTablet, srcDesk, ...props }) => {
+  return /* @__PURE__ */ jsxs("picture", { children: [
+    /* @__PURE__ */ jsx("source", { media: `(max-width: ${BREAKPOINT_MD})`, srcSet: srcMob }),
+    /* @__PURE__ */ jsx("source", { media: `(max-width: ${BREAKPOINT_LG})`, srcSet: srcTablet }),
+    /* @__PURE__ */ jsx("img", { src: srcDesk, ...props })
+  ] });
 };
 export {
-  CardImage
+  Image
 };
 //# sourceMappingURL=index.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Image/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"],"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;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Image/index.tsx"],"sourcesContent":["import { BREAKPOINT_LG, BREAKPOINT_MD } from \"@core/tokens\"\n\ntype ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {\n  srcMob?: string\n  srcTablet?: string\n  srcDesk?: string\n}\n\nexport const Image = ({ srcMob, srcTablet, srcDesk, ...props }: ImageProps) => {\n  return (\n    <picture>\n      <source media={`(max-width: ${BREAKPOINT_MD})`} srcSet={srcMob} />\n      <source media={`(max-width: ${BREAKPOINT_LG})`} srcSet={srcTablet} />\n      <img src={srcDesk} {...props} />\n    </picture>\n  )\n}\n"],"names":[],"mappings":";;AAQa,MAAA,QAAQ,CAAC,EAAE,QAAQ,WAAW,SAAS,GAAG,YAAwB;AAC7E,8BACG,WACC,EAAA,UAAA;AAAA,IAAA,oBAAC,YAAO,OAAO,eAAe,aAAa,KAAK,QAAQ,QAAQ;AAAA,wBAC/D,UAAO,EAAA,OAAO,eAAe,aAAa,KAAK,QAAQ,WAAW;AAAA,IAClE,oBAAA,OAAA,EAAI,KAAK,SAAU,GAAG,MAAO,CAAA;AAAA,EAChC,EAAA,CAAA;AAEJ;"}

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, a as COLOR_ERROR_50, b as COLOR_NEUTRAL_40 } from "../../tokens-9EQe5J43.js";
+import { C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, c as COLOR_NEUTRAL_40 } from "../../tokens-BwvPtuyb.js";
 const FieldLabel = ({
   id,
   text,

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

@@ -26,7 +26,7 @@ const NavbarVerticalLink = ({
   href,
   active = false
 }) => {
-  const [open, setOpen] = useState(active);
+  const [open, setOpen] = useState(!!dropdown && active);
   function handleClick(ev) {
     if (dropdown) {
       setOpen((prev) => !prev);

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  renderActions: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const NavbarVertical = ({\n  data,\n  renderItem,\n  renderActions,\n}: NavbarVerticalProps) => {\n  return (\n    <div className=\"au-navbar-vertical\">\n      {data?.map((link, idx) => {\n        return renderItem(link, idx)\n      })}\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>(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 ? 'p' : '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            <Conditional condition={!!open} renderIf={<IconChevronUp />} />\n            <Conditional condition={!open} renderIf={<IconChevronDown />} />\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":";;;;;;;;AA0BO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;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,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;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAkB,MAAM;AAEhD,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,MAAM;AAAA,MACrB;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,oBAAA,aAAA,EAAY,WAAW,CAAC,CAAC,MAAM,UAAU,oBAAC,gBAAc,CAAA,GAAI;AAAA,cAC7D,oBAAC,eAAY,WAAW,CAAC,MAAM,UAAU,oBAAC,kBAAgB,CAAA,GAAI;AAAA,cAC9D,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  renderActions: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const NavbarVertical = ({\n  data,\n  renderItem,\n  renderActions,\n}: NavbarVerticalProps) => {\n  return (\n    <div className=\"au-navbar-vertical\">\n      {data?.map((link, idx) => {\n        return renderItem(link, idx)\n      })}\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 ? 'p' : '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            <Conditional condition={!!open} renderIf={<IconChevronUp />} />\n            <Conditional condition={!open} renderIf={<IconChevronDown />} />\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":";;;;;;;;AA0BO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;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,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,MAAM;AAAA,MACrB;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,oBAAA,aAAA,EAAY,WAAW,CAAC,CAAC,MAAM,UAAU,oBAAC,gBAAc,CAAA,GAAI;AAAA,cAC7D,oBAAC,eAAY,WAAW,CAAC,MAAM,UAAU,oBAAC,kBAAgB,CAAA,GAAI;AAAA,cAC9D,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;"}

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-9EQe5J43.js";
+import { B as BREAKPOINT_MD } from "../../tokens-BwvPtuyb.js";
 const PortalHolder = ({ withPortal, children }) => {
   const shouldUsePortal = !above(BREAKPOINT_MD) && withPortal;
   if (shouldUsePortal) return /* @__PURE__ */ jsx(Portal, { children });

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-Dvf6gobI.js";
+import { S } from "../../index-BDy8i79S.js";
 export {
   S as Segment
 };

package/dist/{index-BQa1sbrI.js → index-B9cLhrrb.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-Dvf6gobI.js";
+import { S as Segment } from "./index-BDy8i79S.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-BQa1sbrI.js.map
+//# sourceMappingURL=index-B9cLhrrb.js.map