@nextelco/common-ui 2.1.98 → 2.1.99

package/dist/esm/legacy/components/layout/TopNavLayout/TopNavLayout.js

@@ -0,0 +1,82 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { NavLink } from "react-router-dom";
+const LogOut = ({ size = 16, className }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
+  /* @__PURE__ */ jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+  /* @__PURE__ */ jsx("polyline", { points: "16 17 21 12 16 7" }),
+  /* @__PURE__ */ jsx("line", { x1: "21", x2: "9", y1: "12", y2: "12" })
+] });
+const Sun = ({ size = 16, className }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41" })
+] });
+const Moon = ({ size = 16, className }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: /* @__PURE__ */ jsx("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9z" }) });
+const Monitor = ({ size = 16, className }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
+  /* @__PURE__ */ jsx("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M8 21h8M12 17v4" })
+] });
+const TopNavLayout = ({
+  children,
+  menus,
+  appTitle,
+  appSubtitle,
+  logo,
+  avatar,
+  userName,
+  onLogout,
+  logoutLabel = "Logout",
+  languages,
+  currentLang,
+  onLanguageChange,
+  theme,
+  onThemeChange,
+  themeLabels,
+  maxWidth = 1400
+}) => {
+  const ThemeIcon = theme === "light" ? Sun : theme === "dark" ? Moon : Monitor;
+  const cycleTheme = () => {
+    if (!onThemeChange) return;
+    const order = ["light", "dark", "system"];
+    onThemeChange(order[(order.indexOf(theme ?? "system") + 1) % order.length]);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "min-h-screen dark:bg-slate-950", children: [
+    /* @__PURE__ */ jsx("nav", { className: "bg-white border-b border-slate-200 dark:bg-slate-900 dark:border-slate-700 sticky top-0 z-50 shadow-sm", children: /* @__PURE__ */ jsx("div", { style: { maxWidth }, className: "mx-auto px-5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-5 h-12", children: [
+      /* @__PURE__ */ jsx("div", { className: "shrink-0", children: logo ?? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-1 h-7 bg-proef-turquoise" }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-black tracking-tighter text-proef-navy uppercase leading-none", children: appTitle }),
+          appSubtitle && /* @__PURE__ */ jsx("div", { className: "text-[9px] font-bold uppercase tracking-[0.15em] text-slate-400 mt-0.5", children: appSubtitle })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex gap-0.5 flex-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: menus.map((item) => /* @__PURE__ */ jsx(
+        NavLink,
+        {
+          to: item.to,
+          end: item.end,
+          className: ({ isActive }) => `px-3 py-1.5 text-[12px] font-bold whitespace-nowrap transition-colors border-b-2 ${isActive ? "text-proef-blue border-proef-blue" : "text-slate-500 hover:text-proef-navy border-transparent"}`,
+          children: item.label
+        },
+        item.to
+      )) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
+        languages && languages.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: languages.map((l) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => onLanguageChange?.(l.code),
+            className: `appearance-none bg-transparent border-0 cursor-pointer px-1 text-[10px] font-black uppercase tracking-widest transition-colors ${currentLang === l.code ? "text-proef-blue" : "text-slate-400 hover:text-proef-navy"}`,
+            children: l.label
+          },
+          l.code
+        )) }),
+        onThemeChange && /* @__PURE__ */ jsx("button", { onClick: cycleTheme, title: themeLabels?.label ?? "Theme", className: "appearance-none bg-transparent border-0 cursor-pointer p-1.5 text-slate-400 hover:text-proef-navy transition-colors", children: /* @__PURE__ */ jsx(ThemeIcon, { size: 16 }) }),
+        avatar,
+        userName && /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold text-slate-500 hidden sm:block", children: userName }),
+        onLogout && /* @__PURE__ */ jsx("button", { onClick: onLogout, title: logoutLabel, className: "appearance-none bg-transparent border-0 cursor-pointer p-1.5 text-slate-400 hover:text-incumprido transition-colors", children: /* @__PURE__ */ jsx(LogOut, { size: 16 }) })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ jsx("main", { style: { maxWidth }, className: "mx-auto px-3 sm:px-5 py-4", children })
+  ] });
+};
+export {
+  TopNavLayout as default
+};
+//# sourceMappingURL=TopNavLayout.js.map

