@proef/common-ui 2.6.5 → 2.6.7

package/dist/esm/v1/foundations/icons/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sources":["../../../../../src/v1/foundations/icons/icons.tsx"],"sourcesContent":["import React from 'react'\r\n\r\n/**\r\n * Conjunto de ícones do V1: traço de 1,7 a 1,9 em grelha de 24, cor do texto\r\n * (`currentColor`), sem preenchimento. Decorativos por omissão (`aria-hidden`):\r\n * quem os usa dá o nome acessível ao botão ou etiqueta à volta.\r\n */\r\nexport interface IconProps {\r\n  /** Lado em px. */\r\n  size?: number\r\n  className?: string\r\n  /** Espessura do traço. Por omissão 1,8; mais grosso em ícones muito pequenos (ex: o visto de uma caixa). */\r\n  strokeWidth?: number\r\n}\r\n\r\nfunction Svg({ size = 16, className, strokeWidth = 1.8, children, fill = 'none' }: IconProps & { children: React.ReactNode; fill?: string }) {\r\n  return (\r\n    <svg\r\n      width={size}\r\n      height={size}\r\n      viewBox=\"0 0 24 24\"\r\n      fill={fill}\r\n      stroke={fill === 'none' ? 'currentColor' : 'none'}\r\n      strokeWidth={strokeWidth}\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      className={className}\r\n      aria-hidden\r\n    >\r\n      {children}\r\n    </svg>\r\n  )\r\n}\r\n\r\n/** Lido de um QR code. */\r\nexport function QrCodeIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <rect x=\"3.5\" y=\"3.5\" width=\"6.5\" height=\"6.5\" rx=\"1.3\" />\r\n      <rect x=\"14\" y=\"3.5\" width=\"6.5\" height=\"6.5\" rx=\"1.3\" />\r\n      <rect x=\"3.5\" y=\"14\" width=\"6.5\" height=\"6.5\" rx=\"1.3\" />\r\n      <path d=\"M14 14h3.3v3.3M20.5 14v.01M14 20.5h.01M17.3 20.5h3.2v-3.2\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Identificado automaticamente (IA). */\r\nexport function SparklesIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props} fill=\"currentColor\">\r\n      <path d=\"M12 2.5l1.7 4.6 4.6 1.7-4.6 1.7L12 15.1l-1.7-4.6L5.7 8.8l4.6-1.7z\" />\r\n      <path d=\"M18.5 13.5l.85 2.35 2.35.85-2.35.85-.85 2.35-.85-2.35-2.35-.85 2.35-.85z\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Pré-preenchido a partir de outro registo (ex: linha de um extrato). */\r\nexport function PrefilledIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <rect x=\"4\" y=\"3.5\" width=\"16\" height=\"17\" rx=\"2\" />\r\n      <path d=\"M7.5 8.5h9M7.5 12h9M7.5 15.5h5.5\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Bloqueado: o valor não se pode alterar. */\r\nexport function LockIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <rect x=\"5\" y=\"10.5\" width=\"14\" height=\"10\" rx=\"2\" />\r\n      <path d=\"M8.5 10.5V7.5a3.5 3.5 0 0 1 7 0v3\" />\r\n      <circle cx=\"12\" cy=\"15.5\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Mais informação. */\r\nexport function InfoIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <circle cx=\"12\" cy=\"12\" r=\"9.5\" />\r\n      <path d=\"M12 11v5.5\" />\r\n      <circle cx=\"12\" cy=\"7.8\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\nexport function SearchIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\" />\r\n      <path d=\"M15.5 15.5L20 20\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\nexport function CheckIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M4.5 12.5l5 5 10-11\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\nexport function ChevronDownIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M6 9.5l6 6 6-6\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\nexport function ChevronUpIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M6 14.5l6-6 6 6\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\nexport function ChevronLeftIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M14.5 6l-6 6 6 6\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\nexport function ChevronRightIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M9.5 6l6 6-6 6\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Ordenável: ainda sem ordem escolhida. */\r\nexport function ChevronsUpDownIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M7.5 9.5L12 5l4.5 4.5M7.5 14.5L12 19l4.5-4.5\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Filtro (funil). */\r\nexport function FilterIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M4 5h16l-6.2 7.6v5.6l-3.6 1.8v-7.4z\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Fechar, remover (×). */\r\nexport function CloseIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M6.5 6.5l11 11M17.5 6.5l-11 11\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Abrir o menu (gaveta em ecrãs pequenos). */\r\nexport function MenuIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M4 7h16M4 12h16M4 17h16\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Agrupar (camadas). */\r\nexport function LayersIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M12 3.5l8.5 4.5-8.5 4.5L3.5 8z\" />\r\n      <path d=\"M3.5 12l8.5 4.5 8.5-4.5M3.5 16l8.5 4.5 8.5-4.5\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Expandir o menu lateral recolhido. */\r\nexport function PanelOpenIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <rect x=\"3.5\" y=\"4\" width=\"17\" height=\"16\" rx=\"2\" />\r\n      <path d=\"M9 4v16M13 10l2 2-2 2\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Lista de valores. */\r\nexport function ListIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M9 6.5h11M9 12h11M9 17.5h11M4.5 6.5h.01M4.5 12h.01M4.5 17.5h.01\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Texto: negrito. */\r\nexport function BoldIcon(props: IconProps) {\r\n  return (\r\n    <Svg strokeWidth={2.2} {...props}>\r\n      <path d=\"M7 5h6a3.5 3.5 0 0 1 0 7H7zM7 12h7a3.5 3.5 0 0 1 0 7H7z\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Texto: itálico. */\r\nexport function ItalicIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M10 5h8M6 19h8M14.5 5l-5 14\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Texto: sublinhado. */\r\nexport function UnderlineIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M7 4.5v6a5 5 0 0 0 10 0v-6M5.5 20h13\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Texto: riscado. */\r\nexport function StrikethroughIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M4.5 12h15M16.5 6.5A4.5 3.5 0 0 0 12 5c-2.5 0-4.5 1.3-4.5 3.2 0 1.4 1 2.4 2.7 2.9M8 17.3A5 3.6 0 0 0 12 19c2.6 0 4.6-1.4 4.6-3.3 0-.8-.3-1.5-.9-2\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Lista com marcas (no texto). */\r\nexport function ListBulletIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M9.5 6.5h10M9.5 12h10M9.5 17.5h10\" />\r\n      <circle cx=\"5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" />\r\n      <circle cx=\"5\" cy=\"12\" r=\"1\" fill=\"currentColor\" />\r\n      <circle cx=\"5\" cy=\"17.5\" r=\"1\" fill=\"currentColor\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Lista numerada (no texto). */\r\nexport function ListNumberedIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M10 6.5h10M10 12h10M10 17.5h10M4 5.5l1.3-.8v4M3.8 15.2c.3-.6.9-.9 1.5-.9.8 0 1.4.5 1.4 1.2 0 1-1.6 1.6-2.9 2.8h3\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Citação. */\r\nexport function QuoteIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M5 18V12.5C5 9 6.5 7 9.5 6M14 18v-5.5C14 9 15.5 7 18.5 6M5 12.5h4.5V18H5M14 12.5h4.5V18H14\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Imagem. */\r\nexport function ImageIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <rect x=\"3.5\" y=\"4.5\" width=\"17\" height=\"15\" rx=\"2\" />\r\n      <circle cx=\"9\" cy=\"10\" r=\"1.6\" />\r\n      <path d=\"M20.5 15.5l-4.5-4.5-8.5 8.5\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Abrir em ecrã quase inteiro. */\r\nexport function MaximizeIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M14 4.5h5.5V10M10 19.5H4.5V14M19.5 4.5L13.5 10.5M4.5 19.5l6-6\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Voltar ao tamanho normal. */\r\nexport function MinimizeIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M19.5 10H14V4.5M4.5 14H10v5.5M14 10l6-6M4 20l6-6\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Tema claro. */\r\nexport function SunIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <circle cx=\"12\" cy=\"12\" r=\"4\" />\r\n      <path d=\"M12 2.5v2M12 19.5v2M4.6 4.6L6 6M18 18l1.4 1.4M2.5 12h2M19.5 12h2M4.6 19.4L6 18M18 6l1.4-1.4\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Tema escuro. */\r\nexport function MoonIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M20 14.5A8 8 0 0 1 9.5 4a8 8 0 1 0 10.5 10.5z\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Tema do sistema. */\r\nexport function MonitorIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <rect x=\"3\" y=\"4\" width=\"18\" height=\"12.5\" rx=\"2\" />\r\n      <path d=\"M8.5 20.5h7M12 16.5v4\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Idioma. */\r\nexport function GlobeIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <circle cx=\"12\" cy=\"12\" r=\"9\" />\r\n      <path d=\"M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Terminar sessão. */\r\nexport function LogOutIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M9.5 20.5H6a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2h3.5M15.5 16.5L20 12l-4.5-4.5M20 12H9.5\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Abre fora da aplicação (separador novo). */\r\nexport function ExternalLinkIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M14 4h6v6M20 4l-9 9M18 13.5V18a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4.5\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Atenção (avisos, confirmações perigosas). */\r\nexport function WarningIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M10.3 4.3L2.8 17.5A2 2 0 0 0 4.5 20.5h15a2 2 0 0 0 1.7-3L13.7 4.3a2 2 0 0 0-3.4 0z\" />\r\n      <path d=\"M12 9.5v4.5\" />\r\n      <circle cx=\"12\" cy=\"17\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Erro. */\r\nexport function ErrorIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <circle cx=\"12\" cy=\"12\" r=\"9.5\" />\r\n      <path d=\"M9 9l6 6M15 9l-6 6\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Intervalo (mínimo e máximo). */\r\nexport function SlidersIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M4 7h10M18 7h2M4 17h2M10 17h10\" />\r\n      <circle cx=\"16\" cy=\"7\" r=\"2\" />\r\n      <circle cx=\"8\" cy=\"17\" r=\"2\" />\r\n    </Svg>\r\n  )\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"icons.js","sources":["../../../../../src/v1/foundations/icons/icons.tsx"],"sourcesContent":["import React from 'react'\r\n\r\n/**\r\n * Conjunto de ícones do V1: traço de 1,7 a 1,9 em grelha de 24, cor do texto\r\n * (`currentColor`), sem preenchimento. Decorativos por omissão (`aria-hidden`):\r\n * quem os usa dá o nome acessível ao botão ou etiqueta à volta.\r\n */\r\nexport interface IconProps {\r\n  /** Lado em px. */\r\n  size?: number\r\n  className?: string\r\n  /** Espessura do traço. Por omissão 1,8; mais grosso em ícones muito pequenos (ex: o visto de uma caixa). */\r\n  strokeWidth?: number\r\n}\r\n\r\nfunction Svg({ size = 16, className, strokeWidth = 1.8, children, fill = 'none' }: IconProps & { children: React.ReactNode; fill?: string }) {\r\n  return (\r\n    <svg\r\n      width={size}\r\n      height={size}\r\n      viewBox=\"0 0 24 24\"\r\n      fill={fill}\r\n      stroke={fill === 'none' ? 'currentColor' : 'none'}\r\n      strokeWidth={strokeWidth}\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      className={className}\r\n      aria-hidden\r\n    >\r\n      {children}\r\n    </svg>\r\n  )\r\n}\r\n\r\n/** Lido de um QR code. */\r\nexport function QrCodeIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <rect x=\"3.5\" y=\"3.5\" width=\"6.5\" height=\"6.5\" rx=\"1.3\" />\r\n      <rect x=\"14\" y=\"3.5\" width=\"6.5\" height=\"6.5\" rx=\"1.3\" />\r\n      <rect x=\"3.5\" y=\"14\" width=\"6.5\" height=\"6.5\" rx=\"1.3\" />\r\n      <path d=\"M14 14h3.3v3.3M20.5 14v.01M14 20.5h.01M17.3 20.5h3.2v-3.2\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Identificado automaticamente (IA). */\r\nexport function SparklesIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props} fill=\"currentColor\">\r\n      <path d=\"M12 2.5l1.7 4.6 4.6 1.7-4.6 1.7L12 15.1l-1.7-4.6L5.7 8.8l4.6-1.7z\" />\r\n      <path d=\"M18.5 13.5l.85 2.35 2.35.85-2.35.85-.85 2.35-.85-2.35-2.35-.85 2.35-.85z\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Pré-preenchido a partir de outro registo (ex: linha de um extrato). */\r\nexport function PrefilledIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <rect x=\"4\" y=\"3.5\" width=\"16\" height=\"17\" rx=\"2\" />\r\n      <path d=\"M7.5 8.5h9M7.5 12h9M7.5 15.5h5.5\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Bloqueado: o valor não se pode alterar. */\r\nexport function LockIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <rect x=\"5\" y=\"10.5\" width=\"14\" height=\"10\" rx=\"2\" />\r\n      <path d=\"M8.5 10.5V7.5a3.5 3.5 0 0 1 7 0v3\" />\r\n      <circle cx=\"12\" cy=\"15.5\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Mais informação. */\r\nexport function InfoIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <circle cx=\"12\" cy=\"12\" r=\"9.5\" />\r\n      <path d=\"M12 11v5.5\" />\r\n      <circle cx=\"12\" cy=\"7.8\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\nexport function SearchIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\" />\r\n      <path d=\"M15.5 15.5L20 20\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\nexport function CheckIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M4.5 12.5l5 5 10-11\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\nexport function ChevronDownIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M6 9.5l6 6 6-6\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\nexport function ChevronUpIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M6 14.5l6-6 6 6\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\nexport function ChevronLeftIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M14.5 6l-6 6 6 6\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\nexport function ChevronRightIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M9.5 6l6 6-6 6\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Ordenável: ainda sem ordem escolhida. */\r\nexport function ChevronsUpDownIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M7.5 9.5L12 5l4.5 4.5M7.5 14.5L12 19l4.5-4.5\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Filtro (funil). */\r\nexport function FilterIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M4 5h16l-6.2 7.6v5.6l-3.6 1.8v-7.4z\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Fechar, remover (×). */\r\nexport function CloseIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M6.5 6.5l11 11M17.5 6.5l-11 11\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Abrir o menu (gaveta em ecrãs pequenos). */\r\nexport function MenuIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M4 7h16M4 12h16M4 17h16\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Agrupar (camadas). */\r\nexport function LayersIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M12 3.5l8.5 4.5-8.5 4.5L3.5 8z\" />\r\n      <path d=\"M3.5 12l8.5 4.5 8.5-4.5M3.5 16l8.5 4.5 8.5-4.5\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Expandir o menu lateral recolhido. */\r\nexport function PanelOpenIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <rect x=\"3.5\" y=\"4\" width=\"17\" height=\"16\" rx=\"2\" />\r\n      <path d=\"M9 4v16M13 10l2 2-2 2\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Lista de valores. */\r\nexport function ListIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M9 6.5h11M9 12h11M9 17.5h11M4.5 6.5h.01M4.5 12h.01M4.5 17.5h.01\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Texto: negrito. */\r\nexport function BoldIcon(props: IconProps) {\r\n  return (\r\n    <Svg strokeWidth={2.2} {...props}>\r\n      <path d=\"M7 5h6a3.5 3.5 0 0 1 0 7H7zM7 12h7a3.5 3.5 0 0 1 0 7H7z\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Texto: itálico. */\r\nexport function ItalicIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M10 5h8M6 19h8M14.5 5l-5 14\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Texto: sublinhado. */\r\nexport function UnderlineIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M7 4.5v6a5 5 0 0 0 10 0v-6M5.5 20h13\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Texto: riscado. */\r\nexport function StrikethroughIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M4.5 12h15M16.5 6.5A4.5 3.5 0 0 0 12 5c-2.5 0-4.5 1.3-4.5 3.2 0 1.4 1 2.4 2.7 2.9M8 17.3A5 3.6 0 0 0 12 19c2.6 0 4.6-1.4 4.6-3.3 0-.8-.3-1.5-.9-2\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Lista com marcas (no texto). */\r\nexport function ListBulletIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M9.5 6.5h10M9.5 12h10M9.5 17.5h10\" />\r\n      <circle cx=\"5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" />\r\n      <circle cx=\"5\" cy=\"12\" r=\"1\" fill=\"currentColor\" />\r\n      <circle cx=\"5\" cy=\"17.5\" r=\"1\" fill=\"currentColor\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Lista numerada (no texto). */\r\nexport function ListNumberedIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M10 6.5h10M10 12h10M10 17.5h10M4 5.5l1.3-.8v4M3.8 15.2c.3-.6.9-.9 1.5-.9.8 0 1.4.5 1.4 1.2 0 1-1.6 1.6-2.9 2.8h3\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Citação. */\r\nexport function QuoteIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M5 18V12.5C5 9 6.5 7 9.5 6M14 18v-5.5C14 9 15.5 7 18.5 6M5 12.5h4.5V18H5M14 12.5h4.5V18H14\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Imagem. */\r\nexport function ImageIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <rect x=\"3.5\" y=\"4.5\" width=\"17\" height=\"15\" rx=\"2\" />\r\n      <circle cx=\"9\" cy=\"10\" r=\"1.6\" />\r\n      <path d=\"M20.5 15.5l-4.5-4.5-8.5 8.5\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Abrir em ecrã quase inteiro. */\r\nexport function MaximizeIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M14 4.5h5.5V10M10 19.5H4.5V14M19.5 4.5L13.5 10.5M4.5 19.5l6-6\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Voltar ao tamanho normal. */\r\nexport function MinimizeIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M19.5 10H14V4.5M4.5 14H10v5.5M14 10l6-6M4 20l6-6\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Tema claro. */\r\nexport function SunIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <circle cx=\"12\" cy=\"12\" r=\"4\" />\r\n      <path d=\"M12 2.5v2M12 19.5v2M4.6 4.6L6 6M18 18l1.4 1.4M2.5 12h2M19.5 12h2M4.6 19.4L6 18M18 6l1.4-1.4\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Tema escuro. */\r\nexport function MoonIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M20 14.5A8 8 0 0 1 9.5 4a8 8 0 1 0 10.5 10.5z\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Tema do sistema. */\r\nexport function MonitorIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <rect x=\"3\" y=\"4\" width=\"18\" height=\"12.5\" rx=\"2\" />\r\n      <path d=\"M8.5 20.5h7M12 16.5v4\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Idioma. */\r\nexport function GlobeIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <circle cx=\"12\" cy=\"12\" r=\"9\" />\r\n      <path d=\"M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Terminar sessão. */\r\nexport function LogOutIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M9.5 20.5H6a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2h3.5M15.5 16.5L20 12l-4.5-4.5M20 12H9.5\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Abre fora da aplicação (separador novo). */\r\nexport function ExternalLinkIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M14 4h6v6M20 4l-9 9M18 13.5V18a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4.5\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Atenção (avisos, confirmações perigosas). */\r\nexport function WarningIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M10.3 4.3L2.8 17.5A2 2 0 0 0 4.5 20.5h15a2 2 0 0 0 1.7-3L13.7 4.3a2 2 0 0 0-3.4 0z\" />\r\n      <path d=\"M12 9.5v4.5\" />\r\n      <circle cx=\"12\" cy=\"17\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Erro. */\r\nexport function ErrorIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <circle cx=\"12\" cy=\"12\" r=\"9.5\" />\r\n      <path d=\"M9 9l6 6M15 9l-6 6\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Intervalo (mínimo e máximo). */\r\nexport function SlidersIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props}>\r\n      <path d=\"M4 7h10M18 7h2M4 17h2M10 17h10\" />\r\n      <circle cx=\"16\" cy=\"7\" r=\"2\" />\r\n      <circle cx=\"8\" cy=\"17\" r=\"2\" />\r\n    </Svg>\r\n  )\r\n}\r\n\r\n/** Mais ações (⋯), ex: o botão do Menu sem texto. */\r\nexport function MoreIcon(props: IconProps) {\r\n  return (\r\n    <Svg {...props} fill=\"currentColor\">\r\n      <circle cx=\"5\" cy=\"12\" r=\"1.8\" />\r\n      <circle cx=\"12\" cy=\"12\" r=\"1.8\" />\r\n      <circle cx=\"19\" cy=\"12\" r=\"1.8\" />\r\n    </Svg>\r\n  )\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/v1/primitives/display/Badge/Badge.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const TONES = {
+const BADGE_TONE_CLASSES = {
   ok: "bg-ok-bg text-ok",
   risco: "bg-risco-bg text-risco",
   incumprido: "bg-incumprido-bg text-incumprido",
@@ -12,12 +12,13 @@ const TONES = {
   pink: "bg-pink-50 text-pink-700 dark:bg-pink-500/15 dark:text-pink-300"
 };
 function Badge({ tone = "neutral", dot = true, icon, children, className = "", ...props }) {
-  return /* @__PURE__ */ jsxs("span", { ...props, className: `inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium whitespace-nowrap ${TONES[tone]} ${className}`, children: [
+  return /* @__PURE__ */ jsxs("span", { ...props, className: `inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium whitespace-nowrap ${BADGE_TONE_CLASSES[tone]} ${className}`, children: [
     icon ?? (dot && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "h-1.5 w-1.5 rounded-full bg-current" })),
     children
   ] });
 }
 export {
+  BADGE_TONE_CLASSES,
   Badge
 };
 //# sourceMappingURL=Badge.js.map

package/dist/esm/v1/primitives/display/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../../src/v1/primitives/display/Badge/Badge.tsx"],"sourcesContent":["import React from 'react'\r\n\r\n/**\r\n * Estados com significado: `ok` (verde), `risco` (âmbar), `incumprido` (vermelho).\r\n * Sem estado: `neutral` (cinzento) e `accent` (azul).\r\n * Classificações (distinguir valores que não são bons nem maus, ex: origem, tipo,\r\n * área): `blue`, `violet`, `cyan`, `orange`, `pink` — sem significado, só para os\r\n * valores se reconhecerem de relance. Não usar verde/âmbar/vermelho para isto.\r\n */\r\nexport type BadgeTone = 'ok' | 'risco' | 'incumprido' | 'neutral' | 'accent' | 'blue' | 'violet' | 'cyan' | 'orange' | 'pink'\r\n\r\n/** Aceita os atributos do `<span>` (ex: `data-tip`, `title`, `aria-label`). */\r\nexport interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {\r\n  tone?: BadgeTone\r\n  /** Ponto à esquerda. Por omissão sim; sem ponto para etiquetas que não são um estado (ex: categoria). */\r\n  dot?: boolean\r\n  /** Ícone no lugar do ponto (ex: `<Eye size={11} />`). */\r\n  icon?: React.ReactNode\r\n  children: React.ReactNode\r\n}\r\n\r\nconst TONES: Record<BadgeTone, string> = {\r\n  ok: 'bg-ok-bg text-ok',\r\n  risco: 'bg-risco-bg text-risco',\r\n  incumprido: 'bg-incumprido-bg text-incumprido',\r\n  neutral: 'bg-neutral-bg text-neutral',\r\n  accent: 'bg-proef-blue/10 text-proef-navy dark:bg-sky-500/15 dark:text-sky-300',\r\n  blue: 'bg-blue-50 text-blue-700 dark:bg-blue-500/15 dark:text-blue-300',\r\n  violet: 'bg-violet-50 text-violet-700 dark:bg-violet-500/15 dark:text-violet-300',\r\n  cyan: 'bg-cyan-50 text-cyan-700 dark:bg-cyan-500/15 dark:text-cyan-300',\r\n  orange: 'bg-orange-50 text-orange-700 dark:bg-orange-500/15 dark:text-orange-300',\r\n  pink: 'bg-pink-50 text-pink-700 dark:bg-pink-500/15 dark:text-pink-300',\r\n}\r\n\r\n/**\r\n * Etiqueta em pílula: o estado de um registo (ex: \"Publicado\", \"Em atraso\") ou\r\n * uma classificação (ex: a categoria, a origem). As cores dos estados vêm dos\r\n * tokens, por isso acompanham o tema escuro.\r\n */\r\nexport default function Badge({ tone = 'neutral', dot = true, icon, children, className = '', ...props }: BadgeProps) {\r\n  return (\r\n    <span {...props} className={`inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium whitespace-nowrap ${TONES[tone]} ${className}`}>\r\n      {icon ?? (dot && <span aria-hidden className=\"h-1.5 w-1.5 rounded-full bg-current\" />)}\r\n      {children}\r\n    </span>\r\n  )\r\n}\r\n\r\nexport { Badge }\r\n"],"names":[],"mappings":";AAqBA,MAAM,QAAmC;AAAA,EACvC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AACR;AAOA,SAAwB,MAAM,EAAE,OAAO,WAAW,MAAM,MAAM,MAAM,UAAU,YAAY,IAAI,GAAG,MAAA,GAAqB;AACpH,SACE,qBAAC,QAAA,EAAM,GAAG,OAAO,WAAW,qGAAqG,MAAM,IAAI,CAAC,IAAI,SAAS,IACtJ,UAAA;AAAA,IAAA,SAAS,OAAO,oBAAC,QAAA,EAAK,eAAW,MAAC,WAAU,sCAAA,CAAsC;AAAA,IAClF;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"Badge.js","sources":["../../../../../../src/v1/primitives/display/Badge/Badge.tsx"],"sourcesContent":["import React from 'react'\r\n\r\n/**\r\n * Estados com significado: `ok` (verde), `risco` (âmbar), `incumprido` (vermelho).\r\n * Sem estado: `neutral` (cinzento) e `accent` (azul).\r\n * Classificações (distinguir valores que não são bons nem maus, ex: origem, tipo,\r\n * área): `blue`, `violet`, `cyan`, `orange`, `pink` — sem significado, só para os\r\n * valores se reconhecerem de relance. Não usar verde/âmbar/vermelho para isto.\r\n */\r\nexport type BadgeTone = 'ok' | 'risco' | 'incumprido' | 'neutral' | 'accent' | 'blue' | 'violet' | 'cyan' | 'orange' | 'pink'\r\n\r\n/** Aceita os atributos do `<span>` (ex: `data-tip`, `title`, `aria-label`). */\r\nexport interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {\r\n  tone?: BadgeTone\r\n  /** Ponto à esquerda. Por omissão sim; sem ponto para etiquetas que não são um estado (ex: categoria). */\r\n  dot?: boolean\r\n  /** Ícone no lugar do ponto (ex: `<Eye size={11} />`). */\r\n  icon?: React.ReactNode\r\n  children: React.ReactNode\r\n}\r\n\r\n/** Fundo e texto de cada tom; também os usa o `YearCalendar` para os dias marcados. */\r\nexport const BADGE_TONE_CLASSES: Record<BadgeTone, string> = {\r\n  ok: 'bg-ok-bg text-ok',\r\n  risco: 'bg-risco-bg text-risco',\r\n  incumprido: 'bg-incumprido-bg text-incumprido',\r\n  neutral: 'bg-neutral-bg text-neutral',\r\n  accent: 'bg-proef-blue/10 text-proef-navy dark:bg-sky-500/15 dark:text-sky-300',\r\n  blue: 'bg-blue-50 text-blue-700 dark:bg-blue-500/15 dark:text-blue-300',\r\n  violet: 'bg-violet-50 text-violet-700 dark:bg-violet-500/15 dark:text-violet-300',\r\n  cyan: 'bg-cyan-50 text-cyan-700 dark:bg-cyan-500/15 dark:text-cyan-300',\r\n  orange: 'bg-orange-50 text-orange-700 dark:bg-orange-500/15 dark:text-orange-300',\r\n  pink: 'bg-pink-50 text-pink-700 dark:bg-pink-500/15 dark:text-pink-300',\r\n}\r\n\r\n/**\r\n * Etiqueta em pílula: o estado de um registo (ex: \"Publicado\", \"Em atraso\") ou\r\n * uma classificação (ex: a categoria, a origem). As cores dos estados vêm dos\r\n * tokens, por isso acompanham o tema escuro.\r\n */\r\nexport default function Badge({ tone = 'neutral', dot = true, icon, children, className = '', ...props }: BadgeProps) {\r\n  return (\r\n    <span {...props} className={`inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium whitespace-nowrap ${BADGE_TONE_CLASSES[tone]} ${className}`}>\r\n      {icon ?? (dot && <span aria-hidden className=\"h-1.5 w-1.5 rounded-full bg-current\" />)}\r\n      {children}\r\n    </span>\r\n  )\r\n}\r\n\r\nexport { Badge }\r\n"],"names":[],"mappings":";AAsBO,MAAM,qBAAgD;AAAA,EAC3D,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AACR;AAOA,SAAwB,MAAM,EAAE,OAAO,WAAW,MAAM,MAAM,MAAM,UAAU,YAAY,IAAI,GAAG,MAAA,GAAqB;AACpH,SACE,qBAAC,QAAA,EAAM,GAAG,OAAO,WAAW,qGAAqG,mBAAmB,IAAI,CAAC,IAAI,SAAS,IACnK,UAAA;AAAA,IAAA,SAAS,OAAO,oBAAC,QAAA,EAAK,eAAW,MAAC,WAAU,sCAAA,CAAsC;AAAA,IAClF;AAAA,EAAA,GACH;AAEJ;"}

package/dist/esm/v1/primitives/display/DescriptionList/DescriptionList.js

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const VALUE_TONES = {
+  default: "text-foreground",
+  brand: "text-proef-blue dark:text-sky-300",
+  ok: "text-ok",
+  risco: "text-risco",
+  incumprido: "text-incumprido",
+  muted: "text-muted-foreground"
+};
+function DescriptionList({ items, dense = false, divided = false, className = "", ...props }) {
+  return /* @__PURE__ */ jsx("dl", { ...props, className: `min-w-0 text-control ${className}`, children: items.map((item, i) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: [
+        "flex items-baseline justify-between gap-4",
+        dense ? "py-1" : "py-2",
+        divided && i > 0 && !item.strong ? "border-t border-border" : "",
+        item.strong ? "mt-1 border-t border-foreground/20 font-semibold" : ""
+      ].join(" "),
+      children: [
+        /* @__PURE__ */ jsx("dt", { "data-tip": item.hint, className: `min-w-0 text-muted-foreground ${item.hint ? "cursor-help" : ""}`, children: item.label }),
+        /* @__PURE__ */ jsx("dd", { className: `m-0 shrink-0 text-right tabular-nums ${VALUE_TONES[item.tone ?? "default"]} ${item.strong ? "font-semibold" : "font-medium"}`, children: item.value })
+      ]
+    },
+    i
+  )) });
+}
+export {
+  DescriptionList
+};
+//# sourceMappingURL=DescriptionList.js.map

package/dist/esm/v1/primitives/display/DescriptionList/DescriptionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.js","sources":["../../../../../../src/v1/primitives/display/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import React from 'react'\r\n\r\n/** Cor do valor: os estados (`ok`, `risco`, `incumprido`) seguem os do `Badge`; `brand` é o azul da marca. */\r\nexport type DescriptionListTone = 'default' | 'brand' | 'ok' | 'risco' | 'incumprido' | 'muted'\r\n\r\nexport interface DescriptionListItem {\r\n  label: React.ReactNode\r\n  value: React.ReactNode\r\n  tone?: DescriptionListTone\r\n  /** Linha de total: valor a negrito, com uma linha por cima. */\r\n  strong?: boolean\r\n  /** Explicação ao passar o rato no rótulo (camada `data-tip` do `TooltipLayer`). */\r\n  hint?: string\r\n}\r\n\r\nexport interface DescriptionListProps extends Omit<React.HTMLAttributes<HTMLDListElement>, 'children'> {\r\n  items: DescriptionListItem[]\r\n  /** Linhas mais baixas, para listas longas num painel lateral. */\r\n  dense?: boolean\r\n  /** Linha fina entre os itens. */\r\n  divided?: boolean\r\n}\r\n\r\nconst VALUE_TONES: Record<DescriptionListTone, string> = {\r\n  default: 'text-foreground',\r\n  brand: 'text-proef-blue dark:text-sky-300',\r\n  ok: 'text-ok',\r\n  risco: 'text-risco',\r\n  incumprido: 'text-incumprido',\r\n  muted: 'text-muted-foreground',\r\n}\r\n\r\n/**\r\n * Lista de rótulo e valor, um por linha (ex: os totais de férias, os dados de um\r\n * registo). Para um número de destaque isolado usa-se o `Kpi`.\r\n *\r\n * Desenha um `<dl>`: os leitores de ecrã leem cada rótulo com o seu valor.\r\n *\r\n * **Aceita os atributos HTML do `<dl>`** (ex: `id`, `aria-label`).\r\n */\r\nexport default function DescriptionList({ items, dense = false, divided = false, className = '', ...props }: DescriptionListProps) {\r\n  return (\r\n    <dl {...props} className={`min-w-0 text-control ${className}`}>\r\n      {items.map((item, i) => (\r\n        <div\r\n          key={i}\r\n          className={[\r\n            'flex items-baseline justify-between gap-4',\r\n            dense ? 'py-1' : 'py-2',\r\n            divided && i > 0 && !item.strong ? 'border-t border-border' : '',\r\n            item.strong ? 'mt-1 border-t border-foreground/20 font-semibold' : '',\r\n          ].join(' ')}\r\n        >\r\n          <dt data-tip={item.hint} className={`min-w-0 text-muted-foreground ${item.hint ? 'cursor-help' : ''}`}>\r\n            {item.label}\r\n          </dt>\r\n          <dd className={`m-0 shrink-0 text-right tabular-nums ${VALUE_TONES[item.tone ?? 'default']} ${item.strong ? 'font-semibold' : 'font-medium'}`}>\r\n            {item.value}\r\n          </dd>\r\n        </div>\r\n      ))}\r\n    </dl>\r\n  )\r\n}\r\n\r\nexport { DescriptionList }\r\n"],"names":[],"mappings":";AAuBA,MAAM,cAAmD;AAAA,EACvD,SAAS;AAAA,EACT,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,OAAO;AACT;AAUA,SAAwB,gBAAgB,EAAE,OAAO,QAAQ,OAAO,UAAU,OAAO,YAAY,IAAI,GAAG,SAA+B;AACjI,SACE,oBAAC,MAAA,EAAI,GAAG,OAAO,WAAW,wBAAwB,SAAS,IACxD,UAAA,MAAM,IAAI,CAAC,MAAM,MAChB;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAW;AAAA,QACT;AAAA,QACA,QAAQ,SAAS;AAAA,QACjB,WAAW,IAAI,KAAK,CAAC,KAAK,SAAS,2BAA2B;AAAA,QAC9D,KAAK,SAAS,qDAAqD;AAAA,MAAA,EACnE,KAAK,GAAG;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,YAAU,KAAK,MAAM,WAAW,iCAAiC,KAAK,OAAO,gBAAgB,EAAE,IAChG,UAAA,KAAK,OACR;AAAA,4BACC,MAAA,EAAG,WAAW,wCAAwC,YAAY,KAAK,QAAQ,SAAS,CAAC,IAAI,KAAK,SAAS,kBAAkB,aAAa,IACxI,eAAK,MAAA,CACR;AAAA,MAAA;AAAA,IAAA;AAAA,IAbK;AAAA,EAAA,CAeR,GACH;AAEJ;"}

package/dist/esm/v1/primitives/feedback/Spinner/Spinner.js

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SIZES = { sm: "h-4 w-4", md: "h-6 w-6", lg: "h-10 w-10" };
+function Spinner({ size = "md", inline = false, label = "A carregar…", className = "", ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ...props,
+      role: "status",
+      className: `${inline ? "inline-flex" : "flex w-full justify-center py-2 text-primary dark:text-sky-300"} items-center ${className}`,
+      children: [
+        /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, className: `${SIZES[size]} animate-spin`, children: [
+          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9.5", stroke: "currentColor", strokeWidth: "3", className: "opacity-20" }),
+          /* @__PURE__ */ jsx("path", { d: "M21.5 12A9.5 9.5 0 0 0 12 2.5", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round" })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
+      ]
+    }
+  );
+}
+export {
+  Spinner,
+  Spinner as default
+};
+//# sourceMappingURL=Spinner.js.map

package/dist/esm/v1/primitives/feedback/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../../../../src/v1/primitives/feedback/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react'\r\n\r\nexport type SpinnerSize = 'sm' | 'md' | 'lg'\r\n\r\nexport interface SpinnerProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {\r\n  /** `sm` 16px (num botão ou numa linha), `md` 24px, `lg` 40px (página inteira). */\r\n  size?: SpinnerSize\r\n  /** Na linha do texto e na cor dele (ex: dentro de um botão). Sem isto ocupa a largura toda, ao centro, na cor da marca. */\r\n  inline?: boolean\r\n  /** Texto para leitores de ecrã. */\r\n  label?: string\r\n}\r\n\r\nconst SIZES: Record<SpinnerSize, string> = { sm: 'h-4 w-4', md: 'h-6 w-6', lg: 'h-10 w-10' }\r\n\r\n/**\r\n * Indicador de \"a carregar\". Por omissão fica no lugar do bloco que ainda não\r\n * chegou (uma tabela, um calendário); com `inline`, dentro de um botão ou de uma frase.\r\n *\r\n * Substitui o `Spinner` legacy (que é este, com os valores por omissão).\r\n *\r\n * **Aceita os atributos HTML do `<span>`** (ex: `id`, `className`).\r\n */\r\nexport default function Spinner({ size = 'md', inline = false, label = 'A carregar…', className = '', ...props }: SpinnerProps) {\r\n  return (\r\n    <span\r\n      {...props}\r\n      role=\"status\"\r\n      className={`${inline ? 'inline-flex' : 'flex w-full justify-center py-2 text-primary dark:text-sky-300'} items-center ${className}`}\r\n    >\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden className={`${SIZES[size]} animate-spin`}>\r\n        <circle cx=\"12\" cy=\"12\" r=\"9.5\" stroke=\"currentColor\" strokeWidth=\"3\" className=\"opacity-20\" />\r\n        <path d=\"M21.5 12A9.5 9.5 0 0 0 12 2.5\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" />\r\n      </svg>\r\n      <span className=\"sr-only\">{label}</span>\r\n    </span>\r\n  )\r\n}\r\n\r\nexport { Spinner }\r\n"],"names":[],"mappings":";AAaA,MAAM,QAAqC,EAAE,IAAI,WAAW,IAAI,WAAW,IAAI,YAAA;AAU/E,SAAwB,QAAQ,EAAE,OAAO,MAAM,SAAS,OAAO,QAAQ,eAAe,YAAY,IAAI,GAAG,MAAA,GAAuB;AAC9H,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,WAAW,GAAG,SAAS,gBAAgB,gEAAgE,iBAAiB,SAAS;AAAA,MAEjI,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,SAAQ,aAAY,MAAK,QAAO,eAAW,MAAC,WAAW,GAAG,MAAM,IAAI,CAAC,iBACxE,UAAA;AAAA,UAAA,oBAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,OAAM,QAAO,gBAAe,aAAY,KAAI,WAAU,cAAa;AAAA,UAC7F,oBAAC,UAAK,GAAE,iCAAgC,QAAO,gBAAe,aAAY,KAAI,eAAc,QAAA,CAAQ;AAAA,QAAA,GACtG;AAAA,QACA,oBAAC,QAAA,EAAK,WAAU,WAAW,UAAA,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvC;"}

package/dist/esm/v1/primitives/forms/DateInput/DateInput.js

@@ -87,7 +87,8 @@ function DateInput({
     if (typeof el.showPicker === "function") el.showPicker();
     else el.click();
   };
-  return /* @__PURE__ */ jsxs("span", { className: `relative inline-flex w-full items-center ${className}`, children: [
+  const width = /(^|\s)w-/.test(className) ? "" : "w-full";
+  return /* @__PURE__ */ jsxs("span", { className: `relative inline-flex items-center ${width} ${className}`, children: [
     /* @__PURE__ */ jsx(
       "input",
       {
@@ -114,6 +115,7 @@ function DateInput({
       {
         type: "button",
         tabIndex: -1,
+        onMouseDown: (e) => e.preventDefault(),
         onClick: openCalendar,
         "aria-label": calendarLabel,
         "data-tip": calendarLabel,

package/dist/esm/v1/primitives/forms/DateInput/DateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.js","sources":["../../../../../../src/v1/primitives/forms/DateInput/DateInput.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\r\nimport { fieldClasses, readOnlyClasses, useField } from '../field'\r\n\r\nexport interface DateInputProps {\r\n  /** Data em ISO (`aaaa-mm-dd`) ou `''` (vazio). Controlado. */\r\n  value?: string\r\n  /** Valor inicial, sem controlar (ISO). */\r\n  defaultValue?: string\r\n  /** Recebe só datas completas e válidas, em ISO; `''` quando se apaga. Enquanto se escreve, não é chamado. */\r\n  onChange?: (value: string) => void\r\n  /** Ao terminar a edição: sair do campo ou escolher no calendário. */\r\n  onBlur?: () => void\r\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void\r\n  /** Limites, em ISO (só no calendário). */\r\n  min?: string\r\n  max?: string\r\n  disabled?: boolean\r\n  readOnly?: boolean\r\n  required?: boolean\r\n  autoFocus?: boolean\r\n  id?: string\r\n  /** Marca o campo a vermelho (ex: obrigatório por preencher ao submeter). */\r\n  invalid?: boolean\r\n  placeholder?: string\r\n  /** Nome do campo para leitores de ecrã, quando não há etiqueta. */\r\n  'aria-label'?: string\r\n  /** Texto do botão do calendário. */\r\n  calendarLabel?: string\r\n  /** Classes da caixa à volta (ex: largura). */\r\n  className?: string\r\n}\r\n\r\nconst isoToBr = (iso: string): string => {\r\n  const m = /^(\\d{4})-(\\d{2})-(\\d{2})/.exec(iso ?? '')\r\n  return m ? `${m[3]}/${m[2]}/${m[1]}` : ''\r\n}\r\n\r\nconst brToIso = (br: string): string => {\r\n  const m = /^(\\d{2})\\/(\\d{2})\\/(\\d{4})$/.exec(br.trim())\r\n  if (!m) return ''\r\n  const [, dd, mm, yyyy] = m\r\n  const d = new Date(`${yyyy}-${mm}-${dd}T00:00:00`)\r\n  // Rejeita 31/02 e afins: o Date normaliza para 03/03 em vez de falhar.\r\n  if (Number.isNaN(d.getTime()) || d.getDate() !== Number(dd) || d.getMonth() + 1 !== Number(mm)) return ''\r\n  return `${yyyy}-${mm}-${dd}`\r\n}\r\n\r\n/** Mascara o que se escreve, deixando só dígitos e pondo as barras no sítio. */\r\nconst mask = (raw: string): string => {\r\n  const d = raw.replace(/\\D/g, '').slice(0, 8)\r\n  if (d.length <= 2) return d\r\n  if (d.length <= 4) return `${d.slice(0, 2)}/${d.slice(2)}`\r\n  return `${d.slice(0, 2)}/${d.slice(2, 4)}/${d.slice(4)}`\r\n}\r\n\r\nfunction CalendarIcon() {\r\n  return (\r\n    <svg aria-hidden viewBox=\"0 0 24 24\" width={13} height={13} fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\">\r\n      <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" />\r\n      <path d=\"M16 2v4M8 2v4M3 10h18\" />\r\n    </svg>\r\n  )\r\n}\r\n\r\n/**\r\n * Campo de data, sempre em **dd/mm/aaaa**.\r\n *\r\n * O `<input type=\"date\">` do browser mostra a data no idioma do BROWSER, não no\r\n * da página (num Chrome em inglês aparece mm/dd/aaaa), e não há atributo que o\r\n * force. Aqui o texto é escrito pela biblioteca, com máscara; o calendário\r\n * continua a ser o nativo (acessível e traduzido), aberto pelo ícone.\r\n *\r\n * O valor entra e sai em ISO (`aaaa-mm-dd`). Dentro de um\r\n * [FormField](?path=/docs/v1-components-forms-formfield--docs) fica ligado à\r\n * etiqueta automaticamente.\r\n */\r\nexport default function DateInput({\r\n  value,\r\n  defaultValue,\r\n  onChange,\r\n  onBlur,\r\n  onKeyDown,\r\n  min,\r\n  max,\r\n  disabled,\r\n  readOnly,\r\n  required,\r\n  autoFocus,\r\n  id,\r\n  invalid,\r\n  placeholder = 'dd/mm/aaaa',\r\n  'aria-label': ariaLabel,\r\n  calendarLabel = 'Abrir calendário',\r\n  className = '',\r\n}: DateInputProps) {\r\n  const field = useField()\r\n  const controlled = value !== undefined\r\n  const [iso, setIso] = useState(value ?? defaultValue ?? '')\r\n  const [text, setText] = useState(isoToBr(value ?? defaultValue ?? ''))\r\n  const nativeRef = useRef<HTMLInputElement>(null)\r\n\r\n  // Segue o valor de fora, exceto enquanto o campo tem uma data a meio: senão\r\n  // um re-render durante a escrita apagava os dígitos já introduzidos.\r\n  useEffect(() => {\r\n    if (!controlled) return\r\n    const outside = value ?? ''\r\n    if (outside === brToIso(text)) return\r\n    setIso(outside)\r\n    setText(isoToBr(outside))\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [value, controlled])\r\n\r\n  // Escolher no calendário conta como terminar a edição (quem grava está quase\r\n  // sempre no `onBlur`). O aviso espera que o valor novo volte em `value`:\r\n  // chamado logo, o `onBlur` de fora ainda lia o valor anterior.\r\n  const onBlurRef = useRef(onBlur)\r\n  useEffect(() => {\r\n    onBlurRef.current = onBlur\r\n  })\r\n  const pendingCommit = useRef(false)\r\n  useEffect(() => {\r\n    if (!pendingCommit.current) return\r\n    pendingCommit.current = false\r\n    onBlurRef.current?.()\r\n  }, [value])\r\n\r\n  const emit = (next: string) => {\r\n    setIso(next)\r\n    onChange?.(next)\r\n  }\r\n\r\n  const type = (raw: string) => {\r\n    const masked = mask(raw)\r\n    setText(masked)\r\n    if (masked === '') return emit('')\r\n    const next = brToIso(masked)\r\n    if (next) emit(next)\r\n  }\r\n\r\n  // Ao sair, uma data incompleta ou impossível volta ao último valor bom.\r\n  const leave = () => {\r\n    if (text !== '' && !brToIso(text)) setText(isoToBr(iso))\r\n    onBlur?.()\r\n  }\r\n\r\n  const openCalendar = () => {\r\n    const el = nativeRef.current\r\n    if (!el || disabled || readOnly) return\r\n    // showPicker() é o caminho normal; sem ele (browsers antigos) resta o clique.\r\n    if (typeof (el as HTMLInputElement & { showPicker?: () => void }).showPicker === 'function') el.showPicker()\r\n    else el.click()\r\n  }\r\n\r\n  return (\r\n    <span className={`relative inline-flex w-full items-center ${className}`}>\r\n      <input\r\n        id={id ?? field.id}\r\n        type=\"text\"\r\n        inputMode=\"numeric\"\r\n        autoComplete=\"off\"\r\n        aria-label={ariaLabel}\r\n        aria-invalid={invalid || undefined}\r\n        placeholder={placeholder}\r\n        value={text}\r\n        onChange={(e) => type(e.target.value)}\r\n        onBlur={leave}\r\n        onKeyDown={onKeyDown}\r\n        autoFocus={autoFocus}\r\n        disabled={disabled}\r\n        readOnly={readOnly}\r\n        required={required ?? field.required}\r\n        className={`h-control ${fieldClasses} ${readOnlyClasses} pr-8 tabular-nums`}\r\n      />\r\n      {!disabled && !readOnly && (\r\n        <button\r\n          type=\"button\"\r\n          tabIndex={-1}\r\n          onClick={openCalendar}\r\n          aria-label={calendarLabel}\r\n          data-tip={calendarLabel}\r\n          className=\"absolute right-1.5 flex h-6 w-6 cursor-pointer items-center justify-center rounded border-0 bg-transparent p-0 text-muted-foreground hover:text-foreground\"\r\n        >\r\n          <CalendarIcon />\r\n        </button>\r\n      )}\r\n      {/* O nativo só serve de calendário: nunca se vê, por isso o idioma dele não\r\n          chega ao ecrã. `sr-only` em vez de display:none — o showPicker() recusa\r\n          abrir num campo escondido. */}\r\n      <input\r\n        ref={nativeRef}\r\n        type=\"date\"\r\n        tabIndex={-1}\r\n        aria-hidden\r\n        value={iso}\r\n        min={min}\r\n        max={max}\r\n        onChange={(e) => {\r\n          const v = e.target.value\r\n          setText(isoToBr(v))\r\n          emit(v)\r\n          // Sem `value` de fora não há nada por que esperar.\r\n          if (controlled) pendingCommit.current = true\r\n          else onBlurRef.current?.()\r\n        }}\r\n        className=\"sr-only absolute right-1.5 bottom-0 h-0 w-0 border-0 p-0\"\r\n      />\r\n    </span>\r\n  )\r\n}\r\n\r\nexport { DateInput }\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DateInput.js","sources":["../../../../../../src/v1/primitives/forms/DateInput/DateInput.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\r\nimport { fieldClasses, readOnlyClasses, useField } from '../field'\r\n\r\nexport interface DateInputProps {\r\n  /** Data em ISO (`aaaa-mm-dd`) ou `''` (vazio). Controlado. */\r\n  value?: string\r\n  /** Valor inicial, sem controlar (ISO). */\r\n  defaultValue?: string\r\n  /** Recebe só datas completas e válidas, em ISO; `''` quando se apaga. Enquanto se escreve, não é chamado. */\r\n  onChange?: (value: string) => void\r\n  /** Ao terminar a edição: sair do campo ou escolher no calendário. */\r\n  onBlur?: () => void\r\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void\r\n  /** Limites, em ISO (só no calendário). */\r\n  min?: string\r\n  max?: string\r\n  disabled?: boolean\r\n  readOnly?: boolean\r\n  required?: boolean\r\n  autoFocus?: boolean\r\n  id?: string\r\n  /** Marca o campo a vermelho (ex: obrigatório por preencher ao submeter). */\r\n  invalid?: boolean\r\n  placeholder?: string\r\n  /** Nome do campo para leitores de ecrã, quando não há etiqueta. */\r\n  'aria-label'?: string\r\n  /** Texto do botão do calendário. */\r\n  calendarLabel?: string\r\n  /** Classes da caixa à volta (ex: largura). */\r\n  className?: string\r\n}\r\n\r\nconst isoToBr = (iso: string): string => {\r\n  const m = /^(\\d{4})-(\\d{2})-(\\d{2})/.exec(iso ?? '')\r\n  return m ? `${m[3]}/${m[2]}/${m[1]}` : ''\r\n}\r\n\r\nconst brToIso = (br: string): string => {\r\n  const m = /^(\\d{2})\\/(\\d{2})\\/(\\d{4})$/.exec(br.trim())\r\n  if (!m) return ''\r\n  const [, dd, mm, yyyy] = m\r\n  const d = new Date(`${yyyy}-${mm}-${dd}T00:00:00`)\r\n  // Rejeita 31/02 e afins: o Date normaliza para 03/03 em vez de falhar.\r\n  if (Number.isNaN(d.getTime()) || d.getDate() !== Number(dd) || d.getMonth() + 1 !== Number(mm)) return ''\r\n  return `${yyyy}-${mm}-${dd}`\r\n}\r\n\r\n/** Mascara o que se escreve, deixando só dígitos e pondo as barras no sítio. */\r\nconst mask = (raw: string): string => {\r\n  const d = raw.replace(/\\D/g, '').slice(0, 8)\r\n  if (d.length <= 2) return d\r\n  if (d.length <= 4) return `${d.slice(0, 2)}/${d.slice(2)}`\r\n  return `${d.slice(0, 2)}/${d.slice(2, 4)}/${d.slice(4)}`\r\n}\r\n\r\nfunction CalendarIcon() {\r\n  return (\r\n    <svg aria-hidden viewBox=\"0 0 24 24\" width={13} height={13} fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\">\r\n      <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" />\r\n      <path d=\"M16 2v4M8 2v4M3 10h18\" />\r\n    </svg>\r\n  )\r\n}\r\n\r\n/**\r\n * Campo de data, sempre em **dd/mm/aaaa**.\r\n *\r\n * O `<input type=\"date\">` do browser mostra a data no idioma do BROWSER, não no\r\n * da página (num Chrome em inglês aparece mm/dd/aaaa), e não há atributo que o\r\n * force. Aqui o texto é escrito pela biblioteca, com máscara; o calendário\r\n * continua a ser o nativo (acessível e traduzido), aberto pelo ícone.\r\n *\r\n * O valor entra e sai em ISO (`aaaa-mm-dd`). Dentro de um\r\n * [FormField](?path=/docs/v1-components-forms-formfield--docs) fica ligado à\r\n * etiqueta automaticamente.\r\n */\r\nexport default function DateInput({\r\n  value,\r\n  defaultValue,\r\n  onChange,\r\n  onBlur,\r\n  onKeyDown,\r\n  min,\r\n  max,\r\n  disabled,\r\n  readOnly,\r\n  required,\r\n  autoFocus,\r\n  id,\r\n  invalid,\r\n  placeholder = 'dd/mm/aaaa',\r\n  'aria-label': ariaLabel,\r\n  calendarLabel = 'Abrir calendário',\r\n  className = '',\r\n}: DateInputProps) {\r\n  const field = useField()\r\n  const controlled = value !== undefined\r\n  const [iso, setIso] = useState(value ?? defaultValue ?? '')\r\n  const [text, setText] = useState(isoToBr(value ?? defaultValue ?? ''))\r\n  const nativeRef = useRef<HTMLInputElement>(null)\r\n\r\n  // Segue o valor de fora, exceto enquanto o campo tem uma data a meio: senão\r\n  // um re-render durante a escrita apagava os dígitos já introduzidos.\r\n  useEffect(() => {\r\n    if (!controlled) return\r\n    const outside = value ?? ''\r\n    if (outside === brToIso(text)) return\r\n    setIso(outside)\r\n    setText(isoToBr(outside))\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [value, controlled])\r\n\r\n  // Escolher no calendário conta como terminar a edição (quem grava está quase\r\n  // sempre no `onBlur`). O aviso espera que o valor novo volte em `value`:\r\n  // chamado logo, o `onBlur` de fora ainda lia o valor anterior.\r\n  const onBlurRef = useRef(onBlur)\r\n  useEffect(() => {\r\n    onBlurRef.current = onBlur\r\n  })\r\n  const pendingCommit = useRef(false)\r\n  useEffect(() => {\r\n    if (!pendingCommit.current) return\r\n    pendingCommit.current = false\r\n    onBlurRef.current?.()\r\n  }, [value])\r\n\r\n  const emit = (next: string) => {\r\n    setIso(next)\r\n    onChange?.(next)\r\n  }\r\n\r\n  const type = (raw: string) => {\r\n    const masked = mask(raw)\r\n    setText(masked)\r\n    if (masked === '') return emit('')\r\n    const next = brToIso(masked)\r\n    if (next) emit(next)\r\n  }\r\n\r\n  // Ao sair, uma data incompleta ou impossível volta ao último valor bom.\r\n  const leave = () => {\r\n    if (text !== '' && !brToIso(text)) setText(isoToBr(iso))\r\n    onBlur?.()\r\n  }\r\n\r\n  const openCalendar = () => {\r\n    const el = nativeRef.current\r\n    if (!el || disabled || readOnly) return\r\n    // showPicker() é o caminho normal; sem ele (browsers antigos) resta o clique.\r\n    if (typeof (el as HTMLInputElement & { showPicker?: () => void }).showPicker === 'function') el.showPicker()\r\n    else el.click()\r\n  }\r\n\r\n  // A largura pedida em `className` (ex: `w-36`) ganha; sem ela, ocupa a linha.\r\n  // As duas juntas não davam: no CSS o `w-full` vinha depois e ganhava sempre.\r\n  const width = /(^|\\s)w-/.test(className) ? '' : 'w-full'\r\n\r\n  return (\r\n    <span className={`relative inline-flex items-center ${width} ${className}`}>\r\n      <input\r\n        id={id ?? field.id}\r\n        type=\"text\"\r\n        inputMode=\"numeric\"\r\n        autoComplete=\"off\"\r\n        aria-label={ariaLabel}\r\n        aria-invalid={invalid || undefined}\r\n        placeholder={placeholder}\r\n        value={text}\r\n        onChange={(e) => type(e.target.value)}\r\n        onBlur={leave}\r\n        onKeyDown={onKeyDown}\r\n        autoFocus={autoFocus}\r\n        disabled={disabled}\r\n        readOnly={readOnly}\r\n        required={required ?? field.required}\r\n        className={`h-control ${fieldClasses} ${readOnlyClasses} pr-8 tabular-nums`}\r\n      />\r\n      {!disabled && !readOnly && (\r\n        <button\r\n          type=\"button\"\r\n          tabIndex={-1}\r\n          // O clique não tira o foco ao texto: quem fecha o campo no `onBlur`\r\n          // (edição no sítio) fechava-o antes de o calendário abrir.\r\n          onMouseDown={(e) => e.preventDefault()}\r\n          onClick={openCalendar}\r\n          aria-label={calendarLabel}\r\n          data-tip={calendarLabel}\r\n          className=\"absolute right-1.5 flex h-6 w-6 cursor-pointer items-center justify-center rounded border-0 bg-transparent p-0 text-muted-foreground hover:text-foreground\"\r\n        >\r\n          <CalendarIcon />\r\n        </button>\r\n      )}\r\n      {/* O nativo só serve de calendário: nunca se vê, por isso o idioma dele não\r\n          chega ao ecrã. `sr-only` em vez de display:none — o showPicker() recusa\r\n          abrir num campo escondido. */}\r\n      <input\r\n        ref={nativeRef}\r\n        type=\"date\"\r\n        tabIndex={-1}\r\n        aria-hidden\r\n        value={iso}\r\n        min={min}\r\n        max={max}\r\n        onChange={(e) => {\r\n          const v = e.target.value\r\n          setText(isoToBr(v))\r\n          emit(v)\r\n          // Sem `value` de fora não há nada por que esperar.\r\n          if (controlled) pendingCommit.current = true\r\n          else onBlurRef.current?.()\r\n        }}\r\n        className=\"sr-only absolute right-1.5 bottom-0 h-0 w-0 border-0 p-0\"\r\n      />\r\n    </span>\r\n  )\r\n}\r\n\r\nexport { DateInput }\r\n"],"names":[],"mappings":"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"}

package/dist/esm/v1/primitives/navigation/Steps/Steps.js

@@ -0,0 +1,68 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { CheckIcon } from "../../../foundations/icons/icons.js";
+const DEFAULT_STEPS_LABELS = {
+  done: "done",
+  error: "needs attention",
+  progress: "Step {current} of {total}"
+};
+function Steps({
+  items,
+  value,
+  onChange,
+  free = false,
+  label = "Steps",
+  labels,
+  className = ""
+}) {
+  const L = { ...DEFAULT_STEPS_LABELS, ...labels };
+  const current = items.findIndex((s) => s.id === value);
+  const progress = L.progress.replace("{current}", String(current + 1)).replace("{total}", String(items.length));
+  return /* @__PURE__ */ jsxs("nav", { "aria-label": label, className, children: [
+    /* @__PURE__ */ jsx("p", { className: "m-0 mb-2 text-[10px] font-bold tracking-widest text-muted-foreground uppercase sm:hidden", "aria-hidden": true, children: progress }),
+    /* @__PURE__ */ jsx("ol", { className: "m-0 flex list-none items-center gap-2 p-0", children: items.map((s, i) => {
+      const isCurrent = i === current;
+      const clickable = !!onChange && !isCurrent && (free || !!s.done);
+      const circle = s.error ? "border-incumprido bg-incumprido text-white" : isCurrent ? "border-primary bg-primary text-primary-foreground dark:border-proef-blue dark:bg-proef-blue" : s.done ? "border-proef-turquoise bg-proef-turquoise text-proef-navy" : "border-border bg-card text-muted-foreground";
+      const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: `inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border-2 text-xs font-extrabold ${circle}`, children: s.error ? "!" : s.done && !isCurrent ? /* @__PURE__ */ jsx(CheckIcon, { size: 14, strokeWidth: 2.6 }) : i + 1 }),
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: `text-xs font-bold whitespace-nowrap ${isCurrent ? "text-primary dark:text-foreground" : "text-muted-foreground max-sm:sr-only"}`,
+            children: [
+              s.label,
+              s.error && /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                " (",
+                L.error,
+                ")"
+              ] }),
+              s.done && !s.error && /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                " (",
+                L.done,
+                ")"
+              ] })
+            ]
+          }
+        )
+      ] });
+      return /* @__PURE__ */ jsxs("li", { className: `flex min-w-0 items-center gap-2 ${i < items.length - 1 ? "flex-1" : ""}`, "aria-current": isCurrent ? "step" : void 0, children: [
+        clickable ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onChange(s.id),
+            className: "flex cursor-pointer items-center gap-2 rounded-md border-0 bg-transparent p-0 hover:underline focus-visible:ring-2 focus-visible:ring-primary/30 focus-visible:outline-none",
+            children: content
+          }
+        ) : /* @__PURE__ */ jsx("span", { className: "flex items-center gap-2", children: content }),
+        i < items.length - 1 && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: `h-0.5 min-w-3 flex-1 rounded-full ${s.done ? "bg-proef-turquoise" : "bg-border"}` })
+      ] }, s.id);
+    }) })
+  ] });
+}
+export {
+  DEFAULT_STEPS_LABELS,
+  Steps,
+  Steps as default
+};
+//# sourceMappingURL=Steps.js.map

package/dist/esm/v1/primitives/navigation/Steps/Steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","sources":["../../../../../../src/v1/primitives/navigation/Steps/Steps.tsx"],"sourcesContent":["import React from 'react'\r\nimport { CheckIcon } from '../../../foundations/icons/icons'\r\n\r\nexport interface StepItem<K extends string = string> {\r\n  id: K\r\n  /** Normalmente texto; aceita JSX. */\r\n  label: React.ReactNode\r\n  /** Passo já feito e válido (✓). */\r\n  done?: boolean\r\n  /** Passo com alguma coisa por corrigir (!). */\r\n  error?: boolean\r\n}\r\n\r\nexport interface StepsLabels {\r\n  /** Acrescentado ao nome de um passo feito, para leitores de ecrã. */\r\n  done: string\r\n  /** Acrescentado ao nome de um passo com erros, para leitores de ecrã. */\r\n  error: string\r\n  /** No telemóvel, por cima do passo atual: \"{current}\" e \"{total}\" são os números. */\r\n  progress: string\r\n}\r\n\r\nexport const DEFAULT_STEPS_LABELS: StepsLabels = {\r\n  done: 'done',\r\n  error: 'needs attention',\r\n  progress: 'Step {current} of {total}',\r\n}\r\n\r\nexport interface StepsProps<K extends string = string> {\r\n  items: StepItem<K>[]\r\n  /** O passo atual. A app guarda este estado. */\r\n  value: K\r\n  /** Sem isto, a barra só mostra onde se está (não se clica). */\r\n  onChange?: (id: K) => void\r\n  /**\r\n   * Todos os passos clicáveis. Por omissão só os já feitos (para voltar atrás); num\r\n   * registo que já existe (editar, consultar) pode fazer sentido saltar para qualquer um.\r\n   */\r\n  free?: boolean\r\n  /** Nome da barra, para leitores de ecrã (ex: \"Atribuição de equipamento\"). */\r\n  label?: string\r\n  labels?: Partial<StepsLabels>\r\n  className?: string\r\n}\r\n\r\n/**\r\n * Barra de passos de um fluxo em várias etapas (ex: Equipamentos → Colaborador →\r\n * Termo → Concluído): onde se está, o que já está feito e o que tem erros.\r\n *\r\n * Fica por cima do conteúdo do passo, numa página ou num\r\n * [Dialog](?path=/docs/v1-components-overlays-dialog--docs). Os botões Seguinte e\r\n * Anterior são da app (normalmente no fundo do passo).\r\n *\r\n * No telemóvel mostra os números e só o nome do passo atual.\r\n *\r\n * Substitui os `Passos` legacy.\r\n */\r\nexport default function Steps<K extends string = string>({\r\n  items,\r\n  value,\r\n  onChange,\r\n  free = false,\r\n  label = 'Steps',\r\n  labels,\r\n  className = '',\r\n}: StepsProps<K>) {\r\n  const L = { ...DEFAULT_STEPS_LABELS, ...labels }\r\n  const current = items.findIndex((s) => s.id === value)\r\n  const progress = L.progress.replace('{current}', String(current + 1)).replace('{total}', String(items.length))\r\n\r\n  return (\r\n    <nav aria-label={label} className={className}>\r\n      <p className=\"m-0 mb-2 text-[10px] font-bold tracking-widest text-muted-foreground uppercase sm:hidden\" aria-hidden>\r\n        {progress}\r\n      </p>\r\n      <ol className=\"m-0 flex list-none items-center gap-2 p-0\">\r\n        {items.map((s, i) => {\r\n          const isCurrent = i === current\r\n          const clickable = !!onChange && !isCurrent && (free || !!s.done)\r\n          const circle = s.error\r\n            ? 'border-incumprido bg-incumprido text-white'\r\n            : isCurrent\r\n              ? 'border-primary bg-primary text-primary-foreground dark:border-proef-blue dark:bg-proef-blue'\r\n              : s.done\r\n                ? 'border-proef-turquoise bg-proef-turquoise text-proef-navy'\r\n                : 'border-border bg-card text-muted-foreground'\r\n          const content = (\r\n            <>\r\n              <span aria-hidden className={`inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border-2 text-xs font-extrabold ${circle}`}>\r\n                {s.error ? '!' : s.done && !isCurrent ? <CheckIcon size={14} strokeWidth={2.6} /> : i + 1}\r\n              </span>\r\n              <span\r\n                className={`text-xs font-bold whitespace-nowrap ${isCurrent ? 'text-primary dark:text-foreground' : 'text-muted-foreground max-sm:sr-only'}`}\r\n              >\r\n                {s.label}\r\n                {s.error && <span className=\"sr-only\"> ({L.error})</span>}\r\n                {s.done && !s.error && <span className=\"sr-only\"> ({L.done})</span>}\r\n              </span>\r\n            </>\r\n          )\r\n          return (\r\n            <li key={s.id} className={`flex min-w-0 items-center gap-2 ${i < items.length - 1 ? 'flex-1' : ''}`} aria-current={isCurrent ? 'step' : undefined}>\r\n              {clickable ? (\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={() => onChange!(s.id)}\r\n                  className=\"flex cursor-pointer items-center gap-2 rounded-md border-0 bg-transparent p-0 hover:underline focus-visible:ring-2 focus-visible:ring-primary/30 focus-visible:outline-none\"\r\n                >\r\n                  {content}\r\n                </button>\r\n              ) : (\r\n                <span className=\"flex items-center gap-2\">{content}</span>\r\n              )}\r\n              {i < items.length - 1 && (\r\n                <span aria-hidden className={`h-0.5 min-w-3 flex-1 rounded-full ${s.done ? 'bg-proef-turquoise' : 'bg-border'}`} />\r\n              )}\r\n            </li>\r\n          )\r\n        })}\r\n      </ol>\r\n    </nav>\r\n  )\r\n}\r\n\r\nexport { Steps }\r\n"],"names":[],"mappings":";;AAsBO,MAAM,uBAAoC;AAAA,EAC/C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AACZ;AA+BA,SAAwB,MAAiC;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA,YAAY;AACd,GAAkB;AAChB,QAAM,IAAI,EAAE,GAAG,sBAAsB,GAAG,OAAA;AACxC,QAAM,UAAU,MAAM,UAAU,CAAC,MAAM,EAAE,OAAO,KAAK;AACrD,QAAM,WAAW,EAAE,SAAS,QAAQ,aAAa,OAAO,UAAU,CAAC,CAAC,EAAE,QAAQ,WAAW,OAAO,MAAM,MAAM,CAAC;AAE7G,SACE,qBAAC,OAAA,EAAI,cAAY,OAAO,WACtB,UAAA;AAAA,IAAA,oBAAC,KAAA,EAAE,WAAU,4FAA2F,eAAW,MAChH,UAAA,UACH;AAAA,IACA,oBAAC,QAAG,WAAU,6CACX,gBAAM,IAAI,CAAC,GAAG,MAAM;AACnB,YAAM,YAAY,MAAM;AACxB,YAAM,YAAY,CAAC,CAAC,YAAY,CAAC,cAAc,QAAQ,CAAC,CAAC,EAAE;AAC3D,YAAM,SAAS,EAAE,QACb,+CACA,YACE,gGACA,EAAE,OACA,8DACA;AACR,YAAM,UACJ,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,eAAW,MAAC,WAAW,yGAAyG,MAAM,IACzI,UAAA,EAAE,QAAQ,MAAM,EAAE,QAAQ,CAAC,gCAAa,WAAA,EAAU,MAAM,IAAI,aAAa,IAAA,CAAK,IAAK,IAAI,EAAA,CAC1F;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,uCAAuC,YAAY,sCAAsC,sCAAsC;AAAA,YAEzI,UAAA;AAAA,cAAA,EAAE;AAAA,cACF,EAAE,SAAS,qBAAC,QAAA,EAAK,WAAU,WAAU,UAAA;AAAA,gBAAA;AAAA,gBAAG,EAAE;AAAA,gBAAM;AAAA,cAAA,GAAC;AAAA,cACjD,EAAE,QAAQ,CAAC,EAAE,SAAS,qBAAC,QAAA,EAAK,WAAU,WAAU,UAAA;AAAA,gBAAA;AAAA,gBAAG,EAAE;AAAA,gBAAK;AAAA,cAAA,EAAA,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC9D,GACF;AAEF,aACE,qBAAC,MAAA,EAAc,WAAW,mCAAmC,IAAI,MAAM,SAAS,IAAI,WAAW,EAAE,IAAI,gBAAc,YAAY,SAAS,QACrI,UAAA;AAAA,QAAA,YACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,SAAU,EAAE,EAAE;AAAA,YAC7B,WAAU;AAAA,YAET,UAAA;AAAA,UAAA;AAAA,QAAA,IAGH,oBAAC,QAAA,EAAK,WAAU,2BAA2B,UAAA,SAAQ;AAAA,QAEpD,IAAI,MAAM,SAAS,yBACjB,QAAA,EAAK,eAAW,MAAC,WAAW,qCAAqC,EAAE,OAAO,uBAAuB,WAAW,GAAA,CAAI;AAAA,MAAA,EAAA,GAb5G,EAAE,EAeX;AAAA,IAEJ,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}