@aspprev/versi-ds 0.5.3 → 0.5.5

package/dist/chunk-PMU4AIIJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/barcode/barcode.tsx","../src/components/file-upload/validation.ts","../src/components/file-upload/FileDropzone.tsx","../src/components/file-upload/FileUploadProgress.tsx","../src/components/file-upload/FileList.tsx","../src/components/file-upload/FileViewer.tsx","../src/components/qr-code/QRCode.tsx"],"sourcesContent":["\"use client\";\n\nimport JsBarcode from \"jsbarcode\";\nimport { useEffect, useRef, useState, type ReactNode } from \"react\";\n\nconst linhaDigitavelParaCodigoBarras = (linha: string): string => {\n  const d = linha.replace(/\\D/g, \"\");\n\n  const banco = d.substring(0, 3);\n  const moeda = d.substring(3, 4);\n  const campo1 = d.substring(4, 9);\n  const campo2 = d.substring(10, 20);\n  const campo3 = d.substring(21, 31);\n  const digitoGeral = d.substring(32, 33);\n  const vencimento = d.substring(33, 37);\n  const valor = d.substring(37, 47);\n\n  return banco + moeda + digitoGeral + vencimento + valor + campo1 + campo2 + campo3;\n};\n\nexport interface BoletoBarCodeProps {\n  linhaDigitavel: string;\n  /** Bar width passed to JsBarcode. */\n  width?: number;\n  /** Bar height in pixels. */\n  height?: number;\n  /** Quiet zone/margin in pixels. */\n  quietZone?: number;\n  error?: ReactNode;\n  onError?: (error: Error) => void;\n}\n\nexport function BoletoBarCode({\n  linhaDigitavel,\n  width = 2,\n  height = 80,\n  quietZone = 0,\n  error,\n  onError,\n}: BoletoBarCodeProps) {\n  const svgRef = useRef<SVGSVGElement>(null);\n  const [generationError, setGenerationError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    if (!svgRef.current) return;\n    setGenerationError(null);\n\n    try {\n      const codigoBarras = linhaDigitavelParaCodigoBarras(linhaDigitavel);\n\n      JsBarcode(svgRef.current, codigoBarras, {\n        format: \"ITF\",\n        lineColor: \"#000000\",\n        background: \"#FFFFFF\",\n        displayValue: false,\n        width,\n        height,\n        margin: quietZone,\n      });\n    } catch (cause: unknown) {\n      const nextError = cause instanceof Error\n        ? cause\n        : new Error(\"Não foi possível gerar o código de barras.\");\n      setGenerationError(nextError);\n      onError?.(nextError);\n    }\n  }, [height, linhaDigitavel, onError, quietZone, width]);\n\n  const displayError = error ?? generationError?.message;\n\n  return (\n    <div className=\"w-full space-y-3 bg-surface-card\">\n      {displayError ? (\n        <p role=\"alert\" className=\"text-sm text-field-assistive-error\">\n          {displayError}\n        </p>\n      ) : (\n        <svg ref={svgRef} className=\"w-full\" />\n      )}\n      <p className=\"text-center font-mono text-sm tracking-widest text-content-primary\">\n        {linhaDigitavel}\n      </p>\n    </div>\n  );\n}\n","export type FileValidationReason =\n  | \"type\"\n  | \"size\"\n  | \"count\"\n  | \"empty\"\n  | \"invalid\";\n\nexport interface FileRejectionContext {\n  code: FileValidationReason;\n  fileName: string;\n  extension: string;\n  size: number;\n  maxSize?: number;\n}\n\nexport type FileValidationMessage =\n  | string\n  | ((context: FileRejectionContext) => string);\n\nexport interface FileRejection {\n  file: File;\n  code: FileValidationReason;\n  reason: FileValidationReason;\n  fileName: string;\n  extension: string;\n  size: number;\n  maxSize?: number;\n  message: string;\n}\n\nexport interface FileValidationOptions {\n  accept?: string;\n  multiple?: boolean;\n  maxFiles?: number;\n  maxSize?: number;\n  messages?: Partial<Record<FileValidationReason, FileValidationMessage>>;\n}\n\nexport interface FileValidationResult {\n  accepted: File[];\n  rejected: FileRejection[];\n}\n\nfunction acceptsFile(file: File, accept?: string) {\n  if (!accept?.trim()) return true;\n\n  return accept\n    .split(\",\")\n    .map((item) => item.trim().toLowerCase())\n    .some((rule) => {\n      if (rule.endsWith(\"/*\")) {\n        return file.type.toLowerCase().startsWith(rule.slice(0, -1));\n      }\n      if (rule.startsWith(\".\")) {\n        return file.name.toLowerCase().endsWith(rule);\n      }\n      return file.type.toLowerCase() === rule;\n    });\n}\n\nfunction getExtension(fileName: string) {\n  const extension = fileName.split(\".\").pop()?.trim().toLowerCase();\n  return extension && extension !== fileName.toLowerCase() ? extension : \"\";\n}\n\nfunction rejectionMessage(\n  reason: FileValidationReason,\n  context: FileRejectionContext,\n  messages?: FileValidationOptions[\"messages\"],\n) {\n  const customMessage = messages?.[reason];\n  if (typeof customMessage === \"function\") return customMessage(context);\n  if (typeof customMessage === \"string\") return customMessage;\n  if (reason === \"type\") return \"Tipo de arquivo não permitido.\";\n  if (reason === \"size\") return \"O arquivo excede o tamanho máximo permitido.\";\n  if (reason === \"empty\") return \"O arquivo está vazio.\";\n  if (reason === \"invalid\") return \"O arquivo não é válido.\";\n  return \"Quantidade máxima de arquivos excedida.\";\n}\n\nfunction normalizeMaxFiles(options: FileValidationOptions) {\n  if (options.multiple === false) return 1;\n  if (options.maxFiles === undefined || !Number.isFinite(options.maxFiles)) {\n    return Number.POSITIVE_INFINITY;\n  }\n  return Math.max(1, Math.floor(options.maxFiles));\n}\n\nfunction normalizeMaxSize(maxSize?: number) {\n  if (maxSize === undefined || !Number.isFinite(maxSize)) return undefined;\n  return Math.max(0, maxSize);\n}\n\nexport function validateFiles(\n  files: readonly File[] | FileList,\n  options: FileValidationOptions = {},\n): FileValidationResult {\n  const selected = Array.from(files);\n  const maxFiles = normalizeMaxFiles(options);\n  const maxSize = normalizeMaxSize(options.maxSize);\n  const accepted: File[] = [];\n  const rejected: FileRejection[] = [];\n\n  selected.forEach((file, index) => {\n    const isInvalid =\n      !file ||\n      typeof file.name !== \"string\" ||\n      !file.name.trim() ||\n      typeof file.size !== \"number\" ||\n      !Number.isFinite(file.size) ||\n      file.size < 0;\n    const reason: FileValidationReason | undefined = isInvalid\n      ? \"invalid\"\n      : file.size === 0\n        ? \"empty\"\n        : !acceptsFile(file, options.accept)\n          ? \"type\"\n          : maxSize !== undefined && file.size > maxSize\n            ? \"size\"\n            : index >= maxFiles\n              ? \"count\"\n              : undefined;\n\n    if (reason) {\n      const fileName = typeof file?.name === \"string\" ? file.name : \"\";\n      const size = typeof file?.size === \"number\" && Number.isFinite(file.size)\n        ? file.size\n        : 0;\n      const context: FileRejectionContext = {\n        code: reason,\n        fileName,\n        extension: getExtension(fileName),\n        size,\n        maxSize,\n      };\n      rejected.push({\n        file,\n        ...context,\n        reason,\n        message: rejectionMessage(reason, context, options.messages),\n      });\n    } else {\n      accepted.push(file);\n    }\n  });\n\n  return { accepted, rejected };\n}\n","\"use client\";\n\nimport classNames from \"classnames\";\nimport { useId, useRef, useState, type ChangeEvent, type DragEvent, type ReactNode } from \"react\";\nimport { validateFiles, type FileRejection, type FileValidationMessage } from \"./validation\";\n\nexport type { FileRejection } from \"./validation\";\n\nexport interface FileDropzoneProps {\n  accept?: string;\n  multiple?: boolean;\n  maxFiles?: number;\n  maxSize?: number;\n  disabled?: boolean;\n  id?: string;\n  name?: string;\n  required?: boolean;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  messages?: Partial<Record<\"type\" | \"size\" | \"count\" | \"empty\" | \"invalid\", FileValidationMessage>>;\n  actions?: ReactNode;\n  className?: string;\n  onFilesAccepted?: (files: File[]) => void;\n  onFilesRejected?: (rejections: FileRejection[]) => void;\n}\n\nexport function FileDropzone({\n  accept,\n  multiple = false,\n  maxFiles = multiple ? Number.POSITIVE_INFINITY : 1,\n  maxSize,\n  disabled = false,\n  id,\n  name,\n  required = false,\n  label = \"Selecionar arquivos\",\n  hint = \"Arraste e solte os arquivos aqui ou use o teclado para selecionar.\",\n  error,\n  messages,\n  actions,\n  className,\n  onFilesAccepted,\n  onFilesRejected,\n}: FileDropzoneProps) {\n  const generatedInputId = useId();\n  const inputId = id ?? generatedInputId;\n  const messageId = `${inputId}-message`;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const [rejectionMessage, setRejectionMessage] = useState<string>();\n\n  const processFiles = (fileList: FileList | File[]) => {\n    if (disabled) return;\n    const { accepted, rejected } = validateFiles(fileList, {\n      accept,\n      maxFiles,\n      maxSize,\n      multiple,\n      messages,\n    });\n    setRejectionMessage(rejected.length ? rejected.map((item) => item.message).join(\" \") : undefined);\n    if (accepted.length) onFilesAccepted?.(accepted);\n    if (rejected.length) onFilesRejected?.(rejected);\n  };\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (event.target.files) processFiles(event.target.files);\n    event.target.value = \"\";\n  };\n  const handleDrop = (event: DragEvent<HTMLDivElement>) => {\n    event.preventDefault();\n    setIsDragging(false);\n    processFiles(event.dataTransfer.files);\n  };\n  const hasError = Boolean(error || rejectionMessage);\n  const message = error || rejectionMessage || hint;\n\n  return (\n    <div\n      onDragEnter={(event) => { event.preventDefault(); if (!disabled) setIsDragging(true); }}\n      onDragOver={(event) => event.preventDefault()}\n      onDragLeave={(event) => { if (event.currentTarget === event.target) setIsDragging(false); }}\n      onDrop={handleDrop}\n      className={classNames(\n        \"flex min-h-32 w-full cursor-pointer flex-col items-center justify-center rounded-sm border-2 border-dashed p-6 text-center transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\",\n        isDragging ? \"border-action-primary bg-primary-1/10\" : \"border-border-default bg-surface-card hover:border-border-strong\",\n        disabled && \"cursor-not-allowed opacity-60\",\n        hasError && \"border-field-border-error\",\n        className,\n      )}\n    >\n      <label htmlFor={inputId} className=\"flex cursor-pointer flex-col items-center focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-focus-ring\">\n        <span className=\"font-semibold text-content-primary\">{label}</span>\n        <input\n          ref={inputRef}\n          id={inputId}\n          type=\"file\"\n          name={name}\n          accept={accept}\n          multiple={multiple}\n          disabled={disabled}\n          required={required}\n          onChange={handleInputChange}\n          aria-describedby={message ? messageId : undefined}\n          aria-invalid={hasError ? true : undefined}\n          className=\"sr-only\"\n        />\n      </label>\n      {message && <span id={messageId} role={hasError ? \"alert\" : undefined} className={classNames(\"mt-1 text-sm\", hasError ? \"font-semibold text-field-assistive-error\" : \"text-content-secondary\")}>{message}</span>}\n      {actions && <div className=\"mt-3 flex flex-wrap justify-center gap-2\">{actions}</div>}\n    </div>\n  );\n}\n\nexport default FileDropzone;\n","\"use client\";\n\nimport classNames from \"classnames\";\n\nexport type FileUploadProgressStatus = \"idle\" | \"uploading\" | \"success\" | \"error\";\n\nexport interface FileUploadProgressProps {\n  value?: number | null;\n  label?: string;\n  status?: FileUploadProgressStatus;\n  showValue?: boolean;\n  className?: string;\n}\n\nexport function FileUploadProgress({\n  value,\n  label = \"Progresso do upload\",\n  status = \"uploading\",\n  showValue = true,\n  className,\n}: FileUploadProgressProps) {\n  const resolvedValue = typeof value === \"number\"\n    ? Math.min(100, Math.max(0, value))\n    : undefined;\n  const statusText = status === \"success\"\n    ? \"Concluído\"\n    : status === \"error\"\n      ? \"Erro\"\n      : resolvedValue === undefined\n        ? \"Em andamento\"\n        : `${Math.round(resolvedValue)}%`;\n\n  return (\n    <div className={classNames(\"w-full\", className)}>\n      <div className=\"mb-1 flex items-center justify-between gap-2 text-xs text-content-secondary\">\n        <span>{label}</span>\n        {showValue && <span aria-hidden=\"true\">{statusText}</span>}\n      </div>\n      <div\n        role=\"progressbar\"\n        aria-label={label}\n        aria-valuemin={resolvedValue === undefined ? undefined : 0}\n        aria-valuemax={resolvedValue === undefined ? undefined : 100}\n        aria-valuenow={resolvedValue}\n        aria-valuetext={statusText}\n        className=\"h-2 w-full overflow-hidden rounded-full bg-surface-muted\"\n      >\n        <div\n          className={classNames(\n            \"h-full rounded-full transition-[width] duration-200\",\n            status === \"error\" ? \"bg-feedback-danger-strong\" : \"bg-action-primary\",\n            resolvedValue === undefined ? \"w-1/2 animate-pulse\" : undefined,\n          )}\n          style={resolvedValue === undefined ? undefined : { width: `${resolvedValue}%` }}\n        />\n      </div>\n      <span className=\"sr-only\" role=\"status\" aria-live=\"polite\">{statusText}</span>\n    </div>\n  );\n}\n\nexport default FileUploadProgress;\n","\"use client\";\n\nimport classNames from \"classnames\";\nimport { MdClose, MdRefresh } from \"react-icons/md\";\nimport type { ReactNode } from \"react\";\nimport FileUploadProgress, { type FileUploadProgressStatus } from \"./FileUploadProgress\";\n\nexport type FileUploadItemStatus = FileUploadProgressStatus | \"pending\";\n\nexport interface FileUploadItem {\n  id?: string;\n  file: File;\n  progress?: number | null;\n  status?: FileUploadItemStatus;\n  error?: string;\n}\n\nexport interface FileListProps {\n  files: FileUploadItem[];\n  accessibleName?: string;\n  onRemove?: (item: FileUploadItem, index: number) => void;\n  onRetry?: (item: FileUploadItem, index: number) => void;\n  actions?: (item: FileUploadItem, index: number) => ReactNode;\n  className?: string;\n}\n\nconst fileId = (item: FileUploadItem, index: number) => item.id ?? `${item.file.name}-${item.file.size}-${item.file.lastModified}-${index}`;\n\nconst statusDescription = (status: FileUploadItemStatus) => {\n  if (status === \"uploading\") return \"Enviando\";\n  if (status === \"success\") return \"Enviado\";\n  if (status === \"error\") return \"Erro no envio\";\n  return \"Aguardando envio\";\n};\n\nexport function FileList({ files, accessibleName = \"Arquivos selecionados\", onRemove, onRetry, actions, className }: FileListProps) {\n  return (\n    <ul aria-label={accessibleName} className={classNames(\"w-full space-y-2\", className)}>\n      {files.map((item, index) => {\n        const status = item.status ?? \"pending\";\n        const progressStatus: FileUploadProgressStatus = status === \"pending\" ? \"idle\" : status;\n        return (\n          <li key={fileId(item, index)} aria-busy={status === \"uploading\" || undefined} className=\"flex min-w-0 flex-wrap items-center gap-3 rounded-sm border border-border-default bg-surface-card p-3\">\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"truncate font-semibold text-content-primary\" title={item.file.name}>{item.file.name}</p>\n              <p className=\"text-xs text-content-secondary\">{Math.ceil(item.file.size / 1024)} KB</p>\n              <span className=\"sr-only\">Status: {statusDescription(status)}</span>\n              {(status === \"uploading\" || status === \"success\" || status === \"error\") && (\n                <FileUploadProgress value={item.progress} status={progressStatus} label={`Progresso de ${item.file.name}`} />\n              )}\n              {item.error && <p role=\"alert\" className=\"mt-1 text-sm font-semibold text-field-assistive-error\">{item.error}</p>}\n            </div>\n            <div className=\"flex shrink-0 items-center gap-1\">\n              {actions?.(item, index)}\n              {status === \"error\" && onRetry && <button type=\"button\" onClick={() => onRetry(item, index)} aria-label={`Tentar novamente ${item.file.name}`} className=\"flex h-11 w-11 items-center justify-center rounded-sm text-content-secondary hover:bg-surface-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-ring\"><MdRefresh aria-hidden=\"true\" className=\"h-5 w-5\" /></button>}\n              {onRemove && <button type=\"button\" onClick={() => onRemove(item, index)} aria-label={`Remover ${item.file.name}`} className=\"flex h-11 w-11 items-center justify-center rounded-sm text-content-secondary hover:bg-surface-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-ring\"><MdClose aria-hidden=\"true\" className=\"h-5 w-5\" /></button>}\n            </div>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport default FileList;\n","\"use client\";\n\nimport classNames from \"classnames\";\nimport { useEffect, useRef, useState, type ReactNode } from \"react\";\n\nexport type FileViewerSource = string | Blob | {\n  url?: string;\n  blob?: Blob;\n  contentType?: string;\n  fileName?: string;\n};\n\nexport type FileViewerSourceInput =\n  | FileViewerSource\n  | Promise<FileViewerSource | null | undefined>;\n\nexport interface FileViewerProps {\n  source?: FileViewerSourceInput;\n  fileName?: string;\n  contentType?: string;\n  loading?: boolean;\n  error?: ReactNode;\n  onLoad?: () => void;\n  onError?: (error: Error) => void;\n  onDownload?: () => void;\n  /** Consumer-owned actions such as retry, share or remove. */\n  actions?: ReactNode;\n  fallback?: ReactNode;\n  title?: string;\n  className?: string;\n}\n\nconst extensionType = (fileName?: string) => {\n  const extension = fileName?.split(\".\").pop()?.toLowerCase();\n  if (extension === \"pdf\") return \"application/pdf\";\n  if ([\"png\", \"jpg\", \"jpeg\", \"gif\", \"webp\", \"svg\"].includes(extension ?? \"\")) {\n    return `image/${extension === \"jpg\" ? \"jpeg\" : extension}`;\n  }\n  if ([\"txt\", \"csv\", \"json\", \"xml\", \"md\"].includes(extension ?? \"\")) return \"text/plain\";\n  return \"application/octet-stream\";\n};\n\nconst normalizeContentType = (contentType: string) => contentType.split(\";\", 1)[0].trim().toLowerCase();\n\nconst toError = (cause: unknown) => (\n  cause instanceof Error ? cause : new Error(\"Não foi possível ler o arquivo.\")\n);\n\nexport function FileViewer({\n  source,\n  fileName,\n  contentType,\n  loading = false,\n  error,\n  onLoad,\n  onError,\n  onDownload,\n  actions,\n  fallback,\n  title = fileName ?? \"Visualização do arquivo\",\n  className,\n}: FileViewerProps) {\n  const [objectUrl, setObjectUrl] = useState<string>();\n  const [textContent, setTextContent] = useState<string>();\n  const [readError, setReadError] = useState<Error | null>(null);\n  const [asyncSource, setAsyncSource] = useState<FileViewerSource>();\n  const [sourceLoading, setSourceLoading] = useState(false);\n  const onLoadRef = useRef(onLoad);\n  const onErrorRef = useRef(onError);\n  const isAsyncSource = Boolean(\n    source &&\n      typeof source === \"object\" &&\n      \"then\" in source &&\n      typeof source.then === \"function\",\n  );\n\n  useEffect(() => {\n    if (!isAsyncSource) {\n      setAsyncSource(undefined);\n      setSourceLoading(false);\n      return;\n    }\n\n    let active = true;\n    setSourceLoading(true);\n    setReadError(null);\n\n    Promise.resolve(source as Promise<FileViewerSource | null | undefined>)\n      .then((nextSource) => {\n        if (!active) return;\n        setAsyncSource(nextSource ?? undefined);\n        setSourceLoading(false);\n      })\n      .catch((cause: unknown) => {\n        if (!active) return;\n        const nextError = toError(cause);\n        setReadError(nextError);\n        setSourceLoading(false);\n        onErrorRef.current?.(nextError);\n      });\n\n    return () => {\n      active = false;\n    };\n  }, [isAsyncSource, source]);\n\n  const resolvedSource: FileViewerSource | undefined = isAsyncSource\n    ? asyncSource\n    : (source as FileViewerSource | undefined);\n  const resolved = typeof resolvedSource === \"object\" && resolvedSource !== null && !(resolvedSource instanceof Blob) ? resolvedSource : undefined;\n  const blob = resolvedSource instanceof Blob ? resolvedSource : resolved?.blob;\n  const url = typeof resolvedSource === \"string\" ? resolvedSource : resolved?.url;\n  const resolvedName = fileName ?? resolved?.fileName;\n  const rawType = contentType?.trim() || resolved?.contentType || blob?.type || extensionType(resolvedName);\n  const resolvedType = normalizeContentType(rawType);\n  const isText = resolvedType.startsWith(\"text/\") || resolvedType === \"application/json\";\n  const displayError = error ?? readError?.message;\n\n  useEffect(() => {\n    onLoadRef.current = onLoad;\n  }, [onLoad]);\n\n  useEffect(() => {\n    onErrorRef.current = onError;\n  }, [onError]);\n\n  useEffect(() => {\n    let active = true;\n    setReadError(null);\n    setTextContent(undefined);\n\n    if (!blob) {\n      setObjectUrl(undefined);\n      return () => { active = false; };\n    }\n\n    let nextUrl: string;\n    try {\n      nextUrl = URL.createObjectURL(blob);\n      setObjectUrl(nextUrl);\n    } catch (cause) {\n      const nextError = toError(cause);\n      setReadError(nextError);\n      onErrorRef.current?.(nextError);\n      return () => { active = false; };\n    }\n\n    if (isText) {\n      blob.text()\n        .then((text: string) => {\n          if (!active) return;\n          setTextContent(text);\n          onLoadRef.current?.();\n        })\n        .catch((cause: unknown) => {\n          if (!active) return;\n          const nextError = toError(cause);\n          setReadError(nextError);\n          onErrorRef.current?.(nextError);\n        });\n    }\n\n    return () => {\n      active = false;\n      URL.revokeObjectURL(nextUrl);\n    };\n  }, [blob, isText]);\n\n  const handleMediaError = () => {\n    const nextError = new Error(\"Não foi possível carregar a visualização do arquivo.\");\n    setReadError(nextError);\n    onErrorRef.current?.(nextError);\n  };\n  const handleLoad = () => onLoadRef.current?.();\n\n  if (loading || sourceLoading) {\n    return (\n      <div\n        className={classNames(\"flex min-h-32 items-center justify-center rounded-sm border border-border-default bg-surface-card p-6 text-content-secondary\", className)}\n        role=\"status\"\n        aria-busy=\"true\"\n        aria-live=\"polite\"\n      >\n        Carregando arquivo…\n      </div>\n    );\n  }\n\n  if (displayError) {\n    return (\n      <div className={classNames(\"rounded-sm border border-field-border-error bg-surface-card p-4 text-field-assistive-error\", className)} role=\"alert\">\n        {displayError}\n      </div>\n    );\n  }\n\n  const displayUrl = objectUrl ?? url;\n  if (!displayUrl && !textContent) {\n    return (\n      <div\n        className={classNames(\"rounded-sm border border-border-default bg-surface-card p-4 text-content-secondary\", className)}\n        role=\"region\"\n        aria-label={title}\n      >\n        {fallback ?? \"Arquivo indisponível.\"}\n      </div>\n    );\n  }\n\n  const download = onDownload\n    ? <button type=\"button\" onClick={onDownload} className=\"min-h-11 rounded-sm border border-border-default px-3 text-sm font-semibold text-content-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\">Baixar arquivo</button>\n    : displayUrl\n      ? <a href={displayUrl} download={resolvedName} className=\"inline-flex min-h-11 items-center rounded-sm border border-border-default px-3 text-sm font-semibold text-content-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\">Baixar arquivo</a>\n      : null;\n\n  return (\n    <div\n      className={classNames(\"flex min-w-0 flex-col gap-3 rounded-sm border border-border-default bg-surface-card p-3\", className)}\n      role=\"region\"\n      aria-label={title}\n    >\n      {resolvedType.startsWith(\"image/\") && displayUrl && (\n        <img src={displayUrl} alt={title} onLoad={handleLoad} onError={handleMediaError} className=\"max-h-[70vh] max-w-full object-contain\" />\n      )}\n      {resolvedType === \"application/pdf\" && displayUrl && (\n        <iframe src={displayUrl} title={title} onLoad={handleLoad} onError={handleMediaError} sandbox=\"\" className=\"min-h-[32rem] w-full border-0\" />\n      )}\n      {isText && (textContent !== undefined\n        ? <pre className=\"max-h-[70vh] overflow-auto whitespace-pre-wrap break-words text-sm text-content-primary\">{textContent}</pre>\n        : displayUrl && <iframe src={displayUrl} title={title} onLoad={handleLoad} onError={handleMediaError} sandbox=\"\" className=\"min-h-64 w-full border-0\" />)}\n      {!resolvedType.startsWith(\"image/\") && resolvedType !== \"application/pdf\" && !isText && (\n        fallback ?? <p className=\"text-content-secondary\">Este tipo de arquivo não possui visualização disponível.</p>\n      )}\n      {(download || actions) && (\n        <div className=\"flex flex-wrap justify-end gap-2\">\n          {actions}\n          {download}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default FileViewer;\n","\"use client\";\n\nimport QRCodeGenerator from \"qrcode\";\nimport { useEffect, useId, useMemo, useRef, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport classNames from \"classnames\";\n\nexport type QRCodeErrorCorrectionLevel = \"L\" | \"M\" | \"Q\" | \"H\";\n\nexport interface QRCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, \"color\" | \"onError\"> {\n  value: string;\n  size?: number;\n  level?: QRCodeErrorCorrectionLevel;\n  includeMargin?: boolean;\n  fgColor?: string;\n  bgColor?: string;\n  ariaLabel?: string;\n  description?: string;\n  loading?: boolean;\n  error?: ReactNode;\n  onError?: (error: Error) => void;\n}\n\nfunction getRelativeLuminance(color: string) {\n  const match = color.trim().match(/^#([\\da-f]{6})$/i);\n  if (!match) return null;\n\n  const channels = [0, 2, 4].map((offset) => Number.parseInt(match[1].slice(offset, offset + 2), 16) / 255);\n  const linear = channels.map((channel) => (\n    channel <= 0.03928 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4\n  ));\n\n  return 0.2126 * linear[0] + 0.7152 * linear[1] + 0.0722 * linear[2];\n}\n\nfunction resolveAccessibleColors(fgColor: string, bgColor: string) {\n  const foregroundLuminance = getRelativeLuminance(fgColor);\n  const backgroundLuminance = getRelativeLuminance(bgColor);\n\n  if (foregroundLuminance === null || backgroundLuminance === null) {\n    return { dark: fgColor, light: bgColor };\n  }\n\n  const lighter = Math.max(foregroundLuminance, backgroundLuminance);\n  const darker = Math.min(foregroundLuminance, backgroundLuminance);\n  const contrastRatio = (lighter + 0.05) / (darker + 0.05);\n\n  return contrastRatio >= 3\n    ? { dark: fgColor, light: bgColor }\n    : { dark: \"#000000\", light: \"#FFFFFF\" };\n}\n\nexport function QRCode({\n  value,\n  size = 192,\n  level = \"M\",\n  includeMargin = true,\n  fgColor = \"#000000\",\n  bgColor = \"#FFFFFF\",\n  ariaLabel = \"Código QR\",\n  description,\n  loading = false,\n  error,\n  onError,\n  className,\n  ...rest\n}: QRCodeProps) {\n  const [dataUrl, setDataUrl] = useState<string | null>(null);\n  const [generationError, setGenerationError] = useState<Error | null>(null);\n  const onErrorRef = useRef(onError);\n  const generatedId = useId();\n  const resolvedSize = Math.max(1, Number.isFinite(size) ? Math.floor(size) : 192);\n  const descriptionId = description\n    ? `${rest.id ?? generatedId}-description`\n    : undefined;\n  const colors = useMemo(\n    () => resolveAccessibleColors(fgColor, bgColor),\n    [bgColor, fgColor],\n  );\n  const describedBy = [rest[\"aria-describedby\"], descriptionId].filter(Boolean).join(\" \") || undefined;\n  const displayError = error ?? generationError?.message;\n  const isLoading = loading || (!dataUrl && !displayError);\n\n  useEffect(() => {\n    onErrorRef.current = onError;\n  }, [onError]);\n\n  useEffect(() => {\n    let active = true;\n    if (error) {\n      setDataUrl(null);\n      setGenerationError(null);\n      return () => { active = false; };\n    }\n    setDataUrl(null);\n    setGenerationError(null);\n    QRCodeGenerator.toDataURL(value, {\n      width: resolvedSize,\n      margin: includeMargin ? 4 : 0,\n      errorCorrectionLevel: level,\n      color: colors,\n    })\n      .then((url) => { if (active) setDataUrl(url); })\n      .catch((cause: unknown) => {\n        if (!active) return;\n        const nextError = cause instanceof Error\n          ? cause\n          : new Error(\"Não foi possível gerar o código QR.\");\n        setDataUrl(null);\n        setGenerationError(nextError);\n        onErrorRef.current?.(nextError);\n      });\n    return () => { active = false; };\n  }, [colors, error, includeMargin, level, resolvedSize, value]);\n\n  return (\n    <div\n      {...rest}\n      role=\"img\"\n      aria-label={ariaLabel}\n      aria-describedby={describedBy}\n      aria-busy={isLoading || undefined}\n      aria-invalid={displayError ? true : undefined}\n      className={classNames(\"inline-flex max-w-full flex-col items-center gap-2\", className)}\n    >\n      {displayError ? (\n        <span role=\"alert\" className=\"rounded-sm border border-field-border-error p-3 text-sm text-field-assistive-error\">\n          {displayError}\n        </span>\n      ) : dataUrl ? (\n        <img src={dataUrl} alt=\"\" width={resolvedSize} height={resolvedSize} className=\"h-auto max-w-full\" />\n      ) : (\n        <span\n          aria-hidden=\"true\"\n          className=\"inline-block animate-pulse rounded-sm bg-surface-muted\"\n          style={{ width: resolvedSize, height: resolvedSize, maxWidth: \"100%\" }}\n        />\n      )}\n      {description && <span id={descriptionId} className=\"sr-only\">{description}</span>}\n    </div>\n  );\n}\n\nexport default QRCode;\n"],"mappings":"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","names":["useRef","useState","jsx","jsxs","useRef","useState","rejectionMessage","classNames","jsx","jsxs","classNames","jsx","jsxs","classNames","classNames","useEffect","useRef","useState","jsx","jsxs","useEffect","useId","useRef","useState","classNames","jsx","jsxs"]}