package/dist/esm/legacy/components/layout/TopNavLayout/TopNavLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNavLayout.js","sources":["../../../../../../src/legacy/components/layout/TopNavLayout/TopNavLayout.tsx"],"sourcesContent":["import React from 'react'\r\nimport { NavLink } from 'react-router-dom'\r\nimport type { SidebarLanguage, SidebarTheme } from '../Sidebar/Sidebar'\r\n\r\n// ── Inline icons (no lucide dependency) ───────────────────────────────────\r\ntype IconProps = { size?: number; className?: string }\r\nconst LogOut = ({ size = 16, className }: IconProps) => (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" className={className}>\r\n        <path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\" /><polyline points=\"16 17 21 12 16 7\" /><line x1=\"21\" x2=\"9\" y1=\"12\" y2=\"12\" />\r\n    </svg>\r\n)\r\nconst Sun = ({ size = 16, className }: IconProps) => (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" className={className}><circle cx=\"12\" cy=\"12\" r=\"4\" /><path d=\"M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\" /></svg>\r\n)\r\nconst Moon = ({ size = 16, className }: IconProps) => (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" className={className}><path d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9z\" /></svg>\r\n)\r\nconst Monitor = ({ size = 16, className }: IconProps) => (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" className={className}><rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\" /><path d=\"M8 21h8M12 17v4\" /></svg>\r\n)\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface TopNavItem {\r\n    to: string\r\n    label: string\r\n    end?: boolean\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface TopNavLayoutProps {\r\n    children: React.ReactNode\r\n    menus: TopNavItem[]\r\n    appTitle: string\r\n    appSubtitle?: string\r\n    /** Logo custom à esquerda. Sem isto: barra turquesa + appTitle/appSubtitle. */\r\n    logo?: React.ReactNode\r\n    avatar?: React.ReactNode\r\n    userName?: string\r\n    onLogout?: () => void\r\n    logoutLabel?: string\r\n    languages?: SidebarLanguage[]\r\n    currentLang?: string\r\n    onLanguageChange?: (code: string) => void\r\n    theme?: SidebarTheme\r\n    onThemeChange?: (theme: SidebarTheme) => void\r\n    themeLabels?: { label?: string; light?: string; dark?: string; system?: string }\r\n    /** Largura máxima do conteúdo/nav (px). Default 1400. */\r\n    maxWidth?: number\r\n}\r\n\r\n/**\r\n * Layout com navegação HORIZONTAL no topo (design system proef) — para portais\r\n * com muitas secções de topo. Alternativa ao `Layout` (sidebar). Parametrizado:\r\n * `menus` (tabs), marca, avatar/logout e selectores de idioma/tema à direita.\r\n * Requer o CSS do common-ui + react-router.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nconst TopNavLayout = ({\r\n    children,\r\n    menus,\r\n    appTitle,\r\n    appSubtitle,\r\n    logo,\r\n    avatar,\r\n    userName,\r\n    onLogout,\r\n    logoutLabel = 'Logout',\r\n    languages,\r\n    currentLang,\r\n    onLanguageChange,\r\n    theme,\r\n    onThemeChange,\r\n    themeLabels,\r\n    maxWidth = 1400,\r\n}: TopNavLayoutProps) => {\r\n    const ThemeIcon = theme === 'light' ? Sun : theme === 'dark' ? Moon : Monitor\r\n    const cycleTheme = () => {\r\n        if (!onThemeChange) return\r\n        const order: SidebarTheme[] = ['light', 'dark', 'system']\r\n        onThemeChange(order[(order.indexOf((theme ?? 'system') as SidebarTheme) + 1) % order.length])\r\n    }\r\n\r\n    return (\r\n        <div className=\"min-h-screen dark:bg-slate-950\">\r\n            <nav className=\"bg-white border-b border-slate-200 dark:bg-slate-900 dark:border-slate-700 sticky top-0 z-50 shadow-sm\">\r\n                <div style={{ maxWidth }} className=\"mx-auto px-5\">\r\n                    <div className=\"flex items-center gap-5 h-12\">\r\n                        {/* Marca */}\r\n                        <div className=\"shrink-0\">\r\n                            {logo ?? (\r\n                                <div className=\"flex items-center gap-2.5\">\r\n                                    <div className=\"w-1 h-7 bg-proef-turquoise\" />\r\n                                    <div>\r\n                                        <div className=\"text-sm font-black tracking-tighter text-proef-navy uppercase leading-none\">{appTitle}</div>\r\n                                        {appSubtitle && (\r\n                                            <div className=\"text-[9px] font-bold uppercase tracking-[0.15em] text-slate-400 mt-0.5\">{appSubtitle}</div>\r\n                                        )}\r\n                                    </div>\r\n                                </div>\r\n                            )}\r\n                        </div>\r\n\r\n                        {/* Tabs */}\r\n                        <div className=\"flex gap-0.5 flex-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\r\n                            {menus.map((item) => (\r\n                                <NavLink\r\n                                    key={item.to}\r\n                                    to={item.to}\r\n                                    end={item.end}\r\n                                    className={({ isActive }) =>\r\n                                        `px-3 py-1.5 text-[12px] font-bold whitespace-nowrap transition-colors border-b-2 ${isActive ? 'text-proef-blue border-proef-blue' : 'text-slate-500 hover:text-proef-navy border-transparent'}`\r\n                                    }\r\n                                >\r\n                                    {item.label}\r\n                                </NavLink>\r\n                            ))}\r\n                        </div>\r\n\r\n                        {/* Direita: idioma, tema, avatar/nome, logout */}\r\n                        <div className=\"flex items-center gap-2 shrink-0\">\r\n                            {languages && languages.length > 0 && (\r\n                                <div className=\"flex gap-1\">\r\n                                    {languages.map((l) => (\r\n                                        <button\r\n                                            key={l.code}\r\n                                            onClick={() => onLanguageChange?.(l.code)}\r\n                                            className={`appearance-none bg-transparent border-0 cursor-pointer px-1 text-[10px] font-black uppercase tracking-widest transition-colors ${currentLang === l.code ? 'text-proef-blue' : 'text-slate-400 hover:text-proef-navy'}`}\r\n                                        >\r\n                                            {l.label}\r\n                                        </button>\r\n                                    ))}\r\n                                </div>\r\n                            )}\r\n                            {onThemeChange && (\r\n                                <button onClick={cycleTheme} title={themeLabels?.label ?? 'Theme'} className=\"appearance-none bg-transparent border-0 cursor-pointer p-1.5 text-slate-400 hover:text-proef-navy transition-colors\">\r\n                                    <ThemeIcon size={16} />\r\n                                </button>\r\n                            )}\r\n                            {avatar}\r\n                            {userName && <span className=\"text-[11px] font-semibold text-slate-500 hidden sm:block\">{userName}</span>}\r\n                            {onLogout && (\r\n                                <button onClick={onLogout} title={logoutLabel} className=\"appearance-none bg-transparent border-0 cursor-pointer p-1.5 text-slate-400 hover:text-incumprido transition-colors\">\r\n                                    <LogOut size={16} />\r\n                                </button>\r\n                            )}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </nav>\r\n\r\n            <main style={{ maxWidth }} className=\"mx-auto px-3 sm:px-5 py-4\">\r\n                {children}\r\n            </main>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default TopNavLayout\r\n"],"names":[],"mappings":"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"}

