@plenustech/design-system 0.2.0 → 0.2.2

package/dist/components/forms/DateTimePicker/DateTimePicker.js

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

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _="_field_1dita_2 _field_6g4z6_2",t="_error_1dita_6 _error_6g4z6_12",e="_sm_1dita_10 _sm_6g4z6_54",o="_md_1dita_14 _md_6g4z6_59",r="_input_1dita_18 _input_6g4z6_12",i="_trigger_1dita_22 _trigger_6g4z6_72",n="_panel_1dita_26",s="_columns_1dita_37",d="_footer_1dita_48",a="_actions_1dita_58",c={field:_,error:t,sm:e,md:o,input:r,trigger:i,panel:n,columns:s,footer:d,actions:a};exports.actions=a;exports.columns=s;exports.default=c;exports.error=t;exports.field=_;exports.footer=d;exports.input=r;exports.md=o;exports.panel=n;exports.sm=e;exports.trigger=i;
+//# sourceMappingURL=DateTimePicker.module.css.cjs.map

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

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

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

@@ -0,0 +1,26 @@
+const _ = "_field_1dita_2 _field_6g4z6_2", t = "_error_1dita_6 _error_6g4z6_12", o = "_sm_1dita_10 _sm_6g4z6_54", i = "_md_1dita_14 _md_6g4z6_59", n = "_input_1dita_18 _input_6g4z6_12", r = "_trigger_1dita_22 _trigger_6g4z6_72", s = "_panel_1dita_26", e = "_columns_1dita_37", d = "_footer_1dita_48", a = "_actions_1dita_58", c = {
+  field: _,
+  error: t,
+  sm: o,
+  md: i,
+  input: n,
+  trigger: r,
+  panel: s,
+  columns: e,
+  footer: d,
+  actions: a
+};
+export {
+  a as actions,
+  e as columns,
+  c as default,
+  t as error,
+  _ as field,
+  d as footer,
+  n as input,
+  i as md,
+  s as panel,
+  o as sm,
+  r as trigger
+};
+//# sourceMappingURL=DateTimePicker.module.css.js.map

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

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

package/dist/components/forms/Field/Field.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),q=require("react"),s=require("./Field.module.css.cjs"),x=require("../Label/Label.cjs");function y({"aria-describedby":u,className:f,characterCount:a=0,children:j,error:e,hint:l,id:m,label:t,maxLength:n,required:v=!1,showCharacterCount:c=!1,...b}){const g=q.useId(),d=m??`field-${g}`,o=`${d}-message`,r=`${d}-character-count`,$=[u,e||l?o:void 0,c?r:void 0].filter(Boolean).join(" ")||void 0;return i.jsxs("div",{...b,className:[s.default.field,f].filter(Boolean).join(" "),children:[t&&i.jsx(x.Label,{htmlFor:d,required:v,children:t}),j({id:d,describedBy:$,invalid:!!e}),(e||l)&&i.jsx("span",{className:e?s.default.errorMessage:s.default.hint,id:o,role:e?"alert":void 0,children:e||l}),c&&i.jsx("span",{className:s.default.characterCount,id:r,children:n?`${a}/${n}`:a})]})}exports.Field=y;
+//# sourceMappingURL=Field.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.cjs","sources":["../../../../src/components/forms/Field/Field.tsx"],"sourcesContent":["import { useId, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport { Label } from '../Label';\nimport styles from './Field.module.css';\n\nexport interface FieldWiring {\n  id: string;\n  describedBy: string | undefined;\n  invalid: boolean;\n}\n\nexport interface FieldProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {\n  'aria-describedby'?: string;\n  characterCount?: number;\n  children: (wiring: FieldWiring) => ReactNode;\n  error?: string;\n  hint?: string;\n  id?: string;\n  label?: string;\n  maxLength?: number;\n  required?: boolean;\n  showCharacterCount?: boolean;\n}\n\nexport function Field({\n  'aria-describedby': ariaDescribedBy,\n  className,\n  characterCount = 0,\n  children,\n  error,\n  hint,\n  id: providedId,\n  label,\n  maxLength,\n  required = false,\n  showCharacterCount = false,\n  ...props\n}: FieldProps) {\n  const generatedId = useId();\n  const id = providedId ?? `field-${generatedId}`;\n  const messageId = `${id}-message`;\n  const characterCountId = `${id}-character-count`;\n  const describedBy = [\n    ariaDescribedBy,\n    error || hint ? messageId : undefined,\n    showCharacterCount ? characterCountId : undefined,\n  ]\n    .filter(Boolean)\n    .join(' ') || undefined;\n\n  return (\n    <div {...props} className={[styles.field, className].filter(Boolean).join(' ')}>\n      {label && <Label htmlFor={id} required={required}>{label}</Label>}\n      {children({ id, describedBy, invalid: Boolean(error) })}\n      {(error || hint) && (\n        <span className={error ? styles.errorMessage : styles.hint} id={messageId} role={error ? 'alert' : undefined}>\n          {error || hint}\n        </span>\n      )}\n      {showCharacterCount && (\n        <span className={styles.characterCount} id={characterCountId}>\n          {maxLength ? `${characterCount}/${maxLength}` : characterCount}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["Field","ariaDescribedBy","className","characterCount","children","error","hint","providedId","label","maxLength","required","showCharacterCount","props","generatedId","useId","id","messageId","characterCountId","describedBy","jsxs","styles","jsx","Label"],"mappings":"4MAuBO,SAASA,EAAM,CACpB,mBAAoBC,EACpB,UAAAC,EACA,eAAAC,EAAiB,EACjB,SAAAC,EACA,MAAAC,EACA,KAAAC,EACA,GAAIC,EACJ,MAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,mBAAAC,EAAqB,GACrB,GAAGC,CACL,EAAe,CACb,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAKR,GAAc,SAASM,CAAW,GACvCG,EAAY,GAAGD,CAAE,WACjBE,EAAmB,GAAGF,CAAE,mBACxBG,EAAc,CAClBjB,EACAI,GAASC,EAAOU,EAAY,OAC5BL,EAAqBM,EAAmB,MAAA,EAEvC,OAAO,OAAO,EACd,KAAK,GAAG,GAAK,OAEhB,OACEE,EAAAA,KAAC,MAAA,CAAK,GAAGP,EAAO,UAAW,CAACQ,UAAO,MAAOlB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC1E,SAAA,CAAAM,GAASa,EAAAA,IAACC,EAAAA,MAAA,CAAM,QAASP,EAAI,SAAAL,EAAqB,SAAAF,EAAM,EACxDJ,EAAS,CAAE,GAAAW,EAAI,YAAAG,EAAa,QAAS,EAAQb,EAAQ,GACpDA,GAASC,IACTe,EAAAA,IAAC,OAAA,CAAK,UAAWhB,EAAQe,UAAO,aAAeA,EAAAA,QAAO,KAAM,GAAIJ,EAAW,KAAMX,EAAQ,QAAU,OAChG,YAASC,EACZ,EAEDK,GACCU,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,eAAgB,GAAIH,EACzC,SAAAR,EAAY,GAAGN,CAAc,IAAIM,CAAS,GAAKN,CAAA,CAClD,CAAA,EAEJ,CAEJ"}

