@countermeasure-platform/web-components 1.2.1-dev.4.1 → 1.2.1

package/dist/{array-DPBIBG3p.js → array-DXadUs1s.js}

@@ -5,4 +5,4 @@ function e(e) {
 //#endregion
 export { e as t };
 
-//# sourceMappingURL=array-DPBIBG3p.js.map
+//# sourceMappingURL=array-DXadUs1s.js.map

package/dist/{array-DPBIBG3p.js.map → array-DXadUs1s.js.map}

@@ -1 +1 @@
-{"version":3,"file":"array-DPBIBG3p.js","names":[],"sources":["../node_modules/d3-shape/src/array.js"],"sourcesContent":["export var slice = Array.prototype.slice;\n\nexport default function(x) {\n  return typeof x === \"object\" && \"length\" in x\n    ? x // Array, TypedArray, NodeList, array-like\n    : Array.from(x); // Map, Set, iterable, string, or anything else\n}\n"],"x_google_ignoreList":[0],"mappings":"AAAmB,MAAM,UAAU;AAEnC,SAAA,EAAwB,GAAG;AACzB,QAAO,OAAO,KAAM,YAAY,YAAY,IACxC,IACA,MAAM,KAAK,EAAE"}
+{"version":3,"file":"array-DXadUs1s.js","names":[],"sources":["../node_modules/d3-shape/src/array.js"],"sourcesContent":["export var slice = Array.prototype.slice;\n\nexport default function(x) {\n  return typeof x === \"object\" && \"length\" in x\n    ? x // Array, TypedArray, NodeList, array-like\n    : Array.from(x); // Map, Set, iterable, string, or anything else\n}\n"],"x_google_ignoreList":[0],"mappings":"AAAmB,MAAM,UAAU;AAEnC,SAAA,EAAwB,GAAG;AACzB,QAAO,OAAO,KAAM,YAAY,YAAY,IACxC,IACA,MAAM,KAAK,EAAE"}

package/dist/{arrow-up-BhjinjWg.js → arrow-up-CJJ5q2ht.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-wKpAnzBe.js";
+import { t as e } from "./createLucideIcon-Cfb5CZJx.js";
 var t = e("arrow-down", [["path", {
 	d: "M12 5v14",
 	key: "s699le"
@@ -32,4 +32,4 @@ var t = e("arrow-down", [["path", {
 //#endregion
 export { n, t as r, r as t };
 
-//# sourceMappingURL=arrow-up-BhjinjWg.js.map
+//# sourceMappingURL=arrow-up-CJJ5q2ht.js.map

package/dist/{arrow-up-BhjinjWg.js.map → arrow-up-CJJ5q2ht.js.map}

@@ -1 +1 @@
-{"version":3,"file":"arrow-up-BhjinjWg.js","names":["__iconNode","__iconNode"],"sources":["../node_modules/lucide-react/dist/esm/icons/arrow-down.js","../node_modules/lucide-react/dist/esm/icons/arrow-up-down.js","../node_modules/lucide-react/dist/esm/icons/arrow-up.js"],"sourcesContent":["/**\n * @license lucide-react v1.6.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 5v14\", key: \"s699le\" }],\n  [\"path\", { d: \"m19 12-7 7-7-7\", key: \"1idqje\" }]\n];\nconst ArrowDown = createLucideIcon(\"arrow-down\", __iconNode);\n\nexport { __iconNode, ArrowDown as default };\n//# sourceMappingURL=arrow-down.js.map\n","/**\n * @license lucide-react v1.6.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"m21 16-4 4-4-4\", key: \"f6ql7i\" }],\n  [\"path\", { d: \"M17 20V4\", key: \"1ejh1v\" }],\n  [\"path\", { d: \"m3 8 4-4 4 4\", key: \"11wl7u\" }],\n  [\"path\", { d: \"M7 4v16\", key: \"1glfcx\" }]\n];\nconst ArrowUpDown = createLucideIcon(\"arrow-up-down\", __iconNode);\n\nexport { __iconNode, ArrowUpDown as default };\n//# sourceMappingURL=arrow-up-down.js.map\n","/**\n * @license lucide-react v1.6.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"m5 12 7-7 7 7\", key: \"hav0vg\" }],\n  [\"path\", { d: \"M12 19V5\", key: \"x0mq9r\" }]\n];\nconst ArrowUp = createLucideIcon(\"arrow-up\", __iconNode);\n\nexport { __iconNode, ArrowUp as default };\n//# sourceMappingURL=arrow-up.js.map\n"],"x_google_ignoreList":[0,1,2],"mappings":";AAaA,IAAM,IAAY,EAAiB,cAJhB,CACjB,CAAC,QAAQ;CAAE,GAAG;CAAY,KAAK;CAAU,CAAC,EAC1C,CAAC,QAAQ;CAAE,GAAG;CAAkB,KAAK;CAAU,CAAC,CACjD,CAC2D,ECEtD,IAAc,EAAiB,iBANlB;CACjB,CAAC,QAAQ;EAAE,GAAG;EAAkB,KAAK;EAAU,CAAC;CAChD,CAAC,QAAQ;EAAE,GAAG;EAAY,KAAK;EAAU,CAAC;CAC1C,CAAC,QAAQ;EAAE,GAAG;EAAgB,KAAK;EAAU,CAAC;CAC9C,CAAC,QAAQ;EAAE,GAAG;EAAW,KAAK;EAAU,CAAC;CAC1C,CACgE,ECF3D,IAAU,EAAiB,YAJd,CACjB,CAAC,QAAQ;CAAE,GAAG;CAAiB,KAAK;CAAU,CAAC,EAC/C,CAAC,QAAQ;CAAE,GAAG;CAAY,KAAK;CAAU,CAAC,CAC3C,CACuD"}
+{"version":3,"file":"arrow-up-CJJ5q2ht.js","names":["__iconNode","__iconNode"],"sources":["../node_modules/lucide-react/dist/esm/icons/arrow-down.js","../node_modules/lucide-react/dist/esm/icons/arrow-up-down.js","../node_modules/lucide-react/dist/esm/icons/arrow-up.js"],"sourcesContent":["/**\n * @license lucide-react v1.6.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 5v14\", key: \"s699le\" }],\n  [\"path\", { d: \"m19 12-7 7-7-7\", key: \"1idqje\" }]\n];\nconst ArrowDown = createLucideIcon(\"arrow-down\", __iconNode);\n\nexport { __iconNode, ArrowDown as default };\n//# sourceMappingURL=arrow-down.js.map\n","/**\n * @license lucide-react v1.6.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"m21 16-4 4-4-4\", key: \"f6ql7i\" }],\n  [\"path\", { d: \"M17 20V4\", key: \"1ejh1v\" }],\n  [\"path\", { d: \"m3 8 4-4 4 4\", key: \"11wl7u\" }],\n  [\"path\", { d: \"M7 4v16\", key: \"1glfcx\" }]\n];\nconst ArrowUpDown = createLucideIcon(\"arrow-up-down\", __iconNode);\n\nexport { __iconNode, ArrowUpDown as default };\n//# sourceMappingURL=arrow-up-down.js.map\n","/**\n * @license lucide-react v1.6.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"m5 12 7-7 7 7\", key: \"hav0vg\" }],\n  [\"path\", { d: \"M12 19V5\", key: \"x0mq9r\" }]\n];\nconst ArrowUp = createLucideIcon(\"arrow-up\", __iconNode);\n\nexport { __iconNode, ArrowUp as default };\n//# sourceMappingURL=arrow-up.js.map\n"],"x_google_ignoreList":[0,1,2],"mappings":";AAaA,IAAM,IAAY,EAAiB,cAJhB,CACjB,CAAC,QAAQ;CAAE,GAAG;CAAY,KAAK;CAAU,CAAC,EAC1C,CAAC,QAAQ;CAAE,GAAG;CAAkB,KAAK;CAAU,CAAC,CACjD,CAC2D,ECEtD,IAAc,EAAiB,iBANlB;CACjB,CAAC,QAAQ;EAAE,GAAG;EAAkB,KAAK;EAAU,CAAC;CAChD,CAAC,QAAQ;EAAE,GAAG;EAAY,KAAK;EAAU,CAAC;CAC1C,CAAC,QAAQ;EAAE,GAAG;EAAgB,KAAK;EAAU,CAAC;CAC9C,CAAC,QAAQ;EAAE,GAAG;EAAW,KAAK;EAAU,CAAC;CAC1C,CACgE,ECF3D,IAAU,EAAiB,YAJd,CACjB,CAAC,QAAQ;CAAE,GAAG;CAAiB,KAAK;CAAU,CAAC,EAC/C,CAAC,QAAQ;CAAE,GAAG;CAAY,KAAK;CAAU,CAAC,CAC3C,CACuD"}

package/dist/{avatar-CZGZhjvv.js → avatar-DIhd5zYT.js}

@@ -99,4 +99,4 @@ var a = class {
 //#endregion
 export { n, a as t };
 
-//# sourceMappingURL=avatar-CZGZhjvv.js.map
+//# sourceMappingURL=avatar-DIhd5zYT.js.map

package/dist/{avatar-CZGZhjvv.js.map → avatar-DIhd5zYT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar-CZGZhjvv.js","names":[],"sources":["../src/display/avatar/avatar-group.ts","../src/display/avatar/index.ts"],"sourcesContent":["/**\n * AvatarGroup - Stacks avatars with overlap and overflow indicator\n * @countermeasure/web-components/display/avatar\n */\n\nimport { type AvatarGroupConfig, type AvatarSize } from './types'\nimport { type Avatar } from './index'\nimport { resolveContainer } from '../../primitives/utils'\n\nexport class AvatarGroup {\n  public readonly el: HTMLDivElement\n\n  private readonly maxCount: number | undefined\n  private readonly groupSize: AvatarSize\n  private avatars: Avatar[] = []\n  private overflowEl: HTMLSpanElement | null = null\n\n  constructor(config: AvatarGroupConfig) {\n    this.maxCount = config.max\n    this.groupSize = config.size ?? 'md'\n\n    this.el = document.createElement('div')\n    this.el.className = this.buildClassName(config.className)\n    this.el.setAttribute('role', 'group')\n    this.el.setAttribute('aria-label', 'Avatar group')\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Add a single avatar to the group */\n  add(avatar: Avatar): void {\n    this.avatars.push(avatar)\n    this.render()\n  }\n\n  /** Replace all avatars in the group */\n  setAvatars(avatars: Avatar[]): void {\n    this.avatars = [...avatars]\n    this.render()\n  }\n\n  /** Remove the group from the DOM */\n  destroy(): void {\n    this.el.remove()\n  }\n\n  private buildClassName(extra?: string): string {\n    const classes = ['cmm-avatar-group', `cmm-avatar-group--${this.groupSize}`]\n    if (extra) {\n      classes.push(extra)\n    }\n    return classes.join(' ')\n  }\n\n  private render(): void {\n    // Clear current content\n    this.el.innerHTML = ''\n    this.overflowEl = null\n\n    const total = this.avatars.length\n    const limit = this.maxCount !== undefined && this.maxCount < total ? this.maxCount : total\n\n    // Add visible avatars\n    for (let i = 0; i < limit; i++) {\n      const avatar = this.avatars[i]\n      if (avatar !== undefined) {\n        this.el.appendChild(avatar.el)\n      }\n    }\n\n    // Add overflow indicator if needed\n    const overflow = total - limit\n    if (overflow > 0) {\n      this.overflowEl = document.createElement('span')\n      this.overflowEl.className = 'cmm-avatar-group__overflow'\n      this.overflowEl.textContent = `+${String(overflow)}`\n      this.overflowEl.setAttribute('aria-label', `${String(overflow)} more`)\n      this.el.appendChild(this.overflowEl)\n    }\n  }\n}\n","/**\n * Avatar - User avatar with image, initials fallback, and status indicator\n * @countermeasure/web-components/display/avatar\n */\n\nimport { type AvatarConfig, type AvatarSize, type AvatarShape, type AvatarStatus } from './types'\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\n\nexport type {\n  AvatarConfig,\n  AvatarSize,\n  AvatarShape,\n  AvatarStatus,\n  AvatarGroupConfig,\n} from './types'\nexport { AvatarGroup } from './avatar-group'\n\n/** Default user icon SVG for when no image or name is provided */\nconst DEFAULT_USER_ICON =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"/><circle cx=\"12\" cy=\"7\" r=\"4\"/></svg>'\n\n/** Extract initials from a name string (first letter of first two words) */\nfunction extractInitials(name: string): string {\n  const words = name.trim().split(/\\s+/)\n  const first = words[0]\n  const second = words[1]\n  if (first === undefined) {\n    return ''\n  }\n  const firstChar = first[0] ?? ''\n  if (second !== undefined) {\n    const secondChar = second[0] ?? ''\n    return `${firstChar}${secondChar}`.toUpperCase()\n  }\n  return firstChar.toUpperCase()\n}\n\nexport class Avatar {\n  public readonly el: HTMLDivElement\n\n  private readonly avatarId: string\n  private currentSize: AvatarSize\n  private currentShape: AvatarShape\n  private currentSrc: string | undefined\n  private currentName: string | undefined\n  private contentEl: HTMLImageElement | HTMLSpanElement\n  private statusEl: HTMLSpanElement | null = null\n\n  constructor(config: AvatarConfig) {\n    this.avatarId = uniqueId('cmm-avatar')\n    this.currentSize = config.size ?? 'md'\n    this.currentShape = config.shape ?? 'circle'\n    this.currentSrc = config.src\n    this.currentName = config.name\n\n    // Create root element\n    this.el = document.createElement('div')\n    this.el.id = this.avatarId\n    this.el.className = this.buildClassName(config.className)\n    if (config.decorative === true) {\n      this.el.setAttribute('role', 'presentation')\n    } else {\n      this.el.setAttribute('role', 'img')\n      this.el.setAttribute('aria-label', config.alt ?? config.name ?? 'User avatar')\n    }\n\n    // Create content (image, initials, or default icon)\n    this.contentEl = this.createContent()\n    this.el.appendChild(this.contentEl)\n\n    // Create status indicator\n    if (config.status !== undefined) {\n      this.statusEl = this.createStatusEl(config.status)\n      this.el.appendChild(this.statusEl)\n    }\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Update the avatar image source */\n  setSrc(src: string): void {\n    this.currentSrc = src\n    this.rebuildContent()\n  }\n\n  /** Update the avatar name (used for initials) */\n  setName(name: string): void {\n    this.currentName = name\n    // Only rebuild if we're not showing an image\n    if (this.currentSrc === undefined) {\n      this.rebuildContent()\n    }\n    this.el.setAttribute('aria-label', name)\n  }\n\n  /** Update or clear the status indicator */\n  setStatus(status: AvatarStatus | null): void {\n    // Remove existing status indicator\n    if (this.statusEl !== null) {\n      this.statusEl.remove()\n      this.statusEl = null\n    }\n\n    if (status !== null) {\n      this.statusEl = this.createStatusEl(status)\n      this.el.appendChild(this.statusEl)\n    }\n  }\n\n  /** Remove the avatar from the DOM and clean up */\n  destroy(): void {\n    this.el.remove()\n  }\n\n  private buildClassName(extra?: string): string {\n    const classes = [\n      'cmm-avatar',\n      `cmm-avatar--${this.currentSize}`,\n      `cmm-avatar--${this.currentShape}`,\n    ]\n    if (extra) {\n      classes.push(extra)\n    }\n    return classes.join(' ')\n  }\n\n  private createContent(): HTMLImageElement | HTMLSpanElement {\n    if (this.currentSrc !== undefined) {\n      return this.createImageEl(this.currentSrc)\n    }\n    if (this.currentName) {\n      return this.createInitialsEl(this.currentName)\n    }\n    return this.createDefaultIconEl()\n  }\n\n  private createImageEl(src: string): HTMLImageElement {\n    const img = document.createElement('img')\n    img.className = 'cmm-avatar__image'\n    img.src = src\n    img.alt = ''\n    img.setAttribute('aria-hidden', 'true')\n    img.addEventListener('error', () => {\n      this.currentSrc = undefined\n      this.rebuildContent()\n    })\n    return img\n  }\n\n  private createInitialsEl(name: string): HTMLSpanElement {\n    const span = document.createElement('span')\n    span.className = 'cmm-avatar__initials'\n    span.setAttribute('aria-hidden', 'true')\n    span.textContent = extractInitials(name)\n    return span\n  }\n\n  private createDefaultIconEl(): HTMLSpanElement {\n    const span = document.createElement('span')\n    span.className = 'cmm-avatar__icon'\n    span.setAttribute('aria-hidden', 'true')\n    span.innerHTML = DEFAULT_USER_ICON\n    return span\n  }\n\n  private createStatusEl(status: AvatarStatus): HTMLSpanElement {\n    const span = document.createElement('span')\n    span.className = `cmm-avatar__status cmm-avatar__status--${status}`\n    span.setAttribute('aria-hidden', 'true')\n    return span\n  }\n\n  private rebuildContent(): void {\n    this.contentEl.remove()\n    this.contentEl = this.createContent()\n    // Insert content before status if status exists\n    if (this.statusEl !== null) {\n      this.el.insertBefore(this.contentEl, this.statusEl)\n    } else {\n      this.el.appendChild(this.contentEl)\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"avatar-DIhd5zYT.js","names":[],"sources":["../src/display/avatar/avatar-group.ts","../src/display/avatar/index.ts"],"sourcesContent":["/**\n * AvatarGroup - Stacks avatars with overlap and overflow indicator\n * @countermeasure/web-components/display/avatar\n */\n\nimport { type AvatarGroupConfig, type AvatarSize } from './types'\nimport { type Avatar } from './index'\nimport { resolveContainer } from '../../primitives/utils'\n\nexport class AvatarGroup {\n  public readonly el: HTMLDivElement\n\n  private readonly maxCount: number | undefined\n  private readonly groupSize: AvatarSize\n  private avatars: Avatar[] = []\n  private overflowEl: HTMLSpanElement | null = null\n\n  constructor(config: AvatarGroupConfig) {\n    this.maxCount = config.max\n    this.groupSize = config.size ?? 'md'\n\n    this.el = document.createElement('div')\n    this.el.className = this.buildClassName(config.className)\n    this.el.setAttribute('role', 'group')\n    this.el.setAttribute('aria-label', 'Avatar group')\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Add a single avatar to the group */\n  add(avatar: Avatar): void {\n    this.avatars.push(avatar)\n    this.render()\n  }\n\n  /** Replace all avatars in the group */\n  setAvatars(avatars: Avatar[]): void {\n    this.avatars = [...avatars]\n    this.render()\n  }\n\n  /** Remove the group from the DOM */\n  destroy(): void {\n    this.el.remove()\n  }\n\n  private buildClassName(extra?: string): string {\n    const classes = ['cmm-avatar-group', `cmm-avatar-group--${this.groupSize}`]\n    if (extra) {\n      classes.push(extra)\n    }\n    return classes.join(' ')\n  }\n\n  private render(): void {\n    // Clear current content\n    this.el.innerHTML = ''\n    this.overflowEl = null\n\n    const total = this.avatars.length\n    const limit = this.maxCount !== undefined && this.maxCount < total ? this.maxCount : total\n\n    // Add visible avatars\n    for (let i = 0; i < limit; i++) {\n      const avatar = this.avatars[i]\n      if (avatar !== undefined) {\n        this.el.appendChild(avatar.el)\n      }\n    }\n\n    // Add overflow indicator if needed\n    const overflow = total - limit\n    if (overflow > 0) {\n      this.overflowEl = document.createElement('span')\n      this.overflowEl.className = 'cmm-avatar-group__overflow'\n      this.overflowEl.textContent = `+${String(overflow)}`\n      this.overflowEl.setAttribute('aria-label', `${String(overflow)} more`)\n      this.el.appendChild(this.overflowEl)\n    }\n  }\n}\n","/**\n * Avatar - User avatar with image, initials fallback, and status indicator\n * @countermeasure/web-components/display/avatar\n */\n\nimport { type AvatarConfig, type AvatarSize, type AvatarShape, type AvatarStatus } from './types'\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\n\nexport type {\n  AvatarConfig,\n  AvatarSize,\n  AvatarShape,\n  AvatarStatus,\n  AvatarGroupConfig,\n} from './types'\nexport { AvatarGroup } from './avatar-group'\n\n/** Default user icon SVG for when no image or name is provided */\nconst DEFAULT_USER_ICON =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"/><circle cx=\"12\" cy=\"7\" r=\"4\"/></svg>'\n\n/** Extract initials from a name string (first letter of first two words) */\nfunction extractInitials(name: string): string {\n  const words = name.trim().split(/\\s+/)\n  const first = words[0]\n  const second = words[1]\n  if (first === undefined) {\n    return ''\n  }\n  const firstChar = first[0] ?? ''\n  if (second !== undefined) {\n    const secondChar = second[0] ?? ''\n    return `${firstChar}${secondChar}`.toUpperCase()\n  }\n  return firstChar.toUpperCase()\n}\n\nexport class Avatar {\n  public readonly el: HTMLDivElement\n\n  private readonly avatarId: string\n  private currentSize: AvatarSize\n  private currentShape: AvatarShape\n  private currentSrc: string | undefined\n  private currentName: string | undefined\n  private contentEl: HTMLImageElement | HTMLSpanElement\n  private statusEl: HTMLSpanElement | null = null\n\n  constructor(config: AvatarConfig) {\n    this.avatarId = uniqueId('cmm-avatar')\n    this.currentSize = config.size ?? 'md'\n    this.currentShape = config.shape ?? 'circle'\n    this.currentSrc = config.src\n    this.currentName = config.name\n\n    // Create root element\n    this.el = document.createElement('div')\n    this.el.id = this.avatarId\n    this.el.className = this.buildClassName(config.className)\n    if (config.decorative === true) {\n      this.el.setAttribute('role', 'presentation')\n    } else {\n      this.el.setAttribute('role', 'img')\n      this.el.setAttribute('aria-label', config.alt ?? config.name ?? 'User avatar')\n    }\n\n    // Create content (image, initials, or default icon)\n    this.contentEl = this.createContent()\n    this.el.appendChild(this.contentEl)\n\n    // Create status indicator\n    if (config.status !== undefined) {\n      this.statusEl = this.createStatusEl(config.status)\n      this.el.appendChild(this.statusEl)\n    }\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Update the avatar image source */\n  setSrc(src: string): void {\n    this.currentSrc = src\n    this.rebuildContent()\n  }\n\n  /** Update the avatar name (used for initials) */\n  setName(name: string): void {\n    this.currentName = name\n    // Only rebuild if we're not showing an image\n    if (this.currentSrc === undefined) {\n      this.rebuildContent()\n    }\n    this.el.setAttribute('aria-label', name)\n  }\n\n  /** Update or clear the status indicator */\n  setStatus(status: AvatarStatus | null): void {\n    // Remove existing status indicator\n    if (this.statusEl !== null) {\n      this.statusEl.remove()\n      this.statusEl = null\n    }\n\n    if (status !== null) {\n      this.statusEl = this.createStatusEl(status)\n      this.el.appendChild(this.statusEl)\n    }\n  }\n\n  /** Remove the avatar from the DOM and clean up */\n  destroy(): void {\n    this.el.remove()\n  }\n\n  private buildClassName(extra?: string): string {\n    const classes = [\n      'cmm-avatar',\n      `cmm-avatar--${this.currentSize}`,\n      `cmm-avatar--${this.currentShape}`,\n    ]\n    if (extra) {\n      classes.push(extra)\n    }\n    return classes.join(' ')\n  }\n\n  private createContent(): HTMLImageElement | HTMLSpanElement {\n    if (this.currentSrc !== undefined) {\n      return this.createImageEl(this.currentSrc)\n    }\n    if (this.currentName) {\n      return this.createInitialsEl(this.currentName)\n    }\n    return this.createDefaultIconEl()\n  }\n\n  private createImageEl(src: string): HTMLImageElement {\n    const img = document.createElement('img')\n    img.className = 'cmm-avatar__image'\n    img.src = src\n    img.alt = ''\n    img.setAttribute('aria-hidden', 'true')\n    img.addEventListener('error', () => {\n      this.currentSrc = undefined\n      this.rebuildContent()\n    })\n    return img\n  }\n\n  private createInitialsEl(name: string): HTMLSpanElement {\n    const span = document.createElement('span')\n    span.className = 'cmm-avatar__initials'\n    span.setAttribute('aria-hidden', 'true')\n    span.textContent = extractInitials(name)\n    return span\n  }\n\n  private createDefaultIconEl(): HTMLSpanElement {\n    const span = document.createElement('span')\n    span.className = 'cmm-avatar__icon'\n    span.setAttribute('aria-hidden', 'true')\n    span.innerHTML = DEFAULT_USER_ICON\n    return span\n  }\n\n  private createStatusEl(status: AvatarStatus): HTMLSpanElement {\n    const span = document.createElement('span')\n    span.className = `cmm-avatar__status cmm-avatar__status--${status}`\n    span.setAttribute('aria-hidden', 'true')\n    return span\n  }\n\n  private rebuildContent(): void {\n    this.contentEl.remove()\n    this.contentEl = this.createContent()\n    // Insert content before status if status exists\n    if (this.statusEl !== null) {\n      this.el.insertBefore(this.contentEl, this.statusEl)\n    } else {\n      this.el.appendChild(this.contentEl)\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/{badge-CAvV5GE2.js → badge-C2kAwL41.js}

@@ -66,4 +66,4 @@ var o = class {
 //#endregion
 export { i as n, a as r, o as t };
 
-//# sourceMappingURL=badge-CAvV5GE2.js.map
+//# sourceMappingURL=badge-C2kAwL41.js.map

package/dist/{badge-CAvV5GE2.js.map → badge-C2kAwL41.js.map}

@@ -1 +1 @@
-{"version":3,"file":"badge-CAvV5GE2.js","names":[],"sources":["../src/display/badge/presets.ts","../src/display/badge/index.ts"],"sourcesContent":["/**\n * Badge preset factory functions\n * @countermeasure/web-components/display/badge\n */\n\nimport { Badge } from './index'\nimport { type BadgeConfig, type BadgeSeverity, type BadgeStatus } from './types'\n\n/** Labels for severity levels */\nconst SEVERITY_LABELS: Record<BadgeSeverity, string> = {\n  critical: 'Critical',\n  high: 'High',\n  medium: 'Medium',\n  low: 'Low',\n  info: 'Info',\n}\n\n/** Labels for status values */\nconst STATUS_LABELS: Record<BadgeStatus, string> = {\n  active: 'Active',\n  inactive: 'Inactive',\n  pending: 'Pending',\n  error: 'Error',\n}\n\n/** Create a severity badge with appropriate styling */\nexport function severityBadge(severity: BadgeSeverity, config?: Partial<BadgeConfig>): Badge {\n  const mergedConfig: BadgeConfig = {\n    label: SEVERITY_LABELS[severity],\n    severity,\n    dot: true,\n    ...config,\n  }\n  return new Badge(mergedConfig)\n}\n\n/** Create a status badge with appropriate styling */\nexport function statusBadge(status: BadgeStatus, config?: Partial<BadgeConfig>): Badge {\n  const mergedConfig: BadgeConfig = {\n    label: STATUS_LABELS[status],\n    status,\n    dot: true,\n    ...config,\n  }\n  return new Badge(mergedConfig)\n}\n","/**\n * Badge - Small status indicator label\n * @countermeasure/web-components/display/badge\n */\n\nimport { type BadgeConfig, type BadgeVariant } from './types'\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\n\nexport type { BadgeConfig, BadgeVariant, BadgeSeverity, BadgeStatus } from './types'\nexport { severityBadge, statusBadge } from './presets'\n\nexport class Badge {\n  public readonly el: HTMLSpanElement\n\n  private readonly badgeId: string\n  private currentVariant: BadgeVariant\n  private labelEl: HTMLSpanElement\n  private dotEl: HTMLSpanElement | null = null\n  private removeBtn: HTMLButtonElement | null = null\n  private readonly removeHandler: (() => void) | undefined\n  private readonly removeBtnClickHandler: (() => void) | null = null\n\n  constructor(config: BadgeConfig) {\n    this.badgeId = uniqueId('cmm-badge')\n    this.currentVariant = config.variant ?? 'default'\n    this.removeHandler = config.onRemove\n\n    // Create root element\n    this.el = document.createElement('span')\n    this.el.id = this.badgeId\n    this.el.className = this.buildClassName(config)\n\n    // Create dot indicator\n    if (config.dot === true) {\n      this.dotEl = document.createElement('span')\n      this.dotEl.className = 'cmm-badge__dot'\n      this.dotEl.setAttribute('aria-hidden', 'true')\n      this.el.appendChild(this.dotEl)\n    }\n\n    // Create label\n    this.labelEl = document.createElement('span')\n    this.labelEl.className = 'cmm-badge__label'\n    this.labelEl.textContent = config.label\n    this.el.appendChild(this.labelEl)\n\n    // Create remove button\n    if (config.removable === true) {\n      this.removeBtn = document.createElement('button')\n      this.removeBtn.className = 'cmm-badge__remove'\n      this.removeBtn.setAttribute('aria-label', 'Remove')\n      this.removeBtn.type = 'button'\n      this.removeBtn.textContent = '\\u00d7'\n\n      const handler = () => {\n        if (this.removeHandler !== undefined) {\n          this.removeHandler()\n        }\n      }\n      // Store reference for cleanup via reassignment to a non-null local\n      const btnRef = this.removeBtn\n      btnRef.addEventListener('click', handler)\n      // Store in a way we can reference in destroy\n      this.removeBtnClickHandler = handler\n      this.el.appendChild(this.removeBtn)\n    }\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Update the badge label text */\n  setLabel(label: string): void {\n    this.labelEl.textContent = label\n  }\n\n  /** Change the badge variant */\n  setVariant(variant: BadgeVariant): void {\n    this.el.classList.remove(`cmm-badge--${this.currentVariant}`)\n    this.currentVariant = variant\n    this.el.classList.add(`cmm-badge--${this.currentVariant}`)\n  }\n\n  /** Remove the badge from the DOM and clean up */\n  destroy(): void {\n    if (this.removeBtn !== null && this.removeBtnClickHandler !== null) {\n      this.removeBtn.removeEventListener('click', this.removeBtnClickHandler)\n    }\n    this.el.remove()\n  }\n\n  private buildClassName(config: BadgeConfig): string {\n    const classes = ['cmm-badge', `cmm-badge--${this.currentVariant}`]\n\n    if (config.severity !== undefined) {\n      classes.push(`cmm-badge--severity-${config.severity}`)\n    }\n    if (config.status !== undefined) {\n      classes.push(`cmm-badge--status-${config.status}`)\n    }\n    if (config.className) {\n      classes.push(config.className)\n    }\n    return classes.join(' ')\n  }\n}\n"],"mappings":";;AASA,IAAM,IAAiD;CACrD,UAAU;CACV,MAAM;CACN,QAAQ;CACR,KAAK;CACL,MAAM;CACP,EAGK,IAA6C;CACjD,QAAQ;CACR,UAAU;CACV,SAAS;CACT,OAAO;CACR;AAGD,SAAgB,EAAc,GAAyB,GAAsC;AAO3F,QAAO,IAAI,EANuB;EAChC,OAAO,EAAgB;EACvB;EACA,KAAK;EACL,GAAG;EACJ,CAC6B;;AAIhC,SAAgB,EAAY,GAAqB,GAAsC;AAOrF,QAAO,IAAI,EANuB;EAChC,OAAO,EAAc;EACrB;EACA,KAAK;EACL,GAAG;EACJ,CAC6B;;;;ACjChC,IAAa,IAAb,MAAmB;CACjB;CAEA;CACA;CACA;CACA,QAAwC;CACxC,YAA8C;CAC9C;CACA,wBAA8D;CAE9D,YAAY,GAAqB;AAyB/B,MAxBA,KAAK,UAAU,EAAS,YAAY,EACpC,KAAK,iBAAiB,EAAO,WAAW,WACxC,KAAK,gBAAgB,EAAO,UAG5B,KAAK,KAAK,SAAS,cAAc,OAAO,EACxC,KAAK,GAAG,KAAK,KAAK,SAClB,KAAK,GAAG,YAAY,KAAK,eAAe,EAAO,EAG3C,EAAO,QAAQ,OACjB,KAAK,QAAQ,SAAS,cAAc,OAAO,EAC3C,KAAK,MAAM,YAAY,kBACvB,KAAK,MAAM,aAAa,eAAe,OAAO,EAC9C,KAAK,GAAG,YAAY,KAAK,MAAM,GAIjC,KAAK,UAAU,SAAS,cAAc,OAAO,EAC7C,KAAK,QAAQ,YAAY,oBACzB,KAAK,QAAQ,cAAc,EAAO,OAClC,KAAK,GAAG,YAAY,KAAK,QAAQ,EAG7B,EAAO,cAAc,IAAM;AAK7B,GAJA,KAAK,YAAY,SAAS,cAAc,SAAS,EACjD,KAAK,UAAU,YAAY,qBAC3B,KAAK,UAAU,aAAa,cAAc,SAAS,EACnD,KAAK,UAAU,OAAO,UACtB,KAAK,UAAU,cAAc;GAE7B,IAAM,UAAgB;AACpB,IAAI,KAAK,kBAAkB,KAAA,KACzB,KAAK,eAAe;;AAQxB,GAJe,KAAK,UACb,iBAAiB,SAAS,EAAQ,EAEzC,KAAK,wBAAwB,GAC7B,KAAK,GAAG,YAAY,KAAK,UAAU;;AAIrC,EAAI,EAAO,cAAc,KAAA,KACR,EAAiB,EAAO,UAAU,CAC1C,YAAY,KAAK,GAAG;;CAK/B,SAAS,GAAqB;AAC5B,OAAK,QAAQ,cAAc;;CAI7B,WAAW,GAA6B;AAGtC,EAFA,KAAK,GAAG,UAAU,OAAO,cAAc,KAAK,iBAAiB,EAC7D,KAAK,iBAAiB,GACtB,KAAK,GAAG,UAAU,IAAI,cAAc,KAAK,iBAAiB;;CAI5D,UAAgB;AAId,EAHI,KAAK,cAAc,QAAQ,KAAK,0BAA0B,QAC5D,KAAK,UAAU,oBAAoB,SAAS,KAAK,sBAAsB,EAEzE,KAAK,GAAG,QAAQ;;CAGlB,eAAuB,GAA6B;EAClD,IAAM,IAAU,CAAC,aAAa,cAAc,KAAK,iBAAiB;AAWlE,SATI,EAAO,aAAa,KAAA,KACtB,EAAQ,KAAK,uBAAuB,EAAO,WAAW,EAEpD,EAAO,WAAW,KAAA,KACpB,EAAQ,KAAK,qBAAqB,EAAO,SAAS,EAEhD,EAAO,aACT,EAAQ,KAAK,EAAO,UAAU,EAEzB,EAAQ,KAAK,IAAI"}
+{"version":3,"file":"badge-C2kAwL41.js","names":[],"sources":["../src/display/badge/presets.ts","../src/display/badge/index.ts"],"sourcesContent":["/**\n * Badge preset factory functions\n * @countermeasure/web-components/display/badge\n */\n\nimport { Badge } from './index'\nimport { type BadgeConfig, type BadgeSeverity, type BadgeStatus } from './types'\n\n/** Labels for severity levels */\nconst SEVERITY_LABELS: Record<BadgeSeverity, string> = {\n  critical: 'Critical',\n  high: 'High',\n  medium: 'Medium',\n  low: 'Low',\n  info: 'Info',\n}\n\n/** Labels for status values */\nconst STATUS_LABELS: Record<BadgeStatus, string> = {\n  active: 'Active',\n  inactive: 'Inactive',\n  pending: 'Pending',\n  error: 'Error',\n}\n\n/** Create a severity badge with appropriate styling */\nexport function severityBadge(severity: BadgeSeverity, config?: Partial<BadgeConfig>): Badge {\n  const mergedConfig: BadgeConfig = {\n    label: SEVERITY_LABELS[severity],\n    severity,\n    dot: true,\n    ...config,\n  }\n  return new Badge(mergedConfig)\n}\n\n/** Create a status badge with appropriate styling */\nexport function statusBadge(status: BadgeStatus, config?: Partial<BadgeConfig>): Badge {\n  const mergedConfig: BadgeConfig = {\n    label: STATUS_LABELS[status],\n    status,\n    dot: true,\n    ...config,\n  }\n  return new Badge(mergedConfig)\n}\n","/**\n * Badge - Small status indicator label\n * @countermeasure/web-components/display/badge\n */\n\nimport { type BadgeConfig, type BadgeVariant } from './types'\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\n\nexport type { BadgeConfig, BadgeVariant, BadgeSeverity, BadgeStatus } from './types'\nexport { severityBadge, statusBadge } from './presets'\n\nexport class Badge {\n  public readonly el: HTMLSpanElement\n\n  private readonly badgeId: string\n  private currentVariant: BadgeVariant\n  private labelEl: HTMLSpanElement\n  private dotEl: HTMLSpanElement | null = null\n  private removeBtn: HTMLButtonElement | null = null\n  private readonly removeHandler: (() => void) | undefined\n  private readonly removeBtnClickHandler: (() => void) | null = null\n\n  constructor(config: BadgeConfig) {\n    this.badgeId = uniqueId('cmm-badge')\n    this.currentVariant = config.variant ?? 'default'\n    this.removeHandler = config.onRemove\n\n    // Create root element\n    this.el = document.createElement('span')\n    this.el.id = this.badgeId\n    this.el.className = this.buildClassName(config)\n\n    // Create dot indicator\n    if (config.dot === true) {\n      this.dotEl = document.createElement('span')\n      this.dotEl.className = 'cmm-badge__dot'\n      this.dotEl.setAttribute('aria-hidden', 'true')\n      this.el.appendChild(this.dotEl)\n    }\n\n    // Create label\n    this.labelEl = document.createElement('span')\n    this.labelEl.className = 'cmm-badge__label'\n    this.labelEl.textContent = config.label\n    this.el.appendChild(this.labelEl)\n\n    // Create remove button\n    if (config.removable === true) {\n      this.removeBtn = document.createElement('button')\n      this.removeBtn.className = 'cmm-badge__remove'\n      this.removeBtn.setAttribute('aria-label', 'Remove')\n      this.removeBtn.type = 'button'\n      this.removeBtn.textContent = '\\u00d7'\n\n      const handler = () => {\n        if (this.removeHandler !== undefined) {\n          this.removeHandler()\n        }\n      }\n      // Store reference for cleanup via reassignment to a non-null local\n      const btnRef = this.removeBtn\n      btnRef.addEventListener('click', handler)\n      // Store in a way we can reference in destroy\n      this.removeBtnClickHandler = handler\n      this.el.appendChild(this.removeBtn)\n    }\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Update the badge label text */\n  setLabel(label: string): void {\n    this.labelEl.textContent = label\n  }\n\n  /** Change the badge variant */\n  setVariant(variant: BadgeVariant): void {\n    this.el.classList.remove(`cmm-badge--${this.currentVariant}`)\n    this.currentVariant = variant\n    this.el.classList.add(`cmm-badge--${this.currentVariant}`)\n  }\n\n  /** Remove the badge from the DOM and clean up */\n  destroy(): void {\n    if (this.removeBtn !== null && this.removeBtnClickHandler !== null) {\n      this.removeBtn.removeEventListener('click', this.removeBtnClickHandler)\n    }\n    this.el.remove()\n  }\n\n  private buildClassName(config: BadgeConfig): string {\n    const classes = ['cmm-badge', `cmm-badge--${this.currentVariant}`]\n\n    if (config.severity !== undefined) {\n      classes.push(`cmm-badge--severity-${config.severity}`)\n    }\n    if (config.status !== undefined) {\n      classes.push(`cmm-badge--status-${config.status}`)\n    }\n    if (config.className) {\n      classes.push(config.className)\n    }\n    return classes.join(' ')\n  }\n}\n"],"mappings":";;AASA,IAAM,IAAiD;CACrD,UAAU;CACV,MAAM;CACN,QAAQ;CACR,KAAK;CACL,MAAM;CACP,EAGK,IAA6C;CACjD,QAAQ;CACR,UAAU;CACV,SAAS;CACT,OAAO;CACR;AAGD,SAAgB,EAAc,GAAyB,GAAsC;AAO3F,QAAO,IAAI,EANuB;EAChC,OAAO,EAAgB;EACvB;EACA,KAAK;EACL,GAAG;EACJ,CAC6B;;AAIhC,SAAgB,EAAY,GAAqB,GAAsC;AAOrF,QAAO,IAAI,EANuB;EAChC,OAAO,EAAc;EACrB;EACA,KAAK;EACL,GAAG;EACJ,CAC6B;;;;ACjChC,IAAa,IAAb,MAAmB;CACjB;CAEA;CACA;CACA;CACA,QAAwC;CACxC,YAA8C;CAC9C;CACA,wBAA8D;CAE9D,YAAY,GAAqB;AAyB/B,MAxBA,KAAK,UAAU,EAAS,YAAY,EACpC,KAAK,iBAAiB,EAAO,WAAW,WACxC,KAAK,gBAAgB,EAAO,UAG5B,KAAK,KAAK,SAAS,cAAc,OAAO,EACxC,KAAK,GAAG,KAAK,KAAK,SAClB,KAAK,GAAG,YAAY,KAAK,eAAe,EAAO,EAG3C,EAAO,QAAQ,OACjB,KAAK,QAAQ,SAAS,cAAc,OAAO,EAC3C,KAAK,MAAM,YAAY,kBACvB,KAAK,MAAM,aAAa,eAAe,OAAO,EAC9C,KAAK,GAAG,YAAY,KAAK,MAAM,GAIjC,KAAK,UAAU,SAAS,cAAc,OAAO,EAC7C,KAAK,QAAQ,YAAY,oBACzB,KAAK,QAAQ,cAAc,EAAO,OAClC,KAAK,GAAG,YAAY,KAAK,QAAQ,EAG7B,EAAO,cAAc,IAAM;AAK7B,GAJA,KAAK,YAAY,SAAS,cAAc,SAAS,EACjD,KAAK,UAAU,YAAY,qBAC3B,KAAK,UAAU,aAAa,cAAc,SAAS,EACnD,KAAK,UAAU,OAAO,UACtB,KAAK,UAAU,cAAc;GAE7B,IAAM,UAAgB;AACpB,IAAI,KAAK,kBAAkB,KAAA,KACzB,KAAK,eAAe;;AAQxB,GAJe,KAAK,UACb,iBAAiB,SAAS,EAAQ,EAEzC,KAAK,wBAAwB,GAC7B,KAAK,GAAG,YAAY,KAAK,UAAU;;AAIrC,EAAI,EAAO,cAAc,KAAA,KACR,EAAiB,EAAO,UAAU,CAC1C,YAAY,KAAK,GAAG;;CAK/B,SAAS,GAAqB;AAC5B,OAAK,QAAQ,cAAc;;CAI7B,WAAW,GAA6B;AAGtC,EAFA,KAAK,GAAG,UAAU,OAAO,cAAc,KAAK,iBAAiB,EAC7D,KAAK,iBAAiB,GACtB,KAAK,GAAG,UAAU,IAAI,cAAc,KAAK,iBAAiB;;CAI5D,UAAgB;AAId,EAHI,KAAK,cAAc,QAAQ,KAAK,0BAA0B,QAC5D,KAAK,UAAU,oBAAoB,SAAS,KAAK,sBAAsB,EAEzE,KAAK,GAAG,QAAQ;;CAGlB,eAAuB,GAA6B;EAClD,IAAM,IAAU,CAAC,aAAa,cAAc,KAAK,iBAAiB;AAWlE,SATI,EAAO,aAAa,KAAA,KACtB,EAAQ,KAAK,uBAAuB,EAAO,WAAW,EAEpD,EAAO,WAAW,KAAA,KACpB,EAAQ,KAAK,qBAAqB,EAAO,SAAS,EAEhD,EAAO,aACT,EAAQ,KAAK,EAAO,UAAU,EAEzB,EAAQ,KAAK,IAAI"}

package/dist/{blockDiagram-WCTKOSBZ-DdPMGZ7X.js → blockDiagram-WCTKOSBZ-BH3jwWeU.js}

@@ -1,15 +1,15 @@
-import { w as e } from "./src-BEYP07TO.js";
-import { T as t, c as n, h as r, i } from "./chunk-GEFDOKGD-bXEkwPrJ.js";
-import { t as a } from "./clone-DxI1nSTP.js";
-import { t as o } from "./graphlib-DmFENmkJ.js";
-import { n as s, r as c } from "./src-hxErHTV1.js";
-import { D as l, L as u, a as d, b as f, c as p, s as m, tt as h, w as g, y as _ } from "./chunk-7R4GIKGN-DiZ1HYFd.js";
-import { t as v } from "./channel-BHvJxX8j.js";
-import { t as y } from "./line-xLJn8e8J.js";
-import { n as b } from "./chunk-PU5JKC2W-CAfe4Tg3.js";
-import { t as x } from "./chunk-FMBD7UC4-7bd068zf.js";
-import { n as S, t as C } from "./chunk-MX3YWQON-DnBlqD44.js";
-import { n as w, t as T } from "./chunk-YBOYWFTD-DVqQ1pen.js";
+import { w as e } from "./src-D1EMXotX.js";
+import { T as t, c as n, h as r, i } from "./chunk-GEFDOKGD-DGJJEGSm.js";
+import { t as a } from "./clone-CliVdNc8.js";
+import { t as o } from "./graphlib-ecencZTG.js";
+import { n as s, r as c } from "./src-BhNgmpel.js";
+import { D as l, L as u, a as d, b as f, c as p, s as m, tt as h, w as g, y as _ } from "./chunk-7R4GIKGN-DJmroLCH.js";
+import { t as v } from "./channel-LRbq43st.js";
+import { t as y } from "./line-Cq1AZT4f.js";
+import { n as b } from "./chunk-PU5JKC2W-DNpn_Yik.js";
+import { t as x } from "./chunk-FMBD7UC4-1IxrpdPX.js";
+import { n as S, t as C } from "./chunk-MX3YWQON-D43mcq1f.js";
+import { n as w, t as T } from "./chunk-YBOYWFTD-DkjEOcgZ.js";
 //#region node_modules/mermaid/dist/chunks/mermaid.core/blockDiagram-WCTKOSBZ.mjs
 var E = (function() {
 	var e = /* @__PURE__ */ s(function(e, t, n, r) {
@@ -3025,4 +3025,4 @@ var bt = {
 //#endregion
 export { bt as diagram };
 
-//# sourceMappingURL=blockDiagram-WCTKOSBZ-DdPMGZ7X.js.map
+//# sourceMappingURL=blockDiagram-WCTKOSBZ-BH3jwWeU.js.map