package/dist/esm/legacy/components/molecules/BarraValor/BarraValor.js

@@ -0,0 +1,25 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+function BarraValor({
+  linhas,
+  maximo,
+  cor = "bg-proef-turquoise",
+  vazio
+}) {
+  if (linhas.length === 0) return /* @__PURE__ */ jsx(Fragment, { children: vazio ?? null });
+  const escala = Math.max(1, maximo ?? Math.max(...linhas.map((l) => l.valor)));
+  return /* @__PURE__ */ jsx("ul", { className: "cui-barra-valor space-y-2", children: linhas.map((linha) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsx("span", { className: "w-1/3 truncate text-sm text-slate-600", title: linha.rotulo, children: linha.rotulo }),
+    /* @__PURE__ */ jsx("span", { className: "h-3 flex-1 bg-slate-100 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `block h-3 ${cor}`,
+        style: { width: `${Math.min(100, linha.valor / escala * 100)}%` }
+      }
+    ) }),
+    /* @__PURE__ */ jsx("span", { className: "w-20 shrink-0 text-right font-mono text-sm font-bold text-proef-navy", children: linha.texto ?? linha.valor })
+  ] }, linha.chave)) });
+}
+export {
+  BarraValor as default
+};
+//# sourceMappingURL=BarraValor.js.map

