@consumidor-positivo/aurora 0.12.0 → 1.0.0

package/dist/{index-CnXw6SB7.js → index-DHwXRotU.js}

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c as classNames } from "./index-C6Q03EyZ.js";
-import { $ as $2aaf608024c21ca1$export$99faa760c7908e4f, a as $6f9a1820b787aac7$export$e1aef45b828286de, C as CalendarHeader, b as $6f9a1820b787aac7$export$5bd780d491cfc46c, c as $6f9a1820b787aac7$export$22e2d15eaa4d2377, d as $6f9a1820b787aac7$export$ad2135cac3a11b3d, e as $6f9a1820b787aac7$export$e11f8ba65d857bff, f as $6f9a1820b787aac7$export$5d847498420df57b } from "./index-Dws33tXs.js";
+import { $ as $2aaf608024c21ca1$export$99faa760c7908e4f, a as $6f9a1820b787aac7$export$e1aef45b828286de, C as CalendarHeader, b as $6f9a1820b787aac7$export$5bd780d491cfc46c, c as $6f9a1820b787aac7$export$22e2d15eaa4d2377, d as $6f9a1820b787aac7$export$ad2135cac3a11b3d, e as $6f9a1820b787aac7$export$e11f8ba65d857bff, f as $6f9a1820b787aac7$export$5d847498420df57b } from "./index-BgBOcVUP.js";
 import { Button } from "./components/Button/index.es.js";
 import { PortalHolder } from "./components/PortalHolder/index.es.js";
 import { useRef, useState, useEffect } from "react";
+import { B as BREAKPOINT_MD } from "./tokens-C4yCunfz.js";
 import { a as above } from "./screen-DfYo7XQ_.js";
