@consumidor-positivo/aurora 0.0.66 → 0.0.68

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../../index-CweZ_OcN.js";
-import "../../index-DhUJjrgP.js";
+import "../../index-BuHGuwbT.js";
 import "../Button/index.es.js";
 import "../PortalHolder/index.es.js";
-import { a } from "../../index-lcJ0CoDo.js";
+import { a } from "../../index-EAEcmr1o.js";
 export {
   a as DatepickerCalendar
 };

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

@@ -3,8 +3,8 @@ import "../../index-CweZ_OcN.js";
 import "../Icon/index.es.js";
 import "../icons/IconChevronLeft/index.es.js";
 import "../icons/IconChevronRight/index.es.js";
-import "../../index-BnnDZOqb.js";
-import { C } from "../../index-DhUJjrgP.js";
+import "../../index-CLq9qZyb.js";
+import { C } from "../../index-BuHGuwbT.js";
 export {
   C as CalendarHeader
 };

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

@@ -2,8 +2,8 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import "../Icon/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
-import { F as Field } from "../../index-DY3hp3Pl.js";
 import { k as COLOR_NEUTRAL_00 } from "../../tokens-TYOJv1j5.js";
+import { F as Field } from "../../index-DY3hp3Pl.js";
 import './styles.css';const CheckboxField = ({
   label,
   error,

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

@@ -1,12 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { B as BREAKPOINT_MD, g as COLOR_NEUTRAL_40 } from "../../tokens-TYOJv1j5.js";
 import "../../index-CweZ_OcN.js";
 import "../Icon/index.es.js";
 import { IconCalendar } from "../icons/IconCalendar/index.es.js";
 import { InputField } from "../InputField/index.es.js";
-import { g as getDefaultDate, D as DDMMYYYY, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-lcJ0CoDo.js";
-import { useRef, useState, useEffect } from "react";
-import { u as useOutsideClick } from "../../index-BnnDZOqb.js";
-import { B as BREAKPOINT_MD, g as COLOR_NEUTRAL_40 } from "../../tokens-TYOJv1j5.js";
+import { g as getDefaultDate, D as DDMMYYYY, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-EAEcmr1o.js";
+import { useRef, useState, useMemo, useEffect } from "react";
+import { a as above } from "../../screen-DfYo7XQ_.js";
+import { u as useOutsideClick } from "../../index-CLq9qZyb.js";
 import './styles.css';function useDatepicker({
   value,
   defaultValue = "empty",
@@ -16,13 +17,15 @@ import './styles.css';function useDatepicker({
   placeholder,
   onBlur,
   minValue,
-  maxValue
+  maxValue,
+  onFocus,
+  calendar
 }) {
   const rootEl = useRef(null);
   const { listenOutsideClick } = useOutsideClick({
     rootEl,
     breakpoint: BREAKPOINT_MD,
-    onLoseFocusCB: handleOutsideClick
+    onLoseFocusCB: closeCalendar
   });
   const [inputDate, setInputDate] = useState("");
   const [selectedDate, setSelectedDate] = useState(
@@ -31,6 +34,10 @@ import './styles.css';function useDatepicker({
   const [alareadySetDefaultValue, setAlreadySetDefaultValue] = useState(false);
   const [isCalendarVisible, setIsCalendarVisible] = useState(false);
   const inputRef = useRef(null);
+  const isMobileInputWithCalendar = useMemo(
+    () => !above(BREAKPOINT_MD) && !!calendar,
+    [calendar]
+  );
   useEffect(() => {
     if (!!value && value.day) {
       setSelectedDate(value);
@@ -55,24 +62,24 @@ import './styles.css';function useDatepicker({
     if (onChange) onChange(newFieldValue);
     if (!isDateValid) setInputDate("");
   }
+  function handleInputFocus(event) {
+    if (!isCalendarVisible && disabled) return;
+    listenOutsideClick();
+    setIsCalendarVisible(true);
+    if (onFocus) onFocus(event);
+  }
+  function handleCalendarClick() {
+    var _a;
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
+  }
   function handleInputBlur() {
     if (onBlur) {
       onBlur(selectedDate);
     }
   }
-  function toggleCalendar() {
-    if (!isCalendarVisible && disabled) return;
-    if (!isCalendarVisible) {
-      listenOutsideClick();
-    }
-    setIsCalendarVisible(!isCalendarVisible);
-  }
   function closeCalendar() {
     setIsCalendarVisible(false);
   }
-  function handleOutsideClick() {
-    closeCalendar();
-  }
   function updateDateFromCalendar(pickerDate) {
     setSelectedDate(pickerDate);
     setInputDate(format.toString(pickerDate));
@@ -82,7 +89,6 @@ import './styles.css';function useDatepicker({
     inputDate,
     handleInputChange,
     handleInputBlur,
-    toggleCalendar,
     closeCalendar,
     isCalendarVisible,
     fmtPlaceholder: placeholder || format.placeholder,
@@ -90,7 +96,10 @@ import './styles.css';function useDatepicker({
     selectedDate,
     setSelectedDate,
     updateDateFromCalendar,
-    rootEl
+    rootEl,
+    handleCalendarClick,
+    handleInputFocus,
+    isMobileInputWithCalendar
   };
 }
 const DatepickerField = ({
@@ -104,20 +113,23 @@ const DatepickerField = ({
   withPortal = true,
   minValue = AUCalendarDate(1, 1, 1900),
   maxValue = AUCalendarDate(31, 12, 2100),
+  onFocus,
   ...props
 }) => {
   const {
     inputDate,
     handleInputChange,
     handleInputBlur,
-    toggleCalendar,
     closeCalendar,
     isCalendarVisible,
     fmtPlaceholder,
     inputRef,
     selectedDate,
     updateDateFromCalendar,
-    rootEl
+    rootEl,
+    handleCalendarClick,
+    handleInputFocus,
+    isMobileInputWithCalendar
   } = useDatepicker({
     onChange,
     value,
@@ -126,6 +138,8 @@ const DatepickerField = ({
     minValue,
     maxValue,
     onBlur,
+    onFocus,
+    calendar,
     disabled
   });
   return /* @__PURE__ */ jsxs("div", { className: "au-datepicker", ref: rootEl, children: [
@@ -140,13 +154,15 @@ const DatepickerField = ({
         inputRef,
         onBlur: handleInputBlur,
         disabled,
+        inputMode: isMobileInputWithCalendar ? "none" : void 0,
         onChange: handleInputChange,
         placeholder: fmtPlaceholder,
+        onFocus: handleInputFocus,
         rightSlot: calendar && /* @__PURE__ */ jsx(
           "div",
           {
             className: "au-datepicker__calendar-holder",
-            onClick: toggleCalendar,
+            onClick: handleCalendarClick,
             children: /* @__PURE__ */ jsx(
               IconCalendar,
               {

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Datepicker/hook.ts","../../../lib/components/form/Datepicker/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { useOutsideClick } from '@core/hooks/useOutsideClick'\nimport { BREAKPOINT_MD } from '@core/tokens'\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  minValue: AUCalendarDateShape\n  maxValue: AUCalendarDateShape\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}: UseDatePickerProps) {\n  const rootEl = useRef<HTMLDivElement>(null)\n  const { listenOutsideClick } = useOutsideClick({\n    rootEl,\n    breakpoint: BREAKPOINT_MD,\n    onLoseFocusCB: handleOutsideClick,\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\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 handleInputBlur() {\n    if (onBlur) {\n      onBlur(selectedDate)\n    }\n  }\n\n  function toggleCalendar() {\n    if (!isCalendarVisible && disabled) return\n    if (!isCalendarVisible) {\n      listenOutsideClick()\n    }\n    setIsCalendarVisible(!isCalendarVisible)\n  }\n\n  function closeCalendar() {\n    setIsCalendarVisible(false)\n  }\n\n  function handleOutsideClick() {\n    closeCalendar()\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    toggleCalendar,\n    closeCalendar,\n    isCalendarVisible,\n    fmtPlaceholder: placeholder || format.placeholder,\n    inputRef,\n    selectedDate,\n    setSelectedDate,\n    updateDateFromCalendar,\n    rootEl,\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  ...props\n}: DatepickerFieldProps) => {\n  const {\n    inputDate,\n    handleInputChange,\n    handleInputBlur,\n    toggleCalendar,\n    closeCalendar,\n    isCalendarVisible,\n    fmtPlaceholder,\n    inputRef,\n    selectedDate,\n    updateDateFromCalendar,\n    rootEl,\n  } = useDatepicker({\n    onChange,\n    value,\n    defaultValue,\n    placeholder,\n    minValue,\n    maxValue,\n    onBlur,\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        onChange={handleInputChange}\n        placeholder={fmtPlaceholder}\n        rightSlot={\n          calendar && (\n            <div\n              className=\"au-datepicker__calendar-holder\"\n              onClick={toggleCalendar}>\n              <IconCalendar\n                rawColor={disabled ? COLOR_NEUTRAL_40 : undefined}\n              />\n            </div>\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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"}
+{"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            <div\n              className=\"au-datepicker__calendar-holder\"\n              onClick={handleCalendarClick}>\n              <IconCalendar\n                rawColor={disabled ? COLOR_NEUTRAL_40 : undefined}\n              />\n            </div>\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/Group/index.es.js

@@ -12,6 +12,7 @@ import './styles.css';const RadioGroup = ({
   label,
   error,
   errorMessage,
+  required = false,
   children,
   onChange,
   onFocus
@@ -45,7 +46,11 @@ import './styles.css';const RadioGroup = ({
       Conditional,
       {
         condition: !!label,
-        renderIf: /* @__PURE__ */ jsx(Text, { variant: "body-medium", weight: "semibold", color: "secondary", children: label })
+        renderIf: /* @__PURE__ */ jsxs(Text, { variant: "body-medium", weight: "semibold", color: "secondary", children: [
+          label,
+          " ",
+          !!required && /* @__PURE__ */ jsx("span", { className: "au-radio-group__label--required", children: "*" })
+        ] })
       }
     ),
     /* @__PURE__ */ jsx("div", { className: "au-radio-group__fields", children: childrenWithProps }),

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

@@ -1 +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  children,\n  onChange,\n  onFocus,\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\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}>\n      <Conditional\n        condition={!!label}\n        renderIf={\n          <Text variant=\"body-medium\" weight=\"semibold\" color=\"secondary\">\n            {label}\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;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACf,QAAA,aAAa,WAAW,kBAAkB;AAAA,IAC9C,8BAA8B,gBAAgB;AAAA,EAAA,CAC/C;AAEK,QAAA,cAAc,CAACA,UAAyB;AAC5C,WAAOA,QAAOA,QAAO,kBAAkB,KAAK,OAAQ,CAAA;AAAA,EAAA;AAGtD,QAAM,CAAC,QAAQ,IAAI,SAAS,YAAY,IAAI,CAAC;AAE7C,QAAM,oBAAoBC,sBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AAC5D,QAAAA,sBAAM,eAAe,KAAK,GAAG;AAC/B,YAAM,aAAa,MAAM;AAGvB,aAAA;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;AACO,WAAA;AAAA,EAAA,CACR;AAGC,SAAA,qBAAC,OAAI,EAAA,WAAW,YACd,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,CAAC,CAAC;AAAA,QACb,8BACG,MAAK,EAAA,SAAQ,eAAc,QAAO,YAAW,OAAM,aACjD,UACH,MAAA,CAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IACC,oBAAA,OAAA,EAAI,WAAU,0BAA0B,UAAkB,mBAAA;AAAA,IAC3D,oBAAC,MAAM,cAAN,EAAmB,UAAU,CAAC,CAAC,OAAO,SAAS,cAAc;AAAA,EAChE,EAAA,CAAA;AAEJ;"}
+{"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}: 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\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}>\n      <Conditional\n        condition={!!label}\n        renderIf={\n          <Text variant=\"body-medium\" 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;AACF,MAAuB;AACf,QAAA,aAAa,WAAW,kBAAkB;AAAA,IAC9C,8BAA8B,gBAAgB;AAAA,EAAA,CAC/C;AAEK,QAAA,cAAc,CAACA,UAAyB;AAC5C,WAAOA,QAAOA,QAAO,kBAAkB,KAAK,OAAQ,CAAA;AAAA,EAAA;AAGtD,QAAM,CAAC,QAAQ,IAAI,SAAS,YAAY,IAAI,CAAC;AAE7C,QAAM,oBAAoBC,sBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AAC5D,QAAAA,sBAAM,eAAe,KAAK,GAAG;AAC/B,YAAM,aAAa,MAAM;AAGvB,aAAA;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;AACO,WAAA;AAAA,EAAA,CACR;AAGC,SAAA,qBAAC,OAAI,EAAA,WAAW,YACd,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,CAAC,CAAC;AAAA,QACb,+BACG,MAAK,EAAA,SAAQ,eAAc,QAAO,YAAW,OAAM,aACjD,UAAA;AAAA,UAAA;AAAA,UAAO;AAAA,UACP,CAAC,CAAC,gCACA,QAAK,EAAA,WAAU,mCAAkC,UAAC,KAAA;AAAA,QAAA,GAEvD;AAAA,MAAA;AAAA,IAEJ;AAAA,IACC,oBAAA,OAAA,EAAI,WAAU,0BAA0B,UAAkB,mBAAA;AAAA,IAC3D,oBAAC,MAAM,cAAN,EAAmB,UAAU,CAAC,CAAC,OAAO,SAAS,cAAc;AAAA,EAChE,EAAA,CAAA;AAEJ;"}

package/dist/components/Group/styles.css

@@ -1 +1 @@
-.au-radio-group,.au-radio-group__fields{display:flex;flex-direction:column;gap:16px}.au-radio-group--horizontal .au-radio-group__fields{flex-direction:row}
+.au-radio-group{display:flex;flex-direction:column;gap:16px}.au-radio-group__label--required{color:#991717}.au-radio-group__fields{display:flex;flex-direction:column;gap:16px}.au-radio-group--horizontal .au-radio-group__fields{flex-direction:row}

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

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

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

@@ -4,7 +4,7 @@ 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-BnnDZOqb.js";
+import { S } from "../../index-CLq9qZyb.js";
 export {
   S as Segment
 };

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

@@ -8,14 +8,15 @@ type UseDatePickerProps = {
     format?: FormatAdapter;
     placeholder?: string;
     onBlur?: EventHandler;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
     minValue: AUCalendarDateShape;
     maxValue: AUCalendarDateShape;
+    calendar?: boolean;
 };
-export declare function useDatepicker({ value, defaultValue, onChange, disabled, format, placeholder, onBlur, minValue, maxValue, }: UseDatePickerProps): {
+export declare function useDatepicker({ value, defaultValue, onChange, disabled, format, placeholder, onBlur, minValue, maxValue, onFocus, calendar, }: UseDatePickerProps): {
     inputDate: string;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleInputBlur: () => void;
-    toggleCalendar: () => void;
     closeCalendar: () => void;
     isCalendarVisible: boolean;
     fmtPlaceholder: string;
@@ -24,5 +25,8 @@ export declare function useDatepicker({ value, defaultValue, onChange, disabled,
     setSelectedDate: import('react').Dispatch<import('react').SetStateAction<AUCalendarDateShape | null>>;
     updateDateFromCalendar: (pickerDate: AUCalendarDateShape) => void;
     rootEl: import('react').RefObject<HTMLDivElement>;
+    handleCalendarClick: () => void;
+    handleInputFocus: (event: React.FocusEvent<HTMLInputElement, Element>) => void;
+    isMobileInputWithCalendar: boolean;
 };
 export {};

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

@@ -19,6 +19,6 @@ type DatepickerFieldProps = Omit<InputProps, 'value' | 'onChange'> & {
     /** max allowed date, defaults to 2100-12-31 */
     maxValue?: AUCalendarDateShape;
 };
-export declare const DatepickerField: ({ calendar, placeholder, disabled, onChange, value, defaultValue, onBlur, withPortal, minValue, maxValue, ...props }: DatepickerFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DatepickerField: ({ calendar, placeholder, disabled, onChange, value, defaultValue, onBlur, withPortal, minValue, maxValue, onFocus, ...props }: DatepickerFieldProps) => import("react/jsx-runtime").JSX.Element;
 export declare const RangePicker: () => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -14,6 +14,7 @@ export type RadioGroupProps = {
     label?: string;
     error?: boolean;
     errorMessage?: string;
+    required?: boolean;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     onFocus?: React.FocusEventHandler<HTMLInputElement>;
 };

package/dist/{index-DhUJjrgP.js → index-BuHGuwbT.js}

@@ -3,7 +3,7 @@ import "./index-CweZ_OcN.js";
 import "./components/Icon/index.es.js";
 import { IconChevronLeft } from "./components/icons/IconChevronLeft/index.es.js";
 import { IconChevronRight } from "./components/icons/IconChevronRight/index.es.js";
-import { S as Segment } from "./index-BnnDZOqb.js";
+import { S as Segment } from "./index-CLq9qZyb.js";
 import $dbSRa$react__default, { createContext, useContext, useState, useRef, useCallback, useEffect, useMemo, forwardRef } from "react";
 import "react-dom";
 createContext(null);
@@ -5686,4 +5686,4 @@ export {
   $dfd62f934fc76fed$export$e11f8ba65d857bff as e,
   $dfd62f934fc76fed$export$5d847498420df57b as f
 };
-//# sourceMappingURL=index-DhUJjrgP.js.map
+//# sourceMappingURL=index-BuHGuwbT.js.map