package/dist/esm/legacy/components/molecules/BarraValor/BarraValor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarraValor.js","sources":["../../../../../../src/legacy/components/molecules/BarraValor/BarraValor.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react'\r\n\r\n/**\r\n * Lista de barras horizontais — a forma mais legível de comparar poucas\r\n * dezenas de valores (horas por pessoa, por plano, por etiqueta).\r\n *\r\n * Não é um gráfico: não traz eixos, escalas nem biblioteca de charts. A barra é\r\n * proporcional ao maior valor da lista, que é o que se quer para comparar\r\n * grandezas entre linhas.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\n\r\nexport interface LinhaBarra {\r\n  chave: string\r\n  rotulo: string\r\n  valor: number\r\n  /** O que aparece à direita (ex: \"3h20\"). Sem isto mostra o número cru. */\r\n  texto?: string\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface BarraValorProps {\r\n  linhas: LinhaBarra[]\r\n  /** Máximo da escala. Sem isto usa o maior valor da lista. */\r\n  maximo?: number\r\n  /** Classe de cor da barra. */\r\n  cor?: string\r\n  vazio?: ReactNode\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport default function BarraValor({\r\n  linhas,\r\n  maximo,\r\n  cor = 'bg-proef-turquoise',\r\n  vazio,\r\n}: BarraValorProps) {\r\n  if (linhas.length === 0) return <>{vazio ?? null}</>\r\n\r\n  // Nunca dividir por zero: uma lista só com zeros desenha barras vazias, não\r\n  // um NaN que o browser mostra como largura total.\r\n  const escala = Math.max(1, maximo ?? Math.max(...linhas.map((l) => l.valor)))\r\n\r\n  return (\r\n    <ul className=\"cui-barra-valor space-y-2\">\r\n      {linhas.map((linha) => (\r\n        <li key={linha.chave} className=\"flex items-center gap-3\">\r\n          <span className=\"w-1/3 truncate text-sm text-slate-600\" title={linha.rotulo}>\r\n            {linha.rotulo}\r\n          </span>\r\n          <span className=\"h-3 flex-1 bg-slate-100 rounded-full overflow-hidden\">\r\n            <span\r\n              className={`block h-3 ${cor}`}\r\n              style={{ width: `${Math.min(100, (linha.valor / escala) * 100)}%` }}\r\n            />\r\n          </span>\r\n          <span className=\"w-20 shrink-0 text-right font-mono text-sm font-bold text-proef-navy\">\r\n            {linha.texto ?? linha.valor}\r\n          </span>\r\n        </li>\r\n      ))}\r\n    </ul>\r\n  )\r\n}\r\n"],"names":[],"mappings":";AA+BA,SAAwB,WAAW;AAAA,EACjC;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN;AACF,GAAoB;AAClB,MAAI,OAAO,WAAW,EAAG,QAAO,oBAAA,UAAA,EAAG,mBAAS,MAAK;AAIjD,QAAM,SAAS,KAAK,IAAI,GAAG,UAAU,KAAK,IAAI,GAAG,OAAO,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAE5E,SACE,oBAAC,MAAA,EAAG,WAAU,6BACX,UAAA,OAAO,IAAI,CAAC,UACX,qBAAC,MAAA,EAAqB,WAAU,2BAC9B,UAAA;AAAA,IAAA,oBAAC,UAAK,WAAU,yCAAwC,OAAO,MAAM,QAClE,gBAAM,OAAA,CACT;AAAA,IACA,oBAAC,QAAA,EAAK,WAAU,wDACd,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,aAAa,GAAG;AAAA,QAC3B,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,KAAM,MAAM,QAAQ,SAAU,GAAG,CAAC,IAAA;AAAA,MAAI;AAAA,IAAA,GAEtE;AAAA,wBACC,QAAA,EAAK,WAAU,wEACb,UAAA,MAAM,SAAS,MAAM,MAAA,CACxB;AAAA,EAAA,EAAA,GAZO,MAAM,KAaf,CACD,GACH;AAEJ;"}

package/dist/esm/legacy/components/molecules/ColumnPicker/ColumnPicker.js

