@consumidor-positivo/aurora 0.4.2 → 0.8.0

package/dist/main.es.js

@@ -22,7 +22,7 @@ import { Checkbox } from "./components/Checkbox/index.es.js";
 import { Radio } from "./components/Radio/index.es.js";
 import { Alert } from "./components/Alert/index.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "./index-BXRA68j0.js";
+import { c as classNames } from "./index-C6Q03EyZ.js";
 import { CardEmphasis } from "./components/Emphasis/index.es.js";
 import { Tabs } from "./components/Tabs/index.es.js";
 import { Skeleton } from "./components/Skeleton/index.es.js";
@@ -34,9 +34,12 @@ import { Modal } from "./components/Modal/index.es.js";
 import { Tooltip } from "./components/Tooltip/index.es.js";
 import { Container } from "./components/Container/index.es.js";
 import { SubHeader } from "./components/SubHeader/index.es.js";
+import { BadgeInfo } from "./components/BadgeInfo/index.es.js";
 import { useState } from "react";
-import { r, s, p, o, q, L, a, b, c, d, e, f, g, h, i, j, k, l, m, n } from "./BadgeWhite-2VzKlAke.js";
+import { L, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s } from "./BadgeWhite-DwzVEF3U.js";
 import { IconActivity } from "./components/icons/IconActivity/index.es.js";
+import { IconAi } from "./components/icons/IconAi/index.es.js";
+import { IconAiBox } from "./components/icons/IconAiBox/index.es.js";
 import { IconAirplay } from "./components/icons/IconAirplay/index.es.js";
 import { IconAlertCircle } from "./components/icons/IconAlertCircle/index.es.js";
 import { IconAlertOctagon } from "./components/icons/IconAlertOctagon/index.es.js";
@@ -62,6 +65,7 @@ import { IconArrowUpLeft } from "./components/icons/IconArrowUpLeft/index.es.js"
 import { IconArrowUpRight } from "./components/icons/IconArrowUpRight/index.es.js";
 import { IconAtSign } from "./components/icons/IconAtSign/index.es.js";
 import { IconAward } from "./components/icons/IconAward/index.es.js";
+import { IconBank } from "./components/icons/IconBank/index.es.js";
 import { IconBarChart } from "./components/icons/IconBarChart/index.es.js";
 import { IconBarChart2 } from "./components/icons/IconBarChart2/index.es.js";
 import { IconBarCode } from "./components/icons/IconBarCode/index.es.js";
@@ -192,6 +196,7 @@ import { IconLaptop } from "./components/icons/IconLaptop/index.es.js";
 import { IconLayers } from "./components/icons/IconLayers/index.es.js";
 import { IconLayout } from "./components/icons/IconLayout/index.es.js";
 import { IconLifeBuoy } from "./components/icons/IconLifeBuoy/index.es.js";
+import { IconLightBulb } from "./components/icons/IconLightBulb/index.es.js";
 import { IconLink } from "./components/icons/IconLink/index.es.js";
 import { IconLink2 } from "./components/icons/IconLink2/index.es.js";
 import { IconLinkedin } from "./components/icons/IconLinkedin/index.es.js";
@@ -235,6 +240,7 @@ import { IconPaperclip } from "./components/icons/IconPaperclip/index.es.js";
 import { IconPause } from "./components/icons/IconPause/index.es.js";
 import { IconPauseCircle } from "./components/icons/IconPauseCircle/index.es.js";
 import { IconPenTool } from "./components/icons/IconPenTool/index.es.js";
+import { IconPencilPack } from "./components/icons/IconPencilPack/index.es.js";
 import { IconPercent } from "./components/icons/IconPercent/index.es.js";
 import { IconPercentBalloon } from "./components/icons/IconPercentBalloon/index.es.js";
 import { IconPhone } from "./components/icons/IconPhone/index.es.js";
