@consumidor-positivo/aurora 1.1.0 → 1.3.0

package/dist/{index-DnQGzfVW.js → index-Cw1KtRQr.js}

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "./index-C6Q03EyZ.js";
+import { c as classNames } from "./index-BW2ZU5Hx.js";
 import { useState, useRef, useEffect } from "react";
 import "./components/Icon/index.es.js";
 import { IconChevronDown } from "./components/icons/IconChevronDown/index.es.js";
 import { IconChevronLeft } from "./components/icons/IconChevronLeft/index.es.js";
 import { IconX } from "./components/icons/IconX/index.es.js";
-import { B as BREAKPOINT_MD } from "./tokens-C4yCunfz.js";
+import { BREAKPOINT_MD } from "./astro/tokens/index.es.js";
 import { a as above } from "./screen-DfYo7XQ_.js";
-import './components/index/styles3.css';function useOutsideClick({
+import './components/index/styles2.css';function useOutsideClick({
   rootEl,
   breakpoint,
   onLoseFocusCB
@@ -150,4 +150,4 @@ export {
   Segment as S,
   useOutsideClick as u
 };
-//# sourceMappingURL=index-DnQGzfVW.js.map
+//# sourceMappingURL=index-Cw1KtRQr.js.map

package/dist/{index-DnQGzfVW.js.map → index-Cw1KtRQr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DnQGzfVW.js","sources":["../lib/core/hooks/useOutsideClick.ts","../lib/components/form/Datepicker/Segment/hook.ts","../lib/components/form/Datepicker/Segment/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { above } from '../utils/screen'\n\ntype UseOutsideClickProps = {\n  rootEl: React.RefObject<HTMLDivElement>\n  breakpoint?: string\n  onLoseFocusCB: () => void\n}\n\nexport function useOutsideClick({\n  rootEl,\n  breakpoint,\n  onLoseFocusCB,\n}: UseOutsideClickProps) {\n  const [setupListener, setSetupListener] = useState(false)\n\n  function listenOutsideClick() {\n    if (breakpoint && !above(breakpoint)) return\n    document.addEventListener('mousedown', handleLoseFocus)\n    setSetupListener(true)\n  }\n\n  function clearOutsideClickListenner() {\n    if (setupListener) {\n      document.removeEventListener('mousedown', handleLoseFocus)\n      setSetupListener(false)\n    }\n  }\n\n  function handleLoseFocus(ev: MouseEvent | FocusEvent) {\n    if (!rootEl.current) return\n\n    const clickedOutside = !rootEl.current.contains(ev.target as Node)\n\n    if (clickedOutside) {\n      onLoseFocusCB()\n      clearOutsideClickListenner()\n    }\n  }\n\n  return {\n    listenOutsideClick,\n  }\n}\n","import { useEffect, useRef, useState } from 'react'\nimport { BREAKPOINT_MD } from '@core/tokens'\nimport { useOutsideClick } from '@core/hooks/useOutsideClick'\n\nimport { SegmentItem } from '../types'\n\ntype UseSegmentProps = {\n  options: SegmentItem[]\n  currentValue: string | number\n  onSelect: (option: SegmentItem) => void\n}\n\nexport function useSegment({\n  options,\n  currentValue,\n  onSelect,\n}: UseSegmentProps) {\n  const [isListOpen, setIsListOpen] = useState(false)\n  const rootEl = useRef<HTMLDivElement>(null)\n  const selectedItem = useRef<HTMLLIElement>(null)\n  const currentItem = options.find((item) => item.value === currentValue)\n  const { listenOutsideClick } = useOutsideClick({\n    rootEl,\n    breakpoint: BREAKPOINT_MD,\n    onLoseFocusCB: closeList,\n  })\n\n  useEffect(() => {\n    if (selectedItem.current && isListOpen) {\n      selectedItem.current.scrollIntoView({ block: 'center', inline: 'center' })\n    }\n  }, [isListOpen])\n\n  function openList() {\n    setIsListOpen(true)\n    listenOutsideClick()\n  }\n\n  function closeList() {\n    setIsListOpen(false)\n  }\n\n  function handleSelectItem(option: SegmentItem) {\n    onSelect(option)\n    setIsListOpen(false)\n  }\n\n  return {\n    openList,\n    closeList,\n    isListOpen,\n    rootEl,\n    currentItem,\n    handleSelectItem,\n    selectedItem,\n  }\n}\n","import classNames from 'classnames'\nimport { IconChevronDown, IconChevronLeft, IconX } from '@components/icons'\n\nimport { useSegment } from './hook'\nimport { SegmentItem } from '../types'\nimport './styles.scss'\n\ntype SegmentProps = {\n  mobileTitle: string\n  options: SegmentItem[]\n  onSelect: (option: SegmentItem) => void\n  currentValue: string | number\n  minValue?: Date\n  maxValue?: Date\n}\n\nexport const Segment = ({\n  currentValue,\n  options,\n  mobileTitle,\n  onSelect,\n}: SegmentProps) => {\n  const {\n    rootEl,\n    isListOpen,\n    openList,\n    closeList,\n    currentItem,\n    handleSelectItem,\n    selectedItem,\n  } = useSegment({\n    options,\n    currentValue,\n    onSelect,\n  })\n\n  return (\n    <div\n      ref={rootEl}\n      className={classNames('au-datepicker__segment', {\n        'au-datepicker__segment--open': isListOpen,\n      })}>\n      <button\n        type=\"button\"\n        className=\"au-datepicker__segment-input\"\n        onClick={openList}\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={isListOpen}>\n        {currentItem?.label}\n        <IconChevronDown aria-hidden=\"true\" />\n      </button>\n      <div className=\"au-datepicker__segment-list-holder\">\n        <div className=\"au-datepicker__segment-list-header\">\n          <button type=\"button\" onClick={closeList} aria-label=\"Voltar\">\n            <IconChevronLeft aria-hidden=\"true\" />\n          </button>\n          <h4 className=\"au-datepicker__segment-title\">{mobileTitle}</h4>\n          <button type=\"button\" onClick={closeList} aria-label=\"Fechar\">\n            <IconX aria-hidden=\"true\" />\n          </button>\n        </div>\n        <ul className=\"au-datepicker__segment-list\" role=\"listbox\">\n          {options.map((option, idx) => {\n            const isSelectedItem = option.value === currentValue\n            return (\n              <li\n                key={`au-datepicker-segment-li-${option.value}-${idx}`}\n                onClick={() => handleSelectItem(option)}\n                ref={isSelectedItem ? selectedItem : null}\n                role=\"option\"\n                aria-selected={isSelectedItem}\n                className={classNames('au-datepicker__segment-list-item', {\n                  'au-datepicker__segment-list-item--active': isSelectedItem,\n                })}>\n                {option.label}\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index-Cw1KtRQr.js","sources":["../lib/core/hooks/useOutsideClick.ts","../lib/components/form/Datepicker/Segment/hook.ts","../lib/components/form/Datepicker/Segment/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { above } from '../utils/screen'\n\ntype UseOutsideClickProps = {\n  rootEl: React.RefObject<HTMLDivElement>\n  breakpoint?: string\n  onLoseFocusCB: () => void\n}\n\nexport function useOutsideClick({\n  rootEl,\n  breakpoint,\n  onLoseFocusCB,\n}: UseOutsideClickProps) {\n  const [setupListener, setSetupListener] = useState(false)\n\n  function listenOutsideClick() {\n    if (breakpoint && !above(breakpoint)) return\n    document.addEventListener('mousedown', handleLoseFocus)\n    setSetupListener(true)\n  }\n\n  function clearOutsideClickListenner() {\n    if (setupListener) {\n      document.removeEventListener('mousedown', handleLoseFocus)\n      setSetupListener(false)\n    }\n  }\n\n  function handleLoseFocus(ev: MouseEvent | FocusEvent) {\n    if (!rootEl.current) return\n\n    const clickedOutside = !rootEl.current.contains(ev.target as Node)\n\n    if (clickedOutside) {\n      onLoseFocusCB()\n      clearOutsideClickListenner()\n    }\n  }\n\n  return {\n    listenOutsideClick,\n  }\n}\n","import { useEffect, useRef, useState } from 'react'\nimport { BREAKPOINT_MD } from '@core/tokens'\nimport { useOutsideClick } from '@core/hooks/useOutsideClick'\n\nimport { SegmentItem } from '../types'\n\ntype UseSegmentProps = {\n  options: SegmentItem[]\n  currentValue: string | number\n  onSelect: (option: SegmentItem) => void\n}\n\nexport function useSegment({\n  options,\n  currentValue,\n  onSelect,\n}: UseSegmentProps) {\n  const [isListOpen, setIsListOpen] = useState(false)\n  const rootEl = useRef<HTMLDivElement>(null)\n  const selectedItem = useRef<HTMLLIElement>(null)\n  const currentItem = options.find((item) => item.value === currentValue)\n  const { listenOutsideClick } = useOutsideClick({\n    rootEl,\n    breakpoint: BREAKPOINT_MD,\n    onLoseFocusCB: closeList,\n  })\n\n  useEffect(() => {\n    if (selectedItem.current && isListOpen) {\n      selectedItem.current.scrollIntoView({ block: 'center', inline: 'center' })\n    }\n  }, [isListOpen])\n\n  function openList() {\n    setIsListOpen(true)\n    listenOutsideClick()\n  }\n\n  function closeList() {\n    setIsListOpen(false)\n  }\n\n  function handleSelectItem(option: SegmentItem) {\n    onSelect(option)\n    setIsListOpen(false)\n  }\n\n  return {\n    openList,\n    closeList,\n    isListOpen,\n    rootEl,\n    currentItem,\n    handleSelectItem,\n    selectedItem,\n  }\n}\n","import classNames from 'classnames'\nimport { IconChevronDown, IconChevronLeft, IconX } from '@components/icons'\n\nimport { useSegment } from './hook'\nimport { SegmentItem } from '../types'\nimport './styles.scss'\n\ntype SegmentProps = {\n  mobileTitle: string\n  options: SegmentItem[]\n  onSelect: (option: SegmentItem) => void\n  currentValue: string | number\n  minValue?: Date\n  maxValue?: Date\n}\n\nexport const Segment = ({\n  currentValue,\n  options,\n  mobileTitle,\n  onSelect,\n}: SegmentProps) => {\n  const {\n    rootEl,\n    isListOpen,\n    openList,\n    closeList,\n    currentItem,\n    handleSelectItem,\n    selectedItem,\n  } = useSegment({\n    options,\n    currentValue,\n    onSelect,\n  })\n\n  return (\n    <div\n      ref={rootEl}\n      className={classNames('au-datepicker__segment', {\n        'au-datepicker__segment--open': isListOpen,\n      })}>\n      <button\n        type=\"button\"\n        className=\"au-datepicker__segment-input\"\n        onClick={openList}\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={isListOpen}>\n        {currentItem?.label}\n        <IconChevronDown aria-hidden=\"true\" />\n      </button>\n      <div className=\"au-datepicker__segment-list-holder\">\n        <div className=\"au-datepicker__segment-list-header\">\n          <button type=\"button\" onClick={closeList} aria-label=\"Voltar\">\n            <IconChevronLeft aria-hidden=\"true\" />\n          </button>\n          <h4 className=\"au-datepicker__segment-title\">{mobileTitle}</h4>\n          <button type=\"button\" onClick={closeList} aria-label=\"Fechar\">\n            <IconX aria-hidden=\"true\" />\n          </button>\n        </div>\n        <ul className=\"au-datepicker__segment-list\" role=\"listbox\">\n          {options.map((option, idx) => {\n            const isSelectedItem = option.value === currentValue\n            return (\n              <li\n                key={`au-datepicker-segment-li-${option.value}-${idx}`}\n                onClick={() => handleSelectItem(option)}\n                ref={isSelectedItem ? selectedItem : null}\n                role=\"option\"\n                aria-selected={isSelectedItem}\n                className={classNames('au-datepicker__segment-list-item', {\n                  'au-datepicker__segment-list-item--active': isSelectedItem,\n                })}>\n                {option.label}\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/main.es.js

@@ -1,8 +1,9 @@
+import "./components/globalStyles/index.es.js";
 import { Button } from "./components/Button/index.es.js";
-import { PureSwitch } from "./components/Pure/index.es.js";
-import { CardSwitch } from "./components/Card/index.es.js";
+import { PureSwitch } from "./components/Switch/Pure/index.es.js";
+import { CardSwitch } from "./components/Switch/Card/index.es.js";
 import { Chip } from "./components/Chip/index.es.js";
-import { Conditional } from "./components/Conditional/index.es.js";
+import { Conditional } from "./components/misc/Conditional/index.es.js";
 import { Drawer } from "./components/Drawer/index.es.js";
 import { Header } from "./components/Header/index.es.js";
 import { LazyImage } from "./components/LazyImage/index.es.js";
@@ -11,20 +12,17 @@ import { NotificationsBar } from "./components/NotificationsBar/index.es.js";
 import { ProfileNav } from "./components/ProfileNav/index.es.js";
 import { Text } from "./components/Text/index.es.js";
 import { Footer } from "./components/Footer/index.es.js";
-import { InputField } from "./components/InputField/index.es.js";
-import { EmailField } from "./components/EmailField/index.es.js";
-import { TokenField } from "./components/TokenField/index.es.js";
-import { SelectField } from "./components/SelectField/index.es.js";
-import { PasswordField } from "./components/PasswordField/index.es.js";
-import { DatepickerField } from "./components/Datepicker/index.es.js";
-import { TextAreaField } from "./components/TextareaField/index.es.js";
-import { Checkbox } from "./components/Checkbox/index.es.js";
-import { Radio } from "./components/Radio/index.es.js";
+import { InputField } from "./components/form/InputField/index.es.js";
+import { EmailField } from "./components/form/EmailField/index.es.js";
+import { TokenField } from "./components/form/TokenField/index.es.js";
+import { SelectField } from "./components/form/SelectField/index.es.js";
+import { PasswordField } from "./components/form/PasswordField/index.es.js";
+import { DatepickerField } from "./components/form/Datepicker/index.es.js";
+import { TextAreaField } from "./components/form/TextareaField/index.es.js";
+import { Checkbox } from "./components/form/Checkbox/index.es.js";
+import { Radio } from "./components/form/Radio/index.es.js";
 import { Alert } from "./components/Alert/index.es.js";
-import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "./index-C6Q03EyZ.js";
-import { CardEmphasis } from "./components/Emphasis/index.es.js";
-import { CardTag } from "./components/Tag/index.es.js";
+import { Card } from "./components/Card/index.es.js";
 import { Tabs } from "./components/Tabs/index.es.js";
 import { Skeleton } from "./components/Skeleton/index.es.js";
 import { Spinner } from "./components/Spinner/index.es.js";
@@ -373,90 +371,8 @@ import { IconZoomIn } from "./components/icons/IconZoomIn/index.es.js";
 import { IconZoomOut } from "./components/icons/IconZoomOut/index.es.js";
 import { IconSocialGoogle } from "./components/icons/IconSocialGoogle/index.es.js";
 import { C, D, E, W, I, S, T } from "./react-if.esm-Cozt8l48.js";
-import { k as k2, l as l2, m as m2, n as n2, a as a2, B, o as o2, p as p2, q as q2, r as r2, s as s2, t, u, j as j2, v, w, x, y, z, A, g as g2, D as D2, E as E2, F, G, H, I as I2, J, K, L as L2, M, N, O, b as b2, P, Q, R, S as S2, T as T2, U, h as h2, V, i as i2, W as W2, X, Y, c as c2, Z, f as f2, d as d2, _, $, a0, a1, a2 as a22, C as C2, a3, a4, a5, a6, a7, a8, e as e2, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ } from "./tokens-C4yCunfz.js";
-import { Carousel } from "./components/Carousel/index.es.js";
-import './components/main/styles.css';const CardContainer = ({
-  direction,
-  alignItems,
-  justifyContent,
-  gap,
-  width,
-  children,
-  "data-testid": dataTestId
-}) => {
-  const containerClasses = classNames("au-card__container", {
-    [`au-card__container--direction-${direction}`]: direction,
-    [`au-card__container--align-items-${alignItems}`]: alignItems,
-    [`au-card__container--justify-content-${justifyContent}`]: justifyContent
-  });
-  const containerStyle = {
-    gap: `${gap}px`,
-    width: `${width}px`
-  };
-  return /* @__PURE__ */ jsx("div", { style: containerStyle, className: containerClasses, "data-testid": dataTestId, children });
-};
-const CardImage = ({
-  src,
-  alt,
-  width,
-  height,
-  "data-testid": dataTestId
-}) => {
-  const imageSize = {
-    width: `${width}px`,
-    height: `${height}px`
-  };
-  return /* @__PURE__ */ jsx("div", { "data-testid": dataTestId, children: /* @__PURE__ */ jsx("img", { style: imageSize, src, alt }) });
-};
-const CardRoot = ({
-  border = true,
-  color = "primary",
-  width,
-  height,
-  maxWidth,
-  maxHeight,
-  hoverShadow,
-  paddingLess,
-  children,
-  className,
-  ref,
-  "data-testid": dataTestId
-}) => {
-  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,
-    [String(className)]: !!className
-  });
-  const rootSize = {
-    width: `${width}px`,
-    height: `${height}px`,
-    maxWidth: `${maxWidth}px`,
-    maxHeight: `${maxHeight}px`
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      style: rootSize,
-      className: rootClasses,
-      "data-testid": dataTestId,
-      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}`;
-});
+import { BORDER_RADIUS_BIG, BORDER_RADIUS_MEDIUM, BORDER_RADIUS_PILL, BORDER_RADIUS_SMALL, BREAKPOINT_LG, BREAKPOINT_MD, BREAKPOINT_SM, BREAKPOINT_XLG, BREAKPOINT_XSM, COLOR_BRAND_BLUE_00, COLOR_BRAND_BLUE_10, COLOR_BRAND_BLUE_20, COLOR_BRAND_BLUE_30, COLOR_BRAND_BLUE_40, COLOR_BRAND_BLUE_50, COLOR_BRAND_BLUE_60, COLOR_BRAND_CYAN_10, COLOR_BRAND_CYAN_20, COLOR_BRAND_CYAN_30, COLOR_BRAND_CYAN_40, COLOR_BRAND_CYAN_50, COLOR_BRAND_CYAN_60, COLOR_BRAND_EMERALD_10, COLOR_BRAND_EMERALD_20, COLOR_BRAND_EMERALD_30, COLOR_BRAND_EMERALD_40, COLOR_BRAND_EMERALD_50, COLOR_BRAND_EMERALD_60, COLOR_ERROR_00, COLOR_ERROR_10, COLOR_ERROR_20, COLOR_ERROR_30, COLOR_ERROR_40, COLOR_ERROR_50, COLOR_ERROR_60, COLOR_INFO_00, COLOR_INFO_10, COLOR_INFO_20, COLOR_INFO_30, COLOR_INFO_40, COLOR_INFO_50, COLOR_INFO_60, COLOR_NEUTRAL_00, COLOR_NEUTRAL_10, COLOR_NEUTRAL_20, COLOR_NEUTRAL_30, COLOR_NEUTRAL_40, COLOR_NEUTRAL_50, COLOR_NEUTRAL_60, COLOR_NEUTRAL_70, COLOR_SUCCESS_00, COLOR_SUCCESS_10, COLOR_SUCCESS_20, COLOR_SUCCESS_30, COLOR_SUCCESS_40, COLOR_SUCCESS_50, COLOR_SUCCESS_60, COLOR_WARNING_00, COLOR_WARNING_10, COLOR_WARNING_20, COLOR_WARNING_30, COLOR_WARNING_40, COLOR_WARNING_50, COLOR_WARNING_60, CONTAINER_SIZE, FONT_BODY, FONT_SIZE_H1, FONT_SIZE_H2, FONT_SIZE_H3, FONT_SIZE_H4, FONT_SIZE_H5, FONT_SIZE_H6, FONT_SIZE_P1, FONT_SIZE_P2, FONT_SIZE_P3, FONT_SIZE_P4, FONT_TITLE, FONT_WEIGHT_BOLD, FONT_WEIGHT_MEDIUM, FONT_WEIGHT_REGULAR, FONT_WEIGHT_SEMIBOLD, OPACITY_00, OPACITY_10, OPACITY_20, OPACITY_30, OPACITY_40, SHADOW_01, SHADOW_02, SHADOW_03, SHADOW_04, SPACING_050, SPACING_100, SPACING_200, SPACING_300, SPACING_400, SPACING_500, SPACING_600, SPACING_700, SPACING_800, SPACING_900 } from "./astro/tokens/index.es.js";
+import { Carousel } from "./components/Prototype/Carousel/index.es.js";
 function useDrawer(props) {
   const [drawerOpen, setDrawerOpen] = useState(props);
   function handleOpenDrawer(name) {
@@ -475,75 +391,75 @@ function useDrawer(props) {
 export {
   AdBox,
   Alert,
-  k2 as BORDER_RADIUS_BIG,
-  l2 as BORDER_RADIUS_MEDIUM,
-  m2 as BORDER_RADIUS_PILL,
-  n2 as BORDER_RADIUS_SMALL,
-  a2 as BREAKPOINT_LG,
-  B as BREAKPOINT_MD,
-  o2 as BREAKPOINT_SM,
-  p2 as BREAKPOINT_XLG,
-  q2 as BREAKPOINT_XSM,
+  BORDER_RADIUS_BIG,
+  BORDER_RADIUS_MEDIUM,
+  BORDER_RADIUS_PILL,
+  BORDER_RADIUS_SMALL,
+  BREAKPOINT_LG,
+  BREAKPOINT_MD,
+  BREAKPOINT_SM,
+  BREAKPOINT_XLG,
+  BREAKPOINT_XSM,
   BadgeInfo,
   BadgeState,
   Button,
-  r2 as COLOR_BRAND_BLUE_00,
-  s2 as COLOR_BRAND_BLUE_10,
-  t as COLOR_BRAND_BLUE_20,
-  u as COLOR_BRAND_BLUE_30,
-  j2 as COLOR_BRAND_BLUE_40,
-  v as COLOR_BRAND_BLUE_50,
-  w as COLOR_BRAND_BLUE_60,
-  x as COLOR_BRAND_CYAN_10,
-  y as COLOR_BRAND_CYAN_20,
-  z as COLOR_BRAND_CYAN_30,
-  A as COLOR_BRAND_CYAN_40,
-  g2 as COLOR_BRAND_CYAN_50,
-  D2 as COLOR_BRAND_CYAN_60,
-  E2 as COLOR_BRAND_EMERALD_10,
-  F as COLOR_BRAND_EMERALD_20,
-  G as COLOR_BRAND_EMERALD_30,
-  H as COLOR_BRAND_EMERALD_40,
-  I2 as COLOR_BRAND_EMERALD_50,
-  J as COLOR_BRAND_EMERALD_60,
-  K as COLOR_ERROR_00,
-  L2 as COLOR_ERROR_10,
-  M as COLOR_ERROR_20,
-  N as COLOR_ERROR_30,
-  O as COLOR_ERROR_40,
-  b2 as COLOR_ERROR_50,
-  P as COLOR_ERROR_60,
-  Q as COLOR_INFO_00,
-  R as COLOR_INFO_10,
-  S2 as COLOR_INFO_20,
-  T2 as COLOR_INFO_30,
-  U as COLOR_INFO_40,
-  h2 as COLOR_INFO_50,
-  V as COLOR_INFO_60,
-  i2 as COLOR_NEUTRAL_00,
-  W2 as COLOR_NEUTRAL_10,
-  X as COLOR_NEUTRAL_20,
-  Y as COLOR_NEUTRAL_30,
-  c2 as COLOR_NEUTRAL_40,
-  Z as COLOR_NEUTRAL_50,
-  f2 as COLOR_NEUTRAL_60,
-  d2 as COLOR_NEUTRAL_70,
-  _ as COLOR_SUCCESS_00,
-  $ as COLOR_SUCCESS_10,
-  a0 as COLOR_SUCCESS_20,
-  a1 as COLOR_SUCCESS_30,
-  a22 as COLOR_SUCCESS_40,
-  C2 as COLOR_SUCCESS_50,
-  a3 as COLOR_SUCCESS_60,
-  a4 as COLOR_WARNING_00,
-  a5 as COLOR_WARNING_10,
-  a6 as COLOR_WARNING_20,
-  a7 as COLOR_WARNING_30,
-  a8 as COLOR_WARNING_40,
-  e2 as COLOR_WARNING_50,
-  a9 as COLOR_WARNING_60,
-  aa as CONTAINER_SIZE,
-  components as Card,
+  COLOR_BRAND_BLUE_00,
+  COLOR_BRAND_BLUE_10,
+  COLOR_BRAND_BLUE_20,
+  COLOR_BRAND_BLUE_30,
+  COLOR_BRAND_BLUE_40,
+  COLOR_BRAND_BLUE_50,
+  COLOR_BRAND_BLUE_60,
+  COLOR_BRAND_CYAN_10,
+  COLOR_BRAND_CYAN_20,
+  COLOR_BRAND_CYAN_30,
+  COLOR_BRAND_CYAN_40,
+  COLOR_BRAND_CYAN_50,
+  COLOR_BRAND_CYAN_60,
+  COLOR_BRAND_EMERALD_10,
+  COLOR_BRAND_EMERALD_20,
+  COLOR_BRAND_EMERALD_30,
+  COLOR_BRAND_EMERALD_40,
+  COLOR_BRAND_EMERALD_50,
+  COLOR_BRAND_EMERALD_60,
+  COLOR_ERROR_00,
+  COLOR_ERROR_10,
+  COLOR_ERROR_20,
+  COLOR_ERROR_30,
+  COLOR_ERROR_40,
+  COLOR_ERROR_50,
+  COLOR_ERROR_60,
+  COLOR_INFO_00,
+  COLOR_INFO_10,
+  COLOR_INFO_20,
+  COLOR_INFO_30,
+  COLOR_INFO_40,
+  COLOR_INFO_50,
+  COLOR_INFO_60,
+  COLOR_NEUTRAL_00,
+  COLOR_NEUTRAL_10,
+  COLOR_NEUTRAL_20,
+  COLOR_NEUTRAL_30,
+  COLOR_NEUTRAL_40,
+  COLOR_NEUTRAL_50,
+  COLOR_NEUTRAL_60,
+  COLOR_NEUTRAL_70,
+  COLOR_SUCCESS_00,
+  COLOR_SUCCESS_10,
+  COLOR_SUCCESS_20,
+  COLOR_SUCCESS_30,
+  COLOR_SUCCESS_40,
+  COLOR_SUCCESS_50,
+  COLOR_SUCCESS_60,
+  COLOR_WARNING_00,
+  COLOR_WARNING_10,
+  COLOR_WARNING_20,
+  COLOR_WARNING_30,
+  COLOR_WARNING_40,
+  COLOR_WARNING_50,
+  COLOR_WARNING_60,
+  CONTAINER_SIZE,
+  Card,
   CardSwitch,
   Carousel,
   C as Case,
@@ -558,22 +474,22 @@ export {
   Drawer,
   E as Else,
   EmailField,
-  ab as FONT_BODY,
-  ac as FONT_SIZE_H1,
-  ad as FONT_SIZE_H2,
-  ae as FONT_SIZE_H3,
-  af as FONT_SIZE_H4,
-  ag as FONT_SIZE_H5,
-  ah as FONT_SIZE_H6,
-  ai as FONT_SIZE_P1,
-  aj as FONT_SIZE_P2,
-  ak as FONT_SIZE_P3,
-  al as FONT_SIZE_P4,
-  am as FONT_TITLE,
-  an as FONT_WEIGHT_BOLD,
-  ao as FONT_WEIGHT_MEDIUM,
-  ap as FONT_WEIGHT_REGULAR,
-  aq as FONT_WEIGHT_SEMIBOLD,
+  FONT_BODY,
+  FONT_SIZE_H1,
+  FONT_SIZE_H2,
+  FONT_SIZE_H3,
+  FONT_SIZE_H4,
+  FONT_SIZE_H5,
+  FONT_SIZE_H6,
+  FONT_SIZE_P1,
+  FONT_SIZE_P2,
+  FONT_SIZE_P3,
+  FONT_SIZE_P4,
+  FONT_TITLE,
+  FONT_WEIGHT_BOLD,
+  FONT_WEIGHT_MEDIUM,
+  FONT_WEIGHT_REGULAR,
+  FONT_WEIGHT_SEMIBOLD,
   Footer,
   Header,
   IconActivity,
@@ -932,31 +848,31 @@ export {
   Modal,
   NavbarVertical,
   NotificationsBar,
-  ar as OPACITY_00,
-  as as OPACITY_10,
-  at as OPACITY_20,
-  au as OPACITY_30,
-  av as OPACITY_40,
+  OPACITY_00,
+  OPACITY_10,
+  OPACITY_20,
+  OPACITY_30,
+  OPACITY_40,
   PartnerBanner,
   PasswordField,
   ProfileNav,
   ProgressBar,
   PureSwitch,
   Radio,
-  aw as SHADOW_01,
-  ax as SHADOW_02,
-  ay as SHADOW_03,
-  az as SHADOW_04,
-  aA as SPACING_050,
-  aB as SPACING_100,
-  aC as SPACING_200,
-  aD as SPACING_300,
-  aE as SPACING_400,
-  aF as SPACING_500,
-  aG as SPACING_600,
-  aH as SPACING_700,
-  aI as SPACING_800,
-  aJ as SPACING_900,
+  SHADOW_01,
+  SHADOW_02,
+  SHADOW_03,
+  SHADOW_04,
+  SPACING_050,
+  SPACING_100,
+  SPACING_200,
+  SPACING_300,
+  SPACING_400,
+  SPACING_500,
+  SPACING_600,
+  SPACING_700,
+  SPACING_800,
+  SPACING_900,
   SelectField,
   Skeleton,
   SpecialButton,

package/dist/main.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.es.js","sources":["../lib/components/Card/Container/index.tsx","../lib/components/Card/Image/index.tsx","../lib/components/Card/Root/index.tsx","../lib/components/Card/index.tsx","../lib/components/Drawer/hooks.ts"],"sourcesContent":["import classNames from 'classnames'\nimport { CSSProperties, ReactNode } from 'react'\n\nexport type CardContainerProps = {\n  direction?: 'column' | 'row'\n  alignItems?: 'center' | 'start'\n  justifyContent?: 'center' | 'space-between'\n  gap?: number\n  width?: number\n  children: ReactNode\n  'data-testid'?: string\n}\nexport const CardContainer = ({\n  direction,\n  alignItems,\n  justifyContent,\n  gap,\n  width,\n  children,\n  'data-testid': dataTestId,\n}: CardContainerProps) => {\n  const containerClasses = classNames('au-card__container', {\n    [`au-card__container--direction-${direction}`]: direction,\n    [`au-card__container--align-items-${alignItems}`]: alignItems,\n    [`au-card__container--justify-content-${justifyContent}`]: justifyContent,\n  })\n\n  const containerStyle: CSSProperties = {\n    gap: `${gap}px`,\n    width: `${width}px`\n  }\n  return (\n    <div style={containerStyle} className={containerClasses} data-testid={dataTestId}>\n      {children}\n    </div>\n  )\n}\n","import { CSSProperties } from 'react'\n\nexport type CardImageProps = {\n  src: string\n  alt?: string\n  width?: number\n  height?: number\n  'data-testid'?: string\n}\nexport const CardImage = ({\n  src,\n  alt,\n  width,\n  height,\n  'data-testid': dataTestId,\n}: CardImageProps) => {\n  const imageSize: CSSProperties = {\n    width: `${width}px`,\n    height: `${height}px`,\n  }\n\n  return (\n    <div data-testid={dataTestId}>\n      <img style={imageSize} src={src} alt={alt} />\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { CSSProperties, ReactNode, Ref } 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  className?: string;\n  children: ReactNode\n  ref?: Ref<HTMLDivElement>\n  'data-testid'?: string\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  className,\n  ref,\n  'data-testid': dataTestId,\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    [String(className)]: !!className\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      ref={ref}\n      style={rootSize}\n      className={rootClasses}\n      data-testid={dataTestId}>\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","import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n  const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n  function handleOpenDrawer(name: string) {\n    setDrawerOpen((prev) => {\n      return {\n        ...prev,\n        [name]: !prev[name],\n      }\n    })\n  }\n\n  return {\n    handleOpenDrawer,\n    drawerOpen,\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"main.es.js","sources":["../lib/components/Drawer/hooks.ts"],"sourcesContent":["import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n  const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n  function handleOpenDrawer(name: string) {\n    setDrawerOpen((prev) => {\n      return {\n        ...prev,\n        [name]: !prev[name],\n      }\n    })\n  }\n\n  return {\n    handleOpenDrawer,\n    drawerOpen,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,UAAU,OAAuB;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAElE,WAAS,iBAAiB,MAAc;AACtC,kBAAc,CAAC,SAAS;AACtB,aAAO;AAAA,QACL,GAAG;AAAA,QACH,CAAC,IAAI,GAAG,CAAC,KAAK,IAAI;AAAA,MAAA;AAAA,IAEtB,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@consumidor-positivo/aurora",
   "private": false,
-  "version": "1.1.0",
+  "version": "1.3.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/AcordoCertoBR/aurora"
@@ -11,17 +11,29 @@
   "modules": "./dist/main.es.js",
   "sideEffects": [
     "*.scss",
-    "*.css"
+    "*.css",
+    "*.astro"
   ],
   "types": "./dist/main.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "astro"
   ],
   "exports": {
     ".": {
-      "import": "./dist/main.es.js",
-      "types": "./dist/main.d.ts"
+      "types": "./dist/main.d.ts",
+      "import": "./dist/main.es.js"
     },
+    "./astro/runtime": {
+      "types": "./dist/astro/runtime/index.d.ts",
+      "import": "./dist/astro/runtime/index.es.js"
+    },
+    "./astro/tokens": {
+      "types": "./dist/core/tokens/index.d.ts",
+      "import": "./dist/astro/tokens/index.es.js"
+    },
+    "./astro/*": "./astro/*",
+    "./global.css": "./dist/components/globalStyles/styles.css",
     "./package.json": "./package.json",
     "./dist/*.scss": {
       "import": "./dist/*.scss",
@@ -36,8 +48,11 @@
     "icons": "tsx scripts/generate-icons/index.ts",
     "prebuild": "npm run tokens && npm run icons",
     "dev": "npm run prebuild && vite",
-    "build": "tsc && vite build",
+    "build": "tsc && rimraf astro && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "check:astro": "astro check",
+    "playground:astro": "npm run prebuild && astro dev --config playground/astro.config.mjs",
+    "playground:astro:build": "npm run prebuild && astro build --config playground/astro.config.mjs",
     "preview": "vite preview",
     "storybook": "npm run prebuild && storybook dev -p 6006 --disable-telemetry --no-version-updates",
     "build-storybook": "npm run prebuild && storybook build",
@@ -54,6 +69,7 @@
     "react-if": "4.1.6"
   },
   "devDependencies": {
+    "@astrojs/check": "0.9.4",
     "@chromatic-com/storybook": "1.9.0",
     "@rollup/plugin-terser": "1.0.0",
     "@storybook/addon-docs": "8.6.18",
@@ -69,6 +85,7 @@
     "@storybook/theming": "8.6.18",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "14.3.1",
+    "@types/glob": "7.2.0",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
     "@types/testing-library__jest-dom": "5.14.9",
@@ -76,6 +93,7 @@
     "@typescript-eslint/parser": "7.15.0",
     "@vitejs/plugin-react": "5.2.0",
     "@vitest/coverage-v8": "3.2.4",
+    "astro": "4.16.19",
     "change-case": "5.4.4",
     "classnames": "2.5.1",
     "eslint": "8.57.0",
@@ -83,7 +101,6 @@
     "eslint-plugin-react-hooks": "4.6.2",
     "eslint-plugin-react-refresh": "0.4.7",
     "eslint-plugin-storybook": "0.12.0",
-    "@types/glob": "7.2.0",
     "fs": "0.0.1-security",
     "glob": "7.2.3",
     "husky": "9.1.7",
@@ -97,9 +114,9 @@
     "sass": "1.99.0",
     "storybook": "8.6.18",
     "storybook-addon-pseudo-states": "3.1.1",
+    "terser": "5.46.2",
     "tsx": "4.21.0",
     "typescript": "5.2.2",
-    "terser": "5.46.2",
     "vite": "6.4.2",
     "vite-plugin-dts": "5.0.3",
     "vite-plugin-lib-inject-css": "2.2.2",
@@ -107,7 +124,7 @@
     "vitest": "3.2.4"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.21.1",
-    "@ast-grep/napi-linux-x64-gnu": "0.22.6"
+    "@ast-grep/napi-linux-x64-gnu": "0.22.6",
+    "@rollup/rollup-linux-x64-gnu": "4.21.1"
   }
 }

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

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

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

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

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

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

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

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

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

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

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

@@ -1,10 +0,0 @@
-import "react/jsx-runtime";
-import "../../index-C6Q03EyZ.js";
-import "../../index-BgBOcVUP.js";
-import "../Button/index.es.js";
-import "../PortalHolder/index.es.js";
-import { a } from "../../index-DHwXRotU.js";
-export {
-  a as DatepickerCalendar
-};
-//# sourceMappingURL=index.es.js.map

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

@@ -1,12 +0,0 @@
-import "react/jsx-runtime";
-import "../../index-C6Q03EyZ.js";
-import "react";
-import "../Icon/index.es.js";
-import "../icons/IconChevronLeft/index.es.js";
-import "../icons/IconChevronRight/index.es.js";
-import "../../index-DnQGzfVW.js";
-import { C } from "../../index-BgBOcVUP.js";
-export {
-  C as CalendarHeader
-};
-//# sourceMappingURL=index.es.js.map

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

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