@@ -0,0 +1,179 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+const DEFAULT_LABELS = {
+  title: "Columns",
+  all: "All",
+  none: "None",
+  resetOrder: "Reset order",
+  moveUp: "Move up",
+  moveDown: "Move down"
+};
+const iconeBase = {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+const Columns3 = ({ className }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", ...iconeBase, className, "aria-hidden": true, children: [
+  /* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M9 3v18M15 3v18" })
+] });
+const ChevronUp = ({ className }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...iconeBase, className, "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6" }) });
+const ChevronDown = ({ className }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...iconeBase, className, "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) });
+const RotateCcw = ({ className }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", ...iconeBase, className, "aria-hidden": true, children: [
+  /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 3v5h5" })
+] });
+function ColumnPicker({
+  columns,
+  hidden,
+  onHiddenChange,
+  order,
+  onOrderChange,
+  keepFirst = 1,
+  labels
+}) {
+  const L = { ...DEFAULT_LABELS, ...labels };
+  const [aberto, setAberto] = useState(false);
+  const caixa = useRef(null);
+  useEffect(() => {
+    if (!aberto) return;
+    const fora = (e) => {
+      if (caixa.current && !caixa.current.contains(e.target)) setAberto(false);
+    };
+    const escape = (e) => {
+      if (e.key === "Escape") setAberto(false);
+    };
+    document.addEventListener("mousedown", fora);
+    document.addEventListener("keydown", escape);
+    return () => {
+      document.removeEventListener("mousedown", fora);
+      document.removeEventListener("keydown", escape);
+    };
+  }, [aberto]);
+  const alternar = (key) => {
+    const nova = new Set(hidden);
+    if (nova.has(key)) nova.delete(key);
+    else nova.add(key);
+    onHiddenChange(nova);
+  };
+  const mover = (indice, passo) => {
+    const destino = indice + passo;
+    if (destino < 0 || destino >= columns.length) return;
+    const chaves = columns.map((c) => c.key);
+    [chaves[indice], chaves[destino]] = [chaves[destino], chaves[indice]];
+    onOrderChange(chaves);
+  };
+  const visiveis = columns.length - hidden.size;
+  return /* @__PURE__ */ jsxs("div", { className: "relative", ref: caixa, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setAberto((v) => !v),
+        "aria-expanded": aberto,
+        className: "appearance-none cursor-pointer bg-white inline-flex items-center gap-2 h-8 rounded-lg border border-slate-300 px-3 text-xs font-medium text-slate-700 transition hover:bg-slate-50 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-200 dark:hover:bg-slate-700",
+        children: [
+          /* @__PURE__ */ jsx(Columns3, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: L.title }),
+          /* @__PURE__ */ jsxs("span", { className: "tabular-nums text-xs text-slate-400", children: [
+            visiveis,
+            "/",
+            columns.length
+          ] })
+        ]
+      }
+    ),
+    aberto && /* @__PURE__ */ jsxs("div", { className: "absolute right-0 z-30 mt-1 w-72 overflow-hidden rounded-lg border border-slate-200 bg-white shadow-lg dark:bg-slate-900 dark:border-slate-700", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 border-b border-slate-100 dark:border-slate-800 px-2 py-1.5", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onHiddenChange(/* @__PURE__ */ new Set()),
+            className: "appearance-none cursor-pointer bg-transparent border-0 px-2 py-1 text-xs font-medium text-proef-blue dark:text-sky-300 hover:bg-slate-50 dark:hover:bg-slate-800",
+            children: L.all
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onHiddenChange(new Set(columns.slice(keepFirst).map((c) => c.key))),
+            className: "appearance-none cursor-pointer bg-transparent border-0 px-2 py-1 text-xs font-medium text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-800",
+            children: L.none
+          }
+        ),
+        order.length > 0 && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onOrderChange([]),
+            className: "appearance-none cursor-pointer bg-transparent border-0 ml-auto inline-flex items-center gap-1 px-2 py-1 text-xs text-slate-500 dark:text-slate-400 hover:bg-slate-50 dark:hover:bg-slate-800",
+            children: [
+              /* @__PURE__ */ jsx(RotateCcw, { className: "h-3 w-3" }),
+              L.resetOrder
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("ul", { className: "max-h-80 overflow-y-auto py-1 list-none m-0 pl-0", children: columns.map((c, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 px-2 py-1 hover:bg-slate-50 dark:hover:bg-slate-800", children: [
+        /* @__PURE__ */ jsxs("label", { className: "flex min-w-0 flex-1 cursor-pointer items-center gap-2 text-sm text-slate-700 dark:text-slate-200", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: !hidden.has(c.key),
+              onChange: () => alternar(c.key),
+              className: "h-4 w-4 border-slate-300 text-proef-blue rounded focus:ring-proef-blue"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: `truncate ${hidden.has(c.key) ? "text-slate-400" : ""}`, children: c.label })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => mover(i, -1),
+            disabled: i === 0,
+            "aria-label": L.moveUp,
+            title: L.moveUp,
+            className: "appearance-none cursor-pointer bg-transparent border-0 p-0.5 text-slate-400 hover:text-proef-navy dark:hover:text-white disabled:opacity-25 disabled:cursor-not-allowed",
+            children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => mover(i, 1),
+            disabled: i === columns.length - 1,
+            "aria-label": L.moveDown,
+            title: L.moveDown,
+            className: "appearance-none cursor-pointer bg-transparent border-0 p-0.5 text-slate-400 hover:text-proef-navy dark:hover:text-white disabled:opacity-25 disabled:cursor-not-allowed",
+            children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] }, c.key)) })
+    ] })
+  ] });
+}
+function orderColumns(columns, order) {
+  if (order.length === 0) return columns;
+  const posicao = (c, i) => {
+    const p = order.indexOf(c.key);
+    return p === -1 ? order.length + i : p;
+  };
+  return columns.map((c, i) => ({ c, p: posicao(c, i) })).sort((a, b) => a.p - b.p).map(({ c }) => c);
+}
+function applyColumnLayout(columns, order, hidden) {
+  return orderColumns(columns, order).filter((c) => !hidden.has(c.key));
+}
+export {
+  applyColumnLayout,
+  ColumnPicker as default,
+  orderColumns
+};
+//# sourceMappingURL=ColumnPicker.js.map

