@consumidor-positivo/aurora 1.0.0 → 1.2.0

package/dist/components/form/Checkbox/Field/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../lib/components/form/Checkbox/Field/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport { IconCheck } from '@components/icons'\nimport { COLOR_NEUTRAL_00 } from '@core/tokens'\nimport Field from '../../Field'\n\nimport { Conditional } from '@components/misc'\n\nimport { CheckboxFieldProps } from '../types'\nimport './styles.scss'\n\nexport const CheckboxField = ({\n  label,\n  error,\n  errorMessage,\n  disabled,\n  id,\n  style,\n  ...props\n}: CheckboxFieldProps) => {\n  const checkboxClasses = classNames('au-checkbox', {\n    'au-checkbox--error': !!error,\n    'au-checkbox--disabled': !!disabled,\n  })\n\n  const getSafeId = (id: CheckboxFieldProps['id']) => {\n    return id ? id : `au-checkbox-${Math.random()}`\n  }\n  const [safeId] = useState(getSafeId(id))\n\n  return (\n    <div className={checkboxClasses} style={style}>\n      <label htmlFor={safeId} className=\"au-checkbox__holder\">\n        <input\n          className=\"au-checkbox__input\"\n          type=\"checkbox\"\n          id={safeId}\n          disabled={disabled}\n          {...props}\n        />\n        <span className=\"au-checkbox__check\">\n          <IconCheck rawColor={COLOR_NEUTRAL_00} size=\"small\" />\n        </span>\n        <Conditional\n          condition={typeof label === 'string'}\n          renderIf={\n            <span\n              className=\"au-checkbox__label\"\n              dangerouslySetInnerHTML={{ __html: label || '' }}\n            />\n          }\n          renderElse={\n            <span className=\"au-checkbox__label\">\n              {label}\n            </span>\n          }\n        />\n      </label>\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n    </div>\n  )\n}\n"],"names":["id"],"mappings":";;;;;;;;AAWO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,kBAAkB,WAAW,eAAe;AAAA,IAChD,sBAAsB,CAAC,CAAC;AAAA,IACxB,yBAAyB,CAAC,CAAC;AAAA,EAAA,CAC5B;AAED,QAAM,YAAY,CAACA,QAAiC;AAClD,WAAOA,MAAKA,MAAK,eAAe,KAAK,QAAQ;AAAA,EAC/C;AACA,QAAM,CAAC,MAAM,IAAI,SAAS,UAAU,EAAE,CAAC;AAEvC,SACE,qBAAC,OAAA,EAAI,WAAW,iBAAiB,OAC/B,UAAA;AAAA,IAAA,qBAAC,SAAA,EAAM,SAAS,QAAQ,WAAU,uBAChC,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,IAAI;AAAA,UACJ;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAEN,oBAAC,QAAA,EAAK,WAAU,sBACd,UAAA,oBAAC,aAAU,UAAU,kBAAkB,MAAK,QAAA,CAAQ,EAAA,CACtD;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,OAAO,UAAU;AAAA,UAC5B,UACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,yBAAyB,EAAE,QAAQ,SAAS,GAAA;AAAA,YAAG;AAAA,UAAA;AAAA,UAGnD,YACE,oBAAC,QAAA,EAAK,WAAU,sBACb,UAAA,MAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ,GACF;AAAA,IACA,oBAAC,MAAM,cAAN,EAAmB,UAAU,CAAC,CAAC,OAAO,SAAS,aAAA,CAAc;AAAA,EAAA,GAChE;AAEJ;"}

package/dist/components/{Checkbox → form/Checkbox/Group}/index.es.js

@@ -1,61 +1,11 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import $8WNJc$react__default, { useState, useEffect } from "react";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
-import "../Icon/index.es.js";
-import { IconCheck } from "../icons/IconCheck/index.es.js";
-import { i as COLOR_NEUTRAL_00 } from "../../tokens-C4yCunfz.js";
-import { F as Field } from "../../index-ZE6zszxw.js";
-import { Conditional } from "../Conditional/index.es.js";
-import { Text } from "../Text/index.es.js";
-import './styles.css';const CheckboxField = ({
-  label,
-  error,
-  errorMessage,
-  disabled,
-  id,
-  style,
-  ...props
-}) => {
-  const checkboxClasses = classNames("au-checkbox", {
-    "au-checkbox--error": !!error,
-    "au-checkbox--disabled": !!disabled
-  });
-  const getSafeId = (id2) => {
-    return id2 ? id2 : `au-checkbox-${Math.random()}`;
-  };
-  const [safeId] = useState(getSafeId(id));
-  return /* @__PURE__ */ jsxs("div", { className: checkboxClasses, style, children: [
-    /* @__PURE__ */ jsxs("label", { htmlFor: safeId, className: "au-checkbox__holder", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          className: "au-checkbox__input",
-          type: "checkbox",
-          id: safeId,
-          disabled,
-          ...props
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "au-checkbox__check", children: /* @__PURE__ */ jsx(IconCheck, { rawColor: COLOR_NEUTRAL_00, size: "small" }) }),
-      /* @__PURE__ */ jsx(
-        Conditional,
-        {
-          condition: typeof label === "string",
-          renderIf: /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "au-checkbox__label",
-              dangerouslySetInnerHTML: { __html: label || "" }
-            }
-          ),
-          renderElse: /* @__PURE__ */ jsx("span", { className: "au-checkbox__label", children: label })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(Field.ErrorMessage, { hasError: !!error, message: errorMessage })
-  ] });
-};
-const useCheckboxGroup = ({ onChange, name }) => {
+import { c as classNames } from "../../../../index-BW2ZU5Hx.js";
+import Field from "../../Field/index.es.js";
+import { Conditional } from "../../../misc/Conditional/index.es.js";
+import { Text } from "../../../Text/index.es.js";
+import { CheckboxField } from "../Field/index.es.js";
+import '../../../Group/styles2.css';const useCheckboxGroup = ({ onChange, name }) => {
   const getSafeName = (name2) => {
     return name2 ? name2 : `au-checkbox-group-${Math.random()}`;
   };
@@ -135,15 +85,7 @@ const CheckboxGroup = ({
     /* @__PURE__ */ jsx(Field.ErrorMessage, { hasError: !!error, message: errorMessage })
   ] });
 };