@@ -266,6 +272,7 @@ import { IconRotateCw } from "./components/icons/IconRotateCw/index.es.js";
 import { IconRss } from "./components/icons/IconRss/index.es.js";
 import { IconSave } from "./components/icons/IconSave/index.es.js";
 import { IconSaveMoney } from "./components/icons/IconSaveMoney/index.es.js";
+import { IconSchoolBag } from "./components/icons/IconSchoolBag/index.es.js";
 import { IconScissors } from "./components/icons/IconScissors/index.es.js";
 import { IconSearch } from "./components/icons/IconSearch/index.es.js";
 import { IconSend } from "./components/icons/IconSend/index.es.js";
@@ -355,9 +362,9 @@ import { IconZapOff } from "./components/icons/IconZapOff/index.es.js";
 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-CoCMV6iA.js";
+import { C, D, E, W, I, S, T } from "./react-if.esm-Cozt8l48.js";
+import { i as i2, j as j2, k as k2, l as l2, a as a2, B, m as m2, n as n2, o as o2, p as p2, q as q2, r as r2, s as s2, t, u, v, w, x, y, z, g as g2, A, D as D2, E as E2, F, G, H, I as I2, J, K, L as L2, M, N, b as b2, O, P, Q, R, S as S2, T as T2, f as f2, U, h as h2, V, W as W2, X, c as c2, Y, Z, 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-eEtvWiuX.js";
 import { Carousel } from "./components/Carousel/index.es.js";
-import { k as k2, j as j2, l as l2, i as i2, a as a2, B, ai, aj, ah, x, w, v, u, t, s as s2, r as r2, K, J, I as I2, H, g as g2, G, F, E as E2, D as D2, A, z, y, W as W2, V, U, T as T2, S as S2, b as b2, R, a6, a5, a4, a3, a2 as a22, f as f2, a1, h as h2, q as q2, p as p2, o as o2, c as c2, n as n2, m as m2, d as d2, Q, P, O, N, M, C as C2, L as L2, a0, $, _, Z, Y, e as e2, X, ak, av, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, au, aw, ay, az, ax, al, am, an, ao, ap, aq, ar, as, at, a7, a8, a9, aa, ab, ac, ad, ae, af, ag } from "./tokens-D_iASp38.js";
 import './components/main/styles.css';const CardContainer = ({
   direction,
   alignItems,
@@ -430,7 +437,7 @@ const CardTag = ({
     "au-card__tag--secondary": color === "secondary"
   });
   return /* @__PURE__ */ jsxs("div", { className: tagClasses, children: [
-    /* @__PURE__ */ jsx("span", { children: icon }),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: icon }),
     /* @__PURE__ */ jsx("span", { children })
   ] });
 };