package/dist/esm/legacy/components/molecules/ColumnPicker/ColumnPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnPicker.js","sources":["../../../../../../src/legacy/components/molecules/ColumnPicker/ColumnPicker.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\r\n\r\n// ─── Tipos ──────────────────────────────────────────────────────────────────\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface ColumnPickerItem {\r\n  key: string\r\n  label: string\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface ColumnPickerLabels {\r\n  /** Texto do botão (escondido em ecrãs estreitos — a contagem fica sempre). */\r\n  title: string\r\n  all: string\r\n  none: string\r\n  resetOrder: string\r\n  moveUp: string\r\n  moveDown: string\r\n}\r\n\r\nconst DEFAULT_LABELS: ColumnPickerLabels = {\r\n  title: 'Columns',\r\n  all: 'All',\r\n  none: 'None',\r\n  resetOrder: 'Reset order',\r\n  moveUp: 'Move up',\r\n  moveDown: 'Move down',\r\n}\r\n\r\n// ─── Ícones (inline, sem dependências) ───────────────────────────────────────\r\n\r\nconst iconeBase = {\r\n  viewBox: '0 0 24 24',\r\n  fill: 'none',\r\n  stroke: 'currentColor',\r\n  strokeWidth: 2,\r\n  strokeLinecap: 'round' as const,\r\n  strokeLinejoin: 'round' as const,\r\n}\r\n\r\nconst Columns3 = ({ className }: { className?: string }) => (\r\n  <svg xmlns=\"http://www.w3.org/2000/svg\" {...iconeBase} className={className} aria-hidden>\r\n    <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\r\n    <path d=\"M9 3v18M15 3v18\" />\r\n  </svg>\r\n)\r\n\r\nconst ChevronUp = ({ className }: { className?: string }) => (\r\n  <svg xmlns=\"http://www.w3.org/2000/svg\" {...iconeBase} className={className} aria-hidden>\r\n    <path d=\"m18 15-6-6-6 6\" />\r\n  </svg>\r\n)\r\n\r\nconst ChevronDown = ({ className }: { className?: string }) => (\r\n  <svg xmlns=\"http://www.w3.org/2000/svg\" {...iconeBase} className={className} aria-hidden>\r\n    <path d=\"m6 9 6 6 6-6\" />\r\n  </svg>\r\n)\r\n\r\nconst RotateCcw = ({ className }: { className?: string }) => (\r\n  <svg xmlns=\"http://www.w3.org/2000/svg\" {...iconeBase} className={className} aria-hidden>\r\n    <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\r\n    <path d=\"M3 3v5h5\" />\r\n  </svg>\r\n)\r\n\r\n// ─── Componente ──────────────────────────────────────────────────────────────\r\n\r\ninterface Props {\r\n  /** Colunas pela ordem em que estão a ser desenhadas (já reordenadas). */\r\n  columns: ColumnPickerItem[]\r\n  hidden: Set<string>\r\n  onHiddenChange: (v: Set<string>) => void\r\n  /** Ordem atual das chaves. Vazia = ordem natural das colunas. */\r\n  order: string[]\r\n  onOrderChange: (v: string[]) => void\r\n  /**\r\n   * Nº de colunas iniciais que \"Nenhuma\" nunca esconde — uma tabela sem colunas\r\n   * nenhumas não é utilizável. Default 1.\r\n   */\r\n  keepFirst?: number\r\n  labels?: Partial<ColumnPickerLabels>\r\n}\r\n\r\n/**\r\n * Escolha e ordenação das colunas de uma tabela.\r\n *\r\n * Vive fora do `DataTable` de propósito: a tabela recebe as colunas já filtradas e\r\n * ordenadas e limita-se a desenhar o que lhe é dado. Quem decide (e quem guarda a\r\n * escolha, se quiser) é o ecrã.\r\n *\r\n * As colunas escondidas continuam listadas, para poderem ser reordenadas antes de\r\n * voltarem a aparecer.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport default function ColumnPicker({\r\n  columns,\r\n  hidden,\r\n  onHiddenChange,\r\n  order,\r\n  onOrderChange,\r\n  keepFirst = 1,\r\n  labels,\r\n}: Props) {\r\n  const L = { ...DEFAULT_LABELS, ...labels }\r\n  const [aberto, setAberto] = useState(false)\r\n  const caixa = useRef<HTMLDivElement | null>(null)\r\n\r\n  useEffect(() => {\r\n    if (!aberto) return\r\n    const fora = (e: MouseEvent) => {\r\n      if (caixa.current && !caixa.current.contains(e.target as Node)) setAberto(false)\r\n    }\r\n    const escape = (e: KeyboardEvent) => {\r\n      if (e.key === 'Escape') setAberto(false)\r\n    }\r\n    document.addEventListener('mousedown', fora)\r\n    document.addEventListener('keydown', escape)\r\n    return () => {\r\n      document.removeEventListener('mousedown', fora)\r\n      document.removeEventListener('keydown', escape)\r\n    }\r\n  }, [aberto])\r\n\r\n  const alternar = (key: string) => {\r\n    const nova = new Set(hidden)\r\n    if (nova.has(key)) nova.delete(key)\r\n    else nova.add(key)\r\n    onHiddenChange(nova)\r\n  }\r\n\r\n  /**\r\n   * Move uma coluna uma posição. Escreve a lista inteira de chaves e não só a troca,\r\n   * para a ordem guardada ficar completa mesmo antes de o utilizador ter mexido em tudo.\r\n   */\r\n  const mover = (indice: number, passo: number) => {\r\n    const destino = indice + passo\r\n    if (destino < 0 || destino >= columns.length) return\r\n    const chaves = columns.map((c) => c.key)\r\n    ;[chaves[indice], chaves[destino]] = [chaves[destino]!, chaves[indice]!]\r\n    onOrderChange(chaves)\r\n  }\r\n\r\n  const visiveis = columns.length - hidden.size\r\n\r\n  return (\r\n    <div className=\"relative\" ref={caixa}>\r\n      <button\r\n        type=\"button\"\r\n        onClick={() => setAberto((v) => !v)}\r\n        aria-expanded={aberto}\r\n        className=\"appearance-none cursor-pointer bg-white inline-flex items-center gap-2 h-8 rounded-lg border border-slate-300 px-3 text-xs font-medium text-slate-700 transition hover:bg-slate-50 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-200 dark:hover:bg-slate-700\"\r\n      >\r\n        <Columns3 className=\"h-4 w-4\" />\r\n        <span className=\"hidden sm:inline\">{L.title}</span>\r\n        <span className=\"tabular-nums text-xs text-slate-400\">\r\n          {visiveis}/{columns.length}\r\n        </span>\r\n      </button>\r\n\r\n      {aberto && (\r\n        <div className=\"absolute right-0 z-30 mt-1 w-72 overflow-hidden rounded-lg border border-slate-200 bg-white shadow-lg dark:bg-slate-900 dark:border-slate-700\">\r\n          <div className=\"flex items-center gap-1 border-b border-slate-100 dark:border-slate-800 px-2 py-1.5\">\r\n            <button\r\n              type=\"button\"\r\n              onClick={() => onHiddenChange(new Set())}\r\n              className=\"appearance-none cursor-pointer bg-transparent border-0 px-2 py-1 text-xs font-medium text-proef-blue dark:text-sky-300 hover:bg-slate-50 dark:hover:bg-slate-800\"\r\n            >\r\n              {L.all}\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              onClick={() => onHiddenChange(new Set(columns.slice(keepFirst).map((c) => c.key)))}\r\n              className=\"appearance-none cursor-pointer bg-transparent border-0 px-2 py-1 text-xs font-medium text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-800\"\r\n            >\r\n              {L.none}\r\n            </button>\r\n            {order.length > 0 && (\r\n              <button\r\n                type=\"button\"\r\n                onClick={() => onOrderChange([])}\r\n                className=\"appearance-none cursor-pointer bg-transparent border-0 ml-auto inline-flex items-center gap-1 px-2 py-1 text-xs text-slate-500 dark:text-slate-400 hover:bg-slate-50 dark:hover:bg-slate-800\"\r\n              >\r\n                <RotateCcw className=\"h-3 w-3\" />\r\n                {L.resetOrder}\r\n              </button>\r\n            )}\r\n          </div>\r\n\r\n          <ul className=\"max-h-80 overflow-y-auto py-1 list-none m-0 pl-0\">\r\n            {columns.map((c, i) => (\r\n              <li key={c.key} className=\"flex items-center gap-2 px-2 py-1 hover:bg-slate-50 dark:hover:bg-slate-800\">\r\n                <label className=\"flex min-w-0 flex-1 cursor-pointer items-center gap-2 text-sm text-slate-700 dark:text-slate-200\">\r\n                  <input\r\n                    type=\"checkbox\"\r\n                    checked={!hidden.has(c.key)}\r\n                    onChange={() => alternar(c.key)}\r\n                    className=\"h-4 w-4 border-slate-300 text-proef-blue rounded focus:ring-proef-blue\"\r\n                  />\r\n                  <span className={`truncate ${hidden.has(c.key) ? 'text-slate-400' : ''}`}>{c.label}</span>\r\n                </label>\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={() => mover(i, -1)}\r\n                  disabled={i === 0}\r\n                  aria-label={L.moveUp}\r\n                  title={L.moveUp}\r\n                  className=\"appearance-none cursor-pointer bg-transparent border-0 p-0.5 text-slate-400 hover:text-proef-navy dark:hover:text-white disabled:opacity-25 disabled:cursor-not-allowed\"\r\n                >\r\n                  <ChevronUp className=\"h-3.5 w-3.5\" />\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={() => mover(i, 1)}\r\n                  disabled={i === columns.length - 1}\r\n                  aria-label={L.moveDown}\r\n                  title={L.moveDown}\r\n                  className=\"appearance-none cursor-pointer bg-transparent border-0 p-0.5 text-slate-400 hover:text-proef-navy dark:hover:text-white disabled:opacity-25 disabled:cursor-not-allowed\"\r\n                >\r\n                  <ChevronDown className=\"h-3.5 w-3.5\" />\r\n                </button>\r\n              </li>\r\n            ))}\r\n          </ul>\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\n/**\r\n * Reordena as colunas por `order`. Chaves fora de `order` ficam no fim, pela ordem natural —\r\n * assim uma ordem guardada antes de a tabela ganhar colunas novas continua a servir, em vez\r\n * de as fazer desaparecer.\r\n *\r\n * É esta lista (com as escondidas incluídas) que o `ColumnPicker` recebe: uma coluna que\r\n * deixasse de ser listada por estar escondida não tinha como voltar.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport function orderColumns<C extends { key: string }>(columns: C[], order: string[]): C[] {\r\n  if (order.length === 0) return columns\r\n  const posicao = (c: C, i: number) => {\r\n    const p = order.indexOf(c.key)\r\n    return p === -1 ? order.length + i : p\r\n  }\r\n  return columns\r\n    .map((c, i) => ({ c, p: posicao(c, i) }))\r\n    .sort((a, b) => a.p - b.p)\r\n    .map(({ c }) => c)\r\n}\r\n\r\n/**\r\n * `orderColumns` + remoção das escondidas. É o que se passa à tabela.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport function applyColumnLayout<C extends { key: string }>(\r\n  columns: C[],\r\n  order: string[],\r\n  hidden: Set<string>\r\n): C[] {\r\n  return orderColumns(columns, order).filter((c) => !hidden.has(c.key))\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/legacy/components/molecules/ConfirmModal/ConfirmModal.css

