npm - @snksergio/design-system - Versions diffs - 0.67.0 → 0.68.0 - Mend

@snksergio/design-system 0.67.0 → 0.68.0

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 (123) hide show

package/dist-lib/src/components/ui/DatePicker/datepicker.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"datepicker.cjs","sources":["../../../../../src/components/ui/DatePicker/datepicker.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { Calendar as CalendarIcon } from \"lucide-react\";\r\nimport type { DateRange, Matcher } from \"react-day-picker\";\r\n\r\nimport { cn } from \"@/lib/utils\";\r\nimport { X } from \"lucide-react\";\r\n\r\nimport { Calendar } from \"@/components/shadcn/calendar\";\r\nimport {\r\n Popover,\r\n PopoverContent,\r\n PopoverTrigger,\r\n} from \"@/components/shadcn/popover\";\r\n\r\nexport type { DateRange };\r\n\r\ninterface BaseDatePickerProps {\r\n /** Texto do trigger quando nada está selecionado. /\r\n placeholder?: string;\r\n /* Desabilita o trigger. /\r\n disabled?: boolean;\r\n /* Alinhamento do popover. Default `\"start\"`. /\r\n align?: \"start\" \| \"center\" \| \"end\";\r\n /* Nº de meses no calendário. Default: 1 (single/multiple), 2 (range). /\r\n numberOfMonths?: number;\r\n /\r\n Data mínima selecionável. Dias anteriores ficam desabilitados no calendário.\r\n \r\n O DS não oferecia limite nenhum, então \"não deixar escolher data futura\" ou\r\n * \"não passar do prazo do projeto\" virava validação DEPOIS do clique — o usuário\r\n * escolhia, e só então recebia o erro.\r\n /\r\n minValue?: Date;\r\n /* Data máxima selecionável. Dias posteriores ficam desabilitados. /\r\n maxValue?: Date;\r\n /\r\n Mostra um \"×\" no trigger pra limpar a seleção. Default `false`.\r\n * Com `clearable`, limpar emite `onValueChange(undefined)`.\r\n /\r\n clearable?: boolean;\r\n /* Nome acessível do botão de limpar. Default: \"Limpar data\". /\r\n clearLabel?: string;\r\n /* className do trigger (mesmos overrides de um input/SelectTrigger). /\r\n className?: string;\r\n}\r\n\r\ninterface SingleDatePickerProps extends BaseDatePickerProps {\r\n /* Seleção única (default). /\r\n mode?: \"single\";\r\n value?: Date;\r\n onValueChange?: (value: Date \| undefined) => void;\r\n}\r\n\r\ninterface RangeDatePickerProps extends BaseDatePickerProps {\r\n /* Seleção de intervalo (início–fim), com o realce de range do DS. /\r\n mode: \"range\";\r\n value?: DateRange;\r\n onValueChange?: (value: DateRange \| undefined) => void;\r\n}\r\n\r\ninterface MultipleDatePickerProps extends BaseDatePickerProps {\r\n /* Seleção de múltiplas datas. /\r\n mode: \"multiple\";\r\n value?: Date[];\r\n onValueChange?: (value: Date[] \| undefined) => void;\r\n}\r\n\r\nexport type DatePickerProps =\r\n \| SingleDatePickerProps\r\n \| RangeDatePickerProps\r\n \| MultipleDatePickerProps;\r\n\r\nconst formatFull = (date: Date) =>\r\n date.toLocaleDateString(\"pt-BR\", {\r\n day: \"2-digit\",\r\n month: \"long\",\r\n year: \"numeric\",\r\n });\r\n\r\nconst formatShort = (date: Date) =>\r\n date.toLocaleDateString(\"pt-BR\", {\r\n day: \"2-digit\",\r\n month: \"short\",\r\n year: \"numeric\",\r\n });\r\n\r\n/\r\n DatePicker — seletor de data(s) num trigger no estilo input do DS + Popover.\r\n * Suporta os modos do Calendar via `mode` (default `\"single\"`):\r\n * - `\"single\"`: uma data. `value: Date`.\r\n * - `\"range\"`: intervalo início–fim (com o realce de range do DS). `value: DateRange`.\r\n * - `\"multiple\"`: várias datas. `value: Date[]`.\r\n * Controlado via `value` / `onValueChange`. Fecha ao completar a seleção\r\n * (single: no clique; range: quando início E fim escolhidos).\r\n */\r\nexport const DatePicker = React.forwardRef<HTMLButtonElement, DatePickerProps>(\r\n (props, ref) => {\r\n const {\r\n placeholder,\r\n disabled,\r\n align = \"start\",\r\n minValue,\r\n maxValue,\r\n clearable,\r\n clearLabel,\r\n className,\r\n } = props;\r\n const [open, setOpen] = React.useState(false);\r\n\r\n // O react-day-picker recebe os limites como MATCHERS de dia desabilitado; passar\r\n // `fromDate`/`toDate` só moveria a navegação de mês e continuaria deixando clicar.\r\n const desabilitados = React.useMemo(() => {\r\n const m: Matcher[] = [];\r\n if (minValue) m.push({ before: minValue });\r\n if (maxValue) m.push({ after: maxValue });\r\n return m.length ? m : undefined;\r\n }, [minValue, maxValue]);\r\n\r\n let label: string \| null = null;\r\n let calendar: React.ReactNode;\r\n\r\n if (props.mode === \"range\") {\r\n const v = props.value;\r\n label = v?.from\r\n ? v.to\r\n ? `${formatShort(v.from)} – ${formatShort(v.to)}`\r\n : formatShort(v.from)\r\n : null;\r\n calendar = (\r\n <Calendar\r\n mode=\"range\"\r\r\n disabled={desabilitados}\r\n // min=1: sem isso o RDP completa o range no PRIMEIRO clique\r\n // ({from,to} iguais), fechando o popover e impedindo escolher o fim.\r\n min={1}\r\n numberOfMonths={props.numberOfMonths ?? 2}\r\n selected={v}\r\n onSelect={(range) => {\r\n props.onValueChange?.(range);\r\n if (range?.from && range?.to) setOpen(false);\r\n }}\r\n autoFocus\r\n />\r\n );\r\n } else if (props.mode === \"multiple\") {\r\n const v = props.value;\r\n // Plural condicional: com 1 selecionada o texto fixo dizia \"1 datas\r\n // selecionadas\". Aparece sempre que o usuário escolhe a primeira data.\r\n label =\r\n v && v.length > 0\r\n ? v.length === 1\r\n ? \"1 data selecionada\"\r\n : `${v.length} datas selecionadas`\r\n : null;\r\n calendar = (\r\n <Calendar\r\n mode=\"multiple\"\r\r\n disabled={desabilitados}\r\n numberOfMonths={props.numberOfMonths}\r\n selected={v}\r\n onSelect={(dates) => props.onValueChange?.(dates)}\r\n autoFocus\r\n />\r\n );\r\n } else {\r\n const v = props.value;\r\n label = v ? formatFull(v) : null;\r\n calendar = (\r\n <Calendar\r\n mode=\"single\"\r\r\n disabled={desabilitados}\r\n numberOfMonths={props.numberOfMonths}\r\n selected={v}\r\n onSelect={(date) => {\r\n props.onValueChange?.(date);\r\n setOpen(false);\r\n }}\r\n />\r\n );\r\n }\r\n\r\n const limpar = () => {\r\n // O union de props impede chamar `onValueChange` sem estreitar o mode antes.\r\n if (props.mode === \"range\") props.onValueChange?.(undefined);\r\n else if (props.mode === \"multiple\") props.onValueChange?.(undefined);\r\n else props.onValueChange?.(undefined);\r\n };\r\n\r\n const text =\r\n label ??\r\n placeholder ??\r\n (props.mode === \"range\" ? \"Selecione o período\" : \"Selecione a data\");\r\n\r\n return (\r\n <Popover open={open} onOpenChange={setOpen}>\r\n <PopoverTrigger asChild>\r\n <button\r\n ref={ref}\r\n type=\"button\"\r\n disabled={disabled}\r\n data-placeholder={label ? undefined : \"\"}\r\n className={cn(\r\n // Trigger espelha o SelectTrigger (`shadcn/select.tsx`), que é o\r\n // precedente do DS pra \"botão que tem que parecer input\": mesmos\r\n // tokens de bg/border/radius/padding/gap e o mesmo tratamento de\r\n // foco (borda + shadow-sh-ring), em vez de `ring-4` de botão.\r\n // Antes divergia em 6 pontos — bg-surface (opaco) no lugar de\r\n // bg-input (translúcido), border-default, radius-md, pad-lg,\r\n // gp-sm e sem hover — e por isso não lia como campo de formulário.\r\n \"flex min-h-form-lg w-full items-center gap-gp-md\",\r\n \"rounded-radius-lg px-pad-xl\",\r\n \"bg-bg-input dark:bg-bg-muted\",\r\n \"hover:bg-bg-input-hover dark:hover:bg-bg-muted-hover\",\r\n \"border border-border-input\",\r\n \"text-body-sm font-normal text-fg-default\",\r\n \"transition-[border-color,box-shadow,background-color] outline-none\",\r\n \"focus-visible:border-border-brand focus-visible:shadow-sh-ring\",\r\n \"data-[state=open]:border-border-brand data-[state=open]:shadow-sh-ring\",\r\n \"disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-bg-input dark:disabled:hover:bg-bg-muted\",\r\n \"data-[placeholder]:text-fg-muted\",\r\n className,\r\n )}\r\n >\r\n <CalendarIcon className=\"size-icon-sm shrink-0 text-fg-muted\" strokeWidth={1.8} />\r\n <span className=\"truncate\">{text}</span>\r\n {clearable && label && !disabled && (\r\n // `<span role=\"button\">` e não `<button>`: o trigger do Popover JÁ é um\r\n // button, e button dentro de button é HTML inválido — o navegador\r\n // desaninha e o × passa a abrir o calendário junto (mesmo motivo da\r\n // anatomia do Chip com onRemove).\r\n <span\r\n role=\"button\"\r\n tabIndex={0}\r\n aria-label={clearLabel ?? \"Limpar data\"}\r\n className=\"-mr-[2px] ml-auto grid size-icon-md shrink-0 place-items-center rounded-radius-full text-fg-muted opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand\"\r\n onClick={(e) => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n limpar();\r\n }}\r\n onKeyDown={(e) => {\r\n if (e.key !== \"Enter\" && e.key !== \" \") return;\r\n e.preventDefault();\r\n e.stopPropagation();\r\n limpar();\r\n }}\r\n >\r\n <X className=\"size-icon-xs\" aria-hidden />\r\n </span>\r\n )}\r\n </button>\r\n </PopoverTrigger>\r\n <PopoverContent align={align} className=\"w-auto p-pad-xl\">\r\n {calendar}\r\n </PopoverContent>\r\n </Popover>\r\n );\r\n },\r\n);\r\n\r\nDatePicker.displayName = \"DatePicker\";\r\n"],"names":["React","calendar","jsx","Calendar","jsxs","Popover","PopoverTrigger","cn","CalendarIcon","X","PopoverContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAwEA,MAAM,aAAa,CAAC,SAClB,KAAK,mBAAmB,SAAS;AAAA,EAC/B,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AACR,CAAC;AAEH,MAAM,cAAc,CAAC,SACnB,KAAK,mBAAmB,SAAS;AAAA,EAC/B,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AACR,CAAC;AAWI,MAAM,aAAaA,iBAAM;AAAA,EAC9B,CAAC,OAAO,QAAQ;AACd,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACE;AACJ,UAAM,CAAC,MAAM,OAAO,IAAIA,iBAAM,SAAS,KAAK;AAI5C,UAAM,gBAAgBA,iBAAM,QAAQ,MAAM;AACxC,YAAM,IAAe,CAAA;AACrB,UAAI,SAAU,GAAE,KAAK,EAAE,QAAQ,UAAU;AACzC,UAAI,SAAU,GAAE,KAAK,EAAE,OAAO,UAAU;AACxC,aAAO,EAAE,SAAS,IAAI;AAAA,IACxB,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,QAAI,QAAuB;AAC3B,QAAIC;AAEJ,QAAI,MAAM,SAAS,SAAS;AAC1B,YAAM,IAAI,MAAM;AAChB,cAAQ,GAAG,OACP,EAAE,KACA,GAAG,YAAY,EAAE,IAAI,CAAC,MAAM,YAAY,EAAE,EAAE,CAAC,KAC7C,YAAY,EAAE,IAAI,IACpB;AACJA,mBACEC,2BAAAA;AAAAA,QAACC,SAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UAEL,UAAU;AAAA,UAGV,KAAK;AAAA,UACL,gBAAgB,MAAM,kBAAkB;AAAA,UACxC,UAAU;AAAA,UACV,UAAU,CAAC,UAAU;AACnB,kBAAM,gBAAgB,KAAK;AAC3B,gBAAI,OAAO,QAAQ,OAAO,YAAY,KAAK;AAAA,UAC7C;AAAA,UACA,WAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAGf,WAAW,MAAM,SAAS,YAAY;AACpC,YAAM,IAAI,MAAM;AAGhB,cACE,KAAK,EAAE,SAAS,IACZ,EAAE,WAAW,IACX,uBACA,GAAG,EAAE,MAAM,wBACb;AACNF,mBACEC,2BAAAA;AAAAA,QAACC,SAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UAEL,UAAU;AAAA,UACV,gBAAgB,MAAM;AAAA,UACtB,UAAU;AAAA,UACV,UAAU,CAAC,UAAU,MAAM,gBAAgB,KAAK;AAAA,UAChD,WAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAGf,OAAO;AACL,YAAM,IAAI,MAAM;AAChB,cAAQ,IAAI,WAAW,CAAC,IAAI;AAC5BF,mBACEC,2BAAAA;AAAAA,QAACC,SAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UAEL,UAAU;AAAA,UACV,gBAAgB,MAAM;AAAA,UACtB,UAAU;AAAA,UACV,UAAU,CAAC,SAAS;AAClB,kBAAM,gBAAgB,IAAI;AAC1B,oBAAQ,KAAK;AAAA,UACf;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AAEA,UAAM,SAAS,MAAM;AAEnB,UAAI,MAAM,SAAS,QAAS,OAAM,gBAAgB,MAAS;AAAA,eAClD,MAAM,SAAS,WAAY,OAAM,gBAAgB,MAAS;AAAA,UAC9D,OAAM,gBAAgB,MAAS;AAAA,IACtC;AAEA,UAAM,OACJ,SACA,gBACC,MAAM,SAAS,UAAU,wBAAwB;AAEpD,WACEC,2BAAAA,KAACC,QAAAA,SAAA,EAAQ,MAAY,cAAc,SACjC,UAAA;AAAA,MAAAH,2BAAAA,IAACI,QAAAA,gBAAA,EAAe,SAAO,MACrB,UAAAF,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UACA,oBAAkB,QAAQ,SAAY;AAAA,UACtC,WAAWG,MAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,YAQT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGF,UAAA;AAAA,YAAAL,2BAAAA,IAACM,YAAAA,UAAA,EAAa,WAAU,uCAAsC,aAAa,KAAK;AAAA,YAChFN,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,UAAA,MAAK;AAAA,YAChC,aAAa,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA,YAKtBA,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAU;AAAA,gBACV,cAAY,cAAc;AAAA,gBAC1B,WAAU;AAAA,gBACV,SAAS,CAAC,MAAM;AACd,oBAAE,eAAA;AACF,oBAAE,gBAAA;AACF,yBAAA;AAAA,gBACF;AAAA,gBACA,WAAW,CAAC,MAAM;AAChB,sBAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,IAAK;AACxC,oBAAE,eAAA;AACF,oBAAE,gBAAA;AACF,yBAAA;AAAA,gBACF;AAAA,gBAEA,UAAAA,2BAAAA,IAACO,eAAA,EAAE,WAAU,gBAAe,eAAW,KAAA,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,UAC1C;AAAA,QAAA;AAAA,MAAA,GAGN;AAAA,MACAP,2BAAAA,IAACQ,QAAAA,gBAAA,EAAe,OAAc,WAAU,mBACrC,UAAAT,WAAA,CACH;AAAA,IAAA,GACF;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;;"}
1	+ {"version":3,"file":"datepicker.cjs","sources":["../../../../../src/components/ui/DatePicker/datepicker.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { Calendar as CalendarIcon } from \"lucide-react\";\r\nimport type { DateRange, Matcher } from \"react-day-picker\";\r\n\r\nimport { cn } from \"@/lib/utils\";\r\nimport { ptBR } from \"date-fns/locale\";\r\nimport { X } from \"lucide-react\";\r\n\r\nimport { Calendar } from \"@/components/shadcn/calendar\";\r\nimport {\r\n Popover,\r\n PopoverContent,\r\n PopoverTrigger,\r\n} from \"@/components/shadcn/popover\";\r\n\r\nexport type { DateRange };\r\n\r\ninterface BaseDatePickerProps {\r\n /** Texto do trigger quando nada está selecionado. /\r\n placeholder?: string;\r\n /* Desabilita o trigger. /\r\n disabled?: boolean;\r\n /* Alinhamento do popover. Default `\"start\"`. /\r\n align?: \"start\" \| \"center\" \| \"end\";\r\n /* Nº de meses no calendário. Default: 1 (single/multiple), 2 (range). /\r\n numberOfMonths?: number;\r\n /\r\n Locale do CALENDÁRIO (meses, dias da semana). Default `ptBR`.\r\n \r\n Era o único texto em inglês do DS: o trigger já formatava em pt-BR\r\n * (\"12 de março de 2026\") enquanto o calendário abria com \"March\" e \"Mo Tu We\".\r\n * Não era escolha — o `Calendar` nunca recebeu `locale`. O `date-fns` já é\r\n * dependência, então o default custa zero.\r\n /\r\n locale?: typeof ptBR;\r\n /\r\n Data mínima selecionável. Dias anteriores ficam desabilitados no calendário.\r\n \r\n O DS não oferecia limite nenhum, então \"não deixar escolher data futura\" ou\r\n * \"não passar do prazo do projeto\" virava validação DEPOIS do clique — o usuário\r\n * escolhia, e só então recebia o erro.\r\n /\r\n minValue?: Date;\r\n /* Data máxima selecionável. Dias posteriores ficam desabilitados. /\r\n maxValue?: Date;\r\n /\r\n Mostra um \"×\" no trigger pra limpar a seleção. Default `false`.\r\n * Com `clearable`, limpar emite `onValueChange(undefined)`.\r\n /\r\n clearable?: boolean;\r\n /* Nome acessível do botão de limpar. Default: \"Limpar data\". /\r\n clearLabel?: string;\r\n /* className do trigger (mesmos overrides de um input/SelectTrigger). /\r\n className?: string;\r\n}\r\n\r\ninterface SingleDatePickerProps extends BaseDatePickerProps {\r\n /* Seleção única (default). /\r\n mode?: \"single\";\r\n value?: Date;\r\n onValueChange?: (value: Date \| undefined) => void;\r\n}\r\n\r\ninterface RangeDatePickerProps extends BaseDatePickerProps {\r\n /* Seleção de intervalo (início–fim), com o realce de range do DS. /\r\n mode: \"range\";\r\n value?: DateRange;\r\n onValueChange?: (value: DateRange \| undefined) => void;\r\n}\r\n\r\ninterface MultipleDatePickerProps extends BaseDatePickerProps {\r\n /* Seleção de múltiplas datas. /\r\n mode: \"multiple\";\r\n value?: Date[];\r\n onValueChange?: (value: Date[] \| undefined) => void;\r\n}\r\n\r\nexport type DatePickerProps =\r\n \| SingleDatePickerProps\r\n \| RangeDatePickerProps\r\n \| MultipleDatePickerProps;\r\n\r\nconst formatFull = (date: Date) =>\r\n date.toLocaleDateString(\"pt-BR\", {\r\n day: \"2-digit\",\r\n month: \"long\",\r\n year: \"numeric\",\r\n });\r\n\r\nconst formatShort = (date: Date) =>\r\n date.toLocaleDateString(\"pt-BR\", {\r\n day: \"2-digit\",\r\n month: \"short\",\r\n year: \"numeric\",\r\n });\r\n\r\n/\r\n DatePicker — seletor de data(s) num trigger no estilo input do DS + Popover.\r\n * Suporta os modos do Calendar via `mode` (default `\"single\"`):\r\n * - `\"single\"`: uma data. `value: Date`.\r\n * - `\"range\"`: intervalo início–fim (com o realce de range do DS). `value: DateRange`.\r\n * - `\"multiple\"`: várias datas. `value: Date[]`.\r\n * Controlado via `value` / `onValueChange`. Fecha ao completar a seleção\r\n * (single: no clique; range: quando início E fim escolhidos).\r\n /\r\nexport const DatePicker = React.forwardRef<HTMLButtonElement, DatePickerProps>(\r\n (props, ref) => {\r\n const {\r\n placeholder,\r\n disabled,\r\n align = \"start\",\r\n locale = ptBR,\r\n minValue,\r\n maxValue,\r\n clearable,\r\n clearLabel,\r\n className,\r\n } = props;\r\n const [open, setOpen] = React.useState(false);\r\n /\r\n O range fecha no SEGUNDO clique, não no primeiro.\r\n \r\n Antes havia `min={1}` no Calendar, justamente pra o RDP não completar o range no\r\n * primeiro clique e fechar o popover antes de escolher o fim. O efeito colateral era\r\n * tornar impossível um período de UM DIA (`from === to`) — reportado pelo consumidor,\r\n * que manteve o date-range-picker local por causa disso.\r\n \r\n Sem o `min`, o primeiro clique já devolve `{ from, to }` iguais; quem segura o\r\n * popover aberto passa a ser este estado, e não o RDP.\r\n */\r\n const [aguardandoFim, setAguardandoFim] = React.useState(false);\r\n\r\n // O react-day-picker recebe os limites como MATCHERS de dia desabilitado; passar\r\n // `fromDate`/`toDate` só moveria a navegação de mês e continuaria deixando clicar.\r\n const desabilitados = React.useMemo(() => {\r\n const m: Matcher[] = [];\r\n if (minValue) m.push({ before: minValue });\r\n if (maxValue) m.push({ after: maxValue });\r\n return m.length ? m : undefined;\r\n }, [minValue, maxValue]);\r\n\r\n let label: string \| null = null;\r\n let calendar: React.ReactNode;\r\n\r\n if (props.mode === \"range\") {\r\n const v = props.value;\r\n label = v?.from\r\n ? v.to\r\n ? `${formatShort(v.from)} – ${formatShort(v.to)}`\r\n : formatShort(v.from)\r\n : null;\r\n calendar = (\r\n <Calendar\r\n mode=\"range\"\r\n locale={locale}\r\n disabled={desabilitados}\r\n numberOfMonths={props.numberOfMonths ?? 2}\r\n selected={v}\r\n onSelect={(range) => {\r\n props.onValueChange?.(range);\r\n if (!range?.from) {\r\n // Seleção limpa pelo próprio RDP — recomeça a contagem.\r\n setAguardandoFim(false);\r\n return;\r\n }\r\n if (!aguardandoFim) {\r\n setAguardandoFim(true); // 1º clique: segura o popover aberto\r\n return;\r\n }\r\n setAguardandoFim(false);\r\n setOpen(false); // 2º clique fecha, mesmo com from === to\r\n }}\r\n autoFocus\r\n />\r\n );\r\n } else if (props.mode === \"multiple\") {\r\n const v = props.value;\r\n // Plural condicional: com 1 selecionada o texto fixo dizia \"1 datas\r\n // selecionadas\". Aparece sempre que o usuário escolhe a primeira data.\r\n label =\r\n v && v.length > 0\r\n ? v.length === 1\r\n ? \"1 data selecionada\"\r\n : `${v.length} datas selecionadas`\r\n : null;\r\n calendar = (\r\n <Calendar\r\n mode=\"multiple\"\r\r\n locale={locale}\r\n disabled={desabilitados}\r\n numberOfMonths={props.numberOfMonths}\r\n selected={v}\r\n onSelect={(dates) => props.onValueChange?.(dates)}\r\n autoFocus\r\n />\r\n );\r\n } else {\r\n const v = props.value;\r\n label = v ? formatFull(v) : null;\r\n calendar = (\r\n <Calendar\r\n mode=\"single\"\r\r\n locale={locale}\r\n disabled={desabilitados}\r\n numberOfMonths={props.numberOfMonths}\r\n selected={v}\r\n onSelect={(date) => {\r\n props.onValueChange?.(date);\r\n setOpen(false);\r\n }}\r\n />\r\n );\r\n }\r\n\r\n const aoAbrirFechar = (proximo: boolean) => {\r\n setOpen(proximo);\r\n if (!proximo) setAguardandoFim(false);\r\n };\r\n\r\n const limpar = () => {\r\n // O union de props impede chamar `onValueChange` sem estreitar o mode antes.\r\n if (props.mode === \"range\") props.onValueChange?.(undefined);\r\n else if (props.mode === \"multiple\") props.onValueChange?.(undefined);\r\n else props.onValueChange?.(undefined);\r\n };\r\n\r\n const text =\r\n label ??\r\n placeholder ??\r\n (props.mode === \"range\" ? \"Selecione o período\" : \"Selecione a data\");\r\n\r\n return (\r\n <Popover open={open} onOpenChange={aoAbrirFechar}>\r\n <PopoverTrigger asChild>\r\n <button\r\n ref={ref}\r\n type=\"button\"\r\n disabled={disabled}\r\n data-placeholder={label ? undefined : \"\"}\r\n className={cn(\r\n // Trigger espelha o SelectTrigger (`shadcn/select.tsx`), que é o\r\n // precedente do DS pra \"botão que tem que parecer input\": mesmos\r\n // tokens de bg/border/radius/padding/gap e o mesmo tratamento de\r\n // foco (borda + shadow-sh-ring), em vez de `ring-4` de botão.\r\n // Antes divergia em 6 pontos — bg-surface (opaco) no lugar de\r\n // bg-input (translúcido), border-default, radius-md, pad-lg,\r\n // gp-sm e sem hover — e por isso não lia como campo de formulário.\r\n \"flex min-h-form-lg w-full items-center gap-gp-md\",\r\n \"rounded-radius-lg px-pad-xl\",\r\n \"bg-bg-input dark:bg-bg-muted\",\r\n \"hover:bg-bg-input-hover dark:hover:bg-bg-muted-hover\",\r\n \"border border-border-input\",\r\n \"text-body-sm font-normal text-fg-default\",\r\n \"transition-[border-color,box-shadow,background-color] outline-none\",\r\n \"focus-visible:border-border-brand focus-visible:shadow-sh-ring\",\r\n \"data-[state=open]:border-border-brand data-[state=open]:shadow-sh-ring\",\r\n \"disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-bg-input dark:disabled:hover:bg-bg-muted\",\r\n \"data-[placeholder]:text-fg-muted\",\r\n className,\r\n )}\r\n >\r\n <CalendarIcon className=\"size-icon-sm shrink-0 text-fg-muted\" strokeWidth={1.8} />\r\n <span className=\"truncate\">{text}</span>\r\n {clearable && label && !disabled && (\r\n // `<span role=\"button\">` e não `<button>`: o trigger do Popover JÁ é um\r\n // button, e button dentro de button é HTML inválido — o navegador\r\n // desaninha e o × passa a abrir o calendário junto (mesmo motivo da\r\n // anatomia do Chip com onRemove).\r\n <span\r\n role=\"button\"\r\n tabIndex={0}\r\n aria-label={clearLabel ?? \"Limpar data\"}\r\n className=\"-mr-[2px] ml-auto grid size-icon-md shrink-0 place-items-center rounded-radius-full text-fg-muted opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand\"\r\n onClick={(e) => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n limpar();\r\n }}\r\n onKeyDown={(e) => {\r\n if (e.key !== \"Enter\" && e.key !== \" \") return;\r\n e.preventDefault();\r\n e.stopPropagation();\r\n limpar();\r\n }}\r\n >\r\n <X className=\"size-icon-xs\" aria-hidden />\r\n </span>\r\n )}\r\n </button>\r\n </PopoverTrigger>\r\n <PopoverContent align={align} className=\"w-auto p-pad-xl\">\r\n {calendar}\r\n </PopoverContent>\r\n </Popover>\r\n );\r\n },\r\n);\r\n\r\nDatePicker.displayName = \"DatePicker\";\r\n"],"names":["React","locale","ptBR","calendar","jsx","Calendar","jsxs","Popover","PopoverTrigger","cn","CalendarIcon","X","PopoverContent"],"mappings":"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"}