package/dist/{chunk-2CPV3WH5.js → chunk-VUXHE4S6.js}

@@ -23,12 +23,12 @@ import { forwardRef } from "react";
 // src/components/field/field-styles.ts
 var FIELD_ROOT_CLASS = "field-layout flex w-full min-w-0 flex-col leading-6";
 var FIELD_LABEL_CLASS = "field-label-slot px-0.5 text-md tracking-wide text-field-content";
-var FIELD_CONTROL_CLASS = "field-control-slot field-keyboard-focus-ring relative mt-4xs mb-[4px] flex min-h-control-md w-full min-w-0 items-center gap-3 rounded-sm border border-field-border-default bg-field-surface px-3 text-field-icon transition-colors focus-within:border-field-border-active focus-within:text-field-content data-[has-value=true]:text-field-content";
-var FIELD_DISABLED_CLASS = "cursor-not-allowed border-field-border-default bg-field-surface-disabled text-field-content-disabled focus-within:border-field-border-default";
-var FIELD_ERROR_CLASS = "border-field-border-error text-field-assistive-error focus-within:border-field-border-error";
-var FIELD_MESSAGE_CLASS = "field-message-slot text-xs tracking-wide text-field-assistive-error";
+var FIELD_CONTROL_CLASS = "field-control-slot field-keyboard-focus-ring relative mt-4xs mb-[4px] flex min-h-control-md w-full min-w-0 items-center gap-3 rounded-sm border border-field-border-default bg-field-surface px-[var(--field-padding-x,var(--spacing-xs))] [&.border-2]:px-[calc(var(--field-padding-x,var(--spacing-xs))-1px)] text-field-icon transition-colors focus-within:border-field-border-active focus-within:text-field-content data-[has-value=true]:text-field-content";
+var FIELD_DISABLED_CLASS = "cursor-not-allowed border-field-border-default bg-field-surface-disabled text-field-placeholder-disabled data-[has-value=true]:text-field-content-disabled focus-within:border-field-border-default";
+var FIELD_ERROR_CLASS = "border-2 border-field-border-error text-field-assistive-error focus-within:border-field-border-error";
+var FIELD_MESSAGE_CLASS = "field-message-slot min-w-0 whitespace-normal break-words text-xs font-semibold tracking-wide text-field-assistive-error";
 var FIELD_DESCRIPTION_CLASS = "field-message-slot text-xs tracking-wide text-field-assistive";