@@ -0,0 +1,3 @@
+.confirm-modal-children {
+  margin: 20px 0;
+}

package/dist/esm/legacy/components/molecules/ConfirmModal/ConfirmModal.js

@@ -0,0 +1,33 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { faCheck } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import Modal from "../Modal/Modal.js";
+import Spinner from "../../layout/Spinner/Spinner.js";
+import { ActionButtonThemeStyled } from "../../../styles/themes/ButtonThemes.js";
+import './ConfirmModal.css';/* empty css                  */
+import ActionButton from "../../atoms/Button/variants/ActionButton.js";
+function ConfirmModal({
+  title,
+  children,
+  handleCancel,
+  handleConfirm,
+  working
+}) {
+  return /* @__PURE__ */ jsxs(Modal, { title: "Confirmação", onClose: handleCancel, children: [
+    /* @__PURE__ */ jsx("h4", { children: title }),
+    /* @__PURE__ */ jsx("div", { className: "confirm-modal-children", children }),
+    /* @__PURE__ */ jsx("div", { style: { width: "100%", display: "flex", justifyContent: "center" }, children: working ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx(
+      ActionButton,
+      {
+        icon: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faCheck }),
+        title: "Confirmar",
+        onClick: handleConfirm,
+        theme: ActionButtonThemeStyled
+      }
+    ) })
+  ] });
+}
+export {
+  ConfirmModal as default
+};
+//# sourceMappingURL=ConfirmModal.js.map