package/dist-lib/src/components/ui/DatePicker/datepicker.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { DateRange } from 'react-day-picker';
+import { ptBR } from 'date-fns/locale';
 import * as React from "react";
 export type { DateRange };
 interface BaseDatePickerProps {
@@ -10,6 +11,15 @@ interface BaseDatePickerProps {
     align?: "start" | "center" | "end";
     /** Nº de meses no calendário. Default: 1 (single/multiple), 2 (range). */
     numberOfMonths?: number;
+    /**
+     * Locale do CALENDÁRIO (meses, dias da semana). Default `ptBR`.
+     *
+     * Era o único texto em inglês do DS: o trigger já formatava em pt-BR
+     * ("12 de março de 2026") enquanto o calendário abria com "March" e "Mo Tu We".
+     * Não era escolha — o `Calendar` nunca recebeu `locale`. O `date-fns` já é
+     * dependência, então o default custa zero.
+     */
+    locale?: typeof ptBR;
     /**
      * Data mínima selecionável. Dias anteriores ficam desabilitados no calendário.
      *

package/dist-lib/src/components/ui/DatePicker/datepicker.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/DatePicker/datepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAW,MAAM,kBAAkB,CAAC;~~AAY3D~~,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B,UAAU,mBAAmB;IAC3B,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,0EAA0E;IAC1E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,qBAAsB,SAAQ,mBAAmB;IACzD,+BAA+B;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;CACnD;AAED,UAAU,oBAAqB,SAAQ,mBAAmB;IACxD,sEAAsE;IACtE,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACxD;AAED,UAAU,uBAAwB,SAAQ,mBAAmB;IAC3D,kCAAkC;IAClC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,MAAM,eAAe,GACvB,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,CAAC;AAgB5B;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,~~2FAsKtB~~,CAAC"}
1	+ {"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/DatePicker/datepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAW,MAAM,kBAAkB,CAAC;AAG3D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAUvC,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B,UAAU,mBAAmB;IAC3B,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,0EAA0E;IAC1E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,IAAI,CAAC;IACrB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,qBAAsB,SAAQ,mBAAmB;IACzD,+BAA+B;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;CACnD;AAED,UAAU,oBAAqB,SAAQ,mBAAmB;IACxD,sEAAsE;IACtE,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACxD;AAED,UAAU,uBAAwB,SAAQ,mBAAmB;IAC3D,kCAAkC;IAClC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,MAAM,eAAe,GACvB,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,CAAC;AAgB5B;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,2FAiMtB,CAAC"}

package/dist-lib/src/components/ui/DatePicker/datepicker.mjs CHANGED Viewed

@@ -2,6 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Calendar as Calendar$1, X } from "lucide-react";
 import { cn } from "../../../lib/utils.mjs";
+import { ptBR } from "date-fns/locale";
 import { Calendar } from "../../shadcn/calendar.mjs";
 import { Popover, PopoverTrigger, PopoverContent } from "../../shadcn/popover.mjs";
 const formatFull = (date) => date.toLocaleDateString("pt-BR", {
@@ -20,6 +21,7 @@ const DatePicker = React.forwardRef(
       placeholder,
       disabled,
       align = "start",
+      locale = ptBR,
       minValue,
       maxValue,
       clearable,
@@ -27,6 +29,7 @@ const DatePicker = React.forwardRef(
       className
     } = props;
     const [open, setOpen] = React.useState(false);
+    const [aguardandoFim, setAguardandoFim] = React.useState(false);
     const desabilitados = React.useMemo(() => {
       const m = [];
       if (minValue) m.push({ before: minValue });
@@ -42,13 +45,22 @@ const DatePicker = React.forwardRef(
         Calendar,
         {
           mode: "range",
+          locale,
           disabled: desabilitados,
-          min: 1,
           numberOfMonths: props.numberOfMonths ?? 2,
           selected: v,
           onSelect: (range) => {
             props.onValueChange?.(range);
-            if (range?.from && range?.to) setOpen(false);
+            if (!range?.from) {
+              setAguardandoFim(false);
+              return;
+            }
+            if (!aguardandoFim) {
+              setAguardandoFim(true);
+              return;
+            }
+            setAguardandoFim(false);
+            setOpen(false);
           },
           autoFocus: true
         }
@@ -60,6 +72,7 @@ const DatePicker = React.forwardRef(
         Calendar,
         {
           mode: "multiple",
+          locale,
           disabled: desabilitados,
           numberOfMonths: props.numberOfMonths,
           selected: v,
@@ -74,6 +87,7 @@ const DatePicker = React.forwardRef(
         Calendar,
         {
           mode: "single",
+          locale,
           disabled: desabilitados,
           numberOfMonths: props.numberOfMonths,
           selected: v,
@@ -84,13 +98,17 @@ const DatePicker = React.forwardRef(
         }
       );
     }
+    const aoAbrirFechar = (proximo) => {
+      setOpen(proximo);
+      if (!proximo) setAguardandoFim(false);
+    };
     const limpar = () => {
       if (props.mode === "range") props.onValueChange?.(void 0);
       else if (props.mode === "multiple") props.onValueChange?.(void 0);
       else props.onValueChange?.(void 0);
     };
     const text = label ?? placeholder ?? (props.mode === "range" ? "Selecione o período" : "Selecione a data");
-    return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: aoAbrirFechar, children: [
       /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
         "button",
         {

package/dist-lib/src/components/ui/DatePicker/datepicker.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"datepicker.mjs","sources":["../../../../../src/components/ui/DatePicker/datepicker.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { Calendar as CalendarIcon } from \"lucide-react\";\r\nimport type { DateRange, Matcher } from \"react-day-picker\";\r\n\r\nimport { cn } from \"@/lib/utils\";\r\nimport { X } from \"lucide-react\";\r\n\r\nimport { Calendar } from \"@/components/shadcn/calendar\";\r\nimport {\r\n Popover,\r\n PopoverContent,\r\n PopoverTrigger,\r\n} from \"@/components/shadcn/popover\";\r\n\r\nexport type { DateRange };\r\n\r\ninterface BaseDatePickerProps {\r\n /** Texto do trigger quando nada está selecionado. /\r\n placeholder?: string;\r\n /* Desabilita o trigger. /\r\n disabled?: boolean;\r\n /* Alinhamento do popover. Default `\"start\"`. /\r\n align?: \"start\" \| \"center\" \| \"end\";\r\n /* Nº de meses no calendário. Default: 1 (single/multiple), 2 (range). /\r\n numberOfMonths?: number;\r\n /\r\n Data mínima selecionável. Dias anteriores ficam desabilitados no calendário.\r\n \r\n O DS não oferecia limite nenhum, então \"não deixar escolher data futura\" ou\r\n * \"não passar do prazo do projeto\" virava validação DEPOIS do clique — o usuário\r\n * escolhia, e só então recebia o erro.\r\n /\r\n minValue?: Date;\r\n /* Data máxima selecionável. Dias posteriores ficam desabilitados. /\r\n maxValue?: Date;\r\n /\r\n Mostra um \"×\" no trigger pra limpar a seleção. Default `false`.\r\n * Com `clearable`, limpar emite `onValueChange(undefined)`.\r\n /\r\n clearable?: boolean;\r\n /* Nome acessível do botão de limpar. Default: \"Limpar data\". /\r\n clearLabel?: string;\r\n /* className do trigger (mesmos overrides de um input/SelectTrigger). /\r\n className?: string;\r\n}\r\n\r\ninterface SingleDatePickerProps extends BaseDatePickerProps {\r\n /* Seleção única (default). /\r\n mode?: \"single\";\r\n value?: Date;\r\n onValueChange?: (value: Date \| undefined) => void;\r\n}\r\n\r\ninterface RangeDatePickerProps extends BaseDatePickerProps {\r\n /* Seleção de intervalo (início–fim), com o realce de range do DS. /\r\n mode: \"range\";\r\n value?: DateRange;\r\n onValueChange?: (value: DateRange \| undefined) => void;\r\n}\r\n\r\ninterface MultipleDatePickerProps extends BaseDatePickerProps {\r\n /* Seleção de múltiplas datas. /\r\n mode: \"multiple\";\r\n value?: Date[];\r\n onValueChange?: (value: Date[] \| undefined) => void;\r\n}\r\n\r\nexport type DatePickerProps =\r\n \| SingleDatePickerProps\r\n \| RangeDatePickerProps\r\n \| MultipleDatePickerProps;\r\n\r\nconst formatFull = (date: Date) =>\r\n date.toLocaleDateString(\"pt-BR\", {\r\n day: \"2-digit\",\r\n month: \"long\",\r\n year: \"numeric\",\r\n });\r\n\r\nconst formatShort = (date: Date) =>\r\n date.toLocaleDateString(\"pt-BR\", {\r\n day: \"2-digit\",\r\n month: \"short\",\r\n year: \"numeric\",\r\n });\r\n\r\n/\r\n DatePicker — seletor de data(s) num trigger no estilo input do DS + Popover.\r\n * Suporta os modos do Calendar via `mode` (default `\"single\"`):\r\n * - `\"single\"`: uma data. `value: Date`.\r\n * - `\"range\"`: intervalo início–fim (com o realce de range do DS). `value: DateRange`.\r\n * - `\"multiple\"`: várias datas. `value: Date[]`.\r\n * Controlado via `value` / `onValueChange`. Fecha ao completar a seleção\r\n * (single: no clique; range: quando início E fim escolhidos).\r\n */\r\nexport const DatePicker = React.forwardRef<HTMLButtonElement, DatePickerProps>(\r\n (props, ref) => {\r\n const {\r\n placeholder,\r\n disabled,\r\n align = \"start\",\r\n minValue,\r\n maxValue,\r\n clearable,\r\n clearLabel,\r\n className,\r\n } = props;\r\n const [open, setOpen] = React.useState(false);\r\n\r\n // O react-day-picker recebe os limites como MATCHERS de dia desabilitado; passar\r\n // `fromDate`/`toDate` só moveria a navegação de mês e continuaria deixando clicar.\r\n const desabilitados = React.useMemo(() => {\r\n const m: Matcher[] = [];\r\n if (minValue) m.push({ before: minValue });\r\n if (maxValue) m.push({ after: maxValue });\r\n return m.length ? m : undefined;\r\n }, [minValue, maxValue]);\r\n\r\n let label: string \| null = null;\r\n let calendar: React.ReactNode;\r\n\r\n if (props.mode === \"range\") {\r\n const v = props.value;\r\n label = v?.from\r\n ? v.to\r\n ? `${formatShort(v.from)} – ${formatShort(v.to)}`\r\n : formatShort(v.from)\r\n : null;\r\n calendar = (\r\n <Calendar\r\n mode=\"range\"\r\r\n disabled={desabilitados}\r\n // min=1: sem isso o RDP completa o range no PRIMEIRO clique\r\n // ({from,to} iguais), fechando o popover e impedindo escolher o fim.\r\n min={1}\r\n numberOfMonths={props.numberOfMonths ?? 2}\r\n selected={v}\r\n onSelect={(range) => {\r\n props.onValueChange?.(range);\r\n if (range?.from && range?.to) setOpen(false);\r\n }}\r\n autoFocus\r\n />\r\n );\r\n } else if (props.mode === \"multiple\") {\r\n const v = props.value;\r\n // Plural condicional: com 1 selecionada o texto fixo dizia \"1 datas\r\n // selecionadas\". Aparece sempre que o usuário escolhe a primeira data.\r\n label =\r\n v && v.length > 0\r\n ? v.length === 1\r\n ? \"1 data selecionada\"\r\n : `${v.length} datas selecionadas`\r\n : null;\r\n calendar = (\r\n <Calendar\r\n mode=\"multiple\"\r\r\n disabled={desabilitados}\r\n numberOfMonths={props.numberOfMonths}\r\n selected={v}\r\n onSelect={(dates) => props.onValueChange?.(dates)}\r\n autoFocus\r\n />\r\n );\r\n } else {\r\n const v = props.value;\r\n label = v ? formatFull(v) : null;\r\n calendar = (\r\n <Calendar\r\n mode=\"single\"\r\r\n disabled={desabilitados}\r\n numberOfMonths={props.numberOfMonths}\r\n selected={v}\r\n onSelect={(date) => {\r\n props.onValueChange?.(date);\r\n setOpen(false);\r\n }}\r\n />\r\n );\r\n }\r\n\r\n const limpar = () => {\r\n // O union de props impede chamar `onValueChange` sem estreitar o mode antes.\r\n if (props.mode === \"range\") props.onValueChange?.(undefined);\r\n else if (props.mode === \"multiple\") props.onValueChange?.(undefined);\r\n else props.onValueChange?.(undefined);\r\n };\r\n\r\n const text =\r\n label ??\r\n placeholder ??\r\n (props.mode === \"range\" ? \"Selecione o período\" : \"Selecione a data\");\r\n\r\n return (\r\n <Popover open={open} onOpenChange={setOpen}>\r\n <PopoverTrigger asChild>\r\n <button\r\n ref={ref}\r\n type=\"button\"\r\n disabled={disabled}\r\n data-placeholder={label ? undefined : \"\"}\r\n className={cn(\r\n // Trigger espelha o SelectTrigger (`shadcn/select.tsx`), que é o\r\n // precedente do DS pra \"botão que tem que parecer input\": mesmos\r\n // tokens de bg/border/radius/padding/gap e o mesmo tratamento de\r\n // foco (borda + shadow-sh-ring), em vez de `ring-4` de botão.\r\n // Antes divergia em 6 pontos — bg-surface (opaco) no lugar de\r\n // bg-input (translúcido), border-default, radius-md, pad-lg,\r\n // gp-sm e sem hover — e por isso não lia como campo de formulário.\r\n \"flex min-h-form-lg w-full items-center gap-gp-md\",\r\n \"rounded-radius-lg px-pad-xl\",\r\n \"bg-bg-input dark:bg-bg-muted\",\r\n \"hover:bg-bg-input-hover dark:hover:bg-bg-muted-hover\",\r\n \"border border-border-input\",\r\n \"text-body-sm font-normal text-fg-default\",\r\n \"transition-[border-color,box-shadow,background-color] outline-none\",\r\n \"focus-visible:border-border-brand focus-visible:shadow-sh-ring\",\r\n \"data-[state=open]:border-border-brand data-[state=open]:shadow-sh-ring\",\r\n \"disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-bg-input dark:disabled:hover:bg-bg-muted\",\r\n \"data-[placeholder]:text-fg-muted\",\r\n className,\r\n )}\r\n >\r\n <CalendarIcon className=\"size-icon-sm shrink-0 text-fg-muted\" strokeWidth={1.8} />\r\n <span className=\"truncate\">{text}</span>\r\n {clearable && label && !disabled && (\r\n // `<span role=\"button\">` e não `<button>`: o trigger do Popover JÁ é um\r\n // button, e button dentro de button é HTML inválido — o navegador\r\n // desaninha e o × passa a abrir o calendário junto (mesmo motivo da\r\n // anatomia do Chip com onRemove).\r\n <span\r\n role=\"button\"\r\n tabIndex={0}\r\n aria-label={clearLabel ?? \"Limpar data\"}\r\n className=\"-mr-[2px] ml-auto grid size-icon-md shrink-0 place-items-center rounded-radius-full text-fg-muted opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand\"\r\n onClick={(e) => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n limpar();\r\n }}\r\n onKeyDown={(e) => {\r\n if (e.key !== \"Enter\" && e.key !== \" \") return;\r\n e.preventDefault();\r\n e.stopPropagation();\r\n limpar();\r\n }}\r\n >\r\n <X className=\"size-icon-xs\" aria-hidden />\r\n </span>\r\n )}\r\n </button>\r\n </PopoverTrigger>\r\n <PopoverContent align={align} className=\"w-auto p-pad-xl\">\r\n {calendar}\r\n </PopoverContent>\r\n </Popover>\r\n );\r\n },\r\n);\r\n\r\nDatePicker.displayName = \"DatePicker\";\r\n"],"names":["CalendarIcon"],"mappings":";;;;;;AAwEA,MAAM,aAAa,CAAC,SAClB,KAAK,mBAAmB,SAAS;AAAA,EAC/B,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AACR,CAAC;AAEH,MAAM,cAAc,CAAC,SACnB,KAAK,mBAAmB,SAAS;AAAA,EAC/B,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AACR,CAAC;AAWI,MAAM,aAAa,MAAM;AAAA,EAC9B,CAAC,OAAO,QAAQ;AACd,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACE;AACJ,UAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAI5C,UAAM,gBAAgB,MAAM,QAAQ,MAAM;AACxC,YAAM,IAAe,CAAA;AACrB,UAAI,SAAU,GAAE,KAAK,EAAE,QAAQ,UAAU;AACzC,UAAI,SAAU,GAAE,KAAK,EAAE,OAAO,UAAU;AACxC,aAAO,EAAE,SAAS,IAAI;AAAA,IACxB,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,QAAI,QAAuB;AAC3B,QAAI;AAEJ,QAAI,MAAM,SAAS,SAAS;AAC1B,YAAM,IAAI,MAAM;AAChB,cAAQ,GAAG,OACP,EAAE,KACA,GAAG,YAAY,EAAE,IAAI,CAAC,MAAM,YAAY,EAAE,EAAE,CAAC,KAC7C,YAAY,EAAE,IAAI,IACpB;AACJ,iBACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UAEL,UAAU;AAAA,UAGV,KAAK;AAAA,UACL,gBAAgB,MAAM,kBAAkB;AAAA,UACxC,UAAU;AAAA,UACV,UAAU,CAAC,UAAU;AACnB,kBAAM,gBAAgB,KAAK;AAC3B,gBAAI,OAAO,QAAQ,OAAO,YAAY,KAAK;AAAA,UAC7C;AAAA,UACA,WAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAGf,WAAW,MAAM,SAAS,YAAY;AACpC,YAAM,IAAI,MAAM;AAGhB,cACE,KAAK,EAAE,SAAS,IACZ,EAAE,WAAW,IACX,uBACA,GAAG,EAAE,MAAM,wBACb;AACN,iBACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UAEL,UAAU;AAAA,UACV,gBAAgB,MAAM;AAAA,UACtB,UAAU;AAAA,UACV,UAAU,CAAC,UAAU,MAAM,gBAAgB,KAAK;AAAA,UAChD,WAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAGf,OAAO;AACL,YAAM,IAAI,MAAM;AAChB,cAAQ,IAAI,WAAW,CAAC,IAAI;AAC5B,iBACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UAEL,UAAU;AAAA,UACV,gBAAgB,MAAM;AAAA,UACtB,UAAU;AAAA,UACV,UAAU,CAAC,SAAS;AAClB,kBAAM,gBAAgB,IAAI;AAC1B,oBAAQ,KAAK;AAAA,UACf;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AAEA,UAAM,SAAS,MAAM;AAEnB,UAAI,MAAM,SAAS,QAAS,OAAM,gBAAgB,MAAS;AAAA,eAClD,MAAM,SAAS,WAAY,OAAM,gBAAgB,MAAS;AAAA,UAC9D,OAAM,gBAAgB,MAAS;AAAA,IACtC;AAEA,UAAM,OACJ,SACA,gBACC,MAAM,SAAS,UAAU,wBAAwB;AAEpD,WACE,qBAAC,SAAA,EAAQ,MAAY,cAAc,SACjC,UAAA;AAAA,MAAA,oBAAC,gBAAA,EAAe,SAAO,MACrB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UACA,oBAAkB,QAAQ,SAAY;AAAA,UACtC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGF,UAAA;AAAA,YAAA,oBAACA,YAAA,EAAa,WAAU,uCAAsC,aAAa,KAAK;AAAA,YAChF,oBAAC,QAAA,EAAK,WAAU,YAAY,UAAA,MAAK;AAAA,YAChC,aAAa,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA,YAKtB;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAU;AAAA,gBACV,cAAY,cAAc;AAAA,gBAC1B,WAAU;AAAA,gBACV,SAAS,CAAC,MAAM;AACd,oBAAE,eAAA;AACF,oBAAE,gBAAA;AACF,yBAAA;AAAA,gBACF;AAAA,gBACA,WAAW,CAAC,MAAM;AAChB,sBAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,IAAK;AACxC,oBAAE,eAAA;AACF,oBAAE,gBAAA;AACF,yBAAA;AAAA,gBACF;AAAA,gBAEA,UAAA,oBAAC,GAAA,EAAE,WAAU,gBAAe,eAAW,KAAA,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,UAC1C;AAAA,QAAA;AAAA,MAAA,GAGN;AAAA,MACA,oBAAC,gBAAA,EAAe,OAAc,WAAU,mBACrC,UAAA,SAAA,CACH;AAAA,IAAA,GACF;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;"}
1	+ {"version":3,"file":"datepicker.mjs","sources":["../../../../../src/components/ui/DatePicker/datepicker.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { Calendar as CalendarIcon } from \"lucide-react\";\r\nimport type { DateRange, Matcher } from \"react-day-picker\";\r\n\r\nimport { cn } from \"@/lib/utils\";\r\nimport { ptBR } from \"date-fns/locale\";\r\nimport { X } from \"lucide-react\";\r\n\r\nimport { Calendar } from \"@/components/shadcn/calendar\";\r\nimport {\r\n Popover,\r\n PopoverContent,\r\n PopoverTrigger,\r\n} from \"@/components/shadcn/popover\";\r\n\r\nexport type { DateRange };\r\n\r\ninterface BaseDatePickerProps {\r\n /** Texto do trigger quando nada está selecionado. /\r\n placeholder?: string;\r\n /* Desabilita o trigger. /\r\n disabled?: boolean;\r\n /* Alinhamento do popover. Default `\"start\"`. /\r\n align?: \"start\" \| \"center\" \| \"end\";\r\n /* Nº de meses no calendário. Default: 1 (single/multiple), 2 (range). /\r\n numberOfMonths?: number;\r\n /\r\n Locale do CALENDÁRIO (meses, dias da semana). Default `ptBR`.\r\n \r\n Era o único texto em inglês do DS: o trigger já formatava em pt-BR\r\n * (\"12 de março de 2026\") enquanto o calendário abria com \"March\" e \"Mo Tu We\".\r\n * Não era escolha — o `Calendar` nunca recebeu `locale`. O `date-fns` já é\r\n * dependência, então o default custa zero.\r\n /\r\n locale?: typeof ptBR;\r\n /\r\n Data mínima selecionável. Dias anteriores ficam desabilitados no calendário.\r\n \r\n O DS não oferecia limite nenhum, então \"não deixar escolher data futura\" ou\r\n * \"não passar do prazo do projeto\" virava validação DEPOIS do clique — o usuário\r\n * escolhia, e só então recebia o erro.\r\n /\r\n minValue?: Date;\r\n /* Data máxima selecionável. Dias posteriores ficam desabilitados. /\r\n maxValue?: Date;\r\n /\r\n Mostra um \"×\" no trigger pra limpar a seleção. Default `false`.\r\n * Com `clearable`, limpar emite `onValueChange(undefined)`.\r\n /\r\n clearable?: boolean;\r\n /* Nome acessível do botão de limpar. Default: \"Limpar data\". /\r\n clearLabel?: string;\r\n /* className do trigger (mesmos overrides de um input/SelectTrigger). /\r\n className?: string;\r\n}\r\n\r\ninterface SingleDatePickerProps extends BaseDatePickerProps {\r\n /* Seleção única (default). /\r\n mode?: \"single\";\r\n value?: Date;\r\n onValueChange?: (value: Date \| undefined) => void;\r\n}\r\n\r\ninterface RangeDatePickerProps extends BaseDatePickerProps {\r\n /* Seleção de intervalo (início–fim), com o realce de range do DS. /\r\n mode: \"range\";\r\n value?: DateRange;\r\n onValueChange?: (value: DateRange \| undefined) => void;\r\n}\r\n\r\ninterface MultipleDatePickerProps extends BaseDatePickerProps {\r\n /* Seleção de múltiplas datas. /\r\n mode: \"multiple\";\r\n value?: Date[];\r\n onValueChange?: (value: Date[] \| undefined) => void;\r\n}\r\n\r\nexport type DatePickerProps =\r\n \| SingleDatePickerProps\r\n \| RangeDatePickerProps\r\n \| MultipleDatePickerProps;\r\n\r\nconst formatFull = (date: Date) =>\r\n date.toLocaleDateString(\"pt-BR\", {\r\n day: \"2-digit\",\r\n month: \"long\",\r\n year: \"numeric\",\r\n });\r\n\r\nconst formatShort = (date: Date) =>\r\n date.toLocaleDateString(\"pt-BR\", {\r\n day: \"2-digit\",\r\n month: \"short\",\r\n year: \"numeric\",\r\n });\r\n\r\n/\r\n DatePicker — seletor de data(s) num trigger no estilo input do DS + Popover.\r\n * Suporta os modos do Calendar via `mode` (default `\"single\"`):\r\n * - `\"single\"`: uma data. `value: Date`.\r\n * - `\"range\"`: intervalo início–fim (com o realce de range do DS). `value: DateRange`.\r\n * - `\"multiple\"`: várias datas. `value: Date[]`.\r\n * Controlado via `value` / `onValueChange`. Fecha ao completar a seleção\r\n * (single: no clique; range: quando início E fim escolhidos).\r\n /\r\nexport const DatePicker = React.forwardRef<HTMLButtonElement, DatePickerProps>(\r\n (props, ref) => {\r\n const {\r\n placeholder,\r\n disabled,\r\n align = \"start\",\r\n locale = ptBR,\r\n minValue,\r\n maxValue,\r\n clearable,\r\n clearLabel,\r\n className,\r\n } = props;\r\n const [open, setOpen] = React.useState(false);\r\n /\r\n O range fecha no SEGUNDO clique, não no primeiro.\r\n \r\n Antes havia `min={1}` no Calendar, justamente pra o RDP não completar o range no\r\n * primeiro clique e fechar o popover antes de escolher o fim. O efeito colateral era\r\n * tornar impossível um período de UM DIA (`from === to`) — reportado pelo consumidor,\r\n * que manteve o date-range-picker local por causa disso.\r\n \r\n Sem o `min`, o primeiro clique já devolve `{ from, to }` iguais; quem segura o\r\n * popover aberto passa a ser este estado, e não o RDP.\r\n */\r\n const [aguardandoFim, setAguardandoFim] = React.useState(false);\r\n\r\n // O react-day-picker recebe os limites como MATCHERS de dia desabilitado; passar\r\n // `fromDate`/`toDate` só moveria a navegação de mês e continuaria deixando clicar.\r\n const desabilitados = React.useMemo(() => {\r\n const m: Matcher[] = [];\r\n if (minValue) m.push({ before: minValue });\r\n if (maxValue) m.push({ after: maxValue });\r\n return m.length ? m : undefined;\r\n }, [minValue, maxValue]);\r\n\r\n let label: string \| null = null;\r\n let calendar: React.ReactNode;\r\n\r\n if (props.mode === \"range\") {\r\n const v = props.value;\r\n label = v?.from\r\n ? v.to\r\n ? `${formatShort(v.from)} – ${formatShort(v.to)}`\r\n : formatShort(v.from)\r\n : null;\r\n calendar = (\r\n <Calendar\r\n mode=\"range\"\r\n locale={locale}\r\n disabled={desabilitados}\r\n numberOfMonths={props.numberOfMonths ?? 2}\r\n selected={v}\r\n onSelect={(range) => {\r\n props.onValueChange?.(range);\r\n if (!range?.from) {\r\n // Seleção limpa pelo próprio RDP — recomeça a contagem.\r\n setAguardandoFim(false);\r\n return;\r\n }\r\n if (!aguardandoFim) {\r\n setAguardandoFim(true); // 1º clique: segura o popover aberto\r\n return;\r\n }\r\n setAguardandoFim(false);\r\n setOpen(false); // 2º clique fecha, mesmo com from === to\r\n }}\r\n autoFocus\r\n />\r\n );\r\n } else if (props.mode === \"multiple\") {\r\n const v = props.value;\r\n // Plural condicional: com 1 selecionada o texto fixo dizia \"1 datas\r\n // selecionadas\". Aparece sempre que o usuário escolhe a primeira data.\r\n label =\r\n v && v.length > 0\r\n ? v.length === 1\r\n ? \"1 data selecionada\"\r\n : `${v.length} datas selecionadas`\r\n : null;\r\n calendar = (\r\n <Calendar\r\n mode=\"multiple\"\r\r\n locale={locale}\r\n disabled={desabilitados}\r\n numberOfMonths={props.numberOfMonths}\r\n selected={v}\r\n onSelect={(dates) => props.onValueChange?.(dates)}\r\n autoFocus\r\n />\r\n );\r\n } else {\r\n const v = props.value;\r\n label = v ? formatFull(v) : null;\r\n calendar = (\r\n <Calendar\r\n mode=\"single\"\r\r\n locale={locale}\r\n disabled={desabilitados}\r\n numberOfMonths={props.numberOfMonths}\r\n selected={v}\r\n onSelect={(date) => {\r\n props.onValueChange?.(date);\r\n setOpen(false);\r\n }}\r\n />\r\n );\r\n }\r\n\r\n const aoAbrirFechar = (proximo: boolean) => {\r\n setOpen(proximo);\r\n if (!proximo) setAguardandoFim(false);\r\n };\r\n\r\n const limpar = () => {\r\n // O union de props impede chamar `onValueChange` sem estreitar o mode antes.\r\n if (props.mode === \"range\") props.onValueChange?.(undefined);\r\n else if (props.mode === \"multiple\") props.onValueChange?.(undefined);\r\n else props.onValueChange?.(undefined);\r\n };\r\n\r\n const text =\r\n label ??\r\n placeholder ??\r\n (props.mode === \"range\" ? \"Selecione o período\" : \"Selecione a data\");\r\n\r\n return (\r\n <Popover open={open} onOpenChange={aoAbrirFechar}>\r\n <PopoverTrigger asChild>\r\n <button\r\n ref={ref}\r\n type=\"button\"\r\n disabled={disabled}\r\n data-placeholder={label ? undefined : \"\"}\r\n className={cn(\r\n // Trigger espelha o SelectTrigger (`shadcn/select.tsx`), que é o\r\n // precedente do DS pra \"botão que tem que parecer input\": mesmos\r\n // tokens de bg/border/radius/padding/gap e o mesmo tratamento de\r\n // foco (borda + shadow-sh-ring), em vez de `ring-4` de botão.\r\n // Antes divergia em 6 pontos — bg-surface (opaco) no lugar de\r\n // bg-input (translúcido), border-default, radius-md, pad-lg,\r\n // gp-sm e sem hover — e por isso não lia como campo de formulário.\r\n \"flex min-h-form-lg w-full items-center gap-gp-md\",\r\n \"rounded-radius-lg px-pad-xl\",\r\n \"bg-bg-input dark:bg-bg-muted\",\r\n \"hover:bg-bg-input-hover dark:hover:bg-bg-muted-hover\",\r\n \"border border-border-input\",\r\n \"text-body-sm font-normal text-fg-default\",\r\n \"transition-[border-color,box-shadow,background-color] outline-none\",\r\n \"focus-visible:border-border-brand focus-visible:shadow-sh-ring\",\r\n \"data-[state=open]:border-border-brand data-[state=open]:shadow-sh-ring\",\r\n \"disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-bg-input dark:disabled:hover:bg-bg-muted\",\r\n \"data-[placeholder]:text-fg-muted\",\r\n className,\r\n )}\r\n >\r\n <CalendarIcon className=\"size-icon-sm shrink-0 text-fg-muted\" strokeWidth={1.8} />\r\n <span className=\"truncate\">{text}</span>\r\n {clearable && label && !disabled && (\r\n // `<span role=\"button\">` e não `<button>`: o trigger do Popover JÁ é um\r\n // button, e button dentro de button é HTML inválido — o navegador\r\n // desaninha e o × passa a abrir o calendário junto (mesmo motivo da\r\n // anatomia do Chip com onRemove).\r\n <span\r\n role=\"button\"\r\n tabIndex={0}\r\n aria-label={clearLabel ?? \"Limpar data\"}\r\n className=\"-mr-[2px] ml-auto grid size-icon-md shrink-0 place-items-center rounded-radius-full text-fg-muted opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand\"\r\n onClick={(e) => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n limpar();\r\n }}\r\n onKeyDown={(e) => {\r\n if (e.key !== \"Enter\" && e.key !== \" \") return;\r\n e.preventDefault();\r\n e.stopPropagation();\r\n limpar();\r\n }}\r\n >\r\n <X className=\"size-icon-xs\" aria-hidden />\r\n </span>\r\n )}\r\n </button>\r\n </PopoverTrigger>\r\n <PopoverContent align={align} className=\"w-auto p-pad-xl\">\r\n {calendar}\r\n </PopoverContent>\r\n </Popover>\r\n );\r\n },\r\n);\r\n\r\nDatePicker.displayName = \"DatePicker\";\r\n"],"names":["CalendarIcon"],"mappings":"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"}

package/dist-lib/src/components/ui/FileUploadField/file-upload-field.cjs CHANGED Viewed

@@ -90,10 +90,7 @@ function FileUploadField({
     onChange(null);
     resetInput();
   };
-  const hint = [
-    accept ? accept : null,
-    maxSizeMB != null ? `máx. ${maxSizeMB}MB` : null
-  ].filter(Boolean).join(" · ");
+  const hint = texts?.hint ?? [accept ? accept : null, maxSizeMB != null ? `máx. ${maxSizeMB}MB` : null].filter(Boolean).join(" · ");
   const chamada = texts?.drop ?? "Clique para anexar";
   const displayName = value instanceof File ? value.name : fileName ?? texts?.fallbackFileName ?? "Arquivo";
   const isImage = value != null && resolveIsImage(value, preview, accept);

package/dist-lib/src/components/ui/FileUploadField/file-upload-field.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"file-upload-field.cjs","sources":["../../../../../src/components/ui/FileUploadField/file-upload-field.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\r\nimport { FormField } from \"@/components/ui/FormField\";\r\nimport { Button } from \"@/components/ui/Button\";\r\nimport { Chip } from \"@/components/ui/Chip\";\r\nimport { IconSvg } from \"@/components/ui/Icon/icon-svg\";\r\nimport { lineBin, lineCloudUpload, lineFile } from \"@/components/ui/Icon/icon-glyphs\";\r\nimport { fileUploadFieldStyles } from \"./file-upload-field.styles\";\r\nimport type {\r\n FileUploadFieldProps,\r\n FileUploadPreview,\r\n} from \"./file-upload-field.types\";\r\n\r\n/** Decide se o value deve ser exibido como imagem (thumbnail) ou como chip de arquivo. /\r\nfunction resolveIsImage(\r\n value: File \| string,\r\n preview: FileUploadPreview,\r\n accept?: string,\r\n): boolean {\r\n if (preview === \"image\") return true;\r\n if (preview === \"file\") return false;\r\n // auto — infere por MIME (File) ou por accept (URL string)\r\n if (value instanceof File) return value.type.startsWith(\"image/\");\r\n if (accept) return /image\\//.test(accept) \|\| /\\.(png\|jpe?g\|gif\|webp\|svg\|avif)/i.test(accept);\r\n return /\\.(png\|jpe?g\|gif\|webp\|svg\|avif)(\\?\|$)/i.test(value);\r\n}\r\n\r\n/* Valida tipo contra `accept` (suporta `image/`, `image/png`, `.pdf`). /\r\nfunction matchesAccept(file: File, accept?: string): boolean {\r\n if (!accept) return true;\r\n const tokens = accept.split(\",\").map((t) => t.trim().toLowerCase());\r\n const name = file.name.toLowerCase();\r\n const mime = file.type.toLowerCase();\r\n return tokens.some((token) => {\r\n if (!token) return false;\r\n if (token.startsWith(\".\")) return name.endsWith(token);\r\n if (token.endsWith(\"/\")) return mime.startsWith(token.slice(0, token.length - 1));\r\n return mime === token;\r\n });\r\n}\r\n\r\n/\r\n FileUploadField — captura de UM arquivo (dumb: só captura File + preview).\r\n * O consumidor é responsável pelo upload. Composto de FormField + Button + Chip + Icon.\r\n \r\n - Estado VAZIO (`value == null`): dropzone `<button>` que abre o seletor nativo.\r\n * - Estado COM-ARQUIVO: preview (thumbnail de imagem ou Chip de arquivo) + remover.\r\n * - Rejeição por tipo/tamanho: arquivo NÃO vira value; dispara `onError(\"type\"\|\"size\")`.\r\n \r\n A11y: dropzone é `<button>` (Enter/Space abrem o seletor); input file hidden\r\n * com id linkado ao FormField; thumbnail com `alt`; remover icon-only com aria-label.\r\n * Drag & drop é fase 2 (não implementado — API preservada).\r\n /\r\nexport function FileUploadField({\r\n value,\r\n onChange,\r\n accept,\r\n maxSizeMB,\r\n preview = \"auto\",\r\r\n fileName,\r\n texts,\r\n label,\r\n required,\r\n state,\r\n errorMessage,\r\n helperText,\r\n onError,\r\n disabled,\r\n id,\r\n className,\r\n}: FileUploadFieldProps) {\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n const styles = fileUploadFieldStyles({ disabled });\r\n\r\n // Object URL pra preview de File (revogado ao trocar/desmontar).\r\n const [objectUrl, setObjectUrl] = useState<string \| null>(null);\r\n useEffect(() => {\r\n if (value instanceof File) {\r\n const url = URL.createObjectURL(value);\r\n setObjectUrl(url);\r\n return () => URL.revokeObjectURL(url);\r\n }\r\n setObjectUrl(null);\r\n return undefined;\r\n }, [value]);\r\n\r\n const openPicker = () => {\r\n if (disabled) return;\r\n inputRef.current?.click();\r\n };\r\n\r\n const handleFiles = (file: File \| undefined) => {\r\n if (!file) return;\r\n if (!matchesAccept(file, accept)) {\r\n onError?.(\"type\");\r\n resetInput();\r\n return;\r\n }\r\n if (maxSizeMB != null && file.size > maxSizeMB 1024 * 1024) {\r\n onError?.(\"size\");\r\n resetInput();\r\n return;\r\n }\r\n onChange(file);\r\n };\r\n\r\n const resetInput = () => {\r\n if (inputRef.current) inputRef.current.value = \"\";\r\n };\r\n\r\n const handleRemove = () => {\r\n onChange(null);\r\n resetInput();\r\n };\r\n\r\n const hint = [\r\n accept ? accept : null,\r\n maxSizeMB != null ? `máx. ${maxSizeMB}MB` : null,\r\n ]\r\n .filter(Boolean)\r\n .join(\" · \");\r\n\r\n /** Chamada da área de drop. Literal PT-BR era cravado aqui até 2026-09-23. */\r\n const chamada = texts?.drop ?? \"Clique para anexar\";\r\n\r\n const displayName =\r\n value instanceof File\r\n ? value.name\r\n : (fileName ?? texts?.fallbackFileName ?? \"Arquivo\");\r\n const isImage = value != null && resolveIsImage(value, preview, accept);\r\n const imageSrc = value instanceof File ? objectUrl : (value as string \| null);\r\n\r\n return (\r\n <FormField\r\n label={label}\r\n required={required}\r\n state={state}\r\n errorMessage={errorMessage}\r\n helperText={helperText}\r\n className={className}\r\n id={id}\r\n disabled={disabled}\r\n >\r\n {({ id: fieldId }) => (\r\n <div>\r\n <input\r\n ref={inputRef}\r\n id={fieldId}\r\n type=\"file\"\r\n accept={accept}\r\n disabled={disabled}\r\n className=\"hidden\"\r\n onChange={(e) => handleFiles(e.target.files?.[0])}\r\n />\r\n\r\n {value == null ? (\r\n <button\r\n type=\"button\"\r\n onClick={openPicker}\r\n disabled={disabled}\r\n aria-label={\r\n label ? `${label}: ${chamada.toLowerCase()}` : chamada\r\n }\r\n className={styles.dropzone()}\r\n >\r\n <IconSvg glyph={lineCloudUpload} size=\"lg\" className={styles.dropIcon()} />\r\n <span className={styles.dropTexts()}>\r\n <span className={styles.dropText()}>{chamada}</span>\r\n {hint && <span className={styles.dropHint()}>{hint}</span>}\r\n </span>\r\n </button>\r\n ) : (\r\n <div className={styles.fileRow()}>\r\n {isImage && imageSrc ? (\r\n <img src={imageSrc} alt={displayName} className={styles.thumb()} />\r\n ) : (\r\n <div className={styles.fileChipWrap()}>\r\n <Chip color=\"neutral\" variant=\"soft\" size=\"lg\" className=\"max-w-full\">\r\n <IconSvg glyph={lineFile} size=\"sm\" />\r\n <span className={styles.fileName()}>{displayName}</span>\r\n </Chip>\r\n </div>\r\n )}\r\n <div className={styles.removeWrap()}>\r\n <Button\r\n type=\"button\"\r\n color=\"critical\"\r\n variant=\"ghost\"\r\n size=\"icon-sm\"\r\n disabled={disabled}\r\n aria-label={texts?.remove ?? \"Remover arquivo\"}\r\n onClick={handleRemove}\r\n >\r\n <IconSvg glyph={lineBin} size=\"sm\" />\r\n </Button>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n </FormField>\r\n );\r\n}\r\n"],"names":["useRef","fileUploadFieldStyles","useState","useEffect","jsx","FormField","jsxs","IconSvg","lineCloudUpload","Chip","lineFile","Button","lineBin"],"mappings":"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"}
1	+ {"version":3,"file":"file-upload-field.cjs","sources":["../../../../../src/components/ui/FileUploadField/file-upload-field.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\r\nimport { FormField } from \"@/components/ui/FormField\";\r\nimport { Button } from \"@/components/ui/Button\";\r\nimport { Chip } from \"@/components/ui/Chip\";\r\nimport { IconSvg } from \"@/components/ui/Icon/icon-svg\";\r\nimport { lineBin, lineCloudUpload, lineFile } from \"@/components/ui/Icon/icon-glyphs\";\r\nimport { fileUploadFieldStyles } from \"./file-upload-field.styles\";\r\nimport type {\r\n FileUploadFieldProps,\r\n FileUploadPreview,\r\n} from \"./file-upload-field.types\";\r\n\r\n/** Decide se o value deve ser exibido como imagem (thumbnail) ou como chip de arquivo. /\r\nfunction resolveIsImage(\r\n value: File \| string,\r\n preview: FileUploadPreview,\r\n accept?: string,\r\n): boolean {\r\n if (preview === \"image\") return true;\r\n if (preview === \"file\") return false;\r\n // auto — infere por MIME (File) ou por accept (URL string)\r\n if (value instanceof File) return value.type.startsWith(\"image/\");\r\n if (accept) return /image\\//.test(accept) \|\| /\\.(png\|jpe?g\|gif\|webp\|svg\|avif)/i.test(accept);\r\n return /\\.(png\|jpe?g\|gif\|webp\|svg\|avif)(\\?\|$)/i.test(value);\r\n}\r\n\r\n/* Valida tipo contra `accept` (suporta `image/`, `image/png`, `.pdf`). /\r\nfunction matchesAccept(file: File, accept?: string): boolean {\r\n if (!accept) return true;\r\n const tokens = accept.split(\",\").map((t) => t.trim().toLowerCase());\r\n const name = file.name.toLowerCase();\r\n const mime = file.type.toLowerCase();\r\n return tokens.some((token) => {\r\n if (!token) return false;\r\n if (token.startsWith(\".\")) return name.endsWith(token);\r\n if (token.endsWith(\"/\")) return mime.startsWith(token.slice(0, token.length - 1));\r\n return mime === token;\r\n });\r\n}\r\n\r\n/\r\n FileUploadField — captura de UM arquivo (dumb: só captura File + preview).\r\n * O consumidor é responsável pelo upload. Composto de FormField + Button + Chip + Icon.\r\n \r\n - Estado VAZIO (`value == null`): dropzone `<button>` que abre o seletor nativo.\r\n * - Estado COM-ARQUIVO: preview (thumbnail de imagem ou Chip de arquivo) + remover.\r\n * - Rejeição por tipo/tamanho: arquivo NÃO vira value; dispara `onError(\"type\"\|\"size\")`.\r\n \r\n A11y: dropzone é `<button>` (Enter/Space abrem o seletor); input file hidden\r\n * com id linkado ao FormField; thumbnail com `alt`; remover icon-only com aria-label.\r\n * Drag & drop é fase 2 (não implementado — API preservada).\r\n /\r\nexport function FileUploadField({\r\n value,\r\n onChange,\r\n accept,\r\n maxSizeMB,\r\n preview = \"auto\",\r\n fileName,\r\n texts,\r\n label,\r\n required,\r\n state,\r\n errorMessage,\r\n helperText,\r\n onError,\r\n disabled,\r\n id,\r\n className,\r\n}: FileUploadFieldProps) {\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n const styles = fileUploadFieldStyles({ disabled });\r\n\r\n // Object URL pra preview de File (revogado ao trocar/desmontar).\r\n const [objectUrl, setObjectUrl] = useState<string \| null>(null);\r\n useEffect(() => {\r\n if (value instanceof File) {\r\n const url = URL.createObjectURL(value);\r\n setObjectUrl(url);\r\n return () => URL.revokeObjectURL(url);\r\n }\r\n setObjectUrl(null);\r\n return undefined;\r\n }, [value]);\r\n\r\n const openPicker = () => {\r\n if (disabled) return;\r\n inputRef.current?.click();\r\n };\r\n\r\n const handleFiles = (file: File \| undefined) => {\r\n if (!file) return;\r\n if (!matchesAccept(file, accept)) {\r\n onError?.(\"type\");\r\n resetInput();\r\n return;\r\n }\r\n if (maxSizeMB != null && file.size > maxSizeMB 1024 * 1024) {\r\n onError?.(\"size\");\r\n resetInput();\r\n return;\r\n }\r\n onChange(file);\r\n };\r\n\r\n const resetInput = () => {\r\n if (inputRef.current) inputRef.current.value = \"\";\r\n };\r\n\r\n const handleRemove = () => {\r\n onChange(null);\r\n resetInput();\r\n };\r\n\r\n /*\r\n A dica derivada é `accept` cru — ou seja, a lista de MIME types. Serve pra\r\n * `accept=\".pdf\"`, e não serve pra importação em lote, onde `accept` tem 3 MIME\r\n * longos. `texts.hint` sobrescreve; `\"\"` esconde a linha.\r\n /\r\n const hint =\r\n texts?.hint ??\r\n [accept ? accept : null, maxSizeMB != null ? `máx. ${maxSizeMB}MB` : null]\r\n .filter(Boolean)\r\n .join(\" · \");\r\n\r\n /* Chamada da área de drop. Literal PT-BR era cravado aqui até 2026-09-23. */\r\n const chamada = texts?.drop ?? \"Clique para anexar\";\r\n\r\n const displayName =\r\n value instanceof File\r\n ? value.name\r\n : (fileName ?? texts?.fallbackFileName ?? \"Arquivo\");\r\n const isImage = value != null && resolveIsImage(value, preview, accept);\r\n const imageSrc = value instanceof File ? objectUrl : (value as string \| null);\r\n\r\n return (\r\n <FormField\r\n label={label}\r\n required={required}\r\n state={state}\r\n errorMessage={errorMessage}\r\n helperText={helperText}\r\n className={className}\r\n id={id}\r\n disabled={disabled}\r\n >\r\n {({ id: fieldId }) => (\r\n <div>\r\n <input\r\n ref={inputRef}\r\n id={fieldId}\r\n type=\"file\"\r\n accept={accept}\r\n disabled={disabled}\r\n className=\"hidden\"\r\n onChange={(e) => handleFiles(e.target.files?.[0])}\r\n />\r\n\r\n {value == null ? (\r\n <button\r\n type=\"button\"\r\n onClick={openPicker}\r\n disabled={disabled}\r\n aria-label={\r\n label ? `${label}: ${chamada.toLowerCase()}` : chamada\r\n }\r\n className={styles.dropzone()}\r\n >\r\n <IconSvg glyph={lineCloudUpload} size=\"lg\" className={styles.dropIcon()} />\r\n <span className={styles.dropTexts()}>\r\n <span className={styles.dropText()}>{chamada}</span>\r\n {hint && <span className={styles.dropHint()}>{hint}</span>}\r\n </span>\r\n </button>\r\n ) : (\r\n <div className={styles.fileRow()}>\r\n {isImage && imageSrc ? (\r\n <img src={imageSrc} alt={displayName} className={styles.thumb()} />\r\n ) : (\r\n <div className={styles.fileChipWrap()}>\r\n <Chip color=\"neutral\" variant=\"soft\" size=\"lg\" className=\"max-w-full\">\r\n <IconSvg glyph={lineFile} size=\"sm\" />\r\n <span className={styles.fileName()}>{displayName}</span>\r\n </Chip>\r\n </div>\r\n )}\r\n <div className={styles.removeWrap()}>\r\n <Button\r\n type=\"button\"\r\n color=\"critical\"\r\n variant=\"ghost\"\r\n size=\"icon-sm\"\r\n disabled={disabled}\r\n aria-label={texts?.remove ?? \"Remover arquivo\"}\r\n onClick={handleRemove}\r\n >\r\n <IconSvg glyph={lineBin} size=\"sm\" />\r\n </Button>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n </FormField>\r\n );\r\n}\r\n"],"names":["useRef","fileUploadFieldStyles","useState","useEffect","jsx","FormField","jsxs","IconSvg","lineCloudUpload","Chip","lineFile","Button","lineBin"],"mappings":"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"}

package/dist-lib/src/components/ui/FileUploadField/file-upload-field.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"file-upload-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FileUploadField/file-upload-field.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,oBAAoB,EAErB,MAAM,2BAA2B,CAAC;AA8BnC;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,OAAgB,~~EAEhB~~,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,EAAE,EACF,SAAS,GACV,EAAE,oBAAoB,~~2CAoItB~~"}
1	+ {"version":3,"file":"file-upload-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FileUploadField/file-upload-field.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,oBAAoB,EAErB,MAAM,2BAA2B,CAAC;AA8BnC;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,OAAgB,EAChB,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,EAAE,EACF,SAAS,GACV,EAAE,oBAAoB,2CAwItB"}

package/dist-lib/src/components/ui/FileUploadField/file-upload-field.mjs CHANGED Viewed

@@ -88,10 +88,7 @@ function FileUploadField({
     onChange(null);
     resetInput();
   };
-  const hint = [
-    accept ? accept : null,
-    maxSizeMB != null ? `máx. ${maxSizeMB}MB` : null
-  ].filter(Boolean).join(" · ");
+  const hint = texts?.hint ?? [accept ? accept : null, maxSizeMB != null ? `máx. ${maxSizeMB}MB` : null].filter(Boolean).join(" · ");
   const chamada = texts?.drop ?? "Clique para anexar";
   const displayName = value instanceof File ? value.name : fileName ?? texts?.fallbackFileName ?? "Arquivo";
   const isImage = value != null && resolveIsImage(value, preview, accept);

package/dist-lib/src/components/ui/FileUploadField/file-upload-field.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"file-upload-field.mjs","sources":["../../../../../src/components/ui/FileUploadField/file-upload-field.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\r\nimport { FormField } from \"@/components/ui/FormField\";\r\nimport { Button } from \"@/components/ui/Button\";\r\nimport { Chip } from \"@/components/ui/Chip\";\r\nimport { IconSvg } from \"@/components/ui/Icon/icon-svg\";\r\nimport { lineBin, lineCloudUpload, lineFile } from \"@/components/ui/Icon/icon-glyphs\";\r\nimport { fileUploadFieldStyles } from \"./file-upload-field.styles\";\r\nimport type {\r\n FileUploadFieldProps,\r\n FileUploadPreview,\r\n} from \"./file-upload-field.types\";\r\n\r\n/** Decide se o value deve ser exibido como imagem (thumbnail) ou como chip de arquivo. /\r\nfunction resolveIsImage(\r\n value: File \| string,\r\n preview: FileUploadPreview,\r\n accept?: string,\r\n): boolean {\r\n if (preview === \"image\") return true;\r\n if (preview === \"file\") return false;\r\n // auto — infere por MIME (File) ou por accept (URL string)\r\n if (value instanceof File) return value.type.startsWith(\"image/\");\r\n if (accept) return /image\\//.test(accept) \|\| /\\.(png\|jpe?g\|gif\|webp\|svg\|avif)/i.test(accept);\r\n return /\\.(png\|jpe?g\|gif\|webp\|svg\|avif)(\\?\|$)/i.test(value);\r\n}\r\n\r\n/* Valida tipo contra `accept` (suporta `image/`, `image/png`, `.pdf`). /\r\nfunction matchesAccept(file: File, accept?: string): boolean {\r\n if (!accept) return true;\r\n const tokens = accept.split(\",\").map((t) => t.trim().toLowerCase());\r\n const name = file.name.toLowerCase();\r\n const mime = file.type.toLowerCase();\r\n return tokens.some((token) => {\r\n if (!token) return false;\r\n if (token.startsWith(\".\")) return name.endsWith(token);\r\n if (token.endsWith(\"/\")) return mime.startsWith(token.slice(0, token.length - 1));\r\n return mime === token;\r\n });\r\n}\r\n\r\n/\r\n FileUploadField — captura de UM arquivo (dumb: só captura File + preview).\r\n * O consumidor é responsável pelo upload. Composto de FormField + Button + Chip + Icon.\r\n \r\n - Estado VAZIO (`value == null`): dropzone `<button>` que abre o seletor nativo.\r\n * - Estado COM-ARQUIVO: preview (thumbnail de imagem ou Chip de arquivo) + remover.\r\n * - Rejeição por tipo/tamanho: arquivo NÃO vira value; dispara `onError(\"type\"\|\"size\")`.\r\n \r\n A11y: dropzone é `<button>` (Enter/Space abrem o seletor); input file hidden\r\n * com id linkado ao FormField; thumbnail com `alt`; remover icon-only com aria-label.\r\n * Drag & drop é fase 2 (não implementado — API preservada).\r\n /\r\nexport function FileUploadField({\r\n value,\r\n onChange,\r\n accept,\r\n maxSizeMB,\r\n preview = \"auto\",\r\r\n fileName,\r\n texts,\r\n label,\r\n required,\r\n state,\r\n errorMessage,\r\n helperText,\r\n onError,\r\n disabled,\r\n id,\r\n className,\r\n}: FileUploadFieldProps) {\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n const styles = fileUploadFieldStyles({ disabled });\r\n\r\n // Object URL pra preview de File (revogado ao trocar/desmontar).\r\n const [objectUrl, setObjectUrl] = useState<string \| null>(null);\r\n useEffect(() => {\r\n if (value instanceof File) {\r\n const url = URL.createObjectURL(value);\r\n setObjectUrl(url);\r\n return () => URL.revokeObjectURL(url);\r\n }\r\n setObjectUrl(null);\r\n return undefined;\r\n }, [value]);\r\n\r\n const openPicker = () => {\r\n if (disabled) return;\r\n inputRef.current?.click();\r\n };\r\n\r\n const handleFiles = (file: File \| undefined) => {\r\n if (!file) return;\r\n if (!matchesAccept(file, accept)) {\r\n onError?.(\"type\");\r\n resetInput();\r\n return;\r\n }\r\n if (maxSizeMB != null && file.size > maxSizeMB 1024 * 1024) {\r\n onError?.(\"size\");\r\n resetInput();\r\n return;\r\n }\r\n onChange(file);\r\n };\r\n\r\n const resetInput = () => {\r\n if (inputRef.current) inputRef.current.value = \"\";\r\n };\r\n\r\n const handleRemove = () => {\r\n onChange(null);\r\n resetInput();\r\n };\r\n\r\n const hint = [\r\n accept ? accept : null,\r\n maxSizeMB != null ? `máx. ${maxSizeMB}MB` : null,\r\n ]\r\n .filter(Boolean)\r\n .join(\" · \");\r\n\r\n /** Chamada da área de drop. Literal PT-BR era cravado aqui até 2026-09-23. */\r\n const chamada = texts?.drop ?? \"Clique para anexar\";\r\n\r\n const displayName =\r\n value instanceof File\r\n ? value.name\r\n : (fileName ?? texts?.fallbackFileName ?? \"Arquivo\");\r\n const isImage = value != null && resolveIsImage(value, preview, accept);\r\n const imageSrc = value instanceof File ? objectUrl : (value as string \| null);\r\n\r\n return (\r\n <FormField\r\n label={label}\r\n required={required}\r\n state={state}\r\n errorMessage={errorMessage}\r\n helperText={helperText}\r\n className={className}\r\n id={id}\r\n disabled={disabled}\r\n >\r\n {({ id: fieldId }) => (\r\n <div>\r\n <input\r\n ref={inputRef}\r\n id={fieldId}\r\n type=\"file\"\r\n accept={accept}\r\n disabled={disabled}\r\n className=\"hidden\"\r\n onChange={(e) => handleFiles(e.target.files?.[0])}\r\n />\r\n\r\n {value == null ? (\r\n <button\r\n type=\"button\"\r\n onClick={openPicker}\r\n disabled={disabled}\r\n aria-label={\r\n label ? `${label}: ${chamada.toLowerCase()}` : chamada\r\n }\r\n className={styles.dropzone()}\r\n >\r\n <IconSvg glyph={lineCloudUpload} size=\"lg\" className={styles.dropIcon()} />\r\n <span className={styles.dropTexts()}>\r\n <span className={styles.dropText()}>{chamada}</span>\r\n {hint && <span className={styles.dropHint()}>{hint}</span>}\r\n </span>\r\n </button>\r\n ) : (\r\n <div className={styles.fileRow()}>\r\n {isImage && imageSrc ? (\r\n <img src={imageSrc} alt={displayName} className={styles.thumb()} />\r\n ) : (\r\n <div className={styles.fileChipWrap()}>\r\n <Chip color=\"neutral\" variant=\"soft\" size=\"lg\" className=\"max-w-full\">\r\n <IconSvg glyph={lineFile} size=\"sm\" />\r\n <span className={styles.fileName()}>{displayName}</span>\r\n </Chip>\r\n </div>\r\n )}\r\n <div className={styles.removeWrap()}>\r\n <Button\r\n type=\"button\"\r\n color=\"critical\"\r\n variant=\"ghost\"\r\n size=\"icon-sm\"\r\n disabled={disabled}\r\n aria-label={texts?.remove ?? \"Remover arquivo\"}\r\n onClick={handleRemove}\r\n >\r\n <IconSvg glyph={lineBin} size=\"sm\" />\r\n </Button>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n </FormField>\r\n );\r\n}\r\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"file-upload-field.mjs","sources":["../../../../../src/components/ui/FileUploadField/file-upload-field.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\r\nimport { FormField } from \"@/components/ui/FormField\";\r\nimport { Button } from \"@/components/ui/Button\";\r\nimport { Chip } from \"@/components/ui/Chip\";\r\nimport { IconSvg } from \"@/components/ui/Icon/icon-svg\";\r\nimport { lineBin, lineCloudUpload, lineFile } from \"@/components/ui/Icon/icon-glyphs\";\r\nimport { fileUploadFieldStyles } from \"./file-upload-field.styles\";\r\nimport type {\r\n FileUploadFieldProps,\r\n FileUploadPreview,\r\n} from \"./file-upload-field.types\";\r\n\r\n/** Decide se o value deve ser exibido como imagem (thumbnail) ou como chip de arquivo. /\r\nfunction resolveIsImage(\r\n value: File \| string,\r\n preview: FileUploadPreview,\r\n accept?: string,\r\n): boolean {\r\n if (preview === \"image\") return true;\r\n if (preview === \"file\") return false;\r\n // auto — infere por MIME (File) ou por accept (URL string)\r\n if (value instanceof File) return value.type.startsWith(\"image/\");\r\n if (accept) return /image\\//.test(accept) \|\| /\\.(png\|jpe?g\|gif\|webp\|svg\|avif)/i.test(accept);\r\n return /\\.(png\|jpe?g\|gif\|webp\|svg\|avif)(\\?\|$)/i.test(value);\r\n}\r\n\r\n/* Valida tipo contra `accept` (suporta `image/`, `image/png`, `.pdf`). /\r\nfunction matchesAccept(file: File, accept?: string): boolean {\r\n if (!accept) return true;\r\n const tokens = accept.split(\",\").map((t) => t.trim().toLowerCase());\r\n const name = file.name.toLowerCase();\r\n const mime = file.type.toLowerCase();\r\n return tokens.some((token) => {\r\n if (!token) return false;\r\n if (token.startsWith(\".\")) return name.endsWith(token);\r\n if (token.endsWith(\"/\")) return mime.startsWith(token.slice(0, token.length - 1));\r\n return mime === token;\r\n });\r\n}\r\n\r\n/\r\n FileUploadField — captura de UM arquivo (dumb: só captura File + preview).\r\n * O consumidor é responsável pelo upload. Composto de FormField + Button + Chip + Icon.\r\n \r\n - Estado VAZIO (`value == null`): dropzone `<button>` que abre o seletor nativo.\r\n * - Estado COM-ARQUIVO: preview (thumbnail de imagem ou Chip de arquivo) + remover.\r\n * - Rejeição por tipo/tamanho: arquivo NÃO vira value; dispara `onError(\"type\"\|\"size\")`.\r\n \r\n A11y: dropzone é `<button>` (Enter/Space abrem o seletor); input file hidden\r\n * com id linkado ao FormField; thumbnail com `alt`; remover icon-only com aria-label.\r\n * Drag & drop é fase 2 (não implementado — API preservada).\r\n /\r\nexport function FileUploadField({\r\n value,\r\n onChange,\r\n accept,\r\n maxSizeMB,\r\n preview = \"auto\",\r\n fileName,\r\n texts,\r\n label,\r\n required,\r\n state,\r\n errorMessage,\r\n helperText,\r\n onError,\r\n disabled,\r\n id,\r\n className,\r\n}: FileUploadFieldProps) {\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n const styles = fileUploadFieldStyles({ disabled });\r\n\r\n // Object URL pra preview de File (revogado ao trocar/desmontar).\r\n const [objectUrl, setObjectUrl] = useState<string \| null>(null);\r\n useEffect(() => {\r\n if (value instanceof File) {\r\n const url = URL.createObjectURL(value);\r\n setObjectUrl(url);\r\n return () => URL.revokeObjectURL(url);\r\n }\r\n setObjectUrl(null);\r\n return undefined;\r\n }, [value]);\r\n\r\n const openPicker = () => {\r\n if (disabled) return;\r\n inputRef.current?.click();\r\n };\r\n\r\n const handleFiles = (file: File \| undefined) => {\r\n if (!file) return;\r\n if (!matchesAccept(file, accept)) {\r\n onError?.(\"type\");\r\n resetInput();\r\n return;\r\n }\r\n if (maxSizeMB != null && file.size > maxSizeMB 1024 * 1024) {\r\n onError?.(\"size\");\r\n resetInput();\r\n return;\r\n }\r\n onChange(file);\r\n };\r\n\r\n const resetInput = () => {\r\n if (inputRef.current) inputRef.current.value = \"\";\r\n };\r\n\r\n const handleRemove = () => {\r\n onChange(null);\r\n resetInput();\r\n };\r\n\r\n /*\r\n A dica derivada é `accept` cru — ou seja, a lista de MIME types. Serve pra\r\n * `accept=\".pdf\"`, e não serve pra importação em lote, onde `accept` tem 3 MIME\r\n * longos. `texts.hint` sobrescreve; `\"\"` esconde a linha.\r\n /\r\n const hint =\r\n texts?.hint ??\r\n [accept ? accept : null, maxSizeMB != null ? `máx. ${maxSizeMB}MB` : null]\r\n .filter(Boolean)\r\n .join(\" · \");\r\n\r\n /* Chamada da área de drop. Literal PT-BR era cravado aqui até 2026-09-23. */\r\n const chamada = texts?.drop ?? \"Clique para anexar\";\r\n\r\n const displayName =\r\n value instanceof File\r\n ? value.name\r\n : (fileName ?? texts?.fallbackFileName ?? \"Arquivo\");\r\n const isImage = value != null && resolveIsImage(value, preview, accept);\r\n const imageSrc = value instanceof File ? objectUrl : (value as string \| null);\r\n\r\n return (\r\n <FormField\r\n label={label}\r\n required={required}\r\n state={state}\r\n errorMessage={errorMessage}\r\n helperText={helperText}\r\n className={className}\r\n id={id}\r\n disabled={disabled}\r\n >\r\n {({ id: fieldId }) => (\r\n <div>\r\n <input\r\n ref={inputRef}\r\n id={fieldId}\r\n type=\"file\"\r\n accept={accept}\r\n disabled={disabled}\r\n className=\"hidden\"\r\n onChange={(e) => handleFiles(e.target.files?.[0])}\r\n />\r\n\r\n {value == null ? (\r\n <button\r\n type=\"button\"\r\n onClick={openPicker}\r\n disabled={disabled}\r\n aria-label={\r\n label ? `${label}: ${chamada.toLowerCase()}` : chamada\r\n }\r\n className={styles.dropzone()}\r\n >\r\n <IconSvg glyph={lineCloudUpload} size=\"lg\" className={styles.dropIcon()} />\r\n <span className={styles.dropTexts()}>\r\n <span className={styles.dropText()}>{chamada}</span>\r\n {hint && <span className={styles.dropHint()}>{hint}</span>}\r\n </span>\r\n </button>\r\n ) : (\r\n <div className={styles.fileRow()}>\r\n {isImage && imageSrc ? (\r\n <img src={imageSrc} alt={displayName} className={styles.thumb()} />\r\n ) : (\r\n <div className={styles.fileChipWrap()}>\r\n <Chip color=\"neutral\" variant=\"soft\" size=\"lg\" className=\"max-w-full\">\r\n <IconSvg glyph={lineFile} size=\"sm\" />\r\n <span className={styles.fileName()}>{displayName}</span>\r\n </Chip>\r\n </div>\r\n )}\r\n <div className={styles.removeWrap()}>\r\n <Button\r\n type=\"button\"\r\n color=\"critical\"\r\n variant=\"ghost\"\r\n size=\"icon-sm\"\r\n disabled={disabled}\r\n aria-label={texts?.remove ?? \"Remover arquivo\"}\r\n onClick={handleRemove}\r\n >\r\n <IconSvg glyph={lineBin} size=\"sm\" />\r\n </Button>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n </FormField>\r\n );\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist-lib/src/components/ui/FileUploadField/file-upload-field.types.d.ts CHANGED Viewed

@@ -31,6 +31,12 @@ export interface FileUploadFieldProps {
         fallbackFileName?: string;
         /** Nome acessível do botão de remover. Default: "Remover arquivo". */
         remove?: string;
+        /**
+         * Dica abaixo da chamada. Default: derivada de `accept` + `maxSizeMB`
+         * — que é literalmente a lista de MIME types (`text/csv,application/vnd...`),
+         * ilegível quando `accept` é longo. String vazia esconde a linha.
+         */
+        hint?: string;
     };
     /** Label do campo (renderizado pelo FormField). */
     label?: string;

package/dist-lib/src/components/ui/FileUploadField/file-upload-field.types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"file-upload-field.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FileUploadField/file-upload-field.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,6EAA6E;AAC7E,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1D,yDAAyD;AACzD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9C,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAC5B,2DAA2D;IAC3D,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE;QACN,8DAA8D;QAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,gFAAgF;QAChF,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,sEAAsE;QACtE,MAAM,CAAC,EAAE,MAAM,CAAC;~~KACjB~~,CAAC;IACF,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
1	+ {"version":3,"file":"file-upload-field.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FileUploadField/file-upload-field.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,6EAA6E;AAC7E,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1D,yDAAyD;AACzD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9C,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAC5B,2DAA2D;IAC3D,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE;QACN,8DAA8D;QAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,gFAAgF;QAChF,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,sEAAsE;QACtE,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB;;;;WAIG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist-lib/src/components/ui/Header/header-search.cjs CHANGED Viewed

@@ -15,12 +15,14 @@ function HeaderSearch({
   commandEmptyMessage = "Nenhum resultado encontrado.",
   hotkey = { key: "k", meta: true, ctrl: true },
   onOpen,
+  ariaLabel = "Abrir busca",
   className
 }) {
   const [open, setOpen] = React.useState(false);
   const delegado = Boolean(onOpen);
   const abrir = () => onOpen ? onOpen() : setOpen(true);
   React.useEffect(() => {
+    if (hotkey === false) return;
     const handler = (e) => {
       if (e.key.toLowerCase() !== hotkey.key.toLowerCase()) return;
       const meta = hotkey.meta && e.metaKey;
@@ -33,7 +35,7 @@ function HeaderSearch({
     };
     window.addEventListener("keydown", handler);
     return () => window.removeEventListener("keydown", handler);
-  }, [hotkey.key, hotkey.meta, hotkey.ctrl, onOpen]);
+  }, [hotkey, onOpen]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -41,7 +43,7 @@ function HeaderSearch({
         type: "button",
         className: utils.cn(header_styles.searchFakeInput(), "hidden md:inline-flex", className),
         onClick: abrir,
-        "aria-label": "Abrir busca",
+        "aria-label": ariaLabel,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: header_styles.searchFakeInputIcon(), strokeWidth: 1.8 }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: header_styles.searchFakeInputText(), children: placeholder }),
@@ -57,8 +59,8 @@ function HeaderSearch({
         size: "icon-sm",
         className: "md:hidden rounded-radius-md",
         onClick: abrir,
-        "aria-label": "Abrir busca",
-        title: `Buscar (${shortcut})`,
+        "aria-label": ariaLabel,
+        title: hotkey === false ? ariaLabel : `${ariaLabel} (${shortcut})`,
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, {})
       }
     ),

package/dist-lib/src/components/ui/Header/header-search.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"header-search.cjs","sources":["../../../../../src/components/ui/Header/header-search.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\nimport { Search } from \"lucide-react\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { Button } from \"@/components/ui/Button/button\";\r\nimport {\r\n CommandDialog,\r\n CommandInput,\r\n CommandList,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandItem,\r\n CommandSeparator,\r\n CommandShortcut,\r\n} from \"@/components/shadcn/command\";\r\nimport {\r\n searchFakeInput,\r\n searchFakeInputIcon,\r\n searchFakeInputText,\r\n searchFakeInputKbd,\r\n} from \"./header.styles\";\r\nimport type { HeaderCommandGroup } from \"./header.types\";\r\n\r\nexport type HeaderSearchProps = {\r\n placeholder?: string;\r\n shortcut?: string;\r\n commandGroups?: HeaderCommandGroup[];\r\n commandPlaceholder?: string;\r\n commandEmptyMessage?: string;\r\n /** Atalho de teclado pra abrir (default: cmd/ctrl + k) /\r\n hotkey?: { key: string; meta?: boolean; ctrl?: boolean };\r\n /\r\n Delega a abertura: quando passado, o clique no campo e o atalho chamam ISTO em vez\r\n * de abrir a paleta interna — e o `CommandDialog` do componente não é montado.\r\n \r\n Existe porque o `open` era `useState` interno, sem saída: um app que já tem a\r\n * própria paleta global (Ctrl+K com busca assíncrona, histórico, navegação por rota)\r\n * não conseguia reaproveitá-la. Só dava pra preencher a NOSSA paleta por\r\n * `commandGroups`, que é dado estático — sem busca assíncrona nem render custom.\r\n \r\n Com `onOpen`, o header entrega só o campo falso (que é o que ele faz de melhor:\r\n * aparência e atalho consistentes) e a paleta é sua.\r\n /\r\n onOpen?: () => void;\r\n className?: string;\r\n};\r\n\r\n/\r\n Fake input no header que abre Command palette ao click.\r\n * Atalho ⌘K (Mac) / Ctrl+K (Windows) registrado globalmente.\r\n /\r\nexport function HeaderSearch({\r\n placeholder = \"Buscar...\",\r\n shortcut = \"⌘K\",\r\n commandGroups = [],\r\n commandPlaceholder = \"Digite um comando ou busque...\",\r\n commandEmptyMessage = \"Nenhum resultado encontrado.\",\r\n hotkey = { key: \"k\", meta: true, ctrl: true },\r\n onOpen,\r\n className,\r\n}: HeaderSearchProps) {\r\n const [open, setOpen] = useState(false);\r\n const delegado = Boolean(onOpen);\r\n const abrir = () => (onOpen ? onOpen() : setOpen(true));\r\n\r\n // Atalho global (⌘K / Ctrl+K)\r\n useEffect(() => {\r\n const handler = (e: KeyboardEvent) => {\r\n if (e.key.toLowerCase() !== hotkey.key.toLowerCase()) return;\r\n const meta = hotkey.meta && e.metaKey;\r\n const ctrl = hotkey.ctrl && e.ctrlKey;\r\n if (meta \|\| ctrl) {\r\n e.preventDefault();\r\n if (onOpen) onOpen();\r\n else setOpen((o) => !o);\r\n }\r\n };\r\n window.addEventListener(\"keydown\", handler);\r\n return () => window.removeEventListener(\"keydown\", handler);\r\n }, [hotkey~~.key~~, ~~hotkey.meta, hotkey.ctrl,~~ onOpen]);\r\n\r\n return (\r\n <>\r\n {/ Desktop: fake input completo com placeholder + atalho /}\r\n <button\r\n type=\"button\"\r\n className={cn(searchFakeInput(), \"hidden md:inline-flex\", className)}\r\n onClick={abrir}\r\n aria-label~~=\"Abrir busca~~\"\r\n >\r\n <Search className={searchFakeInputIcon()} strokeWidth={1.8} />\r\n <span className={searchFakeInputText()}>{placeholder}</span>\r\n <kbd className={searchFakeInputKbd()}>{shortcut}</kbd>\r\n </button>\r\n\r\n {/ Mobile: icon-button (mesma altura/style dos triggers do header) /}\r\n <Button\r\n color=\"secondary\"\r\n variant=\"outline\"\r\n size=\"icon-sm\"\r\n className=\"md:hidden rounded-radius-md\"\r\n onClick={abrir}\r\n aria-label~~=\"Abrir busca~~\"\r\n title={~~`Buscar~~ (${shortcut})`}\r\n >\r\n <Search />\r\n </Button>\r\n\r\n {/ Com `onOpen` a paleta é do consumidor — não montamos a nossa. */}\r\n {!delegado && (\r\n <CommandDialog open={open} onOpenChange={setOpen}>\r\n <CommandInput placeholder={commandPlaceholder} />\r\n <CommandList>\r\n <CommandEmpty>{commandEmptyMessage}</CommandEmpty>\r\n {commandGroups.map((group, gIdx) => (\r\n <CommandGroupBlock\r\n key={group.heading}\r\n group={group}\r\n isLast={gIdx === commandGroups.length - 1}\r\n onSelect={() => setOpen(false)}\r\n />\r\n ))}\r\n </CommandList>\r\n </CommandDialog>\r\n )}\r\n </>\r\n );\r\n}\r\n\r\nfunction CommandGroupBlock({\r\n group,\r\n isLast,\r\n onSelect,\r\n}: {\r\n group: HeaderCommandGroup;\r\n isLast: boolean;\r\n onSelect: () => void;\r\n}) {\r\n return (\r\n <>\r\n <CommandGroup heading={group.heading}>\r\n {group.items.map((item) => {\r\n const Icon = item.icon;\r\n return (\r\n <CommandItem\r\n key={item.id ?? item.label}\r\n value={item.id ?? item.label}\r\n keywords={item.keywords}\r\n onSelect={() => {\r\n item.onSelect();\r\n onSelect();\r\n }}\r\n className={item.destructive ? \"text-fg-danger [&_svg]:text-fg-danger\" : undefined}\r\n >\r\n {Icon && <Icon />}\r\n <span>{item.label}</span>\r\n {item.shortcut && <CommandShortcut>{item.shortcut}</CommandShortcut>}\r\n </CommandItem>\r\n );\r\n })}\r\n </CommandGroup>\r\n {!isLast && <CommandSeparator />}\r\n </>\r\n );\r\n}\r\n"],"names":["useState","useEffect","jsxs","Fragment","cn","searchFakeInput","jsx","Search","searchFakeInputIcon","searchFakeInputText","searchFakeInputKbd","Button","CommandDialog","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","CommandShortcut","CommandSeparator"],"mappings":";;;;;;;;;~~AAkDO~~,SAAS,aAAa;AAAA,EAC3B,cAAc;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB,CAAA;AAAA,EAChB,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,SAAS,EAAE,KAAK,KAAK,MAAM,MAAM,MAAM,KAAA;AAAA,EACvC;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,CAAC,MAAM,OAAO,IAAIA,MAAAA,SAAS,KAAK;AACtC,QAAM,WAAW,QAAQ,MAAM;AAC/B,QAAM,QAAQ,MAAO,SAAS,OAAA,IAAW,QAAQ,IAAI;AAGrDC,QAAAA,UAAU,MAAM;AACd,UAAM,UAAU,CAAC,MAAqB;AACpC,UAAI,EAAE,IAAI,YAAA,MAAkB,OAAO,IAAI,cAAe;AACtD,YAAM,OAAO,OAAO,QAAQ,EAAE;AAC9B,YAAM,OAAO,OAAO,QAAQ,EAAE;AAC9B,UAAI,QAAQ,MAAM;AAChB,UAAE,eAAA;AACF,YAAI,OAAQ,QAAA;AAAA,YACP,SAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,MACxB;AAAA,IACF;AACA,WAAO,iBAAiB,WAAW,OAAO;AAC1C,WAAO,MAAM,OAAO,oBAAoB,WAAW,OAAO;AAAA,EAC5D,GAAG,CAAC,~~OAAO~~,~~KAAK,OAAO,~~MAAM,~~OAAO,MAAM,MAAM,~~CAAC;~~AAEjD~~,SACEC,2BAAAA,KAAAC,qBAAA,EAEE,UAAA;AAAA,IAAAD,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAWE,MAAAA,GAAGC,cAAAA,mBAAmB,yBAAyB,SAAS;AAAA,QACnE,SAAS;AAAA,QACT,~~cAAW~~;AAAA,~~QAEX~~,UAAA;AAAA,UAAAC,2BAAAA,IAACC,YAAAA,QAAA,EAAO,WAAWC,cAAAA,oBAAA,GAAuB,aAAa,KAAK;AAAA,UAC5DF,2BAAAA,IAAC,QAAA,EAAK,WAAWG,cAAAA,oBAAA,GAAwB,UAAA,aAAY;AAAA,UACrDH,2BAAAA,IAAC,OAAA,EAAI,WAAWI,cAAAA,mBAAA,GAAuB,UAAA,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAIlDJ,2BAAAA;AAAAA,MAACK,OAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS;AAAA,QACT,~~cAAW~~;AAAA,~~QACX~~,OAAO,WAAW,QAAQ;AAAA,~~QAE1B~~,yCAACJ,YAAAA,QAAA,CAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAIT,CAAC,YACFL,2BAAAA,KAACU,QAAAA,eAAA,EAAc,MAAY,cAAc,SACvC,UAAA;AAAA,MAAAN,2BAAAA,IAACO,QAAAA,cAAA,EAAa,aAAa,mBAAA,CAAoB;AAAA,sCAC9CC,QAAAA,aAAA,EACC,UAAA;AAAA,QAAAR,2BAAAA,IAACS,QAAAA,gBAAc,UAAA,oBAAA,CAAoB;AAAA,QAClC,cAAc,IAAI,CAAC,OAAO,SACzBT,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC;AAAA,YACA,QAAQ,SAAS,cAAc,SAAS;AAAA,YACxC,UAAU,MAAM,QAAQ,KAAK;AAAA,UAAA;AAAA,UAHxB,MAAM;AAAA,QAAA,CAKd;AAAA,MAAA,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEF;AAEJ;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACEJ,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,IAAAG,2BAAAA,IAACU,QAAAA,cAAA,EAAa,SAAS,MAAM,SAC1B,gBAAM,MAAM,IAAI,CAAC,SAAS;AACzB,YAAM,OAAO,KAAK;AAClB,aACEd,2BAAAA;AAAAA,QAACe,QAAAA;AAAAA,QAAA;AAAA,UAEC,OAAO,KAAK,MAAM,KAAK;AAAA,UACvB,UAAU,KAAK;AAAA,UACf,UAAU,MAAM;AACd,iBAAK,SAAA;AACL,qBAAA;AAAA,UACF;AAAA,UACA,WAAW,KAAK,cAAc,0CAA0C;AAAA,UAEvE,UAAA;AAAA,YAAA,uCAAS,MAAA,EAAK;AAAA,YACfX,2BAAAA,IAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,YACjB,KAAK,YAAYA,+BAACY,QAAAA,iBAAA,EAAiB,eAAK,SAAA,CAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAX7C,KAAK,MAAM,KAAK;AAAA,MAAA;AAAA,IAc3B,CAAC,EAAA,CACH;AAAA,IACC,CAAC,UAAUZ,+BAACa,QAAAA,kBAAA,CAAA,CAAiB;AAAA,EAAA,GAChC;AAEJ;;"}
1	+ {"version":3,"file":"header-search.cjs","sources":["../../../../../src/components/ui/Header/header-search.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\nimport { Search } from \"lucide-react\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { Button } from \"@/components/ui/Button/button\";\r\nimport {\r\n CommandDialog,\r\n CommandInput,\r\n CommandList,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandItem,\r\n CommandSeparator,\r\n CommandShortcut,\r\n} from \"@/components/shadcn/command\";\r\nimport {\r\n searchFakeInput,\r\n searchFakeInputIcon,\r\n searchFakeInputText,\r\n searchFakeInputKbd,\r\n} from \"./header.styles\";\r\nimport type { HeaderCommandGroup } from \"./header.types\";\r\n\r\nexport type HeaderSearchProps = {\r\n placeholder?: string;\r\n shortcut?: string;\r\n commandGroups?: HeaderCommandGroup[];\r\n commandPlaceholder?: string;\r\n commandEmptyMessage?: string;\r\n /*\r\n Atalho de teclado pra abrir (default: cmd/ctrl + k).\r\n \r\n `false` desliga o listener global — use quando o app JÁ registra o próprio ⌘K: dois\r\n * listeners no mesmo atalho brigam, e o consumidor não tinha como desligar o nosso.\r\n /\r\n hotkey?: { key: string; meta?: boolean; ctrl?: boolean } \| false;\r\n /\r\n Nome acessível do campo e do botão-ícone. Default \"Abrir busca\".\r\n * Era fixo em português — não dava pra traduzir nem pra dizer o que a busca busca\r\n * (\"Buscar tickets\").\r\n /\r\n ariaLabel?: string;\r\n /\r\n Delega a abertura: quando passado, o clique no campo e o atalho chamam ISTO em vez\r\n * de abrir a paleta interna — e o `CommandDialog` do componente não é montado.\r\n \r\n Existe porque o `open` era `useState` interno, sem saída: um app que já tem a\r\n * própria paleta global (Ctrl+K com busca assíncrona, histórico, navegação por rota)\r\n * não conseguia reaproveitá-la. Só dava pra preencher a NOSSA paleta por\r\n * `commandGroups`, que é dado estático — sem busca assíncrona nem render custom.\r\n \r\n Com `onOpen`, o header entrega só o campo falso (que é o que ele faz de melhor:\r\n * aparência e atalho consistentes) e a paleta é sua.\r\n /\r\n onOpen?: () => void;\r\n className?: string;\r\n};\r\n\r\n/\r\n Fake input no header que abre Command palette ao click.\r\n * Atalho ⌘K (Mac) / Ctrl+K (Windows) registrado globalmente.\r\n /\r\nexport function HeaderSearch({\r\n placeholder = \"Buscar...\",\r\n shortcut = \"⌘K\",\r\n commandGroups = [],\r\n commandPlaceholder = \"Digite um comando ou busque...\",\r\n commandEmptyMessage = \"Nenhum resultado encontrado.\",\r\n hotkey = { key: \"k\", meta: true, ctrl: true },\r\n onOpen,\r\n ariaLabel = \"Abrir busca\",\r\n className,\r\n}: HeaderSearchProps) {\r\n const [open, setOpen] = useState(false);\r\n const delegado = Boolean(onOpen);\r\n const abrir = () => (onOpen ? onOpen() : setOpen(true));\r\n\r\n // Atalho global (⌘K / Ctrl+K)\r\n useEffect(() => {\r\n if (hotkey === false) return;\r\n const handler = (e: KeyboardEvent) => {\r\n if (e.key.toLowerCase() !== hotkey.key.toLowerCase()) return;\r\n const meta = hotkey.meta && e.metaKey;\r\n const ctrl = hotkey.ctrl && e.ctrlKey;\r\n if (meta \|\| ctrl) {\r\n e.preventDefault();\r\n if (onOpen) onOpen();\r\n else setOpen((o) => !o);\r\n }\r\n };\r\n window.addEventListener(\"keydown\", handler);\r\n return () => window.removeEventListener(\"keydown\", handler);\r\n }, [hotkey, onOpen]);\r\n\r\n return (\r\n <>\r\n {/ Desktop: fake input completo com placeholder + atalho /}\r\n <button\r\n type=\"button\"\r\n className={cn(searchFakeInput(), \"hidden md:inline-flex\", className)}\r\n onClick={abrir}\r\n aria-label={ariaLabel}\r\n >\r\n <Search className={searchFakeInputIcon()} strokeWidth={1.8} />\r\n <span className={searchFakeInputText()}>{placeholder}</span>\r\n <kbd className={searchFakeInputKbd()}>{shortcut}</kbd>\r\n </button>\r\n\r\n {/ Mobile: icon-button (mesma altura/style dos triggers do header) /}\r\n <Button\r\n color=\"secondary\"\r\n variant=\"outline\"\r\n size=\"icon-sm\"\r\n className=\"md:hidden rounded-radius-md\"\r\n onClick={abrir}\r\n aria-label={ariaLabel}\r\n title={hotkey === false ? ariaLabel : `${ariaLabel} (${shortcut})`}\r\n >\r\n <Search />\r\n </Button>\r\n\r\n {/ Com `onOpen` a paleta é do consumidor — não montamos a nossa. */}\r\n {!delegado && (\r\n <CommandDialog open={open} onOpenChange={setOpen}>\r\n <CommandInput placeholder={commandPlaceholder} />\r\n <CommandList>\r\n <CommandEmpty>{commandEmptyMessage}</CommandEmpty>\r\n {commandGroups.map((group, gIdx) => (\r\n <CommandGroupBlock\r\n key={group.heading}\r\n group={group}\r\n isLast={gIdx === commandGroups.length - 1}\r\n onSelect={() => setOpen(false)}\r\n />\r\n ))}\r\n </CommandList>\r\n </CommandDialog>\r\n )}\r\n </>\r\n );\r\n}\r\n\r\nfunction CommandGroupBlock({\r\n group,\r\n isLast,\r\n onSelect,\r\n}: {\r\n group: HeaderCommandGroup;\r\n isLast: boolean;\r\n onSelect: () => void;\r\n}) {\r\n return (\r\n <>\r\n <CommandGroup heading={group.heading}>\r\n {group.items.map((item) => {\r\n const Icon = item.icon;\r\n return (\r\n <CommandItem\r\n key={item.id ?? item.label}\r\n value={item.id ?? item.label}\r\n keywords={item.keywords}\r\n onSelect={() => {\r\n item.onSelect();\r\n onSelect();\r\n }}\r\n className={item.destructive ? \"text-fg-danger [&_svg]:text-fg-danger\" : undefined}\r\n >\r\n {Icon && <Icon />}\r\n <span>{item.label}</span>\r\n {item.shortcut && <CommandShortcut>{item.shortcut}</CommandShortcut>}\r\n </CommandItem>\r\n );\r\n })}\r\n </CommandGroup>\r\n {!isLast && <CommandSeparator />}\r\n </>\r\n );\r\n}\r\n"],"names":["useState","useEffect","jsxs","Fragment","cn","searchFakeInput","jsx","Search","searchFakeInputIcon","searchFakeInputText","searchFakeInputKbd","Button","CommandDialog","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","CommandShortcut","CommandSeparator"],"mappings":"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"}

package/dist-lib/src/components/ui/Header/header-search.d.ts CHANGED Viewed

@@ -5,12 +5,23 @@ export type HeaderSearchProps = {
     commandGroups?: HeaderCommandGroup[];
     commandPlaceholder?: string;
     commandEmptyMessage?: string;
-    /** Atalho de teclado pra abrir (default: cmd/ctrl + k) */
+    /**
+     * Atalho de teclado pra abrir (default: cmd/ctrl + k).
+     *
+     * `false` desliga o listener global — use quando o app JÁ registra o próprio ⌘K: dois
+     * listeners no mesmo atalho brigam, e o consumidor não tinha como desligar o nosso.
+     */
     hotkey?: {
         key: string;
         meta?: boolean;
         ctrl?: boolean;
-    };
+    } | false;
+    /**
+     * Nome acessível do campo e do botão-ícone. Default "Abrir busca".
+     * Era fixo em português — não dava pra traduzir nem pra dizer o que a busca busca
+     * ("Buscar tickets").
+     */
+    ariaLabel?: string;
     /**
      * Delega a abertura: quando passado, o clique no campo e o atalho chamam ISTO em vez
      * de abrir a paleta interna — e o `CommandDialog` do componente não é montado.
@@ -30,5 +41,5 @@ export type HeaderSearchProps = {
  * Fake input no header que abre Command palette ao click.
  * Atalho ⌘K (Mac) / Ctrl+K (Windows) registrado globalmente.
  */
-export declare function HeaderSearch({ placeholder, shortcut, commandGroups, commandPlaceholder, commandEmptyMessage, hotkey, onOpen, className, }: HeaderSearchProps): import("react/jsx-runtime").JSX.Element;
+export declare function HeaderSearch({ placeholder, shortcut, commandGroups, commandPlaceholder, commandEmptyMessage, hotkey, onOpen, ariaLabel, className, }: HeaderSearchProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=header-search.d.ts.map

package/dist-lib/src/components/ui/Header/header-search.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"header-search.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Header/header-search.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B~~,0DAA0D~~;~~IAC1D~~,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;~~IACzD~~;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,WAAyB,EACzB,QAAe,EACf,aAAkB,EAClB,kBAAqD,EACrD,mBAAoD,EACpD,MAA6C,EAC7C,MAAM,EACN,SAAS,GACV,EAAE,iBAAiB,~~2CAmEnB~~"}
1	+ {"version":3,"file":"header-search.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Header/header-search.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;;OAKG;IACH,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,KAAK,CAAC;IACjE;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,WAAyB,EACzB,QAAe,EACf,aAAkB,EAClB,kBAAqD,EACrD,mBAAoD,EACpD,MAA6C,EAC7C,MAAM,EACN,SAAyB,EACzB,SAAS,GACV,EAAE,iBAAiB,2CAoEnB"}