@consumidor-positivo/aurora 0.4.2 → 0.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Tag/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport {\n  IconAlertOctagon,\n  IconAlertTriangle,\n  IconCheck,\n  IconInfo,\n  IconSlash,\n} from '@components/icons'\nimport {\n  COLOR_ERROR_50,\n  COLOR_INFO_50,\n  COLOR_SUCCESS_50,\n  COLOR_WARNING_50,\n  COLOR_BRAND_CYAN_50,\n  COLOR_NEUTRAL_70,\n} from '@core/tokens'\nimport './styles.scss'\nimport { Conditional } from '@components/misc'\n\nexport type TagProps = {\n  status: 'info' | 'success' | 'error' | 'warning' | 'support' | 'neutral'\n  border?: 'rounded' | 'square'\n  type?: 'read-only' | 'badge'\n  color?: 'primary' | 'secondary'\n  size?: 'small' | 'medium' | 'large'\n  text: string\n  children?: React.ReactNode\n  customIcon?: string | JSX.Element\n  fullWidth?: boolean\n  actionButton?: { content?: string; onClick?: () => void }\n}\n\nexport const Tag = ({\n  status,\n  border = 'square',\n  size = 'medium',\n  type = 'read-only',\n  color = 'primary',\n  customIcon,\n  text,\n  children,\n  fullWidth,\n  actionButton,\n}: TagProps) => {\n  const statusMap = {\n    success: {\n      option: 'success',\n      icon: <IconCheck rawColor={COLOR_SUCCESS_50} />,\n    },\n    error: {\n      option: 'error',\n      icon: <IconAlertOctagon rawColor={COLOR_ERROR_50} />,\n    },\n    warning: {\n      option: 'warning',\n      icon: <IconAlertTriangle rawColor={COLOR_WARNING_50} />,\n    },\n    info: { option: 'info', icon: <IconInfo rawColor={COLOR_INFO_50} /> },\n    support: {\n      option: 'support',\n      icon: <IconInfo rawColor={COLOR_BRAND_CYAN_50} />,\n    },\n    neutral: {\n      option: 'neutral',\n      icon: <IconSlash rawColor={COLOR_NEUTRAL_70} />,\n    },\n    custom: {\n      option: 'custom',\n      icon: customIcon,\n    },\n  }\n\n  const tagClasses = classNames('au-tag', {\n    [`au-tag--${statusMap[status].option}`]: statusMap[status].option,\n    [`au-tag--size-${size}`]: !!size,\n    [`au-tag--type-${type}`]: !!type,\n    [`au-tag--border-${border}`]: !!border,\n    [`au-tag--color-${color}`]: !!color,\n    [`au-tag--full-width`]: !!fullWidth,\n  })\n\n  const isBadgeTag = type === 'badge'\n  const supportText = isBadgeTag ? text.toUpperCase() : text\n\n  return (\n    <div className={tagClasses}>\n      <div className=\"au-tag__content\">\n        <Conditional\n          condition={!isBadgeTag}\n          renderIf={\n            <div className=\"au-tag__content-icon\">\n              <Conditional\n                condition={!!customIcon}\n                renderIf={customIcon}\n                renderElse={statusMap[status].icon}\n              />\n            </div>\n          }\n        />\n        <p className={`au-tag__content-support-text`}>{supportText}</p>\n\n        <Conditional\n          condition={!!actionButton}\n          renderIf={\n            <button\n              className=\"au-tag__action-btn\"\n              onClick={actionButton?.onClick}>\n              {actionButton?.content}\n            </button>\n          }\n        />\n      </div>\n      {children}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;AAgCO,MAAM,MAAM,CAAC;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAgB;AACd,QAAM,YAAY;AAAA,IAChB,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,WAAU,EAAA,UAAU,iBAAkB,CAAA;AAAA,IAC/C;AAAA,IACA,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,MAAM,oBAAC,kBAAiB,EAAA,UAAU,eAAgB,CAAA;AAAA,IACpD;AAAA,IACA,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,mBAAkB,EAAA,UAAU,iBAAkB,CAAA;AAAA,IACvD;AAAA,IACA,MAAM,EAAE,QAAQ,QAAQ,MAAO,oBAAA,UAAA,EAAS,UAAU,cAAA,CAAe,EAAG;AAAA,IACpE,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,UAAS,EAAA,UAAU,oBAAqB,CAAA;AAAA,IACjD;AAAA,IACA,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,WAAU,EAAA,UAAU,iBAAkB,CAAA;AAAA,IAC/C;AAAA,IACA,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EAAA;AAGI,QAAA,aAAa,WAAW,UAAU;AAAA,IACtC,CAAC,WAAW,UAAU,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,MAAM,EAAE;AAAA,IAC3D,CAAC,gBAAgB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC5B,CAAC,gBAAgB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC5B,CAAC,kBAAkB,MAAM,EAAE,GAAG,CAAC,CAAC;AAAA,IAChC,CAAC,iBAAiB,KAAK,EAAE,GAAG,CAAC,CAAC;AAAA,IAC9B,CAAC,oBAAoB,GAAG,CAAC,CAAC;AAAA,EAAA,CAC3B;AAED,QAAM,aAAa,SAAS;AAC5B,QAAM,cAAc,aAAa,KAAK,YAAA,IAAgB;AAGpD,SAAA,qBAAC,OAAI,EAAA,WAAW,YACd,UAAA;AAAA,IAAC,qBAAA,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAAC;AAAA,UACZ,UACE,oBAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,CAAC,CAAC;AAAA,cACb,UAAU;AAAA,cACV,YAAY,UAAU,MAAM,EAAE;AAAA,YAAA;AAAA,UAAA,GAElC;AAAA,QAAA;AAAA,MAEJ;AAAA,MACC,oBAAA,KAAA,EAAE,WAAW,gCAAiC,UAAY,aAAA;AAAA,MAE3D;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAAC,CAAC;AAAA,UACb,UACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS,6CAAc;AAAA,cACtB,UAAc,6CAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA,GACF;AAAA,IACC;AAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Tag/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport {\n  IconAlertOctagon,\n  IconAlertTriangle,\n  IconCheck,\n  IconInfo,\n  IconSlash,\n} from '@components/icons'\nimport {\n  COLOR_ERROR_50,\n  COLOR_INFO_50,\n  COLOR_SUCCESS_50,\n  COLOR_WARNING_50,\n  COLOR_BRAND_CYAN_50,\n  COLOR_NEUTRAL_70,\n} from '@core/tokens'\nimport './styles.scss'\nimport { Conditional } from '@components/misc'\n\nexport type TagProps = {\n  status: 'info' | 'success' | 'error' | 'warning' | 'support' | 'neutral'\n  border?: 'rounded' | 'square'\n  type?: 'read-only' | 'badge'\n  color?: 'primary' | 'secondary'\n  size?: 'small' | 'medium' | 'large'\n  text: string\n  children?: React.ReactNode\n  customIcon?: string | JSX.Element\n  fullWidth?: boolean\n  actionButton?: { content?: string; onClick?: () => void }\n}\n\nexport const Tag = ({\n  status,\n  border = 'square',\n  size = 'medium',\n  type = 'read-only',\n  color = 'primary',\n  customIcon,\n  text,\n  children,\n  fullWidth,\n  actionButton,\n}: TagProps) => {\n  const statusMap = {\n    success: {\n      option: 'success',\n      icon: <IconCheck rawColor={COLOR_SUCCESS_50} />,\n    },\n    error: {\n      option: 'error',\n      icon: <IconAlertOctagon rawColor={COLOR_ERROR_50} />,\n    },\n    warning: {\n      option: 'warning',\n      icon: <IconAlertTriangle rawColor={COLOR_WARNING_50} />,\n    },\n    info: { option: 'info', icon: <IconInfo rawColor={COLOR_INFO_50} /> },\n    support: {\n      option: 'support',\n      icon: <IconInfo rawColor={COLOR_BRAND_CYAN_50} />,\n    },\n    neutral: {\n      option: 'neutral',\n      icon: <IconSlash rawColor={COLOR_NEUTRAL_70} />,\n    },\n    custom: {\n      option: 'custom',\n      icon: customIcon,\n    },\n  }\n\n  const tagClasses = classNames('au-tag', {\n    [`au-tag--${statusMap[status].option}`]: statusMap[status].option,\n    [`au-tag--size-${size}`]: !!size,\n    [`au-tag--type-${type}`]: !!type,\n    [`au-tag--border-${border}`]: !!border,\n    [`au-tag--color-${color}`]: !!color,\n    [`au-tag--full-width`]: !!fullWidth,\n  })\n\n  const isBadgeTag = type === 'badge'\n  const supportText = isBadgeTag ? text.toUpperCase() : text\n\n  return (\n    <div className={tagClasses}>\n      <div className=\"au-tag__content\">\n        <Conditional\n          condition={!isBadgeTag}\n          renderIf={\n            <div className=\"au-tag__content-icon\" aria-hidden=\"true\">\n              <Conditional\n                condition={!!customIcon}\n                renderIf={customIcon}\n                renderElse={statusMap[status].icon}\n              />\n            </div>\n          }\n        />\n        <p className={`au-tag__content-support-text`}>{supportText}</p>\n\n        <Conditional\n          condition={!!actionButton}\n          renderIf={\n            <button\n              className=\"au-tag__action-btn\"\n              onClick={actionButton?.onClick}>\n              {actionButton?.content}\n            </button>\n          }\n        />\n      </div>\n      {children}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;AAgCO,MAAM,MAAM,CAAC;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAgB;AACd,QAAM,YAAY;AAAA,IAChB,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,WAAA,EAAU,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,IAE/C,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,MAAM,oBAAC,kBAAA,EAAiB,UAAU,eAAA,CAAgB;AAAA,IAAA;AAAA,IAEpD,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,mBAAA,EAAkB,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,IAEvD,MAAM,EAAE,QAAQ,QAAQ,MAAM,oBAAC,UAAA,EAAS,UAAU,cAAA,CAAe,EAAA;AAAA,IACjE,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,UAAA,EAAS,UAAU,oBAAA,CAAqB;AAAA,IAAA;AAAA,IAEjD,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,WAAA,EAAU,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,IAE/C,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA;AAAA,EACR;AAGF,QAAM,aAAa,WAAW,UAAU;AAAA,IACtC,CAAC,WAAW,UAAU,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,MAAM,EAAE;AAAA,IAC3D,CAAC,gBAAgB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC5B,CAAC,gBAAgB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC5B,CAAC,kBAAkB,MAAM,EAAE,GAAG,CAAC,CAAC;AAAA,IAChC,CAAC,iBAAiB,KAAK,EAAE,GAAG,CAAC,CAAC;AAAA,IAC9B,CAAC,oBAAoB,GAAG,CAAC,CAAC;AAAA,EAAA,CAC3B;AAED,QAAM,aAAa,SAAS;AAC5B,QAAM,cAAc,aAAa,KAAK,YAAA,IAAgB;AAEtD,SACE,qBAAC,OAAA,EAAI,WAAW,YACd,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAAC;AAAA,UACZ,UACE,oBAAC,OAAA,EAAI,WAAU,wBAAuB,eAAY,QAChD,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,CAAC,CAAC;AAAA,cACb,UAAU;AAAA,cACV,YAAY,UAAU,MAAM,EAAE;AAAA,YAAA;AAAA,UAAA,EAChC,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJ,oBAAC,KAAA,EAAE,WAAW,gCAAiC,UAAA,aAAY;AAAA,MAE3D;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAAC,CAAC;AAAA,UACb,UACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS,6CAAc;AAAA,cACtB,UAAA,6CAAc;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MAAA;AAAA,IAEJ,GACF;AAAA,IACC;AAAA,EAAA,GACH;AAEJ;"}

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

@@ -1,3 +1,2 @@
 import { TextProps } from './types';
-
 export declare const Text: ({ as, children, className, color, variant, variantDesk, weight, dangerouslySetInnerHTML, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-BXRA68j0.js";
+import { c as classNames } from "../../index-C6Q03EyZ.js";
 import DynamicTagComponent from "../DynamicTagComponent/index.es.js";
 import { Conditional } from "../Conditional/index.es.js";
 import './styles.css';const Text = ({

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Text/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport DynamicTagComponentStories from '../misc/DynamicTagComponent'\nimport { TextProps } from './types'\nimport { Conditional } from '../misc/Conditional'\nimport './styles.scss'\n\nexport const Text = ({\n  as = 'p',\n  children,\n  className = '',\n  color = 'common',\n  variant = 'body-medium',\n  variantDesk,\n  weight = 'regular',\n  dangerouslySetInnerHTML,\n  ...props\n}: TextProps) => {\n  const rootClasses = classNames('au-text', {\n    [`au-text--${variant}`]: !!variant,\n    [`au-text--desk-${variantDesk}`]: !!variantDesk,\n    [`au-text--color-${color}`]: !!color,\n    [`au-text--weight-${weight}`]: !!weight,\n    [className]: !!className,\n  })\n\n  return (\n    <DynamicTagComponentStories tag={as} className={rootClasses} {...props}>\n      <Conditional\n        condition={dangerouslySetInnerHTML}\n        renderIf={\n          <div dangerouslySetInnerHTML={{ __html: dangerouslySetInnerHTML }} />\n        }\n        renderElse={children}\n      />\n    </DynamicTagComponentStories>\n  )\n}\n"],"names":["DynamicTagComponentStories"],"mappings":";;;;AAMO,MAAM,OAAO,CAAC;AAAA,EACnB,KAAK;AAAA,EACL;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAAiB;AACT,QAAA,cAAc,WAAW,WAAW;AAAA,IACxC,CAAC,YAAY,OAAO,EAAE,GAAG,CAAC,CAAC;AAAA,IAC3B,CAAC,iBAAiB,WAAW,EAAE,GAAG,CAAC,CAAC;AAAA,IACpC,CAAC,kBAAkB,KAAK,EAAE,GAAG,CAAC,CAAC;AAAA,IAC/B,CAAC,mBAAmB,MAAM,EAAE,GAAG,CAAC,CAAC;AAAA,IACjC,CAAC,SAAS,GAAG,CAAC,CAAC;AAAA,EAAA,CAChB;AAED,6BACGA,qBAA2B,EAAA,KAAK,IAAI,WAAW,aAAc,GAAG,OAC/D,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,UACG,oBAAA,OAAA,EAAI,yBAAyB,EAAE,QAAQ,2BAA2B;AAAA,MAErE,YAAY;AAAA,IAAA;AAAA,EAEhB,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Text/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport DynamicTagComponentStories from '../misc/DynamicTagComponent'\nimport { TextProps } from './types'\nimport { Conditional } from '../misc/Conditional'\nimport './styles.scss'\n\nexport const Text = ({\n  as = 'p',\n  children,\n  className = '',\n  color = 'common',\n  variant = 'body-medium',\n  variantDesk,\n  weight = 'regular',\n  dangerouslySetInnerHTML,\n  ...props\n}: TextProps) => {\n  const rootClasses = classNames('au-text', {\n    [`au-text--${variant}`]: !!variant,\n    [`au-text--desk-${variantDesk}`]: !!variantDesk,\n    [`au-text--color-${color}`]: !!color,\n    [`au-text--weight-${weight}`]: !!weight,\n    [className]: !!className,\n  })\n\n  return (\n    <DynamicTagComponentStories tag={as} className={rootClasses} {...props}>\n      <Conditional\n        condition={dangerouslySetInnerHTML}\n        renderIf={\n          <div dangerouslySetInnerHTML={{ __html: dangerouslySetInnerHTML }} />\n        }\n        renderElse={children}\n      />\n    </DynamicTagComponentStories>\n  )\n}\n"],"names":["DynamicTagComponentStories"],"mappings":";;;;AAMO,MAAM,OAAO,CAAC;AAAA,EACnB,KAAK;AAAA,EACL;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAAiB;AACf,QAAM,cAAc,WAAW,WAAW;AAAA,IACxC,CAAC,YAAY,OAAO,EAAE,GAAG,CAAC,CAAC;AAAA,IAC3B,CAAC,iBAAiB,WAAW,EAAE,GAAG,CAAC,CAAC;AAAA,IACpC,CAAC,kBAAkB,KAAK,EAAE,GAAG,CAAC,CAAC;AAAA,IAC/B,CAAC,mBAAmB,MAAM,EAAE,GAAG,CAAC,CAAC;AAAA,IACjC,CAAC,SAAS,GAAG,CAAC,CAAC;AAAA,EAAA,CAChB;AAED,6BACGA,qBAAA,EAA2B,KAAK,IAAI,WAAW,aAAc,GAAG,OAC/D,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,UACE,oBAAC,OAAA,EAAI,yBAAyB,EAAE,QAAQ,2BAA2B;AAAA,MAErE,YAAY;AAAA,IAAA;AAAA,EAAA,GAEhB;AAEJ;"}

package/dist/components/Text/styles.css

@@ -1 +1 @@
-.au-text{font-family:"Source Sans 3",sans-serif;font-weight:400}.au-text--color-common{color:#16181d}.au-text--color-secondary{color:#454a54}.au-text--color-white{color:#fff}.au-text--weight-bold{font-weight:700}.au-text--weight-semibold{font-weight:600}.au-text--weight-medium{font-weight:500}.au-text--weight-regular{font-weight:400}.au-text--weight-light{font-weight:300}.au-text--display-large,.au-text--display-medium,.au-text--display-small{font-family:Lexend Deca,sans-serif}.au-text--display-large{font-size:56px;line-height:78px}.au-text--display-medium{font-size:48px;line-height:67px}.au-text--display-small{font-size:40px;line-height:56px}.au-text--heading-big,.au-text--heading-large,.au-text--heading-medium,.au-text--heading-small,.au-text--heading-micro{font-family:Lexend Deca,sans-serif}.au-text--heading-big{font-size:32px;line-height:45px}.au-text--heading-large{font-size:28px;line-height:39px}.au-text--heading-medium{font-size:24px;line-height:34px}.au-text--heading-small{font-size:20px;line-height:28px}.au-text--heading-micro{font-size:16px;line-height:24px}.au-text--body-big,.au-text--body-large,.au-text--body-medium,.au-text--body-small{font-family:"Source Sans 3",sans-serif}.au-text--body-big{font-size:24px;line-height:34px}.au-text--body-large{font-size:20px;line-height:28px}.au-text--body-medium{font-size:16px;line-height:24px}.au-text--body-small{font-size:14px;line-height:22px}.au-text--caption{font-family:"Source Sans 3",sans-serif;font-size:12px;line-height:19px}@media (min-width: 1024px){.au-text--desk-display-large,.au-text--desk-display-medium,.au-text--desk-display-small{font-family:Lexend Deca,sans-serif}.au-text--desk-display-large{font-size:56px;line-height:78px}.au-text--desk-display-medium{font-size:48px;line-height:67px}.au-text--desk-display-small{font-size:40px;line-height:56px}.au-text--desk-heading-big,.au-text--desk-heading-large,.au-text--desk-heading-medium,.au-text--desk-heading-small,.au-text--desk-heading-micro{font-family:Lexend Deca,sans-serif}.au-text--desk-heading-big{font-size:32px;line-height:45px}.au-text--desk-heading-large{font-size:28px;line-height:39px}.au-text--desk-heading-medium{font-size:24px;line-height:34px}.au-text--desk-heading-small{font-size:20px;line-height:28px}.au-text--desk-heading-micro{font-size:16px;line-height:24px}.au-text--desk-body-big,.au-text--desk-body-large,.au-text--desk-body-medium,.au-text--desk-body-small{font-family:"Source Sans 3",sans-serif}.au-text--desk-body-big{font-size:24px;line-height:34px}.au-text--desk-body-large{font-size:20px;line-height:28px}.au-text--desk-body-medium{font-size:16px;line-height:24px}.au-text--desk-body-small{font-size:14px;line-height:22px}.au-text--desk-caption{font-family:"Source Sans 3",sans-serif;font-size:12px;line-height:19px}}
+.au-text{font-family:"Source Sans 3",sans-serif;font-weight:400}.au-text--color-common{color:#16181d}.au-text--color-secondary{color:#454a54}.au-text--color-white{color:#fff}.au-text--weight-bold{font-weight:700}.au-text--weight-semibold{font-weight:600}.au-text--weight-medium{font-weight:500}.au-text--weight-regular{font-weight:400}.au-text--weight-light{font-weight:300}.au-text--display-large,.au-text--display-medium,.au-text--display-small{font-family:Lexend Deca,sans-serif}.au-text--display-large{font-size:56px;line-height:78px}.au-text--display-medium{font-size:48px;line-height:67px}.au-text--display-small{font-size:40px;line-height:56px}.au-text--heading-big,.au-text--heading-large,.au-text--heading-medium,.au-text--heading-small,.au-text--heading-micro{font-family:Lexend Deca,sans-serif}.au-text--heading-big{font-size:32px;line-height:45px}.au-text--heading-large{font-size:28px;line-height:39px}.au-text--heading-medium{font-size:24px;line-height:34px}.au-text--heading-small{font-size:20px;line-height:28px}.au-text--heading-micro{font-size:16px;line-height:24px}.au-text--body-big,.au-text--body-large,.au-text--body-medium,.au-text--body-small{font-family:"Source Sans 3",sans-serif}.au-text--body-big{font-size:24px;line-height:34px}.au-text--body-large{font-size:20px;line-height:28px}.au-text--body-medium{font-size:16px;line-height:24px}.au-text--body-small{font-size:14px;line-height:22px}.au-text--caption{font-family:"Source Sans 3",sans-serif;font-size:12px;line-height:19px}@media(min-width:1024px){.au-text--desk-display-large,.au-text--desk-display-medium,.au-text--desk-display-small{font-family:Lexend Deca,sans-serif}.au-text--desk-display-large{font-size:56px;line-height:78px}.au-text--desk-display-medium{font-size:48px;line-height:67px}.au-text--desk-display-small{font-size:40px;line-height:56px}.au-text--desk-heading-big,.au-text--desk-heading-large,.au-text--desk-heading-medium,.au-text--desk-heading-small,.au-text--desk-heading-micro{font-family:Lexend Deca,sans-serif}.au-text--desk-heading-big{font-size:32px;line-height:45px}.au-text--desk-heading-large{font-size:28px;line-height:39px}.au-text--desk-heading-medium{font-size:24px;line-height:34px}.au-text--desk-heading-small{font-size:20px;line-height:28px}.au-text--desk-heading-micro{font-size:16px;line-height:24px}.au-text--desk-body-big,.au-text--desk-body-large,.au-text--desk-body-medium,.au-text--desk-body-small{font-family:"Source Sans 3",sans-serif}.au-text--desk-body-big{font-size:24px;line-height:34px}.au-text--desk-body-large{font-size:20px;line-height:28px}.au-text--desk-body-medium{font-size:16px;line-height:24px}.au-text--desk-body-small{font-size:14px;line-height:22px}.au-text--desk-caption{font-family:"Source Sans 3",sans-serif;font-size:12px;line-height:19px}}

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-BXRA68j0.js";
+import { c as classNames } from "../../index-C6Q03EyZ.js";
 import { Text } from "../Text/index.es.js";
 import { useState } from "react";
 const useFieldTextArea = ({ onChange }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/TextArea/hook.ts","../../../lib/components/form/Field/TextArea/index.tsx"],"sourcesContent":["import { useState } from 'react'\n\ntype UseFieldTextAreaProps = {\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void\n}\n\nexport const useFieldTextArea = ({ onChange }: UseFieldTextAreaProps) => {\n  const [charCount, setCharCount] = useState(0)\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setCharCount(e.target.value.length)\n    if (onChange) onChange(e)\n  }\n\n  return {\n    charCount,\n    handleInputChange,\n  }\n}\n","import React from 'react'\nimport classNames from 'classnames'\nimport { Text } from '@components/Text'\nimport { useFieldTextArea } from './hook'\n\ntype FieldTextAreaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  textareaRef?: React.RefObject<HTMLTextAreaElement>\n  customClass?: string\n  horizontalResize?: boolean\n  maxLength?: number\n}\n\nexport const FieldTextArea = ({\n  textareaRef,\n  customClass,\n  horizontalResize,\n  maxLength,\n  ...props\n}: FieldTextAreaProps) => {\n  const { onChange, ...rest } = props as FieldTextAreaProps\n  const forwardedOnChange = onChange\n    ? (e: React.ChangeEvent<HTMLTextAreaElement>) => onChange(e)\n    : undefined\n\n  const { charCount, handleInputChange } = useFieldTextArea({\n    onChange: forwardedOnChange,\n  })\n  const textareaClasses = classNames('au-field__textarea', customClass, {\n    'au-field__textarea--horizontal-resize': horizontalResize,\n  })\n\n  return (\n    <div className=\"au-field__textarea-container\">\n      <textarea\n        ref={textareaRef}\n        className={textareaClasses}\n        maxLength={maxLength}\n        {...rest}\n        onChange={handleInputChange}\n      />\n      {maxLength && (\n        <Text\n          variant=\"caption\"\n          className=\"au-field__char-counter\"\n          aria-live=\"polite\">\n          {charCount}/{maxLength}\n        </Text>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAMO,MAAM,mBAAmB,CAAC,EAAE,eAAsC;AACvE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAEtC,QAAA,oBAAoB,CAAC,MAA8C;AAC1D,iBAAA,EAAE,OAAO,MAAM,MAAM;AAC9B,QAAA,mBAAmB,CAAC;AAAA,EAAA;AAGnB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;ACNO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,EAAE,UAAU,GAAG,KAAA,IAAS;AAC9B,QAAM,oBAAoB,WACtB,CAAC,MAA8C,SAAS,CAAC,IACzD;AAEJ,QAAM,EAAE,WAAW,kBAAkB,IAAI,iBAAiB;AAAA,IACxD,UAAU;AAAA,EAAA,CACX;AACK,QAAA,kBAAkB,WAAW,sBAAsB,aAAa;AAAA,IACpE,yCAAyC;AAAA,EAAA,CAC1C;AAGC,SAAA,qBAAC,OAAI,EAAA,WAAU,gCACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW;AAAA,QACX;AAAA,QACC,GAAG;AAAA,QACJ,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IACC,aACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,aAAU;AAAA,QACT,UAAA;AAAA,UAAA;AAAA,UAAU;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACf;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/TextArea/hook.ts","../../../lib/components/form/Field/TextArea/index.tsx"],"sourcesContent":["import { useState } from 'react'\n\ntype UseFieldTextAreaProps = {\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void\n}\n\nexport const useFieldTextArea = ({ onChange }: UseFieldTextAreaProps) => {\n  const [charCount, setCharCount] = useState(0)\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setCharCount(e.target.value.length)\n    if (onChange) onChange(e)\n  }\n\n  return {\n    charCount,\n    handleInputChange,\n  }\n}\n","import React from 'react'\nimport classNames from 'classnames'\nimport { Text } from '@components/Text'\nimport { useFieldTextArea } from './hook'\n\ntype FieldTextAreaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  textareaRef?: React.RefObject<HTMLTextAreaElement>\n  customClass?: string\n  horizontalResize?: boolean\n  maxLength?: number\n}\n\nexport const FieldTextArea = ({\n  textareaRef,\n  customClass,\n  horizontalResize,\n  maxLength,\n  ...props\n}: FieldTextAreaProps) => {\n  const { onChange, ...rest } = props as FieldTextAreaProps\n  const forwardedOnChange = onChange\n    ? (e: React.ChangeEvent<HTMLTextAreaElement>) => onChange(e)\n    : undefined\n\n  const { charCount, handleInputChange } = useFieldTextArea({\n    onChange: forwardedOnChange,\n  })\n  const textareaClasses = classNames('au-field__textarea', customClass, {\n    'au-field__textarea--horizontal-resize': horizontalResize,\n  })\n\n  return (\n    <div className=\"au-field__textarea-container\">\n      <textarea\n        ref={textareaRef}\n        className={textareaClasses}\n        maxLength={maxLength}\n        {...rest}\n        onChange={handleInputChange}\n      />\n      {maxLength && (\n        <Text\n          variant=\"caption\"\n          className=\"au-field__char-counter\"\n          aria-live=\"polite\">\n          {charCount}/{maxLength}\n        </Text>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAMO,MAAM,mBAAmB,CAAC,EAAE,eAAsC;AACvE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAE5C,QAAM,oBAAoB,CAAC,MAA8C;AACvE,iBAAa,EAAE,OAAO,MAAM,MAAM;AAClC,QAAI,mBAAmB,CAAC;AAAA,EAC1B;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;ACNO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,EAAE,UAAU,GAAG,KAAA,IAAS;AAC9B,QAAM,oBAAoB,WACtB,CAAC,MAA8C,SAAS,CAAC,IACzD;AAEJ,QAAM,EAAE,WAAW,kBAAA,IAAsB,iBAAiB;AAAA,IACxD,UAAU;AAAA,EAAA,CACX;AACD,QAAM,kBAAkB,WAAW,sBAAsB,aAAa;AAAA,IACpE,yCAAyC;AAAA,EAAA,CAC1C;AAED,SACE,qBAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW;AAAA,QACX;AAAA,QACC,GAAG;AAAA,QACJ,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEX,aACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,aAAU;AAAA,QACT,UAAA;AAAA,UAAA;AAAA,UAAU;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACf,GAEJ;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/TextareaField/index.tsx"],"sourcesContent":["import Field from '../Field'\n\nexport type TextAreaProps =\n  React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    showOptionalLabel?: boolean\n    success?: boolean\n    error?: boolean\n    errorMessage?: string\n    helpMessage?: string\n    label?: string\n    textAreaStyle?: React.CSSProperties\n    textareaRef?: React.RefObject<HTMLTextAreaElement>\n    horizontalResize?: boolean\n  }\n\nexport const TextAreaField = ({\n  showOptionalLabel,\n  required,\n  success,\n  error,\n  errorMessage,\n  helpMessage,\n  label,\n  id,\n  disabled,\n  style,\n  className,\n  textAreaStyle,\n  textareaRef,\n  maxLength,\n  horizontalResize,\n  ...props\n}: TextAreaProps) => {\n  return (\n    <Field.Root\n      style={style}\n      customclass={className}\n      success={success}\n      error={error}\n      disabled={disabled}>\n      <Field.Label\n        text={label}\n        id={id}\n        required={required}\n        showOptionalLabel={showOptionalLabel}\n        success={success}\n        error={error}\n        disabled={disabled}\n      />\n      <Field.TextArea\n        id={id}\n        textareaRef={textareaRef}\n        disabled={disabled}\n        style={textAreaStyle}\n        maxLength={maxLength}\n        horizontalResize={horizontalResize}\n        {...props}\n      />\n      <Field.Message hasError={!!error} errorMessage={errorMessage} helpMessage={helpMessage} />\n    </Field.Root>\n  )\n}\n"],"names":[],"mappings":";;AAeO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqB;AAEjB,SAAA;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAA;AAAA,QAAA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACC,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,OAAO;AAAA,YACP;AAAA,YACA;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QACA,oBAAC,MAAM,SAAN,EAAc,UAAU,CAAC,CAAC,OAAO,cAA4B,aAA0B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9F;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/TextareaField/index.tsx"],"sourcesContent":["import Field from '../Field'\n\nexport type TextAreaProps =\n  React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    showOptionalLabel?: boolean\n    success?: boolean\n    error?: boolean\n    errorMessage?: string\n    helpMessage?: string\n    label?: string\n    textAreaStyle?: React.CSSProperties\n    textareaRef?: React.RefObject<HTMLTextAreaElement>\n    horizontalResize?: boolean\n  }\n\nexport const TextAreaField = ({\n  showOptionalLabel,\n  required,\n  success,\n  error,\n  errorMessage,\n  helpMessage,\n  label,\n  id,\n  disabled,\n  style,\n  className,\n  textAreaStyle,\n  textareaRef,\n  maxLength,\n  horizontalResize,\n  ...props\n}: TextAreaProps) => {\n  return (\n    <Field.Root\n      style={style}\n      customclass={className}\n      success={success}\n      error={error}\n      disabled={disabled}>\n      <Field.Label\n        text={label}\n        id={id}\n        required={required}\n        showOptionalLabel={showOptionalLabel}\n        success={success}\n        error={error}\n        disabled={disabled}\n      />\n      <Field.TextArea\n        id={id}\n        textareaRef={textareaRef}\n        disabled={disabled}\n        style={textAreaStyle}\n        maxLength={maxLength}\n        horizontalResize={horizontalResize}\n        {...props}\n      />\n      <Field.Message hasError={!!error} errorMessage={errorMessage} helpMessage={helpMessage} />\n    </Field.Root>\n  )\n}\n"],"names":[],"mappings":";;AAeO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqB;AACnB,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAA;AAAA,QAAA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACC,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,OAAO;AAAA,YACP;AAAA,YACA;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEN,oBAAC,MAAM,SAAN,EAAc,UAAU,CAAC,CAAC,OAAO,cAA4B,YAAA,CAA0B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9F;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/TokenField/hook.tsx","../../../lib/components/form/TokenField/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\n\ntype UseTokenInputProps = {\n  size: number\n  onComplete?: (token: string) => void\n  onChange?: (value: string) => void\n  onChangeTimer?: (time: number) => void\n  timer?: number | null\n}\n\nfunction inputtedValueIsValid(value: unknown) {\n  const numberValue = Number(value)\n  const isNaN = Number.isNaN(numberValue)\n  return !isNaN\n}\n\nexport const useTokenField = ({\n  size,\n  onComplete,\n  onChange,\n  onChangeTimer,\n  timer = null,\n}: UseTokenInputProps) => {\n  const rootElementRef = useRef<HTMLDivElement | null>(null)\n  const [tokenMap, setTokenMap] = useState(_getDefaultTokens())\n  const [timerTime, setTimerTime] = useState<number | null>(timer)\n\n  useEffect(_handleValueEvents, [tokenMap])\n  useEffect(_handleStartTimer, [timer])\n  useEffect(_handleTimerUpdate, [timerTime])\n\n  function _handleValueEvents() {\n    const tokenValueArray =\n      Object.keys(tokenMap).map((key) => tokenMap[key]) || []\n    const stringField = tokenValueArray.join('')\n    const isTokenValid = stringField.length === size\n    if (onChange) onChange(stringField)\n\n    if (!!isTokenValid && !!onComplete) {\n      onComplete(stringField)\n    }\n  }\n\n  function _handleStartTimer() {\n    let interval: NodeJS.Timeout\n\n    if (timer) {\n      interval = setInterval(() => {\n        setTimerTime((currentTime) => {\n          if (!currentTime) return null\n          const reachedTheLimit = currentTime === 0\n          if (reachedTheLimit) {\n            return timer\n          } else {\n            return currentTime - 1\n          }\n        })\n      }, 1000)\n\n      if (interval) {\n        return () => clearInterval(interval)\n      }\n    }\n  }\n\n  function _handleTimerUpdate() {\n    if (onChangeTimer && timerTime) onChangeTimer(timerTime)\n\n    if (timerTime === 0) {\n      setTokenMap(_getDefaultTokens())\n      _resetFocus()\n    }\n  }\n\n  function _getDefaultTokens() {\n    return [...Array(size)].reduce((acc, _, i) => ({ ...acc, [i]: '' }), {})\n  }\n\n  function _goToNextInput(i: number) {\n    const nextItem = rootElementRef?.current?.querySelector<HTMLInputElement>(\n      `[data-token-i='${i + 1}']`,\n    )\n    if (nextItem) nextItem.focus()\n  }\n\n  function _resetFocus() {\n    const firstItem =\n      rootElementRef.current?.querySelector<HTMLInputElement>(\n        `[data-token-i='0']`,\n      )\n    firstItem?.focus()\n  }\n\n  function onKeyUpHandler(e: React.KeyboardEvent<HTMLInputElement>, i: number) {\n    const hasBackspacePressed = e.which === 8 || e.key === 'Backspace'\n    if (hasBackspacePressed) {\n      const previousItem =\n        rootElementRef?.current?.querySelector<HTMLInputElement>(\n          `[data-token-i='${i - 1}']`,\n        )\n      const currentItem =\n        rootElementRef?.current?.querySelector<HTMLInputElement>(\n          `[data-token-i='${i}']`,\n        )\n\n      setTokenMap({ ...tokenMap, [i]: '' })\n      if (!!previousItem && !currentItem?.value) previousItem.focus()\n    }\n  }\n\n  function onChangeNumber(e: React.ChangeEvent<HTMLInputElement>, i: number) {\n    e.preventDefault()\n    let value = e?.target?.value\n    const isNumberValid = inputtedValueIsValid(value)\n    const isEmpty = value === ''\n\n    if (isNumberValid) {\n      let firstEmptyIndex = Object.keys(tokenMap).findIndex(\n        (index) => tokenMap[index] === '',\n      )\n\n      if (value.length > 1) {\n        firstEmptyIndex = firstEmptyIndex - 1\n        value = value[value.length - 1]\n      }\n\n      if (firstEmptyIndex < 0) {\n        if (value) {\n          setTokenMap({ ...tokenMap, [i]: value })\n        }\n\n        return\n      }\n\n      setTokenMap({ ...tokenMap, [firstEmptyIndex]: value })\n      if (!isEmpty) _goToNextInput(firstEmptyIndex)\n    }\n  }\n\n  function onPasteNumber(e: React.ClipboardEvent<HTMLInputElement>) {\n    e.preventDefault()\n    const value = e.clipboardData.getData('Text')\n    const isNumberValid = inputtedValueIsValid(value)\n\n    if (isNumberValid) {\n      const arrValue = value.split('').slice(0, size)\n      setTokenMap({ ..._getDefaultTokens(), ...arrValue })\n\n      _goToNextInput(arrValue.length - 1)\n    } else {\n      setTokenMap(_getDefaultTokens())\n    }\n  }\n\n  return {\n    onKeyUpHandler,\n    onChangeNumber,\n    onPasteNumber,\n    tokenMap,\n    rootElementRef,\n  }\n}\n","import Field from '../Field'\nimport { useTokenField } from './hook'\nimport './styles.scss'\n\ntype TokenFieldProps = {\n  label?: string\n  disabled?: boolean\n  success?: boolean\n  error?: boolean\n  errorMessage?: string\n  helpMessage?: string\n  showOptionalLabel?: boolean\n  size?: number\n  type?: 'number' | 'password' | 'text'\n  style?: React.CSSProperties\n  timer?: number\n  onChangeTimer?: () => void\n  onComplete?: (value: string) => void\n  onChange?: (value: string) => void\n}\n\nexport const TokenField = ({\n  label,\n  disabled,\n  success,\n  error,\n  errorMessage,\n  helpMessage,\n  showOptionalLabel,\n  size = 6,\n  type,\n  style,\n  timer,\n  onChangeTimer,\n  onComplete,\n  onChange,\n}: TokenFieldProps) => {\n  const {\n    tokenMap,\n    rootElementRef,\n    onChangeNumber,\n    onKeyUpHandler,\n    onPasteNumber,\n  } = useTokenField({ size, onComplete, onChange, onChangeTimer, timer })\n\n  return (\n    <Field.Root\n      style={style}\n      customclass=\"au-token-field\"\n      success={success}\n      error={error}\n      disabled={disabled}>\n      <Field.Label\n        text={label}\n        showOptionalLabel={showOptionalLabel}\n        success={success}\n        error={error}\n        disabled={disabled}\n      />\n      <div ref={rootElementRef} className=\"au-token-field__container\">\n        {[...Object.values(tokenMap)].map((_, i) => (\n          <div key={`token-digit-${i}`}>\n            <Field.Input\n              customclass=\"au-token-field__input\"\n              type={type || 'number'}\n              value={tokenMap[i]}\n              disabled={disabled}\n              onChange={(e) => onChangeNumber(e, i)}\n              onKeyUp={(e) => onKeyUpHandler(e, i)}\n              onPaste={(e) => onPasteNumber(e)}\n              data-token-i={i}\n\t\t\t\t\t\t\tinputMode=\"numeric\"\n\t\t\t\t\t\t\tautoComplete=\"one-time-code\"\n            />\n          </div>\n        ))}\n      </div>\n      <Field.Message hasError={!!error} errorMessage={errorMessage} helpMessage={helpMessage} />\n    </Field.Root>\n  )\n}\n"],"names":[],"mappings":";;;AAUA,SAAS,qBAAqB,OAAgB;AACtC,QAAA,cAAc,OAAO,KAAK;AAC1B,QAAA,QAAQ,OAAO,MAAM,WAAW;AACtC,SAAO,CAAC;AACV;AAEO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,MAA0B;AAClB,QAAA,iBAAiB,OAA8B,IAAI;AACzD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,kBAAmB,CAAA;AAC5D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAwB,KAAK;AAErD,YAAA,oBAAoB,CAAC,QAAQ,CAAC;AAC9B,YAAA,mBAAmB,CAAC,KAAK,CAAC;AAC1B,YAAA,oBAAoB,CAAC,SAAS,CAAC;AAEzC,WAAS,qBAAqB;AAC5B,UAAM,kBACJ,OAAO,KAAK,QAAQ,EAAE,IAAI,CAAC,QAAQ,SAAS,GAAG,CAAC,KAAK,CAAA;AACjD,UAAA,cAAc,gBAAgB,KAAK,EAAE;AACrC,UAAA,eAAe,YAAY,WAAW;AACxC,QAAA,mBAAmB,WAAW;AAElC,QAAI,CAAC,CAAC,gBAAgB,CAAC,CAAC,YAAY;AAClC,iBAAW,WAAW;AAAA,IACxB;AAAA,EACF;AAEA,WAAS,oBAAoB;AACvB,QAAA;AAEJ,QAAI,OAAO;AACT,iBAAW,YAAY,MAAM;AAC3B,qBAAa,CAAC,gBAAgB;AACxB,cAAA,CAAC,YAAoB,QAAA;AACzB,gBAAM,kBAAkB,gBAAgB;AACxC,cAAI,iBAAiB;AACZ,mBAAA;AAAA,UAAA,OACF;AACL,mBAAO,cAAc;AAAA,UACvB;AAAA,QAAA,CACD;AAAA,SACA,GAAI;AAEP,UAAI,UAAU;AACL,eAAA,MAAM,cAAc,QAAQ;AAAA,MACrC;AAAA,IACF;AAAA,EACF;AAEA,WAAS,qBAAqB;AACxB,QAAA,iBAAiB,UAAW,eAAc,SAAS;AAEvD,QAAI,cAAc,GAAG;AACnB,kBAAY,mBAAmB;AACnB;IACd;AAAA,EACF;AAEA,WAAS,oBAAoB;AACpB,WAAA,CAAC,GAAG,MAAM,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,GAAG,IAAI,CAAA,CAAE;AAAA,EACzE;AAEA,WAAS,eAAe,GAAW;;AAC3B,UAAA,YAAW,sDAAgB,YAAhB,mBAAyB;AAAA,MACxC,kBAAkB,IAAI,CAAC;AAAA;AAErB,QAAA,mBAAmB;EACzB;AAEA,WAAS,cAAc;;AACf,UAAA,aACJ,oBAAe,YAAf,mBAAwB;AAAA,MACtB;AAAA;AAEJ,2CAAW;AAAA,EACb;AAES,WAAA,eAAe,GAA0C,GAAW;;AAC3E,UAAM,sBAAsB,EAAE,UAAU,KAAK,EAAE,QAAQ;AACvD,QAAI,qBAAqB;AACjB,YAAA,gBACJ,sDAAgB,YAAhB,mBAAyB;AAAA,QACvB,kBAAkB,IAAI,CAAC;AAAA;AAErB,YAAA,eACJ,sDAAgB,YAAhB,mBAAyB;AAAA,QACvB,kBAAkB,CAAC;AAAA;AAGvB,kBAAY,EAAE,GAAG,UAAU,CAAC,CAAC,GAAG,GAAI,CAAA;AACpC,UAAI,CAAC,CAAC,gBAAgB,EAAC,2CAAa,qBAAoB;IAC1D;AAAA,EACF;AAES,WAAA,eAAe,GAAwC,GAAW;;AACzE,MAAE,eAAe;AACb,QAAA,SAAQ,4BAAG,WAAH,mBAAW;AACjB,UAAA,gBAAgB,qBAAqB,KAAK;AAChD,UAAM,UAAU,UAAU;AAE1B,QAAI,eAAe;AACjB,UAAI,kBAAkB,OAAO,KAAK,QAAQ,EAAE;AAAA,QAC1C,CAAC,UAAU,SAAS,KAAK,MAAM;AAAA,MAAA;AAG7B,UAAA,MAAM,SAAS,GAAG;AACpB,0BAAkB,kBAAkB;AAC5B,gBAAA,MAAM,MAAM,SAAS,CAAC;AAAA,MAChC;AAEA,UAAI,kBAAkB,GAAG;AACvB,YAAI,OAAO;AACT,sBAAY,EAAE,GAAG,UAAU,CAAC,CAAC,GAAG,MAAO,CAAA;AAAA,QACzC;AAEA;AAAA,MACF;AAEA,kBAAY,EAAE,GAAG,UAAU,CAAC,eAAe,GAAG,MAAO,CAAA;AACjD,UAAA,CAAC,QAAS,gBAAe,eAAe;AAAA,IAC9C;AAAA,EACF;AAEA,WAAS,cAAc,GAA2C;AAChE,MAAE,eAAe;AACjB,UAAM,QAAQ,EAAE,cAAc,QAAQ,MAAM;AACtC,UAAA,gBAAgB,qBAAqB,KAAK;AAEhD,QAAI,eAAe;AACjB,YAAM,WAAW,MAAM,MAAM,EAAE,EAAE,MAAM,GAAG,IAAI;AAC9C,kBAAY,EAAE,GAAG,kBAAqB,GAAA,GAAG,SAAU,CAAA;AAEpC,qBAAA,SAAS,SAAS,CAAC;AAAA,IAAA,OAC7B;AACL,kBAAY,mBAAmB;AAAA,IACjC;AAAA,EACF;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;AC5IO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACf,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,cAAc,EAAE,MAAM,YAAY,UAAU,eAAe,OAAO;AAGpE,SAAA;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACC;AAAA,MACA,aAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAA;AAAA,QAAA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACC,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,4BACC,OAAI,EAAA,KAAK,gBAAgB,WAAU,6BACjC,WAAC,GAAG,OAAO,OAAO,QAAQ,CAAC,EAAE,IAAI,CAAC,GAAG,0BACnC,OACC,EAAA,UAAA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACC,aAAY;AAAA,YACZ,MAAM,QAAQ;AAAA,YACd,OAAO,SAAS,CAAC;AAAA,YACjB;AAAA,YACA,UAAU,CAAC,MAAM,eAAe,GAAG,CAAC;AAAA,YACpC,SAAS,CAAC,MAAM,eAAe,GAAG,CAAC;AAAA,YACnC,SAAS,CAAC,MAAM,cAAc,CAAC;AAAA,YAC/B,gBAAc;AAAA,YACrB,WAAU;AAAA,YACV,cAAa;AAAA,UAAA;AAAA,QAXA,EAAA,GAAA,eAAe,CAAC,EAa1B,CACD,EACH,CAAA;AAAA,QACA,oBAAC,MAAM,SAAN,EAAc,UAAU,CAAC,CAAC,OAAO,cAA4B,aAA0B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9F;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/TokenField/hook.tsx","../../../lib/components/form/TokenField/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\n\ntype UseTokenInputProps = {\n  size: number\n  onComplete?: (token: string) => void\n  onChange?: (value: string) => void\n  onChangeTimer?: (time: number) => void\n  timer?: number | null\n}\n\nfunction inputtedValueIsValid(value: unknown) {\n  const numberValue = Number(value)\n  const isNaN = Number.isNaN(numberValue)\n  return !isNaN\n}\n\nexport const useTokenField = ({\n  size,\n  onComplete,\n  onChange,\n  onChangeTimer,\n  timer = null,\n}: UseTokenInputProps) => {\n  const rootElementRef = useRef<HTMLDivElement | null>(null)\n  const [tokenMap, setTokenMap] = useState(_getDefaultTokens())\n  const [timerTime, setTimerTime] = useState<number | null>(timer)\n\n  useEffect(_handleValueEvents, [tokenMap])\n  useEffect(_handleStartTimer, [timer])\n  useEffect(_handleTimerUpdate, [timerTime])\n\n  function _handleValueEvents() {\n    const tokenValueArray =\n      Object.keys(tokenMap).map((key) => tokenMap[key]) || []\n    const stringField = tokenValueArray.join('')\n    const isTokenValid = stringField.length === size\n    if (onChange) onChange(stringField)\n\n    if (!!isTokenValid && !!onComplete) {\n      onComplete(stringField)\n    }\n  }\n\n  function _handleStartTimer() {\n    let interval: NodeJS.Timeout\n\n    if (timer) {\n      interval = setInterval(() => {\n        setTimerTime((currentTime) => {\n          if (!currentTime) return null\n          const reachedTheLimit = currentTime === 0\n          if (reachedTheLimit) {\n            return timer\n          } else {\n            return currentTime - 1\n          }\n        })\n      }, 1000)\n\n      if (interval) {\n        return () => clearInterval(interval)\n      }\n    }\n  }\n\n  function _handleTimerUpdate() {\n    if (onChangeTimer && timerTime) onChangeTimer(timerTime)\n\n    if (timerTime === 0) {\n      setTokenMap(_getDefaultTokens())\n      _resetFocus()\n    }\n  }\n\n  function _getDefaultTokens() {\n    return [...Array(size)].reduce((acc, _, i) => ({ ...acc, [i]: '' }), {})\n  }\n\n  function _goToNextInput(i: number) {\n    const nextItem = rootElementRef?.current?.querySelector<HTMLInputElement>(\n      `[data-token-i='${i + 1}']`,\n    )\n    if (nextItem) nextItem.focus()\n  }\n\n  function _resetFocus() {\n    const firstItem =\n      rootElementRef.current?.querySelector<HTMLInputElement>(\n        `[data-token-i='0']`,\n      )\n    firstItem?.focus()\n  }\n\n  function onKeyUpHandler(e: React.KeyboardEvent<HTMLInputElement>, i: number) {\n    const hasBackspacePressed = e.which === 8 || e.key === 'Backspace'\n    if (hasBackspacePressed) {\n      const previousItem =\n        rootElementRef?.current?.querySelector<HTMLInputElement>(\n          `[data-token-i='${i - 1}']`,\n        )\n      const currentItem =\n        rootElementRef?.current?.querySelector<HTMLInputElement>(\n          `[data-token-i='${i}']`,\n        )\n\n      setTokenMap({ ...tokenMap, [i]: '' })\n      if (!!previousItem && !currentItem?.value) previousItem.focus()\n    }\n  }\n\n  function onChangeNumber(e: React.ChangeEvent<HTMLInputElement>, i: number) {\n    e.preventDefault()\n    let value = e?.target?.value\n    const isNumberValid = inputtedValueIsValid(value)\n    const isEmpty = value === ''\n\n    if (isNumberValid) {\n      let firstEmptyIndex = Object.keys(tokenMap).findIndex(\n        (index) => tokenMap[index] === '',\n      )\n\n      if (value.length > 1) {\n        firstEmptyIndex = firstEmptyIndex - 1\n        value = value[value.length - 1]\n      }\n\n      if (firstEmptyIndex < 0) {\n        if (value) {\n          setTokenMap({ ...tokenMap, [i]: value })\n        }\n\n        return\n      }\n\n      setTokenMap({ ...tokenMap, [firstEmptyIndex]: value })\n      if (!isEmpty) _goToNextInput(firstEmptyIndex)\n    }\n  }\n\n  function onPasteNumber(e: React.ClipboardEvent<HTMLInputElement>) {\n    e.preventDefault()\n    const value = e.clipboardData.getData('Text')\n    const isNumberValid = inputtedValueIsValid(value)\n\n    if (isNumberValid) {\n      const arrValue = value.split('').slice(0, size)\n      setTokenMap({ ..._getDefaultTokens(), ...arrValue })\n\n      _goToNextInput(arrValue.length - 1)\n    } else {\n      setTokenMap(_getDefaultTokens())\n    }\n  }\n\n  return {\n    onKeyUpHandler,\n    onChangeNumber,\n    onPasteNumber,\n    tokenMap,\n    rootElementRef,\n  }\n}\n","import Field from '../Field'\nimport { useTokenField } from './hook'\nimport './styles.scss'\n\ntype TokenFieldProps = {\n  label?: string\n  disabled?: boolean\n  success?: boolean\n  error?: boolean\n  errorMessage?: string\n  helpMessage?: string\n  showOptionalLabel?: boolean\n  size?: number\n  type?: 'number' | 'password' | 'text'\n  style?: React.CSSProperties\n  timer?: number\n  onChangeTimer?: () => void\n  onComplete?: (value: string) => void\n  onChange?: (value: string) => void\n}\n\nexport const TokenField = ({\n  label,\n  disabled,\n  success,\n  error,\n  errorMessage,\n  helpMessage,\n  showOptionalLabel,\n  size = 6,\n  type,\n  style,\n  timer,\n  onChangeTimer,\n  onComplete,\n  onChange,\n}: TokenFieldProps) => {\n  const {\n    tokenMap,\n    rootElementRef,\n    onChangeNumber,\n    onKeyUpHandler,\n    onPasteNumber,\n  } = useTokenField({ size, onComplete, onChange, onChangeTimer, timer })\n\n  return (\n    <Field.Root\n      style={style}\n      customclass=\"au-token-field\"\n      success={success}\n      error={error}\n      disabled={disabled}>\n      <Field.Label\n        text={label}\n        showOptionalLabel={showOptionalLabel}\n        success={success}\n        error={error}\n        disabled={disabled}\n      />\n      <div ref={rootElementRef} className=\"au-token-field__container\">\n        {[...Object.values(tokenMap)].map((_, i) => (\n          <div key={`token-digit-${i}`}>\n            <Field.Input\n              customclass=\"au-token-field__input\"\n              type={type || 'number'}\n              value={tokenMap[i]}\n              disabled={disabled}\n              onChange={(e) => onChangeNumber(e, i)}\n              onKeyUp={(e) => onKeyUpHandler(e, i)}\n              onPaste={(e) => onPasteNumber(e)}\n              data-token-i={i}\n\t\t\t\t\t\t\tinputMode=\"numeric\"\n\t\t\t\t\t\t\tautoComplete=\"one-time-code\"\n            />\n          </div>\n        ))}\n      </div>\n      <Field.Message hasError={!!error} errorMessage={errorMessage} helpMessage={helpMessage} />\n    </Field.Root>\n  )\n}\n"],"names":[],"mappings":"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"}

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

@@ -1 +0,0 @@
-

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

@@ -1,4 +1,3 @@
-
 export type TooltipProps = {
     text: string;
     position?: 'top' | 'bottom' | 'left' | 'right';

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

@@ -1,11 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-BXRA68j0.js";
+import { useId } from "react";
+import { c as classNames } from "../../index-C6Q03EyZ.js";
 import './styles.css';const Tooltip = ({
   text,
   position = "top",
   open,
   children
 }) => {
+  const tooltipId = useId();
   const tooltipClasses = classNames(
     "tooltip-container",
     `tooltip-${position}`,
@@ -13,9 +15,9 @@ import './styles.css';const Tooltip = ({
       "tooltip-open": open
     }
   );
-  return /* @__PURE__ */ jsxs("div", { className: tooltipClasses, children: [
+  return /* @__PURE__ */ jsxs("div", { className: tooltipClasses, "aria-describedby": tooltipId, children: [
     children,
-    /* @__PURE__ */ jsx("div", { className: "tooltip", children: text })
+    /* @__PURE__ */ jsx("div", { id: tooltipId, className: "tooltip", role: "tooltip", children: text })
   ] });
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Tooltip/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport './styles.scss'\n\nexport type TooltipProps = {\n  text: string\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  open?: boolean\n  children: React.ReactNode\n}\n\nexport const Tooltip = ({\n  text,\n  position = 'top',\n  open,\n  children,\n}: TooltipProps) => {\n  const tooltipClasses = classNames(\n    'tooltip-container',\n    `tooltip-${position}`,\n    {\n      'tooltip-open': open,\n    },\n  )\n\n  return (\n    <div className={tooltipClasses}>\n      {children}\n      <div className=\"tooltip\">{text}</div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AAUO,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAAoB;AAClB,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA,WAAW,QAAQ;AAAA,IACnB;AAAA,MACE,gBAAgB;AAAA,IAClB;AAAA,EAAA;AAIA,SAAA,qBAAC,OAAI,EAAA,WAAW,gBACb,UAAA;AAAA,IAAA;AAAA,IACA,oBAAA,OAAA,EAAI,WAAU,WAAW,UAAK,MAAA;AAAA,EACjC,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Tooltip/index.tsx"],"sourcesContent":["import { useId } from 'react'\nimport classNames from 'classnames'\nimport './styles.scss'\n\nexport type TooltipProps = {\n  text: string\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  open?: boolean\n  children: React.ReactNode\n}\n\nexport const Tooltip = ({\n  text,\n  position = 'top',\n  open,\n  children,\n}: TooltipProps) => {\n  const tooltipId = useId()\n\n  const tooltipClasses = classNames(\n    'tooltip-container',\n    `tooltip-${position}`,\n    {\n      'tooltip-open': open,\n    },\n  )\n\n  return (\n    <div className={tooltipClasses} aria-describedby={tooltipId}>\n      {children}\n      <div id={tooltipId} className=\"tooltip\" role=\"tooltip\">{text}</div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AAWO,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAAoB;AAClB,QAAM,YAAY,MAAA;AAElB,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA,WAAW,QAAQ;AAAA,IACnB;AAAA,MACE,gBAAgB;AAAA,IAAA;AAAA,EAClB;AAGF,SACE,qBAAC,OAAA,EAAI,WAAW,gBAAgB,oBAAkB,WAC/C,UAAA;AAAA,IAAA;AAAA,IACD,oBAAC,SAAI,IAAI,WAAW,WAAU,WAAU,MAAK,WAAW,UAAA,KAAA,CAAK;AAAA,EAAA,GAC/D;AAEJ;"}

package/dist/components/Tooltip/styles.css

@@ -1 +1 @@
-.tooltip-container{cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;width:max-content}.tooltip-container .tooltip{visibility:hidden;background-color:#16181d;border-radius:8px;max-width:204px;width:max-content;padding:8px;position:absolute;z-index:1;opacity:0;transition:opacity .3s;color:#fff;font-family:"Source Sans 3",sans-serif;font-size:14px;text-align:center}.tooltip-container .tooltip:after{content:"";position:absolute;border-width:5px;border-style:solid}.tooltip-container:hover .tooltip,.tooltip-container.tooltip-open .tooltip{visibility:visible;opacity:1}.tooltip-container.tooltip-top .tooltip{bottom:125%}.tooltip-container.tooltip-top .tooltip:after{top:100%;left:50%;margin-left:-5px;border-color:#16181d transparent transparent transparent}.tooltip-container.tooltip-bottom .tooltip{top:125%}.tooltip-container.tooltip-bottom .tooltip:after{bottom:100%;left:50%;margin-left:-5px;border-color:transparent transparent #16181d transparent}.tooltip-container.tooltip-left .tooltip{right:125%}.tooltip-container.tooltip-left .tooltip:after{top:50%;left:100%;margin-top:-5px;border-color:transparent transparent transparent #16181d}.tooltip-container.tooltip-right .tooltip{left:125%}.tooltip-container.tooltip-right .tooltip:after{top:50%;right:100%;margin-top:-5px;border-color:transparent #16181d transparent transparent}
+.tooltip-container{cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;width:max-content}.tooltip-container .tooltip{visibility:hidden;background-color:#16181d;border-radius:8px;max-width:204px;width:max-content;padding:8px;position:absolute;z-index:1;opacity:0;transition:opacity .3s;color:#fff;font-family:"Source Sans 3",sans-serif;font-size:14px;text-align:center}.tooltip-container .tooltip:after{content:"";position:absolute;border-width:5px;border-style:solid}.tooltip-container:hover .tooltip,.tooltip-container:focus-within .tooltip,.tooltip-container.tooltip-open .tooltip{visibility:visible;opacity:1}.tooltip-container.tooltip-top .tooltip{bottom:125%}.tooltip-container.tooltip-top .tooltip:after{top:100%;left:50%;margin-left:-5px;border-color:#16181d transparent transparent transparent}.tooltip-container.tooltip-bottom .tooltip{top:125%}.tooltip-container.tooltip-bottom .tooltip:after{bottom:100%;left:50%;margin-left:-5px;border-color:transparent transparent #16181d transparent}.tooltip-container.tooltip-left .tooltip{right:125%}.tooltip-container.tooltip-left .tooltip:after{top:50%;left:100%;margin-top:-5px;border-color:transparent transparent transparent #16181d}.tooltip-container.tooltip-right .tooltip{left:125%}.tooltip-container.tooltip-right .tooltip:after{top:50%;right:100%;margin-top:-5px;border-color:transparent #16181d transparent transparent}

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

@@ -1,4 +1,6 @@
 import { IconActivity } from "../icons/IconActivity/index.es.js";
+import { IconAi } from "../icons/IconAi/index.es.js";
+import { IconAiBox } from "../icons/IconAiBox/index.es.js";
 import { IconAirplay } from "../icons/IconAirplay/index.es.js";
 import { IconAlertCircle } from "../icons/IconAlertCircle/index.es.js";
 import { IconAlertOctagon } from "../icons/IconAlertOctagon/index.es.js";
@@ -24,6 +26,7 @@ import { IconArrowUpLeft } from "../icons/IconArrowUpLeft/index.es.js";
 import { IconArrowUpRight } from "../icons/IconArrowUpRight/index.es.js";
 import { IconAtSign } from "../icons/IconAtSign/index.es.js";
 import { IconAward } from "../icons/IconAward/index.es.js";
+import { IconBank } from "../icons/IconBank/index.es.js";
 import { IconBarChart } from "../icons/IconBarChart/index.es.js";
 import { IconBarChart2 } from "../icons/IconBarChart2/index.es.js";
 import { IconBarCode } from "../icons/IconBarCode/index.es.js";
@@ -154,6 +157,7 @@ import { IconLaptop } from "../icons/IconLaptop/index.es.js";
 import { IconLayers } from "../icons/IconLayers/index.es.js";
 import { IconLayout } from "../icons/IconLayout/index.es.js";
 import { IconLifeBuoy } from "../icons/IconLifeBuoy/index.es.js";
+import { IconLightBulb } from "../icons/IconLightBulb/index.es.js";
 import { IconLink } from "../icons/IconLink/index.es.js";
 import { IconLink2 } from "../icons/IconLink2/index.es.js";
 import { IconLinkedin } from "../icons/IconLinkedin/index.es.js";
@@ -197,6 +201,7 @@ import { IconPaperclip } from "../icons/IconPaperclip/index.es.js";
 import { IconPause } from "../icons/IconPause/index.es.js";
 import { IconPauseCircle } from "../icons/IconPauseCircle/index.es.js";
 import { IconPenTool } from "../icons/IconPenTool/index.es.js";
+import { IconPencilPack } from "../icons/IconPencilPack/index.es.js";
 import { IconPercent } from "../icons/IconPercent/index.es.js";
 import { IconPercentBalloon } from "../icons/IconPercentBalloon/index.es.js";
 import { IconPhone } from "../icons/IconPhone/index.es.js";
@@ -228,6 +233,7 @@ import { IconRotateCw } from "../icons/IconRotateCw/index.es.js";
 import { IconRss } from "../icons/IconRss/index.es.js";
 import { IconSave } from "../icons/IconSave/index.es.js";
 import { IconSaveMoney } from "../icons/IconSaveMoney/index.es.js";
+import { IconSchoolBag } from "../icons/IconSchoolBag/index.es.js";
 import { IconScissors } from "../icons/IconScissors/index.es.js";
 import { IconSearch } from "../icons/IconSearch/index.es.js";
 import { IconSend } from "../icons/IconSend/index.es.js";
@@ -318,6 +324,8 @@ import { IconZoomIn } from "../icons/IconZoomIn/index.es.js";
 import { IconZoomOut } from "../icons/IconZoomOut/index.es.js";
 export {
   IconActivity,
+  IconAi,
+  IconAiBox,
   IconAirplay,
   IconAlertCircle,
   IconAlertOctagon,
@@ -343,6 +351,7 @@ export {
   IconArrowUpRight,
   IconAtSign,
   IconAward,
+  IconBank,
   IconBarChart,
   IconBarChart2,
   IconBarCode,
@@ -473,6 +482,7 @@ export {
   IconLayers,
   IconLayout,
   IconLifeBuoy,
+  IconLightBulb,
   IconLink,
   IconLink2,
   IconLinkedin,
@@ -516,6 +526,7 @@ export {
   IconPause,
   IconPauseCircle,
   IconPenTool,
+  IconPencilPack,
   IconPercent,
   IconPercentBalloon,
   IconPhone,
@@ -547,6 +558,7 @@ export {
   IconRss,
   IconSave,
   IconSaveMoney,
+  IconSchoolBag,
   IconScissors,
   IconSearch,
   IconSend,

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/form/Checkbox/Field/index.d.ts

@@ -1,3 +1,2 @@
 import { CheckboxFieldProps } from '../types';
-
 export declare const CheckboxField: ({ label, error, errorMessage, disabled, id, style, ...props }: CheckboxFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/form/Checkbox/Group/hook.d.ts

@@ -1,5 +1,4 @@
 import { CheckboxFieldProps } from '../types';
-
 type UseCheckboxGroupProps = {
     name?: string;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;

package/dist/components/form/Checkbox/Group/index.d.ts

@@ -1,3 +1,2 @@
 import { CheckboxGroupProps } from '../types';
-
 export declare const CheckboxGroup: ({ name, defaultValue, orientation, label, error, errorMessage, required, children, onChange, onFocus, }: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/form/Checkbox/index.d.ts

@@ -1,5 +1,4 @@
 import { CheckboxFieldProps, CheckboxGroupProps } from './types';
-
 type Components = {
     Field: React.FC<CheckboxFieldProps>;
     Group: React.FC<CheckboxGroupProps>;

package/dist/components/form/Checkbox/types.d.ts

@@ -1,5 +1,4 @@
 import { CheckboxField } from './Field';
-
 export type CheckboxFieldProps = React.InputHTMLAttributes<HTMLInputElement> & {
     label?: string | React.ReactNode;
     error?: boolean;

package/dist/components/form/Datepicker/Calendar/hook.d.ts

@@ -1,6 +1,5 @@
 import { CalendarDate } from '@internationalized/date';
 import { AUCalendarDateShape } from '../types';
-
 type UseCalendarProps = {
     minValue: AUCalendarDateShape;
     maxValue: AUCalendarDateShape;

package/dist/components/form/Datepicker/Calendar/index.d.ts

@@ -1,5 +1,4 @@
 import { AUCalendarDateShape } from '../types';
-
 type DatepickerCalendarProps = {
     withPortal?: boolean;
     minValue: AUCalendarDateShape;

package/dist/components/form/Datepicker/CalendarHeader/hook.d.ts

@@ -1,6 +1,5 @@
 import { CalendarDate } from '@internationalized/date';
 import { SegmentItem } from '../types';
-
 type UseCalendarHeaderProps = {
     defaultFocusDate?: CalendarDate;
 };

package/dist/components/form/Datepicker/CalendarHeader/index.d.ts

@@ -1,5 +1,4 @@
 import { CalendarDate } from '@internationalized/date';
-
 type CalendarHeaderProps = {
     defaultFocusDate?: CalendarDate;
 };

package/dist/components/form/Datepicker/Segment/hook.d.ts

@@ -1,5 +1,4 @@
 import { SegmentItem } from '../types';
-
 type UseSegmentProps = {
     options: SegmentItem[];
     currentValue: string | number;

package/dist/components/form/Datepicker/Segment/index.d.ts

@@ -1,5 +1,4 @@
 import { SegmentItem } from '../types';
-
 type SegmentProps = {
     mobileTitle: string;
     options: SegmentItem[];

package/dist/components/form/Datepicker/helpers.d.ts

@@ -1,5 +1,4 @@
 import { AUCalendarDateShape, DefaultValue, FormatAdapter } from './types';
-
 /**
  * This adapter Handle the input format and convert to a more
  * universal structure, that can be used accross all subcomponents in the datepicker.

package/dist/components/form/Datepicker/hook.d.ts

@@ -1,5 +1,4 @@
 import { AUCalendarDateShape, DefaultValue, EventHandler, FormatAdapter } from './types';
-
 type UseDatePickerProps = {
     onChange?: EventHandler;
     disabled?: boolean;

package/dist/components/form/Datepicker/index.d.ts

@@ -1,6 +1,5 @@
 import { InputProps } from '../InputField';
 import { AUCalendarDateShape, DefaultValue, EventHandler, FormatAdapter } from './types';
-
 type DatepickerFieldProps = Omit<InputProps, 'value' | 'onChange'> & {
     /** Use calendar dialog to pick date */
     calendar?: boolean;

package/dist/components/form/EmailField/hook.d.ts

@@ -3,6 +3,8 @@ export declare const useEmailAutocomplete: (propsOnChange?: ((value: string) =>
     setInputValue: import('react').Dispatch<import('react').SetStateAction<string>>;
     suggestions: string[];
     isDropdownOpen: boolean;
+    activeIndex: number;
     handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleSuggestionClick: (suggestion: string) => void;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
 };

package/dist/components/form/EmailField/index.d.ts

@@ -1,4 +1,3 @@
-
 export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
     showOptionalLabel?: boolean;
     requiredInput?: boolean;

package/dist/components/form/Field/ErrorMessage/index.d.ts

@@ -1,6 +1,7 @@
 type ErrorMessageProps = {
     hasError?: boolean;
     message?: string;
+    id?: string;
 };
-export declare const FieldErrorMessage: ({ hasError, message }: ErrorMessageProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const FieldErrorMessage: ({ hasError, message, id }: ErrorMessageProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/form/Field/InputHolder/index.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 type FieldInputHolderProps = {
     children?: React.ReactNode;
     rightSideSlot?: React.ReactNode;

package/dist/components/form/Field/Label/index.d.ts

@@ -1,5 +1,6 @@
 type FieldLabelProps = {
     id?: string;
+    labelId?: string;
     text?: string | React.ReactNode;
     required?: boolean;
     success?: boolean;
@@ -7,5 +8,5 @@ type FieldLabelProps = {
     disabled?: boolean;
     showOptionalLabel?: boolean;
 };
-export declare const FieldLabel: ({ id, text, required, success, error, disabled, showOptionalLabel, }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const FieldLabel: ({ id, labelId, text, required, success, error, disabled, showOptionalLabel, }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/form/Field/Message/index.d.ts

@@ -2,6 +2,8 @@ type FieldMessageProps = {
     hasError?: boolean;
     errorMessage?: string;
     helpMessage?: string;
+    errorId?: string;
+    helpId?: string;
 };
-export declare const FieldMessage: ({ hasError, errorMessage, helpMessage }: FieldMessageProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const FieldMessage: ({ hasError, errorMessage, helpMessage, errorId, helpId }: FieldMessageProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/form/Field/TextArea/index.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 type FieldTextAreaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
     textareaRef?: React.RefObject<HTMLTextAreaElement>;
     customClass?: string;

package/dist/components/form/Field/index.d.ts

@@ -1,4 +1,3 @@
-
 declare const _default: {
     Root: ({ children, disabled, success, error, style, customclass, }: {
         children: import('react').ReactNode;
@@ -16,8 +15,9 @@ declare const _default: {
         children?: import('react').ReactNode;
         rightSideSlot?: import('react').ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
-    Label: ({ id, text, required, success, error, disabled, showOptionalLabel, }: {
+    Label: ({ id, labelId, text, required, success, error, disabled, showOptionalLabel, }: {
         id?: string | undefined;
+        labelId?: string | undefined;
         text?: import('react').ReactNode;
         required?: boolean | undefined;
         success?: boolean | undefined;
@@ -25,14 +25,17 @@ declare const _default: {
         disabled?: boolean | undefined;
         showOptionalLabel?: boolean | undefined;
     }) => import("react/jsx-runtime").JSX.Element | null;
-    ErrorMessage: ({ hasError, message }: {
+    ErrorMessage: ({ hasError, message, id }: {
         hasError?: boolean | undefined;
         message?: string | undefined;
+        id?: string | undefined;
     }) => import("react/jsx-runtime").JSX.Element | null;
-    Message: ({ hasError, errorMessage, helpMessage }: {
+    Message: ({ hasError, errorMessage, helpMessage, errorId, helpId }: {
         hasError?: boolean | undefined;
         errorMessage?: string | undefined;
         helpMessage?: string | undefined;
+        errorId?: string | undefined;
+        helpId?: string | undefined;
     }) => import("react/jsx-runtime").JSX.Element | null;
     TextArea: ({ textareaRef, customClass, horizontalResize, maxLength, ...props }: import('react').TextareaHTMLAttributes<HTMLTextAreaElement> & {
         textareaRef?: import('react').RefObject<HTMLTextAreaElement> | undefined;

package/dist/components/form/PasswordField/hook.d.ts

@@ -1,5 +1,6 @@
 export declare const usePasswordField: () => {
     fieldType: string;
     textButton: string;
+    showPassword: boolean;
     changeVisibility: () => void;
 };

package/dist/components/form/PasswordField/index.d.ts

@@ -1,4 +1,3 @@
-
 type PasswordFieldProps = React.InputHTMLAttributes<HTMLInputElement> & {
     type?: 'password';
     showOptionalLabel?: boolean;

package/dist/components/form/Radio/Field/index.d.ts

@@ -1,3 +1,2 @@
 import { RadioFieldProps } from '../types';
-
 export declare const RadioField: ({ type, direction, label, error, id, disabled, ...props }: RadioFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/form/Radio/Group/index.d.ts

@@ -1,3 +1,2 @@
 import { RadioGroupProps } from '../types';
-
 export declare const RadioGroup: ({ name, defaultValue, orientation, label, error, errorMessage, required, children, onChange, onFocus, }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/form/Radio/index.d.ts

@@ -1,5 +1,4 @@
 import { RadioFieldProps, RadioGroupProps } from './types';
-
 type Components = {
     Field: React.FC<RadioFieldProps>;
     Group: React.FC<RadioGroupProps>;

package/dist/components/form/Radio/types.d.ts

@@ -1,5 +1,4 @@
 import { RadioField } from './Field';
-
 export type RadioFieldProps = React.InputHTMLAttributes<HTMLInputElement> & {
     direction?: 'left' | 'right';
     label?: string;

package/dist/components/form/SelectField/hook.d.ts

@@ -1,5 +1,4 @@
 import { OptionProps } from './types';
-
 export declare const useSelectField: (options: OptionProps[], initialValue?: string, onChange?: ((value: string) => void) | undefined, onBlur?: React.FocusEventHandler, disabled?: boolean, register?: ((instance: HTMLSelectElement | null) => void) | undefined, autocomplete?: boolean, fullScreenOptions?: boolean) => {
     isDropdownOpen: boolean;
     selectRef: import('react').RefObject<HTMLDivElement>;

package/dist/components/form/SelectField/index.d.ts

@@ -1,3 +1,2 @@
 import { SelectFieldProps } from './types';
-
 export declare const SelectField: ({ label, options, showOptionalLabel, error, errorMessage, helpMessage, disabled, required, value, onChange, style, className, placeholder, name, register, onBlur, autocomplete, EmptyText, fullScreenOptions, htmlType }: SelectFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/form/TokenField/index.d.ts

@@ -1,4 +1,3 @@
-
 type TokenFieldProps = {
     label?: string;
     disabled?: boolean;

package/dist/components/icons/Icon.d.ts

@@ -1,5 +1,4 @@
-
-export type IconSize = 'large' | 'small' | 'default';
+export type IconSize = 'large' | 'medium' | 'small' | 'default';
 export type IconColor = 'dark' | 'info' | 'default' | 'success';
 export type IconProps = {
     size?: IconSize;