npm - @plenustech/design-system - Versions diffs - 0.2.1 → 0.2.3 - Mend

@plenustech/design-system 0.2.1 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (802) hide show

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

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=DateTimePicker.module.css.cjs.map

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

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

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

@@ -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 ADDED Viewed

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

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

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

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

@@ -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 type FieldSize = 'sm' | 'md';\n\nexport interface FieldWiring {\n /** O visual dos campos do sistema para o controle — borda, foco, erro e tamanho. A classe do controle vence a dele. */\n className: string;\n describedBy: string | undefined;\n id: string;\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 size?: FieldSize;\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 size = 'md',\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 const controlClassName = [styles.control, size === 'sm' && styles.sm, error && styles.invalid].filter(Boolean).join(' ');\n\n return (\n <div {...props} className={[styles.field, className].filter(Boolean).join(' ')}>\n {label && <Label htmlFor={id} required={required}>{label}</Label>}\n {children({ className: controlClassName, describedBy, id, 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","size","props","generatedId","useId","id","messageId","characterCountId","describedBy","controlClassName","styles","jsxs","jsx","Label"],"mappings":"4MA4BO,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,KAAAC,EAAO,KACP,GAAGC,CACL,EAAe,CACb,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAKT,GAAc,SAASO,CAAW,GACvCG,EAAY,GAAGD,CAAE,WACjBE,EAAmB,GAAGF,CAAE,mBACxBG,EAAc,CAClBlB,EACAI,GAASC,EAAOW,EAAY,OAC5BN,EAAqBO,EAAmB,MAAA,EAEvC,OAAO,OAAO,EACd,KAAK,GAAG,GAAK,OACVE,EAAmB,CAACC,EAAAA,QAAO,QAAST,IAAS,MAAQS,UAAO,GAAIhB,GAASgB,EAAAA,QAAO,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAEvH,OACEC,EAAAA,KAAC,MAAA,CAAK,GAAGT,EAAO,UAAW,CAACQ,UAAO,MAAOnB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC1E,SAAA,CAAAM,GAASe,EAAAA,IAACC,EAAAA,MAAA,CAAM,QAASR,EAAI,SAAAN,EAAqB,SAAAF,EAAM,EACxDJ,EAAS,CAAE,UAAWgB,EAAkB,YAAAD,EAAa,GAAAH,EAAI,QAAS,EAAQX,EAAQ,GACjFA,GAASC,IACTiB,EAAAA,IAAC,OAAA,CAAK,UAAWlB,EAAQgB,UAAO,aAAeA,EAAAA,QAAO,KAAM,GAAIJ,EAAW,KAAMZ,EAAQ,QAAU,OAChG,YAASC,EACZ,EAEDK,GACCY,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,eAAgB,GAAIH,EACzC,SAAAT,EAAY,GAAGN,CAAc,IAAIM,CAAS,GAAKN,CAAA,CAClD,CAAA,EAEJ,CAEJ"}

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

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

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

@@ -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 type FieldSize = 'sm' | 'md';\n\nexport interface FieldWiring {\n /** O visual dos campos do sistema para o controle — borda, foco, erro e tamanho. A classe do controle vence a dele. */\n className: string;\n describedBy: string | undefined;\n id: string;\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 size?: FieldSize;\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 size = 'md',\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 const controlClassName = [styles.control, size === 'sm' && styles.sm, error && styles.invalid].filter(Boolean).join(' ');\n\n return (\n <div {...props} className={[styles.field, className].filter(Boolean).join(' ')}>\n {label && <Label htmlFor={id} required={required}>{label}</Label>}\n {children({ className: controlClassName, describedBy, id, 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","size","props","generatedId","useId","id","messageId","characterCountId","describedBy","controlClassName","styles","jsxs","jsx","Label"],"mappings":";;;;AA4BO,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,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAe;AACb,QAAMC,IAAcC,EAAA,GACdC,IAAKT,KAAc,SAASO,CAAW,IACvCG,IAAY,GAAGD,CAAE,YACjBE,IAAmB,GAAGF,CAAE,oBACxBG,IAAc;AAAA,IAClBlB;AAAA,IACAI,KAASC,IAAOW,IAAY;AAAA,IAC5BN,IAAqBO,IAAmB;AAAA,EAAA,EAEvC,OAAO,OAAO,EACd,KAAK,GAAG,KAAK,QACVE,IAAmB,CAACC,EAAO,SAAST,MAAS,QAAQS,EAAO,IAAIhB,KAASgB,EAAO,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEvH,SACE,gBAAAC,EAAC,OAAA,EAAK,GAAGT,GAAO,WAAW,CAACQ,EAAO,OAAOnB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC1E,UAAA;AAAA,IAAAM,KAAS,gBAAAe,EAACC,GAAA,EAAM,SAASR,GAAI,UAAAN,GAAqB,UAAAF,GAAM;AAAA,IACxDJ,EAAS,EAAE,WAAWgB,GAAkB,aAAAD,GAAa,IAAAH,GAAI,SAAS,EAAQX,GAAQ;AAAA,KACjFA,KAASC,MACT,gBAAAiB,EAAC,QAAA,EAAK,WAAWlB,IAAQgB,EAAO,eAAeA,EAAO,MAAM,IAAIJ,GAAW,MAAMZ,IAAQ,UAAU,QAChG,eAASC,GACZ;AAAA,IAEDK,KACC,gBAAAY,EAAC,QAAA,EAAK,WAAWF,EAAO,gBAAgB,IAAIH,GACzC,UAAAT,IAAY,GAAGN,CAAc,IAAIM,CAAS,KAAKN,EAAA,CAClD;AAAA,EAAA,GAEJ;AAEJ;"}

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

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_field_1qg91_1",o="_hint_1qg91_8",t="_errorMessage_1qg91_9",r="_characterCount_1qg91_10",n="_formValue_1qg91_31",s="_control_1qg91_40",_="_invalid_1qg91_59",a="_sm_1qg91_77",c={field:e,hint:o,errorMessage:t,characterCount:r,formValue:n,control:s,invalid:_,sm:a};exports.characterCount=r;exports.control=s;exports.default=c;exports.errorMessage=t;exports.field=e;exports.formValue=n;exports.hint=o;exports.invalid=_;exports.sm=a;
2	+ //# sourceMappingURL=Field.module.css.cjs.map

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

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

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

@@ -0,0 +1,22 @@
+const o = "_field_1qg91_1", t = "_hint_1qg91_8", _ = "_errorMessage_1qg91_9", r = "_characterCount_1qg91_10", e = "_formValue_1qg91_31", n = "_control_1qg91_40", s = "_invalid_1qg91_59", c = "_sm_1qg91_77", a = {
+  field: o,
+  hint: t,
+  errorMessage: _,
+  characterCount: r,
+  formValue: e,
+  control: n,
+  invalid: s,
+  sm: c
+};
+export {
+  r as characterCount,
+  n as control,
+  a as default,
+  _ as errorMessage,
+  o as field,
+  e as formValue,
+  t as hint,
+  s as invalid,
+  c as sm
+};
+//# sourceMappingURL=Field.module.css.js.map

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

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

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

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=FormValue.cjs.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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/FileUpload/FileUpload.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react"),b=require("../../../utils/formatters/formatarTamanhoDeArquivo.cjs"),r=require("./FileUpload.module.css.cjs"),G=require("../Field/Field.cjs"),m=require("../../icons/icons.cjs"),E=require("../../actions/Button/Button.cjs"),H=require("../../feedback/Progress/Progress.cjs"),$=require("../../actions/ButtonIcon/ButtonIcon.cjs"),J={audio:"áudio",image:"imagem",text:"texto",video:"vídeo"};function K(n){return(n??"").split(",").map(t=>t.trim().toLowerCase()).filter(Boolean)}function Q(n){if(n.startsWith("."))return n.slice(1).toUpperCase();const[t="",o=""]=n.split("/");return o===""?J[t]??t:o.split("+")[0].toUpperCase()}function X(n){return n.length<2?n.join(""):`${n.slice(0,-1).join(", ")} ou ${n.at(-1)}`}function Y(n,t){if(t.length===0)return!0;const o=n.name.toLowerCase(),f=n.type.toLowerCase();return t.some(i=>i.startsWith(".")?o.endsWith(i):i.endsWith("/")?f.startsWith(i.slice(0,-1)):f===i)}function Z({accept:n,className:t,disabled:o=!1,error:f,hint:i,id:u,items:p=[],label:j,maxSize:s,multiple:x=!1,onCancel:U,onFilesRejected:q,onFilesSelected:O,onRemove:k,onRetry:w,...z}){const C=v.useRef(null),N=v.useId(),[L,D]=v.useState(!1),[M,F]=v.useState(),T=K(n),y=X([...new Set(T.map(Q))]),I=s===void 0?void 0:b.formatarTamanhoDeArquivo(s),g=[y,I&&`até ${I}`].filter(Boolean).join(", ");function W({file:a,reason:l},c){return l==="type"?`${c} não é ${y}.`:`${c} passa de ${I}.`}function B(a){const l=x?a:a.slice(0,1),c=[],h=[];for(const d of l)Y(d,T)?s!==void 0&&d.size>s?h.push({file:d,reason:"size"}):c.push(d):h.push({file:d,reason:"type"});F(h.length===0?void 0:h.map(d=>W(d,l.length===1?"O arquivo":d.file.name)).join(" ")),c.length>0&&O(c),h.length>0&&(q==null\|\|q(h))}function P(a){B(Array.from(a.target.files??[])),a.target.value=""}function A(a){a.preventDefault(),a.dataTransfer.dropEffect=o?"none":"copy",o\|\|D(!0)}function S(a){a.currentTarget.contains(a.relatedTarget)\|\|D(!1)}function _(a){a.preventDefault(),D(!1),o\|\|B(Array.from(a.dataTransfer.files))}function R(){var a,l;(a=C.current)==null\|\|a.focus(),(l=C.current)==null\|\|l.click()}const V=f??M;return e.jsxs("div",{...z,className:[r.default.fileUpload,t].filter(Boolean).join(" "),children:[e.jsx(G.Field,{"aria-describedby":g?N:void 0,error:V,hint:i,id:u,label:j,children:({describedBy:a,id:l,invalid:c})=>e.jsxs("div",{className:[r.default.zone,L&&r.default.dragging,c&&r.default.invalid,o&&r.default.disabled].filter(Boolean).join(" "),onDragEnter:A,onDragLeave:S,onDragOver:A,onDrop:_,children:[e.jsx("span",{"aria-hidden":"true",className:r.default.iconBox,children:e.jsx(m.IconUpload,{})}),e.jsxs("p",{className:r.default.instruction,children:[x?"Arraste os arquivos aqui ou":"Arraste o arquivo aqui ou",e.jsx(E.Button,{"aria-hidden":!0,disabled:o,onClick:R,size:"sm",tabIndex:-1,variant:"secondary",children:"escolha do computador"})]}),g&&e.jsx("p",{className:r.default.restrictions,id:N,children:g.charAt(0).toUpperCase()+g.slice(1)}),e.jsx("input",{accept:n,"aria-describedby":a,"aria-invalid":c\|\|void 0,className:r.default.input,disabled:o,id:l,multiple:x,onChange:P,ref:C,type:"file"})]})}),p.length>0&&e.jsx("ul",{className:r.default.items,children:p.map(a=>e.jsx(ee,{item:a,onCancel:U,onRemove:k,onRetry:w},a.id))})]})}function ee({item:n,onCancel:t,onRemove:o,onRetry:f}){const{id:i,name:u,progress:p,size:j,status:s}=n;return e.jsxs("li",{className:[r.default.item,s==="error"&&r.default.failed].filter(Boolean).join(" "),children:[e.jsx("span",{"aria-hidden":"true",className:r.default.fileIcon,children:e.jsx(m.IconFile,{})}),e.jsxs("div",{className:r.default.body,children:[e.jsx("span",{className:r.default.name,title:u,children:u}),e.jsxs("span",{className:r.default.meta,children:[b.formatarTamanhoDeArquivo(j),e.jsx("span",{"aria-hidden":"true",children:"·"}),e.jsxs("span",{className:s==="error"?r.default.failedMessage:r.default.status,role:"status",children:[s==="done"&&e.jsx(m.IconCheckCircle,{className:r.default.doneIcon}),s==="error"&&e.jsx(m.IconExclamationCircle,{}),s==="uploading"&&"Enviando",s==="done"&&"Enviado",s==="error"&&(n.error??"Falha no envio.")]})]}),s==="uploading"&&e.jsx(H.Progress,{label:`Enviando ${u}`,showValue:!0,size:"sm",value:p})]}),e.jsxs("div",{className:r.default.actions,children:[s==="error"&&f&&e.jsx(E.Button,{"aria-label":`Tentar de novo: ${u}`,onClick:()=>f(i),size:"sm",variant:"ghost",children:"Tentar de novo"}),s==="uploading"&&t&&e.jsx($.ButtonIcon,{icon:e.jsx(m.IconClose,{}),label:`Cancelar envio de ${u}`,onClick:()=>t(i),size:"sm",variant:"ghost"}),s!=="uploading"&&o&&e.jsx($.ButtonIcon,{icon:e.jsx(m.IconTrash,{}),label:`Remover ${u}`,onClick:()=>o(i),size:"sm",variant:"ghost"})]})]})}exports.FileUpload=Z;
2	+ //# sourceMappingURL=FileUpload.cjs.map

package/dist/components/forms/FileUpload/FileUpload.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FileUpload.cjs","sources":["../../../../src/components/forms/FileUpload/FileUpload.tsx"],"sourcesContent":["import { useId, useRef, useState, type ChangeEvent, type ComponentPropsWithRef, type DragEvent } from 'react';\nimport { Button } from '../../actions/Button';\nimport { ButtonIcon } from '../../actions/ButtonIcon';\nimport { Progress } from '../../feedback/Progress';\nimport { IconCheckCircle, IconClose, IconExclamationCircle, IconFile, IconTrash, IconUpload } from '../../icons';\nimport { formatarTamanhoDeArquivo } from '../../../utils/formatters/formatarTamanhoDeArquivo';\nimport { Field } from '../Field';\nimport styles from './FileUpload.module.css';\n\nexport type FileRejectionReason = 'type' | 'size';\n\nexport interface FileRejection {\n file: File;\n reason: FileRejectionReason;\n}\n\nexport type FileUploadStatus = 'uploading' | 'done' | 'error';\n\n/** Um arquivo em envio. Quem envia e o produto: ele monta a lista e informa o progresso. */\nexport interface FileUploadItem {\n error?: string;\n id: string;\n name: string;\n /** De 0 a 100. Sem ele, o progresso e indeterminado. */\n progress?: number;\n size: number;\n status: FileUploadStatus;\n}\n\nexport interface FileUploadProps extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'onDrop'> {\n /** Os tipos aceitos, como no `<input type=\"file\">`: `.pdf,image/*`. */\n accept?: string;\n disabled?: boolean;\n /** Vence a mensagem de recusa do proprio campo. */\n error?: string;\n hint?: string;\n items?: readonly FileUploadItem[];\n label: string;\n /** Limite por arquivo, em bytes. */\n maxSize?: number;\n multiple?: boolean;\n onCancel?: (id: string) => void;\n /** Recebe so os arquivos aceitos. */\n onFilesSelected: (files: File[]) => void;\n onFilesRejected?: (rejections: FileRejection[]) => void;\n onRemove?: (id: string) => void;\n onRetry?: (id: string) => void;\n}\n\nconst NOMES_DE_FAMILIA: Record<string, string> = { audio: 'áudio', image: 'imagem', text: 'texto', video: 'vídeo' };\n\nfunction tiposAceitos(accept?: string) {\n return (accept ?? '')\n .split(',')\n .map((tipo) => tipo.trim().toLowerCase())\n .filter(Boolean);\n}\n\nfunction nomeDoTipo(tipo: string) {\n if (tipo.startsWith('.')) {\n return tipo.slice(1).toUpperCase();\n }\n\n const [familia = '', subtipo = ''] = tipo.split('/');\n return subtipo === '*' ? (NOMES_DE_FAMILIA[familia] ?? familia) : subtipo.split('+')[0]!.toUpperCase();\n}\n\nfunction listarComOu(itens: string[]) {\n return itens.length < 2 ? itens.join('') : `${itens.slice(0, -1).join(', ')} ou ${itens.at(-1)}`;\n}\n\nfunction aceitaOTipo(file: File, tipos: string[]) {\n if (tipos.length === 0) {\n return true;\n }\n\n const nome = file.name.toLowerCase();\n const mime = file.type.toLowerCase();\n\n return tipos.some((tipo) => {\n if (tipo.startsWith('.')) return nome.endsWith(tipo);\n if (tipo.endsWith('/*')) return mime.startsWith(tipo.slice(0, -1));\n return mime === tipo;\n });\n}\n\nexport function FileUpload({\n accept,\n className,\n disabled = false,\n error,\n hint,\n id,\n items = [],\n label,\n maxSize,\n multiple = false,\n onCancel,\n onFilesRejected,\n onFilesSelected,\n onRemove,\n onRetry,\n ...props\n}: FileUploadProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n const restrictionsId = useId();\n const [dragging, setDragging] = useState(false);\n const [rejectionMessage, setRejectionMessage] = useState<string>();\n\n const tipos = tiposAceitos(accept);\n const descricaoDosTipos = listarComOu([...new Set(tipos.map(nomeDoTipo))]);\n const limite = maxSize === undefined ? undefined : formatarTamanhoDeArquivo(maxSize);\n const restricoes = [descricaoDosTipos, limite && `até ${limite}`].filter(Boolean).join(', ');\n\n function motivoDaRecusa({ file, reason }: FileRejection, sujeito: string) {\n return reason === 'type' ? `${sujeito} não é ${descricaoDosTipos}.` : `${sujeito} passa de ${limite}.`;\n }\n\n function receber(oferecidos: File[]) {\n const files = multiple ? oferecidos : oferecidos.slice(0, 1);\n const aceitos: File[] = [];\n const recusas: FileRejection[] = [];\n\n for (const file of files) {\n if (!aceitaOTipo(file, tipos)) recusas.push({ file, reason: 'type' });\n else if (maxSize !== undefined && file.size > maxSize) recusas.push({ file, reason: 'size' });\n else aceitos.push(file);\n }\n\n setRejectionMessage(\n recusas.length === 0\n ? undefined\n : recusas.map((recusa) => motivoDaRecusa(recusa, files.length === 1 ? 'O arquivo' : recusa.file.name)).join(' '),\n );\n\n if (aceitos.length > 0) onFilesSelected(aceitos);\n if (recusas.length > 0) onFilesRejected?.(recusas);\n }\n\n function handleChange(event: ChangeEvent<HTMLInputElement>) {\n receber(Array.from(event.target.files ?? []));\n // Limpo, o seletor aceita de novo o mesmo arquivo, como no tentar outra vez.\n event.target.value = '';\n }\n\n function handleDragOver(event: DragEvent<HTMLDivElement>) {\n event.preventDefault();\n event.dataTransfer.dropEffect = disabled ? 'none' : 'copy';\n if (!disabled) setDragging(true);\n }\n\n function handleDragLeave(event: DragEvent<HTMLDivElement>) {\n if (!event.currentTarget.contains(event.relatedTarget as Node | null)) setDragging(false);\n }\n\n function handleDrop(event: DragEvent<HTMLDivElement>) {\n event.preventDefault();\n setDragging(false);\n if (!disabled) receber(Array.from(event.dataTransfer.files));\n }\n\n function choose() {\n inputRef.current?.focus();\n inputRef.current?.click();\n }\n\n const fieldError = error ?? rejectionMessage;\n\n return (\n <div {...props} className={[styles.fileUpload, className].filter(Boolean).join(' ')}>\n <Field aria-describedby={restricoes ? restrictionsId : undefined} error={fieldError} hint={hint} id={id} label={label}>\n {({ describedBy, id: inputId, invalid }) => (\n <div\n className={[styles.zone, dragging && styles.dragging, invalid && styles.invalid, disabled && styles.disabled]\n .filter(Boolean)\n .join(' ')}\n onDragEnter={handleDragOver}\n onDragLeave={handleDragLeave}\n onDragOver={handleDragOver}\n onDrop={handleDrop}\n >\n <span aria-hidden=\"true\" className={styles.iconBox}>\n <IconUpload />\n </span>\n <p className={styles.instruction}>\n {multiple ? 'Arraste os arquivos aqui ou' : 'Arraste o arquivo aqui ou'}\n {/* Fora da tabulacao e da arvore: o controle acessivel e o seletor nativo, que recebe o foco. */}\n <Button aria-hidden disabled={disabled} onClick={choose} size=\"sm\" tabIndex={-1} variant=\"secondary\">\n escolha do computador\n </Button>\n </p>\n {restricoes && (\n <p className={styles.restrictions} id={restrictionsId}>\n {restricoes.charAt(0).toUpperCase() + restricoes.slice(1)}\n </p>\n )}\n <input\n accept={accept}\n aria-describedby={describedBy}\n aria-invalid={invalid || undefined}\n className={styles.input}\n disabled={disabled}\n id={inputId}\n multiple={multiple}\n onChange={handleChange}\n ref={inputRef}\n type=\"file\"\n />\n </div>\n )}\n </Field>\n {items.length > 0 && (\n <ul className={styles.items}>\n {items.map((item) => (\n <FileUploadRow item={item} key={item.id} onCancel={onCancel} onRemove={onRemove} onRetry={onRetry} />\n ))}\n </ul>\n )}\n </div>\n );\n}\n\ninterface FileUploadRowProps extends Pick<FileUploadProps, 'onCancel' | 'onRemove' | 'onRetry'> {\n item: FileUploadItem;\n}\n\nfunction FileUploadRow({ item, onCancel, onRemove, onRetry }: FileUploadRowProps) {\n const { id, name, progress, size, status } = item;\n\n return (\n <li className={[styles.item, status === 'error' && styles.failed].filter(Boolean).join(' ')}>\n <span aria-hidden=\"true\" className={styles.fileIcon}>\n <IconFile />\n </span>\n <div className={styles.body}>\n <span className={styles.name} title={name}>\n {name}\n </span>\n <span className={styles.meta}>\n {formatarTamanhoDeArquivo(size)}\n <span aria-hidden=\"true\">·</span>\n <span className={status === 'error' ? styles.failedMessage : styles.status} role=\"status\">\n {status === 'done' && <IconCheckCircle className={styles.doneIcon} />}\n {status === 'error' && <IconExclamationCircle />}\n {status === 'uploading' && 'Enviando'}\n {status === 'done' && 'Enviado'}\n {status === 'error' && (item.error ?? 'Falha no envio.')}\n </span>\n </span>\n {status === 'uploading' && <Progress label={`Enviando ${name}`} showValue size=\"sm\" value={progress} />}\n </div>\n <div className={styles.actions}>\n {status === 'error' && onRetry && (\n <Button aria-label={`Tentar de novo: ${name}`} onClick={() => onRetry(id)} size=\"sm\" variant=\"ghost\">\n Tentar de novo\n </Button>\n )}\n {status === 'uploading' && onCancel && (\n <ButtonIcon icon={<IconClose />} label={`Cancelar envio de ${name}`} onClick={() => onCancel(id)} size=\"sm\" variant=\"ghost\" />\n )}\n {status !== 'uploading' && onRemove && (\n <ButtonIcon icon={<IconTrash />} label={`Remover ${name}`} onClick={() => onRemove(id)} size=\"sm\" variant=\"ghost\" />\n )}\n </div>\n </li>\n );\n}\n"],"names":["NOMES_DE_FAMILIA","tiposAceitos","accept","tipo","nomeDoTipo","familia","subtipo","listarComOu","itens","aceitaOTipo","file","tipos","nome","mime","FileUpload","className","disabled","error","hint","id","items","label","maxSize","multiple","onCancel","onFilesRejected","onFilesSelected","onRemove","onRetry","props","inputRef","useRef","restrictionsId","useId","dragging","setDragging","useState","rejectionMessage","setRejectionMessage","descricaoDosTipos","limite","formatarTamanhoDeArquivo","restricoes","motivoDaRecusa","reason","sujeito","receber","oferecidos","files","aceitos","recusas","recusa","handleChange","event","handleDragOver","handleDragLeave","handleDrop","choose","_a","_b","fieldError","jsxs","styles","jsx","Field","describedBy","inputId","invalid","IconUpload","Button","item","FileUploadRow","name","progress","size","status","IconFile","IconCheckCircle","IconExclamationCircle","Progress","ButtonIcon","IconClose","IconTrash"],"mappings":"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"}

package/dist/components/forms/FileUpload/FileUpload.js ADDED Viewed

@@ -0,0 +1,142 @@
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { useRef as J, useId as K, useState as B } from "react";
+import { formatarTamanhoDeArquivo as j } from "../../../utils/formatters/formatarTamanhoDeArquivo.js";
+import o from "./FileUpload.module.css.js";
+import { Field as Q } from "../Field/Field.js";
+import { IconUpload as R, IconFile as S, IconCheckCircle as X, IconExclamationCircle as Y, IconClose as Z, IconTrash as ee } from "../../icons/icons.js";
+import { Button as k } from "../../actions/Button/Button.js";
+import { Progress as re } from "../../feedback/Progress/Progress.js";
+import { ButtonIcon as U } from "../../actions/ButtonIcon/ButtonIcon.js";
+const oe = { audio: "áudio", image: "imagem", text: "texto", video: "vídeo" };
+function ne(n) {
+  return (n ?? "").split(",").map((s) => s.trim().toLowerCase()).filter(Boolean);
+}
+function ae(n) {
+  if (n.startsWith("."))
+    return n.slice(1).toUpperCase();
+  const [s = "", i = ""] = n.split("/");
+  return i === "*" ? oe[s] ?? s : i.split("+")[0].toUpperCase();
+}
+function ie(n) {
+  return n.length < 2 ? n.join("") : `${n.slice(0, -1).join(", ")} ou ${n.at(-1)}`;
+}
+function se(n, s) {
+  if (s.length === 0)
+    return !0;
+  const i = n.name.toLowerCase(), m = n.type.toLowerCase();
+  return s.some((t) => t.startsWith(".") ? i.endsWith(t) : t.endsWith("/*") ? m.startsWith(t.slice(0, -1)) : m === t);
+}
+function ve({
+  accept: n,
+  className: s,
+  disabled: i = !1,
+  error: m,
+  hint: t,
+  id: d,
+  items: h = [],
+  label: v,
+  maxSize: a,
+  multiple: C = !1,
+  onCancel: q,
+  onFilesRejected: N,
+  onFilesSelected: w,
+  onRemove: z,
+  onRetry: L,
+  ...O
+}) {
+  const D = J(null), T = K(), [x, I] = B(!1), [M, W] = B(), $ = ne(n), A = ie([...new Set($.map(ae))]), y = a === void 0 ? void 0 : j(a), g = [A, y && `até ${y}`].filter(Boolean).join(", ");
+  function F({ file: e, reason: l }, c) {
+    return l === "type" ? `${c} não é ${A}.` : `${c} passa de ${y}.`;
+  }
+  function E(e) {
+    const l = C ? e : e.slice(0, 1), c = [], p = [];
+    for (const u of l)
+      se(u, $) ? a !== void 0 && u.size > a ? p.push({ file: u, reason: "size" }) : c.push(u) : p.push({ file: u, reason: "type" });
+    W(
+      p.length === 0 ? void 0 : p.map((u) => F(u, l.length === 1 ? "O arquivo" : u.file.name)).join(" ")
+    ), c.length > 0 && w(c), p.length > 0 && (N == null || N(p));
+  }
+  function _(e) {
+    E(Array.from(e.target.files ?? [])), e.target.value = "";
+  }
+  function b(e) {
+    e.preventDefault(), e.dataTransfer.dropEffect = i ? "none" : "copy", i || I(!0);
+  }
+  function P(e) {
+    e.currentTarget.contains(e.relatedTarget) || I(!1);
+  }
+  function V(e) {
+    e.preventDefault(), I(!1), i || E(Array.from(e.dataTransfer.files));
+  }
+  function G() {
+    var e, l;
+    (e = D.current) == null || e.focus(), (l = D.current) == null || l.click();
+  }
+  const H = m ?? M;
+  return /* @__PURE__ */ f("div", { ...O, className: [o.fileUpload, s].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ r(Q, { "aria-describedby": g ? T : void 0, error: H, hint: t, id: d, label: v, children: ({ describedBy: e, id: l, invalid: c }) => /* @__PURE__ */ f(
+      "div",
+      {
+        className: [o.zone, x && o.dragging, c && o.invalid, i && o.disabled].filter(Boolean).join(" "),
+        onDragEnter: b,
+        onDragLeave: P,
+        onDragOver: b,
+        onDrop: V,
+        children: [
+          /* @__PURE__ */ r("span", { "aria-hidden": "true", className: o.iconBox, children: /* @__PURE__ */ r(R, {}) }),
+          /* @__PURE__ */ f("p", { className: o.instruction, children: [
+            C ? "Arraste os arquivos aqui ou" : "Arraste o arquivo aqui ou",
+            /* @__PURE__ */ r(k, { "aria-hidden": !0, disabled: i, onClick: G, size: "sm", tabIndex: -1, variant: "secondary", children: "escolha do computador" })
+          ] }),
+          g && /* @__PURE__ */ r("p", { className: o.restrictions, id: T, children: g.charAt(0).toUpperCase() + g.slice(1) }),
+          /* @__PURE__ */ r(
+            "input",
+            {
+              accept: n,
+              "aria-describedby": e,
+              "aria-invalid": c || void 0,
+              className: o.input,
+              disabled: i,
+              id: l,
+              multiple: C,
+              onChange: _,
+              ref: D,
+              type: "file"
+            }
+          )
+        ]
+      }
+    ) }),
+    h.length > 0 && /* @__PURE__ */ r("ul", { className: o.items, children: h.map((e) => /* @__PURE__ */ r(te, { item: e, onCancel: q, onRemove: z, onRetry: L }, e.id)) })
+  ] });
+}
+function te({ item: n, onCancel: s, onRemove: i, onRetry: m }) {
+  const { id: t, name: d, progress: h, size: v, status: a } = n;
+  return /* @__PURE__ */ f("li", { className: [o.item, a === "error" && o.failed].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ r("span", { "aria-hidden": "true", className: o.fileIcon, children: /* @__PURE__ */ r(S, {}) }),
+    /* @__PURE__ */ f("div", { className: o.body, children: [
+      /* @__PURE__ */ r("span", { className: o.name, title: d, children: d }),
+      /* @__PURE__ */ f("span", { className: o.meta, children: [
+        j(v),
+        /* @__PURE__ */ r("span", { "aria-hidden": "true", children: "·" }),
+        /* @__PURE__ */ f("span", { className: a === "error" ? o.failedMessage : o.status, role: "status", children: [
+          a === "done" && /* @__PURE__ */ r(X, { className: o.doneIcon }),
+          a === "error" && /* @__PURE__ */ r(Y, {}),
+          a === "uploading" && "Enviando",
+          a === "done" && "Enviado",
+          a === "error" && (n.error ?? "Falha no envio.")
+        ] })
+      ] }),
+      a === "uploading" && /* @__PURE__ */ r(re, { label: `Enviando ${d}`, showValue: !0, size: "sm", value: h })
+    ] }),
+    /* @__PURE__ */ f("div", { className: o.actions, children: [
+      a === "error" && m && /* @__PURE__ */ r(k, { "aria-label": `Tentar de novo: ${d}`, onClick: () => m(t), size: "sm", variant: "ghost", children: "Tentar de novo" }),
+      a === "uploading" && s && /* @__PURE__ */ r(U, { icon: /* @__PURE__ */ r(Z, {}), label: `Cancelar envio de ${d}`, onClick: () => s(t), size: "sm", variant: "ghost" }),
+      a !== "uploading" && i && /* @__PURE__ */ r(U, { icon: /* @__PURE__ */ r(ee, {}), label: `Remover ${d}`, onClick: () => i(t), size: "sm", variant: "ghost" })
+    ] })
+  ] });
+}
+export {
+  ve as FileUpload
+};
+//# sourceMappingURL=FileUpload.js.map

package/dist/components/forms/FileUpload/FileUpload.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FileUpload.js","sources":["../../../../src/components/forms/FileUpload/FileUpload.tsx"],"sourcesContent":["import { useId, useRef, useState, type ChangeEvent, type ComponentPropsWithRef, type DragEvent } from 'react';\nimport { Button } from '../../actions/Button';\nimport { ButtonIcon } from '../../actions/ButtonIcon';\nimport { Progress } from '../../feedback/Progress';\nimport { IconCheckCircle, IconClose, IconExclamationCircle, IconFile, IconTrash, IconUpload } from '../../icons';\nimport { formatarTamanhoDeArquivo } from '../../../utils/formatters/formatarTamanhoDeArquivo';\nimport { Field } from '../Field';\nimport styles from './FileUpload.module.css';\n\nexport type FileRejectionReason = 'type' | 'size';\n\nexport interface FileRejection {\n file: File;\n reason: FileRejectionReason;\n}\n\nexport type FileUploadStatus = 'uploading' | 'done' | 'error';\n\n/** Um arquivo em envio. Quem envia e o produto: ele monta a lista e informa o progresso. */\nexport interface FileUploadItem {\n error?: string;\n id: string;\n name: string;\n /** De 0 a 100. Sem ele, o progresso e indeterminado. */\n progress?: number;\n size: number;\n status: FileUploadStatus;\n}\n\nexport interface FileUploadProps extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'onDrop'> {\n /** Os tipos aceitos, como no `<input type=\"file\">`: `.pdf,image/*`. */\n accept?: string;\n disabled?: boolean;\n /** Vence a mensagem de recusa do proprio campo. */\n error?: string;\n hint?: string;\n items?: readonly FileUploadItem[];\n label: string;\n /** Limite por arquivo, em bytes. */\n maxSize?: number;\n multiple?: boolean;\n onCancel?: (id: string) => void;\n /** Recebe so os arquivos aceitos. */\n onFilesSelected: (files: File[]) => void;\n onFilesRejected?: (rejections: FileRejection[]) => void;\n onRemove?: (id: string) => void;\n onRetry?: (id: string) => void;\n}\n\nconst NOMES_DE_FAMILIA: Record<string, string> = { audio: 'áudio', image: 'imagem', text: 'texto', video: 'vídeo' };\n\nfunction tiposAceitos(accept?: string) {\n return (accept ?? '')\n .split(',')\n .map((tipo) => tipo.trim().toLowerCase())\n .filter(Boolean);\n}\n\nfunction nomeDoTipo(tipo: string) {\n if (tipo.startsWith('.')) {\n return tipo.slice(1).toUpperCase();\n }\n\n const [familia = '', subtipo = ''] = tipo.split('/');\n return subtipo === '*' ? (NOMES_DE_FAMILIA[familia] ?? familia) : subtipo.split('+')[0]!.toUpperCase();\n}\n\nfunction listarComOu(itens: string[]) {\n return itens.length < 2 ? itens.join('') : `${itens.slice(0, -1).join(', ')} ou ${itens.at(-1)}`;\n}\n\nfunction aceitaOTipo(file: File, tipos: string[]) {\n if (tipos.length === 0) {\n return true;\n }\n\n const nome = file.name.toLowerCase();\n const mime = file.type.toLowerCase();\n\n return tipos.some((tipo) => {\n if (tipo.startsWith('.')) return nome.endsWith(tipo);\n if (tipo.endsWith('/*')) return mime.startsWith(tipo.slice(0, -1));\n return mime === tipo;\n });\n}\n\nexport function FileUpload({\n accept,\n className,\n disabled = false,\n error,\n hint,\n id,\n items = [],\n label,\n maxSize,\n multiple = false,\n onCancel,\n onFilesRejected,\n onFilesSelected,\n onRemove,\n onRetry,\n ...props\n}: FileUploadProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n const restrictionsId = useId();\n const [dragging, setDragging] = useState(false);\n const [rejectionMessage, setRejectionMessage] = useState<string>();\n\n const tipos = tiposAceitos(accept);\n const descricaoDosTipos = listarComOu([...new Set(tipos.map(nomeDoTipo))]);\n const limite = maxSize === undefined ? undefined : formatarTamanhoDeArquivo(maxSize);\n const restricoes = [descricaoDosTipos, limite && `até ${limite}`].filter(Boolean).join(', ');\n\n function motivoDaRecusa({ file, reason }: FileRejection, sujeito: string) {\n return reason === 'type' ? `${sujeito} não é ${descricaoDosTipos}.` : `${sujeito} passa de ${limite}.`;\n }\n\n function receber(oferecidos: File[]) {\n const files = multiple ? oferecidos : oferecidos.slice(0, 1);\n const aceitos: File[] = [];\n const recusas: FileRejection[] = [];\n\n for (const file of files) {\n if (!aceitaOTipo(file, tipos)) recusas.push({ file, reason: 'type' });\n else if (maxSize !== undefined && file.size > maxSize) recusas.push({ file, reason: 'size' });\n else aceitos.push(file);\n }\n\n setRejectionMessage(\n recusas.length === 0\n ? undefined\n : recusas.map((recusa) => motivoDaRecusa(recusa, files.length === 1 ? 'O arquivo' : recusa.file.name)).join(' '),\n );\n\n if (aceitos.length > 0) onFilesSelected(aceitos);\n if (recusas.length > 0) onFilesRejected?.(recusas);\n }\n\n function handleChange(event: ChangeEvent<HTMLInputElement>) {\n receber(Array.from(event.target.files ?? []));\n // Limpo, o seletor aceita de novo o mesmo arquivo, como no tentar outra vez.\n event.target.value = '';\n }\n\n function handleDragOver(event: DragEvent<HTMLDivElement>) {\n event.preventDefault();\n event.dataTransfer.dropEffect = disabled ? 'none' : 'copy';\n if (!disabled) setDragging(true);\n }\n\n function handleDragLeave(event: DragEvent<HTMLDivElement>) {\n if (!event.currentTarget.contains(event.relatedTarget as Node | null)) setDragging(false);\n }\n\n function handleDrop(event: DragEvent<HTMLDivElement>) {\n event.preventDefault();\n setDragging(false);\n if (!disabled) receber(Array.from(event.dataTransfer.files));\n }\n\n function choose() {\n inputRef.current?.focus();\n inputRef.current?.click();\n }\n\n const fieldError = error ?? rejectionMessage;\n\n return (\n <div {...props} className={[styles.fileUpload, className].filter(Boolean).join(' ')}>\n <Field aria-describedby={restricoes ? restrictionsId : undefined} error={fieldError} hint={hint} id={id} label={label}>\n {({ describedBy, id: inputId, invalid }) => (\n <div\n className={[styles.zone, dragging && styles.dragging, invalid && styles.invalid, disabled && styles.disabled]\n .filter(Boolean)\n .join(' ')}\n onDragEnter={handleDragOver}\n onDragLeave={handleDragLeave}\n onDragOver={handleDragOver}\n onDrop={handleDrop}\n >\n <span aria-hidden=\"true\" className={styles.iconBox}>\n <IconUpload />\n </span>\n <p className={styles.instruction}>\n {multiple ? 'Arraste os arquivos aqui ou' : 'Arraste o arquivo aqui ou'}\n {/* Fora da tabulacao e da arvore: o controle acessivel e o seletor nativo, que recebe o foco. */}\n <Button aria-hidden disabled={disabled} onClick={choose} size=\"sm\" tabIndex={-1} variant=\"secondary\">\n escolha do computador\n </Button>\n </p>\n {restricoes && (\n <p className={styles.restrictions} id={restrictionsId}>\n {restricoes.charAt(0).toUpperCase() + restricoes.slice(1)}\n </p>\n )}\n <input\n accept={accept}\n aria-describedby={describedBy}\n aria-invalid={invalid || undefined}\n className={styles.input}\n disabled={disabled}\n id={inputId}\n multiple={multiple}\n onChange={handleChange}\n ref={inputRef}\n type=\"file\"\n />\n </div>\n )}\n </Field>\n {items.length > 0 && (\n <ul className={styles.items}>\n {items.map((item) => (\n <FileUploadRow item={item} key={item.id} onCancel={onCancel} onRemove={onRemove} onRetry={onRetry} />\n ))}\n </ul>\n )}\n </div>\n );\n}\n\ninterface FileUploadRowProps extends Pick<FileUploadProps, 'onCancel' | 'onRemove' | 'onRetry'> {\n item: FileUploadItem;\n}\n\nfunction FileUploadRow({ item, onCancel, onRemove, onRetry }: FileUploadRowProps) {\n const { id, name, progress, size, status } = item;\n\n return (\n <li className={[styles.item, status === 'error' && styles.failed].filter(Boolean).join(' ')}>\n <span aria-hidden=\"true\" className={styles.fileIcon}>\n <IconFile />\n </span>\n <div className={styles.body}>\n <span className={styles.name} title={name}>\n {name}\n </span>\n <span className={styles.meta}>\n {formatarTamanhoDeArquivo(size)}\n <span aria-hidden=\"true\">·</span>\n <span className={status === 'error' ? styles.failedMessage : styles.status} role=\"status\">\n {status === 'done' && <IconCheckCircle className={styles.doneIcon} />}\n {status === 'error' && <IconExclamationCircle />}\n {status === 'uploading' && 'Enviando'}\n {status === 'done' && 'Enviado'}\n {status === 'error' && (item.error ?? 'Falha no envio.')}\n </span>\n </span>\n {status === 'uploading' && <Progress label={`Enviando ${name}`} showValue size=\"sm\" value={progress} />}\n </div>\n <div className={styles.actions}>\n {status === 'error' && onRetry && (\n <Button aria-label={`Tentar de novo: ${name}`} onClick={() => onRetry(id)} size=\"sm\" variant=\"ghost\">\n Tentar de novo\n </Button>\n )}\n {status === 'uploading' && onCancel && (\n <ButtonIcon icon={<IconClose />} label={`Cancelar envio de ${name}`} onClick={() => onCancel(id)} size=\"sm\" variant=\"ghost\" />\n )}\n {status !== 'uploading' && onRemove && (\n <ButtonIcon icon={<IconTrash />} label={`Remover ${name}`} onClick={() => onRemove(id)} size=\"sm\" variant=\"ghost\" />\n )}\n </div>\n </li>\n );\n}\n"],"names":["NOMES_DE_FAMILIA","tiposAceitos","accept","tipo","nomeDoTipo","familia","subtipo","listarComOu","itens","aceitaOTipo","file","tipos","nome","mime","FileUpload","className","disabled","error","hint","id","items","label","maxSize","multiple","onCancel","onFilesRejected","onFilesSelected","onRemove","onRetry","props","inputRef","useRef","restrictionsId","useId","dragging","setDragging","useState","rejectionMessage","setRejectionMessage","descricaoDosTipos","limite","formatarTamanhoDeArquivo","restricoes","motivoDaRecusa","reason","sujeito","receber","oferecidos","files","aceitos","recusas","recusa","handleChange","event","handleDragOver","handleDragLeave","handleDrop","choose","_a","_b","fieldError","jsxs","styles","jsx","Field","describedBy","inputId","invalid","IconUpload","Button","item","FileUploadRow","name","progress","size","status","IconFile","IconCheckCircle","IconExclamationCircle","Progress","ButtonIcon","IconClose","IconTrash"],"mappings":"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"}

package/dist/components/forms/FileUpload/FileUpload.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s="_fileUpload_v5fjs_1",n="_zone_v5fjs_9",t="_input_v5fjs_26",i="_dragging_v5fjs_31",e="_invalid_v5fjs_37",o="_disabled_v5fjs_46",_="_iconBox_v5fjs_52",a="_instruction_v5fjs_67",c="_restrictions_v5fjs_81",d="_items_v5fjs_103",f="_item_v5fjs_103",l="_failed_v5fjs_122",v="_fileIcon_v5fjs_126",j="_body_v5fjs_136",r="_name_v5fjs_144",u="_meta_v5fjs_155",g="_status_v5fjs_167",m="_failedMessage_v5fjs_168",b="_doneIcon_v5fjs_178",p="_actions_v5fjs_182",I={fileUpload:s,zone:n,input:t,dragging:i,invalid:e,disabled:o,iconBox:_,instruction:a,restrictions:c,items:d,item:f,failed:l,fileIcon:v,body:j,name:r,meta:u,status:g,failedMessage:m,doneIcon:b,actions:p};exports.actions=p;exports.body=j;exports.default=I;exports.disabled=o;exports.doneIcon=b;exports.dragging=i;exports.failed=l;exports.failedMessage=m;exports.fileIcon=v;exports.fileUpload=s;exports.iconBox=_;exports.input=t;exports.instruction=a;exports.invalid=e;exports.item=f;exports.items=d;exports.meta=u;exports.name=r;exports.restrictions=c;exports.status=g;exports.zone=n;
2	+ //# sourceMappingURL=FileUpload.module.css.cjs.map

package/dist/components/forms/FileUpload/FileUpload.module.css.cjs.map ADDED Viewed

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

package/dist/components/forms/FileUpload/FileUpload.module.css.js ADDED Viewed

@@ -0,0 +1,46 @@
+const s = "_fileUpload_v5fjs_1", n = "_zone_v5fjs_9", _ = "_input_v5fjs_26", t = "_dragging_v5fjs_31", o = "_invalid_v5fjs_37", i = "_disabled_v5fjs_46", e = "_iconBox_v5fjs_52", c = "_instruction_v5fjs_67", a = "_restrictions_v5fjs_81", f = "_items_v5fjs_103", d = "_item_v5fjs_103", l = "_failed_v5fjs_122", v = "_fileIcon_v5fjs_126", j = "_body_v5fjs_136", r = "_name_v5fjs_144", g = "_meta_v5fjs_155", m = "_status_v5fjs_167", u = "_failedMessage_v5fjs_168", p = "_doneIcon_v5fjs_178", b = "_actions_v5fjs_182", I = {
+  fileUpload: s,
+  zone: n,
+  input: _,
+  dragging: t,
+  invalid: o,
+  disabled: i,
+  iconBox: e,
+  instruction: c,
+  restrictions: a,
+  items: f,
+  item: d,
+  failed: l,
+  fileIcon: v,
+  body: j,
+  name: r,
+  meta: g,
+  status: m,
+  failedMessage: u,
+  doneIcon: p,
+  actions: b
+};
+export {
+  b as actions,
+  j as body,
+  I as default,
+  i as disabled,
+  p as doneIcon,
+  t as dragging,
+  l as failed,
+  u as failedMessage,
+  v as fileIcon,
+  s as fileUpload,
+  e as iconBox,
+  _ as input,
+  c as instruction,
+  o as invalid,
+  d as item,
+  f as items,
+  g as meta,
+  r as name,
+  a as restrictions,
+  m as status,
+  n as zone
+};
+//# sourceMappingURL=FileUpload.module.css.js.map

package/dist/components/forms/FileUpload/FileUpload.module.css.js.map ADDED Viewed

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

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

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=InputCurrency.cjs.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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;"}