@plenustech/design-system 0.2.1 → 0.2.2

package/dist/components/forms/DatePicker/Calendar.js

@@ -0,0 +1,86 @@
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { useMemo as u, useRef as g, useEffect as p } from "react";
+import { getLocalTimeZone as N } from "@internationalized/date";
+import n from "./DatePicker.module.css.js";
+import { useCalendar as F } from "../../../hooks/useCalendar/useCalendar.js";
+import { IconChevronLeft as I, IconChevronRight as S } from "../../icons/icons.js";
+function z({ autoFocus: b = !1, locale: r = "pt-BR", onSelect: y, value: D, ...w }) {
+  const o = F({ ...w, locale: r, onSelect: y, value: D }), c = N(), v = u(() => new Intl.DateTimeFormat(r, { month: "long", year: "numeric" }), [r]), T = u(() => new Intl.DateTimeFormat(r, { dateStyle: "long" }), [r]), k = u(() => {
+    const e = new Intl.DateTimeFormat(r, { weekday: "short" }), a = new Intl.DateTimeFormat(r, { weekday: "long" });
+    return o.weeks[0].map((i) => {
+      const s = i.date.toDate(c);
+      return { curto: e.format(s).replace(".", ""), longo: a.format(s) };
+    });
+  }, [o.weeks, c, r]), f = v.format(o.visibleMonth.toDate(c)), l = g(null), d = g(!1), h = o.focusedDate.toString();
+  p(() => {
+    var e;
+    b && ((e = l.current) == null || e.focus());
+  }, []), p(() => {
+    var e;
+    d.current && ((e = l.current) == null || e.focus());
+  }, [h]);
+  function C(e) {
+    e.relatedTarget && !e.currentTarget.contains(e.relatedTarget) && (d.current = !1);
+  }
+  return /* @__PURE__ */ m("div", { className: n.calendar, children: [
+    /* @__PURE__ */ m("div", { className: n.calendarHeader, children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          "aria-label": "Mês anterior",
+          className: n.navigate,
+          onClick: () => o.goToMonth(-1),
+          type: "button",
+          children: /* @__PURE__ */ t(I, { size: 14 })
+        }
+      ),
+      /* @__PURE__ */ t("span", { "aria-live": "polite", className: n.month, children: f }),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          "aria-label": "Próximo mês",
+          className: n.navigate,
+          onClick: () => o.goToMonth(1),
+          type: "button",
+          children: /* @__PURE__ */ t(S, { size: 14 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ m(
+      "table",
+      {
+        "aria-label": f,
+        className: n.grid,
+        onBlur: C,
+        onFocus: () => d.current = !0,
+        onKeyDown: o.handleKeyDown,
+        role: "grid",
+        children: [
+          /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: k.map((e) => /* @__PURE__ */ t("th", { abbr: e.longo, className: n.weekday, scope: "col", children: e.curto }, e.longo)) }) }),
+          /* @__PURE__ */ t("tbody", { children: o.weeks.map((e) => /* @__PURE__ */ t("tr", { children: e.map((a) => {
+            const i = o.isSelected(a.date), s = a.date.toString() === h;
+            return /* @__PURE__ */ t("td", { className: n.dayCell, children: /* @__PURE__ */ t(
+              "button",
+              {
+                "aria-current": o.isToday(a.date) ? "date" : void 0,
+                "aria-disabled": a.unavailable || void 0,
+                "aria-label": T.format(a.date.toDate(c)),
+                "aria-pressed": i,
+                className: [n.day, a.outside && n.outside, i && n.selectedDay].filter(Boolean).join(" "),
+                onClick: () => o.select(a.date),
+                ref: s ? l : void 0,
+                tabIndex: s ? 0 : -1,
+                type: "button",
+                children: a.date.day
+              }
+            ) }, a.date.toString());
+          }) }, e[0].date.toString())) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  z as Calendar
+};
+//# sourceMappingURL=Calendar.js.map

package/dist/components/forms/DatePicker/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sources":["../../../../src/components/forms/DatePicker/Calendar.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, type FocusEvent } from 'react';\nimport { getLocalTimeZone, type CalendarDate } from '@internationalized/date';\nimport { useCalendar, type CalendarLimits } from '../../../hooks/useCalendar';\nimport styles from './DatePicker.module.css';\nimport { IconChevronLeft, IconChevronRight } from '../../icons';\n\nexport interface CalendarProps extends CalendarLimits {\n  autoFocus?: boolean;\n  locale?: string;\n  onSelect: (date: CalendarDate) => void;\n  value?: CalendarDate;\n}\n\nexport function Calendar({ autoFocus = false, locale = 'pt-BR', onSelect, value, ...limits }: CalendarProps) {\n  const calendario = useCalendar({ ...limits, locale, onSelect, value });\n  const fuso = getLocalTimeZone();\n  const nomeDoMes = useMemo(() => new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }), [locale]);\n  const nomeDoDia = useMemo(() => new Intl.DateTimeFormat(locale, { dateStyle: 'long' }), [locale]);\n  const diasDaSemana = useMemo(() => {\n    const curto = new Intl.DateTimeFormat(locale, { weekday: 'short' });\n    const longo = new Intl.DateTimeFormat(locale, { weekday: 'long' });\n\n    return calendario.weeks[0].map((dia) => {\n      const data = dia.date.toDate(fuso);\n      return { curto: curto.format(data).replace('.', ''), longo: longo.format(data) };\n    });\n  }, [calendario.weeks, fuso, locale]);\n\n  const titulo = nomeDoMes.format(calendario.visibleMonth.toDate(fuso));\n  const diaEmFoco = useRef<HTMLButtonElement>(null);\n  const gradeComFoco = useRef(false);\n  const chaveEmFoco = calendario.focusedDate.toString();\n\n  useEffect(() => {\n    if (autoFocus) {\n      diaEmFoco.current?.focus();\n    }\n  }, []);\n\n  // O foco do teclado anda com o dia, mas so se ja estava na grade: o clique no mes seguinte nao o puxa para ca.\n  useEffect(() => {\n    if (gradeComFoco.current) {\n      diaEmFoco.current?.focus();\n    }\n  }, [chaveEmFoco]);\n\n  // Sem destino, o foco saiu com o dia que deixou a grade na troca de mes, e nao da grade.\n  function handleBlur(event: FocusEvent<HTMLTableElement>) {\n    if (event.relatedTarget && !event.currentTarget.contains(event.relatedTarget)) {\n      gradeComFoco.current = false;\n    }\n  }\n\n  return (\n    <div className={styles.calendar}>\n      <div className={styles.calendarHeader}>\n        <button\n          aria-label=\"Mês anterior\"\n          className={styles.navigate}\n          onClick={() => calendario.goToMonth(-1)}\n          type=\"button\"\n        >\n          <IconChevronLeft size={14} />\n        </button>\n        <span aria-live=\"polite\" className={styles.month}>\n          {titulo}\n        </span>\n        <button\n          aria-label=\"Próximo mês\"\n          className={styles.navigate}\n          onClick={() => calendario.goToMonth(1)}\n          type=\"button\"\n        >\n          <IconChevronRight size={14} />\n        </button>\n      </div>\n      <table\n        aria-label={titulo}\n        className={styles.grid}\n        onBlur={handleBlur}\n        onFocus={() => (gradeComFoco.current = true)}\n        onKeyDown={calendario.handleKeyDown}\n        role=\"grid\"\n      >\n        <thead>\n          <tr>\n            {diasDaSemana.map((dia) => (\n              <th abbr={dia.longo} className={styles.weekday} key={dia.longo} scope=\"col\">\n                {dia.curto}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {calendario.weeks.map((semana) => (\n            <tr key={semana[0].date.toString()}>\n              {semana.map((dia) => {\n                const selecionado = calendario.isSelected(dia.date);\n                const focado = dia.date.toString() === chaveEmFoco;\n\n                return (\n                  <td className={styles.dayCell} key={dia.date.toString()}>\n                    {/* Dia indisponivel continua focavel, como o teclado o alcanca; quem recusa a escolha e o motor. */}\n                    <button\n                      aria-current={calendario.isToday(dia.date) ? 'date' : undefined}\n                      aria-disabled={dia.unavailable || undefined}\n                      aria-label={nomeDoDia.format(dia.date.toDate(fuso))}\n                      aria-pressed={selecionado}\n                      className={[styles.day, dia.outside && styles.outside, selecionado && styles.selectedDay]\n                        .filter(Boolean)\n                        .join(' ')}\n                      onClick={() => calendario.select(dia.date)}\n                      ref={focado ? diaEmFoco : undefined}\n                      tabIndex={focado ? 0 : -1}\n                      type=\"button\"\n                    >\n                      {dia.date.day}\n                    </button>\n                  </td>\n                );\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n"],"names":["Calendar","autoFocus","locale","onSelect","value","limits","calendario","useCalendar","fuso","getLocalTimeZone","nomeDoMes","useMemo","nomeDoDia","diasDaSemana","curto","longo","dia","data","titulo","diaEmFoco","useRef","gradeComFoco","chaveEmFoco","useEffect","_a","handleBlur","event","jsxs","styles","jsx","IconChevronLeft","IconChevronRight","semana","selecionado","focado"],"mappings":"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"}

package/dist/components/forms/DatePicker/DatePicker.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),ce=require("react-dom"),M=require("@react-aria/overlays"),A=require("@internationalized/date"),ue=require("../../../hooks/useFormReset.cjs"),de=require("../../../hooks/useMergedRefs.cjs"),fe=require("../../../hooks/useCalendar/calendar.cjs"),me=require("../Field/FormValue.cjs"),pe=require("./Calendar.cjs"),u=require("./iso.cjs"),i=require("./DatePicker.module.css.cjs"),ye=require("../Field/Field.cjs"),ge=require("../../icons/icons.cjs"),S=require("../../actions/Button/Button.cjs"),T=require("../../../utils/formatters/formatarEntradaData.cjs");function ve({"aria-describedby":U,className:w,defaultValue:q,name:H,disabled:p=!1,error:C,hint:L,id:Z,isDateUnavailable:k,label:y,locale:_="pt-BR",max:G,min:J,onValueChange:g,onBlur:v,onKeyDown:D,placeholder:K="dd/mm/aaaa",required:b=!1,size:Q="md",ref:V,value:F,...W}){const j=s.useRef(null),R=s.useRef(null),O=s.useRef(null),[n,x]=s.useState(!1),d={isDateUnavailable:k&&(e=>k(e.toString())),max:u.readIsoDate(G),min:u.readIsoDate(J)},[X,I]=s.useState(()=>u.readIsoDate(q)??null),P=F===void 0?void 0:u.readIsoDate(F)??null,o=(P===void 0?X:P)??void 0,[Y,$]=s.useState(""),[ee,f]=s.useState(!1),E=s.useRef(null),te=ue.useFormReset(()=>{I(u.readIsoDate(q)??null),f(!1)}),ae=de.useMergedRefs(E,te,V),[N,h]=s.useState(o),[se,re]=s.useState(0);s.useEffect(()=>{n&&h(o)},[n]);const ne=ee?Y:o?[String(o.day).padStart(2,"0"),String(o.month).padStart(2,"0"),o.year].join("/"):"";function z(e){I(e),g==null||g((e==null?void 0:e.toString())??null)}function l(e=!0){var r;x(!1),e&&((r=O.current)==null||r.focus())}function oe(e){const r=T.formatarEntradaData(e);f(!0),$(r);const c=T.lerEntradaData(r),a=c&&!fe.isUnavailable(c,d)?c:null;z(a)}function ie(e){D==null||D(e),e.key==="ArrowDown"&&!n?(e.preventDefault(),x(!0)):e.key==="Escape"&&n&&l(!1)}const{overlayProps:m}=M.useOverlay({isOpen:n,onClose:()=>l(!1),isDismissable:!0,shouldCloseOnBlur:!1,shouldCloseOnInteractOutside:e=>{var r;return!((r=j.current)!=null&&r.contains(e))}},R),{overlayProps:le}=M.useOverlayPosition({targetRef:j,overlayRef:R,placement:"bottom start",offset:6,containerPadding:8,isOpen:n});return t.jsx(ye.Field,{"aria-describedby":U,error:C,hint:L,id:Z,label:y,required:b,children:({id:e,describedBy:r,invalid:c})=>t.jsxs(t.Fragment,{children:[t.jsx(me.FormValue,{disabled:p,name:H,onFocus:()=>{var a;return(a=E.current)==null?void 0:a.focus()},required:b,value:(o==null?void 0:o.toString())??""}),t.jsxs("div",{className:[i.default.field,i.default[Q],C&&i.default.error,w].filter(Boolean).join(" "),ref:j,children:[t.jsx("input",{...W,"aria-describedby":r,"aria-invalid":c||void 0,"aria-required":b||void 0,autoComplete:"off",className:i.default.input,disabled:p,id:e,inputMode:"numeric",onBlur:a=>{f(!1),v==null||v(a)},onChange:a=>oe(a.target.value),onKeyDown:ie,placeholder:K,ref:ae,type:"text",value:ne}),t.jsx("button",{"aria-expanded":n,"aria-haspopup":"dialog","aria-label":"Abrir calendário",className:i.default.trigger,disabled:p,onClick:()=>n?l():x(!0),ref:O,type:"button",children:t.jsx(ge.IconCalendar,{size:15})})]}),n&&ce.createPortal(t.jsxs("div",{...m,"aria-label":y?"Calendário de "+y:"Calendário",className:i.default.panel,"data-react-aria-top-layer":"true",onKeyDown:a=>{var B;a.key==="Escape"&&l(),(B=m.onKeyDown)==null||B.call(m,a)},ref:R,role:"dialog",style:le.style,children:[t.jsx(pe.Calendar,{autoFocus:!0,isDateUnavailable:d.isDateUnavailable,locale:_,max:d.max,min:d.min,onSelect:h,value:N},se),t.jsxs("div",{className:i.default.footer,children:[t.jsx(S.Button,{onClick:()=>{h(A.today(A.getLocalTimeZone())),re(a=>a+1)},size:"sm",variant:"ghost",type:"button",children:"Hoje"}),t.jsxs("div",{className:i.default.actions,children:[t.jsx(S.Button,{onClick:()=>l(),size:"sm",variant:"secondary",type:"button",children:"Cancelar"}),t.jsx(S.Button,{onClick:()=>{z(N??null),f(!1),l()},size:"sm",type:"button",children:"Aplicar"})]})]})]}),document.body)]})})}exports.DatePicker=ve;
+//# sourceMappingURL=DatePicker.cjs.map

package/dist/components/forms/DatePicker/DatePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.cjs","sources":["../../../../src/components/forms/DatePicker/DatePicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ComponentPropsWithRef, type KeyboardEvent } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOverlay, useOverlayPosition } from '@react-aria/overlays';\nimport { getLocalTimeZone, today, type CalendarDate } from '@internationalized/date';\nimport { useFormReset } from '../../../hooks/useFormReset';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { formatarEntradaData, lerEntradaData } from '../../../utils/formatters';\nimport { Button } from '../../actions/Button';\nimport { isUnavailable, type CalendarLimits } from '../../../hooks/useCalendar/calendar';\nimport { Field } from '../Field';\nimport { FormValue } from '../Field/FormValue';\nimport { Calendar } from './Calendar';\nimport { readIsoDate } from './iso';\nimport styles from './DatePicker.module.css';\nimport { IconCalendar } from '../../icons';\n\nexport type DatePickerSize = 'sm' | 'md';\n\n/**\n * As propriedades nativas vao ao campo de texto, que e o controle; o `className` soma a caixa do campo, que e o que\n * se posiciona e dimensiona.\n */\nexport interface DatePickerProps\n  extends Omit<\n    ComponentPropsWithRef<'input'>,\n    'defaultValue' | 'max' | 'min' | 'name' | 'onChange' | 'size' | 'type' | 'value'\n  > {\n  /** Data em ISO, `2026-03-09`, como no `FormData`: a API nao expoe tipo de biblioteca de terceiros. */\n  defaultValue?: string;\n  disabled?: boolean;\n  error?: string;\n  hint?: string;\n  id?: string;\n  isDateUnavailable?: (date: string) => boolean;\n  label?: string;\n  /**\n   * Nome do campo no formulario. Com ele, um input oculto carrega o valor para\n   * o `FormData`: sem controle nativo por baixo, o envio ignorava o campo.\n   */\n  name?: string;\n  locale?: string;\n  max?: string;\n  min?: string;\n  /** Sem data inteira e permitida, o valor e `null`, que mantem o campo controlado e vazio. */\n  onValueChange?: (value: string | null) => void;\n  placeholder?: string;\n  required?: boolean;\n  size?: DatePickerSize;\n  /**\n   * `null` e \"controlado e vazio\": devolver a propriedade a `undefined` nao\n   * limpa o campo, porque ali ele volta a ser nao controlado.\n   */\n  value?: string | null;\n}\n\nexport function DatePicker({\n  'aria-describedby': ariaDescribedBy,\n  className,\n  defaultValue,\n  name,\n  disabled = false,\n  error,\n  hint,\n  id: providedId,\n  isDateUnavailable,\n  label,\n  locale = 'pt-BR',\n  max,\n  min,\n  onValueChange,\n  onBlur,\n  onKeyDown,\n  placeholder = 'dd/mm/aaaa',\n  required = false,\n  size = 'md',\n  ref,\n  value,\n  ...props\n}: DatePickerProps) {\n  const fieldRef = useRef<HTMLDivElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [open, setOpen] = useState(false);\n  const limites: CalendarLimits = {\n    isDateUnavailable: isDateUnavailable && ((data) => isDateUnavailable(data.toString())),\n    max: readIsoDate(max),\n    min: readIsoDate(min),\n  };\n  const [internalValue, setInternalValue] = useState<CalendarDate | null>(() => readIsoDate(defaultValue) ?? null);\n  const controlado = value === undefined ? undefined : (readIsoDate(value) ?? null);\n  const escolhido = (controlado === undefined ? internalValue : controlado) ?? undefined;\n  const [texto, setTexto] = useState('');\n  const [digitando, setDigitando] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const resetRef = useFormReset<HTMLInputElement>(() => {\n    setInternalValue(readIsoDate(defaultValue) ?? null);\n    setDigitando(false);\n  });\n  const mergedRef = useMergedRefs(inputRef, resetRef, ref);\n  const [rascunho, setRascunho] = useState(escolhido);\n  const [versaoDoCalendario, setVersaoDoCalendario] = useState(0);\n\n  useEffect(() => {\n    if (open) {\n      setRascunho(escolhido);\n    }\n  }, [open]);\n\n  const exibido = digitando\n    ? texto\n    : escolhido\n      ? [String(escolhido.day).padStart(2, '0'), String(escolhido.month).padStart(2, '0'), escolhido.year].join('/')\n      : '';\n\n  // O interno acompanha mesmo controlado: se o consumidor devolver `undefined`, nao ressurge um valor velho.\n  function definir(proximo: CalendarDate | null) {\n    setInternalValue(proximo);\n    onValueChange?.(proximo?.toString() ?? null);\n  }\n\n  function fechar(devolverFoco = true) {\n    setOpen(false);\n\n    if (devolverFoco) {\n      triggerRef.current?.focus();\n    }\n  }\n\n  function handleChange(entrada: string) {\n    const mascarado = formatarEntradaData(entrada);\n\n    setDigitando(true);\n    setTexto(mascarado);\n\n    // Data fora dos limites nao se grava: o calendario ja a recusa, e o campo\n    // digitado nao pode ser a porta dos fundos dela.\n    const lido = lerEntradaData(mascarado);\n    const permitido = lido && !isUnavailable(lido, limites) ? lido : null;\n\n    definir(permitido);\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLInputElement>) {\n    onKeyDown?.(event);\n\n    if (event.key === 'ArrowDown' && !open) {\n      event.preventDefault();\n      setOpen(true);\n    } else if (event.key === 'Escape' && open) {\n      fechar(false);\n    }\n  }\n\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: open,\n      onClose: () => fechar(false),\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      // O gatilho nao conta como \"fora\": sem isto o ponteiro fecha o painel e o\n      // clique dele reabre em seguida, e ele pisca sem abrir.\n      shouldCloseOnInteractOutside: (elemento) => !fieldRef.current?.contains(elemento),\n    },\n    panelRef,\n  );\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: fieldRef,\n    overlayRef: panelRef,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: open,\n  });\n\n  return (\n    <Field aria-describedby={ariaDescribedBy} error={error} hint={hint} id={providedId} label={label} required={required}>\n      {({ id, describedBy, invalid }) => (\n        <>\n          <FormValue\n            disabled={disabled}\n            name={name}\n            onFocus={() => inputRef.current?.focus()}\n            required={required}\n            value={escolhido?.toString() ?? ''}\n          />\n          <div\n            className={[styles.field, styles[size], error && styles.error, className].filter(Boolean).join(' ')}\n            ref={fieldRef}\n          >\n            <input\n              {...props}\n              aria-describedby={describedBy}\n              aria-invalid={invalid || undefined}\n              aria-required={required || undefined}\n              autoComplete=\"off\"\n              className={styles.input}\n              disabled={disabled}\n              id={id}\n              inputMode=\"numeric\"\n              onBlur={(event) => {\n                setDigitando(false);\n                onBlur?.(event);\n              }}\n              onChange={(event) => handleChange(event.target.value)}\n              onKeyDown={handleKeyDown}\n              placeholder={placeholder}\n              ref={mergedRef}\n              type=\"text\"\n              value={exibido}\n            />\n            <button\n              aria-expanded={open}\n              aria-haspopup=\"dialog\"\n              aria-label=\"Abrir calendário\"\n              className={styles.trigger}\n              disabled={disabled}\n              onClick={() => (open ? fechar() : setOpen(true))}\n              ref={triggerRef}\n              type=\"button\"\n            >\n              <IconCalendar size={15} />\n            </button>\n          </div>\n          {open &&\n            createPortal(\n              <div\n                {...overlayProps}\n                aria-label={label ? 'Calendário de ' + label : 'Calendário'}\n                className={styles.panel}\n                // Camada de cima: o `ariaHideOutside` do Dialog ignora quem a declara.\n                data-react-aria-top-layer=\"true\"\n                onKeyDown={(event) => {\n                  if (event.key === 'Escape') {\n                    fechar();\n                  }\n                  overlayProps.onKeyDown?.(event);\n                }}\n                ref={panelRef}\n                role=\"dialog\"\n                style={positionProps.style}\n              >\n                <Calendar\n                  autoFocus\n                  key={versaoDoCalendario}\n                  isDateUnavailable={limites.isDateUnavailable}\n                  locale={locale}\n                  max={limites.max}\n                  min={limites.min}\n                  onSelect={setRascunho}\n                  value={rascunho}\n                />\n                <div className={styles.footer}>\n                  <Button\n                    onClick={() => {\n                      // Remontada, a grade volta ao mes de hoje mesmo que o rascunho ja fosse hoje.\n                      setRascunho(today(getLocalTimeZone()));\n                      setVersaoDoCalendario((versao) => versao + 1);\n                    }}\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    type=\"button\"\n                  >\n                    Hoje\n                  </Button>\n                  <div className={styles.actions}>\n                    <Button onClick={() => fechar()} size=\"sm\" variant=\"secondary\" type=\"button\">\n                      Cancelar\n                    </Button>\n                    <Button\n                      onClick={() => {\n                        definir(rascunho ?? null);\n                        setDigitando(false);\n                        fechar();\n                      }}\n                      size=\"sm\"\n                      type=\"button\"\n                    >\n                      Aplicar\n                    </Button>\n                  </div>\n                </div>\n              </div>,\n              document.body,\n            )}\n        </>\n      )}\n    </Field>\n  );\n}\n"],"names":["DatePicker","ariaDescribedBy","className","defaultValue","name","disabled","error","hint","providedId","isDateUnavailable","label","locale","max","min","onValueChange","onBlur","onKeyDown","placeholder","required","size","ref","value","props","fieldRef","useRef","panelRef","triggerRef","open","setOpen","useState","limites","data","readIsoDate","internalValue","setInternalValue","controlado","escolhido","texto","setTexto","digitando","setDigitando","inputRef","resetRef","useFormReset","mergedRef","useMergedRefs","rascunho","setRascunho","versaoDoCalendario","setVersaoDoCalendario","useEffect","exibido","definir","proximo","fechar","devolverFoco","_a","handleChange","entrada","mascarado","formatarEntradaData","lido","lerEntradaData","permitido","isUnavailable","handleKeyDown","event","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","Field","id","describedBy","invalid","jsxs","Fragment","jsx","FormValue","styles","IconCalendar","createPortal","Calendar","Button","today","getLocalTimeZone","versao"],"mappings":"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"}

package/dist/components/forms/DatePicker/DatePicker.js

@@ -0,0 +1,217 @@
+import { jsx as i, jsxs as d, Fragment as le } from "react/jsx-runtime";
+import { useRef as y, useState as l, useEffect as ce } from "react";
+import { createPortal as de } from "react-dom";
+import { useOverlay as fe, useOverlayPosition as me } from "@react-aria/overlays";
+import { today as ue, getLocalTimeZone as pe } from "@internationalized/date";
+import { useFormReset as ye } from "../../../hooks/useFormReset.js";
+import { useMergedRefs as ve } from "../../../hooks/useMergedRefs.js";
+import { isUnavailable as ge } from "../../../hooks/useCalendar/calendar.js";
+import { FormValue as be } from "../Field/FormValue.js";
+import { Calendar as he } from "./Calendar.js";
+import { readIsoDate as f } from "./iso.js";
+import n from "./DatePicker.module.css.js";
+import { Field as Ce } from "../Field/Field.js";
+import { IconCalendar as Re } from "../../icons/icons.js";
+import { Button as x } from "../../actions/Button/Button.js";
+import { formatarEntradaData as De, lerEntradaData as Se } from "../../../utils/formatters/formatarEntradaData.js";
+function He({
+  "aria-describedby": T,
+  className: B,
+  defaultValue: F,
+  name: H,
+  disabled: v = !1,
+  error: N,
+  hint: L,
+  id: Z,
+  isDateUnavailable: j,
+  label: g,
+  locale: G = "pt-BR",
+  max: J,
+  min: K,
+  onValueChange: b,
+  onBlur: h,
+  onKeyDown: C,
+  placeholder: Q = "dd/mm/aaaa",
+  required: R = !1,
+  size: W = "md",
+  ref: X,
+  value: E,
+  ...Y
+}) {
+  const D = y(null), S = y(null), P = y(null), [o, k] = l(!1), m = {
+    isDateUnavailable: j && ((e) => j(e.toString())),
+    max: f(J),
+    min: f(K)
+  }, [_, z] = l(() => f(F) ?? null), I = E === void 0 ? void 0 : f(E) ?? null, r = (I === void 0 ? _ : I) ?? void 0, [$, q] = l(""), [V, u] = l(!1), A = y(null), ee = ye(() => {
+    z(f(F) ?? null), u(!1);
+  }), te = ve(A, ee, X), [U, O] = l(r), [ae, oe] = l(0);
+  ce(() => {
+    o && O(r);
+  }, [o]);
+  const re = V ? $ : r ? [String(r.day).padStart(2, "0"), String(r.month).padStart(2, "0"), r.year].join("/") : "";
+  function w(e) {
+    z(e), b == null || b((e == null ? void 0 : e.toString()) ?? null);
+  }
+  function s(e = !0) {
+    var a;
+    k(!1), e && ((a = P.current) == null || a.focus());
+  }
+  function ie(e) {
+    const a = De(e);
+    u(!0), q(a);
+    const c = Se(a), t = c && !ge(c, m) ? c : null;
+    w(t);
+  }
+  function ne(e) {
+    C == null || C(e), e.key === "ArrowDown" && !o ? (e.preventDefault(), k(!0)) : e.key === "Escape" && o && s(!1);
+  }
+  const { overlayProps: p } = fe(
+    {
+      isOpen: o,
+      onClose: () => s(!1),
+      isDismissable: !0,
+      shouldCloseOnBlur: !1,
+      // O gatilho nao conta como "fora": sem isto o ponteiro fecha o painel e o
+      // clique dele reabre em seguida, e ele pisca sem abrir.
+      shouldCloseOnInteractOutside: (e) => {
+        var a;
+        return !((a = D.current) != null && a.contains(e));
+      }
+    },
+    S
+  ), { overlayProps: se } = me({
+    targetRef: D,
+    overlayRef: S,
+    placement: "bottom start",
+    offset: 6,
+    containerPadding: 8,
+    isOpen: o
+  });
+  return /* @__PURE__ */ i(Ce, { "aria-describedby": T, error: N, hint: L, id: Z, label: g, required: R, children: ({ id: e, describedBy: a, invalid: c }) => /* @__PURE__ */ d(le, { children: [
+    /* @__PURE__ */ i(
+      be,
+      {
+        disabled: v,
+        name: H,
+        onFocus: () => {
+          var t;
+          return (t = A.current) == null ? void 0 : t.focus();
+        },
+        required: R,
+        value: (r == null ? void 0 : r.toString()) ?? ""
+      }
+    ),
+    /* @__PURE__ */ d(
+      "div",
+      {
+        className: [n.field, n[W], N && n.error, B].filter(Boolean).join(" "),
+        ref: D,
+        children: [
+          /* @__PURE__ */ i(
+            "input",
+            {
+              ...Y,
+              "aria-describedby": a,
+              "aria-invalid": c || void 0,
+              "aria-required": R || void 0,
+              autoComplete: "off",
+              className: n.input,
+              disabled: v,
+              id: e,
+              inputMode: "numeric",
+              onBlur: (t) => {
+                u(!1), h == null || h(t);
+              },
+              onChange: (t) => ie(t.target.value),
+              onKeyDown: ne,
+              placeholder: Q,
+              ref: te,
+              type: "text",
+              value: re
+            }
+          ),
+          /* @__PURE__ */ i(
+            "button",
+            {
+              "aria-expanded": o,
+              "aria-haspopup": "dialog",
+              "aria-label": "Abrir calendário",
+              className: n.trigger,
+              disabled: v,
+              onClick: () => o ? s() : k(!0),
+              ref: P,
+              type: "button",
+              children: /* @__PURE__ */ i(Re, { size: 15 })
+            }
+          )
+        ]
+      }
+    ),
+    o && de(
+      /* @__PURE__ */ d(
+        "div",
+        {
+          ...p,
+          "aria-label": g ? "Calendário de " + g : "Calendário",
+          className: n.panel,
+          "data-react-aria-top-layer": "true",
+          onKeyDown: (t) => {
+            var M;
+            t.key === "Escape" && s(), (M = p.onKeyDown) == null || M.call(p, t);
+          },
+          ref: S,
+          role: "dialog",
+          style: se.style,
+          children: [
+            /* @__PURE__ */ i(
+              he,
+              {
+                autoFocus: !0,
+                isDateUnavailable: m.isDateUnavailable,
+                locale: G,
+                max: m.max,
+                min: m.min,
+                onSelect: O,
+                value: U
+              },
+              ae
+            ),
+            /* @__PURE__ */ d("div", { className: n.footer, children: [
+              /* @__PURE__ */ i(
+                x,
+                {
+                  onClick: () => {
+                    O(ue(pe())), oe((t) => t + 1);
+                  },
+                  size: "sm",
+                  variant: "ghost",
+                  type: "button",
+                  children: "Hoje"
+                }
+              ),
+              /* @__PURE__ */ d("div", { className: n.actions, children: [
+                /* @__PURE__ */ i(x, { onClick: () => s(), size: "sm", variant: "secondary", type: "button", children: "Cancelar" }),
+                /* @__PURE__ */ i(
+                  x,
+                  {
+                    onClick: () => {
+                      w(U ?? null), u(!1), s();
+                    },
+                    size: "sm",
+                    type: "button",
+                    children: "Aplicar"
+                  }
+                )
+              ] })
+            ] })
+          ]
+        }
+      ),
+      document.body
+    )
+  ] }) });
+}
+export {
+  He as DatePicker
+};
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/forms/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/forms/DatePicker/DatePicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ComponentPropsWithRef, type KeyboardEvent } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOverlay, useOverlayPosition } from '@react-aria/overlays';\nimport { getLocalTimeZone, today, type CalendarDate } from '@internationalized/date';\nimport { useFormReset } from '../../../hooks/useFormReset';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { formatarEntradaData, lerEntradaData } from '../../../utils/formatters';\nimport { Button } from '../../actions/Button';\nimport { isUnavailable, type CalendarLimits } from '../../../hooks/useCalendar/calendar';\nimport { Field } from '../Field';\nimport { FormValue } from '../Field/FormValue';\nimport { Calendar } from './Calendar';\nimport { readIsoDate } from './iso';\nimport styles from './DatePicker.module.css';\nimport { IconCalendar } from '../../icons';\n\nexport type DatePickerSize = 'sm' | 'md';\n\n/**\n * As propriedades nativas vao ao campo de texto, que e o controle; o `className` soma a caixa do campo, que e o que\n * se posiciona e dimensiona.\n */\nexport interface DatePickerProps\n  extends Omit<\n    ComponentPropsWithRef<'input'>,\n    'defaultValue' | 'max' | 'min' | 'name' | 'onChange' | 'size' | 'type' | 'value'\n  > {\n  /** Data em ISO, `2026-03-09`, como no `FormData`: a API nao expoe tipo de biblioteca de terceiros. */\n  defaultValue?: string;\n  disabled?: boolean;\n  error?: string;\n  hint?: string;\n  id?: string;\n  isDateUnavailable?: (date: string) => boolean;\n  label?: string;\n  /**\n   * Nome do campo no formulario. Com ele, um input oculto carrega o valor para\n   * o `FormData`: sem controle nativo por baixo, o envio ignorava o campo.\n   */\n  name?: string;\n  locale?: string;\n  max?: string;\n  min?: string;\n  /** Sem data inteira e permitida, o valor e `null`, que mantem o campo controlado e vazio. */\n  onValueChange?: (value: string | null) => void;\n  placeholder?: string;\n  required?: boolean;\n  size?: DatePickerSize;\n  /**\n   * `null` e \"controlado e vazio\": devolver a propriedade a `undefined` nao\n   * limpa o campo, porque ali ele volta a ser nao controlado.\n   */\n  value?: string | null;\n}\n\nexport function DatePicker({\n  'aria-describedby': ariaDescribedBy,\n  className,\n  defaultValue,\n  name,\n  disabled = false,\n  error,\n  hint,\n  id: providedId,\n  isDateUnavailable,\n  label,\n  locale = 'pt-BR',\n  max,\n  min,\n  onValueChange,\n  onBlur,\n  onKeyDown,\n  placeholder = 'dd/mm/aaaa',\n  required = false,\n  size = 'md',\n  ref,\n  value,\n  ...props\n}: DatePickerProps) {\n  const fieldRef = useRef<HTMLDivElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [open, setOpen] = useState(false);\n  const limites: CalendarLimits = {\n    isDateUnavailable: isDateUnavailable && ((data) => isDateUnavailable(data.toString())),\n    max: readIsoDate(max),\n    min: readIsoDate(min),\n  };\n  const [internalValue, setInternalValue] = useState<CalendarDate | null>(() => readIsoDate(defaultValue) ?? null);\n  const controlado = value === undefined ? undefined : (readIsoDate(value) ?? null);\n  const escolhido = (controlado === undefined ? internalValue : controlado) ?? undefined;\n  const [texto, setTexto] = useState('');\n  const [digitando, setDigitando] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const resetRef = useFormReset<HTMLInputElement>(() => {\n    setInternalValue(readIsoDate(defaultValue) ?? null);\n    setDigitando(false);\n  });\n  const mergedRef = useMergedRefs(inputRef, resetRef, ref);\n  const [rascunho, setRascunho] = useState(escolhido);\n  const [versaoDoCalendario, setVersaoDoCalendario] = useState(0);\n\n  useEffect(() => {\n    if (open) {\n      setRascunho(escolhido);\n    }\n  }, [open]);\n\n  const exibido = digitando\n    ? texto\n    : escolhido\n      ? [String(escolhido.day).padStart(2, '0'), String(escolhido.month).padStart(2, '0'), escolhido.year].join('/')\n      : '';\n\n  // O interno acompanha mesmo controlado: se o consumidor devolver `undefined`, nao ressurge um valor velho.\n  function definir(proximo: CalendarDate | null) {\n    setInternalValue(proximo);\n    onValueChange?.(proximo?.toString() ?? null);\n  }\n\n  function fechar(devolverFoco = true) {\n    setOpen(false);\n\n    if (devolverFoco) {\n      triggerRef.current?.focus();\n    }\n  }\n\n  function handleChange(entrada: string) {\n    const mascarado = formatarEntradaData(entrada);\n\n    setDigitando(true);\n    setTexto(mascarado);\n\n    // Data fora dos limites nao se grava: o calendario ja a recusa, e o campo\n    // digitado nao pode ser a porta dos fundos dela.\n    const lido = lerEntradaData(mascarado);\n    const permitido = lido && !isUnavailable(lido, limites) ? lido : null;\n\n    definir(permitido);\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLInputElement>) {\n    onKeyDown?.(event);\n\n    if (event.key === 'ArrowDown' && !open) {\n      event.preventDefault();\n      setOpen(true);\n    } else if (event.key === 'Escape' && open) {\n      fechar(false);\n    }\n  }\n\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: open,\n      onClose: () => fechar(false),\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      // O gatilho nao conta como \"fora\": sem isto o ponteiro fecha o painel e o\n      // clique dele reabre em seguida, e ele pisca sem abrir.\n      shouldCloseOnInteractOutside: (elemento) => !fieldRef.current?.contains(elemento),\n    },\n    panelRef,\n  );\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: fieldRef,\n    overlayRef: panelRef,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: open,\n  });\n\n  return (\n    <Field aria-describedby={ariaDescribedBy} error={error} hint={hint} id={providedId} label={label} required={required}>\n      {({ id, describedBy, invalid }) => (\n        <>\n          <FormValue\n            disabled={disabled}\n            name={name}\n            onFocus={() => inputRef.current?.focus()}\n            required={required}\n            value={escolhido?.toString() ?? ''}\n          />\n          <div\n            className={[styles.field, styles[size], error && styles.error, className].filter(Boolean).join(' ')}\n            ref={fieldRef}\n          >\n            <input\n              {...props}\n              aria-describedby={describedBy}\n              aria-invalid={invalid || undefined}\n              aria-required={required || undefined}\n              autoComplete=\"off\"\n              className={styles.input}\n              disabled={disabled}\n              id={id}\n              inputMode=\"numeric\"\n              onBlur={(event) => {\n                setDigitando(false);\n                onBlur?.(event);\n              }}\n              onChange={(event) => handleChange(event.target.value)}\n              onKeyDown={handleKeyDown}\n              placeholder={placeholder}\n              ref={mergedRef}\n              type=\"text\"\n              value={exibido}\n            />\n            <button\n              aria-expanded={open}\n              aria-haspopup=\"dialog\"\n              aria-label=\"Abrir calendário\"\n              className={styles.trigger}\n              disabled={disabled}\n              onClick={() => (open ? fechar() : setOpen(true))}\n              ref={triggerRef}\n              type=\"button\"\n            >\n              <IconCalendar size={15} />\n            </button>\n          </div>\n          {open &&\n            createPortal(\n              <div\n                {...overlayProps}\n                aria-label={label ? 'Calendário de ' + label : 'Calendário'}\n                className={styles.panel}\n                // Camada de cima: o `ariaHideOutside` do Dialog ignora quem a declara.\n                data-react-aria-top-layer=\"true\"\n                onKeyDown={(event) => {\n                  if (event.key === 'Escape') {\n                    fechar();\n                  }\n                  overlayProps.onKeyDown?.(event);\n                }}\n                ref={panelRef}\n                role=\"dialog\"\n                style={positionProps.style}\n              >\n                <Calendar\n                  autoFocus\n                  key={versaoDoCalendario}\n                  isDateUnavailable={limites.isDateUnavailable}\n                  locale={locale}\n                  max={limites.max}\n                  min={limites.min}\n                  onSelect={setRascunho}\n                  value={rascunho}\n                />\n                <div className={styles.footer}>\n                  <Button\n                    onClick={() => {\n                      // Remontada, a grade volta ao mes de hoje mesmo que o rascunho ja fosse hoje.\n                      setRascunho(today(getLocalTimeZone()));\n                      setVersaoDoCalendario((versao) => versao + 1);\n                    }}\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    type=\"button\"\n                  >\n                    Hoje\n                  </Button>\n                  <div className={styles.actions}>\n                    <Button onClick={() => fechar()} size=\"sm\" variant=\"secondary\" type=\"button\">\n                      Cancelar\n                    </Button>\n                    <Button\n                      onClick={() => {\n                        definir(rascunho ?? null);\n                        setDigitando(false);\n                        fechar();\n                      }}\n                      size=\"sm\"\n                      type=\"button\"\n                    >\n                      Aplicar\n                    </Button>\n                  </div>\n                </div>\n              </div>,\n              document.body,\n            )}\n        </>\n      )}\n    </Field>\n  );\n}\n"],"names":["DatePicker","ariaDescribedBy","className","defaultValue","name","disabled","error","hint","providedId","isDateUnavailable","label","locale","max","min","onValueChange","onBlur","onKeyDown","placeholder","required","size","ref","value","props","fieldRef","useRef","panelRef","triggerRef","open","setOpen","useState","limites","data","readIsoDate","internalValue","setInternalValue","controlado","escolhido","texto","setTexto","digitando","setDigitando","inputRef","resetRef","useFormReset","mergedRef","useMergedRefs","rascunho","setRascunho","versaoDoCalendario","setVersaoDoCalendario","useEffect","exibido","definir","proximo","fechar","devolverFoco","_a","handleChange","entrada","mascarado","formatarEntradaData","lido","lerEntradaData","permitido","isUnavailable","handleKeyDown","event","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","Field","id","describedBy","invalid","jsxs","Fragment","jsx","FormValue","styles","IconCalendar","createPortal","Calendar","Button","today","getLocalTimeZone","versao"],"mappings":"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"}

package/dist/components/forms/DatePicker/DatePicker.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_field_6g4z6_2",t="_error_6g4z6_12",_="_input_6g4z6_12",a="_sm_6g4z6_54",n="_md_6g4z6_59",o="_trigger_6g4z6_72",d="_panel_6g4z6_97",r="_calendar_6g4z6_106",s="_calendarHeader_6g4z6_112",c="_month_6g4z6_119",g="_navigate_6g4z6_127",l="_grid_6g4z6_150",i="_weekday_6g4z6_154",z="_dayCell_6g4z6_164",y="_day_6g4z6_164",u="_outside_6g4z6_190",m="_selectedDay_6g4z6_200",f="_footer_6g4z6_213",p="_actions_6g4z6_223",v={field:e,error:t,input:_,sm:a,md:n,trigger:o,panel:d,calendar:r,calendarHeader:s,month:c,navigate:g,grid:l,weekday:i,dayCell:z,day:y,outside:u,selectedDay:m,footer:f,actions:p};exports.actions=p;exports.calendar=r;exports.calendarHeader=s;exports.day=y;exports.dayCell=z;exports.default=v;exports.error=t;exports.field=e;exports.footer=f;exports.grid=l;exports.input=_;exports.md=n;exports.month=c;exports.navigate=g;exports.outside=u;exports.panel=d;exports.selectedDay=m;exports.sm=a;exports.trigger=o;exports.weekday=i;
+//# sourceMappingURL=DatePicker.module.css.cjs.map

package/dist/components/forms/DatePicker/DatePicker.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/DatePicker/DatePicker.module.css.js

@@ -0,0 +1,44 @@
+const _ = "_field_6g4z6_2", e = "_error_6g4z6_12", t = "_input_6g4z6_12", a = "_sm_6g4z6_54", n = "_md_6g4z6_59", o = "_trigger_6g4z6_72", s = "_panel_6g4z6_97", d = "_calendar_6g4z6_106", c = "_calendarHeader_6g4z6_112", g = "_month_6g4z6_119", r = "_navigate_6g4z6_127", l = "_grid_6g4z6_150", i = "_weekday_6g4z6_154", z = "_dayCell_6g4z6_164", y = "_day_6g4z6_164", m = "_outside_6g4z6_190", f = "_selectedDay_6g4z6_200", p = "_footer_6g4z6_213", u = "_actions_6g4z6_223", h = {
+  field: _,
+  error: e,
+  input: t,
+  sm: a,
+  md: n,
+  trigger: o,
+  panel: s,
+  calendar: d,
+  calendarHeader: c,
+  month: g,
+  navigate: r,
+  grid: l,
+  weekday: i,
+  dayCell: z,
+  day: y,
+  outside: m,
+  selectedDay: f,
+  footer: p,
+  actions: u
+};
+export {
+  u as actions,
+  d as calendar,
+  c as calendarHeader,
+  y as day,
+  z as dayCell,
+  h as default,
+  e as error,
+  _ as field,
+  p as footer,
+  l as grid,
+  t as input,
+  n as md,
+  g as month,
+  r as navigate,
+  m as outside,
+  s as panel,
+  f as selectedDay,
+  a as sm,
+  o as trigger,
+  i as weekday
+};
+//# sourceMappingURL=DatePicker.module.css.js.map

package/dist/components/forms/DatePicker/DatePicker.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/forms/DatePicker/iso.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@internationalized/date");function o(e,r){if(e)try{return r(e)}catch{return}}const s=e=>o(e,t.parseDate),i=e=>o(e,t.parseTime),a=e=>o(e,t.parseDateTime),n=e=>e.toString().slice(0,5),c=e=>e.toString().slice(0,16);exports.readIsoDate=s;exports.readIsoDateTime=a;exports.readIsoTime=i;exports.toIsoDateTime=c;exports.toIsoTime=n;
+//# sourceMappingURL=iso.cjs.map

package/dist/components/forms/DatePicker/iso.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iso.cjs","sources":["../../../../src/components/forms/DatePicker/iso.ts"],"sourcesContent":["import { parseDate, parseDateTime, parseTime, type CalendarDateTime, type Time } from '@internationalized/date';\n\n/** A API publica fala em texto ISO; o que nao e data valida conta como ausente, em vez de derrubar o componente. */\nfunction ler<T>(texto: string | null | undefined, interpretar: (texto: string) => T) {\n  if (!texto) {\n    return undefined;\n  }\n\n  try {\n    return interpretar(texto);\n  } catch {\n    return undefined;\n  }\n}\n\nexport const readIsoDate = (texto?: string | null) => ler(texto, parseDate);\nexport const readIsoTime = (texto?: string | null) => ler(texto, parseTime);\nexport const readIsoDateTime = (texto?: string | null) => ler(texto, parseDateTime);\n\n/** Hora e data com hora saem sem segundos, que os seletores nao escolhem: `09:30` e `2026-03-09T09:30`. */\nexport const toIsoTime = (hora: Time) => hora.toString().slice(0, 5);\nexport const toIsoDateTime = (instante: CalendarDateTime) => instante.toString().slice(0, 16);\n"],"names":["ler","texto","interpretar","readIsoDate","parseDate","readIsoTime","parseTime","readIsoDateTime","parseDateTime","toIsoTime","hora","toIsoDateTime","instante"],"mappings":"2HAGA,SAASA,EAAOC,EAAkCC,EAAmC,CACnF,GAAKD,EAIL,GAAI,CACF,OAAOC,EAAYD,CAAK,CAC1B,MAAQ,CACN,MACF,CACF,CAEO,MAAME,EAAeF,GAA0BD,EAAIC,EAAOG,EAAAA,SAAS,EAC7DC,EAAeJ,GAA0BD,EAAIC,EAAOK,EAAAA,SAAS,EAC7DC,EAAmBN,GAA0BD,EAAIC,EAAOO,EAAAA,aAAa,EAGrEC,EAAaC,GAAeA,EAAK,WAAW,MAAM,EAAG,CAAC,EACtDC,EAAiBC,GAA+BA,EAAS,WAAW,MAAM,EAAG,EAAE"}

package/dist/components/forms/DatePicker/iso.js

@@ -0,0 +1,18 @@
+import { parseDate as r, parseTime as i, parseDateTime as s } from "@internationalized/date";
+function t(e, o) {
+  if (e)
+    try {
+      return o(e);
+    } catch {
+      return;
+    }
+}
+const n = (e) => t(e, r), c = (e) => t(e, i), m = (e) => t(e, s), T = (e) => e.toString().slice(0, 5), d = (e) => e.toString().slice(0, 16);
+export {
+  n as readIsoDate,
+  m as readIsoDateTime,
+  c as readIsoTime,
+  d as toIsoDateTime,
+  T as toIsoTime
+};
+//# sourceMappingURL=iso.js.map

package/dist/components/forms/DatePicker/iso.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iso.js","sources":["../../../../src/components/forms/DatePicker/iso.ts"],"sourcesContent":["import { parseDate, parseDateTime, parseTime, type CalendarDateTime, type Time } from '@internationalized/date';\n\n/** A API publica fala em texto ISO; o que nao e data valida conta como ausente, em vez de derrubar o componente. */\nfunction ler<T>(texto: string | null | undefined, interpretar: (texto: string) => T) {\n  if (!texto) {\n    return undefined;\n  }\n\n  try {\n    return interpretar(texto);\n  } catch {\n    return undefined;\n  }\n}\n\nexport const readIsoDate = (texto?: string | null) => ler(texto, parseDate);\nexport const readIsoTime = (texto?: string | null) => ler(texto, parseTime);\nexport const readIsoDateTime = (texto?: string | null) => ler(texto, parseDateTime);\n\n/** Hora e data com hora saem sem segundos, que os seletores nao escolhem: `09:30` e `2026-03-09T09:30`. */\nexport const toIsoTime = (hora: Time) => hora.toString().slice(0, 5);\nexport const toIsoDateTime = (instante: CalendarDateTime) => instante.toString().slice(0, 16);\n"],"names":["ler","texto","interpretar","readIsoDate","parseDate","readIsoTime","parseTime","readIsoDateTime","parseDateTime","toIsoTime","hora","toIsoDateTime","instante"],"mappings":";AAGA,SAASA,EAAOC,GAAkCC,GAAmC;AACnF,MAAKD;AAIL,QAAI;AACF,aAAOC,EAAYD,CAAK;AAAA,IAC1B,QAAQ;AACN;AAAA,IACF;AACF;AAEO,MAAME,IAAc,CAACF,MAA0BD,EAAIC,GAAOG,CAAS,GAC7DC,IAAc,CAACJ,MAA0BD,EAAIC,GAAOK,CAAS,GAC7DC,IAAkB,CAACN,MAA0BD,EAAIC,GAAOO,CAAa,GAGrEC,IAAY,CAACC,MAAeA,EAAK,WAAW,MAAM,GAAG,CAAC,GACtDC,IAAgB,CAACC,MAA+BA,EAAS,WAAW,MAAM,GAAG,EAAE;"}

package/dist/components/forms/DateTimePicker/DateTimePicker.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),ye=require("react-dom"),M=require("@react-aria/overlays"),r=require("@internationalized/date"),pe=require("../../../hooks/useFormReset.cjs"),De=require("../../../hooks/useMergedRefs.cjs"),he=require("../DatePicker/Calendar.cjs"),u=require("../DatePicker/iso.cjs"),xe=require("../TimePicker/TimeSlots.cjs"),ge=require("../../../hooks/useCalendar/calendar.cjs"),be=require("../Field/FormValue.cjs"),c=require("./DateTimePicker.module.css.cjs"),je=require("../Field/Field.cjs"),Ce=require("../../icons/icons.cjs"),I=require("../../actions/Button/Button.cjs"),L=require("../../../utils/formatters/formatarEntradaHora.cjs"),x=i=>String(i).padStart(2,"0");function ve(i){return i?[x(i.day),x(i.month),i.year].join("/")+" "+x(i.hour)+":"+x(i.minute):""}function Re({"aria-describedby":i,className:k,defaultValue:F,name:U,disabled:g=!1,error:O,hint:Z,id:_,isDateUnavailable:P,label:b,locale:$="pt-BR",max:G,min:J,step:K=30,onValueChange:j,onBlur:C,onKeyDown:v,placeholder:Q="dd/mm/aaaa hh:mm",required:R=!1,size:V="md",ref:W,value:w,...X}){const T=o.useRef(null),q=o.useRef(null),N=o.useRef(null),Y=`datetime-hora-${o.useId()}`,[l,S]=o.useState(!1),y={isDateUnavailable:P&&(e=>P(e.toString())),max:u.readIsoDate(G),min:u.readIsoDate(J)},[ee,E]=o.useState(()=>u.readIsoDateTime(F)??null),[te,ae]=o.useState(""),[se,p]=o.useState(!1),z=w===void 0?void 0:u.readIsoDateTime(w)??null,m=(z===void 0?ee:z)??void 0,[a,D]=o.useState(m),[ne,oe]=o.useState(0),A=o.useRef(null),ie=pe.useFormReset(()=>{E(u.readIsoDateTime(F)??null),p(!1)}),re=De.useMergedRefs(A,ie,W);o.useEffect(()=>{l&&D(m)},[l]);const le=se?te:ve(m);function B(e){E(e),j==null||j(e?u.toIsoDateTime(e):null)}function ce(e){D(new r.CalendarDateTime(e.year,e.month,e.day,(a==null?void 0:a.hour)??0,(a==null?void 0:a.minute)??0))}function ue(e){const s=a??r.today(r.getLocalTimeZone());D(new r.CalendarDateTime(s.year,s.month,s.day,e.hour,e.minute))}function d(e=!0){var s;S(!1),e&&((s=N.current)==null||s.focus())}function de(e){const s=L.formatarEntradaDataHora(e);p(!0),ae(s);const f=L.lerEntradaDataHora(s),n=f&&r.toCalendarDate(f);B(f&&n&&!ge.isUnavailable(n,y)?f:null)}function fe(e){v==null||v(e),e.key==="ArrowDown"&&!l?(e.preventDefault(),S(!0)):e.key==="Escape"&&l&&d(!1)}const{overlayProps:h}=M.useOverlay({isOpen:l,onClose:()=>d(!1),isDismissable:!0,shouldCloseOnBlur:!1,shouldCloseOnInteractOutside:e=>{var s;return!((s=T.current)!=null&&s.contains(e))}},q),{overlayProps:me}=M.useOverlayPosition({targetRef:T,overlayRef:q,placement:"bottom start",offset:6,containerPadding:8,isOpen:l});return t.jsx(je.Field,{"aria-describedby":i,error:O,hint:Z,id:_,label:b,required:R,children:({id:e,describedBy:s,invalid:f})=>t.jsxs(t.Fragment,{children:[t.jsx(be.FormValue,{disabled:g,name:U,onFocus:()=>{var n;return(n=A.current)==null?void 0:n.focus()},required:R,value:m?u.toIsoDateTime(m):""}),t.jsxs("div",{className:[c.default.field,c.default[V],O&&c.default.error,k].filter(Boolean).join(" "),ref:T,children:[t.jsx("input",{...X,"aria-describedby":s,"aria-invalid":f||void 0,"aria-required":R||void 0,autoComplete:"off",className:c.default.input,disabled:g,id:e,inputMode:"numeric",onBlur:n=>{p(!1),C==null||C(n)},onChange:n=>de(n.target.value),onKeyDown:fe,placeholder:Q,ref:re,type:"text",value:le}),t.jsx("button",{"aria-expanded":l,"aria-haspopup":"dialog","aria-label":"Abrir calendário",className:c.default.trigger,disabled:g,onClick:()=>l?d():S(!0),ref:N,type:"button",children:t.jsx(Ce.IconCalendar,{size:15})})]}),l&&ye.createPortal(t.jsxs("div",{...h,"aria-label":b?"Calendário de "+b:"Calendário",className:c.default.panel,"data-react-aria-top-layer":"true",onKeyDown:n=>{var H;n.key==="Escape"&&d(),(H=h.onKeyDown)==null||H.call(h,n)},ref:q,role:"dialog",style:me.style,children:[t.jsxs("div",{className:c.default.columns,children:[t.jsx(he.Calendar,{autoFocus:!0,isDateUnavailable:y.isDateUnavailable,locale:$,max:y.max,min:y.min,onSelect:ce,value:a&&new r.CalendarDate(a.year,a.month,a.day)},ne),t.jsx(xe.TimeSlots,{baseId:Y,onChange:ue,step:K,value:a&&new r.Time(a.hour,a.minute)})]}),t.jsxs("div",{className:c.default.footer,children:[t.jsx(I.Button,{onClick:()=>{D(r.toCalendarDateTime(r.now(r.getLocalTimeZone())).set({second:0,millisecond:0})),oe(n=>n+1)},size:"sm",variant:"ghost",type:"button",children:"Agora"}),t.jsxs("div",{className:c.default.actions,children:[t.jsx(I.Button,{onClick:()=>d(),size:"sm",variant:"secondary",type:"button",children:"Cancelar"}),t.jsx(I.Button,{onClick:()=>{B(a??null),p(!1),d()},size:"sm",type:"button",children:"Aplicar"})]})]})]}),document.body)]})})}exports.DateTimePicker=Re;
+//# sourceMappingURL=DateTimePicker.cjs.map

