@countermeasure-platform/web-components 1.3.3-dev.33.1 → 1.3.4

package/dist/react/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":[],"sources":["../../src/react/sidebar.tsx"],"sourcesContent":["/**\n * Sidebar React wrapper — Lane A imperative wrap over src/sidebar/component.ts\n *\n * Import from the dedicated subpath:\n *   import { Sidebar } from '@countermeasure-platform/web-components/react/sidebar'\n *\n * The wrapper renders a host div then mounts `SidebarComponent` into it on\n * mount. Prop changes to `activeItemId` and controlled `open` are synced via\n * the class's public API.\n */\n\nimport * as React from 'react'\nimport { cn } from './primitives/utils'\nimport { SidebarComponent } from '../sidebar/component'\nimport type {\n  SidebarComponentConfig,\n  SidebarNavItem,\n  SidebarSection,\n  SidebarUser,\n  SidebarFooterAction,\n} from '../sidebar/types'\n\nexport interface SidebarProps extends Omit<\n  SidebarComponentConfig,\n  'container' | 'onNavigate' | 'onCollapse'\n> {\n  /** Currently active nav item ID. Synced via `setActive` on changes. */\n  activeItemId?: string\n  /** Called when the user clicks a nav item. */\n  onNavigate?: (item: SidebarNavItem) => void\n  /** Called when the sidebar is collapsed/expanded. */\n  onCollapse?: (collapsed: boolean) => void\n  className?: string\n}\n\nexport type { SidebarNavItem, SidebarSection, SidebarUser, SidebarFooterAction }\n\nexport interface SidebarCollapseButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  collapsed?: boolean\n  edge?: boolean\n  visible?: boolean\n  label?: string\n}\n\nconst Sidebar = (props: SidebarProps) => {\n  const { activeItemId, onNavigate, onCollapse, className, open, ...config } = props\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const sidebarRef = React.useRef<SidebarComponent | null>(null)\n  const onNavigateRef = React.useRef(onNavigate)\n  const onCollapseRef = React.useRef(onCollapse)\n  onNavigateRef.current = onNavigate\n  onCollapseRef.current = onCollapse\n\n  // Construct once on mount — SSR-safe\n  React.useEffect(() => {\n    if (typeof document === 'undefined' || !containerRef.current) return\n    const sidebarConfig: SidebarComponentConfig = {\n      ...config,\n      container: containerRef.current,\n      onNavigate: (item: SidebarNavItem) => {\n        onNavigateRef.current?.(item)\n      },\n      onCollapse: (collapsed: boolean) => {\n        onCollapseRef.current?.(collapsed)\n      },\n    }\n    if (open !== undefined) {\n      sidebarConfig.open = open\n    }\n    sidebarRef.current = new SidebarComponent(sidebarConfig)\n    return () => {\n      sidebarRef.current?.destroy()\n      sidebarRef.current = null\n    }\n  }, [])\n\n  // Sync mobile open state to the component default when the prop is removed.\n  React.useEffect(() => {\n    if (!sidebarRef.current) return\n    sidebarRef.current.setOpen(open === true)\n  }, [open])\n\n  // Sync active item when prop changes\n  React.useEffect(() => {\n    if (!sidebarRef.current || activeItemId === undefined) return\n    sidebarRef.current.setActive(activeItemId)\n  }, [activeItemId])\n\n  return <div ref={containerRef} data-slot=\"sidebar\" className={cn(className)} />\n}\n\nSidebar.displayName = 'Sidebar'\n\nconst collapseDefaultLabel = (collapsed: boolean): string =>\n  collapsed ? 'Expand sidebar' : 'Collapse sidebar'\n\nconst collapseIconPath = (collapsed: boolean): string =>\n  collapsed ? 'm9 18 6-6-6-6' : 'm15 18-6-6 6-6'\n\nconst CollapseChevron = ({ collapsed }: { collapsed: boolean }) => (\n  <svg\n    aria-hidden=\"true\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d={collapseIconPath(collapsed)} />\n  </svg>\n)\n\nconst SidebarCollapseButton = (componentProps: SidebarCollapseButtonProps) => {\n  const {\n    collapsed = false,\n    edge = false,\n    visible = false,\n    label,\n    className,\n    type = 'button',\n    children,\n    ...props\n  } = componentProps\n  const resolvedLabel = label ?? collapseDefaultLabel(collapsed)\n\n  return (\n    <button\n      type={type}\n      className={cn('sidebar__collapse-btn', edge && 'sidebar__collapse-btn--edge', className)}\n      aria-label={resolvedLabel}\n      aria-expanded={!collapsed}\n      title={resolvedLabel}\n      data-collapsed={collapsed ? 'true' : 'false'}\n      data-visible={visible ? 'true' : undefined}\n      {...props}\n    >\n      {children ?? <CollapseChevron collapsed={collapsed} />}\n    </button>\n  )\n}\n\nSidebarCollapseButton.displayName = 'SidebarCollapseButton'\n\nexport { Sidebar, SidebarCollapseButton }\n"],"mappings":";;;;;AA4CA,IAAM,KAAW,MAAwB;CACvC,IAAM,EAAE,iBAAc,eAAY,eAAY,cAAW,SAAM,GAAG,MAAW,GACvE,IAAe,EAAM,OAAuB,IAAI,GAChD,IAAa,EAAM,OAAgC,IAAI,GACvD,IAAgB,EAAM,OAAO,CAAU,GACvC,IAAgB,EAAM,OAAO,CAAU;CAuC7C,OAtCA,EAAc,UAAU,GACxB,EAAc,UAAU,GAGxB,EAAM,gBAAgB;EACpB,IAAI,OAAO,WAAa,OAAe,CAAC,EAAa,SAAS;EAC9D,IAAM,IAAwC;GAC5C,GAAG;GACH,WAAW,EAAa;GACxB,aAAa,MAAyB;IACpC,EAAc,UAAU,CAAI;GAC9B;GACA,aAAa,MAAuB;IAClC,EAAc,UAAU,CAAS;GACnC;EACF;EAKA,OAJI,MAAS,KAAA,MACX,EAAc,OAAO,IAEvB,EAAW,UAAU,IAAI,EAAiB,CAAa,SAC1C;GAEX,AADA,EAAW,SAAS,QAAQ,GAC5B,EAAW,UAAU;EACvB;CACF,GAAG,CAAC,CAAC,GAGL,EAAM,gBAAgB;EACf,EAAW,WAChB,EAAW,QAAQ,QAAQ,MAAS,EAAI;CAC1C,GAAG,CAAC,CAAI,CAAC,GAGT,EAAM,gBAAgB;EAChB,CAAC,EAAW,WAAW,MAAiB,KAAA,KAC5C,EAAW,QAAQ,UAAU,CAAY;CAC3C,GAAG,CAAC,CAAY,CAAC,GAEV,kBAAC,OAAD;EAAK,KAAK;EAAc,aAAU;EAAU,WAAW,EAAG,CAAS;CAAI,CAAA;AAChF;AAEA,EAAQ,cAAc;AAEtB,IAAM,KAAwB,MAC5B,IAAY,mBAAmB,oBAE3B,KAAoB,MACxB,IAAY,kBAAkB,kBAE1B,KAAmB,EAAE,mBACzB,kBAAC,OAAD;CACE,eAAY;CACZ,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;WAEf,kBAAC,QAAD,EAAM,GAAG,EAAiB,CAAS,EAAI,CAAA;AACpC,CAAA,GAGD,KAAyB,MAA+C;CAC5E,IAAM,EACJ,eAAY,IACZ,UAAO,IACP,aAAU,IACV,UACA,cACA,UAAO,UACP,aACA,GAAG,MACD,GACE,IAAgB,KAAS,EAAqB,CAAS;CAE7D,OACE,kBAAC,UAAD;EACQ;EACN,WAAW,EAAG,yBAAyB,KAAQ,+BAA+B,CAAS;EACvF,cAAY;EACZ,iBAAe,CAAC;EAChB,OAAO;EACP,kBAAgB,IAAY,SAAS;EACrC,gBAAc,IAAU,SAAS,KAAA;EACjC,GAAI;YAEH,KAAY,kBAAC,GAAD,EAA4B,aAAY,CAAA;CAC/C,CAAA;AAEZ;AAEA,EAAsB,cAAc"}
+{"version":3,"file":"sidebar.js","names":[],"sources":["../../src/react/sidebar.tsx"],"sourcesContent":["/**\n * Sidebar React wrapper — Lane A imperative wrap over src/sidebar/component.ts\n *\n * Import from the dedicated subpath:\n *   import { Sidebar } from '@countermeasure-platform/web-components/react/sidebar'\n *\n * The wrapper renders a host div then mounts `SidebarComponent` into it on\n * mount. Prop changes to `activeItemId`, `pathname`, and controlled `open`\n * are synced via the class's public API.\n */\n\nimport * as React from 'react'\nimport { cn } from './primitives/utils'\nimport { SidebarComponent } from '../sidebar/component'\nimport type {\n  SidebarComponentConfig,\n  SidebarBadgeConfig,\n  SidebarBadgeTone,\n  SidebarNavItem,\n  SidebarScopeConfig,\n  SidebarScopeOption,\n  SidebarSection,\n  SidebarUser,\n  SidebarFooterAction,\n} from '../sidebar/types'\n\nexport interface SidebarProps extends Omit<\n  SidebarComponentConfig,\n  'container' | 'onNavigate' | 'onCollapse'\n> {\n  /** Currently active nav item ID. Synced via `setActive` on changes. */\n  activeItemId?: string\n  /** Called when the user clicks a nav item. */\n  onNavigate?: (item: SidebarNavItem) => void\n  /** Called when the sidebar is collapsed/expanded. */\n  onCollapse?: (collapsed: boolean) => void\n  className?: string\n}\n\nexport type {\n  SidebarBadgeConfig,\n  SidebarBadgeTone,\n  SidebarFooterAction,\n  SidebarNavItem,\n  SidebarScopeConfig,\n  SidebarScopeOption,\n  SidebarSection,\n  SidebarUser,\n}\n\nexport interface SidebarCollapseButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  collapsed?: boolean\n  edge?: boolean\n  visible?: boolean\n  label?: string\n}\n\nconst Sidebar = (props: SidebarProps) => {\n  const { activeItemId, pathname, onNavigate, onCollapse, className, open, ...config } = props\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const sidebarRef = React.useRef<SidebarComponent | null>(null)\n  const onNavigateRef = React.useRef(onNavigate)\n  const onCollapseRef = React.useRef(onCollapse)\n  onNavigateRef.current = onNavigate\n  onCollapseRef.current = onCollapse\n\n  // Construct once on mount — SSR-safe\n  React.useEffect(() => {\n    if (typeof document === 'undefined' || !containerRef.current) return\n    const sidebarConfig: SidebarComponentConfig = {\n      ...config,\n      container: containerRef.current,\n      onNavigate: (item: SidebarNavItem) => {\n        onNavigateRef.current?.(item)\n      },\n      onCollapse: (collapsed: boolean) => {\n        onCollapseRef.current?.(collapsed)\n      },\n    }\n    if (open !== undefined) {\n      sidebarConfig.open = open\n    }\n    if (pathname !== undefined) {\n      sidebarConfig.pathname = pathname\n    }\n    sidebarRef.current = new SidebarComponent(sidebarConfig)\n    return () => {\n      sidebarRef.current?.destroy()\n      sidebarRef.current = null\n    }\n  }, [])\n\n  // Sync mobile open state to the component default when the prop is removed.\n  React.useEffect(() => {\n    if (!sidebarRef.current) return\n    sidebarRef.current.setOpen(open === true)\n  }, [open])\n\n  // Sync active item when prop changes\n  React.useEffect(() => {\n    if (!sidebarRef.current || activeItemId === undefined) return\n    sidebarRef.current.setActive(activeItemId)\n  }, [activeItemId])\n\n  // Sync route-derived active state when no explicit active item controls it.\n  React.useEffect(() => {\n    if (!sidebarRef.current || activeItemId !== undefined) return\n    sidebarRef.current.setPathname(pathname)\n  }, [activeItemId, pathname])\n\n  return <div ref={containerRef} data-slot=\"sidebar\" className={cn(className)} />\n}\n\nSidebar.displayName = 'Sidebar'\n\nconst collapseDefaultLabel = (collapsed: boolean): string =>\n  collapsed ? 'Expand sidebar' : 'Collapse sidebar'\n\nconst collapseIconPath = (collapsed: boolean): string =>\n  collapsed ? 'm9 18 6-6-6-6' : 'm15 18-6-6 6-6'\n\nconst CollapseChevron = ({ collapsed }: { collapsed: boolean }) => (\n  <svg\n    aria-hidden=\"true\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d={collapseIconPath(collapsed)} />\n  </svg>\n)\n\nconst SidebarCollapseButton = (componentProps: SidebarCollapseButtonProps) => {\n  const {\n    collapsed = false,\n    edge = false,\n    visible = false,\n    label,\n    className,\n    type = 'button',\n    children,\n    ...props\n  } = componentProps\n  const resolvedLabel = label ?? collapseDefaultLabel(collapsed)\n\n  return (\n    <button\n      type={type}\n      className={cn('sidebar__collapse-btn', edge && 'sidebar__collapse-btn--edge', className)}\n      aria-label={resolvedLabel}\n      aria-expanded={!collapsed}\n      title={resolvedLabel}\n      data-collapsed={collapsed ? 'true' : 'false'}\n      data-visible={visible ? 'true' : undefined}\n      {...props}\n    >\n      {children ?? <CollapseChevron collapsed={collapsed} />}\n    </button>\n  )\n}\n\nSidebarCollapseButton.displayName = 'SidebarCollapseButton'\n\nexport { Sidebar, SidebarCollapseButton }\n"],"mappings":";;;;;AAyDA,IAAM,KAAW,MAAwB;CACvC,IAAM,EAAE,iBAAc,aAAU,eAAY,eAAY,cAAW,SAAM,GAAG,MAAW,GACjF,IAAe,EAAM,OAAuB,IAAI,GAChD,IAAa,EAAM,OAAgC,IAAI,GACvD,IAAgB,EAAM,OAAO,CAAU,GACvC,IAAgB,EAAM,OAAO,CAAU;CAgD7C,OA/CA,EAAc,UAAU,GACxB,EAAc,UAAU,GAGxB,EAAM,gBAAgB;EACpB,IAAI,OAAO,WAAa,OAAe,CAAC,EAAa,SAAS;EAC9D,IAAM,IAAwC;GAC5C,GAAG;GACH,WAAW,EAAa;GACxB,aAAa,MAAyB;IACpC,EAAc,UAAU,CAAI;GAC9B;GACA,aAAa,MAAuB;IAClC,EAAc,UAAU,CAAS;GACnC;EACF;EAQA,OAPI,MAAS,KAAA,MACX,EAAc,OAAO,IAEnB,MAAa,KAAA,MACf,EAAc,WAAW,IAE3B,EAAW,UAAU,IAAI,EAAiB,CAAa,SAC1C;GAEX,AADA,EAAW,SAAS,QAAQ,GAC5B,EAAW,UAAU;EACvB;CACF,GAAG,CAAC,CAAC,GAGL,EAAM,gBAAgB;EACf,EAAW,WAChB,EAAW,QAAQ,QAAQ,MAAS,EAAI;CAC1C,GAAG,CAAC,CAAI,CAAC,GAGT,EAAM,gBAAgB;EAChB,CAAC,EAAW,WAAW,MAAiB,KAAA,KAC5C,EAAW,QAAQ,UAAU,CAAY;CAC3C,GAAG,CAAC,CAAY,CAAC,GAGjB,EAAM,gBAAgB;EAChB,CAAC,EAAW,WAAW,MAAiB,KAAA,KAC5C,EAAW,QAAQ,YAAY,CAAQ;CACzC,GAAG,CAAC,GAAc,CAAQ,CAAC,GAEpB,kBAAC,OAAD;EAAK,KAAK;EAAc,aAAU;EAAU,WAAW,EAAG,CAAS;CAAI,CAAA;AAChF;AAEA,EAAQ,cAAc;AAEtB,IAAM,KAAwB,MAC5B,IAAY,mBAAmB,oBAE3B,KAAoB,MACxB,IAAY,kBAAkB,kBAE1B,KAAmB,EAAE,mBACzB,kBAAC,OAAD;CACE,eAAY;CACZ,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;WAEf,kBAAC,QAAD,EAAM,GAAG,EAAiB,CAAS,EAAI,CAAA;AACpC,CAAA,GAGD,KAAyB,MAA+C;CAC5E,IAAM,EACJ,eAAY,IACZ,UAAO,IACP,aAAU,IACV,UACA,cACA,UAAO,UACP,aACA,GAAG,MACD,GACE,IAAgB,KAAS,EAAqB,CAAS;CAE7D,OACE,kBAAC,UAAD;EACQ;EACN,WAAW,EAAG,yBAAyB,KAAQ,+BAA+B,CAAS;EACvF,cAAY;EACZ,iBAAe,CAAC;EAChB,OAAO;EACP,kBAAgB,IAAY,SAAS;EACrC,gBAAc,IAAU,SAAS,KAAA;EACjC,GAAI;YAEH,KAAY,kBAAC,GAAD,EAA4B,aAAY,CAAA;CAC/C,CAAA;AAEZ;AAEA,EAAsB,cAAc"}

package/dist/sidebar/component.d.ts

@@ -1,20 +1,31 @@
-import { SidebarComponentConfig } from './types';
+import { SidebarBadgeTone, SidebarComponentConfig } from './types';
 export declare class SidebarComponent {
     private readonly container;
     private readonly aside;
     private readonly config;
     private readonly iconSet;
+    private readonly variant;
+    private readonly cleanupFns;
     private collapseButton;
+    private backdrop;
     constructor(config: SidebarComponentConfig);
     private render;
     private buildSection;
+    private buildItem;
     private renderHeader;
+    private renderScope;
     private renderCollapseButton;
     private renderFooter;
+    private renderBackdrop;
+    private setupBehavior;
+    private setupKeyboardNavigation;
+    private setupMobileToggles;
     /** Mark a nav item as active, removing active state from all others. */
     setActive(itemId: string): void;
+    /** Recompute active route state from a supplied pathname or the current location. */
+    setPathname(pathname: string | undefined): void;
     /** Update the badge count for a nav item (empty string when count is 0). */
-    updateBadge(itemId: string, count: number): void;
+    updateBadge(itemId: string, count: number, tone?: SidebarBadgeTone): void;
     /** Toggle the sidebar between collapsed and expanded states. */
     toggleCollapse(): void;
     /** Collapse the sidebar. */
@@ -25,6 +36,17 @@ export declare class SidebarComponent {
     setOpen(open: boolean): void;
     /** Remove the sidebar from the DOM. */
     destroy(): void;
+    private applyBadge;
+    private setCollapsed;
+    private isCollapsed;
+    private isOpen;
+    private getMobileBreakpoint;
+    private resolveInitialCollapsed;
+    private persistCollapsed;
+    private getCurrentPathname;
+    private isItemActive;
+    private syncActiveRouteState;
+    private closeScopeMenus;
     private updateCollapseButton;
 }
 //# sourceMappingURL=component.d.ts.map

package/dist/sidebar/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/sidebar/component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAMH,OAAO,EAAE,KAAK,sBAAsB,EAAuB,MAAM,SAAS,CAAA;AAmC1E,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;IACvC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAa;IACnC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAwB;IAC/C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAS;IACjC,OAAO,CAAC,cAAc,CAAiC;gBAE3C,MAAM,EAAE,sBAAsB;IAkB1C,OAAO,CAAC,MAAM;IAkBd,OAAO,CAAC,YAAY;IAuGpB,OAAO,CAAC,YAAY;IAiDpB,OAAO,CAAC,oBAAoB;IAgC5B,OAAO,CAAC,YAAY;IA2DpB,wEAAwE;IACxE,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAW/B,4EAA4E;IAC5E,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAShD,gEAAgE;IAChE,cAAc,IAAI,IAAI;IAQtB,4BAA4B;IAC5B,QAAQ,IAAI,IAAI;IAShB,0BAA0B;IAC1B,MAAM,IAAI,IAAI;IASd,sEAAsE;IACtE,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAI5B,uCAAuC;IACvC,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,oBAAoB;CAe7B"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/sidebar/component.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAG5B,MAAM,SAAS,CAAA;AA4HhB,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;IACvC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAa;IACnC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAwB;IAC/C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAS;IACjC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAqB;IAChD,OAAO,CAAC,cAAc,CAAiC;IACvD,OAAO,CAAC,QAAQ,CAA2B;gBAE/B,MAAM,EAAE,sBAAsB;IA6B1C,OAAO,CAAC,MAAM;IA4Bd,OAAO,CAAC,YAAY;IAoEpB,OAAO,CAAC,SAAS;IA6EjB,OAAO,CAAC,YAAY;IAiDpB,OAAO,CAAC,WAAW;IAgHnB,OAAO,CAAC,oBAAoB;IAgC5B,OAAO,CAAC,YAAY;IAuGpB,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,aAAa;IA4BrB,OAAO,CAAC,uBAAuB;IA2B/B,OAAO,CAAC,kBAAkB;IAmB1B,wEAAwE;IACxE,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAgB/B,qFAAqF;IACrF,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAU/C,4EAA4E;IAC5E,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,gBAAgB,GAAG,IAAI;IAmBzE,gEAAgE;IAChE,cAAc,IAAI,IAAI;IAItB,4BAA4B;IAC5B,QAAQ,IAAI,IAAI;IAIhB,0BAA0B;IAC1B,MAAM,IAAI,IAAI;IAId,sEAAsE;IACtE,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAU5B,uCAAuC;IACvC,OAAO,IAAI,IAAI;IAQf,OAAO,CAAC,UAAU;IA0BlB,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,uBAAuB;IAc/B,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,YAAY;IAwCpB,OAAO,CAAC,oBAAoB;IAsB5B,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,oBAAoB;CAe7B"}

package/dist/sidebar/enhance.d.ts

@@ -21,6 +21,12 @@ export interface EnhanceOptions {
     skeletonTimeoutMs?: number;
     /** CSS class for collapsed state (default: 'sidebar--collapsed') */
     collapsedClass?: string;
+    /** Variants that should opt into product sidebar visuals. */
+    productVariants?: string[];
+    /** Derive the active nav item from window.location on enhancement. */
+    activeFromLocation?: boolean;
+    /** Close an open mobile sidebar after clicking a route link. */
+    closeOnNavigate?: boolean;
 }
 export declare class Sidebar {
     readonly element: HTMLElement;
@@ -30,6 +36,8 @@ export declare class Sidebar {
     private skeletonTimer;
     constructor(element: HTMLElement, options?: EnhanceOptions);
     private init;
+    private setupProductChrome;
+    private setupRouteState;
     /**
      * Collapse/expand toggle with localStorage persistence.
      */

package/dist/sidebar/enhance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"enhance.d.ts","sourceRoot":"","sources":["../../src/sidebar/enhance.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAIH,MAAM,WAAW,cAAc;IAC7B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAWD,qBAAa,OAAO;IAClB,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAA;IAC7B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA0B;IAClD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAqB;IAChD,OAAO,CAAC,aAAa,CAA6C;gBAEtD,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,cAAc;IAO1D,OAAO,CAAC,IAAI;IAMZ;;OAEG;IACH,OAAO,CAAC,aAAa;IAkFrB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA6BxB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA4B5B;;OAEG;IACH,qBAAqB,IAAI,IAAI;IAO7B;;OAEG;IACH,OAAO,IAAI,IAAI;CAQhB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,SAA0B,GAAG,IAAI,CAexF;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,GAAG,IAAI,CAalF;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,OAAO,CAAC,EAAE,cAAc,GAAG,MAAM,IAAI,CAgB/D"}
+{"version":3,"file":"enhance.d.ts","sourceRoot":"","sources":["../../src/sidebar/enhance.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAIH,MAAM,WAAW,cAAc;IAC7B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gEAAgE;IAChE,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAqCD,qBAAa,OAAO;IAClB,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAA;IAC7B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA0B;IAClD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAqB;IAChD,OAAO,CAAC,aAAa,CAA6C;gBAEtD,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,cAAc;IAO1D,OAAO,CAAC,IAAI;IAQZ,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,eAAe;IA2CvB;;OAEG;IACH,OAAO,CAAC,aAAa;IAwGrB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA6BxB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA4B5B;;OAEG;IACH,qBAAqB,IAAI,IAAI;IAO7B;;OAEG;IACH,OAAO,IAAI,IAAI;CAQhB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,SAA0B,GAAG,IAAI,CAexF;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,GAAG,IAAI,CAalF;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,OAAO,CAAC,EAAE,cAAc,GAAG,MAAM,IAAI,CAgB/D"}

package/dist/sidebar/index.d.ts

@@ -16,6 +16,9 @@ export interface SidebarConfig {
     storageKey?: string;
     mobileBreakpoint?: number;
     collapsedClass?: string;
+    productVariants?: string[];
+    activeFromLocation?: boolean;
+    closeOnNavigate?: boolean;
 }
 export interface LegacySidebarConfig {
     sidebar: string;

package/dist/sidebar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sidebar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC9C,YAAY,EACV,sBAAsB,EACtB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,WAAW,EACX,mBAAmB,GACpB,MAAM,SAAS,CAAA;AAEhB,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;CACvB;AAUD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAE5D;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,OAAO,CAElC;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAGnD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,CAE/D;AAkID;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EA6BrD,CAAA;AAED;;GAEG;AACH,wBAAgB,WAAW,CACzB,MAAM,CAAC,EAAE,aAAa,EACtB,aAAa,GAAE,mBAAmB,EAAyB,GAC1D,IAAI,CAUN"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sidebar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC9C,YAAY,EACV,sBAAsB,EACtB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,WAAW,EACX,mBAAmB,GACpB,MAAM,SAAS,CAAA;AAEhB,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;CACvB;AAcD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAE5D;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,OAAO,CAElC;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAGnD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,CAE/D;AA2QD;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EA6BrD,CAAA;AAED;;GAEG;AACH,wBAAgB,WAAW,CACzB,MAAM,CAAC,EAAE,aAAa,EACtB,aAAa,GAAE,mBAAmB,EAAyB,GAC1D,IAAI,CAUN"}

package/dist/sidebar/index.js

@@ -1,61 +1,114 @@
-import { t as e } from "../component-Bxhxf21c.js";
+import { t as e } from "../component-D5sRm1fq.js";
 //#region src/sidebar/index.ts
 var t = {
 	storageKey: "sidebar-collapsed",
 	mobileBreakpoint: 900,
-	collapsedClass: "sidebar--collapsed"
-}, n = { ...t };
-function r(e) {
+	collapsedClass: "sidebar--collapsed",
+	productVariants: [
+		"app",
+		"cm",
+		"threat-library"
+	],
+	activeFromLocation: !0,
+	closeOnNavigate: !0
+}, n = { ...t }, r = "data-sidebar-initialized";
+function i(e) {
 	n = {
 		...t,
 		...e
 	};
 }
-function i() {
+function a() {
 	return window.innerWidth <= n.mobileBreakpoint;
 }
-function a(e) {
+function o(e) {
 	return localStorage.getItem(`${n.storageKey}-${e}`) === "true";
 }
-function o(e, t) {
+function s(e, t) {
 	localStorage.setItem(`${n.storageKey}-${e}`, String(t));
 }
-function s(e, t) {
+function c(e, t) {
 	e.setAttribute("data-open", "false"), t && t.setAttribute("data-visible", "false");
 }
-function c(e, t) {
+function l(e, t) {
 	let n = e.getAttribute("data-open") === "true";
 	e.setAttribute("data-open", String(!n)), t && t.setAttribute("data-visible", String(!n));
 }
-function l({ sidebar: e, toggle: t, mobileToggles: n, backdrop: r, collapsedClass: l, key: u }) {
-	!i() && a(u) && e.classList.add(l), t && t.addEventListener("click", () => {
-		o(u, e.classList.toggle(l));
-	}), n.forEach((t) => {
+function u(e) {
+	return e === "/" ? e : e.replace(/\/+$/, "");
+}
+function d(e, t) {
+	try {
+		let n = u(new URL(t, window.location.href).pathname), r = u(e);
+		return n === "/" ? r === "/" : r === n || r.startsWith(`${n}/`);
+	} catch {
+		return !1;
+	}
+}
+function f(e) {
+	let t = Array.from(e.querySelectorAll("a.sidebar__item[href], a.sidebar__nav-link[href], a[data-nav-item][href]")), n = null, r = -1;
+	for (let e of t) {
+		let t = e.getAttribute("href");
+		if (!(t === null || !d(window.location.pathname, t))) try {
+			let i = u(new URL(t, window.location.href).pathname);
+			i.length > r && (n = e, r = i.length);
+		} catch {}
+	}
+	return n;
+}
+function p(e) {
+	if (n.activeFromLocation !== !0 || typeof window > "u") return;
+	let t = f(e);
+	t !== null && (e.querySelectorAll(".sidebar__item--active").forEach((e) => {
+		e.classList.remove("sidebar__item--active"), e.removeAttribute("aria-current");
+	}), t.classList.add("sidebar__item--active"), t.setAttribute("aria-current", "page"));
+}
+function m(e, t) {
+	(e.hasAttribute("data-sidebar-product") || e.classList.contains("sidebar--cm") || n.productVariants.includes(t)) && e.classList.add("sidebar--product"), e.querySelectorAll(".sidebar__item, .sidebar__nav-link").forEach((e) => {
+		e.hasAttribute("data-nav-item") || e.setAttribute("data-nav-item", "");
+	}), p(e);
+}
+function h(e) {
+	e.addEventListener("keydown", (t) => {
+		if (t.key !== "ArrowDown" && t.key !== "ArrowUp") return;
+		let n = Array.from(e.querySelectorAll("[data-nav-item]:not([aria-disabled=\"true\"])")).filter((e) => !e.hidden && e.offsetParent !== null);
+		if (n.length === 0) return;
+		let r = n.indexOf(document.activeElement);
+		r !== -1 && (t.preventDefault(), n[t.key === "ArrowDown" ? (r + 1) % n.length : (r - 1 + n.length) % n.length]?.focus());
+	});
+}
+function g({ sidebar: e, toggle: t, mobileToggles: i, backdrop: u, collapsedClass: d, key: f }) {
+	!a() && o(f) && e.classList.add(d), t && t.addEventListener("click", () => {
+		s(f, e.classList.toggle(d));
+	}), i.forEach((t) => {
 		t.addEventListener("click", () => {
-			c(e, r);
+			l(e, u);
 		});
-	}), r && r.addEventListener("click", () => {
-		s(e, r);
+	}), u && u.addEventListener("click", () => {
+		c(e, u);
+	}), n.closeOnNavigate === !0 && e.addEventListener("click", (t) => {
+		let n = t.target;
+		(n instanceof Element ? n.closest("a.sidebar__item[href], a.sidebar__nav-link[href], a[data-nav-item][href]") : null) !== null && e.getAttribute("data-open") === "true" && c(e, u);
 	}), window.addEventListener("resize", () => {
-		i() && s(e, r);
+		a() && c(e, u);
 	}), document.addEventListener("keydown", (t) => {
-		t.key === "Escape" && e.getAttribute("data-open") === "true" && s(e, r);
-	});
+		t.key === "Escape" && e.getAttribute("data-open") === "true" && c(e, u);
+	}), h(e), e.setAttribute(r, "true");
 }
-function u(e) {
+function _(e) {
 	let t = e.getAttribute("data-sidebar");
-	t === null || t === "" || l({
+	t === null || t === "" || (m(e, t), e.getAttribute(r) !== "true" && g({
 		sidebar: e,
 		toggle: e.querySelector("[data-sidebar-toggle]"),
 		mobileToggles: Array.from(document.querySelectorAll("[data-sidebar-mobile-toggle]")),
 		backdrop: document.querySelector(`[data-sidebar-backdrop="${t}"]`),
 		collapsedClass: n.collapsedClass,
 		key: t
-	});
+	}));
 }
-function d(e) {
+function v(e) {
 	let t = document.querySelector(e.sidebar);
-	t && (t.hasAttribute("data-sidebar") || l({
+	t && (t.hasAttribute("data-sidebar") || g({
 		sidebar: t,
 		toggle: document.querySelector(e.toggle),
 		mobileToggles: Array.from(document.querySelectorAll(e.mobileToggle)),
@@ -64,7 +117,7 @@ function d(e) {
 		key: e.sidebar.replace(/[^a-z]/g, "")
 	}));
 }
-var f = [
+var y = [
 	{
 		sidebar: ".page__sidebar",
 		toggle: "[data-page-sidebar-toggle]",
@@ -94,10 +147,10 @@ var f = [
 		collapsedClass: "storage-sidebar--collapsed"
 	}
 ];
-function p(e, t = f) {
-	e && r(e), document.querySelectorAll("[data-sidebar]").forEach(u), t.forEach(d);
+function b(e, t = y) {
+	e && i(e), document.querySelectorAll("[data-sidebar]").forEach(_), t.forEach(v);
 }
 //#endregion
-export { e as SidebarComponent, r as configureSidebar, f as defaultLegacyConfigs, a as getStoredState, p as initSidebar, i as isMobile, o as saveState };
+export { e as SidebarComponent, i as configureSidebar, y as defaultLegacyConfigs, o as getStoredState, b as initSidebar, a as isMobile, s as saveState };
 
 //# sourceMappingURL=index.js.map

package/dist/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/sidebar/index.ts"],"sourcesContent":["/**\n * Sidebar Module\n *\n * Unified sidebar toggle functionality for CounterMeasure applications.\n * Handles collapsible sidebar for desktop and mobile with localStorage persistence.\n *\n * Usage:\n * - Add data-sidebar=\"{variant}\" to your sidebar element (e.g., data-sidebar=\"admin\")\n * - Add data-sidebar-toggle to the toggle button\n * - Add data-sidebar-mobile-toggle to the mobile toggle button\n * - Add data-sidebar-backdrop=\"{variant}\" to the backdrop element\n */\n\n// Re-export programmatic sidebar component\nexport { SidebarComponent } from './component'\nexport type {\n  SidebarComponentConfig,\n  SidebarBrandConfig,\n  SidebarNavItem,\n  SidebarSection,\n  SidebarUser,\n  SidebarFooterAction,\n} from './types'\n\nexport interface SidebarConfig {\n  storageKey?: string\n  mobileBreakpoint?: number\n  collapsedClass?: string\n}\n\nexport interface LegacySidebarConfig {\n  sidebar: string\n  toggle: string\n  mobileToggle: string\n  backdrop: string\n  collapsedClass: string\n}\n\nconst DEFAULT_CONFIG: Required<SidebarConfig> = {\n  storageKey: 'sidebar-collapsed',\n  mobileBreakpoint: 900,\n  collapsedClass: 'sidebar--collapsed',\n}\n\nlet currentConfig: Required<SidebarConfig> = { ...DEFAULT_CONFIG }\n\n/**\n * Configure sidebar settings.\n */\nexport function configureSidebar(config: SidebarConfig): void {\n  currentConfig = { ...DEFAULT_CONFIG, ...config }\n}\n\n/**\n * Check if we're on mobile viewport.\n */\nexport function isMobile(): boolean {\n  return window.innerWidth <= currentConfig.mobileBreakpoint\n}\n\n/**\n * Get stored collapsed state for a sidebar.\n */\nexport function getStoredState(key: string): boolean {\n  const stored = localStorage.getItem(`${currentConfig.storageKey}-${key}`)\n  return stored === 'true'\n}\n\n/**\n * Save collapsed state for a sidebar.\n */\nexport function saveState(key: string, collapsed: boolean): void {\n  localStorage.setItem(`${currentConfig.storageKey}-${key}`, String(collapsed))\n}\n\n/**\n * Close a sidebar (mobile).\n */\nfunction closeSidebar(sidebar: HTMLElement, backdrop: HTMLElement | null): void {\n  sidebar.setAttribute('data-open', 'false')\n  if (backdrop) {\n    backdrop.setAttribute('data-visible', 'false')\n  }\n}\n\n/**\n * Toggle sidebar open state (mobile).\n */\nfunction toggleSidebarOpen(sidebar: HTMLElement, backdrop: HTMLElement | null): void {\n  const isOpen = sidebar.getAttribute('data-open') === 'true'\n  sidebar.setAttribute('data-open', String(!isOpen))\n  if (backdrop) {\n    backdrop.setAttribute('data-visible', String(!isOpen))\n  }\n}\n\ninterface SidebarHandlerParams {\n  sidebar: HTMLElement\n  toggle: HTMLButtonElement | null\n  mobileToggles: HTMLButtonElement[]\n  backdrop: HTMLElement | null\n  collapsedClass: string\n  key: string\n}\n\n/**\n * Attach all sidebar event handlers (shared between unified and legacy init).\n */\nfunction attachSidebarHandlers({\n  sidebar,\n  toggle,\n  mobileToggles,\n  backdrop,\n  collapsedClass,\n  key,\n}: SidebarHandlerParams): void {\n  // Apply stored collapsed state on desktop\n  if (!isMobile() && getStoredState(key)) {\n    sidebar.classList.add(collapsedClass)\n  }\n\n  // Desktop toggle handler\n  if (toggle) {\n    toggle.addEventListener('click', () => {\n      const isCollapsed = sidebar.classList.toggle(collapsedClass)\n      saveState(key, isCollapsed)\n    })\n  }\n\n  // Mobile toggle handler\n  mobileToggles.forEach(mobileToggle => {\n    mobileToggle.addEventListener('click', () => {\n      toggleSidebarOpen(sidebar, backdrop)\n    })\n  })\n\n  // Backdrop click handler\n  if (backdrop) {\n    backdrop.addEventListener('click', () => {\n      closeSidebar(sidebar, backdrop)\n    })\n  }\n\n  // Handle window resize\n  window.addEventListener('resize', () => {\n    if (isMobile()) {\n      closeSidebar(sidebar, backdrop)\n    }\n  })\n\n  // Close sidebar on escape key\n  document.addEventListener('keydown', e => {\n    if (e.key === 'Escape' && sidebar.getAttribute('data-open') === 'true') {\n      closeSidebar(sidebar, backdrop)\n    }\n  })\n}\n\n/**\n * Initialize a single sidebar using the unified data-sidebar attribute.\n */\nfunction initUnifiedSidebar(sidebar: HTMLElement): void {\n  const variant = sidebar.getAttribute('data-sidebar')\n  if (variant === null || variant === '') {\n    return\n  }\n\n  attachSidebarHandlers({\n    sidebar,\n    toggle: sidebar.querySelector<HTMLButtonElement>('[data-sidebar-toggle]'),\n    mobileToggles: Array.from(\n      document.querySelectorAll<HTMLButtonElement>('[data-sidebar-mobile-toggle]')\n    ),\n    backdrop: document.querySelector<HTMLElement>(`[data-sidebar-backdrop=\"${variant}\"]`),\n    collapsedClass: currentConfig.collapsedClass,\n    key: variant,\n  })\n}\n\n/**\n * Initialize a legacy sidebar (backwards compatibility).\n */\nfunction initLegacySidebar(config: LegacySidebarConfig): void {\n  const sidebar = document.querySelector<HTMLElement>(config.sidebar)\n  if (!sidebar) {\n    return\n  }\n\n  // Skip if this sidebar uses the new unified approach\n  if (sidebar.hasAttribute('data-sidebar')) {\n    return\n  }\n\n  attachSidebarHandlers({\n    sidebar,\n    toggle: document.querySelector<HTMLButtonElement>(config.toggle),\n    mobileToggles: Array.from(document.querySelectorAll<HTMLButtonElement>(config.mobileToggle)),\n    backdrop: document.querySelector<HTMLElement>(config.backdrop),\n    collapsedClass: config.collapsedClass,\n    key: config.sidebar.replace(/[^a-z]/g, ''),\n  })\n}\n\n/**\n * Default legacy sidebar configurations for CounterMeasure apps.\n */\nexport const defaultLegacyConfigs: LegacySidebarConfig[] = [\n  {\n    sidebar: '.page__sidebar',\n    toggle: '[data-page-sidebar-toggle]',\n    mobileToggle: '[data-page-mobile-toggle]',\n    backdrop: '.sidebar-backdrop',\n    collapsedClass: 'page__sidebar--collapsed',\n  },\n  {\n    sidebar: '.chat-sidebar',\n    toggle: '[data-chat-sidebar-toggle]',\n    mobileToggle: '.chat-header__menu-toggle',\n    backdrop: '.chat-sidebar-backdrop',\n    collapsedClass: 'chat-sidebar--collapsed',\n  },\n  {\n    sidebar: '.files-sidebar',\n    toggle: '[data-files-sidebar-toggle]',\n    mobileToggle: '[data-files-mobile-toggle]',\n    backdrop: '.files-sidebar-backdrop',\n    collapsedClass: 'files-sidebar--collapsed',\n  },\n  {\n    sidebar: '.storage-sidebar',\n    toggle: '[data-storage-sidebar-toggle]',\n    mobileToggle: '[data-storage-mobile-toggle]',\n    backdrop: '.storage-sidebar-backdrop',\n    collapsedClass: 'storage-sidebar--collapsed',\n  },\n]\n\n/**\n * Initialize all sidebars (both new unified and legacy).\n */\nexport function initSidebar(\n  config?: SidebarConfig,\n  legacyConfigs: LegacySidebarConfig[] = defaultLegacyConfigs\n): void {\n  if (config) {\n    configureSidebar(config)\n  }\n\n  // Initialize new unified sidebars\n  document.querySelectorAll<HTMLElement>('[data-sidebar]').forEach(initUnifiedSidebar)\n\n  // Initialize legacy sidebars for backwards compatibility\n  legacyConfigs.forEach(initLegacySidebar)\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/sidebar/index.ts"],"sourcesContent":["/**\n * Sidebar Module\n *\n * Unified sidebar toggle functionality for CounterMeasure applications.\n * Handles collapsible sidebar for desktop and mobile with localStorage persistence.\n *\n * Usage:\n * - Add data-sidebar=\"{variant}\" to your sidebar element (e.g., data-sidebar=\"admin\")\n * - Add data-sidebar-toggle to the toggle button\n * - Add data-sidebar-mobile-toggle to the mobile toggle button\n * - Add data-sidebar-backdrop=\"{variant}\" to the backdrop element\n */\n\n// Re-export programmatic sidebar component\nexport { SidebarComponent } from './component'\nexport type {\n  SidebarComponentConfig,\n  SidebarBrandConfig,\n  SidebarNavItem,\n  SidebarSection,\n  SidebarUser,\n  SidebarFooterAction,\n} from './types'\n\nexport interface SidebarConfig {\n  storageKey?: string\n  mobileBreakpoint?: number\n  collapsedClass?: string\n  productVariants?: string[]\n  activeFromLocation?: boolean\n  closeOnNavigate?: boolean\n}\n\nexport interface LegacySidebarConfig {\n  sidebar: string\n  toggle: string\n  mobileToggle: string\n  backdrop: string\n  collapsedClass: string\n}\n\nconst DEFAULT_CONFIG: Required<SidebarConfig> = {\n  storageKey: 'sidebar-collapsed',\n  mobileBreakpoint: 900,\n  collapsedClass: 'sidebar--collapsed',\n  productVariants: ['app', 'cm', 'threat-library'],\n  activeFromLocation: true,\n  closeOnNavigate: true,\n}\n\nlet currentConfig: Required<SidebarConfig> = { ...DEFAULT_CONFIG }\nconst INITIALIZED_ATTR = 'data-sidebar-initialized'\n\n/**\n * Configure sidebar settings.\n */\nexport function configureSidebar(config: SidebarConfig): void {\n  currentConfig = { ...DEFAULT_CONFIG, ...config }\n}\n\n/**\n * Check if we're on mobile viewport.\n */\nexport function isMobile(): boolean {\n  return window.innerWidth <= currentConfig.mobileBreakpoint\n}\n\n/**\n * Get stored collapsed state for a sidebar.\n */\nexport function getStoredState(key: string): boolean {\n  const stored = localStorage.getItem(`${currentConfig.storageKey}-${key}`)\n  return stored === 'true'\n}\n\n/**\n * Save collapsed state for a sidebar.\n */\nexport function saveState(key: string, collapsed: boolean): void {\n  localStorage.setItem(`${currentConfig.storageKey}-${key}`, String(collapsed))\n}\n\n/**\n * Close a sidebar (mobile).\n */\nfunction closeSidebar(sidebar: HTMLElement, backdrop: HTMLElement | null): void {\n  sidebar.setAttribute('data-open', 'false')\n  if (backdrop) {\n    backdrop.setAttribute('data-visible', 'false')\n  }\n}\n\n/**\n * Toggle sidebar open state (mobile).\n */\nfunction toggleSidebarOpen(sidebar: HTMLElement, backdrop: HTMLElement | null): void {\n  const isOpen = sidebar.getAttribute('data-open') === 'true'\n  sidebar.setAttribute('data-open', String(!isOpen))\n  if (backdrop) {\n    backdrop.setAttribute('data-visible', String(!isOpen))\n  }\n}\n\ninterface SidebarHandlerParams {\n  sidebar: HTMLElement\n  toggle: HTMLButtonElement | null\n  mobileToggles: HTMLButtonElement[]\n  backdrop: HTMLElement | null\n  collapsedClass: string\n  key: string\n}\n\nfunction normalizePathname(pathname: string): string {\n  if (pathname === '/') {\n    return pathname\n  }\n\n  return pathname.replace(/\\/+$/, '')\n}\n\nfunction routeMatches(pathname: string, href: string): boolean {\n  try {\n    const hrefPathname = normalizePathname(new URL(href, window.location.href).pathname)\n    const currentPathname = normalizePathname(pathname)\n\n    if (hrefPathname === '/') {\n      return currentPathname === '/'\n    }\n\n    return currentPathname === hrefPathname || currentPathname.startsWith(`${hrefPathname}/`)\n  } catch {\n    return false\n  }\n}\n\nfunction resolveActiveRouteItem(sidebar: HTMLElement): HTMLElement | null {\n  const items = Array.from(\n    sidebar.querySelectorAll<HTMLElement>(\n      'a.sidebar__item[href], a.sidebar__nav-link[href], a[data-nav-item][href]'\n    )\n  )\n\n  let active: HTMLElement | null = null\n  let activeLength = -1\n\n  for (const item of items) {\n    const href = item.getAttribute('href')\n    if (href === null || !routeMatches(window.location.pathname, href)) {\n      continue\n    }\n\n    try {\n      const pathname = normalizePathname(new URL(href, window.location.href).pathname)\n      if (pathname.length > activeLength) {\n        active = item\n        activeLength = pathname.length\n      }\n    } catch {\n      // Ignore malformed href values; they cannot represent the current route.\n    }\n  }\n\n  return active\n}\n\nfunction syncRouteActiveState(sidebar: HTMLElement): void {\n  if (currentConfig.activeFromLocation !== true || typeof window === 'undefined') {\n    return\n  }\n\n  const active = resolveActiveRouteItem(sidebar)\n  if (active === null) {\n    return\n  }\n\n  sidebar.querySelectorAll<HTMLElement>('.sidebar__item--active').forEach(item => {\n    item.classList.remove('sidebar__item--active')\n    item.removeAttribute('aria-current')\n  })\n  active.classList.add('sidebar__item--active')\n  active.setAttribute('aria-current', 'page')\n}\n\nfunction prepareUnifiedSidebar(sidebar: HTMLElement, variant: string): void {\n  const shouldUseProductStyle =\n    sidebar.hasAttribute('data-sidebar-product') ||\n    sidebar.classList.contains('sidebar--cm') ||\n    currentConfig.productVariants.includes(variant)\n\n  if (shouldUseProductStyle) {\n    sidebar.classList.add('sidebar--product')\n  }\n\n  sidebar.querySelectorAll<HTMLElement>('.sidebar__item, .sidebar__nav-link').forEach(item => {\n    if (!item.hasAttribute('data-nav-item')) {\n      item.setAttribute('data-nav-item', '')\n    }\n  })\n\n  syncRouteActiveState(sidebar)\n}\n\nfunction setupKeyboardNavigation(sidebar: HTMLElement): void {\n  sidebar.addEventListener('keydown', event => {\n    if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp') return\n\n    const items = Array.from(\n      sidebar.querySelectorAll<HTMLElement>('[data-nav-item]:not([aria-disabled=\"true\"])')\n    ).filter(item => !item.hidden && item.offsetParent !== null)\n\n    if (items.length === 0) return\n\n    const currentIndex = items.indexOf(document.activeElement as HTMLElement)\n    if (currentIndex === -1) return\n\n    event.preventDefault()\n    const nextIndex =\n      event.key === 'ArrowDown'\n        ? (currentIndex + 1) % items.length\n        : (currentIndex - 1 + items.length) % items.length\n\n    items[nextIndex]?.focus()\n  })\n}\n\n/**\n * Attach all sidebar event handlers (shared between unified and legacy init).\n */\nfunction attachSidebarHandlers({\n  sidebar,\n  toggle,\n  mobileToggles,\n  backdrop,\n  collapsedClass,\n  key,\n}: SidebarHandlerParams): void {\n  // Apply stored collapsed state on desktop\n  if (!isMobile() && getStoredState(key)) {\n    sidebar.classList.add(collapsedClass)\n  }\n\n  // Desktop toggle handler\n  if (toggle) {\n    toggle.addEventListener('click', () => {\n      const isCollapsed = sidebar.classList.toggle(collapsedClass)\n      saveState(key, isCollapsed)\n    })\n  }\n\n  // Mobile toggle handler\n  mobileToggles.forEach(mobileToggle => {\n    mobileToggle.addEventListener('click', () => {\n      toggleSidebarOpen(sidebar, backdrop)\n    })\n  })\n\n  // Backdrop click handler\n  if (backdrop) {\n    backdrop.addEventListener('click', () => {\n      closeSidebar(sidebar, backdrop)\n    })\n  }\n\n  if (currentConfig.closeOnNavigate === true) {\n    sidebar.addEventListener('click', event => {\n      const target = event.target\n      const navItem =\n        target instanceof Element\n          ? target.closest<HTMLElement>(\n              'a.sidebar__item[href], a.sidebar__nav-link[href], a[data-nav-item][href]'\n            )\n          : null\n      if (navItem !== null && sidebar.getAttribute('data-open') === 'true') {\n        closeSidebar(sidebar, backdrop)\n      }\n    })\n  }\n\n  // Handle window resize\n  window.addEventListener('resize', () => {\n    if (isMobile()) {\n      closeSidebar(sidebar, backdrop)\n    }\n  })\n\n  // Close sidebar on escape key\n  document.addEventListener('keydown', e => {\n    if (e.key === 'Escape' && sidebar.getAttribute('data-open') === 'true') {\n      closeSidebar(sidebar, backdrop)\n    }\n  })\n\n  setupKeyboardNavigation(sidebar)\n  sidebar.setAttribute(INITIALIZED_ATTR, 'true')\n}\n\n/**\n * Initialize a single sidebar using the unified data-sidebar attribute.\n */\nfunction initUnifiedSidebar(sidebar: HTMLElement): void {\n  const variant = sidebar.getAttribute('data-sidebar')\n  if (variant === null || variant === '') {\n    return\n  }\n\n  prepareUnifiedSidebar(sidebar, variant)\n\n  if (sidebar.getAttribute(INITIALIZED_ATTR) === 'true') {\n    return\n  }\n\n  attachSidebarHandlers({\n    sidebar,\n    toggle: sidebar.querySelector<HTMLButtonElement>('[data-sidebar-toggle]'),\n    mobileToggles: Array.from(\n      document.querySelectorAll<HTMLButtonElement>('[data-sidebar-mobile-toggle]')\n    ),\n    backdrop: document.querySelector<HTMLElement>(`[data-sidebar-backdrop=\"${variant}\"]`),\n    collapsedClass: currentConfig.collapsedClass,\n    key: variant,\n  })\n}\n\n/**\n * Initialize a legacy sidebar (backwards compatibility).\n */\nfunction initLegacySidebar(config: LegacySidebarConfig): void {\n  const sidebar = document.querySelector<HTMLElement>(config.sidebar)\n  if (!sidebar) {\n    return\n  }\n\n  // Skip if this sidebar uses the new unified approach\n  if (sidebar.hasAttribute('data-sidebar')) {\n    return\n  }\n\n  attachSidebarHandlers({\n    sidebar,\n    toggle: document.querySelector<HTMLButtonElement>(config.toggle),\n    mobileToggles: Array.from(document.querySelectorAll<HTMLButtonElement>(config.mobileToggle)),\n    backdrop: document.querySelector<HTMLElement>(config.backdrop),\n    collapsedClass: config.collapsedClass,\n    key: config.sidebar.replace(/[^a-z]/g, ''),\n  })\n}\n\n/**\n * Default legacy sidebar configurations for CounterMeasure apps.\n */\nexport const defaultLegacyConfigs: LegacySidebarConfig[] = [\n  {\n    sidebar: '.page__sidebar',\n    toggle: '[data-page-sidebar-toggle]',\n    mobileToggle: '[data-page-mobile-toggle]',\n    backdrop: '.sidebar-backdrop',\n    collapsedClass: 'page__sidebar--collapsed',\n  },\n  {\n    sidebar: '.chat-sidebar',\n    toggle: '[data-chat-sidebar-toggle]',\n    mobileToggle: '.chat-header__menu-toggle',\n    backdrop: '.chat-sidebar-backdrop',\n    collapsedClass: 'chat-sidebar--collapsed',\n  },\n  {\n    sidebar: '.files-sidebar',\n    toggle: '[data-files-sidebar-toggle]',\n    mobileToggle: '[data-files-mobile-toggle]',\n    backdrop: '.files-sidebar-backdrop',\n    collapsedClass: 'files-sidebar--collapsed',\n  },\n  {\n    sidebar: '.storage-sidebar',\n    toggle: '[data-storage-sidebar-toggle]',\n    mobileToggle: '[data-storage-mobile-toggle]',\n    backdrop: '.storage-sidebar-backdrop',\n    collapsedClass: 'storage-sidebar--collapsed',\n  },\n]\n\n/**\n * Initialize all sidebars (both new unified and legacy).\n */\nexport function initSidebar(\n  config?: SidebarConfig,\n  legacyConfigs: LegacySidebarConfig[] = defaultLegacyConfigs\n): void {\n  if (config) {\n    configureSidebar(config)\n  }\n\n  // Initialize new unified sidebars\n  document.querySelectorAll<HTMLElement>('[data-sidebar]').forEach(initUnifiedSidebar)\n\n  // Initialize legacy sidebars for backwards compatibility\n  legacyConfigs.forEach(initLegacySidebar)\n}\n"],"mappings":"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"}

package/dist/sidebar/types.d.ts

@@ -1,21 +1,68 @@
 import { BrandSize } from '../components/brand';
 import { IconSet } from '../icons/index';
+export type SidebarBadgeTone = 'default' | 'primary' | 'amber' | 'cyan' | 'rose' | 'warning' | 'error';
+export type SidebarActiveMatcher = 'exact' | 'prefix' | string | RegExp | ((pathname: string, item: SidebarNavItem) => boolean);
+export interface SidebarBadgeConfig {
+    /** Visible badge text. Use short labels such as "9", "99+", or "Soon". */
+    label: string;
+    /** Optional accessible title used in collapsed tooltips and native titles. */
+    title?: string;
+    /**
+     * Visual tone for the badge.
+     * @default 'primary'
+     */
+    tone?: SidebarBadgeTone;
+    /**
+     * Keep the collapsed rail dot visible even when label is empty.
+     * @default false
+     */
+    dot?: boolean;
+}
 export interface SidebarNavItem {
     /** Stable identifier used for selection and badge updates. */
     id: string;
     /** Visible label rendered alongside the icon. */
     label: string;
+    /** Optional navigation target. When omitted, the item renders as a button. */
+    href?: string;
+    /** Optional target for link navigation. */
+    target?: string;
+    /** Optional rel for external links. */
+    rel?: string;
+    /** Accessible label override. */
+    ariaLabel?: string;
     /** Icon name resolved through the active icon set. */
     icon?: string;
-    /** Numeric badge displayed at the trailing edge of the row. */
-    badge?: number;
+    /** Numeric or rich badge displayed at the trailing edge of the row. */
+    badge?: number | SidebarBadgeConfig;
     /**
      * Visual tone for the badge.
      * @default 'primary'
      */
-    badgeTone?: 'default' | 'primary' | 'amber' | 'cyan' | 'rose' | 'warning' | 'error';
+    badgeTone?: SidebarBadgeTone;
+    /** Static pill label such as "Admin" or "Soon". */
+    tag?: string;
+    /** Tooltip/title shown when the sidebar is collapsed. */
+    tooltip?: string;
+    /**
+     * Whether this item is the current page. If omitted, active state can be
+     * derived from `activeItemId`, `href`, or `activeMatch`.
+     */
+    active?: boolean;
+    /** Route matching rule used against the current configured/browser pathname. */
+    activeMatch?: SidebarActiveMatcher;
+    /**
+     * Treat href matching as exact instead of prefix matching.
+     * @default false
+     */
+    end?: boolean;
+    /**
+     * Render the item as unavailable while preserving its position.
+     * @default false
+     */
+    disabled?: boolean;
     /** Called when the item is activated. */
-    onClick?: () => void;
+    onClick?: (event: MouseEvent) => void;
 }
 export interface SidebarSection {
     /** Stable section identifier. */
@@ -42,6 +89,18 @@ export interface SidebarSection {
 export interface SidebarUser {
     /** Display name shown in the footer. */
     name: string;
+    /** Secondary user metadata such as email or role. */
+    detail?: string;
+    /** Avatar image URL. */
+    avatarUrl?: string;
+    /** Initials fallback when no avatar URL is provided. */
+    initials?: string;
+    /** Presence dot tone shown on the avatar. */
+    presence?: 'online' | 'away' | 'busy' | 'dnd' | 'offline';
+    /** Accessible label for the user trigger. */
+    label?: string;
+    /** Called when the user surface is activated. */
+    onClick?: () => void;
 }
 export interface SidebarFooterAction {
     /** Stable identifier for the action. */
@@ -78,6 +137,26 @@ export interface SidebarBrandConfig {
      */
     decorative?: boolean;
 }
+export interface SidebarScopeOption {
+    id: string;
+    label: string;
+    status?: 'active' | 'suspended' | 'archived' | 'warning' | 'error' | 'neutral';
+    disabled?: boolean;
+}
+export interface SidebarScopeConfig {
+    /** Label shown above/inside the selector. */
+    label?: string;
+    /** Icon name resolved through the active icon set. */
+    icon?: string;
+    /** Current selected option id. */
+    value?: string;
+    /** Fallback label when `value` does not match an option. */
+    placeholder?: string;
+    /** Options rendered in the selector menu. */
+    options: SidebarScopeOption[];
+    /** Called when the selected option changes. */
+    onChange?: (option: SidebarScopeOption) => void;
+}
 export interface SidebarComponentConfig {
     /** Container element (or selector) the sidebar is mounted into. */
     container: HTMLElement | string;
@@ -87,6 +166,12 @@ export interface SidebarComponentConfig {
     sections: SidebarSection[];
     /** Optional brand header rendered above the navigation. */
     brand?: SidebarBrandConfig;
+    /** Optional scope/tenant selector rendered below the brand. */
+    scope?: SidebarScopeConfig;
+    /** Optional element inserted between the header/scope area and navigation. */
+    beforeNav?: HTMLElement | HTMLElement[];
+    /** Optional element inserted after navigation and before footer. */
+    afterNav?: HTMLElement | HTMLElement[];
     /**
      * Render the shared edge-docked collapse control.
      * @default false
@@ -113,6 +198,41 @@ export interface SidebarComponentConfig {
      * @default false
      */
     collapsed?: boolean;
+    /**
+     * Current active nav item ID. Applied during initial render and when React
+     * wrappers call `setActive`.
+     */
+    activeItemId?: string;
+    /**
+     * Current route path used to derive active link state. When omitted, browser
+     * consumers fall back to `window.location.pathname`.
+     */
+    pathname?: string;
+    /**
+     * Persist collapsed state under this localStorage key.
+     * When omitted, collapsed state remains in memory only.
+     */
+    storageKey?: string;
+    /**
+     * Persist collapsed state when `storageKey` is supplied.
+     * @default true
+     */
+    persistCollapsed?: boolean;
+    /**
+     * Viewport width below which the sidebar behaves as a mobile drawer.
+     * @default 900
+     */
+    mobileBreakpoint?: number;
+    /**
+     * Render and control a mobile backdrop alongside the sidebar.
+     * @default false
+     */
+    mobileBackdrop?: boolean;
+    /**
+     * Close the mobile drawer after a nav item activates.
+     * @default true
+     */
+    closeOnNavigate?: boolean;
     /**
      * Controlled mobile open state. Reflected to `data-open` for the mobile
      * sidebar visibility contract.
@@ -123,5 +243,7 @@ export interface SidebarComponentConfig {
     onNavigate?: (item: SidebarNavItem) => void;
     /** Called when the sidebar's collapsed state changes. */
     onCollapse?: (collapsed: boolean) => void;
+    /** Called when the mobile open state changes. */
+    onOpenChange?: (open: boolean) => void;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/sidebar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/sidebar/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,WAAW,cAAc;IAC7B,8DAA8D;IAC9D,EAAE,EAAE,MAAM,CAAA;IACV,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACnF,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8CAA8C;IAC9C,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,mBAAmB;IAClC,wCAAwC;IACxC,EAAE,EAAE,MAAM,CAAA;IACV,sDAAsD;IACtD,IAAI,EAAE,MAAM,CAAA;IACZ,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uBAAuB;IACvB,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,mEAAmE;IACnE,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uCAAuC;IACvC,QAAQ,EAAE,cAAc,EAAE,CAAA;IAC1B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,oDAAoD;IACpD,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,2CAA2C;IAC3C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;IAC3C,yDAAyD;IACzD,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CAC1C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/sidebar/types.ts"],"names":[],"mappings":"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"}