@@ -462,72 +469,73 @@ function useDrawer(props) {
 }
 export {
   Alert,
-  k2 as BORDER_RADIUS_BIG,
+  i2 as BORDER_RADIUS_BIG,
   j2 as BORDER_RADIUS_MEDIUM,
-  l2 as BORDER_RADIUS_PILL,
-  i2 as BORDER_RADIUS_SMALL,
+  k2 as BORDER_RADIUS_PILL,
+  l2 as BORDER_RADIUS_SMALL,
   a2 as BREAKPOINT_LG,
   B as BREAKPOINT_MD,
-  ai as BREAKPOINT_SM,
-  aj as BREAKPOINT_XLG,
-  ah as BREAKPOINT_XSM,
+  m2 as BREAKPOINT_SM,
+  n2 as BREAKPOINT_XLG,
+  o2 as BREAKPOINT_XSM,
+  BadgeInfo,
   Button,
-  x as COLOR_BRAND_BLUE_00,
-  w as COLOR_BRAND_BLUE_10,
-  v as COLOR_BRAND_BLUE_20,
-  u as COLOR_BRAND_BLUE_30,
+  p2 as COLOR_BRAND_BLUE_00,
+  q2 as COLOR_BRAND_BLUE_10,
+  r2 as COLOR_BRAND_BLUE_20,
+  s2 as COLOR_BRAND_BLUE_30,
   t as COLOR_BRAND_BLUE_40,
-  s2 as COLOR_BRAND_BLUE_50,
-  r2 as COLOR_BRAND_BLUE_60,
-  K as COLOR_BRAND_CYAN_10,
-  J as COLOR_BRAND_CYAN_20,
-  I2 as COLOR_BRAND_CYAN_30,
-  H as COLOR_BRAND_CYAN_40,
+  u as COLOR_BRAND_BLUE_50,
+  v as COLOR_BRAND_BLUE_60,
+  w as COLOR_BRAND_CYAN_10,
+  x as COLOR_BRAND_CYAN_20,
+  y as COLOR_BRAND_CYAN_30,
+  z as COLOR_BRAND_CYAN_40,
   g2 as COLOR_BRAND_CYAN_50,
-  G as COLOR_BRAND_CYAN_60,
-  F as COLOR_BRAND_EMERALD_10,
+  A as COLOR_BRAND_CYAN_60,
+  D2 as COLOR_BRAND_EMERALD_10,
   E2 as COLOR_BRAND_EMERALD_20,
-  D2 as COLOR_BRAND_EMERALD_30,
-  A as COLOR_BRAND_EMERALD_40,
-  z as COLOR_BRAND_EMERALD_50,
-  y as COLOR_BRAND_EMERALD_60,
-  W2 as COLOR_ERROR_00,
-  V as COLOR_ERROR_10,
-  U as COLOR_ERROR_20,
-  T2 as COLOR_ERROR_30,
-  S2 as COLOR_ERROR_40,
+  F as COLOR_BRAND_EMERALD_30,
+  G as COLOR_BRAND_EMERALD_40,
+  H as COLOR_BRAND_EMERALD_50,
+  I2 as COLOR_BRAND_EMERALD_60,
+  J as COLOR_ERROR_00,
+  K as COLOR_ERROR_10,
+  L2 as COLOR_ERROR_20,
+  M as COLOR_ERROR_30,
+  N as COLOR_ERROR_40,
   b2 as COLOR_ERROR_50,
-  R as COLOR_ERROR_60,
-  a6 as COLOR_INFO_00,
-  a5 as COLOR_INFO_10,
-  a4 as COLOR_INFO_20,
-  a3 as COLOR_INFO_30,
-  a22 as COLOR_INFO_40,
+  O as COLOR_ERROR_60,
+  P as COLOR_INFO_00,
+  Q as COLOR_INFO_10,
+  R as COLOR_INFO_20,
+  S2 as COLOR_INFO_30,
+  T2 as COLOR_INFO_40,
   f2 as COLOR_INFO_50,
-  a1 as COLOR_INFO_60,
+  U as COLOR_INFO_60,
   h2 as COLOR_NEUTRAL_00,
-  q2 as COLOR_NEUTRAL_10,
-  p2 as COLOR_NEUTRAL_20,
-  o2 as COLOR_NEUTRAL_30,
+  V as COLOR_NEUTRAL_10,
+  W2 as COLOR_NEUTRAL_20,
+  X as COLOR_NEUTRAL_30,
   c2 as COLOR_NEUTRAL_40,
-  n2 as COLOR_NEUTRAL_50,
-  m2 as COLOR_NEUTRAL_60,
+  Y as COLOR_NEUTRAL_50,
+  Z as COLOR_NEUTRAL_60,
   d2 as COLOR_NEUTRAL_70,
-  Q as COLOR_SUCCESS_00,
-  P as COLOR_SUCCESS_10,
-  O as COLOR_SUCCESS_20,
-  N as COLOR_SUCCESS_30,
-  M as COLOR_SUCCESS_40,
+  _ 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,
-  L2 as COLOR_SUCCESS_60,
-  a0 as COLOR_WARNING_00,
-  $ as COLOR_WARNING_10,
-  _ as COLOR_WARNING_20,
-  Z as COLOR_WARNING_30,
-  Y as COLOR_WARNING_40,
+  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,
-  X as COLOR_WARNING_60,
-  ak as CONTAINER_SIZE,
+  a9 as COLOR_WARNING_60,
+  aa as CONTAINER_SIZE,
   components as Card,
   CardSwitch,
   Carousel,
@@ -541,25 +549,27 @@ export {
   Drawer,
   E as Else,
   EmailField,
-  av as FONT_BODY,
-  aA as FONT_SIZE_H1,
-  aB as FONT_SIZE_H2,
-  aC as FONT_SIZE_H3,
-  aD as FONT_SIZE_H4,
-  aE as FONT_SIZE_H5,
-  aF as FONT_SIZE_H6,
-  aG as FONT_SIZE_P1,
-  aH as FONT_SIZE_P2,
-  aI as FONT_SIZE_P3,
-  aJ as FONT_SIZE_P4,
-  au as FONT_TITLE,
-  aw as FONT_WEIGHT_BOLD,
-  ay as FONT_WEIGHT_MEDIUM,
-  az as FONT_WEIGHT_REGULAR,
-  ax as FONT_WEIGHT_SEMIBOLD,
+  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,
   Footer,
   Header,
   IconActivity,
+  IconAi,
+  IconAiBox,
   IconAirplay,
   IconAlertCircle,
   IconAlertOctagon,
@@ -585,6 +595,7 @@ export {
   IconArrowUpRight,
   IconAtSign,
   IconAward,
+  IconBank,
   IconBarChart,
   IconBarChart2,
   IconBarCode,
@@ -715,6 +726,7 @@ export {
   IconLayers,
   IconLayout,
   IconLifeBuoy,
+  IconLightBulb,
   IconLink,
   IconLink2,
   IconLinkedin,
@@ -758,6 +770,7 @@ export {
   IconPause,
   IconPauseCircle,
   IconPenTool,
+  IconPencilPack,
   IconPercent,
   IconPercentBalloon,
   IconPhone,
@@ -789,6 +802,7 @@ export {
   IconRss,
   IconSave,
   IconSaveMoney,
+  IconSchoolBag,
   IconScissors,
   IconSearch,
   IconSend,
@@ -883,53 +897,53 @@ export {
   Image,
   InputField,
   LazyImage,
-  r as LogoBadgeFullWhiteAC,
-  s as LogoBadgeWhiteAC,
-  p as LogoBadgeWhiteStrokeAC,
-  o as LogoBadgeWhiteStrokeCP,
-  q as LogoBadgeWhiteStrokeDefaultAC,
-  L as LogoBadgetAC,
-  a as LogoBadgetCP,
-  b as LogoPrimaryAC,
-  c as LogoPrimaryCP,
-  d as LogoPrimaryFillWhiteAC,
-  e as LogoPrimaryFillWhiteCP,
-  f as LogoPrimaryFullWhiteAC,
-  g as LogoPrimaryFullWhiteCP,
-  h as LogoPrimaryLogoWhiteCP,
-  i as LogoPrimaryNegativeAC,
-  j as LogoPrimaryNegativeCP,
-  k as LogoPrimaryWhiteAC,
-  l as LogoPrimaryWhiteCP,
-  m as LogoTertiaryAC,
-  n as LogoTertiaryWhiteAC,
+  L as LogoBadgeFullWhiteAC,
+  a as LogoBadgeWhiteAC,
+  b as LogoBadgeWhiteStrokeAC,
+  c as LogoBadgeWhiteStrokeCP,
+  d as LogoBadgeWhiteStrokeDefaultAC,
+  e as LogoBadgetAC,
+  f as LogoBadgetCP,
+  g as LogoPrimaryAC,
+  h as LogoPrimaryCP,
+  i as LogoPrimaryFillWhiteAC,
+  j as LogoPrimaryFillWhiteCP,
+  k as LogoPrimaryFullWhiteAC,
+  l as LogoPrimaryFullWhiteCP,
+  m as LogoPrimaryLogoWhiteCP,
+  n as LogoPrimaryNegativeAC,
+  o as LogoPrimaryNegativeCP,
+  p as LogoPrimaryWhiteAC,
+  q as LogoPrimaryWhiteCP,
+  r as LogoTertiaryAC,
+  s as LogoTertiaryWhiteAC,
   Modal,
   NavbarVertical,
   NotificationsBar,
-  al as OPACITY_00,
-  am as OPACITY_10,
-  an as OPACITY_20,
-  ao as OPACITY_30,
-  ap as OPACITY_40,
+  ar as OPACITY_00,
+  as as OPACITY_10,
+  at as OPACITY_20,
+  au as OPACITY_30,
+  av as OPACITY_40,
   PasswordField,
   ProfileNav,
   ProgressBar,
   PureSwitch,
   Radio,
-  aq as SHADOW_01,
-  ar as SHADOW_02,
-  as as SHADOW_03,
-  at as SHADOW_04,
-  a7 as SPACING_050,
-  a8 as SPACING_100,
-  a9 as SPACING_200,
-  aa as SPACING_300,
-  ab as SPACING_400,
-  ac as SPACING_500,
-  ad as SPACING_600,
-  ae as SPACING_700,
-  af as SPACING_800,
-  ag as SPACING_900,
+  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,
   SelectField,
   Skeleton,
   Spinner,

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/Tag/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}\nexport const CardContainer = ({\n  direction,\n  alignItems,\n  justifyContent,\n  gap,\n  width,\n  children,\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}>\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}\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, 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}\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}: 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      {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","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/Card/Container/index.tsx","../lib/components/Card/Image/index.tsx","../lib/components/Card/Root/index.tsx","../lib/components/Card/Tag/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}\nexport const CardContainer = ({\n  direction,\n  alignItems,\n  justifyContent,\n  gap,\n  width,\n  children,\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}>\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}\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, 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}\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}: 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      {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 aria-hidden=\"true\">{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","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,mBAAmB,WAAW,sBAAsB;AAAA,IACxD,CAAC,iCAAiC,SAAS,EAAE,GAAG;AAAA,IAChD,CAAC,mCAAmC,UAAU,EAAE,GAAG;AAAA,IACnD,CAAC,uCAAuC,cAAc,EAAE,GAAG;AAAA,EAAA,CAC5D;AAED,QAAM,iBAAgC;AAAA,IACpC,KAAK,GAAG,GAAG;AAAA,IACX,OAAO,GAAG,KAAK;AAAA,EAAA;AAEjB,6BACG,OAAA,EAAI,OAAO,gBAAgB,WAAW,kBACpC,UACH;AAEJ;AC1BO,MAAM,YAAY,CAAC,EAAE,KAAK,KAAK,OAAO,aAA6B;AACxE,QAAM,YAA2B;AAAA,IAC/B,OAAO,GAAG,KAAK;AAAA,IACf,QAAQ,GAAG,MAAM;AAAA,EAAA;AAGnB,SACE,oBAAC,SACC,UAAA,oBAAC,OAAA,EAAI,OAAO,WAAW,KAAU,KAAU,EAAA,CAC7C;AAEJ;ACHO,MAAM,WAAW,CAAC;AAAA,EACvB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACnB,QAAM,cAAc,WAAW,iBAAiB;AAAA,IAC9C,8BAA8B,CAAC;AAAA,IAC/B,kCAAkC,UAAU;AAAA,IAC5C,oCAAoC,CAAC,CAAC;AAAA,IACtC,8BAA8B,CAAC,CAAC;AAAA,IAChC,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;AAAA,EAAA,CACxB;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;AAGzB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP,WAAW;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAGP;AC3CO,MAAM,UAAU,CAAC;AAAA,EACtB,QAAQ;AAAA,EACR;AAAA,EACA;AACF,MAAoB;AAClB,QAAM,aAAa,WAAW,gBAAgB;AAAA,IAC5C,yBAAyB,UAAU;AAAA,IACnC,2BAA2B,UAAU;AAAA,EAAA,CACtC;AACD,SACE,qBAAC,OAAA,EAAI,WAAW,YACd,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,eAAY,QAAQ,UAAA,MAAK;AAAA,IAC/B,oBAAC,UAAM,SAAA,CAAS;AAAA,EAAA,GAClB;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;AACvC,QAAM,YAAY,WAAW,GAAuB;AACpD,YAAU,cAAc,QAAQ,GAAG;AACrC,CAAC;ACtBM,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/dist/mixins.scss

@@ -1,3 +1,5 @@
+@use "../tokens/.cache/variables.scss" as *;
+
 // MIXIN BREAKPOINTS
 @mixin aboveXSmall {
   @media (min-width: $breakpoint-xsm) {
@@ -48,7 +50,7 @@
 }
 
 @mixin belowXLarge {
-  @media (max-width: #{$breakpointxlg - 1}) {
+  @media (max-width: #{$breakpoint-xlg - 1}) {
     @content;
   }
 }

package/dist/{react-if.esm-CoCMV6iA.js → react-if.esm-Cozt8l48.js}

@@ -1,10 +1,10 @@
-import * as $dbSRa$react from "react";
-import $dbSRa$react__default, { Fragment, useState, useMemo, useRef, useEffect } from "react";
+import * as $8WNJc$react from "react";
+import $8WNJc$react__default, { Fragment, useState, useMemo, useRef, useEffect } from "react";
 var render = function render2(props) {
   if (typeof props.children === "function") {
-    return $dbSRa$react__default.createElement(Fragment, null, props.children());
+    return $8WNJc$react__default.createElement(Fragment, null, props.children());
   }
-  return $dbSRa$react__default.createElement(Fragment, null, props.children || null);
+  return $8WNJc$react__default.createElement(Fragment, null, props.children || null);
 };
 var Case = function Case2(_ref) {
   var _ref$children = _ref.children, children = _ref$children === void 0 ? null : _ref$children;
@@ -78,7 +78,7 @@ function _regeneratorRuntime() {
   }
   function h(r2, e2, n2, o2) {
     var i2 = e2 && e2.prototype instanceof Generator ? e2 : Generator, a2 = Object.create(i2.prototype);
-    return c(a2, "_invoke", /* @__PURE__ */ function(r3, e3, n3) {
+    return c(a2, "_invoke", /* @__PURE__ */ (function(r3, e3, n3) {
       var o3 = 1;
       return function(i3, a3) {
         if (3 === o3) throw Error("Generator is already running");
@@ -115,7 +115,7 @@ function _regeneratorRuntime() {
           "throw" === h2.type && (o3 = 4, n3.method = "throw", n3.arg = h2.arg);
         }
       };
-    }(r2, n2, new Context(o2 || [])), true), a2;
+    })(r2, n2, new Context(o2 || [])), true), a2;
   }
   function s(t2, r2, e2) {
     try {
@@ -343,7 +343,7 @@ var createCancellablePromise = function createCancellablePromise2(promise) {
   var isCancelled = {
     value: false
   };
-  var wrappedPromise = new Promise(/* @__PURE__ */ function() {
+  var wrappedPromise = new Promise(/* @__PURE__ */ (function() {
     var _ref = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee(res, rej) {
       var d;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -374,7 +374,7 @@ var createCancellablePromise = function createCancellablePromise2(promise) {
     return function(_x, _x2) {
       return _ref.apply(this, arguments);
     };
-  }());
+  })());
   Object.keys(promise).forEach(function(key) {
     wrappedPromise[key] = promise[key];
   });
@@ -459,16 +459,16 @@ function IfAsync(_ref) {
     return null;
   }
   if (isResolved === null) {
-    var hasFallback = $dbSRa$react.Children.toArray(children).find(function(c) {
+    var hasFallback = $8WNJc$react.Children.toArray(children).find(function(c) {
       return c.type === Fallback;
     });
-    return $dbSRa$react.createElement(Fragment, null, hasFallback || null);
+    return $8WNJc$react.createElement(Fragment, null, hasFallback || null);
   }
   if (!isResolved) {
-    var hasElse = $dbSRa$react.Children.toArray(children).find(function(c) {
+    var hasElse = $8WNJc$react.Children.toArray(children).find(function(c) {
       return c.type === Else;
     });
-    if (!hasElse) return $dbSRa$react.createElement(Fragment, null, null);
+    if (!hasElse) return $8WNJc$react.createElement(Fragment, null, null);
     var elseElement = hasElse;
     var hasElseProps = hasElse.props;
     if (typeof hasElseProps.children === "function") {
@@ -480,12 +480,12 @@ function IfAsync(_ref) {
         })
       });
     }
-    return $dbSRa$react.createElement(Fragment, null, elseElement);
+    return $8WNJc$react.createElement(Fragment, null, elseElement);
   }
-  var hasThen2 = $dbSRa$react.Children.toArray(children).find(function(c) {
+  var hasThen2 = $8WNJc$react.Children.toArray(children).find(function(c) {
     return c.type === Then;
   });
-  if (!hasThen2) return $dbSRa$react.createElement(Fragment, null, null);
+  if (!hasThen2) return $8WNJc$react.createElement(Fragment, null, null);
   var thenElement = hasThen2;
   var hasThenProps = hasThen2.props;
   if (typeof hasThenProps.children === "function") {
@@ -497,7 +497,7 @@ function IfAsync(_ref) {
       })
     });
   }
-  return $dbSRa$react.createElement(Fragment, null, thenElement);
+  return $8WNJc$react.createElement(Fragment, null, thenElement);
 }
 var getConditionResult = function getConditionResult2(condition) {
   var conditionResult = Boolean(typeof condition === "function" ? condition() : condition);
@@ -521,17 +521,17 @@ var If = function If2(_ref) {
   if (!children) {
     return null;
   }
-  tinyWarning(!Array.isArray(children) && !(children.type === Else || children.type === Then) || !$dbSRa$react__default.Children.toArray(children).every(function(child) {
+  tinyWarning(!Array.isArray(children) && !(children.type === Else || children.type === Then) || !$8WNJc$react__default.Children.toArray(children).every(function(child) {
     return child.type === Else || child.type === Then || child.type === Fallback;
   }), "The <If> component should contain <Then /> <Else /> or <Fallback /> components as its children");
   if (isThenable(condition)) {
-    return $dbSRa$react__default.createElement(IfAsync, {
+    return $8WNJc$react__default.createElement(IfAsync, {
       promise: condition,
       keepAlive
     }, children);
   }
   var conditionResult = getConditionResult(condition);
-  return $dbSRa$react__default.createElement(Fragment, null, $dbSRa$react__default.Children.toArray(children).find(function(c) {
+  return $8WNJc$react__default.createElement(Fragment, null, $8WNJc$react__default.Children.toArray(children).find(function(c) {
     return c.type !== Else !== !conditionResult;
   }) || null);
 };
@@ -543,8 +543,8 @@ var Switch = function Switch2(_ref) {
   if (isFunction(children)) {
     children = children();
   }
-  $dbSRa$react.Children.forEach(children, function(child) {
-    if (!$dbSRa$react.isValidElement(child)) {
+  $8WNJc$react.Children.forEach(children, function(child) {
+    if (!$8WNJc$react.isValidElement(child)) {
       return;
     }
     if (!matchingCase && child.type === Case) {
@@ -575,4 +575,4 @@ export {
   Then as T,
   When as W
 };
-//# sourceMappingURL=react-if.esm-CoCMV6iA.js.map
+//# sourceMappingURL=react-if.esm-Cozt8l48.js.map