@plenustech/design-system 0.2.1 → 0.2.3

package/dist/components/forms/ComboBox/ComboBox.js

@@ -0,0 +1,223 @@
+import { jsx as u, jsxs as f, Fragment as Q } from "react/jsx-runtime";
+import { useRef as N, useId as he, useState as F, useLayoutEffect as T } from "react";
+import { flushSync as U, createPortal as ge } from "react-dom";
+import { useOverlayPosition as ve } from "@react-aria/overlays";
+import { optionId as be, ListingOptions as ye } from "../../data-display/List/ListingOptions.js";
+import { useListing as Re } from "../../data-display/List/useListing.js";
+import { useFormReset as xe } from "../../../hooks/useFormReset.js";
+import { useMergedRefs as De } from "../../../hooks/useMergedRefs.js";
+import { FormValue as Ne } from "../Field/FormValue.js";
+import a from "./ComboBox.module.css.js";
+import { Field as Fe } from "../Field/Field.js";
+import { Badge as we } from "../../data-display/Badge/Badge.js";
+function X(t) {
+  if (t !== void 0)
+    return (typeof t == "string" ? [t] : t).map((d) => ({ value: d, label: "" }));
+}
+function Be(t, d) {
+  var b, y;
+  if (t.selectionMode === "multiple") {
+    (b = t.onValueChange) == null || b.call(t, d.map((R) => R.value));
+    return;
+  }
+  const [v] = d;
+  v && ((y = t.onValueChange) == null || y.call(t, v.value));
+}
+function We(t) {
+  var G;
+  const {
+    "aria-describedby": d,
+    className: v,
+    defaultValue: b,
+    name: y,
+    disabled: R = !1,
+    emptyMessage: Y = "Nenhum resultado",
+    error: w,
+    hint: Z,
+    id: _,
+    label: k,
+    loading: ee = !1,
+    onBlur: B,
+    onClick: I,
+    onKeyDown: M,
+    onSearch: oe,
+    // Fora do resto, que vai ao campo: quem o chama e `relatarEscolha`, que conhece o modo.
+    onValueChange: Ie,
+    options: te,
+    placeholder: E,
+    ref: re,
+    required: j = !1,
+    selectionMode: S = "single",
+    size: K = "md",
+    value: ne,
+    ...ae
+  } = t, l = S === "multiple", m = N(null), C = N(null), L = N(null), O = `combobox-${he()}`, [i, x] = F(!1), [le, P] = F(!1), se = xe(() => {
+    r.reset(), h();
+  }), ie = De(m, se, re), r = Re({
+    items: te,
+    selectionMode: S,
+    defaultValue: X(b),
+    value: X(ne),
+    onSearch: oe,
+    onSelectionChange: (e) => Be(t, e)
+  }), n = r.selected, [p] = n, z = l || le ? r.term : (p == null ? void 0 : p.label) ?? "", V = l ? C : m, W = r.visible.findIndex((e) => e.value === r.focusedKey), { overlayProps: q } = ve({
+    targetRef: V,
+    overlayRef: L,
+    placement: "bottom start",
+    offset: 6,
+    containerPadding: 8,
+    isOpen: i
+  }), [ce, ue] = F(), de = Math.min(Number((G = q.style) == null ? void 0 : G.maxHeight) || 280, 280);
+  T(() => {
+    var e;
+    ue((e = V.current) == null ? void 0 : e.offsetWidth);
+  }, [V, i]);
+  const [H, $] = F(!0), A = N(null), fe = n.map((e) => e.value).join(`
+`);
+  T(() => {
+    const e = C.current;
+    if (!e || typeof ResizeObserver > "u")
+      return;
+    const c = new ResizeObserver(() => {
+      U(() => $(!1));
+      const s = A.current;
+      U(() => $(!!(s && s.scrollWidth > s.clientWidth)));
+    });
+    return c.observe(e), () => c.disconnect();
+  }, [fe, l]);
+  function me() {
+    P(!1), r.filter("");
+  }
+  function h() {
+    x(!1), me();
+  }
+  function pe(e) {
+    if (M == null || M(e), e.key === "ArrowDown" && !i) {
+      e.preventDefault(), x(!0), r.focusFirst();
+      return;
+    }
+    if (e.key === "Escape") {
+      h();
+      return;
+    }
+    if (e.key === "Enter") {
+      const s = r.visible.find((D) => D.value === r.focusedKey);
+      i && s && !s.disabled && (e.preventDefault(), r.select(s), l || h());
+      return;
+    }
+    const c = n[n.length - 1];
+    if (e.key === "Backspace" && l && z === "" && c) {
+      r.select(c);
+      return;
+    }
+    r.handleKeyDown(e);
+  }
+  return /* @__PURE__ */ u(Fe, { "aria-describedby": d, error: w, hint: Z, id: _, label: k, required: j, children: ({ id: e, describedBy: c, invalid: s }) => {
+    const D = e + "-selection", J = /* @__PURE__ */ u(
+      "input",
+      {
+        ...ae,
+        ref: ie,
+        className: [l ? a.search : a.input, !l && a[K], !l && w && a.error, v].filter(Boolean).join(" "),
+        id: e,
+        type: "text",
+        role: "combobox",
+        autoComplete: "off",
+        "aria-describedby": [c, l && n.length > 0 && D].filter(Boolean).join(" ") || void 0,
+        "aria-invalid": s || void 0,
+        "aria-expanded": i,
+        "aria-autocomplete": "list",
+        "aria-controls": i ? O + "-options" : void 0,
+        "aria-activedescendant": i && W >= 0 ? be(O, W) : void 0,
+        "aria-required": j || void 0,
+        disabled: R,
+        placeholder: E,
+        value: z,
+        onBlur: (o) => {
+          h(), B == null || B(o);
+        },
+        onChange: (o) => {
+          P(!0), x(!0), r.filter(o.target.value);
+        },
+        onClick: (o) => {
+          x(!0), I == null || I(o);
+        },
+        onKeyDown: pe
+      }
+    );
+    return /* @__PURE__ */ f(Q, { children: [
+      (n.length > 0 ? n : [void 0]).map((o) => /* @__PURE__ */ u(
+        Ne,
+        {
+          disabled: R,
+          name: y,
+          onFocus: () => {
+            var g;
+            return (g = m.current) == null ? void 0 : g.focus();
+          },
+          required: j,
+          value: (o == null ? void 0 : o.value) ?? ""
+        },
+        (o == null ? void 0 : o.value) ?? ""
+      )),
+      l ? /* @__PURE__ */ f(
+        "div",
+        {
+          className: [a.control, a[K], w && a.error].filter(Boolean).join(" "),
+          onMouseDown: (o) => {
+            var g;
+            o.target !== m.current && (o.preventDefault(), (g = m.current) == null || g.focus());
+          },
+          ref: C,
+          children: [
+            p && /* @__PURE__ */ f(Q, { children: [
+              /* @__PURE__ */ f("span", { "aria-hidden": "true", className: a.selection, ref: A, children: [
+                (H ? [p] : n).map((o) => /* @__PURE__ */ u(we, { children: o.label }, o.value)),
+                H && n.length > 1 && /* @__PURE__ */ f("span", { className: a.rest, children: [
+                  "+",
+                  n.length - 1
+                ] })
+              ] }),
+              /* @__PURE__ */ f("span", { className: a.summary, id: D, children: [
+                n.length === 1 ? "1 selecionado" : `${n.length} selecionados`,
+                ":",
+                " ",
+                n.map((o) => o.label).join(", ")
+              ] })
+            ] }),
+            J
+          ]
+        }
+      ) : J,
+      i && ge(
+        /* @__PURE__ */ u(
+          "div",
+          {
+            ref: L,
+            className: a.panel,
+            "data-react-aria-top-layer": "true",
+            onMouseDown: (o) => o.preventDefault(),
+            style: { ...q.style, width: ce, maxHeight: de },
+            children: /* @__PURE__ */ u(
+              ye,
+              {
+                baseId: O,
+                empty: /* @__PURE__ */ u("p", { className: a.empty, children: Y }),
+                holdsFocus: !1,
+                label: k ?? E ?? "Opções",
+                listing: r,
+                loading: ee,
+                onSelect: l ? void 0 : h
+              }
+            )
+          }
+        ),
+        document.body
+      )
+    ] });
+  } });
+}
+export {
+  We as ComboBox
+};
+//# sourceMappingURL=ComboBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.js","sources":["../../../../src/components/forms/ComboBox/ComboBox.tsx"],"sourcesContent":["import {\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithRef,\n  type FocusEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n} from 'react';\nimport { createPortal, flushSync } from 'react-dom';\nimport { useOverlayPosition } from '@react-aria/overlays';\nimport { ListingOptions, optionId } from '../../data-display/List/ListingOptions';\nimport { useListing, type ListingItem } from '../../data-display/List/useListing';\nimport { Badge } from '../../data-display/Badge';\nimport { useFormReset } from '../../../hooks/useFormReset';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { Field } from '../Field';\nimport { FormValue } from '../Field/FormValue';\nimport styles from './ComboBox.module.css';\n\nexport type ComboBoxSize = 'sm' | 'md';\n\nexport interface ComboBoxOption {\n  disabled?: boolean;\n  label: string;\n  value: string;\n}\n\n/** As propriedades nativas vao ao campo de texto, que e o controle; o `className` soma ao do sistema. */\ninterface ComboBoxBaseProps\n  extends Omit<ComponentPropsWithRef<'input'>, 'defaultValue' | 'name' | 'onChange' | 'size' | 'type' | 'value'> {\n  emptyMessage?: string;\n  error?: string;\n  hint?: string;\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  loading?: boolean;\n  onSearch?: (term: string) => void;\n  options: readonly ComboBoxOption[];\n  size?: ComboBoxSize;\n}\n\nexport interface ComboBoxSingleProps extends ComboBoxBaseProps {\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  selectionMode?: 'single';\n  value?: string;\n}\n\nexport interface ComboBoxMultipleProps extends ComboBoxBaseProps {\n  defaultValue?: readonly string[];\n  onValueChange?: (values: readonly string[]) => void;\n  selectionMode: 'multiple';\n  value?: readonly string[];\n}\n\nexport type ComboBoxProps = ComboBoxSingleProps | ComboBoxMultipleProps;\n\nfunction comoItens(valor: string | readonly string[] | undefined): ListingItem[] | undefined {\n  if (valor === undefined) {\n    return undefined;\n  }\n\n  return (typeof valor === 'string' ? [valor] : valor).map((value) => ({ value, label: '' }));\n}\n\nfunction relatarEscolha(props: ComboBoxProps, escolhidos: readonly ListingItem[]) {\n  if (props.selectionMode === 'multiple') {\n    props.onValueChange?.(escolhidos.map((item) => item.value));\n    return;\n  }\n\n  const [primeiro] = escolhidos;\n\n  if (primeiro) {\n    props.onValueChange?.(primeiro.value);\n  }\n}\n\nexport function ComboBox(allProps: ComboBoxProps) {\n  const {\n    'aria-describedby': ariaDescribedBy,\n    className,\n    defaultValue,\n    name,\n    disabled = false,\n    emptyMessage = 'Nenhum resultado',\n    error,\n    hint,\n    id: providedId,\n    label,\n    loading = false,\n    onBlur,\n    onClick,\n    onKeyDown,\n    onSearch,\n    // Fora do resto, que vai ao campo: quem o chama e `relatarEscolha`, que conhece o modo.\n    onValueChange,\n    options,\n    placeholder,\n    ref,\n    required = false,\n    selectionMode = 'single',\n    size = 'md',\n    value,\n    ...props\n  } = allProps;\n  const multiple = selectionMode === 'multiple';\n  const inputRef = useRef<HTMLInputElement>(null);\n  const controlRef = useRef<HTMLDivElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const baseId = `combobox-${useId()}`;\n  const [open, setOpen] = useState(false);\n  const [filtering, setFiltering] = useState(false);\n  const resetRef = useFormReset<HTMLInputElement>(() => {\n    listing.reset();\n    fechar();\n  });\n  const mergedRef = useMergedRefs(inputRef, resetRef, ref);\n\n  // O valor e a chave, e nao a opcao: com opcoes que chegam depois, filtrar por elas perdia a escolha.\n  const listing = useListing({\n    items: options,\n    selectionMode,\n    defaultValue: comoItens(defaultValue),\n    value: comoItens(value),\n    onSearch,\n    onSelectionChange: (escolhidos) => relatarEscolha(allProps, escolhidos),\n  });\n\n  const escolhidos = listing.selected;\n  const [chosen] = escolhidos;\n  // Na escolha multipla o campo so guarda a busca: quem mostra o que esta escolhido sao as etiquetas.\n  const texto = multiple || filtering ? listing.term : chosen?.label ?? '';\n  const ancoraRef = multiple ? controlRef : inputRef;\n  const activeIndex = listing.visible.findIndex((option) => option.value === listing.focusedKey);\n\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: ancoraRef,\n    overlayRef: panelRef,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: open,\n  });\n  const [largura, setLargura] = useState<number>();\n  const alturaMaxima = Math.min(Number(positionProps.style?.maxHeight) || 280, 280);\n\n  useLayoutEffect(() => {\n    setLargura(ancoraRef.current?.offsetWidth);\n  }, [ancoraRef, open]);\n\n  // Sem medida, como no servidor, o campo resume as escolhas; medido, mostra todas as etiquetas enquanto couberem.\n  const [resumir, setResumir] = useState(true);\n  const selecaoRef = useRef<HTMLSpanElement>(null);\n  const chaveDasEscolhas = escolhidos.map((item) => item.value).join('\\n');\n\n  useLayoutEffect(() => {\n    const moldura = controlRef.current;\n\n    if (!moldura || typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    // Desenhar todas e medir na mesma passada, antes da pintura, para o campo nao piscar ao redimensionar.\n    const observador = new ResizeObserver(() => {\n      flushSync(() => setResumir(false));\n      const selecao = selecaoRef.current;\n      flushSync(() => setResumir(Boolean(selecao && selecao.scrollWidth > selecao.clientWidth)));\n    });\n\n    observador.observe(moldura);\n\n    return () => observador.disconnect();\n  }, [chaveDasEscolhas, multiple]);\n\n  function encerrarFiltro() {\n    setFiltering(false);\n    listing.filter('');\n  }\n\n  function fechar() {\n    setOpen(false);\n    encerrarFiltro();\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      listing.focusFirst();\n      return;\n    }\n\n    if (event.key === 'Escape') {\n      fechar();\n      return;\n    }\n\n    if (event.key === 'Enter') {\n      const alvo = listing.visible.find((option) => option.value === listing.focusedKey);\n\n      if (open && alvo && !alvo.disabled) {\n        event.preventDefault();\n        listing.select(alvo);\n\n        if (!multiple) {\n          fechar();\n        }\n      }\n      return;\n    }\n\n    const ultimo = escolhidos[escolhidos.length - 1];\n\n    if (event.key === 'Backspace' && multiple && texto === '' && ultimo) {\n      listing.select(ultimo);\n      return;\n    }\n\n    listing.handleKeyDown(event);\n  }\n\n  return (\n    <Field aria-describedby={ariaDescribedBy} error={error} hint={hint} id={providedId} label={label} required={required}>\n      {({ id, describedBy, invalid }) => {\n        const resumoId = id + '-selection';\n        const campo = (\n          <input\n            {...props}\n            ref={mergedRef}\n            className={[multiple ? styles.search : styles.input, !multiple && styles[size], !multiple && error && styles.error, className]\n              .filter(Boolean)\n              .join(' ')}\n            id={id}\n            type=\"text\"\n            role=\"combobox\"\n            autoComplete=\"off\"\n            aria-describedby={[describedBy, multiple && escolhidos.length > 0 && resumoId].filter(Boolean).join(' ') || undefined}\n            aria-invalid={invalid || undefined}\n            aria-expanded={open}\n            aria-autocomplete=\"list\"\n            aria-controls={open ? baseId + '-options' : undefined}\n            aria-activedescendant={open && activeIndex >= 0 ? optionId(baseId, activeIndex) : undefined}\n            aria-required={required || undefined}\n            disabled={disabled}\n            placeholder={placeholder}\n            value={texto}\n            // Sair do campo desfaz a busca: o texto volta a dizer o que esta escolhido.\n            onBlur={(event: FocusEvent<HTMLInputElement>) => {\n              fechar();\n              onBlur?.(event);\n            }}\n            onChange={(event) => {\n              setFiltering(true);\n              setOpen(true);\n              listing.filter(event.target.value);\n            }}\n            onClick={(event: MouseEvent<HTMLInputElement>) => {\n              setOpen(true);\n              onClick?.(event);\n            }}\n            onKeyDown={handleKeyDown}\n          />\n        );\n\n        return (\n          <>\n            {(escolhidos.length > 0 ? escolhidos : [undefined]).map((item) => (\n              <FormValue\n                disabled={disabled}\n                key={item?.value ?? ''}\n                name={name}\n                onFocus={() => inputRef.current?.focus()}\n                required={required}\n                value={item?.value ?? ''}\n              />\n            ))}\n            {multiple ? (\n              <div\n                className={[styles.control, styles[size], error && styles.error].filter(Boolean).join(' ')}\n                // O clique na moldura, fora do campo, leva o foco a ele em vez de tira-lo.\n                onMouseDown={(event) => {\n                  if (event.target !== inputRef.current) {\n                    event.preventDefault();\n                    inputRef.current?.focus();\n                  }\n                }}\n                ref={controlRef}\n              >\n                {chosen && (\n                  <>\n                    <span aria-hidden=\"true\" className={styles.selection} ref={selecaoRef}>\n                      {(resumir ? [chosen] : escolhidos).map((item) => (\n                        <Badge key={item.value}>{item.label}</Badge>\n                      ))}\n                      {resumir && escolhidos.length > 1 && (\n                        <span className={styles.rest}>+{escolhidos.length - 1}</span>\n                      )}\n                    </span>\n                    <span className={styles.summary} id={resumoId}>\n                      {escolhidos.length === 1 ? '1 selecionado' : `${escolhidos.length} selecionados`}:{' '}\n                      {escolhidos.map((item) => item.label).join(', ')}\n                    </span>\n                  </>\n                )}\n                {campo}\n              </div>\n            ) : (\n              campo\n            )}\n            {open &&\n              createPortal(\n                <div\n                  ref={panelRef}\n                  className={styles.panel}\n                  // Camada de cima: o `ariaHideOutside` do Dialog ignora quem a declara.\n                  data-react-aria-top-layer=\"true\"\n                  // O clique no painel, fora de uma opcao, nao tira o foco do campo nem fecha a lista.\n                  onMouseDown={(event) => event.preventDefault()}\n                  style={{ ...positionProps.style, width: largura, maxHeight: alturaMaxima }}\n                >\n                  <ListingOptions\n                    baseId={baseId}\n                    empty={<p className={styles.empty}>{emptyMessage}</p>}\n                    holdsFocus={false}\n                    label={label ?? placeholder ?? 'Opções'}\n                    listing={listing}\n                    loading={loading}\n                    onSelect={multiple ? undefined : fechar}\n                  />\n                </div>,\n                document.body,\n              )}\n          </>\n        );\n      }}\n    </Field>\n  );\n}\n"],"names":["comoItens","valor","value","relatarEscolha","props","escolhidos","_a","item","primeiro","_b","ComboBox","allProps","ariaDescribedBy","className","defaultValue","name","disabled","emptyMessage","error","hint","providedId","label","loading","onBlur","onClick","onKeyDown","onSearch","onValueChange","options","placeholder","ref","required","selectionMode","size","multiple","inputRef","useRef","controlRef","panelRef","baseId","useId","open","setOpen","useState","filtering","setFiltering","resetRef","useFormReset","listing","fechar","mergedRef","useMergedRefs","useListing","chosen","texto","ancoraRef","activeIndex","option","positionProps","useOverlayPosition","largura","setLargura","alturaMaxima","useLayoutEffect","resumir","setResumir","selecaoRef","chaveDasEscolhas","moldura","observador","flushSync","selecao","encerrarFiltro","handleKeyDown","event","alvo","ultimo","jsx","Field","id","describedBy","invalid","resumoId","campo","styles","optionId","jsxs","Fragment","FormValue","Badge","createPortal","ListingOptions"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s="_input_smn36_1",n="_error_smn36_17",e="_sm_smn36_47",t="_md_smn36_53",_="_control_smn36_58 _input_smn36_1",m="_search_smn36_76",o="_selection_smn36_95",r="_rest_smn36_105",c="_summary_smn36_111",l="_panel_smn36_120",a="_empty_smn36_132",u={input:s,error:n,sm:e,md:t,control:_,search:m,selection:o,rest:r,summary:c,panel:l,empty:a};exports.control=_;exports.default=u;exports.empty=a;exports.error=n;exports.input=s;exports.md=t;exports.panel=l;exports.rest=r;exports.search=m;exports.selection=o;exports.sm=e;exports.summary=c;
+//# sourceMappingURL=ComboBox.module.css.cjs.map

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

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

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

@@ -0,0 +1,28 @@
+const s = "_input_smn36_1", n = "_error_smn36_17", _ = "_sm_smn36_47", t = "_md_smn36_53", m = "_control_smn36_58 _input_smn36_1", o = "_search_smn36_76", e = "_selection_smn36_95", r = "_rest_smn36_105", c = "_summary_smn36_111", a = "_panel_smn36_120", l = "_empty_smn36_132", p = {
+  input: s,
+  error: n,
+  sm: _,
+  md: t,
+  control: m,
+  search: o,
+  selection: e,
+  rest: r,
+  summary: c,
+  panel: a,
+  empty: l
+};
+export {
+  m as control,
+  p as default,
+  l as empty,
+  n as error,
+  s as input,
+  t as md,
+  a as panel,
+  r as rest,
+  o as search,
+  e as selection,
+  _ as sm,
+  c as summary
+};
+//# sourceMappingURL=ComboBox.module.css.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.cjs","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/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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"}