-var FIELD_INPUT_CLASS = "w-full border-none bg-transparent text-field-content outline-none placeholder:text-field-placeholder focus:outline-none disabled:text-field-content-disabled disabled:placeholder:text-field-content-disabled";
+var FIELD_INPUT_CLASS = "field-value w-full border-none bg-transparent text-field-content outline-none placeholder:text-field-placeholder focus:outline-none disabled:text-field-content-disabled disabled:placeholder:text-field-placeholder-disabled";
 
 // src/components/field/FieldFrame.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -1281,7 +1281,9 @@ var InputSelect = ({
     "span",
     {
       className: classNames3("block w-full truncate overflow-hidden", {
-        "text-field-placeholder": !selectedOption && placeholder
+        "text-field-placeholder": !disabled && !selectedOption && placeholder,
+        "text-field-content-disabled": disabled && Boolean(selectedOption),
+        "text-field-placeholder-disabled": disabled && !selectedOption
       }),
       children: selectedOption ? selectedOption.label : placeholder
     }
@@ -1446,7 +1448,7 @@ var InputSelect = ({
                 closeDropdown();
               }
             },
-            className: classNames3(`${FIELD_CONTROL_CLASS} px-2`, {
+            className: classNames3(`${FIELD_CONTROL_CLASS} [--field-padding-x:var(--spacing-2xs)]`, {
               [FIELD_DISABLED_CLASS]: disabled,
               [FIELD_ERROR_CLASS]: hasError,
               "cursor-pointer": !disabled
@@ -1459,7 +1461,8 @@ var InputSelect = ({
                   className: classNames3(`h-5 w-5`, {
                     "text-field-assistive-error": hasError,
                     "text-field-content": !hasError && (open || selectedOption),
-                    "text-field-content-disabled": disabled,
+                    "text-field-content-disabled": disabled && Boolean(selectedOption),
+                    "text-field-placeholder-disabled": disabled && !selectedOption,
                     "cursor-not-allowed": disabled,
                     "cursor-pointer": !disabled
                   })
@@ -1470,10 +1473,12 @@ var InputSelect = ({
                 "span",
                 {
                   className: classNames3(
-                    "flex-1 min-w-0 flex items-center justify-between leading-5",
-                    "bg-transparent text-field-content text-left",
+                    "field-value flex-1 min-w-0 flex items-center justify-between leading-5",
+                    "bg-transparent text-left",
                     {
-                      "text-field-content-disabled": disabled,
+                      "text-field-content": !disabled,
+                      "text-field-content-disabled": disabled && Boolean(selectedOption),
+                      "text-field-placeholder-disabled": disabled && !selectedOption,
                       "cursor-not-allowed": disabled,
                       "cursor-pointer": !disabled
                     }
@@ -1488,7 +1493,8 @@ var InputSelect = ({
                   className: classNames3(`h-5 w-5`, {
                     "text-field-assistive-error": hasError,
                     "text-field-content": !hasError && (open || selectedOption),
-                    "text-field-content-disabled": disabled,
+                    "text-field-content-disabled": disabled && Boolean(selectedOption),
+                    "text-field-placeholder-disabled": disabled && !selectedOption,
                     "cursor-not-allowed": disabled,
                     "cursor-pointer": !disabled
                   })
@@ -1497,11 +1503,13 @@ var InputSelect = ({
                 "span",
                 {
                   className: classNames3(
-                    "flex items-center justify-center text-field-icon",
+                    "flex items-center justify-center",
                     {
+                      "text-field-icon": !hasError && !open && !selectedOption && !disabled,
                       "text-field-assistive-error": hasError,
                       "text-field-content": !hasError && (open || selectedOption),
-                      "text-field-content-disabled": disabled,
+                      "text-field-content-disabled": disabled && Boolean(selectedOption),
+                      "text-field-placeholder-disabled": disabled && !selectedOption,
                       "cursor-not-allowed": disabled,
                       "cursor-pointer": !disabled
                     }
@@ -1584,7 +1592,8 @@ var TextArea = ({
         {
           "data-has-value": String(field.value ?? "").length > 0,
           className: classNames4(
-            `${FIELD_CONTROL_CLASS} py-1`,
+            FIELD_CONTROL_CLASS,
+            hasError ? "py-[calc(var(--spacing-4xs)-1px)]" : "py-1",
             {
               [FIELD_DISABLED_CLASS]: disabled,
               [FIELD_ERROR_CLASS]: hasError
@@ -2001,7 +2010,7 @@ function InputPhone({
       field.value,
       availableCountries
     );
-    helpers.setValue(parsed);
+    helpers.setValue(parsed, false);
     initializedRef.current = true;
   }, [availableCountries, field.value, helpers]);
   useEffect3(() => {
@@ -2079,11 +2088,16 @@ function InputPhone({
                       },
                       onBlur: () => helpers.setTouched(true),
                       className: classNames5(
-                        "flex h-full items-center gap-1.5 pl-2 pr-1 text-left",
-                        "border-r border-field-border-default bg-transparent text-field-content focus:outline-none",
+                        "flex shrink-0 self-stretch items-center gap-0.5 pl-1 pr-0.5 text-left",
+                        "border-r bg-transparent focus:outline-none",
                         {
+                          "pl-[calc(var(--spacing-4xs)-1px)]": hasError,
+                          "border-field-border-error text-field-assistive-error": hasError && !disabled,
+                          "border-field-border-default text-field-content": !hasError && !disabled,
                           "cursor-pointer": !disabled,
-                          "cursor-not-allowed text-content-disabled": disabled
+                          "cursor-not-allowed border-field-border-default": disabled,
+                          "text-field-content-disabled": disabled && phoneDigits.length > 0,
+                          "text-field-placeholder-disabled": disabled && phoneDigits.length === 0
                         }
                       ),
                       children: [
@@ -2093,24 +2107,28 @@ function InputPhone({
                           MdOutlineKeyboardArrowUp2,
                           {
                             className: classNames5("h-4 w-4 shrink-0", {
-                              "text-field-assistive-error": hasError,
-                              "text-field-content": !hasError
+                              "text-field-assistive-error": hasError && !disabled,
+                              "text-field-content": !hasError && !disabled,
+                              "text-field-content-disabled": disabled && phoneDigits.length > 0,
+                              "text-field-placeholder-disabled": disabled && phoneDigits.length === 0
                             })
                           }
                         ) : /* @__PURE__ */ jsx6(
                           MdOutlineKeyboardArrowDown2,
                           {
                             className: classNames5("h-4 w-4 shrink-0", {
-                              "text-field-assistive-error": hasError,
-                              "text-field-content": !hasError && phoneDigits.length > 0,
-                              "text-field-icon": !hasError && phoneDigits.length === 0
+                              "text-field-assistive-error": hasError && !disabled,
+                              "text-field-content": !hasError && !disabled && phoneDigits.length > 0,
+                              "text-field-icon": !hasError && !disabled && phoneDigits.length === 0,
+                              "text-field-content-disabled": disabled && phoneDigits.length > 0,
+                              "text-field-placeholder-disabled": disabled && phoneDigits.length === 0
                             })
                           }
                         )
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx6("div", { className: "min-w-0 flex-1 pl-1 pr-3", children: phoneMask ? /* @__PURE__ */ jsx6(
+                  /* @__PURE__ */ jsx6("div", { className: classNames5("min-w-0 flex-1 pl-1", hasError ? "pr-[calc(var(--spacing-xs)-1px)]" : "pr-3"), children: phoneMask ? /* @__PURE__ */ jsx6(
                     PatternFormat2,
                     {
                       id: name,
@@ -2812,13 +2830,16 @@ var UnifiedDatePicker = ({
                   type: "button",
                   disabled: isFieldDisabled,
                   onClick: openCalendar,
-                  className: "flex items-center justify-center disabled:cursor-not-allowed",
+                  className: classNames6(
+                    "flex items-center justify-center disabled:cursor-not-allowed",
+                    draftValue ? "disabled:text-field-content-disabled" : "disabled:text-field-placeholder-disabled"
+                  ),
                   "aria-label": "Abrir calendario",
                   children: /* @__PURE__ */ jsx7(
                     MdCalendarMonth,
                     {
                       className: classNames6("h-5 w-5", {
-                        "text-field-assistive-error": hasError
+                        "text-field-assistive-error": hasError && !isFieldDisabled
                       })
                     }
                   )
@@ -3101,6 +3122,9 @@ function SelectMultiView(props) {
   const containerRef = useRef6(null);
   const triggerRef = useRef6(null);
   const groupRef = useRef6(null);
+  const valueRef = useRef6(null);
+  const measurementRef = useRef6(null);
+  const [visibleCount, setVisibleCount] = useState6(null);
   const baseId = useId4();
   const triggerId = `${baseId}-trigger`;
   const labelId = `${baseId}-label`;
@@ -3108,7 +3132,18 @@ function SelectMultiView(props) {
   const summaryId = `${baseId}-summary`;
   const errorId = `${baseId}-error`;
   const selectedCount = checkedList.length;
+  const selectedLabels = checkedList.map(
+    (value) => options.find((option) => option.value === value)?.label ?? value
+  );
+  const selectionKey = JSON.stringify(selectedLabels);
+  const displayedCount = Math.min(selectedCount, visibleCount ?? selectedCount);
+  const hiddenCount = selectedCount - displayedCount;
+  const chipClass = cs(
+    "rounded-full px-1 py-0.5 text-sm",
+    disabled ? "bg-surface-muted text-field-content-disabled" : "bg-action-primary text-action-primary-content"
+  );
   const selectedSummary = selectedCount === 0 ? "Nenhuma op\xE7\xE3o selecionada" : selectedCount === 1 ? "1 op\xE7\xE3o selecionada" : `${selectedCount} op\xE7\xF5es selecionadas`;
+  const accessibleSummary = selectedCount > 0 ? `${selectedSummary}: ${selectedLabels.join(", ")}` : selectedSummary;
   const describedBy = [summaryId, error ? errorId : void 0].filter(Boolean).join(" ");
   const floatingLayerClass = getFloatingLayerClass(
     triggerRef.current,
@@ -3119,6 +3154,53 @@ function SelectMultiView(props) {
     setIsOpened(false);
     triggerRef.current?.focus({ preventScroll: true });
   };
+  useEffect5(() => {
+    const valueElement = valueRef.current;
+    const measurements = measurementRef.current;
+    if (!valueElement || !measurements || selectedCount === 0) return;
+    let active = true;
+    const update = () => {
+      if (!active) return;
+      const available = valueElement.getBoundingClientRect().width;
+      const labels = Array.from(measurements.querySelectorAll("[data-label-width]"));
+      const partialLabels = Array.from(measurements.querySelectorAll("[data-partial-width]"));
+      const counters = Array.from(measurements.querySelectorAll("[data-counter-width]"));
+      const gap = Number.parseFloat(window.getComputedStyle(valueElement).columnGap) || 0;
+      const totalWidth = labels.reduce((sum, element) => sum + element.getBoundingClientRect().width, 0) + Math.max(0, selectedCount - 1) * gap;
+      if (totalWidth <= available) {
+        setVisibleCount(selectedCount);
+        return;
+      }
+      let used = 0;
+      let fitting = 0;
+      for (let index = 0; index < labels.length; index += 1) {
+        const fullWidth = labels[index].getBoundingClientRect().width;
+        used += fullWidth + (index > 0 ? gap : 0);
+        const remaining = selectedCount - index - 1;
+        const counterWidth = remaining > 0 ? counters[remaining - 1].getBoundingClientRect().width + gap : 0;
+        if (used + counterWidth <= available) fitting = index + 1;
+        else {
+          const partialWidth = Math.min(fullWidth, partialLabels[index].getBoundingClientRect().width);
+          if (used - fullWidth + partialWidth + counterWidth <= available) fitting = index + 1;
+          break;
+        }
+      }
+      setVisibleCount(Math.max(1, fitting));
+    };
+    update();
+    const observer = typeof ResizeObserver !== "undefined" ? new ResizeObserver(update) : void 0;
+    observer?.observe(valueElement);
+    observer?.observe(measurements);
+    window.addEventListener("resize", update);
+    document.fonts?.addEventListener("loadingdone", update);
+    void document.fonts?.ready.then(update);
+    return () => {
+      active = false;
+      observer?.disconnect();
+      window.removeEventListener("resize", update);
+      document.fonts?.removeEventListener("loadingdone", update);
+    };
+  }, [selectionKey, selectedCount, onClear]);
   useEffect5(() => {
     if (!isOpened) return;
     groupRef.current?.querySelector('input[type="checkbox"]')?.focus({ preventScroll: true });
@@ -3194,6 +3276,7 @@ function SelectMultiView(props) {
               {
                 type: "button",
                 id: triggerId,
+                "data-has-value": selectedCount > 0,
                 ref: triggerRef,
                 "aria-controls": groupId,
                 "aria-expanded": isOpened,
@@ -3214,24 +3297,46 @@ function SelectMultiView(props) {
                   }
                 },
                 className: cs(
-                  "flex h-control-md w-full cursor-pointer items-center justify-between rounded-sm border border-field-border-default bg-field-surface px-3 text-field-icon focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
-                  error && "border-field-border-error text-field-assistive-error",
+                  "flex h-control-md w-full cursor-pointer items-center justify-between gap-1 rounded-sm border border-field-border-default bg-field-surface px-3 text-field-icon focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
+                  error && "border-2 px-[calc(var(--spacing-xs)-1px)] border-field-border-error text-field-assistive-error",
                   !error && isOpened && "border-field-border-active text-field-content",
                   !error && selectedCount > 0 && "text-field-content",
                   disabled && "cursor-not-allowed border-field-border-default bg-field-surface-disabled text-field-content-disabled"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx8(
+                  /* @__PURE__ */ jsxs7(
                     "span",
                     {
+                      ref: valueRef,
+                      title: selectedCount > 0 ? selectedLabels.join(", ") : void 0,
                       className: cs(
-                        "min-w-0 flex-1 truncate text-left text-base font-normal text-field-placeholder",
+                        "field-value relative flex min-w-0 flex-1 items-center gap-1 overflow-hidden text-left text-base font-normal",
                         {
-                          "pr-12 text-field-content": !disabled && selectedCount > 0,
-                          "text-field-content-disabled": disabled
+                          "mr-[40px]": selectedCount > 0 && Boolean(onClear),
+                          "text-field-placeholder": !disabled && selectedCount === 0,
+                          "text-field-content": !disabled && selectedCount > 0,
+                          "text-field-content-disabled": disabled && selectedCount > 0,
+                          "text-field-placeholder-disabled": disabled && selectedCount === 0
                         }
                       ),
-                      children: "Selecione"
+                      children: [
+                        selectedCount === 0 ? /* @__PURE__ */ jsx8("span", { className: "min-w-0 truncate", "aria-hidden": "true", children: "Selecione" }) : selectedLabels.slice(0, displayedCount).map((text, index) => /* @__PURE__ */ jsx8("span", { className: cs("min-w-0 truncate", index < displayedCount - 1 && "shrink-0", chipClass), "aria-hidden": "true", children: text }, index)),
+                        hiddenCount > 0 && /* @__PURE__ */ jsxs7("span", { "aria-hidden": "true", className: cs("shrink-0", chipClass), children: [
+                          "+",
+                          hiddenCount
+                        ] }),
+                        selectedCount > 0 && /* @__PURE__ */ jsxs7("span", { ref: measurementRef, "aria-hidden": "true", className: "pointer-events-none invisible absolute left-0 top-0 flex w-max whitespace-pre", style: { font: "inherit" }, children: [
+                          selectedLabels.map((text, index) => /* @__PURE__ */ jsx8("span", { "data-label-width": true, className: chipClass, children: text }, index)),
+                          selectedLabels.map((text, index) => /* @__PURE__ */ jsxs7("span", { "data-partial-width": true, className: chipClass, children: [
+                            Array.from(text).slice(0, 6).join(""),
+                            "\u2026"
+                          ] }, index)),
+                          selectedLabels.map((_, index) => /* @__PURE__ */ jsxs7("span", { "data-counter-width": true, className: chipClass, children: [
+                            "+",
+                            index + 1
+                          ] }, index))
+                        ] })
+                      ]
                     }
                   ),
                   /* @__PURE__ */ jsx8(
@@ -3239,12 +3344,14 @@ function SelectMultiView(props) {
                     {
                       "aria-hidden": "true",
                       className: cs(
-                        "shrink-0 text-base text-field-icon transition-transform",
+                        "shrink-0 text-base transition-transform",
                         {
+                          "text-field-icon": !error && !isOpened && selectedCount === 0 && !disabled,
                           "rotate-180": isOpened,
                           "text-field-assistive-error": error,
                           "text-field-content": !error && (isOpened || selectedCount > 0),
-                          "text-field-content-disabled": disabled
+                          "text-field-content-disabled": disabled && selectedCount > 0,
+                          "text-field-placeholder-disabled": disabled && !(selectedCount > 0)
                         }
                       )
                     }
@@ -3252,7 +3359,7 @@ function SelectMultiView(props) {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx8("span", { id: summaryId, className: "sr-only", children: selectedSummary }),
+            /* @__PURE__ */ jsx8("span", { id: summaryId, className: "sr-only", children: accessibleSummary }),
             isOpened && /* @__PURE__ */ jsx8(
               "div",
               {
@@ -3303,18 +3410,18 @@ function SelectMultiView(props) {
                 })
               }
             ),
-            selectedCount > 0 && onClear && /* @__PURE__ */ jsxs7(
+            selectedCount > 0 && onClear && /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
                 "aria-label": `Limpar sele\xE7\xE3o de ${label ?? "op\xE7\xF5es"}`,
                 disabled,
-                onClick: onClear,
-                className: "absolute right-9 top-1/2 flex min-h-6 min-w-6 -translate-y-1/2 touch-manipulation items-center justify-center gap-1 rounded-full bg-action-primary px-2 text-xs text-action-primary-content focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring disabled:cursor-not-allowed",
-                children: [
-                  /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: selectedCount }),
-                  /* @__PURE__ */ jsx8(MdClose, { "aria-hidden": "true", size: 10 })
-                ]
+                onClick: () => {
+                  onClear();
+                  triggerRef.current?.focus({ preventScroll: true });
+                },
+                className: "absolute right-[40px] top-1/2 flex h-6 w-6 -translate-y-1/2 touch-manipulation items-center justify-center rounded-sm text-field-icon focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring disabled:cursor-not-allowed disabled:text-field-content-disabled",
+                children: /* @__PURE__ */ jsx8(MdClose, { "aria-hidden": "true", size: 16 })
               }
             )
           ]
@@ -3433,7 +3540,7 @@ function RadioGroup({
         /* @__PURE__ */ jsx11("div", { className: "field-control-slot mt-4xs mb-[4px] flex min-h-control-md flex-wrap items-center gap-x-6 gap-y-2", children: options.map((option) => /* @__PURE__ */ jsxs9(
           "label",
           {
-            className: "flex min-h-7 cursor-pointer items-center gap-2",
+            className: `flex min-h-7 items-center gap-2 ${rest.disabled ? "cursor-not-allowed" : "cursor-pointer"}`,
             children: [
               /* @__PURE__ */ jsx11(
                 "input",
@@ -3448,7 +3555,7 @@ function RadioGroup({
                   className: "radio-control"
                 }
               ),
-              /* @__PURE__ */ jsx11("span", { className: "text-content-secondary", children: option.label })
+              /* @__PURE__ */ jsx11("span", { className: rest.disabled ? "text-field-content-disabled" : "text-content-secondary", children: option.label })
             ]
           },
           option.value
@@ -3541,9 +3648,10 @@ function RadioCardGroup({
               htmlFor: optionId,
               className: classNames7(
                 "block rounded-md border p-4 transition-colors",
-                checked ? "border-primary-1 bg-primary-5" : "border-transparent bg-bg-light",
-                hasError && !checked ? "outline outline-1 outline-feedback-danger-border" : "outline outline-1 outline-transparent",
-                optionDisabled ? "cursor-not-allowed opacity-60" : "cursor-pointer",
+                optionDisabled ? "bg-field-surface-disabled" : checked ? "bg-primary-5" : "bg-bg-light",
+                !hasError && (checked ? "border-primary-1" : "border-transparent"),
+                hasError ? "border-2 border-field-border-error p-[calc(var(--spacing-sm)-1px)]" : "outline outline-1 outline-transparent",
+                optionDisabled ? "cursor-not-allowed" : "cursor-pointer",
                 optionClassName
               ),
               children: /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-3", children: [
@@ -3567,8 +3675,8 @@ function RadioCardGroup({
                   }
                 ),
                 /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsx12("div", { className: "font-bold text-content-primary", children: option.title }),
-                  option.description && /* @__PURE__ */ jsx12("div", { className: "mt-1 text-content-primary", children: option.description })
+                  /* @__PURE__ */ jsx12("div", { className: classNames7("font-bold", optionDisabled ? "text-field-content-disabled" : "text-content-primary"), children: option.title }),
+                  option.description && /* @__PURE__ */ jsx12("div", { className: classNames7("mt-1", optionDisabled ? "text-field-content-disabled" : "text-content-primary"), children: option.description })
                 ] })
               ] })
             },
@@ -3581,7 +3689,7 @@ function RadioCardGroup({
             id: errorId,
             role: "alert",
             "aria-live": "assertive",
-            className: "mt-1 text-xs tracking-wide text-feedback-danger-content",
+            className: "mt-1 text-xs font-semibold tracking-wide text-feedback-danger-content",
             children: helperText
           }
         )
@@ -3759,6 +3867,7 @@ var OtpCodeInput = forwardRef2(
                 autoComplete: index === 0 ? "one-time-code" : "off",
                 maxLength: 1,
                 value: currentValues[index],
+                "data-has-value": Boolean(currentValues[index]),
                 disabled,
                 "aria-label": `${label}, d\xEDgito ${index + 1} de ${safeLength}`,
                 "aria-invalid": hasError || void 0,
@@ -3779,8 +3888,8 @@ var OtpCodeInput = forwardRef2(
                   if (!event.defaultPrevented) event.currentTarget.select();
                 },
                 className: classNames8(
-                  "h-11 w-11 rounded-sm border bg-field-surface text-center text-lg font-bold text-field-content outline-none transition-colors focus-visible:border-field-border-active focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring disabled:cursor-not-allowed disabled:bg-field-surface-disabled",
-                  hasError ? "border-field-border-error" : "border-field-border-default"
+                  "field-value h-11 w-11 rounded-sm border bg-field-surface text-center text-lg font-bold text-field-content outline-none transition-colors focus-visible:border-field-border-active focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring disabled:cursor-not-allowed disabled:bg-field-surface-disabled disabled:text-field-content-disabled",
+                  hasError ? "border-2 border-field-border-error focus-visible:border-field-border-error" : "border-field-border-default"
                 )
               }
             ))
@@ -3812,4 +3921,4 @@ export {
   RadioCardGroup,
   OtpCodeInput_default
 };
-//# sourceMappingURL=chunk-2CPV3WH5.js.map
+//# sourceMappingURL=chunk-VUXHE4S6.js.map