package/dist/components/forms/Field/Field.js

@@ -0,0 +1,34 @@
+import { jsxs as I, jsx as o } from "react/jsx-runtime";
+import { useId as b } from "react";
+import s from "./Field.module.css.js";
+import { Label as g } from "../Label/Label.js";
+function F({
+  "aria-describedby": m,
+  className: f,
+  characterCount: a = 0,
+  children: p,
+  error: e,
+  hint: d,
+  id: v,
+  label: l,
+  maxLength: n,
+  required: $ = !1,
+  showCharacterCount: c = !1,
+  ...j
+}) {
+  const u = b(), i = v ?? `field-${u}`, t = `${i}-message`, r = `${i}-character-count`, B = [
+    m,
+    e || d ? t : void 0,
+    c ? r : void 0
+  ].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ I("div", { ...j, className: [s.field, f].filter(Boolean).join(" "), children: [
+    l && /* @__PURE__ */ o(g, { htmlFor: i, required: $, children: l }),
+    p({ id: i, describedBy: B, invalid: !!e }),
+    (e || d) && /* @__PURE__ */ o("span", { className: e ? s.errorMessage : s.hint, id: t, role: e ? "alert" : void 0, children: e || d }),
+    c && /* @__PURE__ */ o("span", { className: s.characterCount, id: r, children: n ? `${a}/${n}` : a })
+  ] });
+}
+export {
+  F as Field
+};
+//# sourceMappingURL=Field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sources":["../../../../src/components/forms/Field/Field.tsx"],"sourcesContent":["import { useId, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport { Label } from '../Label';\nimport styles from './Field.module.css';\n\nexport interface FieldWiring {\n  id: string;\n  describedBy: string | undefined;\n  invalid: boolean;\n}\n\nexport interface FieldProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {\n  'aria-describedby'?: string;\n  characterCount?: number;\n  children: (wiring: FieldWiring) => ReactNode;\n  error?: string;\n  hint?: string;\n  id?: string;\n  label?: string;\n  maxLength?: number;\n  required?: boolean;\n  showCharacterCount?: boolean;\n}\n\nexport function Field({\n  'aria-describedby': ariaDescribedBy,\n  className,\n  characterCount = 0,\n  children,\n  error,\n  hint,\n  id: providedId,\n  label,\n  maxLength,\n  required = false,\n  showCharacterCount = false,\n  ...props\n}: FieldProps) {\n  const generatedId = useId();\n  const id = providedId ?? `field-${generatedId}`;\n  const messageId = `${id}-message`;\n  const characterCountId = `${id}-character-count`;\n  const describedBy = [\n    ariaDescribedBy,\n    error || hint ? messageId : undefined,\n    showCharacterCount ? characterCountId : undefined,\n  ]\n    .filter(Boolean)\n    .join(' ') || undefined;\n\n  return (\n    <div {...props} className={[styles.field, className].filter(Boolean).join(' ')}>\n      {label && <Label htmlFor={id} required={required}>{label}</Label>}\n      {children({ id, describedBy, invalid: Boolean(error) })}\n      {(error || hint) && (\n        <span className={error ? styles.errorMessage : styles.hint} id={messageId} role={error ? 'alert' : undefined}>\n          {error || hint}\n        </span>\n      )}\n      {showCharacterCount && (\n        <span className={styles.characterCount} id={characterCountId}>\n          {maxLength ? `${characterCount}/${maxLength}` : characterCount}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["Field","ariaDescribedBy","className","characterCount","children","error","hint","providedId","label","maxLength","required","showCharacterCount","props","generatedId","useId","id","messageId","characterCountId","describedBy","jsxs","styles","jsx","Label"],"mappings":";;;;AAuBO,SAASA,EAAM;AAAA,EACpB,oBAAoBC;AAAA,EACpB,WAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,oBAAAC,IAAqB;AAAA,EACrB,GAAGC;AACL,GAAe;AACb,QAAMC,IAAcC,EAAA,GACdC,IAAKR,KAAc,SAASM,CAAW,IACvCG,IAAY,GAAGD,CAAE,YACjBE,IAAmB,GAAGF,CAAE,oBACxBG,IAAc;AAAA,IAClBjB;AAAA,IACAI,KAASC,IAAOU,IAAY;AAAA,IAC5BL,IAAqBM,IAAmB;AAAA,EAAA,EAEvC,OAAO,OAAO,EACd,KAAK,GAAG,KAAK;AAEhB,SACE,gBAAAE,EAAC,OAAA,EAAK,GAAGP,GAAO,WAAW,CAACQ,EAAO,OAAOlB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC1E,UAAA;AAAA,IAAAM,KAAS,gBAAAa,EAACC,GAAA,EAAM,SAASP,GAAI,UAAAL,GAAqB,UAAAF,GAAM;AAAA,IACxDJ,EAAS,EAAE,IAAAW,GAAI,aAAAG,GAAa,SAAS,EAAQb,GAAQ;AAAA,KACpDA,KAASC,MACT,gBAAAe,EAAC,QAAA,EAAK,WAAWhB,IAAQe,EAAO,eAAeA,EAAO,MAAM,IAAIJ,GAAW,MAAMX,IAAQ,UAAU,QAChG,eAASC,GACZ;AAAA,IAEDK,KACC,gBAAAU,EAAC,QAAA,EAAK,WAAWD,EAAO,gBAAgB,IAAIH,GACzC,UAAAR,IAAY,GAAGN,CAAc,IAAIM,CAAS,KAAKN,EAAA,CAClD;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_field_wy7pm_1",r="_hint_wy7pm_8",t="_errorMessage_wy7pm_9",o="_characterCount_wy7pm_10",a="_formValue_wy7pm_31",s={field:e,hint:r,errorMessage:t,characterCount:o,formValue:a};exports.characterCount=o;exports.default=s;exports.errorMessage=t;exports.field=e;exports.formValue=a;exports.hint=r;
+//# sourceMappingURL=Field.module.css.cjs.map

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

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

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

