@treeal/ds 0.2.0 → 0.2.1

package/dist/index.esm11.js

@@ -1,238 +1,78 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import e from "./index.esm26.js";
-function m() {
-  return /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M6 12l4-4-4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
-}
-function L() {
-  return /* @__PURE__ */ a("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M13 15l-5-5 5-5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
-}
-function j() {
-  return /* @__PURE__ */ a("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M7 15l5-5-5-5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
-}
-function w() {
-  return /* @__PURE__ */ l("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ a("path", { d: "M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" }),
-    /* @__PURE__ */ a("path", { d: "M13.73 21a2 2 0 0 1-3.46 0" })
-  ] });
-}
-function N() {
-  return /* @__PURE__ */ l("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ a("rect", { width: "32", height: "32", rx: "6", fill: "#0F6C13" }),
-    /* @__PURE__ */ a("path", { d: "M8 24 L16 8 L24 24", stroke: "#E7DA10", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ a("path", { d: "M11 19h10", stroke: "#E7DA10", strokeWidth: "2", strokeLinecap: "round" })
-  ] });
-}
-function M({
-  item: i,
-  isActive: c,
-  onClick: t
+import { jsx as l, jsxs as r } from "react/jsx-runtime";
+import { useCallback as u, useEffect as v } from "react";
+import e from "./index.esm28.js";
+function k({
+  isOpen: d,
+  title: m,
+  description: n,
+  children: c,
+  onClose: s,
+  primaryAction: o,
+  secondaryAction: t
 }) {
-  const s = [
-    e.item,
-    e.itemOpen,
-    c ? e.itemOpenActive : ""
-  ].filter(Boolean).join(" "), h = [
-    e.itemLabel,
-    c ? e.itemLabelActive : e.itemLabelDefault
-  ].join(" ");
-  return /* @__PURE__ */ l(
-    "button",
-    {
-      type: "button",
-      className: s,
-      onClick: t,
-      "aria-current": c ? "page" : void 0,
-      children: [
-        /* @__PURE__ */ a("span", { className: [e.itemIcon, e.itemIconDark].join(" "), children: i.icon }),
-        /* @__PURE__ */ a("span", { className: h, children: i.label })
-      ]
-    }
-  );
-}
-function B({
-  item: i,
-  isActive: c,
-  onClick: t
-}) {
-  const s = [
-    e.item,
-    e.itemClosed,
-    c ? e.itemClosedActive : ""
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ a(
-    "button",
-    {
-      type: "button",
-      className: s,
-      onClick: t,
-      "aria-label": i.label,
-      "aria-current": c ? "page" : void 0,
-      title: i.label,
-      children: /* @__PURE__ */ a("span", { className: [e.itemIcon, e.itemIconDark].join(" "), children: i.icon })
-    }
+  const i = u(
+    (a) => {
+      a.key === "Escape" && s();
+    },
+    [s]
   );
-}
-function C({
-  item: i,
-  isActive: c,
-  onClick: t
-}) {
-  const s = [
-    e.item,
-    e.itemMobile,
-    c ? e.itemMobileActive : ""
-  ].filter(Boolean).join(" ");
+  if (v(() => {
+    if (!d) return;
+    document.addEventListener("keydown", i);
+    const a = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.removeEventListener("keydown", i), document.body.style.overflow = a;
+    };
+  }, [d, i]), !d) return null;
+  const b = o || t;
   return /* @__PURE__ */ l(
-    "button",
+    "div",
     {
-      type: "button",
-      className: s,
-      onClick: t,
-      "aria-current": c ? "page" : void 0,
-      children: [
-        /* @__PURE__ */ a("span", { className: [e.itemIcon, e.itemIconLight].join(" "), children: i.icon }),
-        /* @__PURE__ */ a("span", { className: [e.itemLabel, e.itemLabelMobile].join(" "), children: i.label }),
-        /* @__PURE__ */ a("span", { className: e.chevron, children: /* @__PURE__ */ a(m, {}) })
-      ]
-    }
-  );
-}
-function A({
-  type: i,
-  sections: c,
-  activeId: t,
-  onItemClick: s,
-  onCollapseToggle: h,
-  onBellClick: k,
-  mobileTitle: f = "Menu",
-  mobileFooter: n,
-  logo: p,
-  logoIcon: b,
-  className: g
-}) {
-  const u = b ?? /* @__PURE__ */ a(N, {}), v = [
-    e.nav,
-    i === "open" ? e.navOpen : "",
-    i === "closed" ? e.navClosed : "",
-    i === "mobile" ? e.navMobile : "",
-    g
-  ].filter(Boolean).join(" ");
-  return i === "open" ? /* @__PURE__ */ l("nav", { className: v, "aria-label": "Main navigation", children: [
-    /* @__PURE__ */ l("div", { className: [e.header, e.headerOpen].join(" "), children: [
-      /* @__PURE__ */ a("div", { className: e.logoIcon, children: u }),
-      p && /* @__PURE__ */ a("div", { className: e.logoFull, children: p })
-    ] }),
-    /* @__PURE__ */ a("div", { className: [e.links, e.linksOpen].join(" "), children: c.map((o, d) => /* @__PURE__ */ l("div", { className: e.section, children: [
-      o.title && /* @__PURE__ */ a("p", { className: e.sectionTitle, children: o.title }),
-      /* @__PURE__ */ a("div", { className: e.sectionItems, children: o.items.map((r) => /* @__PURE__ */ a(
-        M,
-        {
-          item: r,
-          isActive: r.id === t,
-          onClick: () => s == null ? void 0 : s(r.id)
-        },
-        r.id
-      )) })
-    ] }, d)) }),
-    /* @__PURE__ */ a("div", { className: e.footer, children: /* @__PURE__ */ l(
-      "button",
-      {
-        type: "button",
-        className: e.collapseBtn,
-        onClick: h,
-        children: [
-          /* @__PURE__ */ a("span", { className: e.collapseBtnIcon, children: /* @__PURE__ */ a(L, {}) }),
-          "Recolher menu"
-        ]
-      }
-    ) })
-  ] }) : i === "closed" ? /* @__PURE__ */ l("nav", { className: v, "aria-label": "Main navigation", children: [
-    /* @__PURE__ */ a("div", { className: [e.header, e.headerClosed].join(" "), children: /* @__PURE__ */ a("div", { className: e.logoIcon, children: u }) }),
-    /* @__PURE__ */ a("div", { className: [e.links, e.linksClosed].join(" "), children: c.map((o, d) => /* @__PURE__ */ a("div", { className: e.section, children: /* @__PURE__ */ a("div", { className: e.sectionItems, children: o.items.map((r) => /* @__PURE__ */ a(
-      B,
-      {
-        item: r,
-        isActive: r.id === t,
-        onClick: () => s == null ? void 0 : s(r.id)
-      },
-      r.id
-    )) }) }, d)) }),
-    /* @__PURE__ */ a("div", { className: e.footer, children: /* @__PURE__ */ a(
-      "button",
-      {
-        type: "button",
-        className: [e.collapseBtn, e.collapseBtnClosed].join(" "),
-        onClick: h,
-        "aria-label": "Expand menu",
-        title: "Expandir menu",
-        children: /* @__PURE__ */ a("span", { className: e.collapseBtnIcon, children: /* @__PURE__ */ a(j, {}) })
-      }
-    ) })
-  ] }) : /* @__PURE__ */ l("nav", { className: v, "aria-label": "Main navigation", children: [
-    /* @__PURE__ */ l("div", { className: [e.header, e.headerMobile].join(" "), children: [
-      /* @__PURE__ */ a("div", { className: e.logoIcon, children: u }),
-      /* @__PURE__ */ a("h2", { className: e.headerTitle, children: f }),
-      /* @__PURE__ */ a("div", { className: e.headerActions, children: /* @__PURE__ */ a(
-        "button",
+      className: e.overlay,
+      onClick: s,
+      role: "presentation",
+      children: /* @__PURE__ */ r(
+        "div",
         {
-          type: "button",
-          className: e.bellBtn,
-          onClick: k,
-          "aria-label": "Notifications",
-          children: /* @__PURE__ */ a(w, {})
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ a("div", { className: [e.links, e.linksMobile].join(" "), children: c.map((o, d) => /* @__PURE__ */ a("div", { className: e.section, children: /* @__PURE__ */ a("div", { className: e.sectionItems, children: o.items.map((r) => /* @__PURE__ */ a(
-      C,
-      {
-        item: r,
-        isActive: r.id === t,
-        onClick: () => s == null ? void 0 : s(r.id)
-      },
-      r.id
-    )) }) }, d)) }),
-    n && /* @__PURE__ */ l("div", { className: e.footerMobile, children: [
-      n.ctaLabel && /* @__PURE__ */ a(
-        "button",
-        {
-          type: "button",
-          className: e.ctaBtn,
-          onClick: n.onCtaClick,
-          children: n.ctaLabel
-        }
-      ),
-      n.workspaceName && /* @__PURE__ */ l(
-        "button",
-        {
-          type: "button",
-          className: e.workspace,
-          onClick: n.onWorkspaceClick,
+          className: e.modal,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "modal-title",
+          "aria-describedby": n ? "modal-desc" : void 0,
+          onClick: (a) => a.stopPropagation(),
           children: [
-            /* @__PURE__ */ a("div", { className: e.workspaceIcon, children: n.workspaceIcon ?? /* @__PURE__ */ a(N, {}) }),
-            /* @__PURE__ */ a("span", { className: e.workspaceLabel, children: n.workspaceName }),
-            /* @__PURE__ */ a("span", { style: { color: "#9490AC", display: "flex" }, children: /* @__PURE__ */ a(m, {}) })
+            /* @__PURE__ */ r("div", { className: e.heading, children: [
+              /* @__PURE__ */ l("p", { id: "modal-title", className: e.title, children: m }),
+              n && /* @__PURE__ */ l("p", { id: "modal-desc", className: e.description, children: n })
+            ] }),
+            c && /* @__PURE__ */ l("div", { className: e.body, children: c }),
+            b && /* @__PURE__ */ l("div", { className: e.actions, children: /* @__PURE__ */ r("div", { className: e.btns, children: [
+              t && /* @__PURE__ */ l(
+                "button",
+                {
+                  type: "button",
+                  className: e.btnSecondary,
+                  onClick: t.onClick,
+                  children: t.label
+                }
+              ),
+              o && /* @__PURE__ */ l(
+                "button",
+                {
+                  type: "button",
+                  className: e.btnPrimary,
+                  onClick: o.onClick,
+                  children: o.label
+                }
+              )
+            ] }) })
           ]
         }
-      ),
-      (n.userName || n.userInitials) && /* @__PURE__ */ l("div", { className: e.avatarRow, children: [
-        /* @__PURE__ */ a("div", { className: e.avatar, children: n.userAvatarUrl ? /* @__PURE__ */ a(
-          "img",
-          {
-            src: n.userAvatarUrl,
-            alt: n.userName ?? "",
-            style: { width: "100%", height: "100%", objectFit: "cover" }
-          }
-        ) : /* @__PURE__ */ a("span", { className: e.avatarInitials, children: n.userInitials ?? "?" }) }),
-        /* @__PURE__ */ l("div", { className: e.avatarInfo, children: [
-          n.userName && /* @__PURE__ */ a("span", { className: e.avatarName, children: n.userName }),
-          n.userRole && /* @__PURE__ */ a("span", { className: e.avatarRole, children: n.userRole })
-        ] })
-      ] })
-    ] })
-  ] });
+      )
+    }
+  );
 }
 export {
-  A as Nav
+  k as Modal
 };
 //# sourceMappingURL=index.esm11.js.map

package/dist/index.esm11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm11.js","sources":["../components/Nav/Nav.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './Nav.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface NavItem {\n  id: string;\n  label: string;\n  icon: React.ReactNode;\n  href?: string;\n  onClick?: () => void;\n}\n\nexport interface NavSection {\n  title?: string;\n  items: NavItem[];\n}\n\nexport interface NavMobileFooter {\n  ctaLabel?: string;\n  onCtaClick?: () => void;\n  workspaceName?: string;\n  workspaceIcon?: React.ReactNode;\n  onWorkspaceClick?: () => void;\n  userName?: string;\n  userRole?: string;\n  userAvatarUrl?: string;\n  userInitials?: string;\n}\n\nexport interface NavProps {\n  /** Visual type of the nav */\n  type: 'open' | 'closed' | 'mobile';\n  /** Navigation sections with items */\n  sections: NavSection[];\n  /** Currently active item id */\n  activeId?: string;\n  /** Called when an item is clicked (receives item.id) */\n  onItemClick?: (id: string) => void;\n  /** Called when collapse/expand button is clicked (Open/Closed only) */\n  onCollapseToggle?: () => void;\n  /** Bell icon click handler (Mobile only) */\n  onBellClick?: () => void;\n  /** Mobile header title (defaults to \"Menu\") */\n  mobileTitle?: string;\n  /** Mobile footer data */\n  mobileFooter?: NavMobileFooter;\n  /** Logo for the Open type (full logo) */\n  logo?: React.ReactNode;\n  /** Small logo icon shown in Closed + Mobile headers */\n  logoIcon?: React.ReactNode;\n  className?: string;\n}\n\n// ─── Inline SVG icons ─────────────────────────────────────────────────────────\n\nfunction IconChevronRight() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M6 12l4-4-4-4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n\nfunction IconChevronLeft() {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M13 15l-5-5 5-5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n\nfunction IconChevronRight20() {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M7 15l5-5-5-5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n\nfunction IconBell() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n      <path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\" />\n      <path d=\"M13.73 21a2 2 0 0 1-3.46 0\" />\n    </svg>\n  );\n}\n\nfunction DefaultLogoIcon() {\n  return (\n    <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" aria-hidden=\"true\">\n      <rect width=\"32\" height=\"32\" rx=\"6\" fill=\"#0F6C13\" />\n      <path d=\"M8 24 L16 8 L24 24\" stroke=\"#E7DA10\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n      <path d=\"M11 19h10\" stroke=\"#E7DA10\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\n// ─── Sub-components ───────────────────────────────────────────────────────────\n\nfunction NavItemOpen({\n  item,\n  isActive,\n  onClick,\n}: {\n  item: NavItem;\n  isActive: boolean;\n  onClick: () => void;\n}) {\n  const itemClass = [\n    styles.item,\n    styles.itemOpen,\n    isActive ? styles.itemOpenActive : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const labelClass = [\n    styles.itemLabel,\n    isActive ? styles.itemLabelActive : styles.itemLabelDefault,\n  ].join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={itemClass}\n      onClick={onClick}\n      aria-current={isActive ? 'page' : undefined}\n    >\n      <span className={[styles.itemIcon, styles.itemIconDark].join(' ')}>\n        {item.icon}\n      </span>\n      <span className={labelClass}>{item.label}</span>\n    </button>\n  );\n}\n\nfunction NavItemClosed({\n  item,\n  isActive,\n  onClick,\n}: {\n  item: NavItem;\n  isActive: boolean;\n  onClick: () => void;\n}) {\n  const itemClass = [\n    styles.item,\n    styles.itemClosed,\n    isActive ? styles.itemClosedActive : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={itemClass}\n      onClick={onClick}\n      aria-label={item.label}\n      aria-current={isActive ? 'page' : undefined}\n      title={item.label}\n    >\n      <span className={[styles.itemIcon, styles.itemIconDark].join(' ')}>\n        {item.icon}\n      </span>\n    </button>\n  );\n}\n\nfunction NavItemMobile({\n  item,\n  isActive,\n  onClick,\n}: {\n  item: NavItem;\n  isActive: boolean;\n  onClick: () => void;\n}) {\n  const itemClass = [\n    styles.item,\n    styles.itemMobile,\n    isActive ? styles.itemMobileActive : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={itemClass}\n      onClick={onClick}\n      aria-current={isActive ? 'page' : undefined}\n    >\n      <span className={[styles.itemIcon, styles.itemIconLight].join(' ')}>\n        {item.icon}\n      </span>\n      <span className={[styles.itemLabel, styles.itemLabelMobile].join(' ')}>\n        {item.label}\n      </span>\n      <span className={styles.chevron}>\n        <IconChevronRight />\n      </span>\n    </button>\n  );\n}\n\n// ─── Main component ───────────────────────────────────────────────────────────\n\nexport function Nav({\n  type,\n  sections,\n  activeId,\n  onItemClick,\n  onCollapseToggle,\n  onBellClick,\n  mobileTitle = 'Menu',\n  mobileFooter,\n  logo,\n  logoIcon,\n  className,\n}: NavProps) {\n  const resolvedLogoIcon = logoIcon ?? <DefaultLogoIcon />;\n\n  const navClass = [\n    styles.nav,\n    type === 'open' ? styles.navOpen : '',\n    type === 'closed' ? styles.navClosed : '',\n    type === 'mobile' ? styles.navMobile : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  // ── Open ──────────────────────────────────────────────────────────────────\n  if (type === 'open') {\n    return (\n      <nav className={navClass} aria-label=\"Main navigation\">\n        {/* Header */}\n        <div className={[styles.header, styles.headerOpen].join(' ')}>\n          <div className={styles.logoIcon}>{resolvedLogoIcon}</div>\n          {logo && <div className={styles.logoFull}>{logo}</div>}\n        </div>\n\n        {/* Links */}\n        <div className={[styles.links, styles.linksOpen].join(' ')}>\n          {sections.map((section, si) => (\n            <div key={si} className={styles.section}>\n              {section.title && (\n                <p className={styles.sectionTitle}>{section.title}</p>\n              )}\n              <div className={styles.sectionItems}>\n                {section.items.map((item) => (\n                  <NavItemOpen\n                    key={item.id}\n                    item={item}\n                    isActive={item.id === activeId}\n                    onClick={() => onItemClick?.(item.id)}\n                  />\n                ))}\n              </div>\n            </div>\n          ))}\n        </div>\n\n        {/* Footer: collapse */}\n        <div className={styles.footer}>\n          <button\n            type=\"button\"\n            className={styles.collapseBtn}\n            onClick={onCollapseToggle}\n          >\n            <span className={styles.collapseBtnIcon}>\n              <IconChevronLeft />\n            </span>\n            Recolher menu\n          </button>\n        </div>\n      </nav>\n    );\n  }\n\n  // ── Closed ────────────────────────────────────────────────────────────────\n  if (type === 'closed') {\n    return (\n      <nav className={navClass} aria-label=\"Main navigation\">\n        {/* Header */}\n        <div className={[styles.header, styles.headerClosed].join(' ')}>\n          <div className={styles.logoIcon}>{resolvedLogoIcon}</div>\n        </div>\n\n        {/* Links */}\n        <div className={[styles.links, styles.linksClosed].join(' ')}>\n          {sections.map((section, si) => (\n            <div key={si} className={styles.section}>\n              <div className={styles.sectionItems}>\n                {section.items.map((item) => (\n                  <NavItemClosed\n                    key={item.id}\n                    item={item}\n                    isActive={item.id === activeId}\n                    onClick={() => onItemClick?.(item.id)}\n                  />\n                ))}\n              </div>\n            </div>\n          ))}\n        </div>\n\n        {/* Footer: expand */}\n        <div className={styles.footer}>\n          <button\n            type=\"button\"\n            className={[styles.collapseBtn, styles.collapseBtnClosed].join(' ')}\n            onClick={onCollapseToggle}\n            aria-label=\"Expand menu\"\n            title=\"Expandir menu\"\n          >\n            <span className={styles.collapseBtnIcon}>\n              <IconChevronRight20 />\n            </span>\n          </button>\n        </div>\n      </nav>\n    );\n  }\n\n  // ── Mobile ────────────────────────────────────────────────────────────────\n  return (\n    <nav className={navClass} aria-label=\"Main navigation\">\n      {/* Header */}\n      <div className={[styles.header, styles.headerMobile].join(' ')}>\n        <div className={styles.logoIcon}>{resolvedLogoIcon}</div>\n        <h2 className={styles.headerTitle}>{mobileTitle}</h2>\n        <div className={styles.headerActions}>\n          <button\n            type=\"button\"\n            className={styles.bellBtn}\n            onClick={onBellClick}\n            aria-label=\"Notifications\"\n          >\n            <IconBell />\n          </button>\n        </div>\n      </div>\n\n      {/* Links */}\n      <div className={[styles.links, styles.linksMobile].join(' ')}>\n        {sections.map((section, si) => (\n          <div key={si} className={styles.section}>\n            <div className={styles.sectionItems}>\n              {section.items.map((item) => (\n                <NavItemMobile\n                  key={item.id}\n                  item={item}\n                  isActive={item.id === activeId}\n                  onClick={() => onItemClick?.(item.id)}\n                />\n              ))}\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {/* Footer: CTA + workspace + avatar */}\n      {mobileFooter && (\n        <div className={styles.footerMobile}>\n          {mobileFooter.ctaLabel && (\n            <button\n              type=\"button\"\n              className={styles.ctaBtn}\n              onClick={mobileFooter.onCtaClick}\n            >\n              {mobileFooter.ctaLabel}\n            </button>\n          )}\n\n          {mobileFooter.workspaceName && (\n            <button\n              type=\"button\"\n              className={styles.workspace}\n              onClick={mobileFooter.onWorkspaceClick}\n            >\n              <div className={styles.workspaceIcon}>\n                {mobileFooter.workspaceIcon ?? <DefaultLogoIcon />}\n              </div>\n              <span className={styles.workspaceLabel}>\n                {mobileFooter.workspaceName}\n              </span>\n              <span style={{ color: '#9490AC', display: 'flex' }}>\n                <IconChevronRight />\n              </span>\n            </button>\n          )}\n\n          {(mobileFooter.userName || mobileFooter.userInitials) && (\n            <div className={styles.avatarRow}>\n              <div className={styles.avatar}>\n                {mobileFooter.userAvatarUrl ? (\n                  <img\n                    src={mobileFooter.userAvatarUrl}\n                    alt={mobileFooter.userName ?? ''}\n                    style={{ width: '100%', height: '100%', objectFit: 'cover' }}\n                  />\n                ) : (\n                  <span className={styles.avatarInitials}>\n                    {mobileFooter.userInitials ?? '?'}\n                  </span>\n                )}\n              </div>\n              <div className={styles.avatarInfo}>\n                {mobileFooter.userName && (\n                  <span className={styles.avatarName}>{mobileFooter.userName}</span>\n                )}\n                {mobileFooter.userRole && (\n                  <span className={styles.avatarRole}>{mobileFooter.userRole}</span>\n                )}\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n    </nav>\n  );\n}\n"],"names":["IconChevronRight","jsx","IconChevronLeft","IconChevronRight20","IconBell","DefaultLogoIcon","jsxs","NavItemOpen","item","isActive","onClick","itemClass","styles","labelClass","NavItemClosed","NavItemMobile","Nav","type","sections","activeId","onItemClick","onCollapseToggle","onBellClick","mobileTitle","mobileFooter","logo","logoIcon","className","resolvedLogoIcon","navClass","section","si"],"mappings":";;AAwDA,SAASA,IAAmB;AAC1B,SACE,gBAAAC,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QACtE,4BAAC,QAAA,EAAK,GAAE,iBAAgB,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,QAAA,CAAQ,EAAA,CAC/G;AAEJ;AAEA,SAASC,IAAkB;AACzB,SACE,gBAAAD,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QACtE,4BAAC,QAAA,EAAK,GAAE,mBAAkB,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,QAAA,CAAQ,EAAA,CACjH;AAEJ;AAEA,SAASE,IAAqB;AAC5B,SACE,gBAAAF,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QACtE,4BAAC,QAAA,EAAK,GAAE,iBAAgB,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,QAAA,CAAQ,EAAA,CAC/G;AAEJ;AAEA,SAASG,IAAW;AAClB,2BACG,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,SAAQ,eAAY,QAC3J,UAAA;AAAA,IAAA,gBAAAH,EAAC,QAAA,EAAK,GAAE,8CAAA,CAA8C;AAAA,IACtD,gBAAAA,EAAC,QAAA,EAAK,GAAE,6BAAA,CAA6B;AAAA,EAAA,GACvC;AAEJ;AAEA,SAASI,IAAkB;AACzB,SACE,gBAAAC,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QACtE,UAAA;AAAA,IAAA,gBAAAL,EAAC,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,MAAK,UAAA,CAAU;AAAA,IACnD,gBAAAA,EAAC,QAAA,EAAK,GAAE,sBAAqB,QAAO,WAAU,aAAY,OAAM,eAAc,SAAQ,gBAAe,QAAA,CAAQ;AAAA,IAC7G,gBAAAA,EAAC,UAAK,GAAE,aAAY,QAAO,WAAU,aAAY,KAAI,eAAc,QAAA,CAAQ;AAAA,EAAA,GAC7E;AAEJ;AAIA,SAASM,EAAY;AAAA,EACnB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACF,GAIG;AACD,QAAMC,IAAY;AAAA,IAChBC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPH,IAAWG,EAAO,iBAAiB;AAAA,EAAA,EAElC,OAAO,OAAO,EACd,KAAK,GAAG,GAELC,IAAa;AAAA,IACjBD,EAAO;AAAA,IACPH,IAAWG,EAAO,kBAAkBA,EAAO;AAAA,EAAA,EAC3C,KAAK,GAAG;AAEV,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWK;AAAA,MACX,SAAAD;AAAA,MACA,gBAAcD,IAAW,SAAS;AAAA,MAElC,UAAA;AAAA,QAAA,gBAAAR,EAAC,QAAA,EAAK,WAAW,CAACW,EAAO,UAAUA,EAAO,YAAY,EAAE,KAAK,GAAG,GAC7D,UAAAJ,EAAK,KAAA,CACR;AAAA,QACA,gBAAAP,EAAC,QAAA,EAAK,WAAWY,GAAa,YAAK,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG/C;AAEA,SAASC,EAAc;AAAA,EACrB,MAAAN;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACF,GAIG;AACD,QAAMC,IAAY;AAAA,IAChBC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPH,IAAWG,EAAO,mBAAmB;AAAA,EAAA,EAEpC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAX;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWU;AAAA,MACX,SAAAD;AAAA,MACA,cAAYF,EAAK;AAAA,MACjB,gBAAcC,IAAW,SAAS;AAAA,MAClC,OAAOD,EAAK;AAAA,MAEZ,UAAA,gBAAAP,EAAC,QAAA,EAAK,WAAW,CAACW,EAAO,UAAUA,EAAO,YAAY,EAAE,KAAK,GAAG,GAC7D,YAAK,KAAA,CACR;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASG,EAAc;AAAA,EACrB,MAAAP;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACF,GAIG;AACD,QAAMC,IAAY;AAAA,IAChBC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPH,IAAWG,EAAO,mBAAmB;AAAA,EAAA,EAEpC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWK;AAAA,MACX,SAAAD;AAAA,MACA,gBAAcD,IAAW,SAAS;AAAA,MAElC,UAAA;AAAA,QAAA,gBAAAR,EAAC,QAAA,EAAK,WAAW,CAACW,EAAO,UAAUA,EAAO,aAAa,EAAE,KAAK,GAAG,GAC9D,UAAAJ,EAAK,KAAA,CACR;AAAA,QACA,gBAAAP,EAAC,QAAA,EAAK,WAAW,CAACW,EAAO,WAAWA,EAAO,eAAe,EAAE,KAAK,GAAG,GACjE,YAAK,MAAA,CACR;AAAA,0BACC,QAAA,EAAK,WAAWA,EAAO,SACtB,UAAA,gBAAAX,EAACD,KAAiB,EAAA,CACpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAIO,SAASgB,EAAI;AAAA,EAClB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAa;AACX,QAAMC,IAAmBF,KAAY,gBAAAzB,EAACI,GAAA,CAAA,CAAgB,GAEhDwB,IAAW;AAAA,IACfjB,EAAO;AAAA,IACPK,MAAS,SAASL,EAAO,UAAU;AAAA,IACnCK,MAAS,WAAWL,EAAO,YAAY;AAAA,IACvCK,MAAS,WAAWL,EAAO,YAAY;AAAA,IACvCe;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAGX,SAAIV,MAAS,SAET,gBAAAX,EAAC,OAAA,EAAI,WAAWuB,GAAU,cAAW,mBAEnC,UAAA;AAAA,IAAA,gBAAAvB,EAAC,OAAA,EAAI,WAAW,CAACM,EAAO,QAAQA,EAAO,UAAU,EAAE,KAAK,GAAG,GACzD,UAAA;AAAA,MAAA,gBAAAX,EAAC,OAAA,EAAI,WAAWW,EAAO,UAAW,UAAAgB,GAAiB;AAAA,MAClDH,KAAQ,gBAAAxB,EAAC,OAAA,EAAI,WAAWW,EAAO,UAAW,UAAAa,EAAA,CAAK;AAAA,IAAA,GAClD;AAAA,IAGA,gBAAAxB,EAAC,SAAI,WAAW,CAACW,EAAO,OAAOA,EAAO,SAAS,EAAE,KAAK,GAAG,GACtD,UAAAM,EAAS,IAAI,CAACY,GAASC,MACtB,gBAAAzB,EAAC,OAAA,EAAa,WAAWM,EAAO,SAC7B,UAAA;AAAA,MAAAkB,EAAQ,SACP,gBAAA7B,EAAC,KAAA,EAAE,WAAWW,EAAO,cAAe,YAAQ,MAAA,CAAM;AAAA,MAEpD,gBAAAX,EAAC,SAAI,WAAWW,EAAO,cACpB,UAAAkB,EAAQ,MAAM,IAAI,CAACtB,MAClB,gBAAAP;AAAA,QAACM;AAAA,QAAA;AAAA,UAEC,MAAAC;AAAA,UACA,UAAUA,EAAK,OAAOW;AAAA,UACtB,SAAS,MAAMC,KAAA,gBAAAA,EAAcZ,EAAK;AAAA,QAAE;AAAA,QAH/BA,EAAK;AAAA,MAAA,CAKb,EAAA,CACH;AAAA,IAAA,KAbQuB,CAcV,CACD,GACH;AAAA,IAGA,gBAAA9B,EAAC,OAAA,EAAI,WAAWW,EAAO,QACrB,UAAA,gBAAAN;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAWM,EAAO;AAAA,QAClB,SAASS;AAAA,QAET,UAAA;AAAA,UAAA,gBAAApB,EAAC,UAAK,WAAWW,EAAO,iBACtB,UAAA,gBAAAX,EAACC,KAAgB,GACnB;AAAA,UAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EAET,CACF;AAAA,EAAA,GACF,IAKAe,MAAS,WAET,gBAAAX,EAAC,OAAA,EAAI,WAAWuB,GAAU,cAAW,mBAEnC,UAAA;AAAA,IAAA,gBAAA5B,EAAC,SAAI,WAAW,CAACW,EAAO,QAAQA,EAAO,YAAY,EAAE,KAAK,GAAG,GAC3D,UAAA,gBAAAX,EAAC,OAAA,EAAI,WAAWW,EAAO,UAAW,aAAiB,GACrD;AAAA,IAGA,gBAAAX,EAAC,OAAA,EAAI,WAAW,CAACW,EAAO,OAAOA,EAAO,WAAW,EAAE,KAAK,GAAG,GACxD,YAAS,IAAI,CAACkB,GAASC,MACtB,gBAAA9B,EAAC,OAAA,EAAa,WAAWW,EAAO,SAC9B,UAAA,gBAAAX,EAAC,OAAA,EAAI,WAAWW,EAAO,cACpB,UAAAkB,EAAQ,MAAM,IAAI,CAACtB,MAClB,gBAAAP;AAAA,MAACa;AAAA,MAAA;AAAA,QAEC,MAAAN;AAAA,QACA,UAAUA,EAAK,OAAOW;AAAA,QACtB,SAAS,MAAMC,KAAA,gBAAAA,EAAcZ,EAAK;AAAA,MAAE;AAAA,MAH/BA,EAAK;AAAA,IAAA,CAKb,GACH,EAAA,GAVQuB,CAWV,CACD,EAAA,CACH;AAAA,IAGA,gBAAA9B,EAAC,OAAA,EAAI,WAAWW,EAAO,QACrB,UAAA,gBAAAX;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,CAACW,EAAO,aAAaA,EAAO,iBAAiB,EAAE,KAAK,GAAG;AAAA,QAClE,SAASS;AAAA,QACT,cAAW;AAAA,QACX,OAAM;AAAA,QAEN,4BAAC,QAAA,EAAK,WAAWT,EAAO,iBACtB,UAAA,gBAAAX,EAACE,KAAmB,EAAA,CACtB;AAAA,MAAA;AAAA,IAAA,EACF,CACF;AAAA,EAAA,GACF,IAMF,gBAAAG,EAAC,OAAA,EAAI,WAAWuB,GAAU,cAAW,mBAEnC,UAAA;AAAA,IAAA,gBAAAvB,EAAC,OAAA,EAAI,WAAW,CAACM,EAAO,QAAQA,EAAO,YAAY,EAAE,KAAK,GAAG,GAC3D,UAAA;AAAA,MAAA,gBAAAX,EAAC,OAAA,EAAI,WAAWW,EAAO,UAAW,UAAAgB,GAAiB;AAAA,MACnD,gBAAA3B,EAAC,MAAA,EAAG,WAAWW,EAAO,aAAc,UAAAW,GAAY;AAAA,MAChD,gBAAAtB,EAAC,OAAA,EAAI,WAAWW,EAAO,eACrB,UAAA,gBAAAX;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWW,EAAO;AAAA,UAClB,SAASU;AAAA,UACT,cAAW;AAAA,UAEX,4BAAClB,GAAA,CAAA,CAAS;AAAA,QAAA;AAAA,MAAA,EACZ,CACF;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAH,EAAC,OAAA,EAAI,WAAW,CAACW,EAAO,OAAOA,EAAO,WAAW,EAAE,KAAK,GAAG,GACxD,YAAS,IAAI,CAACkB,GAASC,MACtB,gBAAA9B,EAAC,OAAA,EAAa,WAAWW,EAAO,SAC9B,UAAA,gBAAAX,EAAC,OAAA,EAAI,WAAWW,EAAO,cACpB,UAAAkB,EAAQ,MAAM,IAAI,CAACtB,MAClB,gBAAAP;AAAA,MAACc;AAAA,MAAA;AAAA,QAEC,MAAAP;AAAA,QACA,UAAUA,EAAK,OAAOW;AAAA,QACtB,SAAS,MAAMC,KAAA,gBAAAA,EAAcZ,EAAK;AAAA,MAAE;AAAA,MAH/BA,EAAK;AAAA,IAAA,CAKb,GACH,EAAA,GAVQuB,CAWV,CACD,EAAA,CACH;AAAA,IAGCP,KACC,gBAAAlB,EAAC,OAAA,EAAI,WAAWM,EAAO,cACpB,UAAA;AAAA,MAAAY,EAAa,YACZ,gBAAAvB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWW,EAAO;AAAA,UAClB,SAASY,EAAa;AAAA,UAErB,UAAAA,EAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAIjBA,EAAa,iBACZ,gBAAAlB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWM,EAAO;AAAA,UAClB,SAASY,EAAa;AAAA,UAEtB,UAAA;AAAA,YAAA,gBAAAvB,EAAC,OAAA,EAAI,WAAWW,EAAO,eACpB,YAAa,iBAAiB,gBAAAX,EAACI,KAAgB,EAAA,CAClD;AAAA,8BACC,QAAA,EAAK,WAAWO,EAAO,gBACrB,YAAa,eAChB;AAAA,YACA,gBAAAX,EAAC,QAAA,EAAK,OAAO,EAAE,OAAO,WAAW,SAAS,OAAA,GACxC,UAAA,gBAAAA,EAACD,GAAA,CAAA,CAAiB,EAAA,CACpB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,OAIFwB,EAAa,YAAYA,EAAa,mCACrC,OAAA,EAAI,WAAWZ,EAAO,WACrB,UAAA;AAAA,QAAA,gBAAAX,EAAC,OAAA,EAAI,WAAWW,EAAO,QACpB,YAAa,gBACZ,gBAAAX;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKuB,EAAa;AAAA,YAClB,KAAKA,EAAa,YAAY;AAAA,YAC9B,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,WAAW,QAAA;AAAA,UAAQ;AAAA,QAAA,sBAG5D,QAAA,EAAK,WAAWZ,EAAO,gBACrB,UAAAY,EAAa,gBAAgB,IAAA,CAChC,EAAA,CAEJ;AAAA,QACA,gBAAAlB,EAAC,OAAA,EAAI,WAAWM,EAAO,YACpB,UAAA;AAAA,UAAAY,EAAa,YACZ,gBAAAvB,EAAC,QAAA,EAAK,WAAWW,EAAO,YAAa,YAAa,SAAA,CAAS;AAAA,UAE5DY,EAAa,YACZ,gBAAAvB,EAAC,QAAA,EAAK,WAAWW,EAAO,YAAa,YAAa,SAAA,CAAS;AAAA,QAAA,EAAA,CAE/D;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.esm11.js","sources":["../components/Modal/Modal.tsx"],"sourcesContent":["import React, { useEffect, useCallback } from 'react';\nimport styles from './Modal.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface ModalAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface ModalProps {\n  isOpen: boolean;\n  title: string;\n  description?: string;\n  /** Customizable modal body content (e.g. radio/checkbox option list) */\n  children?: React.ReactNode;\n  onClose: () => void;\n  primaryAction?: ModalAction;\n  secondaryAction?: ModalAction;\n}\n\n// ─── Modal ────────────────────────────────────────────────────────────────────\n\nexport function Modal({\n  isOpen,\n  title,\n  description,\n  children,\n  onClose,\n  primaryAction,\n  secondaryAction,\n}: ModalProps) {\n  // Close on Escape key\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    },\n    [onClose],\n  );\n\n  useEffect(() => {\n    if (!isOpen) return;\n    document.addEventListener('keydown', handleKeyDown);\n    // Prevent body scroll while modal is open\n    const prev = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n      document.body.style.overflow = prev;\n    };\n  }, [isOpen, handleKeyDown]);\n\n  if (!isOpen) return null;\n\n  const hasActions = primaryAction || secondaryAction;\n\n  return (\n    <div\n      className={styles.overlay}\n      onClick={onClose}\n      role=\"presentation\"\n    >\n      <div\n        className={styles.modal}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"modal-title\"\n        aria-describedby={description ? 'modal-desc' : undefined}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Heading */}\n        <div className={styles.heading}>\n          <p id=\"modal-title\" className={styles.title}>\n            {title}\n          </p>\n          {description && (\n            <p id=\"modal-desc\" className={styles.description}>\n              {description}\n            </p>\n          )}\n        </div>\n\n        {/* Body */}\n        {children && (\n          <div className={styles.body}>\n            {children}\n          </div>\n        )}\n\n        {/* Actions */}\n        {hasActions && (\n          <div className={styles.actions}>\n            <div className={styles.btns}>\n              {secondaryAction && (\n                <button\n                  type=\"button\"\n                  className={styles.btnSecondary}\n                  onClick={secondaryAction.onClick}\n                >\n                  {secondaryAction.label}\n                </button>\n              )}\n              {primaryAction && (\n                <button\n                  type=\"button\"\n                  className={styles.btnPrimary}\n                  onClick={primaryAction.onClick}\n                >\n                  {primaryAction.label}\n                </button>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["Modal","isOpen","title","description","children","onClose","primaryAction","secondaryAction","handleKeyDown","useCallback","e","useEffect","prev","hasActions","jsx","styles","jsxs"],"mappings":";;;AAuBO,SAASA,EAAM;AAAA,EACpB,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AACF,GAAe;AAEb,QAAMC,IAAgBC;AAAA,IACpB,CAACC,MAAqB;AACpB,MAAIA,EAAE,QAAQ,YAAUL,EAAA;AAAA,IAC1B;AAAA,IACA,CAACA,CAAO;AAAA,EAAA;AAeV,MAZAM,EAAU,MAAM;AACd,QAAI,CAACV,EAAQ;AACb,aAAS,iBAAiB,WAAWO,CAAa;AAElD,UAAMI,IAAO,SAAS,KAAK,MAAM;AACjC,oBAAS,KAAK,MAAM,WAAW,UACxB,MAAM;AACX,eAAS,oBAAoB,WAAWJ,CAAa,GACrD,SAAS,KAAK,MAAM,WAAWI;AAAA,IACjC;AAAA,EACF,GAAG,CAACX,GAAQO,CAAa,CAAC,GAEtB,CAACP,EAAQ,QAAO;AAEpB,QAAMY,IAAaP,KAAiBC;AAEpC,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,SAASV;AAAA,MACT,MAAK;AAAA,MAEL,UAAA,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD,EAAO;AAAA,UAClB,MAAK;AAAA,UACL,cAAW;AAAA,UACX,mBAAgB;AAAA,UAChB,oBAAkBZ,IAAc,eAAe;AAAA,UAC/C,SAAS,CAACO,MAAMA,EAAE,gBAAA;AAAA,UAGlB,UAAA;AAAA,YAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWD,EAAO,SACrB,UAAA;AAAA,cAAA,gBAAAD,EAAC,OAAE,IAAG,eAAc,WAAWC,EAAO,OACnC,UAAAb,GACH;AAAA,cACCC,uBACE,KAAA,EAAE,IAAG,cAAa,WAAWY,EAAO,aAClC,UAAAZ,EAAA,CACH;AAAA,YAAA,GAEJ;AAAA,YAGCC,KACC,gBAAAU,EAAC,OAAA,EAAI,WAAWC,EAAO,MACpB,UAAAX,GACH;AAAA,YAIDS,KACC,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,MACpB,UAAA;AAAA,cAAAR,KACC,gBAAAO;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAWC,EAAO;AAAA,kBAClB,SAASR,EAAgB;AAAA,kBAExB,UAAAA,EAAgB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGpBD,KACC,gBAAAQ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAWC,EAAO;AAAA,kBAClB,SAAST,EAAc;AAAA,kBAEtB,UAAAA,EAAc;AAAA,gBAAA;AAAA,cAAA;AAAA,YACjB,EAAA,CAEJ,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;"}