package/dist/esm/legacy/components/molecules/ConfirmModal/ConfirmModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmModal.js","sources":["../../../../../../src/legacy/components/molecules/ConfirmModal/ConfirmModal.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react'\r\n\r\nimport { faCheck } from '@fortawesome/free-solid-svg-icons'\r\n\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport Modal from '../Modal/Modal'\r\nimport Spinner from '../../layout/Spinner/Spinner'\r\nimport { ActionButton } from '../../../exports/atoms'\r\nimport { ActionButtonThemeStyled } from '../../../styles/themes/ButtonThemes'\r\n\r\nimport './ConfirmModal.scss'\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\ninterface ConfirmModal {\r\n  title: string\r\n  children: ReactNode\r\n  handleCancel: () => void\r\n  handleConfirm: () => void\r\n  working: boolean\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nfunction ConfirmModal({\r\n  title,\r\n  children,\r\n  handleCancel,\r\n  handleConfirm,\r\n  working,\r\n}: ConfirmModal) {\r\n  return (\r\n    <Modal title={'Confirmação'} onClose={handleCancel}>\r\n      <h4>{title}</h4>\r\n      <div className=\"confirm-modal-children\">{children}</div>\r\n      <div style={{ width: '100%', display: 'flex', justifyContent: 'center' }}>\r\n        {working ? (\r\n          <Spinner />\r\n        ) : (\r\n          <ActionButton\r\n            icon={<FontAwesomeIcon icon={faCheck} />}\r\n            title={'Confirmar'}\r\n            onClick={handleConfirm}\r\n            theme={ActionButtonThemeStyled}\r\n          />\r\n        )}\r\n      </div>\r\n    </Modal>\r\n  )\r\n}\r\n\r\nexport default ConfirmModal\r\n"],"names":[],"mappings":";;;;;;;;AAsBA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiB;AACf,SACE,qBAAC,OAAA,EAAM,OAAO,eAAe,SAAS,cACpC,UAAA;AAAA,IAAA,oBAAC,QAAI,UAAA,MAAA,CAAM;AAAA,IACX,oBAAC,OAAA,EAAI,WAAU,0BAA0B,SAAA,CAAS;AAAA,IAClD,oBAAC,OAAA,EAAI,OAAO,EAAE,OAAO,QAAQ,SAAS,QAAQ,gBAAgB,SAAA,GAC3D,UAAA,UACC,oBAAC,WAAQ,IAET;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,oBAAC,iBAAA,EAAgB,MAAM,QAAA,CAAS;AAAA,QACtC,OAAO;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,IAAA,EACT,CAEJ;AAAA,EAAA,GACF;AAEJ;"}