vector-prototype-components 0.1.1 → 0.1.3

package/Menu/Menu.module.css

@@ -0,0 +1 @@
+._scrollable_1rjtm_9{scrollbar-width:thin;scrollbar-color:var(--color-fill-neutral-muted) transparent}._scrollable_1rjtm_9::-webkit-scrollbar{width:8px;height:8px}._scrollable_1rjtm_9::-webkit-scrollbar-track{background:transparent;border-radius:4px}._scrollable_1rjtm_9::-webkit-scrollbar-thumb{background-color:var(--color-fill-neutral-muted);border-radius:4px}._scrollable_1rjtm_9::-webkit-scrollbar-thumb:hover{background-color:var(--color-fill-neutral-default)}._scrollable_1rjtm_9::-webkit-scrollbar-thumb:active{background-color:var(--color-fill-neutral-strong)}._menu_1w095_2{display:flex;flex-direction:column;background-color:var(--color-canvas-neutral-white);box-shadow:1px 0 2px #0e0f2312;height:100%;min-height:100vh;overflow:hidden;position:relative;transition:width .2s ease}._menuOpened_1w095_14{width:240px}._menuClosed_1w095_18{width:72px}._logo_1w095_23{display:flex;align-items:center;justify-content:flex-start;height:72px;padding:16px;background-color:var(--color-canvas-neutral-white);flex-shrink:0;overflow:hidden}._menuClosed_1w095_18 ._logo_1w095_23{justify-content:center;padding:16px 12px}._logoImg_1w095_39{height:40px;width:auto;object-fit:contain}._logoImgSmall_1w095_45{height:16px;width:auto;object-fit:contain}._content_1w095_52{display:flex;flex-direction:column;flex:1 1 auto;overflow-y:auto;overflow-x:hidden}._menu_1w095_2 ._content_1w095_52{scrollbar-color:transparent transparent}._menu_1w095_2 ._content_1w095_52::-webkit-scrollbar-thumb{background-color:transparent}._menu_1w095_2:hover ._content_1w095_52{scrollbar-color:var(--color-fill-neutral-muted) transparent}._menu_1w095_2:hover ._content_1w095_52::-webkit-scrollbar-thumb{background-color:var(--color-fill-neutral-muted)}._menu_1w095_2:hover ._content_1w095_52::-webkit-scrollbar-thumb:hover{background-color:var(--color-fill-neutral-default)}._section_1w095_82{display:flex;flex-direction:column;gap:8px;padding:16px 8px;background-color:var(--color-canvas-neutral-white)}._menuClosed_1w095_18 ._section_1w095_82{padding:16px 12px}._sectionTitle_1w095_94{display:flex;align-items:center;padding:0 8px;font-family:var(--font-family-base, system-ui, sans-serif);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);line-height:var(--font-line-height-14);color:var(--color-text-neutral-subtlest);white-space:nowrap;overflow:hidden}._itemGroup_1w095_107{display:flex;flex-direction:column}._item_1w095_107{display:flex;align-items:center;gap:16px;padding:0 8px;height:48px;border-radius:8px;background-color:var(--color-canvas-neutral-white);cursor:pointer;border:none;outline:none;width:100%;text-align:left;text-decoration:none;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease;position:relative;flex-shrink:0}._itemClosed_1w095_136{display:flex;align-items:center;justify-content:center;padding:0 8px;height:48px;width:48px;border-radius:9999px;background-color:var(--color-canvas-neutral-white);cursor:pointer;border:none;outline:none;text-align:left;transition:background-color .12s ease,box-shadow .12s ease;position:relative;flex-shrink:0}._item_1w095_107:hover:not(:disabled),._item_1w095_107._stateHover_1w095_158{background-color:var(--color-fill-interaction-neutral-subtle-hover)}._item_1w095_107._stateActive_1w095_162,._item_1w095_107[aria-current=page]{background-color:var(--color-fill-brand-subtle)}._itemClosed_1w095_136:hover:not(:disabled),._itemClosed_1w095_136._stateHover_1w095_158{background-color:var(--color-fill-interaction-neutral-subtle-hover)}._itemClosed_1w095_136._stateActive_1w095_162,._itemClosed_1w095_136[aria-current=page]{background-color:var(--color-fill-brand-subtle)}._item_1w095_107:focus-visible,._itemClosed_1w095_136:focus-visible{outline:none;box-shadow:var(--shadow-focus)}._item_1w095_107:disabled,._itemClosed_1w095_136:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._itemLeading_1w095_191{display:flex;align-items:center;gap:16px;flex:1 0 0;min-width:0;padding-right:12px;overflow:hidden}._itemIcon_1w095_201{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--color-icon-neutral-default)}._item_1w095_107._stateActive_1w095_162 ._itemIcon_1w095_201,._item_1w095_107[aria-current=page] ._itemIcon_1w095_201{color:var(--color-icon-brand-default)}._itemClosed_1w095_136 ._itemIcon_1w095_201{color:var(--color-icon-neutral-default)}._itemClosed_1w095_136._stateActive_1w095_162 ._itemIcon_1w095_201,._itemClosed_1w095_136[aria-current=page] ._itemIcon_1w095_201{color:var(--color-icon-brand-default)}._itemLabel_1w095_225{flex:1 0 0;min-width:0;font-family:var(--font-family-base, system-ui, sans-serif);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-14);color:var(--color-text-neutral-mudle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._item_1w095_107._stateActive_1w095_162 ._itemLabel_1w095_225,._item_1w095_107[aria-current=page] ._itemLabel_1w095_225{font-weight:var(--font-weight-semibold);color:var(--color-text-brand-default)}._itemCaret_1w095_244{flex-shrink:0;width:12px;height:12px;display:flex;align-items:center;justify-content:center;color:var(--color-icon-neutral-default);transition:transform .2s ease}._itemCaretExpanded_1w095_255{transform:rotate(180deg)}._submenu_1w095_265{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}._submenuExpanded_1w095_271{grid-template-rows:1fr}._submenuInner_1w095_275{overflow:hidden;min-height:0;display:flex;flex-direction:column}._itemNested_1w095_283{padding-left:44px}._tooltip_1w095_292{position:fixed;transform:translateY(-50%);background-color:var(--color-fill-neutral-strong);color:var(--color-text-neutral-inverse);font-family:var(--font-family-base, system-ui, sans-serif);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);line-height:18px;padding:8px 12px;border-radius:8px;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-layer-sm);z-index:1000}._footer_1w095_310{display:flex;gap:16px;align-items:flex-start;padding:16px;background-color:var(--color-canvas-neutral-white);border-top:1px solid var(--color-stroke-neutral-default);flex-shrink:0;overflow:hidden}._footerIcon_1w095_321{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--color-icon-neutral-default)}._footerText_1w095_331{flex:1 0 0;min-width:0;margin:0;font-family:var(--font-family-base, system-ui, sans-serif);font-size:var(--font-size-12);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-12);color:var(--color-text-neutral-mudle)}._footerLink_1w095_343{font-family:inherit;font-size:inherit;line-height:inherit;font-weight:var(--font-weight-semibold);color:var(--color-text-neutral-mudle);background:none;border:none;padding:0;margin:0;cursor:pointer;text-decoration:underline}._footerLink_1w095_343:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:2px}

package/Menu/Menu.module.css.js

@@ -0,0 +1,56 @@
+import './Menu.module.css';const e = "_menu_1w095_2", t = "_menuOpened_1w095_14", o = "_menuClosed_1w095_18", n = "_logo_1w095_23", _ = "_content_1w095_52 _scrollable_1rjtm_9", s = "_section_1w095_82", i = "_sectionTitle_1w095_94", m = "_itemGroup_1w095_107", c = "_item_1w095_107", u = "_itemClosed_1w095_136", d = "_stateActive_1w095_162", r = "_itemLeading_1w095_191", w = "_itemIcon_1w095_201", a = "_itemLabel_1w095_225", l = "_itemCaret_1w095_244", p = "_itemCaretExpanded_1w095_255", b = "_submenu_1w095_265", f = "_submenuExpanded_1w095_271", C = "_submenuInner_1w095_275", x = "_itemNested_1w095_283", I = "_tooltip_1w095_292", L = "_footer_1w095_310", g = "_footerIcon_1w095_321", E = "_footerText_1w095_331", T = "_footerLink_1w095_343", k = {
+  menu: e,
+  menuOpened: t,
+  menuClosed: o,
+  logo: n,
+  content: _,
+  section: s,
+  sectionTitle: i,
+  itemGroup: m,
+  item: c,
+  itemClosed: u,
+  stateActive: d,
+  itemLeading: r,
+  itemIcon: w,
+  itemLabel: a,
+  itemCaret: l,
+  itemCaretExpanded: p,
+  submenu: b,
+  submenuExpanded: f,
+  submenuInner: C,
+  itemNested: x,
+  tooltip: I,
+  footer: L,
+  footerIcon: g,
+  footerText: E,
+  footerLink: T
+};
+export {
+  _ as content,
+  k as default,
+  L as footer,
+  g as footerIcon,
+  T as footerLink,
+  E as footerText,
+  c as item,
+  l as itemCaret,
+  p as itemCaretExpanded,
+  u as itemClosed,
+  m as itemGroup,
+  w as itemIcon,
+  a as itemLabel,
+  r as itemLeading,
+  x as itemNested,
+  n as logo,
+  e as menu,
+  o as menuClosed,
+  t as menuOpened,
+  s as section,
+  i as sectionTitle,
+  d as stateActive,
+  b as submenu,
+  f as submenuExpanded,
+  C as submenuInner,
+  I as tooltip
+};
+//# sourceMappingURL=Menu.module.css.js.map

package/Menu/Menu.module.css.js.map

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

package/Menu/menuData.js

@@ -0,0 +1,188 @@
+import { TruckTrailer as e, CurrencyCircleDollar as a, House as o, ProjectorScreenChart as l, ClipboardText as t, CallBell as r, Package as n, FlagBanner as i, ChatCenteredText as c, PresentationChart as s, SketchLogo as b, CalendarDots as d, Garage as k, Folder as y, File as g, CheckSquareOffset as m, ListChecks as u, Note as p, Cardholder as C, BoxArrowUp as v, Coins as h, Receipt as f, Percent as A, CurrencyDollar as P, FlagPennant as q, Gear as V } from "@phosphor-icons/react";
+const G = {
+  title: "Seleção de portal",
+  items: [
+    { key: "logtech", label: "Logtech", icon: e },
+    { key: "conta-digital", label: "Conta digital", icon: a },
+    { key: "combustivel", label: "Combustível", icon: o }
+  ]
+}, D = {
+  title: "Menu",
+  items: [
+    { key: "dashboard", label: "Dashboard", icon: l },
+    {
+      key: "cadastros",
+      label: "Cadastros",
+      icon: t,
+      // Sub-itens não têm ícone (Figma: Show Leading Icon=false)
+      children: [
+        { key: "transportadora-sub", label: "Transportadora" },
+        { key: "motorista", label: "Motorista" },
+        { key: "veiculo-sub", label: "Veículo" },
+        { key: "filiais", label: "Filiais" },
+        { key: "controle-cadastros", label: "Controle de cadastros" },
+        { key: "locais", label: "Locais" },
+        { key: "noticias", label: "Notícias" },
+        { key: "produto", label: "Produto" },
+        { key: "grupo-locais", label: "Grupo de locais" },
+        { key: "rotas", label: "Rotas" },
+        { key: "grupos", label: "Grupos" },
+        { key: "observacoes", label: "Observações" },
+        { key: "contratos-hazmat", label: "Contratos hazmat" }
+      ]
+    },
+    { key: "solicitacoes", label: "Solicitações", icon: r },
+    {
+      key: "ofertas",
+      label: "Ofertas",
+      icon: n,
+      children: [
+        { key: "ofertas-sub", label: "Ofertas" },
+        { key: "pool-ofertas", label: "Pool ofertas" },
+        { key: "alcada-aprovacoes", label: "Alçada de aprovações" },
+        { key: "automacao-divulgacao", label: "Automação de divulgação de lotes" },
+        { key: "parametros-desagio", label: "Parâmetros de deságio" }
+      ]
+    },
+    { key: "gerenciadora", label: "Gerenciadora de risco", icon: i },
+    {
+      key: "viagens",
+      label: "Viagens",
+      icon: e,
+      children: [
+        { key: "viagens-sub", label: "Viagens" },
+        { key: "acompanhamento-viagem", label: "Acompanhamento de viagem" },
+        { key: "painel-viagem", label: "Painel de viagem" },
+        { key: "monitoramento-viagem", label: "Monitoramento" },
+        { key: "relatorio-agente-frete", label: "Relatório de agente de frete" }
+      ]
+    },
+    { key: "mensagens", label: "Mensagens", icon: c },
+    { key: "painel", label: "Painel", icon: s },
+    { key: "clube", label: "Clube Vector", icon: b },
+    { key: "tomada", label: "Tomada de preço", icon: a },
+    {
+      key: "agendamento",
+      label: "Agendamento",
+      icon: d,
+      children: [
+        { key: "carga-descarga", label: "Carga e descarga" },
+        { key: "fornecedor-cliente", label: "Fornecedor/Cliente" },
+        { key: "viagem-amiga-ag", label: "Viagem Amiga" },
+        { key: "gestao-agendamento", label: "Gestão de agendamento" }
+      ]
+    },
+    {
+      key: "logistica",
+      label: "Logística Interna",
+      icon: k,
+      children: [
+        { key: "gestao-patio", label: "Gestão de pátio" },
+        { key: "frentes-carregamento", label: "Frentes de carregamento" },
+        { key: "config-docas", label: "Configuração de docas" },
+        { key: "track-pass", label: "Track pass" },
+        { key: "checklist-log", label: "Checklist" }
+      ]
+    },
+    { key: "gdv", label: "GDV", icon: y },
+    { key: "relatorio-vpay", label: "Relatório VPay", icon: g },
+    { key: "enquetes", label: "Enquetes", icon: m },
+    { key: "avaliacao", label: "Avaliação Operacional", icon: u },
+    {
+      key: "quitacao",
+      label: "Quitação Digital",
+      icon: p,
+      children: [
+        { key: "painel-controle", label: "Painel de controle" },
+        { key: "entrega-documental", label: "Entrega documental" },
+        { key: "painel-controle-emb", label: "Painel de controle embarcador" },
+        { key: "entrega-documental-transp", label: "Entrega documental transportador" },
+        { key: "regularizacao-documental", label: "Regularização documental" }
+      ]
+    },
+    {
+      key: "cartoes",
+      label: "Controle de cartões",
+      icon: C,
+      children: [
+        { key: "estoque-cartoes-vector", label: "Estoque cartões Vector" },
+        { key: "estoque-cartoes-parceiros", label: "Estoque cartões parceiros" },
+        { key: "vinculacao-cartoes", label: "Vinculação de cartões" }
+      ]
+    },
+    { key: "transportadora", label: "Transportadora digital", icon: v },
+    {
+      key: "antecipacao",
+      label: "Antecipação de recebíveis",
+      icon: h,
+      children: [
+        { key: "antecipacao-sub", label: "Antecipação de recebíveis" },
+        { key: "gestao-antecipacoes", label: "Gestão de antecipações" }
+      ]
+    },
+    {
+      key: "pagamento",
+      label: "Pagamento de frete",
+      icon: f,
+      children: [
+        { key: "gestao-pagamentos", label: "Gestão de pagamentos" },
+        { key: "viagens-vector-pay", label: "Viagens Vector Pay" },
+        { key: "adiantamento-quitacao", label: "Adiantamento e quitação de pagamentos" },
+        { key: "motor-pagamento", label: "Motor de pagamento" },
+        { key: "extrato-pagamento", label: "Extrato de pagamento" },
+        { key: "controle-limite", label: "Controle de limite" },
+        { key: "acompanhamento-boleto-fob", label: "Acompanhamento de boleto FOB" },
+        { key: "agenda-pagamento", label: "Agenda de pagamento" },
+        { key: "dados-bancarios", label: "Dados bancários" },
+        { key: "relatorio-receita-taxas", label: "Relatório receita de taxas" },
+        { key: "ajuste-frete", label: "Ajuste de frete" }
+      ]
+    },
+    { key: "imposto-renda", label: "Imposto de renda", icon: A },
+    {
+      key: "financeiro",
+      label: "Financeiro",
+      icon: P,
+      children: [
+        { key: "cadoc-4111", label: "CADOC 4111" },
+        { key: "cadoc-1201", label: "CADOC 1201" },
+        { key: "bc-correios", label: "BC Correios" },
+        { key: "notas-debito", label: "Notas de débito" },
+        { key: "sap", label: "Sap" }
+      ]
+    },
+    { key: "config-gr", label: "Configurações de serviços GR", icon: q },
+    {
+      key: "admin",
+      label: "Admin",
+      icon: V,
+      children: [
+        { key: "usuarios", label: "Usuários" },
+        { key: "relatorio", label: "Relatório" },
+        { key: "broadcast", label: "Broadcast" },
+        { key: "veiculos-admin", label: "Veículos" },
+        { key: "enquetes-admin", label: "Enquetes" },
+        { key: "avaliacao-admin", label: "Avaliação Operacional" },
+        { key: "ocorrencias", label: "Ocorrências" },
+        { key: "viagem-amiga", label: "Viagem Amiga" },
+        { key: "parametros-produto", label: "Parâmetros de Produto" },
+        { key: "geocerca", label: "Geocerca" },
+        { key: "cadastrar-embarcador", label: "Cadastrar Embarcador" },
+        { key: "bloqueio", label: "Bloqueio" },
+        { key: "bloqueio-conta", label: "Bloqueio de conta" },
+        { key: "mensagens-vector", label: "Mensagens Vector" },
+        { key: "log-antecipacao", label: "Log Antecipação de recebíveis" },
+        { key: "onboarding-tracking", label: "Onboarding Tracking" },
+        { key: "validacao-cadastro", label: "Validação de Cadastro" },
+        { key: "communication-logs", label: "Communication logs" },
+        { key: "parametros-etcd", label: "Parametros ETCD" },
+        { key: "central-atendimento", label: "Central atendimento" },
+        { key: "data-import", label: "Data Import" }
+      ]
+    }
+  ]
+}, T = [G, D];
+export {
+  T as defaultMenuSections
+};
+//# sourceMappingURL=menuData.js.map

package/Menu/menuData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuData.js","sources":["../../src/Menu/menuData.ts"],"sourcesContent":["import {\n  House,\n  ProjectorScreenChart,\n  ClipboardText,\n  CallBell,\n  Package,\n  FlagBanner,\n  TruckTrailer,\n  ChatCenteredText,\n  PresentationChart,\n  SketchLogo,\n  CurrencyCircleDollar,\n  CurrencyDollar,\n  CalendarDots,\n  Garage,\n  Folder,\n  File,\n  CheckSquareOffset,\n  ListChecks,\n  Note,\n  Cardholder,\n  BoxArrowUp,\n  Coins,\n  Receipt,\n  Percent,\n  FlagPennant,\n  Gear,\n} from '@phosphor-icons/react';\nimport type { MenuSectionDef } from './Menu.js';\n\n// ─── Dados padrão do Menu ───────────────────────────────────────────────────\n//\n// Fonte de verdade dos itens do menu Vector. Fiel ao nó do Figma 13648:1070\n// (\".Menu / Item Group\"): mesmos ícones (os Phosphor que o próprio Figma usa),\n// mesmos labels e mesma ordem.\n//\n// Regra do caret: trailing caret = tem submenu. Hoje só 3 submenus existem no\n// Figma (Cadastros, Ofertas, Admin); só eles recebem `children` e expandem\n// (collapse). Os demais ficam planos até que seus submenus sejam definidos.\n//\n// O componente <Menu /> consome isto como default (`sections`). O Storybook e\n// os protótipos apenas refletem — para um conjunto diferente de itens, passe\n// `sections` explicitamente.\n\nconst portalSection: MenuSectionDef = {\n  title: 'Seleção de portal',\n  items: [\n    { key: 'logtech', label: 'Logtech', icon: TruckTrailer },\n    { key: 'conta-digital', label: 'Conta digital', icon: CurrencyCircleDollar },\n    { key: 'combustivel', label: 'Combustível', icon: House },\n  ],\n};\n\nconst menuSection: MenuSectionDef = {\n  title: 'Menu',\n  items: [\n    { key: 'dashboard', label: 'Dashboard', icon: ProjectorScreenChart },\n    {\n      key: 'cadastros',\n      label: 'Cadastros',\n      icon: ClipboardText,\n      // Sub-itens não têm ícone (Figma: Show Leading Icon=false)\n      children: [\n        { key: 'transportadora-sub', label: 'Transportadora' },\n        { key: 'motorista', label: 'Motorista' },\n        { key: 'veiculo-sub', label: 'Veículo' },\n        { key: 'filiais', label: 'Filiais' },\n        { key: 'controle-cadastros', label: 'Controle de cadastros' },\n        { key: 'locais', label: 'Locais' },\n        { key: 'noticias', label: 'Notícias' },\n        { key: 'produto', label: 'Produto' },\n        { key: 'grupo-locais', label: 'Grupo de locais' },\n        { key: 'rotas', label: 'Rotas' },\n        { key: 'grupos', label: 'Grupos' },\n        { key: 'observacoes', label: 'Observações' },\n        { key: 'contratos-hazmat', label: 'Contratos hazmat' },\n      ],\n    },\n    { key: 'solicitacoes', label: 'Solicitações', icon: CallBell },\n    {\n      key: 'ofertas',\n      label: 'Ofertas',\n      icon: Package,\n      children: [\n        { key: 'ofertas-sub', label: 'Ofertas' },\n        { key: 'pool-ofertas', label: 'Pool ofertas' },\n        { key: 'alcada-aprovacoes', label: 'Alçada de aprovações' },\n        { key: 'automacao-divulgacao', label: 'Automação de divulgação de lotes' },\n        { key: 'parametros-desagio', label: 'Parâmetros de deságio' },\n      ],\n    },\n    { key: 'gerenciadora', label: 'Gerenciadora de risco', icon: FlagBanner },\n    {\n      key: 'viagens',\n      label: 'Viagens',\n      icon: TruckTrailer,\n      children: [\n        { key: 'viagens-sub', label: 'Viagens' },\n        { key: 'acompanhamento-viagem', label: 'Acompanhamento de viagem' },\n        { key: 'painel-viagem', label: 'Painel de viagem' },\n        { key: 'monitoramento-viagem', label: 'Monitoramento' },\n        { key: 'relatorio-agente-frete', label: 'Relatório de agente de frete' },\n      ],\n    },\n    { key: 'mensagens', label: 'Mensagens', icon: ChatCenteredText },\n    { key: 'painel', label: 'Painel', icon: PresentationChart },\n    { key: 'clube', label: 'Clube Vector', icon: SketchLogo },\n    { key: 'tomada', label: 'Tomada de preço', icon: CurrencyCircleDollar },\n    {\n      key: 'agendamento',\n      label: 'Agendamento',\n      icon: CalendarDots,\n      children: [\n        { key: 'carga-descarga', label: 'Carga e descarga' },\n        { key: 'fornecedor-cliente', label: 'Fornecedor/Cliente' },\n        { key: 'viagem-amiga-ag', label: 'Viagem Amiga' },\n        { key: 'gestao-agendamento', label: 'Gestão de agendamento' },\n      ],\n    },\n    {\n      key: 'logistica',\n      label: 'Logística Interna',\n      icon: Garage,\n      children: [\n        { key: 'gestao-patio', label: 'Gestão de pátio' },\n        { key: 'frentes-carregamento', label: 'Frentes de carregamento' },\n        { key: 'config-docas', label: 'Configuração de docas' },\n        { key: 'track-pass', label: 'Track pass' },\n        { key: 'checklist-log', label: 'Checklist' },\n      ],\n    },\n    { key: 'gdv', label: 'GDV', icon: Folder },\n    { key: 'relatorio-vpay', label: 'Relatório VPay', icon: File },\n    { key: 'enquetes', label: 'Enquetes', icon: CheckSquareOffset },\n    { key: 'avaliacao', label: 'Avaliação Operacional', icon: ListChecks },\n    {\n      key: 'quitacao',\n      label: 'Quitação Digital',\n      icon: Note,\n      children: [\n        { key: 'painel-controle', label: 'Painel de controle' },\n        { key: 'entrega-documental', label: 'Entrega documental' },\n        { key: 'painel-controle-emb', label: 'Painel de controle embarcador' },\n        { key: 'entrega-documental-transp', label: 'Entrega documental transportador' },\n        { key: 'regularizacao-documental', label: 'Regularização documental' },\n      ],\n    },\n    {\n      key: 'cartoes',\n      label: 'Controle de cartões',\n      icon: Cardholder,\n      children: [\n        { key: 'estoque-cartoes-vector', label: 'Estoque cartões Vector' },\n        { key: 'estoque-cartoes-parceiros', label: 'Estoque cartões parceiros' },\n        { key: 'vinculacao-cartoes', label: 'Vinculação de cartões' },\n      ],\n    },\n    { key: 'transportadora', label: 'Transportadora digital', icon: BoxArrowUp },\n    {\n      key: 'antecipacao',\n      label: 'Antecipação de recebíveis',\n      icon: Coins,\n      children: [\n        { key: 'antecipacao-sub', label: 'Antecipação de recebíveis' },\n        { key: 'gestao-antecipacoes', label: 'Gestão de antecipações' },\n      ],\n    },\n    {\n      key: 'pagamento',\n      label: 'Pagamento de frete',\n      icon: Receipt,\n      children: [\n        { key: 'gestao-pagamentos', label: 'Gestão de pagamentos' },\n        { key: 'viagens-vector-pay', label: 'Viagens Vector Pay' },\n        { key: 'adiantamento-quitacao', label: 'Adiantamento e quitação de pagamentos' },\n        { key: 'motor-pagamento', label: 'Motor de pagamento' },\n        { key: 'extrato-pagamento', label: 'Extrato de pagamento' },\n        { key: 'controle-limite', label: 'Controle de limite' },\n        { key: 'acompanhamento-boleto-fob', label: 'Acompanhamento de boleto FOB' },\n        { key: 'agenda-pagamento', label: 'Agenda de pagamento' },\n        { key: 'dados-bancarios', label: 'Dados bancários' },\n        { key: 'relatorio-receita-taxas', label: 'Relatório receita de taxas' },\n        { key: 'ajuste-frete', label: 'Ajuste de frete' },\n      ],\n    },\n    { key: 'imposto-renda', label: 'Imposto de renda', icon: Percent },\n    {\n      key: 'financeiro',\n      label: 'Financeiro',\n      icon: CurrencyDollar,\n      children: [\n        { key: 'cadoc-4111', label: 'CADOC 4111' },\n        { key: 'cadoc-1201', label: 'CADOC 1201' },\n        { key: 'bc-correios', label: 'BC Correios' },\n        { key: 'notas-debito', label: 'Notas de débito' },\n        { key: 'sap', label: 'Sap' },\n      ],\n    },\n    { key: 'config-gr', label: 'Configurações de serviços GR', icon: FlagPennant },\n    {\n      key: 'admin',\n      label: 'Admin',\n      icon: Gear,\n      children: [\n        { key: 'usuarios', label: 'Usuários' },\n        { key: 'relatorio', label: 'Relatório' },\n        { key: 'broadcast', label: 'Broadcast' },\n        { key: 'veiculos-admin', label: 'Veículos' },\n        { key: 'enquetes-admin', label: 'Enquetes' },\n        { key: 'avaliacao-admin', label: 'Avaliação Operacional' },\n        { key: 'ocorrencias', label: 'Ocorrências' },\n        { key: 'viagem-amiga', label: 'Viagem Amiga' },\n        { key: 'parametros-produto', label: 'Parâmetros de Produto' },\n        { key: 'geocerca', label: 'Geocerca' },\n        { key: 'cadastrar-embarcador', label: 'Cadastrar Embarcador' },\n        { key: 'bloqueio', label: 'Bloqueio' },\n        { key: 'bloqueio-conta', label: 'Bloqueio de conta' },\n        { key: 'mensagens-vector', label: 'Mensagens Vector' },\n        { key: 'log-antecipacao', label: 'Log Antecipação de recebíveis' },\n        { key: 'onboarding-tracking', label: 'Onboarding Tracking' },\n        { key: 'validacao-cadastro', label: 'Validação de Cadastro' },\n        { key: 'communication-logs', label: 'Communication logs' },\n        { key: 'parametros-etcd', label: 'Parametros ETCD' },\n        { key: 'central-atendimento', label: 'Central atendimento' },\n        { key: 'data-import', label: 'Data Import' },\n      ],\n    },\n  ],\n};\n\n/** Seções padrão do Menu (portal + itens), fiéis ao Figma. */\nexport const defaultMenuSections: MenuSectionDef[] = [portalSection, menuSection];\n"],"names":["portalSection","TruckTrailer","CurrencyCircleDollar","House","menuSection","ProjectorScreenChart","ClipboardText","CallBell","Package","FlagBanner","ChatCenteredText","PresentationChart","SketchLogo","CalendarDots","Garage","Folder","File","CheckSquareOffset","ListChecks","Note","Cardholder","BoxArrowUp","Coins","Receipt","Percent","CurrencyDollar","FlagPennant","Gear","defaultMenuSections"],"mappings":"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"}

package/Message/Message.js

@@ -0,0 +1,88 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { WarningCircle as d, SealWarning as f, XCircle as p, CheckCircle as C, Warning as v, Info as N, X as x } from "@phosphor-icons/react";
+import { Icon as I } from "../Icon/Icon.js";
+import { Button as w } from "../Button/Button.js";
+import { IconButton as k } from "../IconButton/IconButton.js";
+import e from "./Message.module.css.js";
+const B = {
+  info: N,
+  warning: v,
+  success: C,
+  danger: p,
+  highlight: f,
+  neutral: d
+}, S = {
+  info: e.typeInfo,
+  warning: e.typeWarning,
+  success: e.typeSuccess,
+  danger: e.typeDanger,
+  highlight: e.typeHighlight,
+  neutral: e.typeNeutral
+}, W = {
+  info: "status",
+  warning: "alert",
+  success: "status",
+  danger: "alert",
+  highlight: "status",
+  neutral: "status"
+};
+function _({
+  type: n = "info",
+  message: r = "Message Content",
+  showIcon: o = !0,
+  actionLabel: a,
+  onAction: l,
+  showClose: c = !0,
+  onClose: g,
+  disabled: i = !1,
+  className: m
+}) {
+  const h = B[n], u = [
+    e.message,
+    S[n],
+    i ? e.disabled : void 0,
+    m
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: u,
+      role: W[n],
+      "aria-live": n === "danger" || n === "warning" ? "assertive" : "polite",
+      children: [
+        /* @__PURE__ */ t("div", { className: e.content, children: [
+          o && /* @__PURE__ */ s("span", { className: e.icon, "aria-hidden": "true", children: /* @__PURE__ */ s(I, { as: h, size: 20, weight: "bold" }) }),
+          /* @__PURE__ */ t("div", { className: e.text, children: [
+            /* @__PURE__ */ s("span", { className: e.messageText, children: r }),
+            a && /* @__PURE__ */ s(
+              w,
+              {
+                variant: "link",
+                size: "xsmall",
+                onClick: l,
+                disabled: i,
+                children: a
+              }
+            )
+          ] })
+        ] }),
+        c && /* @__PURE__ */ s(
+          k,
+          {
+            icon: x,
+            variant: "ghost",
+            size: "xsmall",
+            "aria-label": "Dismiss message",
+            onClick: g,
+            disabled: i,
+            className: e.closeButton
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  _ as Message
+};
+//# sourceMappingURL=Message.js.map

package/Message/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sources":["../../src/Message/Message.tsx"],"sourcesContent":["import React from 'react';\nimport type { Icon as PhosphorIcon } from '@phosphor-icons/react';\nimport {\n  Info,\n  Warning,\n  CheckCircle,\n  XCircle,\n  SealWarning,\n  WarningCircle,\n  X,\n} from '@phosphor-icons/react';\nimport { Icon } from '../Icon/index.js';\nimport { Button } from '../Button/index.js';\nimport { IconButton } from '../IconButton/index.js';\nimport styles from './Message.module.css';\n\nexport type MessageType = 'info' | 'warning' | 'success' | 'danger' | 'highlight' | 'neutral';\n\nexport interface MessageProps {\n  /** The semantic type of the message, which controls background, border, and icon */\n  type?: MessageType;\n  /** The message text content */\n  message?: string;\n  /** Whether to show the leading icon */\n  showIcon?: boolean;\n  /** Label and optional click handler for an inline action button */\n  actionLabel?: string;\n  /** Callback fired when the action button is clicked */\n  onAction?: () => void;\n  /** Whether to render the close/dismiss button */\n  showClose?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void;\n  /** Whether the message is in a disabled state */\n  disabled?: boolean;\n  /** Additional CSS class name */\n  className?: string;\n}\n\nconst TYPE_ICON: Record<MessageType, PhosphorIcon> = {\n  info:      Info,\n  warning:   Warning,\n  success:   CheckCircle,\n  danger:    XCircle,\n  highlight: SealWarning,\n  neutral:   WarningCircle,\n};\n\nconst TYPE_CLASS: Record<MessageType, string> = {\n  info:      styles.typeInfo,\n  warning:   styles.typeWarning,\n  success:   styles.typeSuccess,\n  danger:    styles.typeDanger,\n  highlight: styles.typeHighlight,\n  neutral:   styles.typeNeutral,\n};\n\nconst ARIA_ROLE: Record<MessageType, string> = {\n  info:      'status',\n  warning:   'alert',\n  success:   'status',\n  danger:    'alert',\n  highlight: 'status',\n  neutral:   'status',\n};\n\nexport function Message({\n  type = 'info',\n  message = 'Message Content',\n  showIcon = true,\n  actionLabel,\n  onAction,\n  showClose = true,\n  onClose,\n  disabled = false,\n  className,\n}: MessageProps) {\n  const IconComponent = TYPE_ICON[type];\n\n  const cls = [\n    styles.message,\n    TYPE_CLASS[type],\n    disabled ? styles.disabled : undefined,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      className={cls}\n      role={ARIA_ROLE[type]}\n      aria-live={type === 'danger' || type === 'warning' ? 'assertive' : 'polite'}\n    >\n      {/* Left: icon + text + optional action */}\n      <div className={styles.content}>\n        {showIcon && (\n          <span className={styles.icon} aria-hidden=\"true\">\n            <Icon as={IconComponent} size={20} weight=\"bold\" />\n          </span>\n        )}\n\n        <div className={styles.text}>\n          <span className={styles.messageText}>{message}</span>\n\n          {actionLabel && (\n            <Button\n              variant=\"link\"\n              size=\"xsmall\"\n              onClick={onAction}\n              disabled={disabled}\n            >\n              {actionLabel}\n            </Button>\n          )}\n        </div>\n      </div>\n\n      {/* Right: close button */}\n      {showClose && (\n        <IconButton\n          icon={X}\n          variant=\"ghost\"\n          size=\"xsmall\"\n          aria-label=\"Dismiss message\"\n          onClick={onClose}\n          disabled={disabled}\n          className={styles.closeButton}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["TYPE_ICON","Info","Warning","CheckCircle","XCircle","SealWarning","WarningCircle","TYPE_CLASS","styles","ARIA_ROLE","Message","type","message","showIcon","actionLabel","onAction","showClose","onClose","disabled","className","IconComponent","cls","jsxs","jsx","Icon","Button","IconButton","X"],"mappings":";;;;;;AAuCA,MAAMA,IAA+C;AAAA,EACnD,MAAWC;AAAA,EACX,SAAWC;AAAA,EACX,SAAWC;AAAA,EACX,QAAWC;AAAA,EACX,WAAWC;AAAA,EACX,SAAWC;AACb,GAEMC,IAA0C;AAAA,EAC9C,MAAWC,EAAO;AAAA,EAClB,SAAWA,EAAO;AAAA,EAClB,SAAWA,EAAO;AAAA,EAClB,QAAWA,EAAO;AAAA,EAClB,WAAWA,EAAO;AAAA,EAClB,SAAWA,EAAO;AACpB,GAEMC,IAAyC;AAAA,EAC7C,MAAW;AAAA,EACX,SAAW;AAAA,EACX,SAAW;AAAA,EACX,QAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAW;AACb;AAEO,SAASC,EAAQ;AAAA,EACtB,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AACF,GAAiB;AACf,QAAMC,IAAgBpB,EAAUW,CAAI,GAE9BU,IAAM;AAAA,IACVb,EAAO;AAAA,IACPD,EAAWI,CAAI;AAAA,IACfO,IAAWV,EAAO,WAAW;AAAA,IAC7BW;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,MACX,MAAMZ,EAAUE,CAAI;AAAA,MACpB,aAAWA,MAAS,YAAYA,MAAS,YAAY,cAAc;AAAA,MAGnE,UAAA;AAAA,QAAA,gBAAAW,EAAC,OAAA,EAAI,WAAWd,EAAO,SACpB,UAAA;AAAA,UAAAK,KACC,gBAAAU,EAAC,QAAA,EAAK,WAAWf,EAAO,MAAM,eAAY,QACxC,UAAA,gBAAAe,EAACC,GAAA,EAAK,IAAIJ,GAAe,MAAM,IAAI,QAAO,QAAO,GACnD;AAAA,UAGF,gBAAAE,EAAC,OAAA,EAAI,WAAWd,EAAO,MACrB,UAAA;AAAA,YAAA,gBAAAe,EAAC,QAAA,EAAK,WAAWf,EAAO,aAAc,UAAAI,GAAQ;AAAA,YAE7CE,KACC,gBAAAS;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAASV;AAAA,gBACT,UAAAG;AAAA,gBAEC,UAAAJ;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QAGCE,KACC,gBAAAO;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAMC;AAAA,YACN,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,cAAW;AAAA,YACX,SAASV;AAAA,YACT,UAAAC;AAAA,YACA,WAAWV,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MACpB;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/Message/Message.module.css

@@ -0,0 +1 @@
+._message_1xnms_2{display:flex;align-items:center;justify-content:space-between;gap:8px;height:44px;padding:12px;border-radius:8px;border:1px solid transparent;font-family:var(--font-family-base, system-ui, sans-serif);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-14);width:100%;box-sizing:border-box}._message_1xnms_2:focus-visible{outline:none;box-shadow:var(--shadow-focus)}._content_1xnms_25{display:flex;align-items:center;gap:8px;flex:1 0 0;min-width:0;overflow:hidden}._text_1xnms_34{flex:1 0 0;min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden}._messageText_1xnms_43{color:var(--color-text-neutral-mudle);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-14);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 0 0;min-width:0}._actionButton_1xnms_56{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:30px;min-width:80px;padding:5px 16px;border-radius:8px;border:none;background-color:transparent;color:var(--color-text-brand-default);font-family:var(--font-family-base, system-ui, sans-serif);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-14);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:color .12s ease}._actionButton_1xnms_56:hover{color:var(--color-text-interaction-brand-hover)}._actionButton_1xnms_56:focus-visible{outline:none;box-shadow:var(--shadow-focus)}._closeButton_1xnms_88{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9999px;border:none;background-color:transparent;color:var(--color-icon-neutral-default);cursor:pointer;flex-shrink:0;padding:0;transition:background-color .12s ease,color .12s ease}._closeButton_1xnms_88:hover{background-color:var(--color-fill-interaction-neutral-subtle-hover)}._closeButton_1xnms_88:focus-visible{outline:none;box-shadow:var(--shadow-focus)}._typeInfo_1xnms_116{background-color:var(--color-fill-feedback-info-subtle);border-color:var(--color-stroke-feedback-info-subtle)}._typeInfo_1xnms_116 ._icon_1xnms_121{color:var(--color-icon-feedback-info-default)}._typeWarning_1xnms_126{background-color:var(--color-fill-feedback-warning-subtle);border-color:var(--color-stroke-feedback-warning-subtle)}._typeWarning_1xnms_126 ._icon_1xnms_121{color:var(--color-icon-feedback-warning-default)}._typeSuccess_1xnms_136{background-color:var(--color-fill-feedback-success-subtle);border-color:var(--color-stroke-feedback-success-subtle)}._typeSuccess_1xnms_136 ._icon_1xnms_121{color:var(--color-icon-feedback-success-default)}._typeDanger_1xnms_146{background-color:var(--color-fill-feedback-danger-subtle);border-color:var(--color-stroke-feedback-danger-subtle)}._typeDanger_1xnms_146 ._icon_1xnms_121{color:var(--color-icon-feedback-danger-default)}._typeHighlight_1xnms_156{background-color:var(--color-fill-feedback-highlight-subtle);border-color:transparent}._typeHighlight_1xnms_156 ._icon_1xnms_121{color:var(--color-fill-feedback-highlight-default)}._typeNeutral_1xnms_166{background-color:var(--color-fill-feedback-neutral-subtle);border-color:var(--color-stroke-neutral-default)}._typeNeutral_1xnms_166 ._icon_1xnms_121{color:var(--color-icon-neutral-default)}._disabled_1xnms_176{opacity:.5;cursor:not-allowed;pointer-events:none}

package/Message/Message.module.css.js

@@ -0,0 +1,32 @@
+import './Message.module.css';const t = "_message_1xnms_2", e = "_content_1xnms_25", s = "_text_1xnms_34", n = "_messageText_1xnms_43", _ = "_closeButton_1xnms_88", o = "_typeInfo_1xnms_116", c = "_icon_1xnms_121", a = "_typeWarning_1xnms_126", x = "_typeSuccess_1xnms_136", m = "_typeDanger_1xnms_146", p = "_typeHighlight_1xnms_156", y = "_typeNeutral_1xnms_166", g = "_disabled_1xnms_176", i = {
+  message: t,
+  content: e,
+  text: s,
+  messageText: n,
+  closeButton: _,
+  typeInfo: o,
+  icon: c,
+  typeWarning: a,
+  typeSuccess: x,
+  typeDanger: m,
+  typeHighlight: p,
+  typeNeutral: y,
+  disabled: g
+};
+export {
+  _ as closeButton,
+  e as content,
+  i as default,
+  g as disabled,
+  c as icon,
+  t as message,
+  n as messageText,
+  s as text,
+  m as typeDanger,
+  p as typeHighlight,
+  o as typeInfo,
+  y as typeNeutral,
+  x as typeSuccess,
+  a as typeWarning
+};
+//# sourceMappingURL=Message.module.css.js.map

package/Message/Message.module.css.js.map

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

package/Modal/Modal.js

@@ -0,0 +1,186 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { useRef as I, useEffect as p } from "react";
+import { X as j, CheckCircle as M, XCircle as P, Warning as T } from "@phosphor-icons/react";
+import { Icon as B } from "../Icon/Icon.js";
+import { Button as z } from "../Button/Button.js";
+import { IconButton as L } from "../IconButton/IconButton.js";
+import { Divider as _ } from "../Divider/Divider.js";
+import { ProgressSpinner as q } from "../ProgressSpinner/ProgressSpinner.js";
+import { Slot as A } from "../Slot/Slot.js";
+import e from "./Modal.module.css.js";
+const F = {
+  small: e.sizeSmall,
+  medium: e.sizeMedium,
+  large: e.sizeLarge
+};
+function C({
+  open: l = !1,
+  size: c = "small",
+  title: s = "",
+  children: g,
+  footerActions: o,
+  onClose: n,
+  noBackdrop: u = !1,
+  onBackdropClick: v,
+  className: t
+}) {
+  const b = I(null);
+  if (p(() => {
+    if (!l) return;
+    const r = (i) => {
+      i.key === "Escape" && (n == null || n());
+    };
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [l, n]), p(() => {
+    var N;
+    if (!l) return;
+    const r = b.current;
+    if (!r) return;
+    const i = document.activeElement;
+    return (N = r.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    )[0]) == null || N.focus(), () => {
+      i == null || i.focus();
+    };
+  }, [l]), !l) return null;
+  const k = () => {
+    v ? v() : n == null || n();
+  }, w = [e.modal, F[c], t].filter(Boolean).join(" "), f = /* @__PURE__ */ m(
+    "div",
+    {
+      ref: b,
+      className: w,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": s ? "modal-title" : void 0,
+      onClick: (r) => r.stopPropagation(),
+      children: [
+        /* @__PURE__ */ m("div", { className: e.head, children: [
+          /* @__PURE__ */ a("div", { className: e.titleRow, children: /* @__PURE__ */ a("h2", { id: "modal-title", className: e.title, children: s }) }),
+          /* @__PURE__ */ a(_, {})
+        ] }),
+        /* @__PURE__ */ a("div", { className: e.body, children: /* @__PURE__ */ a(A, { children: g }) }),
+        o && o.length > 0 && /* @__PURE__ */ a("div", { className: e.footer, children: /* @__PURE__ */ a("div", { className: e.footerButtons, children: o.map((r, i) => /* @__PURE__ */ a(
+          z,
+          {
+            variant: r.variant ?? (i === o.length - 1 ? "primary" : "secondary"),
+            size: "medium",
+            disabled: r.disabled,
+            onClick: r.onClick,
+            children: r.label
+          },
+          i
+        )) }) }),
+        n && /* @__PURE__ */ a(
+          L,
+          {
+            icon: j,
+            variant: "ghost",
+            size: "xsmall",
+            "aria-label": "Fechar modal",
+            onClick: n,
+            className: e.closeButton
+          }
+        )
+      ]
+    }
+  );
+  return u ? f : /* @__PURE__ */ a("div", { className: e.backdrop, onClick: k, children: f });
+}
+const G = {
+  warn: "var(--color-icon-feedback-warning-default)",
+  error: "var(--color-icon-feedback-danger-default)",
+  success: "var(--color-icon-feedback-success-default)",
+  loading: "var(--color-fill-brand-default)"
+};
+function ee({
+  open: l = !1,
+  type: c = "warn",
+  title: s = "",
+  text: g,
+  primaryLabel: o,
+  onPrimary: n,
+  secondaryLabel: u,
+  onSecondary: v,
+  onClose: t,
+  noBackdrop: b = !1,
+  onBackdropClick: k,
+  className: w
+}) {
+  const f = I(null);
+  if (p(() => {
+    if (!l) return;
+    const d = (h) => {
+      h.key === "Escape" && c !== "loading" && (t == null || t());
+    };
+    return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
+  }, [l, t, c]), p(() => {
+    var S;
+    if (!l) return;
+    const d = f.current;
+    if (!d) return;
+    const h = document.activeElement;
+    return (S = d.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    )[0]) == null || S.focus(), () => {
+      h == null || h.focus();
+    };
+  }, [l]), !l) return null;
+  const r = () => {
+    k ? k() : c !== "loading" && (t == null || t());
+  }, i = c === "loading", E = !i && (o || u), N = !i && !!t, x = G[c], R = () => {
+    switch (c) {
+      case "warn":
+        return /* @__PURE__ */ a(B, { as: T, size: 64, weight: "regular", color: x });
+      case "error":
+        return /* @__PURE__ */ a(B, { as: P, size: 64, weight: "regular", color: x });
+      case "success":
+        return /* @__PURE__ */ a(B, { as: M, size: 64, weight: "regular", color: x });
+      case "loading":
+        return /* @__PURE__ */ a(q, { label: "Carregando" });
+    }
+  }, O = [
+    e.dialogBody,
+    i ? e.loading : void 0
+  ].filter(Boolean).join(" "), D = [e.modal, e.dialog, w].filter(Boolean).join(" "), y = /* @__PURE__ */ m(
+    "div",
+    {
+      ref: f,
+      className: D,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": s ? "modal-dialog-title" : void 0,
+      onClick: (d) => d.stopPropagation(),
+      children: [
+        /* @__PURE__ */ m("div", { className: O, children: [
+          /* @__PURE__ */ a("div", { className: e.dialogIconWrap, children: R() }),
+          /* @__PURE__ */ m("div", { className: e.dialogTextGroup, children: [
+            s && /* @__PURE__ */ a("p", { id: "modal-dialog-title", className: e.dialogTitle, children: s }),
+            g && /* @__PURE__ */ a("p", { className: e.dialogText, children: g })
+          ] })
+        ] }),
+        E && /* @__PURE__ */ a("div", { className: e.footer, children: /* @__PURE__ */ m("div", { className: e.footerButtons, children: [
+          u && /* @__PURE__ */ a(z, { variant: "secondary", size: "medium", onClick: v, children: u }),
+          o && /* @__PURE__ */ a(z, { variant: "primary", size: "medium", onClick: n, children: o })
+        ] }) }),
+        N && /* @__PURE__ */ a(
+          L,
+          {
+            icon: j,
+            variant: "ghost",
+            size: "xsmall",
+            "aria-label": "Fechar modal",
+            onClick: t,
+            className: e.closeButton
+          }
+        )
+      ]
+    }
+  );
+  return b ? y : /* @__PURE__ */ a("div", { className: e.backdrop, onClick: r, children: y });
+}
+export {
+  C as Modal,
+  ee as ModalDialog
+};
+//# sourceMappingURL=Modal.js.map