@@ -0,0 +1,16 @@
+const e = "_field_wy7pm_1", r = "_hint_wy7pm_8", t = "_errorMessage_wy7pm_9", o = "_characterCount_wy7pm_10", s = "_formValue_wy7pm_31", _ = {
+  field: e,
+  hint: r,
+  errorMessage: t,
+  characterCount: o,
+  formValue: s
+};
+export {
+  o as characterCount,
+  _ as default,
+  t as errorMessage,
+  e as field,
+  s as formValue,
+  r as hint
+};
+//# sourceMappingURL=Field.module.css.js.map

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

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

package/dist/components/forms/Field/FormValue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),n=require("./Field.module.css.cjs");function d({disabled:t,name:e,onFocus:o,required:i,value:r}){return i?u.jsx("input",{"aria-hidden":!0,autoComplete:"off",className:n.default.formValue,disabled:t,name:e,onChange:()=>{},onFocus:o,required:!0,tabIndex:-1,value:r}):e===void 0?null:u.jsx("input",{disabled:t,name:e,type:"hidden",value:r})}exports.FormValue=d;
+//# sourceMappingURL=FormValue.cjs.map

package/dist/components/forms/Field/FormValue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormValue.cjs","sources":["../../../../src/components/forms/Field/FormValue.tsx"],"sourcesContent":["import styles from './Field.module.css';\n\nexport interface FormValueProps {\n  disabled: boolean;\n  name?: string;\n  /** O navegador foca o campo invalido no envio; o foco segue para o controle que a pessoa enxerga. */\n  onFocus: () => void;\n  required: boolean;\n  value: string;\n}\n\n/**\n * Leva ao formulario o valor de um campo sem controle nativo por baixo. Oculto quando basta enviar; obrigatorio, vai\n * num campo que o navegador valida, porque o oculto fica fora da validacao e o envio vazio passava.\n */\nexport function FormValue({ disabled, name, onFocus, required, value }: FormValueProps) {\n  if (required) {\n    return (\n      <input\n        aria-hidden\n        autoComplete=\"off\"\n        className={styles.formValue}\n        disabled={disabled}\n        name={name}\n        onChange={() => undefined}\n        onFocus={onFocus}\n        required\n        tabIndex={-1}\n        value={value}\n      />\n    );\n  }\n\n  return name === undefined ? null : <input disabled={disabled} name={name} type=\"hidden\" value={value} />;\n}\n"],"names":["FormValue","disabled","name","onFocus","required","value","jsx","styles"],"mappings":"yJAeO,SAASA,EAAU,CAAE,SAAAC,EAAU,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,MAAAC,GAAyB,CACtF,OAAID,EAEAE,EAAAA,IAAC,QAAA,CACC,cAAW,GACX,aAAa,MACb,UAAWC,EAAAA,QAAO,UAClB,SAAAN,EACA,KAAAC,EACA,SAAU,IAAA,GACV,QAAAC,EACA,SAAQ,GACR,SAAU,GACV,MAAAE,CAAA,CAAA,EAKCH,IAAS,OAAY,KAAOI,EAAAA,IAAC,SAAM,SAAAL,EAAoB,KAAAC,EAAY,KAAK,SAAS,MAAAG,CAAA,CAAc,CACxG"}

package/dist/components/forms/Field/FormValue.js

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import n from "./Field.module.css.js";
+function d({ disabled: t, name: r, onFocus: i, required: u, value: e }) {
+  return u ? /* @__PURE__ */ o(
+    "input",
+    {
+      "aria-hidden": !0,
+      autoComplete: "off",
+      className: n.formValue,
+      disabled: t,
+      name: r,
+      onChange: () => {
+      },
+      onFocus: i,
+      required: !0,
+      tabIndex: -1,
+      value: e
+    }
+  ) : r === void 0 ? null : /* @__PURE__ */ o("input", { disabled: t, name: r, type: "hidden", value: e });
+}
+export {
+  d as FormValue
+};
+//# sourceMappingURL=FormValue.js.map

package/dist/components/forms/Field/FormValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormValue.js","sources":["../../../../src/components/forms/Field/FormValue.tsx"],"sourcesContent":["import styles from './Field.module.css';\n\nexport interface FormValueProps {\n  disabled: boolean;\n  name?: string;\n  /** O navegador foca o campo invalido no envio; o foco segue para o controle que a pessoa enxerga. */\n  onFocus: () => void;\n  required: boolean;\n  value: string;\n}\n\n/**\n * Leva ao formulario o valor de um campo sem controle nativo por baixo. Oculto quando basta enviar; obrigatorio, vai\n * num campo que o navegador valida, porque o oculto fica fora da validacao e o envio vazio passava.\n */\nexport function FormValue({ disabled, name, onFocus, required, value }: FormValueProps) {\n  if (required) {\n    return (\n      <input\n        aria-hidden\n        autoComplete=\"off\"\n        className={styles.formValue}\n        disabled={disabled}\n        name={name}\n        onChange={() => undefined}\n        onFocus={onFocus}\n        required\n        tabIndex={-1}\n        value={value}\n      />\n    );\n  }\n\n  return name === undefined ? null : <input disabled={disabled} name={name} type=\"hidden\" value={value} />;\n}\n"],"names":["FormValue","disabled","name","onFocus","required","value","jsx","styles"],"mappings":";;AAeO,SAASA,EAAU,EAAE,UAAAC,GAAU,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,OAAAC,KAAyB;AACtF,SAAID,IAEA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAW;AAAA,MACX,cAAa;AAAA,MACb,WAAWC,EAAO;AAAA,MAClB,UAAAN;AAAA,MACA,MAAAC;AAAA,MACA,UAAU,MAAA;AAAA;AAAA,MACV,SAAAC;AAAA,MACA,UAAQ;AAAA,MACR,UAAU;AAAA,MACV,OAAAE;AAAA,IAAA;AAAA,EAAA,IAKCH,MAAS,SAAY,OAAO,gBAAAI,EAAC,WAAM,UAAAL,GAAoB,MAAAC,GAAY,MAAK,UAAS,OAAAG,EAAA,CAAc;AACxG;"}

package/dist/components/forms/InputCurrency/InputCurrency.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react/jsx-runtime"),q=require("react"),x=require("../../../hooks/useDecimalInput.cjs"),y=require("../../../hooks/useMergedRefs.cjs"),M=require("../../../utils/formatters/formatarEntradaMonetaria.cjs"),h=require("../InputText/InputText.cjs");function R({currency:i="BRL",defaultValue:c="",decimalScale:u=2,onBlur:t,onFocus:n,onValueChange:d,value:o,...a}){const e=x.useDecimalInput({decimalScale:u,defaultValue:c,onValueChange:d,value:o}),f=y.useMergedRefs(e.ref,a.ref),[l,s]=q.useState(!1),p=l||!e.value?e.text:M.formatarEntradaMonetaria(e.value,i,u);function g(r){s(!0),n==null||n(r)}function m(r){s(!1),e.endEditing(),t==null||t(r)}return I.jsx(h.InputText,{...a,ref:f,inputMode:"decimal",onBlur:m,onChange:e.handleChange,onFocus:g,type:"text",value:p})}exports.InputCurrency=R;
+//# sourceMappingURL=InputCurrency.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputCurrency.cjs","sources":["../../../../src/components/forms/InputCurrency/InputCurrency.tsx"],"sourcesContent":["import { useState, type FocusEvent, type Ref } from 'react';\nimport { useDecimalInput } from '../../../hooks/useDecimalInput';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { InputText, type InputTextProps } from '../InputText';\nimport { formatarEntradaMonetaria } from '../../../utils/formatters';\n\nexport interface InputCurrencyProps extends Omit<InputTextProps, 'defaultValue' | 'onChange' | 'showCharacterCount' | 'type' | 'value'> {\n  currency?: string;\n  defaultValue?: string | number;\n  decimalScale?: number;\n  onValueChange?: (value: string) => void;\n  value?: string | number;\n}\n\nexport function InputCurrency({\n  currency = 'BRL',\n  defaultValue = '',\n  decimalScale = 2,\n  onBlur,\n  onFocus,\n  onValueChange,\n  value,\n  ...props\n}: InputCurrencyProps) {\n  const decimalInput = useDecimalInput({ decimalScale, defaultValue, onValueChange, value });\n  const mergedRef = useMergedRefs(decimalInput.ref, props.ref as Ref<HTMLInputElement>);\n  const [focused, setFocused] = useState(false);\n  const displayValue =\n    focused || !decimalInput.value ? decimalInput.text : formatarEntradaMonetaria(decimalInput.value, currency, decimalScale);\n\n  function handleFocus(event: FocusEvent<HTMLInputElement>) {\n    setFocused(true);\n    onFocus?.(event);\n  }\n\n  function handleBlur(event: FocusEvent<HTMLInputElement>) {\n    setFocused(false);\n    decimalInput.endEditing();\n    onBlur?.(event);\n  }\n\n  return (\n    <InputText\n      {...props}\n      ref={mergedRef}\n      inputMode=\"decimal\"\n      onBlur={handleBlur}\n      onChange={decimalInput.handleChange}\n      onFocus={handleFocus}\n      type=\"text\"\n      value={displayValue}\n    />\n  );\n}\n"],"names":["InputCurrency","currency","defaultValue","decimalScale","onBlur","onFocus","onValueChange","value","props","decimalInput","useDecimalInput","mergedRef","useMergedRefs","focused","setFocused","useState","displayValue","formatarEntradaMonetaria","handleFocus","event","handleBlur","jsx","InputText"],"mappings":"kVAcO,SAASA,EAAc,CAC5B,SAAAC,EAAW,MACX,aAAAC,EAAe,GACf,aAAAC,EAAe,EACf,OAAAC,EACA,QAAAC,EACA,cAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAuB,CACrB,MAAMC,EAAeC,EAAAA,gBAAgB,CAAE,aAAAP,EAAc,aAAAD,EAAc,cAAAI,EAAe,MAAAC,EAAO,EACnFI,EAAYC,EAAAA,cAAcH,EAAa,IAAKD,EAAM,GAA4B,EAC9E,CAACK,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EACtCC,EACJH,GAAW,CAACJ,EAAa,MAAQA,EAAa,KAAOQ,EAAAA,yBAAyBR,EAAa,MAAOR,EAAUE,CAAY,EAE1H,SAASe,EAAYC,EAAqC,CACxDL,EAAW,EAAI,EACfT,GAAA,MAAAA,EAAUc,EACZ,CAEA,SAASC,EAAWD,EAAqC,CACvDL,EAAW,EAAK,EAChBL,EAAa,WAAA,EACbL,GAAA,MAAAA,EAASe,EACX,CAEA,OACEE,EAAAA,IAACC,EAAAA,UAAA,CACE,GAAGd,EACJ,IAAKG,EACL,UAAU,UACV,OAAQS,EACR,SAAUX,EAAa,aACvB,QAASS,EACT,KAAK,OACL,MAAOF,CAAA,CAAA,CAGb"}

package/dist/components/forms/InputCurrency/InputCurrency.js

@@ -0,0 +1,41 @@
+import { jsx as h } from "react/jsx-runtime";
+import { useState as x } from "react";
+import { useDecimalInput as I } from "../../../hooks/useDecimalInput.js";
+import { useMergedRefs as v } from "../../../hooks/useMergedRefs.js";
+import { formatarEntradaMonetaria as y } from "../../../utils/formatters/formatarEntradaMonetaria.js";
+import { InputText as C } from "../InputText/InputText.js";
+function T({
+  currency: i = "BRL",
+  defaultValue: m = "",
+  decimalScale: a = 2,
+  onBlur: t,
+  onFocus: r,
+  onValueChange: u,
+  value: d,
+  ...f
+}) {
+  const e = I({ decimalScale: a, defaultValue: m, onValueChange: u, value: d }), p = v(e.ref, f.ref), [s, o] = x(!1), c = s || !e.value ? e.text : y(e.value, i, a);
+  function l(n) {
+    o(!0), r == null || r(n);
+  }
+  function g(n) {
+    o(!1), e.endEditing(), t == null || t(n);
+  }
+  return /* @__PURE__ */ h(
+    C,
+    {
+      ...f,
+      ref: p,
+      inputMode: "decimal",
+      onBlur: g,
+      onChange: e.handleChange,
+      onFocus: l,
+      type: "text",
+      value: c
+    }
+  );
+}
+export {
+  T as InputCurrency
+};
+//# sourceMappingURL=InputCurrency.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputCurrency.js","sources":["../../../../src/components/forms/InputCurrency/InputCurrency.tsx"],"sourcesContent":["import { useState, type FocusEvent, type Ref } from 'react';\nimport { useDecimalInput } from '../../../hooks/useDecimalInput';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { InputText, type InputTextProps } from '../InputText';\nimport { formatarEntradaMonetaria } from '../../../utils/formatters';\n\nexport interface InputCurrencyProps extends Omit<InputTextProps, 'defaultValue' | 'onChange' | 'showCharacterCount' | 'type' | 'value'> {\n  currency?: string;\n  defaultValue?: string | number;\n  decimalScale?: number;\n  onValueChange?: (value: string) => void;\n  value?: string | number;\n}\n\nexport function InputCurrency({\n  currency = 'BRL',\n  defaultValue = '',\n  decimalScale = 2,\n  onBlur,\n  onFocus,\n  onValueChange,\n  value,\n  ...props\n}: InputCurrencyProps) {\n  const decimalInput = useDecimalInput({ decimalScale, defaultValue, onValueChange, value });\n  const mergedRef = useMergedRefs(decimalInput.ref, props.ref as Ref<HTMLInputElement>);\n  const [focused, setFocused] = useState(false);\n  const displayValue =\n    focused || !decimalInput.value ? decimalInput.text : formatarEntradaMonetaria(decimalInput.value, currency, decimalScale);\n\n  function handleFocus(event: FocusEvent<HTMLInputElement>) {\n    setFocused(true);\n    onFocus?.(event);\n  }\n\n  function handleBlur(event: FocusEvent<HTMLInputElement>) {\n    setFocused(false);\n    decimalInput.endEditing();\n    onBlur?.(event);\n  }\n\n  return (\n    <InputText\n      {...props}\n      ref={mergedRef}\n      inputMode=\"decimal\"\n      onBlur={handleBlur}\n      onChange={decimalInput.handleChange}\n      onFocus={handleFocus}\n      type=\"text\"\n      value={displayValue}\n    />\n  );\n}\n"],"names":["InputCurrency","currency","defaultValue","decimalScale","onBlur","onFocus","onValueChange","value","props","decimalInput","useDecimalInput","mergedRef","useMergedRefs","focused","setFocused","useState","displayValue","formatarEntradaMonetaria","handleFocus","event","handleBlur","jsx","InputText"],"mappings":";;;;;;AAcO,SAASA,EAAc;AAAA,EAC5B,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAuB;AACrB,QAAMC,IAAeC,EAAgB,EAAE,cAAAP,GAAc,cAAAD,GAAc,eAAAI,GAAe,OAAAC,GAAO,GACnFI,IAAYC,EAAcH,EAAa,KAAKD,EAAM,GAA4B,GAC9E,CAACK,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IACJH,KAAW,CAACJ,EAAa,QAAQA,EAAa,OAAOQ,EAAyBR,EAAa,OAAOR,GAAUE,CAAY;AAE1H,WAASe,EAAYC,GAAqC;AACxD,IAAAL,EAAW,EAAI,GACfT,KAAA,QAAAA,EAAUc;AAAA,EACZ;AAEA,WAASC,EAAWD,GAAqC;AACvD,IAAAL,EAAW,EAAK,GAChBL,EAAa,WAAA,GACbL,KAAA,QAAAA,EAASe;AAAA,EACX;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGd;AAAA,MACJ,KAAKG;AAAA,MACL,WAAU;AAAA,MACV,QAAQS;AAAA,MACR,UAAUX,EAAa;AAAA,MACvB,SAASS;AAAA,MACT,MAAK;AAAA,MACL,OAAOF;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/components/forms/InputNumber/InputNumber.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),m=require("../../../hooks/useDecimalInput.cjs"),o=require("../../../hooks/useMergedRefs.cjs"),I=require("../InputText/InputText.cjs");function x({decimalScale:t=0,defaultValue:s="",onBlur:n,onKeyDown:r,onValueChange:f,value:d,...i}){const u=m.useDecimalInput({decimalScale:t,defaultValue:s,onValueChange:f,value:d}),c=o.useMergedRefs(u.ref,i.ref);function p(e){u.endEditing(),n==null||n(e)}function a(e){t===0&&(e.key===","||e.key===".")&&e.preventDefault(),r==null||r(e)}return g.jsx(I.InputText,{...i,ref:c,inputMode:t>0?"decimal":"numeric",onBlur:p,onChange:u.handleChange,onKeyDown:a,pattern:t>0?void 0:"-?[0-9]*",type:"text",value:u.text})}exports.InputNumber=x;
+//# sourceMappingURL=InputNumber.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.cjs","sources":["../../../../src/components/forms/InputNumber/InputNumber.tsx"],"sourcesContent":["import { type FocusEvent, type KeyboardEvent, type Ref } from 'react';\nimport { useDecimalInput } from '../../../hooks/useDecimalInput';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { InputText, type InputTextProps } from '../InputText';\n\nexport interface InputNumberProps extends Omit<InputTextProps, 'defaultValue' | 'onChange' | 'showCharacterCount' | 'type' | 'value'> {\n  decimalScale?: number;\n  defaultValue?: string | number;\n  onValueChange?: (value: string) => void;\n  value?: string | number;\n}\n\nexport function InputNumber({\n  decimalScale = 0,\n  defaultValue = '',\n  onBlur,\n  onKeyDown,\n  onValueChange,\n  value,\n  ...props\n}: InputNumberProps) {\n  const decimalInput = useDecimalInput({ decimalScale, defaultValue, onValueChange, value });\n  const mergedRef = useMergedRefs(decimalInput.ref, props.ref as Ref<HTMLInputElement>);\n\n  function handleBlur(event: FocusEvent<HTMLInputElement>) {\n    decimalInput.endEditing();\n    onBlur?.(event);\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLInputElement>) {\n    if (decimalScale === 0 && (event.key === ',' || event.key === '.')) {\n      event.preventDefault();\n    }\n    onKeyDown?.(event);\n  }\n\n  return (\n    <InputText\n      {...props}\n      ref={mergedRef}\n      inputMode={decimalScale > 0 ? 'decimal' : 'numeric'}\n      onBlur={handleBlur}\n      onChange={decimalInput.handleChange}\n      onKeyDown={handleKeyDown}\n      pattern={decimalScale > 0 ? undefined : '-?[0-9]*'}\n      type=\"text\"\n      value={decimalInput.text}\n    />\n  );\n}\n"],"names":["InputNumber","decimalScale","defaultValue","onBlur","onKeyDown","onValueChange","value","props","decimalInput","useDecimalInput","mergedRef","useMergedRefs","handleBlur","event","handleKeyDown","jsx","InputText"],"mappings":"2PAYO,SAASA,EAAY,CAC1B,aAAAC,EAAe,EACf,aAAAC,EAAe,GACf,OAAAC,EACA,UAAAC,EACA,cAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAqB,CACnB,MAAMC,EAAeC,EAAAA,gBAAgB,CAAE,aAAAR,EAAc,aAAAC,EAAc,cAAAG,EAAe,MAAAC,EAAO,EACnFI,EAAYC,EAAAA,cAAcH,EAAa,IAAKD,EAAM,GAA4B,EAEpF,SAASK,EAAWC,EAAqC,CACvDL,EAAa,WAAA,EACbL,GAAA,MAAAA,EAASU,EACX,CAEA,SAASC,EAAcD,EAAwC,CACzDZ,IAAiB,IAAMY,EAAM,MAAQ,KAAOA,EAAM,MAAQ,MAC5DA,EAAM,eAAA,EAERT,GAAA,MAAAA,EAAYS,EACd,CAEA,OACEE,EAAAA,IAACC,EAAAA,UAAA,CACE,GAAGT,EACJ,IAAKG,EACL,UAAWT,EAAe,EAAI,UAAY,UAC1C,OAAQW,EACR,SAAUJ,EAAa,aACvB,UAAWM,EACX,QAASb,EAAe,EAAI,OAAY,WACxC,KAAK,OACL,MAAOO,EAAa,IAAA,CAAA,CAG1B"}

package/dist/components/forms/InputNumber/InputNumber.js

@@ -0,0 +1,39 @@
+import { jsx as g } from "react/jsx-runtime";
+import { useDecimalInput as h } from "../../../hooks/useDecimalInput.js";
+import { useMergedRefs as s } from "../../../hooks/useMergedRefs.js";
+import { InputText as x } from "../InputText/InputText.js";
+function M({
+  decimalScale: e = 0,
+  defaultValue: u = "",
+  onBlur: f,
+  onKeyDown: n,
+  onValueChange: m,
+  value: p,
+  ...i
+}) {
+  const r = h({ decimalScale: e, defaultValue: u, onValueChange: m, value: p }), d = s(r.ref, i.ref);
+  function o(t) {
+    r.endEditing(), f == null || f(t);
+  }
+  function a(t) {
+    e === 0 && (t.key === "," || t.key === ".") && t.preventDefault(), n == null || n(t);
+  }
+  return /* @__PURE__ */ g(
+    x,
+    {
+      ...i,
+      ref: d,
+      inputMode: e > 0 ? "decimal" : "numeric",
+      onBlur: o,
+      onChange: r.handleChange,
+      onKeyDown: a,
+      pattern: e > 0 ? void 0 : "-?[0-9]*",
+      type: "text",
+      value: r.text
+    }
+  );
+}
+export {
+  M as InputNumber
+};
+//# sourceMappingURL=InputNumber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.js","sources":["../../../../src/components/forms/InputNumber/InputNumber.tsx"],"sourcesContent":["import { type FocusEvent, type KeyboardEvent, type Ref } from 'react';\nimport { useDecimalInput } from '../../../hooks/useDecimalInput';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { InputText, type InputTextProps } from '../InputText';\n\nexport interface InputNumberProps extends Omit<InputTextProps, 'defaultValue' | 'onChange' | 'showCharacterCount' | 'type' | 'value'> {\n  decimalScale?: number;\n  defaultValue?: string | number;\n  onValueChange?: (value: string) => void;\n  value?: string | number;\n}\n\nexport function InputNumber({\n  decimalScale = 0,\n  defaultValue = '',\n  onBlur,\n  onKeyDown,\n  onValueChange,\n  value,\n  ...props\n}: InputNumberProps) {\n  const decimalInput = useDecimalInput({ decimalScale, defaultValue, onValueChange, value });\n  const mergedRef = useMergedRefs(decimalInput.ref, props.ref as Ref<HTMLInputElement>);\n\n  function handleBlur(event: FocusEvent<HTMLInputElement>) {\n    decimalInput.endEditing();\n    onBlur?.(event);\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLInputElement>) {\n    if (decimalScale === 0 && (event.key === ',' || event.key === '.')) {\n      event.preventDefault();\n    }\n    onKeyDown?.(event);\n  }\n\n  return (\n    <InputText\n      {...props}\n      ref={mergedRef}\n      inputMode={decimalScale > 0 ? 'decimal' : 'numeric'}\n      onBlur={handleBlur}\n      onChange={decimalInput.handleChange}\n      onKeyDown={handleKeyDown}\n      pattern={decimalScale > 0 ? undefined : '-?[0-9]*'}\n      type=\"text\"\n      value={decimalInput.text}\n    />\n  );\n}\n"],"names":["InputNumber","decimalScale","defaultValue","onBlur","onKeyDown","onValueChange","value","props","decimalInput","useDecimalInput","mergedRef","useMergedRefs","handleBlur","event","handleKeyDown","jsx","InputText"],"mappings":";;;;AAYO,SAASA,EAAY;AAAA,EAC1B,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,QAAMC,IAAeC,EAAgB,EAAE,cAAAR,GAAc,cAAAC,GAAc,eAAAG,GAAe,OAAAC,GAAO,GACnFI,IAAYC,EAAcH,EAAa,KAAKD,EAAM,GAA4B;AAEpF,WAASK,EAAWC,GAAqC;AACvD,IAAAL,EAAa,WAAA,GACbL,KAAA,QAAAA,EAASU;AAAA,EACX;AAEA,WAASC,EAAcD,GAAwC;AAC7D,IAAIZ,MAAiB,MAAMY,EAAM,QAAQ,OAAOA,EAAM,QAAQ,QAC5DA,EAAM,eAAA,GAERT,KAAA,QAAAA,EAAYS;AAAA,EACd;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGT;AAAA,MACJ,KAAKG;AAAA,MACL,WAAWT,IAAe,IAAI,YAAY;AAAA,MAC1C,QAAQW;AAAA,MACR,UAAUJ,EAAa;AAAA,MACvB,WAAWM;AAAA,MACX,SAASb,IAAe,IAAI,SAAY;AAAA,MACxC,MAAK;AAAA,MACL,OAAOO,EAAa;AAAA,IAAA;AAAA,EAAA;AAG1B;"}

package/dist/components/forms/InputPassword/InputPassword.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),W=require("../../../hooks/useMergedRefs.cjs"),u=require("./InputPassword.module.css.cjs"),X=require("../Field/Field.cjs");function Y({"aria-describedby":q,"aria-invalid":w,allowCopy:b=!1,className:E,defaultValue:P,disabled:m=!1,error:I,hint:N,id:h,label:v,maxLength:p,onChange:c,onCopy:l,onCut:n,onBlur:f,onValidationChange:d,required:j=!1,showToggle:D=!0,size:F="md",validate:s,validateOnBlur:M=!0,value:O,ref:k,...R}){const[o,g]=r.useState(!1),[L,T]=r.useState(!1),[_,z]=r.useState(),x=r.useRef(null),A=W.useMergedRefs(x,k),y=I??_,G=[u.default.input,u.default[F],y&&u.default.error,E].filter(Boolean).join(" ");r.useEffect(()=>{var i;const e=(i=x.current)==null?void 0:i.form;if(!e)return;function t(){g(!1)}return e.addEventListener("submit",t),()=>e.removeEventListener("submit",t)},[]);function S(e){const t=s==null?void 0:s(e);z(t),d==null||d(t)}function H(e){s&&(L||!M)&&S(e.target.value),c==null||c(e)}function J(e){T(!0),s&&M&&S(e.target.value),f==null||f(e)}function K(e){l==null||l(e),b||e.preventDefault()}function Q(e){n==null||n(e),b||e.preventDefault()}return a.jsx(X.Field,{"aria-describedby":q,error:y,hint:N,id:h,label:v,maxLength:p,required:j,children:({id:e,describedBy:t,invalid:i})=>a.jsxs("div",{className:u.default.control,children:[a.jsx("input",{...R,autoComplete:R.autoComplete??"current-password",className:G,defaultValue:P,disabled:m,id:e,ref:A,"aria-describedby":t,"aria-invalid":i||w,maxLength:p,onChange:H,onCopy:K,onCut:Q,onBlur:J,required:j,type:o?"text":"password",value:O}),D&&a.jsx("button",{className:u.default.toggle,type:"button","aria-label":o?"Ocultar senha":"Mostrar senha",disabled:m,onClick:()=>g(U=>!U),children:o?"Ocultar":"Mostrar"})]})})}exports.InputPassword=Y;
+//# sourceMappingURL=InputPassword.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputPassword.cjs","sources":["../../../../src/components/forms/InputPassword/InputPassword.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ClipboardEvent,\n  type FocusEvent,\n  type ComponentPropsWithRef,\n} from 'react';\nimport { Field } from '../Field';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './InputPassword.module.css';\n\nexport interface InputPasswordProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'size'> {\n  error?: string;\n  hint?: string;\n  label?: string;\n  allowCopy?: boolean;\n  onValidationChange?: (message?: string) => void;\n  showToggle?: boolean;\n  validate?: (value: string) => string | undefined;\n  validateOnBlur?: boolean;\n  size?: 'sm' | 'md';\n}\n\nexport function InputPassword({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  allowCopy = false,\n  className,\n  defaultValue,\n  disabled = false,\n  error,\n  hint,\n  id: providedId,\n  label,\n  maxLength,\n  onChange,\n  onCopy,\n  onCut,\n  onBlur,\n  onValidationChange,\n  required = false,\n  showToggle = true,\n  size = 'md',\n  validate,\n  validateOnBlur = true,\n  value,\n  ref,\n  ...props\n}: InputPasswordProps) {\n  const [visible, setVisible] = useState(false);\n  const [blurred, setBlurred] = useState(false);\n  const [validationMessage, setValidationMessage] = useState<string>();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const mergedRef = useMergedRefs(inputRef, ref);\n  const displayedError = error ?? validationMessage;\n  const inputClasses = [styles.input, styles[size], displayedError && styles.error, className]\n    .filter(Boolean)\n    .join(' ');\n\n  useEffect(() => {\n    const form = inputRef.current?.form;\n\n    if (!form) {\n      return;\n    }\n\n    function ocultar() {\n      setVisible(false);\n    }\n\n    form.addEventListener('submit', ocultar);\n\n    return () => form.removeEventListener('submit', ocultar);\n  }, []);\n\n  function runValidation(nextValue: string) {\n    const message = validate?.(nextValue);\n\n    setValidationMessage(message);\n    onValidationChange?.(message);\n  }\n\n  function handleChange(event: ChangeEvent<HTMLInputElement>) {\n    if (validate && (blurred || !validateOnBlur)) {\n      runValidation(event.target.value);\n    }\n    onChange?.(event);\n  }\n\n  function handleBlur(event: FocusEvent<HTMLInputElement>) {\n    setBlurred(true);\n    if (validate && validateOnBlur) {\n      runValidation(event.target.value);\n    }\n    onBlur?.(event);\n  }\n\n  function handleCopy(event: ClipboardEvent<HTMLInputElement>) {\n    onCopy?.(event);\n    if (!allowCopy) {\n      event.preventDefault();\n    }\n  }\n\n  function handleCut(event: ClipboardEvent<HTMLInputElement>) {\n    onCut?.(event);\n    if (!allowCopy) {\n      event.preventDefault();\n    }\n  }\n\n  return (\n    <Field\n      aria-describedby={ariaDescribedBy}\n      error={displayedError}\n      hint={hint}\n      id={providedId}\n      label={label}\n      maxLength={maxLength}\n      required={required}\n    >\n      {({ id, describedBy, invalid }) => (\n        <div className={styles.control}>\n          <input\n            {...props}\n            autoComplete={props.autoComplete ?? 'current-password'}\n            className={inputClasses}\n            defaultValue={defaultValue}\n            disabled={disabled}\n            id={id}\n            ref={mergedRef}\n            aria-describedby={describedBy}\n            aria-invalid={invalid || ariaInvalid}\n            maxLength={maxLength}\n            onChange={handleChange}\n            onCopy={handleCopy}\n            onCut={handleCut}\n            onBlur={handleBlur}\n            required={required}\n            type={visible ? 'text' : 'password'}\n            value={value}\n          />\n          {showToggle && (\n            <button\n              className={styles.toggle}\n              type=\"button\"\n              aria-label={visible ? 'Ocultar senha' : 'Mostrar senha'}\n              disabled={disabled}\n              onClick={() => setVisible((current) => !current)}\n            >\n              {visible ? 'Ocultar' : 'Mostrar'}\n            </button>\n          )}\n        </div>\n      )}\n    </Field>\n  );\n}\n"],"names":["InputPassword","ariaDescribedBy","ariaInvalid","allowCopy","className","defaultValue","disabled","error","hint","providedId","label","maxLength","onChange","onCopy","onCut","onBlur","onValidationChange","required","showToggle","size","validate","validateOnBlur","value","ref","props","visible","setVisible","useState","blurred","setBlurred","validationMessage","setValidationMessage","inputRef","useRef","mergedRef","useMergedRefs","displayedError","inputClasses","styles","useEffect","form","_a","ocultar","runValidation","nextValue","message","handleChange","event","handleBlur","handleCopy","handleCut","jsx","Field","id","describedBy","invalid","jsxs","current"],"mappings":"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"}