-import { B as BREAKPOINT_MD } from "./tokens-CKZdIZ5O.js";
 import './components/index/styles2.css';const DDMMYYYY = {
   placeholder: "DD/MM/YYYY",
   /** Apply DD/MM/YYYY to a field text while typing */
@@ -238,4 +238,4 @@ export {
   DatepickerCalendar as a,
   getDefaultDate as g
 };
-//# sourceMappingURL=index-CnXw6SB7.js.map
+//# sourceMappingURL=index-DHwXRotU.js.map

package/dist/{index-CnXw6SB7.js.map → index-DHwXRotU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CnXw6SB7.js","sources":["../lib/components/form/Datepicker/helpers.ts","../lib/components/form/Datepicker/Calendar/hook.ts","../lib/components/form/Datepicker/Calendar/index.tsx"],"sourcesContent":["import { AUCalendarDateShape, DefaultValue, FormatAdapter } from './types'\n\n/**\n * This adapter Handle the input format and convert to a more\n * universal structure, that can be used accross all subcomponents in the datepicker.\n * if we need to support another format like dd-mm-yyyy, we only need to create another adapter\n * following this model\n */\nexport const DDMMYYYY: FormatAdapter = {\n  placeholder: 'DD/MM/YYYY',\n  /** Apply DD/MM/YYYY to a field text while typing */\n  maskDate(dateStr) {\n    let fmtInputDate = dateStr\n    fmtInputDate = fmtInputDate.replace(/\\D/g, '') // Remove non-numeric characters\n\n    if (fmtInputDate.length > 2) {\n      fmtInputDate = `${fmtInputDate.slice(0, 2)}/${fmtInputDate.slice(2)}`\n    }\n    if (fmtInputDate.length > 5) {\n      fmtInputDate = `${fmtInputDate.slice(0, 5)}/${fmtInputDate.slice(5)}`\n    }\n    return fmtInputDate\n  },\n  /** Check if a string is on DD/MM/YYYY Format */\n  validateFormat(dateStr) {\n    const pattern = /^\\d{2}\\/\\d{2}\\/\\d{4}$/\n    return pattern.test(dateStr)\n  },\n  /** Covert a DD/MM/YYYY to the datepicker date structure */\n  toCalendarDate(dateStr): AUCalendarDateShape {\n    const [day, month, year] = dateStr.split('/').map(Number)\n    return AUCalendarDate(day, month, year)\n  },\n  /** Covert a Date in the datepicker structure into a DD/MM/YYYY string */\n  toString(dateObj: AUCalendarDateShape): string {\n    const fmtNumber = (digit: number) =>\n      String(digit).length === 1 ? `0${digit}` : String(digit)\n    const { day, month, year } = dateObj\n\n    return `${fmtNumber(day)}/${fmtNumber(month)}/${year}`\n  },\n  /** Check if a DD/MM/YYYY is a valid date */\n  validate(dateStr, minValue, maxValue): boolean {\n    const [day, month, year] = dateStr.split('/').map(Number)\n    const date = new Date(year, month - 1, day)\n    const isOlderThanMinDate =\n      !!minValue &&\n      date < new Date(minValue.year, minValue.month - 1, minValue.day)\n\n    const exceedsMaxDate =\n      !!maxValue &&\n      date > new Date(maxValue.year, maxValue.month - 1, maxValue.day)\n\n    return (\n      date.getDate() === day &&\n      date.getMonth() + 1 === month &&\n      date.getFullYear() === year &&\n      !isOlderThanMinDate &&\n      !exceedsMaxDate\n    )\n  },\n}\n\nexport function AUCalendarDate(\n  day: number,\n  month: number,\n  year: number,\n): AUCalendarDateShape {\n  return {\n    day,\n    month,\n    year,\n  }\n}\n\nexport function getDefaultDate(\n  defaultDateProp: DefaultValue,\n): AUCalendarDateShape | null {\n  if (defaultDateProp == 'empty') return null\n  if (defaultDateProp === 'now') {\n    const now = new Date()\n    return AUCalendarDate(now.getDate(), now.getMonth() + 1, now.getFullYear())\n  }\n\n  return defaultDateProp\n}\n","import { useEffect, useRef, useState } from 'react'\nimport { CalendarDate } from '@internationalized/date'\nimport { BREAKPOINT_MD } from '@core/tokens'\nimport { above } from '@core/utils/screen'\nimport { AUCalendarDate } from '../helpers'\nimport { AUCalendarDateShape } from '../types'\n\ntype UseCalendarProps = {\n  minValue: AUCalendarDateShape\n  maxValue: AUCalendarDateShape\n  value?: AUCalendarDateShape | null\n  isVisible: boolean\n  onClose: () => void\n  onChange: (date: AUCalendarDateShape) => void\n}\n\nexport function useCalendar({\n  onChange,\n  onClose,\n  minValue,\n  maxValue,\n  value,\n  isVisible,\n}: UseCalendarProps) {\n  const rootEl = useRef<HTMLDivElement>(null)\n  const [enteredAnimation, setEnteredAnimation] = useState(false)\n  const [calendarInternalState, setCalendarInternalState] =\n    useState<CalendarDate>()\n\n  const [delayedIsVisible, setDelayedIsVisible] = useState(false)\n\n  const usedMinValue = new CalendarDate(\n    minValue.year,\n    minValue.month,\n    minValue.day,\n  )\n  const usedMaxValue = new CalendarDate(\n    maxValue.year,\n    maxValue.month,\n    maxValue.day,\n  )\n\n  useEffect(() => {\n    if (!value) return\n    const { day, month, year } = value\n    setCalendarInternalState(new CalendarDate(year, month, day))\n  }, [value])\n\n  useEffect(() => {\n    if (isVisible) {\n      setDelayedIsVisible(true)\n      return delayComponentMount()\n    } else {\n      return delayComponentUnmount()\n    }\n  }, [isVisible])\n\n  function delayComponentMount(delayTime = 100) {\n    const t = setTimeout(() => {\n      setEnteredAnimation(true)\n    }, delayTime)\n\n    return () => {\n      clearTimeout(t)\n    }\n  }\n\n  function delayComponentUnmount(delayTime = 200) {\n    setEnteredAnimation(false)\n    const timoutToUnmount = setTimeout(() => {\n      setDelayedIsVisible(false)\n    }, delayTime)\n\n    return () => {\n      clearTimeout(timoutToUnmount)\n    }\n  }\n\n  function fmtWeekday(day: string) {\n    const capitalized = `${day.charAt(0).toUpperCase()}${day.slice(1)}`\n    return capitalized.replace('.', '')\n  }\n\n  function triggerChange(date: CalendarDate) {\n    const { day, month, year } = date\n    onChange(AUCalendarDate(day, month, year))\n    onClose()\n  }\n\n  function calendarChange(date: CalendarDate) {\n    setCalendarInternalState(date)\n    if (!above(BREAKPOINT_MD)) return\n    triggerChange(date)\n  }\n\n  function actionChange() {\n    if (calendarInternalState) {\n      triggerChange(calendarInternalState)\n    }\n  }\n\n  return {\n    actionChange,\n    calendarChange,\n    fmtWeekday,\n    usedMaxValue,\n    usedMinValue,\n    rootEl,\n    calendarInternalState,\n    enteredAnimation,\n    delayedIsVisible,\n  }\n}\n","import classNames from 'classnames'\nimport {\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n} from 'react-aria-components'\nimport { Button } from '@components/Button'\nimport { CalendarHeader } from '../CalendarHeader'\nimport { PortalHolder } from '../PortalHolder'\n\n\nimport { AUCalendarDateShape } from '../types'\nimport { useCalendar } from './hook'\nimport './styles.scss'\n\ntype DatepickerCalendarProps = {\n  withPortal?: boolean\n  minValue: AUCalendarDateShape\n  maxValue: AUCalendarDateShape\n  value?: AUCalendarDateShape | null\n  onClose: () => void\n  onChange: (date: AUCalendarDateShape) => void\n  isVisible: boolean\n}\n\nexport const DatepickerCalendar = ({\n  onClose,\n  withPortal,\n  minValue,\n  maxValue,\n  value,\n  onChange,\n  isVisible,\n}: DatepickerCalendarProps) => {\n  const {\n    rootEl,\n    usedMaxValue,\n    usedMinValue,\n    calendarInternalState,\n    calendarChange,\n    fmtWeekday,\n    actionChange,\n    enteredAnimation,\n    delayedIsVisible,\n  } = useCalendar({\n    onChange,\n    onClose,\n    minValue,\n    maxValue,\n    value,\n    isVisible,\n  })\n\n  const componentClass = classNames('au-datepicker__calendar', {\n    'au-datepicker__calendar--visible': enteredAnimation,\n  })\n\n  if (!delayedIsVisible) return\n\n  return (\n    <PortalHolder withPortal={withPortal}>\n      <div className={componentClass} ref={rootEl}>\n        <div className=\"au-datepicker__calendar-backdrop\" onClick={onClose} />\n        <div className=\"au-datepicker__calendar-card\">\n          <Calendar\n            autoFocus\n            className=\"au-datepicker__calendar-base\"\n            minValue={usedMinValue}\n            maxValue={usedMaxValue}\n            value={calendarInternalState}\n            onChange={calendarChange}>\n            <CalendarHeader defaultFocusDate={calendarInternalState} />\n            <CalendarGrid\n              className=\"au-datepicker__calendar-grid\"\n              weekdayStyle=\"short\">\n              <CalendarGridHeader>\n                {(day) => (\n                  <CalendarHeaderCell className=\"au-datepicker__calendar-weekday\">\n                    {fmtWeekday(day)}\n                  </CalendarHeaderCell>\n                )}\n              </CalendarGridHeader>\n              <CalendarGridBody>\n                {(date) => (\n                  <CalendarCell\n                    className=\"au-datepicker__calendar-day\"\n                    date={date}\n                  />\n                )}\n              </CalendarGridBody>\n            </CalendarGrid>\n          </Calendar>\n          <div className=\"au-datepicker__calendar-actions-dock\">\n            <Button\n              type=\"outlined\"\n              className=\"au-datepicker__calendar-cancel\"\n              expand=\"x\"\n              onClick={onClose}>\n              Cancelar\n            </Button>\n            <Button\n              disabled={!calendarInternalState}\n              onClick={actionChange}\n              expand=\"x\">\n              Confirmar\n            </Button>\n          </div>\n        </div>\n      </div>\n    </PortalHolder>\n  )\n}\n"],"names":["CalendarDate","Calendar","CalendarGrid","CalendarGridHeader","CalendarHeaderCell","CalendarGridBody","CalendarCell"],"mappings":";;;;;;;;AAQO,MAAM,WAA0B;AAAA,EACrC,aAAa;AAAA;AAAA,EAEb,SAAS,SAAS;AAChB,QAAI,eAAe;AACnB,mBAAe,aAAa,QAAQ,OAAO,EAAE;AAE7C,QAAI,aAAa,SAAS,GAAG;AAC3B,qBAAe,GAAG,aAAa,MAAM,GAAG,CAAC,CAAC,IAAI,aAAa,MAAM,CAAC,CAAC;AAAA,IACrE;AACA,QAAI,aAAa,SAAS,GAAG;AAC3B,qBAAe,GAAG,aAAa,MAAM,GAAG,CAAC,CAAC,IAAI,aAAa,MAAM,CAAC,CAAC;AAAA,IACrE;AACA,WAAO;AAAA,EACT;AAAA;AAAA,EAEA,eAAe,SAAS;AACtB,UAAM,UAAU;AAChB,WAAO,QAAQ,KAAK,OAAO;AAAA,EAC7B;AAAA;AAAA,EAEA,eAAe,SAA8B;AAC3C,UAAM,CAAC,KAAK,OAAO,IAAI,IAAI,QAAQ,MAAM,GAAG,EAAE,IAAI,MAAM;AACxD,WAAO,eAAe,KAAK,OAAO,IAAI;AAAA,EACxC;AAAA;AAAA,EAEA,SAAS,SAAsC;AAC7C,UAAM,YAAY,CAAC,UACjB,OAAO,KAAK,EAAE,WAAW,IAAI,IAAI,KAAK,KAAK,OAAO,KAAK;AACzD,UAAM,EAAE,KAAK,OAAO,KAAA,IAAS;AAE7B,WAAO,GAAG,UAAU,GAAG,CAAC,IAAI,UAAU,KAAK,CAAC,IAAI,IAAI;AAAA,EACtD;AAAA;AAAA,EAEA,SAAS,SAAS,UAAU,UAAmB;AAC7C,UAAM,CAAC,KAAK,OAAO,IAAI,IAAI,QAAQ,MAAM,GAAG,EAAE,IAAI,MAAM;AACxD,UAAM,OAAO,IAAI,KAAK,MAAM,QAAQ,GAAG,GAAG;AAC1C,UAAM,qBACJ,CAAC,CAAC,YACF,OAAO,IAAI,KAAK,SAAS,MAAM,SAAS,QAAQ,GAAG,SAAS,GAAG;AAEjE,UAAM,iBACJ,CAAC,CAAC,YACF,OAAO,IAAI,KAAK,SAAS,MAAM,SAAS,QAAQ,GAAG,SAAS,GAAG;AAEjE,WACE,KAAK,QAAA,MAAc,OACnB,KAAK,SAAA,IAAa,MAAM,SACxB,KAAK,YAAA,MAAkB,QACvB,CAAC,sBACD,CAAC;AAAA,EAEL;AACF;AAEO,SAAS,eACd,KACA,OACA,MACqB;AACrB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;AAEO,SAAS,eACd,iBAC4B;AAC5B,MAAI,mBAAmB,QAAS,QAAO;AACvC,MAAI,oBAAoB,OAAO;AAC7B,UAAM,0BAAU,KAAA;AAChB,WAAO,eAAe,IAAI,WAAW,IAAI,aAAa,GAAG,IAAI,aAAa;AAAA,EAC5E;AAEA,SAAO;AACT;ACrEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,QAAM,SAAS,OAAuB,IAAI;AAC1C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAC9D,QAAM,CAAC,uBAAuB,wBAAwB,IACpD,SAAA;AAEF,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAE9D,QAAM,eAAe,IAAIA;AAAAA,IACvB,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEX,QAAM,eAAe,IAAIA;AAAAA,IACvB,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAGX,YAAU,MAAM;AACd,QAAI,CAAC,MAAO;AACZ,UAAM,EAAE,KAAK,OAAO,KAAA,IAAS;AAC7B,6BAAyB,IAAIA,0CAAa,MAAM,OAAO,GAAG,CAAC;AAAA,EAC7D,GAAG,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;AACd,QAAI,WAAW;AACb,0BAAoB,IAAI;AACxB,aAAO,oBAAA;AAAA,IACT,OAAO;AACL,aAAO,sBAAA;AAAA,IACT;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,WAAS,oBAAoB,YAAY,KAAK;AAC5C,UAAM,IAAI,WAAW,MAAM;AACzB,0BAAoB,IAAI;AAAA,IAC1B,GAAG,SAAS;AAEZ,WAAO,MAAM;AACX,mBAAa,CAAC;AAAA,IAChB;AAAA,EACF;AAEA,WAAS,sBAAsB,YAAY,KAAK;AAC9C,wBAAoB,KAAK;AACzB,UAAM,kBAAkB,WAAW,MAAM;AACvC,0BAAoB,KAAK;AAAA,IAC3B,GAAG,SAAS;AAEZ,WAAO,MAAM;AACX,mBAAa,eAAe;AAAA,IAC9B;AAAA,EACF;AAEA,WAAS,WAAW,KAAa;AAC/B,UAAM,cAAc,GAAG,IAAI,OAAO,CAAC,EAAE,YAAA,CAAa,GAAG,IAAI,MAAM,CAAC,CAAC;AACjE,WAAO,YAAY,QAAQ,KAAK,EAAE;AAAA,EACpC;AAEA,WAAS,cAAc,MAAoB;AACzC,UAAM,EAAE,KAAK,OAAO,KAAA,IAAS;AAC7B,aAAS,eAAe,KAAK,OAAO,IAAI,CAAC;AACzC,YAAA;AAAA,EACF;AAEA,WAAS,eAAe,MAAoB;AAC1C,6BAAyB,IAAI;AAC7B,QAAI,CAAC,MAAM,aAAa,EAAG;AAC3B,kBAAc,IAAI;AAAA,EACpB;AAEA,WAAS,eAAe;AACtB,QAAI,uBAAuB;AACzB,oBAAc,qBAAqB;AAAA,IACrC;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;ACpFO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+B;AAC7B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,YAAY;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,iBAAiB,WAAW,2BAA2B;AAAA,IAC3D,oCAAoC;AAAA,EAAA,CACrC;AAED,MAAI,CAAC,iBAAkB;AAEvB,SACE,oBAAC,gBAAa,YACZ,UAAA,qBAAC,SAAI,WAAW,gBAAgB,KAAK,QACnC,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,oCAAmC,SAAS,SAAS;AAAA,IACpE,qBAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,MAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,WAAS;AAAA,UACT,WAAU;AAAA,UACV,UAAU;AAAA,UACV,UAAU;AAAA,UACV,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAA;AAAA,YAAA,oBAAC,gBAAA,EAAe,kBAAkB,sBAAA,CAAuB;AAAA,YACzD;AAAA,cAACC;AAAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,cAAa;AAAA,gBACb,UAAA;AAAA,kBAAA,oBAACC,2CAAA,EACE,UAAA,CAAC,QACA,oBAACC,2CAAA,EAAmB,WAAU,mCAC3B,UAAA,WAAW,GAAG,EAAA,CACjB,EAAA,CAEJ;AAAA,kBACA,oBAACC,2CAAA,EACE,UAAA,CAAC,SACA;AAAA,oBAACC;AAAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV;AAAA,oBAAA;AAAA,kBAAA,EACF,CAEJ;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,qBAAC,OAAA,EAAI,WAAU,wCACb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,QAAO;AAAA,YACP,SAAS;AAAA,YAAS,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGpB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU,CAAC;AAAA,YACX,SAAS;AAAA,YACT,QAAO;AAAA,YAAI,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAEb,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"index-DHwXRotU.js","sources":["../lib/components/form/Datepicker/helpers.ts","../lib/components/form/Datepicker/Calendar/hook.ts","../lib/components/form/Datepicker/Calendar/index.tsx"],"sourcesContent":["import { AUCalendarDateShape, DefaultValue, FormatAdapter } from './types'\n\n/**\n * This adapter Handle the input format and convert to a more\n * universal structure, that can be used accross all subcomponents in the datepicker.\n * if we need to support another format like dd-mm-yyyy, we only need to create another adapter\n * following this model\n */\nexport const DDMMYYYY: FormatAdapter = {\n  placeholder: 'DD/MM/YYYY',\n  /** Apply DD/MM/YYYY to a field text while typing */\n  maskDate(dateStr) {\n    let fmtInputDate = dateStr\n    fmtInputDate = fmtInputDate.replace(/\\D/g, '') // Remove non-numeric characters\n\n    if (fmtInputDate.length > 2) {\n      fmtInputDate = `${fmtInputDate.slice(0, 2)}/${fmtInputDate.slice(2)}`\n    }\n    if (fmtInputDate.length > 5) {\n      fmtInputDate = `${fmtInputDate.slice(0, 5)}/${fmtInputDate.slice(5)}`\n    }\n    return fmtInputDate\n  },\n  /** Check if a string is on DD/MM/YYYY Format */\n  validateFormat(dateStr) {\n    const pattern = /^\\d{2}\\/\\d{2}\\/\\d{4}$/\n    return pattern.test(dateStr)\n  },\n  /** Covert a DD/MM/YYYY to the datepicker date structure */\n  toCalendarDate(dateStr): AUCalendarDateShape {\n    const [day, month, year] = dateStr.split('/').map(Number)\n    return AUCalendarDate(day, month, year)\n  },\n  /** Covert a Date in the datepicker structure into a DD/MM/YYYY string */\n  toString(dateObj: AUCalendarDateShape): string {\n    const fmtNumber = (digit: number) =>\n      String(digit).length === 1 ? `0${digit}` : String(digit)\n    const { day, month, year } = dateObj\n\n    return `${fmtNumber(day)}/${fmtNumber(month)}/${year}`\n  },\n  /** Check if a DD/MM/YYYY is a valid date */\n  validate(dateStr, minValue, maxValue): boolean {\n    const [day, month, year] = dateStr.split('/').map(Number)\n    const date = new Date(year, month - 1, day)\n    const isOlderThanMinDate =\n      !!minValue &&\n      date < new Date(minValue.year, minValue.month - 1, minValue.day)\n\n    const exceedsMaxDate =\n      !!maxValue &&\n      date > new Date(maxValue.year, maxValue.month - 1, maxValue.day)\n\n    return (\n      date.getDate() === day &&\n      date.getMonth() + 1 === month &&\n      date.getFullYear() === year &&\n      !isOlderThanMinDate &&\n      !exceedsMaxDate\n    )\n  },\n}\n\nexport function AUCalendarDate(\n  day: number,\n  month: number,\n  year: number,\n): AUCalendarDateShape {\n  return {\n    day,\n    month,\n    year,\n  }\n}\n\nexport function getDefaultDate(\n  defaultDateProp: DefaultValue,\n): AUCalendarDateShape | null {\n  if (defaultDateProp == 'empty') return null\n  if (defaultDateProp === 'now') {\n    const now = new Date()\n    return AUCalendarDate(now.getDate(), now.getMonth() + 1, now.getFullYear())\n  }\n\n  return defaultDateProp\n}\n","import { useEffect, useRef, useState } from 'react'\nimport { CalendarDate } from '@internationalized/date'\nimport { BREAKPOINT_MD } from '@core/tokens'\nimport { above } from '@core/utils/screen'\nimport { AUCalendarDate } from '../helpers'\nimport { AUCalendarDateShape } from '../types'\n\ntype UseCalendarProps = {\n  minValue: AUCalendarDateShape\n  maxValue: AUCalendarDateShape\n  value?: AUCalendarDateShape | null\n  isVisible: boolean\n  onClose: () => void\n  onChange: (date: AUCalendarDateShape) => void\n}\n\nexport function useCalendar({\n  onChange,\n  onClose,\n  minValue,\n  maxValue,\n  value,\n  isVisible,\n}: UseCalendarProps) {\n  const rootEl = useRef<HTMLDivElement>(null)\n  const [enteredAnimation, setEnteredAnimation] = useState(false)\n  const [calendarInternalState, setCalendarInternalState] =\n    useState<CalendarDate>()\n\n  const [delayedIsVisible, setDelayedIsVisible] = useState(false)\n\n  const usedMinValue = new CalendarDate(\n    minValue.year,\n    minValue.month,\n    minValue.day,\n  )\n  const usedMaxValue = new CalendarDate(\n    maxValue.year,\n    maxValue.month,\n    maxValue.day,\n  )\n\n  useEffect(() => {\n    if (!value) return\n    const { day, month, year } = value\n    setCalendarInternalState(new CalendarDate(year, month, day))\n  }, [value])\n\n  useEffect(() => {\n    if (isVisible) {\n      setDelayedIsVisible(true)\n      return delayComponentMount()\n    } else {\n      return delayComponentUnmount()\n    }\n  }, [isVisible])\n\n  function delayComponentMount(delayTime = 100) {\n    const t = setTimeout(() => {\n      setEnteredAnimation(true)\n    }, delayTime)\n\n    return () => {\n      clearTimeout(t)\n    }\n  }\n\n  function delayComponentUnmount(delayTime = 200) {\n    setEnteredAnimation(false)\n    const timoutToUnmount = setTimeout(() => {\n      setDelayedIsVisible(false)\n    }, delayTime)\n\n    return () => {\n      clearTimeout(timoutToUnmount)\n    }\n  }\n\n  function fmtWeekday(day: string) {\n    const capitalized = `${day.charAt(0).toUpperCase()}${day.slice(1)}`\n    return capitalized.replace('.', '')\n  }\n\n  function triggerChange(date: CalendarDate) {\n    const { day, month, year } = date\n    onChange(AUCalendarDate(day, month, year))\n    onClose()\n  }\n\n  function calendarChange(date: CalendarDate) {\n    setCalendarInternalState(date)\n    if (!above(BREAKPOINT_MD)) return\n    triggerChange(date)\n  }\n\n  function actionChange() {\n    if (calendarInternalState) {\n      triggerChange(calendarInternalState)\n    }\n  }\n\n  return {\n    actionChange,\n    calendarChange,\n    fmtWeekday,\n    usedMaxValue,\n    usedMinValue,\n    rootEl,\n    calendarInternalState,\n    enteredAnimation,\n    delayedIsVisible,\n  }\n}\n","import classNames from 'classnames'\nimport {\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n} from 'react-aria-components'\nimport { Button } from '@components/Button'\nimport { CalendarHeader } from '../CalendarHeader'\nimport { PortalHolder } from '../PortalHolder'\n\n\nimport { AUCalendarDateShape } from '../types'\nimport { useCalendar } from './hook'\nimport './styles.scss'\n\ntype DatepickerCalendarProps = {\n  withPortal?: boolean\n  minValue: AUCalendarDateShape\n  maxValue: AUCalendarDateShape\n  value?: AUCalendarDateShape | null\n  onClose: () => void\n  onChange: (date: AUCalendarDateShape) => void\n  isVisible: boolean\n}\n\nexport const DatepickerCalendar = ({\n  onClose,\n  withPortal,\n  minValue,\n  maxValue,\n  value,\n  onChange,\n  isVisible,\n}: DatepickerCalendarProps) => {\n  const {\n    rootEl,\n    usedMaxValue,\n    usedMinValue,\n    calendarInternalState,\n    calendarChange,\n    fmtWeekday,\n    actionChange,\n    enteredAnimation,\n    delayedIsVisible,\n  } = useCalendar({\n    onChange,\n    onClose,\n    minValue,\n    maxValue,\n    value,\n    isVisible,\n  })\n\n  const componentClass = classNames('au-datepicker__calendar', {\n    'au-datepicker__calendar--visible': enteredAnimation,\n  })\n\n  if (!delayedIsVisible) return\n\n  return (\n    <PortalHolder withPortal={withPortal}>\n      <div className={componentClass} ref={rootEl}>\n        <div className=\"au-datepicker__calendar-backdrop\" onClick={onClose} />\n        <div className=\"au-datepicker__calendar-card\">\n          <Calendar\n            autoFocus\n            className=\"au-datepicker__calendar-base\"\n            minValue={usedMinValue}\n            maxValue={usedMaxValue}\n            value={calendarInternalState}\n            onChange={calendarChange}>\n            <CalendarHeader defaultFocusDate={calendarInternalState} />\n            <CalendarGrid\n              className=\"au-datepicker__calendar-grid\"\n              weekdayStyle=\"short\">\n              <CalendarGridHeader>\n                {(day) => (\n                  <CalendarHeaderCell className=\"au-datepicker__calendar-weekday\">\n                    {fmtWeekday(day)}\n                  </CalendarHeaderCell>\n                )}\n              </CalendarGridHeader>\n              <CalendarGridBody>\n                {(date) => (\n                  <CalendarCell\n                    className=\"au-datepicker__calendar-day\"\n                    date={date}\n                  />\n                )}\n              </CalendarGridBody>\n            </CalendarGrid>\n          </Calendar>\n          <div className=\"au-datepicker__calendar-actions-dock\">\n            <Button\n              type=\"outlined\"\n              className=\"au-datepicker__calendar-cancel\"\n              expand=\"x\"\n              onClick={onClose}>\n              Cancelar\n            </Button>\n            <Button\n              disabled={!calendarInternalState}\n              onClick={actionChange}\n              expand=\"x\">\n              Confirmar\n            </Button>\n          </div>\n        </div>\n      </div>\n    </PortalHolder>\n  )\n}\n"],"names":["CalendarDate","Calendar","CalendarGrid","CalendarGridHeader","CalendarHeaderCell","CalendarGridBody","CalendarCell"],"mappings":"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"}

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

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

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

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

package/dist/main.d.ts

@@ -28,7 +28,6 @@ export { Skeleton } from './components/Skeleton';
 export { Spinner } from './components/Spinner';
 export { Image } from '../../../../../../lib/components/Image';
 export { ProgressBar } from './components/ProgressBar';
-export { Tag } from './components/Tag';
 export { Modal } from './components/Modal';
 export { Tooltip } from './components/Tooltip';
 export { Container } from './components/Container';
@@ -40,6 +39,9 @@ export { AdBox } from './components/AdBox';
 export { ChipBanner } from './components/ChipBanner';
 export { PartnerBanner, type PartnerBannerProps } from './components/PartnerBanner';
 export { Transition, type TransitionProps } from './components/Transition';
+export { SpecialButton, type SpecialButtonProps } from './components/SpecialButton';
+export { LinkButton, type LinkButtonProps } from './components/LinkButton';
+export type { SpinnerProps } from './components/Spinner';
 export { useDrawer } from './components/Drawer/hooks';
 export * from './components/Logo';
 export * from './components/icons';

package/dist/main.es.js

@@ -21,15 +21,15 @@ import { TextAreaField } from "./components/TextareaField/index.es.js";
 import { Checkbox } from "./components/Checkbox/index.es.js";
 import { Radio } from "./components/Radio/index.es.js";
 import { Alert } from "./components/Alert/index.es.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "./index-C6Q03EyZ.js";
 import { CardEmphasis } from "./components/Emphasis/index.es.js";
+import { CardTag } from "./components/Tag/index.es.js";
 import { Tabs } from "./components/Tabs/index.es.js";
 import { Skeleton } from "./components/Skeleton/index.es.js";
 import { Spinner } from "./components/Spinner/index.es.js";
 import { Image } from "./components/Image/index.es.js";
 import { ProgressBar } from "./components/ProgressBar/index.es.js";
-import { Tag } from "./components/Tag/index.es.js";
 import { Modal } from "./components/Modal/index.es.js";
 import { Tooltip } from "./components/Tooltip/index.es.js";
 import { Container } from "./components/Container/index.es.js";
@@ -41,6 +41,8 @@ import { AdBox } from "./components/AdBox/index.es.js";
 import { ChipBanner } from "./components/ChipBanner/index.es.js";
 import { PartnerBanner } from "./components/PartnerBanner/index.es.js";
 import { Transition } from "./components/Transition/index.es.js";
+import { SpecialButton } from "./components/SpecialButton/index.es.js";
+import { LinkButton } from "./components/LinkButton/index.es.js";
 import { useState } from "react";
 import { L, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s } from "./BadgeWhite-CkZPPGmT.js";
 import { IconActivity } from "./components/icons/IconActivity/index.es.js";
@@ -371,8 +373,8 @@ import { IconZoomIn } from "./components/icons/IconZoomIn/index.es.js";
 import { IconZoomOut } from "./components/icons/IconZoomOut/index.es.js";
 import { IconSocialGoogle } from "./components/icons/IconSocialGoogle/index.es.js";
 import { C, D, E, W, I, S, T } from "./react-if.esm-Cozt8l48.js";
+import { k as k2, l as l2, m as m2, n as n2, a as a2, B, o as o2, p as p2, q as q2, r as r2, s as s2, t, u, j as j2, v, w, x, y, z, A, g as g2, D as D2, E as E2, F, G, H, I as I2, J, K, L as L2, M, N, O, b as b2, P, Q, R, S as S2, T as T2, U, h as h2, V, i as i2, W as W2, X, Y, c as c2, Z, f as f2, d as d2, _, $, a0, a1, a2 as a22, C as C2, a3, a4, a5, a6, a7, a8, e as e2, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ } from "./tokens-C4yCunfz.js";
 import { Carousel } from "./components/Carousel/index.es.js";
-import { j as j2, k as k2, l as l2, m as m2, a as a2, B, 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, A, g as g2, D as D2, E as E2, F, G, H, I as I2, J, K, L as L2, M, N, O, b as b2, P, Q, R, S as S2, T as T2, U, f as f2, V, i as i2, W as W2, X, Y, c as c2, Z, h as h2, 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-CKZdIZ5O.js";
 import './components/main/styles.css';const CardContainer = ({
   direction,
   alignItems,
@@ -444,21 +446,6 @@ const CardRoot = ({
     }
   );
 };
-const CardTag = ({
-  color = "primary",
-  icon,
-  children,
-  "data-testid": dataTestId
-}) => {
-  const tagClasses = classNames("au-card__tag", {
-    "au-card__tag--primary": color === "primary",
-    "au-card__tag--secondary": color === "secondary"
-  });
-  return /* @__PURE__ */ jsxs("div", { className: tagClasses, "data-testid": dataTestId, children: [
-    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ jsx("span", { children })
-  ] });
-};
 const components = {
   Root: CardRoot,
   Container: CardContainer,
@@ -488,23 +475,23 @@ function useDrawer(props) {
 export {
   AdBox,
   Alert,
-  j2 as BORDER_RADIUS_BIG,
-  k2 as BORDER_RADIUS_MEDIUM,
-  l2 as BORDER_RADIUS_PILL,
-  m2 as BORDER_RADIUS_SMALL,
+  k2 as BORDER_RADIUS_BIG,
+  l2 as BORDER_RADIUS_MEDIUM,
+  m2 as BORDER_RADIUS_PILL,
+  n2 as BORDER_RADIUS_SMALL,
   a2 as BREAKPOINT_LG,
   B as BREAKPOINT_MD,
-  n2 as BREAKPOINT_SM,
-  o2 as BREAKPOINT_XLG,
-  p2 as BREAKPOINT_XSM,
+  o2 as BREAKPOINT_SM,
+  p2 as BREAKPOINT_XLG,
+  q2 as BREAKPOINT_XSM,
   BadgeInfo,
   BadgeState,
   Button,
-  q2 as COLOR_BRAND_BLUE_00,
-  r2 as COLOR_BRAND_BLUE_10,
-  s2 as COLOR_BRAND_BLUE_20,
-  t as COLOR_BRAND_BLUE_30,
-  u as COLOR_BRAND_BLUE_40,
+  r2 as COLOR_BRAND_BLUE_00,
+  s2 as COLOR_BRAND_BLUE_10,
+  t as COLOR_BRAND_BLUE_20,
+  u as COLOR_BRAND_BLUE_30,
+  j2 as COLOR_BRAND_BLUE_40,
   v as COLOR_BRAND_BLUE_50,
   w as COLOR_BRAND_BLUE_60,
   x as COLOR_BRAND_CYAN_10,
@@ -531,7 +518,7 @@ export {
   S2 as COLOR_INFO_20,
   T2 as COLOR_INFO_30,
   U as COLOR_INFO_40,
-  f2 as COLOR_INFO_50,
+  h2 as COLOR_INFO_50,
   V as COLOR_INFO_60,
   i2 as COLOR_NEUTRAL_00,
   W2 as COLOR_NEUTRAL_10,
@@ -539,7 +526,7 @@ export {
   Y as COLOR_NEUTRAL_30,
   c2 as COLOR_NEUTRAL_40,
   Z as COLOR_NEUTRAL_50,
-  h2 as COLOR_NEUTRAL_60,
+  f2 as COLOR_NEUTRAL_60,
   d2 as COLOR_NEUTRAL_70,
   _ as COLOR_SUCCESS_00,
   $ as COLOR_SUCCESS_10,
@@ -921,6 +908,7 @@ export {
   Image,
   InputField,
   LazyImage,
+  LinkButton,
   L as LogoBadgeFullWhiteAC,
   a as LogoBadgeWhiteAC,
   b as LogoBadgeWhiteStrokeAC,
@@ -971,11 +959,11 @@ export {
   aJ as SPACING_900,
   SelectField,
   Skeleton,
+  SpecialButton,
   Spinner,
   SubHeader,
   S as Switch,
   Tabs,
-  Tag,
   Text,
   TextAreaField,
   T as Then,

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  'data-testid'?: string\n}\nexport const CardContainer = ({\n  direction,\n  alignItems,\n  justifyContent,\n  gap,\n  width,\n  children,\n  'data-testid': dataTestId,\n}: CardContainerProps) => {\n  const containerClasses = classNames('au-card__container', {\n    [`au-card__container--direction-${direction}`]: direction,\n    [`au-card__container--align-items-${alignItems}`]: alignItems,\n    [`au-card__container--justify-content-${justifyContent}`]: justifyContent,\n  })\n\n  const containerStyle: CSSProperties = {\n    gap: `${gap}px`,\n    width: `${width}px`\n  }\n  return (\n    <div style={containerStyle} className={containerClasses} data-testid={dataTestId}>\n      {children}\n    </div>\n  )\n}\n","import { CSSProperties } from 'react'\n\nexport type CardImageProps = {\n  src: string\n  alt?: string\n  width?: number\n  height?: number\n  'data-testid'?: string\n}\nexport const CardImage = ({\n  src,\n  alt,\n  width,\n  height,\n  'data-testid': dataTestId,\n}: CardImageProps) => {\n  const imageSize: CSSProperties = {\n    width: `${width}px`,\n    height: `${height}px`,\n  }\n\n  return (\n    <div data-testid={dataTestId}>\n      <img style={imageSize} src={src} alt={alt} />\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { CSSProperties, ReactNode, Ref } from 'react'\n\nexport type CardRootProps = {\n  border?: boolean\n  color?: 'primary' | 'secondary'\n  width?: number\n  height?: number\n  maxWidth?: number\n  maxHeight?: number\n  paddingLess?: boolean;\n  hoverShadow?: boolean\n  className?: string;\n  children: ReactNode\n  ref?: Ref<HTMLDivElement>\n  'data-testid'?: string\n}\nexport const CardRoot = ({\n  border = true,\n  color = 'primary',\n  width,\n  height,\n  maxWidth,\n  maxHeight,\n  hoverShadow,\n  paddingLess,\n  children,\n  className,\n  ref,\n  'data-testid': dataTestId,\n}: CardRootProps) => {\n  const rootClasses = classNames('au-card__root', {\n    'au-card__root--border-none': !border,\n    'au-card__root--color-secondary': color === 'secondary',\n    'au-card__root--with-hover-shadow': !!hoverShadow,\n    'au-card__root--paddingless': !!paddingLess,\n    [String(className)]: !!className\n  })\n  const rootSize: CSSProperties = {\n    width: `${width}px`,\n    height: `${height}px`,\n    maxWidth: `${maxWidth}px`,\n    maxHeight: `${maxHeight}px`\n  }\n\n  return (\n    <div\n      ref={ref}\n      style={rootSize}\n      className={rootClasses}\n      data-testid={dataTestId}>\n      {children}\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type CardTagProps = {\n  color?: 'primary' | 'secondary'\n  icon?: ReactNode\n  children: ReactNode\n  'data-testid'?: string\n}\nexport const CardTag = ({\n  color = 'primary',\n  icon,\n  children,\n  'data-testid': dataTestId,\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} data-testid={dataTestId}>\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":"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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/index.tsx","../lib/components/Drawer/hooks.ts"],"sourcesContent":["import classNames from 'classnames'\nimport { CSSProperties, ReactNode } from 'react'\n\nexport type CardContainerProps = {\n  direction?: 'column' | 'row'\n  alignItems?: 'center' | 'start'\n  justifyContent?: 'center' | 'space-between'\n  gap?: number\n  width?: number\n  children: ReactNode\n  'data-testid'?: string\n}\nexport const CardContainer = ({\n  direction,\n  alignItems,\n  justifyContent,\n  gap,\n  width,\n  children,\n  'data-testid': dataTestId,\n}: CardContainerProps) => {\n  const containerClasses = classNames('au-card__container', {\n    [`au-card__container--direction-${direction}`]: direction,\n    [`au-card__container--align-items-${alignItems}`]: alignItems,\n    [`au-card__container--justify-content-${justifyContent}`]: justifyContent,\n  })\n\n  const containerStyle: CSSProperties = {\n    gap: `${gap}px`,\n    width: `${width}px`\n  }\n  return (\n    <div style={containerStyle} className={containerClasses} data-testid={dataTestId}>\n      {children}\n    </div>\n  )\n}\n","import { CSSProperties } from 'react'\n\nexport type CardImageProps = {\n  src: string\n  alt?: string\n  width?: number\n  height?: number\n  'data-testid'?: string\n}\nexport const CardImage = ({\n  src,\n  alt,\n  width,\n  height,\n  'data-testid': dataTestId,\n}: CardImageProps) => {\n  const imageSize: CSSProperties = {\n    width: `${width}px`,\n    height: `${height}px`,\n  }\n\n  return (\n    <div data-testid={dataTestId}>\n      <img style={imageSize} src={src} alt={alt} />\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { CSSProperties, ReactNode, Ref } from 'react'\n\nexport type CardRootProps = {\n  border?: boolean\n  color?: 'primary' | 'secondary'\n  width?: number\n  height?: number\n  maxWidth?: number\n  maxHeight?: number\n  paddingLess?: boolean;\n  hoverShadow?: boolean\n  className?: string;\n  children: ReactNode\n  ref?: Ref<HTMLDivElement>\n  'data-testid'?: string\n}\nexport const CardRoot = ({\n  border = true,\n  color = 'primary',\n  width,\n  height,\n  maxWidth,\n  maxHeight,\n  hoverShadow,\n  paddingLess,\n  children,\n  className,\n  ref,\n  'data-testid': dataTestId,\n}: CardRootProps) => {\n  const rootClasses = classNames('au-card__root', {\n    'au-card__root--border-none': !border,\n    'au-card__root--color-secondary': color === 'secondary',\n    'au-card__root--with-hover-shadow': !!hoverShadow,\n    'au-card__root--paddingless': !!paddingLess,\n    [String(className)]: !!className\n  })\n  const rootSize: CSSProperties = {\n    width: `${width}px`,\n    height: `${height}px`,\n    maxWidth: `${maxWidth}px`,\n    maxHeight: `${maxHeight}px`\n  }\n\n  return (\n    <div\n      ref={ref}\n      style={rootSize}\n      className={rootClasses}\n      data-testid={dataTestId}>\n      {children}\n    </div>\n  )\n}\n","import { CardContainer, CardContainerProps } from './Container'\nimport { CardEmphasis, CardEmphasisProps } from './Emphasis'\nimport { CardImage, CardImageProps } from './Image'\nimport { CardRoot, CardRootProps } from './Root'\nimport { CardTag, CardTagProps } from './Tag'\nimport './styles.scss'\n\ntype Components = {\n  Root: React.FC<CardRootProps>\n  Container: React.FC<CardContainerProps>\n  Emphasis: React.FC<CardEmphasisProps>\n  Image: React.FC<CardImageProps>\n  Tag: React.FC<CardTagProps>\n}\n\nconst components: Components = {\n  Root: CardRoot,\n  Container: CardContainer,\n  Emphasis: CardEmphasis,\n  Image: CardImage,\n  Tag: CardTag,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Card.${key}`\n})\n\nexport { components as Card }\n","import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n  const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n  function handleOpenDrawer(name: string) {\n    setDrawerOpen((prev) => {\n      return {\n        ...prev,\n        [name]: !prev[name],\n      }\n    })\n  }\n\n  return {\n    handleOpenDrawer,\n    drawerOpen,\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/{tokens-CKZdIZ5O.js → tokens-C4yCunfz.js}

@@ -178,26 +178,26 @@ export {
   COLOR_NEUTRAL_40 as c,
   COLOR_NEUTRAL_70 as d,
   COLOR_WARNING_50 as e,
-  COLOR_INFO_50 as f,
+  COLOR_NEUTRAL_60 as f,
   COLOR_BRAND_CYAN_50 as g,
-  COLOR_NEUTRAL_60 as h,
+  COLOR_INFO_50 as h,
   COLOR_NEUTRAL_00 as i,
-  BORDER_RADIUS_BIG as j,
-  BORDER_RADIUS_MEDIUM as k,
-  BORDER_RADIUS_PILL as l,
-  BORDER_RADIUS_SMALL as m,
-  BREAKPOINT_SM as n,
-  BREAKPOINT_XLG as o,
-  BREAKPOINT_XSM as p,
-  COLOR_BRAND_BLUE_00 as q,
-  COLOR_BRAND_BLUE_10 as r,
-  COLOR_BRAND_BLUE_20 as s,
-  COLOR_BRAND_BLUE_30 as t,
-  COLOR_BRAND_BLUE_40 as u,
+  COLOR_BRAND_BLUE_40 as j,
+  BORDER_RADIUS_BIG as k,
+  BORDER_RADIUS_MEDIUM as l,
+  BORDER_RADIUS_PILL as m,
+  BORDER_RADIUS_SMALL as n,
+  BREAKPOINT_SM as o,
+  BREAKPOINT_XLG as p,
+  BREAKPOINT_XSM as q,
+  COLOR_BRAND_BLUE_00 as r,
+  COLOR_BRAND_BLUE_10 as s,
+  COLOR_BRAND_BLUE_20 as t,
+  COLOR_BRAND_BLUE_30 as u,
   COLOR_BRAND_BLUE_50 as v,
   COLOR_BRAND_BLUE_60 as w,
   COLOR_BRAND_CYAN_10 as x,
   COLOR_BRAND_CYAN_20 as y,
   COLOR_BRAND_CYAN_30 as z
 };
-//# sourceMappingURL=tokens-CKZdIZ5O.js.map
+//# sourceMappingURL=tokens-C4yCunfz.js.map

package/dist/{tokens-CKZdIZ5O.js.map → tokens-C4yCunfz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tokens-CKZdIZ5O.js","sources":["../lib/core/tokens/.cache/tokens.ts"],"sourcesContent":["export const BORDER_RADIUS_SMALL = \"4px\";\nexport const BORDER_RADIUS_MEDIUM = \"8px\";\nexport const BORDER_RADIUS_BIG = \"16px\";\nexport const BORDER_RADIUS_PILL = \"999px\";\nexport const COLOR_NEUTRAL_70 = \"#16181d\";\nexport const COLOR_NEUTRAL_60 = \"#313131\";\nexport const COLOR_NEUTRAL_50 = \"#454a54\";\nexport const COLOR_NEUTRAL_40 = \"#5e6573\";\nexport const COLOR_NEUTRAL_30 = \"#c4c9d4\";\nexport const COLOR_NEUTRAL_20 = \"#e2e4e9\";\nexport const COLOR_NEUTRAL_10 = \"#f6f7fa\";\nexport const COLOR_NEUTRAL_00 = \"#ffffff\";\nexport const COLOR_BRAND_BLUE_60 = \"#18256c\";\nexport const COLOR_BRAND_BLUE_50 = \"#1737a4\";\nexport const COLOR_BRAND_BLUE_40 = \"#0048db\";\nexport const COLOR_BRAND_BLUE_30 = \"#9abcff\";\nexport const COLOR_BRAND_BLUE_20 = \"#dce8ff\";\nexport const COLOR_BRAND_BLUE_10 = \"#fafbff\";\nexport const COLOR_BRAND_BLUE_00 = \"#F2F5FC\";\nexport const COLOR_BRAND_EMERALD_60 = \"#013220\";\nexport const COLOR_BRAND_EMERALD_50 = \"#026441\";\nexport const COLOR_BRAND_EMERALD_40 = \"#04d98c\";\nexport const COLOR_BRAND_EMERALD_30 = \"#95f0cf\";\nexport const COLOR_BRAND_EMERALD_20 = \"#ccf2e4\";\nexport const COLOR_BRAND_EMERALD_10 = \"#edfef7\";\nexport const COLOR_BRAND_CYAN_60 = \"#004155\";\nexport const COLOR_BRAND_CYAN_50 = \"#005c77\";\nexport const COLOR_BRAND_CYAN_40 = \"#02bedf\";\nexport const COLOR_BRAND_CYAN_30 = \"#3edcff\";\nexport const COLOR_BRAND_CYAN_20 = \"#ccf3ff\";\nexport const COLOR_BRAND_CYAN_10 = \"#f1fcff\";\nexport const COLOR_SUCCESS_60 = \"#08331a\";\nexport const COLOR_SUCCESS_50 = \"#10593b\";\nexport const COLOR_SUCCESS_40 = \"#138040\";\nexport const COLOR_SUCCESS_30 = \"#66cc90\";\nexport const COLOR_SUCCESS_20 = \"#a1e5bd\";\nexport const COLOR_SUCCESS_10 = \"#e5fff0\";\nexport const COLOR_SUCCESS_00 = \"#f0fcf5\";\nexport const COLOR_ERROR_60 = \"#731111\";\nexport const COLOR_ERROR_50 = \"#991717\";\nexport const COLOR_ERROR_40 = \"#e52222\";\nexport const COLOR_ERROR_30 = \"#ff8080\";\nexport const COLOR_ERROR_20 = \"#ffbfbf\";\nexport const COLOR_ERROR_10 = \"#ffe5e5\";\nexport const COLOR_ERROR_00 = \"#f5eff0\";\nexport const COLOR_WARNING_60 = \"#803500\";\nexport const COLOR_WARNING_50 = \"#a64a08\";\nexport const COLOR_WARNING_40 = \"#fa822c\";\nexport const COLOR_WARNING_30 = \"#ffc59c\";\nexport const COLOR_WARNING_20 = \"#ffdabf\";\nexport const COLOR_WARNING_10 = \"#fff0e6\";\nexport const COLOR_WARNING_00 = \"#fcf4f0\";\nexport const COLOR_INFO_60 = \"#46008c\";\nexport const COLOR_INFO_50 = \"#510cb2\";\nexport const COLOR_INFO_40 = \"#6728e5\";\nexport const COLOR_INFO_30 = \"#bd9cff\";\nexport const COLOR_INFO_20 = \"#d4bfff\";\nexport const COLOR_INFO_10 = \"#eee6ff\";\nexport const COLOR_INFO_00 = \"#f3f0fc\";\nexport const SPACING_050 = \"4px\";\nexport const SPACING_100 = \"8px\";\nexport const SPACING_200 = \"16px\";\nexport const SPACING_300 = \"24px\";\nexport const SPACING_400 = \"32px\";\nexport const SPACING_500 = \"40px\";\nexport const SPACING_600 = \"48px\";\nexport const SPACING_700 = \"56px\";\nexport const SPACING_800 = \"64px\";\nexport const SPACING_900 = \"72px\";\nexport const BREAKPOINT_XSM = \"0px\";\nexport const BREAKPOINT_SM = \"320px\";\nexport const BREAKPOINT_MD = \"600px\";\nexport const BREAKPOINT_LG = \"1024px\";\nexport const BREAKPOINT_XLG = \"1920px\";\nexport const CONTAINER_SIZE = \"1232px\";\nexport const OPACITY_00 = \"0.05\";\nexport const OPACITY_10 = \"0.2\";\nexport const OPACITY_20 = \"0.4\";\nexport const OPACITY_30 = \"0.6\";\nexport const OPACITY_40 = \"0.8\";\nexport const SHADOW_01 = \"0px 2px 8px 0px rgba(169, 177, 197, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_02 = \"0px 8px 24px 0px rgba(118, 134, 173, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_03 = \"0px 16px 40px 0px rgba(118, 134, 173, 0.08), 0px 8px 8px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_04 = \"0px 24px 56px 0px rgba(118, 134, 173, 0.08), 0px 12px 12px 0px rgba(0, 72, 219, 0.04)\";\nexport const FONT_TITLE = \"'Lexend Deca', sans-serif\";\nexport const FONT_BODY = \"'Source Sans 3', sans-serif\";\nexport const FONT_WEIGHT_BOLD = \"700\";\nexport const FONT_WEIGHT_SEMIBOLD = \"600\";\nexport const FONT_WEIGHT_MEDIUM = \"500\";\nexport const FONT_WEIGHT_REGULAR = \"400\";\nexport const FONT_SIZE_H1 = \"56px\";\nexport const FONT_SIZE_H2 = \"48px\";\nexport const FONT_SIZE_H3 = \"40px\";\nexport const FONT_SIZE_H4 = \"32px\";\nexport const FONT_SIZE_H5 = \"28px\";\nexport const FONT_SIZE_H6 = \"24px\";\nexport const FONT_SIZE_P1 = \"20px\";\nexport const FONT_SIZE_P2 = \"16px\";\nexport const FONT_SIZE_P3 = \"14px\";\nexport const FONT_SIZE_P4 = \"12px\";"],"names":[],"mappings":"AAAO,MAAM,sBAAsB;AAC5B,MAAM,uBAAuB;AAC7B,MAAM,oBAAoB;AAC1B,MAAM,qBAAqB;AAC3B,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,iBAAiB;AACvB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,aAAa;AACnB,MAAM,YAAY;AAClB,MAAM,mBAAmB;AACzB,MAAM,uBAAuB;AAC7B,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;"}
+{"version":3,"file":"tokens-C4yCunfz.js","sources":["../lib/core/tokens/.cache/tokens.ts"],"sourcesContent":["export const BORDER_RADIUS_SMALL = \"4px\";\nexport const BORDER_RADIUS_MEDIUM = \"8px\";\nexport const BORDER_RADIUS_BIG = \"16px\";\nexport const BORDER_RADIUS_PILL = \"999px\";\nexport const COLOR_NEUTRAL_70 = \"#16181d\";\nexport const COLOR_NEUTRAL_60 = \"#313131\";\nexport const COLOR_NEUTRAL_50 = \"#454a54\";\nexport const COLOR_NEUTRAL_40 = \"#5e6573\";\nexport const COLOR_NEUTRAL_30 = \"#c4c9d4\";\nexport const COLOR_NEUTRAL_20 = \"#e2e4e9\";\nexport const COLOR_NEUTRAL_10 = \"#f6f7fa\";\nexport const COLOR_NEUTRAL_00 = \"#ffffff\";\nexport const COLOR_BRAND_BLUE_60 = \"#18256c\";\nexport const COLOR_BRAND_BLUE_50 = \"#1737a4\";\nexport const COLOR_BRAND_BLUE_40 = \"#0048db\";\nexport const COLOR_BRAND_BLUE_30 = \"#9abcff\";\nexport const COLOR_BRAND_BLUE_20 = \"#dce8ff\";\nexport const COLOR_BRAND_BLUE_10 = \"#fafbff\";\nexport const COLOR_BRAND_BLUE_00 = \"#F2F5FC\";\nexport const COLOR_BRAND_EMERALD_60 = \"#013220\";\nexport const COLOR_BRAND_EMERALD_50 = \"#026441\";\nexport const COLOR_BRAND_EMERALD_40 = \"#04d98c\";\nexport const COLOR_BRAND_EMERALD_30 = \"#95f0cf\";\nexport const COLOR_BRAND_EMERALD_20 = \"#ccf2e4\";\nexport const COLOR_BRAND_EMERALD_10 = \"#edfef7\";\nexport const COLOR_BRAND_CYAN_60 = \"#004155\";\nexport const COLOR_BRAND_CYAN_50 = \"#005c77\";\nexport const COLOR_BRAND_CYAN_40 = \"#02bedf\";\nexport const COLOR_BRAND_CYAN_30 = \"#3edcff\";\nexport const COLOR_BRAND_CYAN_20 = \"#ccf3ff\";\nexport const COLOR_BRAND_CYAN_10 = \"#f1fcff\";\nexport const COLOR_SUCCESS_60 = \"#08331a\";\nexport const COLOR_SUCCESS_50 = \"#10593b\";\nexport const COLOR_SUCCESS_40 = \"#138040\";\nexport const COLOR_SUCCESS_30 = \"#66cc90\";\nexport const COLOR_SUCCESS_20 = \"#a1e5bd\";\nexport const COLOR_SUCCESS_10 = \"#e5fff0\";\nexport const COLOR_SUCCESS_00 = \"#f0fcf5\";\nexport const COLOR_ERROR_60 = \"#731111\";\nexport const COLOR_ERROR_50 = \"#991717\";\nexport const COLOR_ERROR_40 = \"#e52222\";\nexport const COLOR_ERROR_30 = \"#ff8080\";\nexport const COLOR_ERROR_20 = \"#ffbfbf\";\nexport const COLOR_ERROR_10 = \"#ffe5e5\";\nexport const COLOR_ERROR_00 = \"#f5eff0\";\nexport const COLOR_WARNING_60 = \"#803500\";\nexport const COLOR_WARNING_50 = \"#a64a08\";\nexport const COLOR_WARNING_40 = \"#fa822c\";\nexport const COLOR_WARNING_30 = \"#ffc59c\";\nexport const COLOR_WARNING_20 = \"#ffdabf\";\nexport const COLOR_WARNING_10 = \"#fff0e6\";\nexport const COLOR_WARNING_00 = \"#fcf4f0\";\nexport const COLOR_INFO_60 = \"#46008c\";\nexport const COLOR_INFO_50 = \"#510cb2\";\nexport const COLOR_INFO_40 = \"#6728e5\";\nexport const COLOR_INFO_30 = \"#bd9cff\";\nexport const COLOR_INFO_20 = \"#d4bfff\";\nexport const COLOR_INFO_10 = \"#eee6ff\";\nexport const COLOR_INFO_00 = \"#f3f0fc\";\nexport const SPACING_050 = \"4px\";\nexport const SPACING_100 = \"8px\";\nexport const SPACING_200 = \"16px\";\nexport const SPACING_300 = \"24px\";\nexport const SPACING_400 = \"32px\";\nexport const SPACING_500 = \"40px\";\nexport const SPACING_600 = \"48px\";\nexport const SPACING_700 = \"56px\";\nexport const SPACING_800 = \"64px\";\nexport const SPACING_900 = \"72px\";\nexport const BREAKPOINT_XSM = \"0px\";\nexport const BREAKPOINT_SM = \"320px\";\nexport const BREAKPOINT_MD = \"600px\";\nexport const BREAKPOINT_LG = \"1024px\";\nexport const BREAKPOINT_XLG = \"1920px\";\nexport const CONTAINER_SIZE = \"1232px\";\nexport const OPACITY_00 = \"0.05\";\nexport const OPACITY_10 = \"0.2\";\nexport const OPACITY_20 = \"0.4\";\nexport const OPACITY_30 = \"0.6\";\nexport const OPACITY_40 = \"0.8\";\nexport const SHADOW_01 = \"0px 2px 8px 0px rgba(169, 177, 197, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_02 = \"0px 8px 24px 0px rgba(118, 134, 173, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_03 = \"0px 16px 40px 0px rgba(118, 134, 173, 0.08), 0px 8px 8px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_04 = \"0px 24px 56px 0px rgba(118, 134, 173, 0.08), 0px 12px 12px 0px rgba(0, 72, 219, 0.04)\";\nexport const FONT_TITLE = \"'Lexend Deca', sans-serif\";\nexport const FONT_BODY = \"'Source Sans 3', sans-serif\";\nexport const FONT_WEIGHT_BOLD = \"700\";\nexport const FONT_WEIGHT_SEMIBOLD = \"600\";\nexport const FONT_WEIGHT_MEDIUM = \"500\";\nexport const FONT_WEIGHT_REGULAR = \"400\";\nexport const FONT_SIZE_H1 = \"56px\";\nexport const FONT_SIZE_H2 = \"48px\";\nexport const FONT_SIZE_H3 = \"40px\";\nexport const FONT_SIZE_H4 = \"32px\";\nexport const FONT_SIZE_H5 = \"28px\";\nexport const FONT_SIZE_H6 = \"24px\";\nexport const FONT_SIZE_P1 = \"20px\";\nexport const FONT_SIZE_P2 = \"16px\";\nexport const FONT_SIZE_P3 = \"14px\";\nexport const FONT_SIZE_P4 = \"12px\";"],"names":[],"mappings":"AAAO,MAAM,sBAAsB;AAC5B,MAAM,uBAAuB;AAC7B,MAAM,oBAAoB;AAC1B,MAAM,qBAAqB;AAC3B,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,iBAAiB;AACvB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,aAAa;AACnB,MAAM,YAAY;AAClB,MAAM,mBAAmB;AACzB,MAAM,uBAAuB;AAC7B,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@consumidor-positivo/aurora",
   "private": false,
-  "version": "0.12.0",
+  "version": "1.0.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/AcordoCertoBR/aurora"
@@ -51,8 +51,7 @@
   "dependencies": {
     "dotenv": "16.6.1",
     "react-aria-components": "1.17.0",
-    "react-if": "4.1.6",
-    "vite-plugin-dts": "4.5.4"
+    "react-if": "4.1.6"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "1.9.0",
@@ -102,6 +101,7 @@
     "typescript": "5.2.2",
     "terser": "5.46.2",
     "vite": "6.4.2",
+    "vite-plugin-dts": "5.0.3",
     "vite-plugin-lib-inject-css": "2.2.2",
     "vite-plugin-static-copy": "2.3.2",
     "vitest": "3.2.4"

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

@@ -1,22 +0,0 @@
-export type TagProps = {
-    status: 'info' | 'success' | 'error' | 'warning' | 'support' | 'neutral';
-    border?: 'rounded' | 'square';
-    type?: 'read-only' | 'badge';
-    color?: 'primary' | 'secondary';
-    size?: 'small' | 'medium' | 'large';
-    text: string;
-    children?: React.ReactNode;
-    customIcon?: string | JSX.Element;
-    fullWidth?: boolean;
-    actionButton?: {
-        content?: string;
-        onClick?: () => void;
-    };
-    'data-testid'?: string;
-};
-/**
- * @deprecated Use `BadgeInfo` or `BadgeState` instead. `Tag` will be removed in a future major release.
- * - `BadgeInfo`: informational badge with icon + text, supports `actionButton`, `customIcon`, `color`.
- * - `BadgeState`: compact status indicator, supports `iconOnly`, `isNumberBadge`, `variant`.
- */
-export declare const Tag: ({ status, border, size, type, color, customIcon, text, children, fullWidth, actionButton, "data-testid": dataTestId, }: TagProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tag/styles.css

@@ -1 +0,0 @@
-.au-tag{font-family:"Source Sans 3",sans-serif;display:flex;justify-content:center;border-radius:8px;padding:8px;width:fit-content}.au-tag__content{display:flex;gap:8px;justify-content:center;align-items:center}.au-tag__content-icon .au-icon,.au-tag__content-icon .au-icon>svg{width:16px;height:16px}.au-tag__content-support-text{color:#16181d;font-size:12px;font-weight:600;line-height:18px}.au-tag--size-small{height:26px;padding:4px 8px}.au-tag--size-medium{height:36px}.au-tag--size-large{height:38px}.au-tag--size-large-support-text{font-size:14px;line-height:22px}.au-tag--border-rounded{border-radius:500px}.au-tag--color-primary.au-tag--info{background-color:#eee6ff}.au-tag--color-primary.au-tag--success{background-color:#e5fff0}.au-tag--color-primary.au-tag--error{background-color:#ffe5e5}.au-tag--color-primary.au-tag--warning{background-color:#fff0e6}.au-tag--color-primary.au-tag--support{background-color:#f1fcff}.au-tag--color-primary.au-tag--neutral{background-color:#e2e4e9}.au-tag--color-secondary.au-tag--info{background-color:#d4bfff}.au-tag--color-secondary.au-tag--success{background-color:#a1e5bd}.au-tag--color-secondary.au-tag--error{background-color:#ffbfbf}.au-tag--color-secondary.au-tag--warning{background-color:#ffdabf}.au-tag--color-secondary.au-tag--support{background-color:#ccf3ff}.au-tag--color-secondary.au-tag--neutral{background-color:#c4c9d4}.au-tag--type-badge.au-tag--info p{color:#46008c}.au-tag--type-badge.au-tag--error p{color:#731111}.au-tag--type-badge.au-tag--success p{color:#08331a}.au-tag--type-badge.au-tag--warning p{color:#803500}.au-tag--type-badge.au-tag--support p{color:#004155}.au-tag--type-badge.au-tag--size-large{height:36px;font-size:12px;line-height:18px}.au-tag--full-width{width:100%}.au-tag__action-btn{font-family:"Source Sans 3",sans-serif;background-color:transparent;border:none;color:#0048db;cursor:pointer;font-size:12px;font-weight:600;line-height:19px}