-const components = {
-  Field: CheckboxField,
-  Group: CheckboxGroup
-};
-Object.keys(components).forEach((key) => {
-  const component = components[key];
-  component.displayName = `Checkbox.${key}`;
-});
 export {
-  components as Checkbox
+  CheckboxGroup
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/form/Checkbox/Group/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../lib/components/form/Checkbox/Group/hook.tsx","../../../../../lib/components/form/Checkbox/Group/index.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { CheckboxFieldProps } from '../types'\n\ntype UseCheckboxGroupProps = {\n  name?: string\n  onChange?: React.ChangeEventHandler<HTMLInputElement>\n}\n\nexport const useCheckboxGroup = ({ onChange, name }: UseCheckboxGroupProps) => {\n  const getSafeName = (name?: string): string => {\n    return name ? name : `au-checkbox-group-${Math.random()}`\n  }\n  const [safeName] = useState(getSafeName(name))\n\n  const [selectedOptions, setSelectedOptions] = useState([{}])\n\n  function handleSelectOption(\n    checked: boolean,\n    option: CheckboxFieldProps,\n    index: number,\n  ) {\n    setSelectedOptions({\n      ...selectedOptions,\n      [index]: checked ? option : false,\n    })\n  }\n\n  useEffect(() => {\n    const returnResponse = Object.values(selectedOptions).filter(\n      (item) => !!item,\n    )\n\n    if (onChange) {\n      const event = {\n        target: {\n          checked: returnResponse,\n        },\n      } as unknown as React.ChangeEvent<HTMLInputElement>\n\n      onChange(event)\n    }\n  }, [selectedOptions])\n\n  return {\n    handleSelectOption,\n    safeName,\n  }\n}\n","import React from 'react'\nimport classNames from 'classnames'\nimport './styles.scss'\nimport Field from '@components/form/Field'\nimport { Conditional } from '@components/misc'\nimport { Text } from '@components/Text'\nimport { CheckboxField } from '../Field'\nimport { CheckboxFieldProps, CheckboxGroupProps } from '../types'\nimport { useCheckboxGroup } from './hook'\n\nexport const CheckboxGroup = ({\n  name,\n  defaultValue,\n  orientation = 'vertical',\n  label,\n  error,\n  errorMessage,\n  required = false,\n  children,\n  onChange,\n  onFocus,\n  'data-testid': dataTestId,\n}: CheckboxGroupProps) => {\n  const groupClass = classNames('au-checkbox-group', {\n    'au-checkbox-group--horizontal': orientation === 'horizontal',\n  })\n\n  const { handleSelectOption, safeName } = useCheckboxGroup({onChange, name})\n\n  const childrenWithProps = React.Children.map(children, (child, index) => {\n    if (React.isValidElement(child)) {\n      const childProps = child.props as CheckboxFieldProps\n\n      return (\n        <CheckboxField\n          name={safeName}\n          error={error}\n          defaultChecked={defaultValue === childProps.value}\n          onChange={(e) =>\n            handleSelectOption(e.target.checked, childProps, index)\n          }\n          onFocus={onFocus}\n          {...child.props}\n        />\n      )\n    }\n    return child\n  })\n\n  return (\n    <div className={groupClass} data-testid={dataTestId}>\n      <Conditional\n        condition={!!label}\n        renderIf={\n          <Text variant=\"body-small\" weight=\"semibold\" color=\"secondary\">\n            {label}{' '}\n            {!!required && (\n              <span className=\"au-checkbox-group__label--required\">*</span>\n            )}\n          </Text>\n        }\n      />\n      <div className=\"au-checkbox-group__fields\">{childrenWithProps}</div>\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n    </div>\n  )\n}\n"],"names":["name","React"],"mappings":";;;;;;;AAQO,MAAM,mBAAmB,CAAC,EAAE,UAAU,WAAkC;AAC7E,QAAM,cAAc,CAACA,UAA0B;AAC7C,WAAOA,QAAOA,QAAO,qBAAqB,KAAK,QAAQ;AAAA,EACzD;AACA,QAAM,CAAC,QAAQ,IAAI,SAAS,YAAY,IAAI,CAAC;AAE7C,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,CAAC,CAAA,CAAE,CAAC;AAE3D,WAAS,mBACP,SACA,QACA,OACA;AACA,uBAAmB;AAAA,MACjB,GAAG;AAAA,MACH,CAAC,KAAK,GAAG,UAAU,SAAS;AAAA,IAAA,CAC7B;AAAA,EACH;AAEA,YAAU,MAAM;AACd,UAAM,iBAAiB,OAAO,OAAO,eAAe,EAAE;AAAA,MACpD,CAAC,SAAS,CAAC,CAAC;AAAA,IAAA;AAGd,QAAI,UAAU;AACZ,YAAM,QAAQ;AAAA,QACZ,QAAQ;AAAA,UACN,SAAS;AAAA,QAAA;AAAA,MACX;AAGF,eAAS,KAAK;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,eAAe,CAAC;AAEpB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;ACrCO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAA0B;AACxB,QAAM,aAAa,WAAW,qBAAqB;AAAA,IACjD,iCAAiC,gBAAgB;AAAA,EAAA,CAClD;AAED,QAAM,EAAE,oBAAoB,SAAA,IAAa,iBAAiB,EAAC,UAAU,MAAK;AAE1E,QAAM,oBAAoBC,sBAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AACvE,QAAIA,sBAAM,eAAe,KAAK,GAAG;AAC/B,YAAM,aAAa,MAAM;AAEzB,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN;AAAA,UACA,gBAAgB,iBAAiB,WAAW;AAAA,UAC5C,UAAU,CAAC,MACT,mBAAmB,EAAE,OAAO,SAAS,YAAY,KAAK;AAAA,UAExD;AAAA,UACC,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB;AACA,WAAO;AAAA,EACT,CAAC;AAED,SACE,qBAAC,OAAA,EAAI,WAAW,YAAY,eAAa,YACvC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,CAAC,CAAC;AAAA,QACb,+BACG,MAAA,EAAK,SAAQ,cAAa,QAAO,YAAW,OAAM,aAChD,UAAA;AAAA,UAAA;AAAA,UAAO;AAAA,UACP,CAAC,CAAC,gCACA,QAAA,EAAK,WAAU,sCAAqC,UAAA,IAAA,CAAC;AAAA,QAAA,EAAA,CAE1D;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,oBAAC,OAAA,EAAI,WAAU,6BAA6B,UAAA,mBAAkB;AAAA,IAC9D,oBAAC,MAAM,cAAN,EAAmB,UAAU,CAAC,CAAC,OAAO,SAAS,aAAA,CAAc;AAAA,EAAA,GAChE;AAEJ;"}

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

@@ -0,0 +1,14 @@
+import { CheckboxField } from "./Field/index.es.js";
+import { CheckboxGroup } from "./Group/index.es.js";
+const components = {
+  Field: CheckboxField,
+  Group: CheckboxGroup
+};
+Object.keys(components).forEach((key) => {
+  const component = components[key];
+  component.displayName = `Checkbox.${key}`;
+});
+export {
+  components as Checkbox
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/form/Checkbox/index.tsx"],"sourcesContent":["import { CheckboxField } from './Field'\nimport { CheckboxGroup } from './Group'\nimport { CheckboxFieldProps, CheckboxGroupProps } from './types'\n\ntype Components = {\n  Field: React.FC<CheckboxFieldProps>\n  Group: React.FC<CheckboxGroupProps>\n}\n\nconst components: Components = {\n  Field: CheckboxField,\n  Group: CheckboxGroup,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Checkbox.${key}`\n})\n\nexport { components as Checkbox }\n"],"names":[],"mappings":";;AASA,MAAM,aAAyB;AAAA,EAC7B,OAAO;AAAA,EACP,OAAO;AACT;AAEA,OAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,QAAQ;AACvC,QAAM,YAAY,WAAW,GAAuB;AACpD,YAAU,cAAc,YAAY,GAAG;AACzC,CAAC;"}

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

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

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

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

package/dist/components/{PortalHolder → form/Datepicker/PortalHolder}/index.es.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import { a as above } from "../../screen-DfYo7XQ_.js";
-import { B as BREAKPOINT_MD } from "../../tokens-C4yCunfz.js";
-import { Portal } from "../Portal/index.es.js";
+import { a as above } from "../../../../screen-DfYo7XQ_.js";
+import { Portal } from "../../../misc/Portal/index.es.js";
+import { e as BREAKPOINT_MD } from "../../../../tokens-C4ypB4bY.js";
 const PortalHolder = ({ withPortal, children }) => {
   const shouldUsePortal = !above(BREAKPOINT_MD) && withPortal;
   if (shouldUsePortal) return /* @__PURE__ */ jsx(Portal, { children });

package/dist/components/form/Datepicker/PortalHolder/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../lib/components/form/Datepicker/PortalHolder/index.tsx"],"sourcesContent":["import { above } from '@core/utils/screen'\nimport { BREAKPOINT_MD } from '@core/tokens'\nimport { Portal } from '@components/misc/Portal'\n\ntype PortalHolderProps = {\n  withPortal?: boolean\n  children: React.ReactNode\n}\n\nexport const PortalHolder = ({ withPortal, children }: PortalHolderProps) => {\n  const shouldUsePortal = !above(BREAKPOINT_MD) && withPortal\n\n  if (shouldUsePortal) return <Portal>{children}</Portal>\n\n  return <>{children}</>\n}\n"],"names":[],"mappings":";;;;AASO,MAAM,eAAe,CAAC,EAAE,YAAY,eAAkC;AAC3E,QAAM,kBAAkB,CAAC,MAAM,aAAa,KAAK;AAEjD,MAAI,gBAAiB,QAAO,oBAAC,QAAA,EAAQ,SAAA,CAAS;AAE9C,yCAAU,UAAS;AACrB;"}

package/dist/components/form/Datepicker/Segment/index.es.js

@@ -0,0 +1,12 @@
+import "react/jsx-runtime";
+import "../../../../index-BW2ZU5Hx.js";
+import "react";
+import "../../../Icon/index.es.js";
+import "../../../icons/IconChevronDown/index.es.js";
+import "../../../icons/IconChevronLeft/index.es.js";
+import "../../../icons/IconX/index.es.js";
+import { S } from "../../../../index-CeClo_WS.js";
+export {
+  S as Segment
+};
+//# sourceMappingURL=index.es.js.map

package/dist/components/{Datepicker → form/Datepicker}/index.es.js

@@ -1,14 +1,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { B as BREAKPOINT_MD, c as COLOR_NEUTRAL_40 } from "../../tokens-C4yCunfz.js";
-import "../../index-C6Q03EyZ.js";
+import "../../../index-BW2ZU5Hx.js";
 import { useRef, useState, useMemo, useEffect } from "react";
-import "../Icon/index.es.js";
-import { IconCalendar } from "../icons/IconCalendar/index.es.js";
+import "../../Icon/index.es.js";
+import { IconCalendar } from "../../icons/IconCalendar/index.es.js";
 import { InputField } from "../InputField/index.es.js";
-import { D as DDMMYYYY, g as getDefaultDate, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-DHwXRotU.js";
-import { a as above } from "../../screen-DfYo7XQ_.js";
-import { u as useOutsideClick } from "../../index-DnQGzfVW.js";
-import './styles.css';function useDatepicker({
+import { D as DDMMYYYY, g as getDefaultDate, a as DatepickerCalendar, A as AUCalendarDate } from "../../../index-BcC9liUl.js";
+import { a as above } from "../../../screen-DfYo7XQ_.js";
+import { u as useOutsideClick } from "../../../index-CeClo_WS.js";
+import { e as BREAKPOINT_MD, U as COLOR_NEUTRAL_40 } from "../../../tokens-C4ypB4bY.js";
+import '../../Datepicker/styles.css';function useDatepicker({
   value,
   defaultValue = "empty",
   onChange,

package/dist/components/form/Datepicker/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/form/Datepicker/hook.ts","../../../../lib/components/form/Datepicker/index.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react'\nimport { BREAKPOINT_MD } from '@core/tokens'\nimport { above } from '@core/utils/screen'\nimport { useOutsideClick } from '@core/hooks/useOutsideClick'\n\nimport {\n  AUCalendarDateShape,\n  DefaultValue,\n  EventHandler,\n  FormatAdapter,\n} from './types'\nimport { DDMMYYYY, getDefaultDate } from './helpers'\n\ntype UseDatePickerProps = {\n  onChange?: EventHandler\n  disabled?: boolean\n  value?: AUCalendarDateShape | null\n  defaultValue?: DefaultValue\n  format?: FormatAdapter\n  placeholder?: string\n  onBlur?: EventHandler\n  onFocus?: React.FocusEventHandler<HTMLInputElement>\n  minValue: AUCalendarDateShape\n  maxValue: AUCalendarDateShape\n  calendar?: boolean\n}\n\nexport function useDatepicker({\n  value,\n  defaultValue = 'empty',\n  onChange,\n  disabled,\n  format = DDMMYYYY,\n  placeholder,\n  onBlur,\n  minValue,\n  maxValue,\n  onFocus,\n  calendar,\n}: UseDatePickerProps) {\n  const rootEl = useRef<HTMLDivElement>(null)\n  const { listenOutsideClick } = useOutsideClick({\n    rootEl,\n    breakpoint: BREAKPOINT_MD,\n    onLoseFocusCB: closeCalendar,\n  })\n  const [inputDate, setInputDate] = useState('')\n  const [selectedDate, setSelectedDate] = useState<AUCalendarDateShape | null>(\n    null,\n  )\n\n  const [alareadySetDefaultValue, setAlreadySetDefaultValue] = useState(false)\n  const [isCalendarVisible, setIsCalendarVisible] = useState(false)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const isMobileInputWithCalendar = useMemo(\n    () => !above(BREAKPOINT_MD) && !!calendar,\n    [calendar],\n  )\n\n  useEffect(() => {\n    if (!!value && value.day) {\n      setSelectedDate(value)\n      setInputDate(format.toString(value))\n    }\n  }, [value])\n\n  useEffect(() => {\n    if (!defaultValue || alareadySetDefaultValue) return\n    const parsedDefaultDate = getDefaultDate(defaultValue)\n    setSelectedDate(parsedDefaultDate)\n    setInputDate(parsedDefaultDate ? format.toString(parsedDefaultDate) : '')\n    setAlreadySetDefaultValue(true)\n  }, [defaultValue])\n\n  function handleInputChange(e: React.ChangeEvent<HTMLInputElement>) {\n    const maskedValue = format.maskDate(e.target.value)\n    const finishedTypingDate = format.validateFormat(maskedValue)\n    setInputDate(maskedValue)\n\n    if (!finishedTypingDate) return\n\n    const isDateValid = format.validate(maskedValue, minValue, maxValue)\n    const newFieldValue = isDateValid\n      ? format.toCalendarDate(maskedValue)\n      : null\n    setSelectedDate(newFieldValue)\n    if (onChange) onChange(newFieldValue)\n\n    if (!isDateValid) setInputDate('')\n  }\n\n  function handleInputFocus(\n    event: React.FocusEvent<HTMLInputElement, Element>,\n  ) {\n    if (!isCalendarVisible && disabled) return\n\n    listenOutsideClick()\n    setIsCalendarVisible(true)\n    if (onFocus) onFocus(event)\n  }\n\n  function handleCalendarClick() {\n    inputRef.current?.focus()\n  }\n\n  function handleInputBlur() {\n    if (onBlur) {\n      onBlur(selectedDate)\n    }\n  }\n\n  function closeCalendar() {\n    setIsCalendarVisible(false)\n  }\n\n  function updateDateFromCalendar(pickerDate: AUCalendarDateShape) {\n    setSelectedDate(pickerDate)\n    setInputDate(format.toString(pickerDate))\n    if (onChange) onChange(pickerDate)\n  }\n\n  return {\n    inputDate,\n    handleInputChange,\n    handleInputBlur,\n    closeCalendar,\n    isCalendarVisible,\n    fmtPlaceholder: placeholder || format.placeholder,\n    inputRef,\n    selectedDate,\n    setSelectedDate,\n    updateDateFromCalendar,\n    rootEl,\n    handleCalendarClick,\n    handleInputFocus,\n    isMobileInputWithCalendar,\n  }\n}\n","import { COLOR_NEUTRAL_40 } from '@core/tokens'\nimport { IconCalendar } from '@components/icons'\nimport { InputField } from '../InputField'\nimport { InputProps } from '../InputField'\nimport { DatepickerCalendar } from './Calendar'\n\nimport {\n  AUCalendarDateShape,\n  DefaultValue,\n  EventHandler,\n  FormatAdapter,\n} from './types'\n\nimport { AUCalendarDate } from './helpers'\nimport { useDatepicker } from './hook'\nimport './styles.scss'\n\ntype DatepickerFieldProps = Omit<InputProps, 'value' | 'onChange'> & {\n  /** Use calendar dialog to pick date */\n  calendar?: boolean\n  placeholder?: string\n  value?: AUCalendarDateShape | null\n  onChange?: EventHandler\n  onBlur?: EventHandler\n  /** Default date to use the datepicker as an uncontrolled component */\n  defaultValue?: DefaultValue\n  /** Adapter to modify input behavior - default to DD/MM/YYYY adapter */\n  format?: FormatAdapter\n  /** Makes the calendar dialog the top z-indexed item on page */\n  withPortal?: boolean\n  /** min allowed date, defaults to 1900-01-01 */\n  minValue?: AUCalendarDateShape\n  /** max allowed date, defaults to 2100-12-31 */\n  maxValue?: AUCalendarDateShape\n}\n\nexport const DatepickerField = ({\n  calendar = true,\n  placeholder,\n  disabled,\n  onChange,\n  value,\n  defaultValue,\n  onBlur,\n  withPortal = true,\n  minValue = AUCalendarDate(1, 1, 1900),\n  maxValue = AUCalendarDate(31, 12, 2100),\n  onFocus,\n  ...props\n}: DatepickerFieldProps) => {\n  const {\n    inputDate,\n    handleInputChange,\n    handleInputBlur,\n    closeCalendar,\n    isCalendarVisible,\n    fmtPlaceholder,\n    inputRef,\n    selectedDate,\n    updateDateFromCalendar,\n    rootEl,\n    handleCalendarClick,\n    handleInputFocus,\n    isMobileInputWithCalendar,\n  } = useDatepicker({\n    onChange,\n    value,\n    defaultValue,\n    placeholder,\n    minValue,\n    maxValue,\n    onBlur,\n    onFocus,\n    calendar,\n    disabled,\n  })\n\n  return (\n    <div className=\"au-datepicker\" ref={rootEl}>\n      <InputField\n        className=\"au-datepicker__input\"\n        {...props}\n        maxLength={10}\n        value={inputDate}\n        type=\"tel\"\n        inputRef={inputRef}\n        onBlur={handleInputBlur}\n        disabled={disabled}\n        inputMode={isMobileInputWithCalendar ? 'none' : undefined}\n        onChange={handleInputChange}\n        placeholder={fmtPlaceholder}\n        onFocus={handleInputFocus}\n        rightSlot={\n          calendar && (\n            <button\n              type=\"button\"\n              className=\"au-datepicker__calendar-holder\"\n              aria-label=\"Abrir calendário\"\n              onClick={handleCalendarClick}>\n              <IconCalendar\n                aria-hidden=\"true\"\n                rawColor={disabled ? COLOR_NEUTRAL_40 : undefined}\n              />\n            </button>\n          )\n        }\n      />\n      {calendar && (\n        <DatepickerCalendar\n          withPortal={withPortal}\n          isVisible={isCalendarVisible}\n          onClose={closeCalendar}\n          minValue={minValue}\n          maxValue={maxValue}\n          value={selectedDate}\n          onChange={updateDateFromCalendar}\n        />\n      )}\n    </div>\n  )\n}\n\n// TODO - implement as a different field\nexport const RangePicker = () => {\n  return <p></p>\n}\n"],"names":[],"mappings":"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"}

package/dist/components/{EmailField → form/EmailField}/index.es.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect, useId } from "react";
-import { F as Field } from "../../index-ZE6zszxw.js";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
-import './styles.css';const emailDomains = [
+import Field from "../Field/index.es.js";
+import { c as classNames } from "../../../index-BW2ZU5Hx.js";
+import '../../EmailField/styles.css';const emailDomains = [
   "gmail.com",
   "hotmail.com",
   "yahoo.com",

package/dist/components/form/EmailField/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/form/EmailField/hook.ts","../../../../lib/components/form/EmailField/index.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nconst emailDomains = [\n  'gmail.com',\n  'hotmail.com',\n  'yahoo.com',\n  'outlook.com',\n  'yahoo.com.br',\n  'uol.com.br',\n  'ig.com.br',\n  'terra.com.br',\n  'aol.com',\n  'live.com',\n  'msn.com',\n]\n\nexport const useEmailAutocomplete = (propsOnChange?: (value: string) => void) => {\n  const [inputValue, setInputValue] = useState('')\n  const [suggestions, setSuggestions] = useState<string[]>([])\n  const [isDropdownOpen, setIsDropdownOpen] = useState(false)\n  const [activeIndex, setActiveIndex] = useState(-1)\n\n  useEffect(() => {\n    setActiveIndex(-1)\n  }, [suggestions])\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n\n    setInputValue(value)\n\t\tif(propsOnChange) propsOnChange(value);\n\n    const atIndex = value.indexOf('@');\n\t\tlet filteredDomains: string[] = [];\n\n    if (atIndex > -1) {\n      const domainPart = value.slice(atIndex + 1)\n      filteredDomains = emailDomains.filter((domain) =>\n        domain.startsWith(domainPart),\n      )\n      setSuggestions(filteredDomains)\n      setIsDropdownOpen(filteredDomains.length > 0)\n    } else {\n      setSuggestions([])\n      setIsDropdownOpen(false)\n    }\n\n    if (filteredDomains.some(domain => value.endsWith(domain))) {\n      setIsDropdownOpen(false)\n    }\n  }\n\n  const handleSuggestionClick = (suggestion: string) => {\n    const atIndex = inputValue.indexOf('@')\n    if (atIndex > -1) {\n\t\t\tconst completedEmailValue = inputValue.slice(0, atIndex + 1) + suggestion;\n      setInputValue(completedEmailValue);\n\t\t\tif(propsOnChange) propsOnChange(completedEmailValue);\n    }\n    setSuggestions([])\n    setIsDropdownOpen(false)\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (!isDropdownOpen || suggestions.length === 0) return\n\n    if (e.key === 'ArrowDown') {\n      e.preventDefault()\n      setActiveIndex((prev) => (prev + 1) % suggestions.length)\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault()\n      setActiveIndex((prev) =>\n        prev <= 0 ? suggestions.length - 1 : prev - 1,\n      )\n    } else if (e.key === 'Enter' && activeIndex >= 0) {\n      e.preventDefault()\n      handleSuggestionClick(suggestions[activeIndex])\n    } else if (e.key === 'Escape') {\n      setIsDropdownOpen(false)\n    }\n  }\n\n  return {\n    inputValue,\n    setInputValue,\n    suggestions,\n    isDropdownOpen,\n    activeIndex,\n    handleChange,\n    handleSuggestionClick,\n    handleKeyDown,\n  }\n}\n","import { useId } from 'react'\nimport Field from '../Field'\nimport { useEmailAutocomplete } from './hook'\nimport classNames from 'classnames'\nimport './styles.scss'\n\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  showOptionalLabel?: boolean\n  requiredInput?: boolean\n  success?: boolean\n  error?: boolean\n  errorMessage?: string\n  helpMessage?: string\n  rightSlot?: React.ReactNode\n  label?: string\n  inputStyle?: React.CSSProperties\n  inputRef?: React.RefObject<HTMLInputElement>\n\tonChange?: (value: string) => void;\n}\n\nexport const EmailField = ({\n  showOptionalLabel,\n  requiredInput,\n  success,\n  error,\n  errorMessage,\n  helpMessage,\n  label,\n  id,\n  disabled,\n  style,\n  className,\n  inputStyle,\n  rightSlot,\n  inputRef,\n  ...props\n}: InputProps) => {\n  const {\n    inputValue,\n    suggestions,\n    isDropdownOpen,\n    activeIndex,\n    handleChange,\n    handleSuggestionClick,\n    handleKeyDown,\n  } = useEmailAutocomplete(props.onChange);\n\n  const listboxId = useId()\n  const optionId = (index: number) => `${listboxId}-option-${index}`\n\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        showOptionalLabel={showOptionalLabel}\n        required={requiredInput}\n        success={success}\n        error={error}\n        disabled={disabled}\n      />\n      <Field.InputHolder rightSideSlot={rightSlot}>\n        <Field.Input\n          id={id}\n          type=\"email\"\n          inputRef={inputRef}\n          value={inputValue}\n          disabled={disabled}\n          style={inputStyle}\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={isDropdownOpen}\n          aria-autocomplete=\"list\"\n          aria-controls={listboxId}\n          aria-activedescendant={\n            isDropdownOpen && activeIndex >= 0 ? optionId(activeIndex) : undefined\n          }\n          {...props}\n\t\t\t\t\tonChange={handleChange}\n          onKeyDown={handleKeyDown}\n        />\n        <ul\n          id={listboxId}\n          className={classNames('au-field__input-autocomplete', {\n            'au-field__input-autocomplete--open': isDropdownOpen,\n          })}\n          tabIndex={-1}\n          role=\"listbox\"\n          style={{\n            overflowY: 'auto',\n          }}>\n          {suggestions.map((suggestion, index) => (\n            <li\n              id={optionId(index)}\n              className=\"au-field__input-option\"\n              onClick={() => handleSuggestionClick(suggestion)}\n              role=\"option\"\n              aria-selected={index === activeIndex}\n              key={index}>\n              {suggestion}\n            </li>\n          ))}\n        </ul>\n      </Field.InputHolder>\n      <Field.Message\n        hasError={!!error}\n        errorMessage={errorMessage}\n        helpMessage={helpMessage}\n      />\n    </Field.Root>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/components/form/Field/ErrorMessage/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../lib/components/form/Field/ErrorMessage/index.tsx"],"sourcesContent":["type ErrorMessageProps = {\n  hasError?: boolean\n  message?: string\n  id?: string\n}\n\nexport const FieldErrorMessage = ({ hasError, message, id }: ErrorMessageProps) => {\n  if (!hasError || !message) return null\n\n  return (\n    <p id={id} className=\"au-field__message au-field__message--error\" role=\"alert\">\n      {message}\n    </p>\n  )\n}\n"],"names":[],"mappings":";AAMO,MAAM,oBAAoB,CAAC,EAAE,UAAU,SAAS,SAA4B;AACjF,MAAI,CAAC,YAAY,CAAC,QAAS,QAAO;AAElC,6BACG,KAAA,EAAE,IAAQ,WAAU,8CAA6C,MAAK,SACpE,UAAA,SACH;AAEJ;"}

package/dist/components/{Input → form/Field/Input}/index.es.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../../../index-BW2ZU5Hx.js";
 const FieldInput = ({
   inputRef,
   customclass,

package/dist/components/form/Field/Input/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../lib/components/form/Field/Input/index.tsx"],"sourcesContent":["import classNames from 'classnames'\n\ntype FieldInputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  inputRef?: React.RefObject<HTMLInputElement>\n  customclass?: string\n}\n\nexport const FieldInput = ({\n  inputRef,\n  customclass,\n  ...props\n}: FieldInputProps) => {\n  const inputClasses = classNames('au-field__input', customclass)\n\n  return <input className={inputClasses} ref={inputRef} {...props} />\n}\n"],"names":[],"mappings":";;AAOO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuB;AACrB,QAAM,eAAe,WAAW,mBAAmB,WAAW;AAE9D,6BAAQ,SAAA,EAAM,WAAW,cAAc,KAAK,UAAW,GAAG,OAAO;AACnE;"}

package/dist/components/form/Field/InputHolder/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../lib/components/form/Field/InputHolder/index.tsx"],"sourcesContent":["import React from 'react'\n\ntype FieldInputHolderProps = {\n  children?: React.ReactNode\n  rightSideSlot?: React.ReactNode\n}\n\nexport const FieldInputHolder = ({\n  children,\n  rightSideSlot,\n}: FieldInputHolderProps) => {\n  return (\n    <div className=\"au-field__input-holder\">\n      {children}\n      {rightSideSlot && (\n        <div className=\"au-field__right-slot\">{rightSideSlot}</div>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";AAOO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AACF,MAA6B;AAC3B,SACE,qBAAC,OAAA,EAAI,WAAU,0BACZ,UAAA;AAAA,IAAA;AAAA,IACA,iBACC,oBAAC,OAAA,EAAI,WAAU,wBAAwB,UAAA,cAAA,CAAc;AAAA,EAAA,GAEzD;AAEJ;"}

package/dist/components/{Label → form/Field/Label}/index.es.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../index-C6Q03EyZ.js";
+import "../../../../index-BW2ZU5Hx.js";
 import "react";
-import "../Icon/index.es.js";
-import { IconAlertOctagon } from "../icons/IconAlertOctagon/index.es.js";
-import { IconCheck } from "../icons/IconCheck/index.es.js";
-import { IconSlash } from "../icons/IconSlash/index.es.js";
-import { C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, c as COLOR_NEUTRAL_40 } from "../../tokens-C4yCunfz.js";
+import "../../../Icon/index.es.js";
+import { IconAlertOctagon } from "../../../icons/IconAlertOctagon/index.es.js";
+import { IconCheck } from "../../../icons/IconCheck/index.es.js";
+import { IconSlash } from "../../../icons/IconSlash/index.es.js";
+import { a1 as COLOR_SUCCESS_50, H as COLOR_ERROR_50, U as COLOR_NEUTRAL_40 } from "../../../../tokens-C4ypB4bY.js";
 const FieldLabel = ({
   id,
   labelId,

package/dist/components/form/Field/Label/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../lib/components/form/Field/Label/index.tsx"],"sourcesContent":["import { IconAlertOctagon, IconCheck, IconSlash } from '@components/icons'\nimport {\n  COLOR_ERROR_50,\n  COLOR_NEUTRAL_40,\n  COLOR_SUCCESS_50,\n} from '@core/tokens'\n\ntype FieldLabelProps = {\n  id?: string\n  labelId?: string\n  text?: string | React.ReactNode\n  required?: boolean\n  success?: boolean\n  error?: boolean\n  disabled?: boolean\n  showOptionalLabel?: boolean\n}\n\nexport const FieldLabel = ({\n  id,\n  labelId,\n  text,\n  required,\n  success,\n  error,\n  disabled,\n  showOptionalLabel = true,\n}: FieldLabelProps) => {\n  if (!text) return null\n\n  const states = [\n    {\n      state: 'success',\n      value: !!success,\n      icon: <IconCheck rawColor={COLOR_SUCCESS_50} />,\n    },\n    {\n      state: 'error',\n      value: !!error,\n      icon: <IconAlertOctagon rawColor={COLOR_ERROR_50} />,\n    },\n    {\n      state: 'disabled',\n      value: !!disabled,\n      icon: <IconSlash rawColor={COLOR_NEUTRAL_40} />,\n    },\n  ]\n\n  const currentState = states.find(({ value }) => !!value)\n\n  return (\n    <div className=\"au-field__header\">\n      <label id={labelId} htmlFor={id} className=\"au-field__header-label\">\n        {text}{' '}\n        {showOptionalLabel && !required && (\n          <span className=\"au-field__header-label--optional\">(Opcional)</span>\n        )}\n        {!showOptionalLabel && required && (\n          <>\n            <strong className=\"au-field__header-label--required\" aria-hidden=\"true\">*</strong>\n            <span className=\"au-sr-only\">obrigatório</span>\n          </>\n        )}\n      </label>\n      <div className=\"au-field__header-icon\" aria-hidden=\"true\">{currentState?.icon}</div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;AAkBO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AACtB,MAAuB;AACrB,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,SAAS;AAAA,IACb;AAAA,MACE,OAAO;AAAA,MACP,OAAO,CAAC,CAAC;AAAA,MACT,MAAM,oBAAC,WAAA,EAAU,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,IAE/C;AAAA,MACE,OAAO;AAAA,MACP,OAAO,CAAC,CAAC;AAAA,MACT,MAAM,oBAAC,kBAAA,EAAiB,UAAU,eAAA,CAAgB;AAAA,IAAA;AAAA,IAEpD;AAAA,MACE,OAAO;AAAA,MACP,OAAO,CAAC,CAAC;AAAA,MACT,MAAM,oBAAC,WAAA,EAAU,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,EAC/C;AAGF,QAAM,eAAe,OAAO,KAAK,CAAC,EAAE,MAAA,MAAY,CAAC,CAAC,KAAK;AAEvD,SACE,qBAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,IAAA,qBAAC,WAAM,IAAI,SAAS,SAAS,IAAI,WAAU,0BACxC,UAAA;AAAA,MAAA;AAAA,MAAM;AAAA,MACN,qBAAqB,CAAC,gCACpB,QAAA,EAAK,WAAU,oCAAmC,UAAA,cAAU;AAAA,MAE9D,CAAC,qBAAqB,YACrB,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA,oBAAC,UAAA,EAAO,WAAU,oCAAmC,eAAY,QAAO,UAAA,KAAC;AAAA,QACzE,oBAAC,QAAA,EAAK,WAAU,cAAa,UAAA,cAAA,CAAW;AAAA,MAAA,EAAA,CAC1C;AAAA,IAAA,GAEJ;AAAA,wBACC,OAAA,EAAI,WAAU,yBAAwB,eAAY,QAAQ,uDAAc,KAAA,CAAK;AAAA,EAAA,GAChF;AAEJ;"}

package/dist/components/form/Field/Message/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../lib/components/form/Field/Message/index.tsx"],"sourcesContent":["type FieldMessageProps = {\n  hasError?: boolean\n  errorMessage?: string\n  helpMessage?: string\n  errorId?: string\n  helpId?: string\n}\n\nexport const FieldMessage = ({ hasError, errorMessage, helpMessage, errorId, helpId }: FieldMessageProps) => {\n  if (hasError && errorMessage) {\n    return (\n      <p id={errorId} className=\"au-field__message au-field__message--error\" role=\"alert\">\n        {errorMessage}\n      </p>\n    )\n  }\n\n  if (helpMessage) {\n    return <p id={helpId} className=\"au-field__message\">{helpMessage}</p>\n  }\n\n  return null\n}\n"],"names":[],"mappings":";AAQO,MAAM,eAAe,CAAC,EAAE,UAAU,cAAc,aAAa,SAAS,aAAgC;AAC3G,MAAI,YAAY,cAAc;AAC5B,WACE,oBAAC,OAAE,IAAI,SAAS,WAAU,8CAA6C,MAAK,SACzE,UAAA,aAAA,CACH;AAAA,EAEJ;AAEA,MAAI,aAAa;AACf,+BAAQ,KAAA,EAAE,IAAI,QAAQ,WAAU,qBAAqB,UAAA,aAAY;AAAA,EACnE;AAEA,SAAO;AACT;"}

package/dist/components/{Root → form/Field/Root}/index.es.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../../../index-BW2ZU5Hx.js";
 const FieldRoot = ({
   children,
   disabled,

package/dist/components/form/Field/Root/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../lib/components/form/Field/Root/index.tsx"],"sourcesContent":["import classNames from 'classnames'\n\ntype FieldRootProps = {\n  children: React.ReactNode\n  disabled?: boolean\n  success?: boolean\n  error?: boolean\n  style?: React.CSSProperties\n  customclass?: string\n}\n\nexport const FieldRoot = ({\n  children,\n  disabled,\n  success,\n  error,\n  style,\n  customclass,\n}: FieldRootProps) => {\n  const inputClasses = classNames('au-field', customclass, {\n    'au-field--disabled': !!disabled,\n    'au-field--success': !!success,\n    'au-field--error': !!error,\n  })\n\n  return (\n    <div className={inputClasses} style={style}>\n      {children}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AAWO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAsB;AACpB,QAAM,eAAe,WAAW,YAAY,aAAa;AAAA,IACvD,sBAAsB,CAAC,CAAC;AAAA,IACxB,qBAAqB,CAAC,CAAC;AAAA,IACvB,mBAAmB,CAAC,CAAC;AAAA,EAAA,CACtB;AAED,SACE,oBAAC,OAAA,EAAI,WAAW,cAAc,OAC3B,UACH;AAEJ;"}

package/dist/components/{TextArea → form/Field/TextArea}/index.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
-import { Text } from "../Text/index.es.js";
+import { c as classNames } from "../../../../index-BW2ZU5Hx.js";
+import { Text } from "../../../Text/index.es.js";
 import { useState } from "react";
 const useFieldTextArea = ({ onChange }) => {
   const [charCount, setCharCount] = useState(0);

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

@@ -0,0 +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;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/form/Field/index.es.js

@@ -0,0 +1,20 @@
+import { FieldErrorMessage } from "./ErrorMessage/index.es.js";
+import { FieldMessage } from "./Message/index.es.js";
+import { FieldInput } from "./Input/index.es.js";
+import { FieldInputHolder } from "./InputHolder/index.es.js";
+import { FieldLabel } from "./Label/index.es.js";
+import { FieldRoot } from "./Root/index.es.js";
+import { FieldTextArea } from "./TextArea/index.es.js";
+import '../../Field/styles2.css';const Field = {
+  Root: FieldRoot,
+  Input: FieldInput,
+  InputHolder: FieldInputHolder,
+  Label: FieldLabel,
+  ErrorMessage: FieldErrorMessage,
+  Message: FieldMessage,
+  TextArea: FieldTextArea
+};
+export {
+  Field as default
+};
+//# sourceMappingURL=index.es.js.map

package/dist/components/form/Field/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/form/Field/index.tsx"],"sourcesContent":["import { FieldErrorMessage } from './ErrorMessage'\nimport { FieldMessage } from './Message'\nimport { FieldInput } from './Input'\nimport { FieldInputHolder } from './InputHolder'\nimport { FieldLabel } from './Label'\nimport { FieldRoot } from './Root'\nimport { FieldTextArea } from './TextArea'\nimport './styles.scss'\n\nexport default {\n    Root: FieldRoot,\n    Input: FieldInput,\n    InputHolder: FieldInputHolder,\n    Label: FieldLabel,\n    ErrorMessage: FieldErrorMessage,\n    Message: FieldMessage,\n    TextArea: FieldTextArea,\n}"],"names":[],"mappings":";;;;;;;AASA,MAAA,QAAe;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aAAa;AAAA,EACb,OAAO;AAAA,EACP,cAAc;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AACd;"}

package/dist/components/{InputField → form/InputField}/index.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useId } from "react";
-import { F as Field } from "../../index-ZE6zszxw.js";
+import Field from "../Field/index.es.js";
 const InputField = ({
   showOptionalLabel,
   requiredInput,

package/dist/components/form/InputField/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/form/InputField/index.tsx"],"sourcesContent":["import { useId } from 'react'\nimport Field from '../Field'\n\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  showOptionalLabel?: boolean\n  requiredInput?: boolean\n  success?: boolean\n  error?: boolean\n  errorMessage?: string\n  helpMessage?: string\n  rightSlot?: React.ReactNode\n  label?: string | React.ReactNode\n  inputStyle?: React.CSSProperties\n  inputRef?: React.RefObject<HTMLInputElement>\n  numericKeypad?: boolean\n}\n\nexport const InputField = ({\n  showOptionalLabel,\n  requiredInput,\n  success,\n  error,\n  errorMessage,\n  helpMessage,\n  label,\n  id,\n  disabled,\n  style,\n  className,\n  inputStyle,\n  rightSlot,\n  inputRef,\n  numericKeypad,\n  ...props\n}: InputProps) => {\n  const generatedErrorId = useId()\n  const generatedHelpId = useId()\n  const errorId = error && errorMessage ? generatedErrorId : undefined\n  const helpId = helpMessage ? generatedHelpId : undefined\n  const describedBy = [errorId, helpId].filter(Boolean).join(' ') || undefined\n\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        showOptionalLabel={showOptionalLabel}\n        required={requiredInput}\n        success={success}\n        error={error}\n        disabled={disabled}\n      />\n      <Field.InputHolder rightSideSlot={rightSlot}>\n        <Field.Input\n          id={id}\n          inputRef={inputRef}\n          inputMode={numericKeypad ? \"numeric\" : undefined}\n          disabled={disabled}\n          style={inputStyle}\n          aria-invalid={!!error}\n          aria-describedby={describedBy}\n          {...props}\n        />\n      </Field.InputHolder>\n      <Field.Message hasError={!!error} errorMessage={errorMessage} helpMessage={helpMessage} errorId={errorId} helpId={helpId} />\n    </Field.Root>\n  )\n}\n"],"names":[],"mappings":";;;AAiBO,MAAM,aAAa,CAAC;AAAA,EACzB;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,MAAkB;AAChB,QAAM,mBAAmB,MAAA;AACzB,QAAM,kBAAkB,MAAA;AACxB,QAAM,UAAU,SAAS,eAAe,mBAAmB;AAC3D,QAAM,SAAS,cAAc,kBAAkB;AAC/C,QAAM,cAAc,CAAC,SAAS,MAAM,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAEnE,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,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,oBAAC,MAAM,aAAN,EAAkB,eAAe,WAChC,UAAA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACC;AAAA,YACA;AAAA,YACA,WAAW,gBAAgB,YAAY;AAAA,YACvC;AAAA,YACA,OAAO;AAAA,YACP,gBAAc,CAAC,CAAC;AAAA,YAChB,oBAAkB;AAAA,YACjB,GAAG;AAAA,UAAA;AAAA,QAAA,GAER;AAAA,QACA,oBAAC,MAAM,SAAN,EAAc,UAAU,CAAC,CAAC,OAAO,cAA4B,aAA0B,SAAkB,OAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhI;"}

package/dist/components/{PasswordField → form/PasswordField}/index.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useId } from "react";
-import { F as Field } from "../../index-ZE6zszxw.js";
-import './styles.css';const usePasswordField = () => {
+import Field from "../Field/index.es.js";
+import '../../PasswordField/styles.css';const usePasswordField = () => {
   const [showPassword, setShowPassword] = useState(false);
   const fieldType = showPassword ? "text" : "password";
   const textButton = showPassword ? "ocultar" : "mostrar";

package/dist/components/form/PasswordField/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/form/PasswordField/hook.tsx","../../../../lib/components/form/PasswordField/index.tsx"],"sourcesContent":["import { useState } from 'react'\n\nexport const usePasswordField = () => {\n  const [showPassword, setShowPassword] = useState<boolean>(false)\n  const fieldType = showPassword ? 'text' : 'password'\n  const textButton = showPassword ? 'ocultar' : 'mostrar'\n\n  function changeVisibility() {\n    setShowPassword((prevState) => !prevState)\n  }\n\n  return {\n    fieldType,\n    textButton,\n    showPassword,\n    changeVisibility,\n  }\n}\n","import { useId } from 'react'\nimport Field from '../Field'\nimport { usePasswordField } from './hook'\nimport './styles.scss'\n\ntype PasswordFieldProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  type?: 'password'\n  showOptionalLabel?: boolean\n  requiredInput?: boolean\n  success?: boolean\n  error?: boolean\n  errorMessage?: string\n  label?: string\n  inputRef?: React.RefObject<HTMLInputElement>\n  numericKeypad?: boolean\n}\n\nexport const PasswordField = ({\n  showOptionalLabel,\n  requiredInput,\n  success,\n  error,\n  errorMessage,\n  label,\n  inputRef,\n  id,\n  disabled,\n  style,\n  className,\n  numericKeypad,\n  ...props\n}: PasswordFieldProps) => {\n  const { fieldType, showPassword, changeVisibility } = usePasswordField()\n  const generatedErrorId = useId()\n  const errorId = error && errorMessage ? generatedErrorId : undefined\n\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={requiredInput}\n        showOptionalLabel={showOptionalLabel}\n        success={success}\n        error={error}\n        disabled={disabled}\n      />\n      <div className=\"au-password-field__container\">\n        <Field.Input\n          customclass=\"au-password-field__input\"\n          type={fieldType}\n          id={id}\n          inputRef={inputRef}\n          inputMode={numericKeypad ? \"numeric\" : undefined}\n          disabled={disabled}\n          aria-invalid={!!error}\n          aria-describedby={errorId}\n          {...props}\n        />\n        <button\n          className=\"au-password-field__btn\"\n          type=\"button\"\n          onClick={changeVisibility}\n          disabled={disabled}\n          aria-label={showPassword ? 'Ocultar senha' : 'Mostrar senha'}\n          aria-pressed={showPassword}>\n          {showPassword ? 'ocultar' : 'mostrar'}\n        </button>\n      </div>\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} id={errorId} />\n    </Field.Root>\n  )\n}\n"],"names":[],"mappings":";;;AAEO,MAAM,mBAAmB,MAAM;AACpC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,KAAK;AAC/D,QAAM,YAAY,eAAe,SAAS;AAC1C,QAAM,aAAa,eAAe,YAAY;AAE9C,WAAS,mBAAmB;AAC1B,oBAAgB,CAAC,cAAc,CAAC,SAAS;AAAA,EAC3C;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;ACAO,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,GAAG;AACL,MAA0B;AACxB,QAAM,EAAE,WAAW,cAAc,iBAAA,IAAqB,iBAAA;AACtD,QAAM,mBAAmB,MAAA;AACzB,QAAM,UAAU,SAAS,eAAe,mBAAmB;AAE3D,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,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,qBAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAAA;AAAA,YAAC,MAAM;AAAA,YAAN;AAAA,cACC,aAAY;AAAA,cACZ,MAAM;AAAA,cACN;AAAA,cACA;AAAA,cACA,WAAW,gBAAgB,YAAY;AAAA,cACvC;AAAA,cACA,gBAAc,CAAC,CAAC;AAAA,cAChB,oBAAkB;AAAA,cACjB,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cACL,SAAS;AAAA,cACT;AAAA,cACA,cAAY,eAAe,kBAAkB;AAAA,cAC7C,gBAAc;AAAA,cACb,yBAAe,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QAC9B,GACF;AAAA,QACA,oBAAC,MAAM,cAAN,EAAmB,UAAU,CAAC,CAAC,OAAO,SAAS,cAAc,IAAI,QAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGjF;"}

package/dist/components/{Field → form/Radio/Field}/index.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
-import './styles.css';const RadioField = ({
+import { c as classNames } from "../../../../index-BW2ZU5Hx.js";
+import '../../../Field/styles3.css';const RadioField = ({
   type = "radio",
   direction = "left",
   label,

package/dist/components/form/Radio/Field/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../lib/components/form/Radio/Field/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport { RadioFieldProps } from '../types'\nimport './styles.scss'\n\nexport const RadioField = ({\n  type = 'radio',\n  direction = 'left',\n  label,\n  error,\n  id,\n  disabled,\n  ...props\n}: RadioFieldProps) => {\n  const radioClasses = classNames('au-radio-field', {\n    'au-radio-field--left-direction': direction === 'left',\n    'au-radio-field--right-direction': direction === 'right',\n    'au-radio-field--disabled': !!disabled,\n    'au-radio-field--error': !!error,\n  })\n\n  const getSafeId = (id: RadioFieldProps['id']) => {\n    return id ? id : `au-radio-${Math.random()}`\n  }\n  const [safeId] = useState(getSafeId(id))\n  \n  return (\n    <div className={radioClasses}>\n      <input\n        className=\"au-radio-field__input\"\n        type={type}\n        id={safeId}\n        disabled={disabled}\n        {...props}\n      />\n      <label className=\"au-radio-field__label\" htmlFor={safeId}>\n        {label}\n      </label>\n    </div>\n  )\n}\n"],"names":["id"],"mappings":";;;AAKO,MAAM,aAAa,CAAC;AAAA,EACzB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuB;AACrB,QAAM,eAAe,WAAW,kBAAkB;AAAA,IAChD,kCAAkC,cAAc;AAAA,IAChD,mCAAmC,cAAc;AAAA,IACjD,4BAA4B,CAAC,CAAC;AAAA,IAC9B,yBAAyB,CAAC,CAAC;AAAA,EAAA,CAC5B;AAED,QAAM,YAAY,CAACA,QAA8B;AAC/C,WAAOA,MAAKA,MAAK,YAAY,KAAK,QAAQ;AAAA,EAC5C;AACA,QAAM,CAAC,MAAM,IAAI,SAAS,UAAU,EAAE,CAAC;AAEvC,SACE,qBAAC,OAAA,EAAI,WAAW,cACd,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA,IAAI;AAAA,QACJ;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,wBAEL,SAAA,EAAM,WAAU,yBAAwB,SAAS,QAC/C,UAAA,MAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/{Group → form/Radio/Group}/index.es.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
-import { F as Field } from "../../index-ZE6zszxw.js";
-import { Conditional } from "../Conditional/index.es.js";
-import { Text } from "../Text/index.es.js";
+import { c as classNames } from "../../../../index-BW2ZU5Hx.js";
+import Field from "../../Field/index.es.js";
+import { Conditional } from "../../../misc/Conditional/index.es.js";
+import { Text } from "../../../Text/index.es.js";
 import $8WNJc$react__default, { useState } from "react";
 import { RadioField } from "../Field/index.es.js";
-import './styles.css';const RadioGroup = ({
+import '../../../Group/styles.css';const RadioGroup = ({
   name = "",
   defaultValue,
   orientation = "vertical",

package/dist/components/form/Radio/Group/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../lib/components/form/Radio/Group/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport './styles.scss'\nimport Field from '@components/form/Field'\nimport { Conditional } from '@components/misc'\nimport { Text } from '@components/Text'\nimport React, { useState } from 'react'\nimport { RadioField } from '../Field'\nimport { RadioFieldProps, RadioGroupProps } from '../types'\n\nexport const RadioGroup = ({\n  name = '',\n  defaultValue,\n  orientation = 'vertical',\n  label,\n  error,\n  errorMessage,\n  required = false,\n  children,\n  onChange,\n  onFocus,\n  'data-testid': dataTestId,\n}: RadioGroupProps) => {\n  const groupClass = classNames('au-radio-group', {\n    'au-radio-group--horizontal': orientation === 'horizontal',\n  })\n\n  const getSafeName = (name: string): string => {\n    return name ? name : `au-radio-group-${Math.random()}`\n  }\n  const [safeName] = useState(getSafeName(name))\n\n  const childrenWithProps = React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      const childProps = child.props as RadioFieldProps\n\n      return (\n        <RadioField\n          name={safeName}\n          error={error}\n          defaultChecked={defaultValue === childProps.value}\n          onChange={onChange}\n          onFocus={onFocus}\n          {...child.props}\n        />\n      )\n    }\n    return child\n  })\n\n  return (\n    <div className={groupClass} data-testid={dataTestId}>\n      <Conditional\n        condition={!!label}\n        renderIf={\n          <Text variant=\"body-small\" weight=\"semibold\" color=\"secondary\">\n            {label}{' '}\n            {!!required && (\n              <span className=\"au-radio-group__label--required\">*</span>\n            )}\n          </Text>\n        }\n      />\n      <div className=\"au-radio-group__fields\">{childrenWithProps}</div>\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n    </div>\n  )\n}\n"],"names":["name","React"],"mappings":";;;;;;;AASO,MAAM,aAAa,CAAC;AAAA,EACzB,OAAO;AAAA,EACP;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAuB;AACrB,QAAM,aAAa,WAAW,kBAAkB;AAAA,IAC9C,8BAA8B,gBAAgB;AAAA,EAAA,CAC/C;AAED,QAAM,cAAc,CAACA,UAAyB;AAC5C,WAAOA,QAAOA,QAAO,kBAAkB,KAAK,QAAQ;AAAA,EACtD;AACA,QAAM,CAAC,QAAQ,IAAI,SAAS,YAAY,IAAI,CAAC;AAE7C,QAAM,oBAAoBC,sBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AAChE,QAAIA,sBAAM,eAAe,KAAK,GAAG;AAC/B,YAAM,aAAa,MAAM;AAEzB,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN;AAAA,UACA,gBAAgB,iBAAiB,WAAW;AAAA,UAC5C;AAAA,UACA;AAAA,UACC,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB;AACA,WAAO;AAAA,EACT,CAAC;AAED,SACE,qBAAC,OAAA,EAAI,WAAW,YAAY,eAAa,YACvC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,CAAC,CAAC;AAAA,QACb,+BACG,MAAA,EAAK,SAAQ,cAAa,QAAO,YAAW,OAAM,aAChD,UAAA;AAAA,UAAA;AAAA,UAAO;AAAA,UACP,CAAC,CAAC,gCACA,QAAA,EAAK,WAAU,mCAAkC,UAAA,IAAA,CAAC;AAAA,QAAA,EAAA,CAEvD;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,oBAAC,OAAA,EAAI,WAAU,0BAA0B,UAAA,mBAAkB;AAAA,IAC3D,oBAAC,MAAM,cAAN,EAAmB,UAAU,CAAC,CAAC,OAAO,SAAS,aAAA,CAAc;AAAA,EAAA,GAChE;AAEJ;"}

package/dist/components/{Radio → form/Radio}/index.es.js

@@ -1,5 +1,5 @@
-import { RadioField } from "../Field/index.es.js";
-import { RadioGroup } from "../Group/index.es.js";
+import { RadioField } from "./Field/index.es.js";
+import { RadioGroup } from "./Group/index.es.js";
 const components = {
   Field: RadioField,
   Group: RadioGroup

package/dist/components/form/Radio/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/form/Radio/index.tsx"],"sourcesContent":["import { RadioField } from './Field'\nimport { RadioGroup } from './Group'\nimport { RadioFieldProps, RadioGroupProps } from './types'\n\ntype Components = {\n  Field: React.FC<RadioFieldProps>\n  Group: React.FC<RadioGroupProps>\n}\n\nconst components: Components = {\n  Field: RadioField,\n  Group: RadioGroup,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Radio.${key}`\n})\n\nexport { components as Radio }\n"],"names":[],"mappings":";;AASA,MAAM,aAAyB;AAAA,EAC7B,OAAO;AAAA,EACP,OAAO;AACT;AAEA,OAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,QAAQ;AACvC,QAAM,YAAY,WAAW,GAAuB;AACpD,YAAU,cAAc,SAAS,GAAG;AACtC,CAAC;"}

package/dist/components/{SelectField → form/SelectField}/index.es.js

@@ -1,19 +1,19 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useId } from "react";
 import { createPortal } from "react-dom";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
-import "../Icon/index.es.js";
-import { IconCheck } from "../icons/IconCheck/index.es.js";
-import { IconChevronDown } from "../icons/IconChevronDown/index.es.js";
-import { IconSearch } from "../icons/IconSearch/index.es.js";
-import { IconSlash } from "../icons/IconSlash/index.es.js";
-import { Modal } from "../Modal/index.es.js";
-import { Text } from "../Text/index.es.js";
-import { Conditional } from "../Conditional/index.es.js";
-import { c as COLOR_NEUTRAL_40 } from "../../tokens-C4yCunfz.js";
-import { i as isMobile } from "../../isMobile-RyKhTreE.js";
-import { F as Field } from "../../index-ZE6zszxw.js";
-import './styles.css';const useSelectField = (options, initialValue, onChange, onBlur, disabled, register, autocomplete = false, fullScreenOptions = false) => {
+import { c as classNames } from "../../../index-BW2ZU5Hx.js";
+import "../../Icon/index.es.js";
+import { IconCheck } from "../../icons/IconCheck/index.es.js";
+import { IconChevronDown } from "../../icons/IconChevronDown/index.es.js";
+import { IconSearch } from "../../icons/IconSearch/index.es.js";
+import { IconSlash } from "../../icons/IconSlash/index.es.js";
+import { Modal } from "../../Modal/index.es.js";
+import { Text } from "../../Text/index.es.js";
+import { Conditional } from "../../misc/Conditional/index.es.js";
+import { i as isMobile } from "../../../isMobile-RyKhTreE.js";
+import Field from "../Field/index.es.js";
+import { U as COLOR_NEUTRAL_40 } from "../../../tokens-C4ypB4bY.js";
+import '../../SelectField/styles.css';const useSelectField = (options, initialValue, onChange, onBlur, disabled, register, autocomplete = false, fullScreenOptions = false) => {
   var _a;
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   const [selectedOption, setSelectedOption] = useState({