package/dist/components/forms/DateTimePicker/DateTimePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.cjs","sources":["../../../../src/components/forms/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState, type ComponentPropsWithRef, type KeyboardEvent } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOverlay, useOverlayPosition } from '@react-aria/overlays';\nimport {\n  CalendarDate,\n  CalendarDateTime,\n  Time,\n  getLocalTimeZone,\n  now,\n  toCalendarDate,\n  toCalendarDateTime,\n  today,\n} from '@internationalized/date';\nimport { useFormReset } from '../../../hooks/useFormReset';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { formatarEntradaDataHora, lerEntradaDataHora } from '../../../utils/formatters';\nimport { Button } from '../../actions/Button';\nimport { Calendar } from '../DatePicker/Calendar';\nimport { readIsoDate, readIsoDateTime, toIsoDateTime } from '../DatePicker/iso';\nimport { TimeSlots } from '../TimePicker/TimeSlots';\nimport { isUnavailable, type CalendarLimits } from '../../../hooks/useCalendar/calendar';\nimport { Field } from '../Field';\nimport { FormValue } from '../Field/FormValue';\nimport styles from './DateTimePicker.module.css';\nimport { IconCalendar } from '../../icons';\n\nexport type DateTimePickerSize = 'sm' | 'md';\n\n/**\n * As propriedades nativas vao ao campo de texto, que e o controle; o `className` soma a caixa do campo, que e o que\n * se posiciona e dimensiona.\n */\nexport interface DateTimePickerProps\n  extends Omit<\n    ComponentPropsWithRef<'input'>,\n    'defaultValue' | 'max' | 'min' | 'name' | 'onChange' | 'size' | 'type' | 'value' | 'step'\n  > {\n  /** Data e hora em ISO, `2026-03-09T18:40`, como no `FormData`: a API nao expoe tipo de biblioteca de terceiros. */\n  defaultValue?: string;\n  disabled?: boolean;\n  error?: string;\n  hint?: string;\n  id?: string;\n  isDateUnavailable?: (date: string) => boolean;\n  label?: string;\n  /**\n   * Nome do campo no formulario. Com ele, um input oculto carrega o valor para\n   * o `FormData`: sem controle nativo por baixo, o envio ignorava o campo.\n   */\n  name?: string;\n  locale?: string;\n  /** Limites de data, em `2026-03-09`. */\n  max?: string;\n  min?: string;\n  step?: number;\n  /** Sem data e hora inteiras e permitidas, o valor e `null`, que mantem o campo controlado e vazio. */\n  onValueChange?: (value: string | null) => void;\n  placeholder?: string;\n  required?: boolean;\n  size?: DateTimePickerSize;\n  /**\n   * `null` e \"controlado e vazio\": devolver a propriedade a `undefined` nao\n   * limpa o campo, porque ali ele volta a ser nao controlado.\n   */\n  value?: string | null;\n}\n\nconst doisDigitos = (valor: number) => String(valor).padStart(2, '0');\n\nfunction paraTexto(valor?: CalendarDateTime) {\n  if (!valor) {\n    return '';\n  }\n\n  const data = [doisDigitos(valor.day), doisDigitos(valor.month), valor.year].join('/');\n\n  return data + ' ' + doisDigitos(valor.hour) + ':' + doisDigitos(valor.minute);\n}\n\nexport function DateTimePicker({\n  'aria-describedby': ariaDescribedBy,\n  className,\n  defaultValue,\n  name,\n  disabled = false,\n  error,\n  hint,\n  id: providedId,\n  isDateUnavailable,\n  label,\n  locale = 'pt-BR',\n  max,\n  min,\n  step = 30,\n  onValueChange,\n  onBlur,\n  onKeyDown,\n  placeholder = 'dd/mm/aaaa hh:mm',\n  required = false,\n  size = 'md',\n  ref,\n  value,\n  ...props\n}: DateTimePickerProps) {\n  const fieldRef = useRef<HTMLDivElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  // Fixo, o id fazia dois seletores dividirem os ids das opcoes de hora.\n  const idDaLista = `datetime-hora-${useId()}`;\n  const [open, setOpen] = useState(false);\n  const limites: CalendarLimits = {\n    isDateUnavailable: isDateUnavailable && ((data) => isDateUnavailable(data.toString())),\n    max: readIsoDate(max),\n    min: readIsoDate(min),\n  };\n  const [internalValue, setInternalValue] = useState<CalendarDateTime | null>(() => readIsoDateTime(defaultValue) ?? null);\n  const [texto, setTexto] = useState('');\n  const [digitando, setDigitando] = useState(false);\n  const controlado = value === undefined ? undefined : (readIsoDateTime(value) ?? null);\n  const escolhido = (controlado === undefined ? internalValue : controlado) ?? undefined;\n  const [rascunho, setRascunho] = useState(escolhido);\n  const [versaoDoCalendario, setVersaoDoCalendario] = useState(0);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const resetRef = useFormReset<HTMLInputElement>(() => {\n    setInternalValue(readIsoDateTime(defaultValue) ?? null);\n    setDigitando(false);\n  });\n  const mergedRef = useMergedRefs(inputRef, resetRef, ref);\n\n  useEffect(() => {\n    if (open) {\n      setRascunho(escolhido);\n    }\n  }, [open]);\n  const exibido = digitando ? texto : paraTexto(escolhido);\n\n  // O interno acompanha mesmo controlado: se o consumidor devolver `undefined`, nao ressurge um valor velho.\n  function definir(proximo: CalendarDateTime | null) {\n    setInternalValue(proximo);\n    onValueChange?.(proximo ? toIsoDateTime(proximo) : null);\n  }\n\n  function rascunharData(data: CalendarDate) {\n    setRascunho(new CalendarDateTime(data.year, data.month, data.day, rascunho?.hour ?? 0, rascunho?.minute ?? 0));\n  }\n\n  // Sem data escolhida, a hora se apoia em hoje: inventar outra data\n  // faria o campo exibir um dia que o usuario nunca escolheu.\n  function rascunharHora(hora: Time) {\n    const base = rascunho ?? today(getLocalTimeZone());\n\n    setRascunho(new CalendarDateTime(base.year, base.month, base.day, hora.hour, hora.minute));\n  }\n\n  function fechar(devolverFoco = true) {\n    setOpen(false);\n\n    if (devolverFoco) {\n      triggerRef.current?.focus();\n    }\n  }\n\n  function handleChange(entrada: string) {\n    const mascarado = formatarEntradaDataHora(entrada);\n\n    setDigitando(true);\n    setTexto(mascarado);\n\n    // O texto e o valor tem de concordar. Enquanto o que esta escrito nao e uma\n    // data e hora inteiras, o campo nao tem valor — segurar o ultimo deixava o\n    // consumidor com meia-noite enquanto a tela mostrava `18:4`.\n    const lido = lerEntradaDataHora(mascarado);\n    const dia = lido && toCalendarDate(lido);\n\n    definir(lido && dia && !isUnavailable(dia, limites) ? lido : null);\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLInputElement>) {\n    onKeyDown?.(event);\n\n    if (event.key === 'ArrowDown' && !open) {\n      event.preventDefault();\n      setOpen(true);\n    } else if (event.key === 'Escape' && open) {\n      fechar(false);\n    }\n  }\n\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: open,\n      onClose: () => fechar(false),\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      // O gatilho nao conta como \"fora\": sem isto o ponteiro fecha o painel e o\n      // clique dele reabre em seguida, e ele pisca sem abrir.\n      shouldCloseOnInteractOutside: (elemento) => !fieldRef.current?.contains(elemento),\n    },\n    panelRef,\n  );\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: fieldRef,\n    overlayRef: panelRef,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: open,\n  });\n\n  return (\n    <Field aria-describedby={ariaDescribedBy} error={error} hint={hint} id={providedId} label={label} required={required}>\n      {({ id, describedBy, invalid }) => (\n        <>\n          <FormValue\n            disabled={disabled}\n            name={name}\n            onFocus={() => inputRef.current?.focus()}\n            required={required}\n            value={escolhido ? toIsoDateTime(escolhido) : ''}\n          />\n          <div\n            className={[styles.field, styles[size], error && styles.error, className].filter(Boolean).join(' ')}\n            ref={fieldRef}\n          >\n            <input\n              {...props}\n              aria-describedby={describedBy}\n              aria-invalid={invalid || undefined}\n              aria-required={required || undefined}\n              autoComplete=\"off\"\n              className={styles.input}\n              disabled={disabled}\n              id={id}\n              inputMode=\"numeric\"\n              onBlur={(event) => {\n                setDigitando(false);\n                onBlur?.(event);\n              }}\n              onChange={(event) => handleChange(event.target.value)}\n              onKeyDown={handleKeyDown}\n              placeholder={placeholder}\n              ref={mergedRef}\n              type=\"text\"\n              value={exibido}\n            />\n            <button\n              aria-expanded={open}\n              aria-haspopup=\"dialog\"\n              aria-label=\"Abrir calendário\"\n              className={styles.trigger}\n              disabled={disabled}\n              onClick={() => (open ? fechar() : setOpen(true))}\n              ref={triggerRef}\n              type=\"button\"\n            >\n              <IconCalendar size={15} />\n            </button>\n          </div>\n          {open &&\n            createPortal(\n              <div\n                {...overlayProps}\n                aria-label={label ? 'Calendário de ' + label : 'Calendário'}\n                className={styles.panel}\n                // Camada de cima: o `ariaHideOutside` do Dialog ignora quem a declara.\n                data-react-aria-top-layer=\"true\"\n                onKeyDown={(event) => {\n                  if (event.key === 'Escape') {\n                    fechar();\n                  }\n                  overlayProps.onKeyDown?.(event);\n                }}\n                ref={panelRef}\n                role=\"dialog\"\n                style={positionProps.style}\n              >\n                <div className={styles.columns}>\n                  <Calendar\n                    autoFocus\n                    key={versaoDoCalendario}\n                    isDateUnavailable={limites.isDateUnavailable}\n                    locale={locale}\n                    max={limites.max}\n                    min={limites.min}\n                    onSelect={rascunharData}\n                    value={rascunho && new CalendarDate(rascunho.year, rascunho.month, rascunho.day)}\n                  />\n                  <TimeSlots\n                    baseId={idDaLista}\n                    onChange={rascunharHora}\n                    step={step}\n                    value={rascunho && new Time(rascunho.hour, rascunho.minute)}\n                  />\n                </div>\n                <div className={styles.footer}>\n                  <Button\n                    onClick={() => {\n                      // Remontada, a grade volta ao mes de hoje mesmo que o rascunho ja fosse hoje.\n                      setRascunho(toCalendarDateTime(now(getLocalTimeZone())).set({ second: 0, millisecond: 0 }));\n                      setVersaoDoCalendario((versao) => versao + 1);\n                    }}\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    type=\"button\"\n                  >\n                    Agora\n                  </Button>\n                  <div className={styles.actions}>\n                    <Button onClick={() => fechar()} size=\"sm\" variant=\"secondary\" type=\"button\">\n                      Cancelar\n                    </Button>\n                    <Button\n                      onClick={() => {\n                        definir(rascunho ?? null);\n                        setDigitando(false);\n                        fechar();\n                      }}\n                      size=\"sm\"\n                      type=\"button\"\n                    >\n                      Aplicar\n                    </Button>\n                  </div>\n                </div>\n              </div>,\n              document.body,\n            )}\n        </>\n      )}\n    </Field>\n  );\n}\n"],"names":["doisDigitos","valor","paraTexto","DateTimePicker","ariaDescribedBy","className","defaultValue","name","disabled","error","hint","providedId","isDateUnavailable","label","locale","max","min","step","onValueChange","onBlur","onKeyDown","placeholder","required","size","ref","value","props","fieldRef","useRef","panelRef","triggerRef","idDaLista","useId","open","setOpen","useState","limites","data","readIsoDate","internalValue","setInternalValue","readIsoDateTime","texto","setTexto","digitando","setDigitando","controlado","escolhido","rascunho","setRascunho","versaoDoCalendario","setVersaoDoCalendario","inputRef","resetRef","useFormReset","mergedRef","useMergedRefs","useEffect","exibido","definir","proximo","toIsoDateTime","rascunharData","CalendarDateTime","rascunharHora","hora","base","today","getLocalTimeZone","fechar","devolverFoco","_a","handleChange","entrada","mascarado","formatarEntradaDataHora","lido","lerEntradaDataHora","dia","toCalendarDate","isUnavailable","handleKeyDown","event","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","Field","id","describedBy","invalid","jsxs","Fragment","jsx","FormValue","styles","IconCalendar","createPortal","Calendar","CalendarDate","TimeSlots","Time","Button","toCalendarDateTime","now","versao"],"mappings":"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"}