@countermeasure-platform/web-components 0.2.0

package/dist/array-BjkKHsZp.js

@@ -0,0 +1,8 @@
+Array.prototype.slice;
+function e(e) {
+	return typeof e == "object" && "length" in e ? e : Array.from(e);
+}
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=array-BjkKHsZp.js.map

package/dist/array-BjkKHsZp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-BjkKHsZp.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-gNaqffAh.js

@@ -0,0 +1,35 @@
+import { t as e } from "./createLucideIcon-BPb01goH.js";
+var t = e("arrow-down", [["path", {
+	d: "M12 5v14",
+	key: "s699le"
+}], ["path", {
+	d: "m19 12-7 7-7-7",
+	key: "1idqje"
+}]]), n = e("arrow-up-down", [
+	["path", {
+		d: "m21 16-4 4-4-4",
+		key: "f6ql7i"
+	}],
+	["path", {
+		d: "M17 20V4",
+		key: "1ejh1v"
+	}],
+	["path", {
+		d: "m3 8 4-4 4 4",
+		key: "11wl7u"
+	}],
+	["path", {
+		d: "M7 4v16",
+		key: "1glfcx"
+	}]
+]), r = e("arrow-up", [["path", {
+	d: "m5 12 7-7 7 7",
+	key: "hav0vg"
+}], ["path", {
+	d: "M12 19V5",
+	key: "x0mq9r"
+}]]);
+//#endregion
+export { n, t as r, r as t };
+
+//# sourceMappingURL=arrow-up-gNaqffAh.js.map

package/dist/arrow-up-gNaqffAh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-up-gNaqffAh.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/auth/index.d.ts

@@ -0,0 +1,103 @@
+/**
+ * Authentication Utilities
+ *
+ * Shared authentication functionality for CounterMeasure applications.
+ */
+export interface TokenPayload {
+    sub: string;
+    exp: number;
+    iat: number;
+    roles?: string[];
+    groups?: string[];
+}
+export interface AuthResponse {
+    access_token: string;
+    refresh_token?: string;
+    token_type: string;
+    expires_in: number;
+}
+export interface UserInfo {
+    id: string;
+    username: string;
+    email: string;
+    display_name?: string;
+    roles: string[];
+    groups: string[];
+    is_active: boolean;
+    is_verified: boolean;
+}
+export interface MfaSetupPayload {
+    secret: string;
+    qr_code: string;
+    recovery_codes?: string[];
+}
+export interface MfaChallenge {
+    challenge_id: string;
+    challenge_type: 'totp' | 'webauthn' | 'recovery';
+}
+export interface WebConfig {
+    app_name?: string;
+    app_links?: AppLink[];
+}
+export interface AppLink {
+    name: string;
+    url: string;
+    icon?: string;
+}
+export interface AuthConfig {
+    accessTokenKey?: string;
+    refreshTokenKey?: string;
+    apiBasePath?: string;
+}
+/**
+ * Create an auth manager instance with the given configuration.
+ */
+export declare function createAuthManager(userConfig?: AuthConfig): {
+    getAccessToken: () => string | null;
+    getRefreshToken: () => string | null;
+    setTokens: (accessToken: string, refreshToken?: string) => void;
+    clearTokens: () => void;
+    parseToken: (token: string) => TokenPayload | null;
+    isTokenExpired: (token: string) => boolean;
+    isAuthenticated: () => boolean;
+    refreshAccessToken: () => Promise<string | null>;
+    logout: () => Promise<void>;
+    fetchWithAuth: (url: string, options?: RequestInit) => Promise<Response>;
+    extractTokenFromResponse: (response: unknown) => AuthResponse | null;
+    extractMfaChallengeFromResponse: (response: unknown) => MfaChallenge | null;
+    config: {
+        accessTokenKey: string;
+        refreshTokenKey: string;
+        apiBasePath: string;
+    };
+};
+export declare function getDefaultAuthManager(config?: AuthConfig): {
+    getAccessToken: () => string | null;
+    getRefreshToken: () => string | null;
+    setTokens: (accessToken: string, refreshToken?: string) => void;
+    clearTokens: () => void;
+    parseToken: (token: string) => TokenPayload | null;
+    isTokenExpired: (token: string) => boolean;
+    isAuthenticated: () => boolean;
+    refreshAccessToken: () => Promise<string | null>;
+    logout: () => Promise<void>;
+    fetchWithAuth: (url: string, options?: RequestInit) => Promise<Response>;
+    extractTokenFromResponse: (response: unknown) => AuthResponse | null;
+    extractMfaChallengeFromResponse: (response: unknown) => MfaChallenge | null;
+    config: {
+        accessTokenKey: string;
+        refreshTokenKey: string;
+        apiBasePath: string;
+    };
+};
+export declare const getAccessToken: () => string | null;
+export declare const getRefreshToken: () => string | null;
+export declare const setTokens: (accessToken: string, refreshToken?: string) => void;
+export declare const clearTokens: () => void;
+export declare const parseToken: (token: string) => TokenPayload | null;
+export declare const isTokenExpired: (token: string) => boolean;
+export declare const isAuthenticated: () => boolean;
+export declare const refreshAccessToken: () => Promise<string | null>;
+export declare const logout: () => Promise<void>;
+export declare const fetchWithAuth: (url: string, options?: RequestInit) => Promise<Response>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/auth/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;CAC1B;AAED,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,CAAA;CACjD;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,EAAE,CAAA;CACtB;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,UAAU;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAQD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,UAAU,GAAE,UAAe;0BAGhC,MAAM,GAAG,IAAI;2BAIZ,MAAM,GAAG,IAAI;6BAIT,MAAM,iBAAiB,MAAM,KAAG,IAAI;uBAO5C,IAAI;wBAKD,MAAM,KAAG,YAAY,GAAG,IAAI;4BAiBxB,MAAM,KAAG,OAAO;2BASnB,OAAO;8BAQE,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;kBA6BlC,OAAO,CAAC,IAAI,CAAC;yBAiBJ,MAAM,YAAW,WAAW,KAAQ,OAAO,CAAC,QAAQ,CAAC;yCAe3C,OAAO,KAAG,YAAY,GAAG,IAAI;gDAOtB,OAAO,KAAG,YAAY,GAAG,IAAI;;wBA3I/D,MAAM;yBACL,MAAM;qBACV,MAAM;;EA+JrB;AAKD,wBAAgB,qBAAqB,CAAC,MAAM,CAAC,EAAE,UAAU;0BArJ5B,MAAM,GAAG,IAAI;2BAIZ,MAAM,GAAG,IAAI;6BAIT,MAAM,iBAAiB,MAAM,KAAG,IAAI;uBAO5C,IAAI;wBAKD,MAAM,KAAG,YAAY,GAAG,IAAI;4BAiBxB,MAAM,KAAG,OAAO;2BASnB,OAAO;8BAQE,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;kBA6BlC,OAAO,CAAC,IAAI,CAAC;yBAiBJ,MAAM,YAAW,WAAW,KAAQ,OAAO,CAAC,QAAQ,CAAC;yCAe3C,OAAO,KAAG,YAAY,GAAG,IAAI;gDAOtB,OAAO,KAAG,YAAY,GAAG,IAAI;;wBA3I/D,MAAM;yBACL,MAAM;qBACV,MAAM;;EAuKrB;AAGD,eAAO,MAAM,cAAc,qBAAiD,CAAA;AAC5E,eAAO,MAAM,eAAe,qBAAkD,CAAA;AAC9E,eAAO,MAAM,SAAS,GAAI,aAAa,MAAM,EAAE,eAAe,MAAM,SAEnE,CAAA;AACD,eAAO,MAAM,WAAW,YAEvB,CAAA;AACD,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,wBAA8C,CAAA;AACtF,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,YAAkD,CAAA;AAC9F,eAAO,MAAM,eAAe,eAAkD,CAAA;AAC9E,eAAO,MAAM,kBAAkB,8BAAqD,CAAA;AACpF,eAAO,MAAM,MAAM,qBAAyC,CAAA;AAC5D,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,EAAE,UAAU,WAAW,sBACX,CAAA"}

package/dist/auth/index.js

@@ -0,0 +1,113 @@
+//#region src/auth/index.ts
+var e = {
+	accessTokenKey: "auth_access_token",
+	refreshTokenKey: "auth_refresh_token",
+	apiBasePath: "/api/v1/auth"
+};
+function t(t = {}) {
+	let n = {
+		...e,
+		...t
+	};
+	function r() {
+		return localStorage.getItem(n.accessTokenKey);
+	}
+	function i() {
+		return localStorage.getItem(n.refreshTokenKey);
+	}
+	function a(e, t) {
+		localStorage.setItem(n.accessTokenKey, e), t && localStorage.setItem(n.refreshTokenKey, t);
+	}
+	function o() {
+		localStorage.removeItem(n.accessTokenKey), localStorage.removeItem(n.refreshTokenKey);
+	}
+	function s(e) {
+		try {
+			let t = e.split(".");
+			if (t.length !== 3) return null;
+			let n = t[1];
+			return n ? JSON.parse(atob(n)) : null;
+		} catch {
+			return null;
+		}
+	}
+	function c(e) {
+		let t = s(e);
+		if (!t) return !0;
+		let n = Math.floor(Date.now() / 1e3);
+		return t.exp < n;
+	}
+	function l() {
+		let e = r();
+		return e ? !c(e) : !1;
+	}
+	async function u() {
+		let e = i();
+		if (!e) return null;
+		try {
+			let t = await fetch(`${n.apiBasePath}/refresh`, {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({ refresh_token: e })
+			});
+			if (!t.ok) return o(), null;
+			let r = await t.json();
+			return a(r.access_token, r.refresh_token), r.access_token;
+		} catch {
+			return o(), null;
+		}
+	}
+	async function d() {
+		let e = r();
+		if (e) try {
+			await fetch(`${n.apiBasePath}/logout`, {
+				method: "POST",
+				headers: { Authorization: `Bearer ${e}` }
+			});
+		} catch {}
+		o();
+	}
+	async function f(e, t = {}) {
+		let n = r();
+		n && c(n) && (n = await u());
+		let i = new Headers(t.headers);
+		return n && i.set("Authorization", `Bearer ${n}`), fetch(e, {
+			...t,
+			headers: i
+		});
+	}
+	function p(e) {
+		return typeof e == "object" && e && "access_token" in e ? e : null;
+	}
+	function m(e) {
+		return typeof e == "object" && e && "challenge_id" in e ? e : null;
+	}
+	return {
+		getAccessToken: r,
+		getRefreshToken: i,
+		setTokens: a,
+		clearTokens: o,
+		parseToken: s,
+		isTokenExpired: c,
+		isAuthenticated: l,
+		refreshAccessToken: u,
+		logout: d,
+		fetchWithAuth: f,
+		extractTokenFromResponse: p,
+		extractMfaChallengeFromResponse: m,
+		config: n
+	};
+}
+var n = null;
+function r(e) {
+	return n ??= t(e), n;
+}
+var i = () => r().getAccessToken(), a = () => r().getRefreshToken(), o = (e, t) => {
+	r().setTokens(e, t);
+}, s = () => {
+	r().clearTokens();
+}, c = (e) => r().parseToken(e), l = (e) => r().isTokenExpired(e), u = () => r().isAuthenticated(), d = () => r().refreshAccessToken(), f = () => r().logout(), p = (e, t) => r().fetchWithAuth(e, t);
+//#endregion
+export { s as clearTokens, t as createAuthManager, p as fetchWithAuth, i as getAccessToken, r as getDefaultAuthManager, a as getRefreshToken, u as isAuthenticated, l as isTokenExpired, f as logout, c as parseToken, d as refreshAccessToken, o as setTokens };
+
+//# sourceMappingURL=index.js.map

package/dist/auth/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/auth/index.ts"],"sourcesContent":["/**\n * Authentication Utilities\n *\n * Shared authentication functionality for CounterMeasure applications.\n */\n\nexport interface TokenPayload {\n  sub: string\n  exp: number\n  iat: number\n  roles?: string[]\n  groups?: string[]\n}\n\nexport interface AuthResponse {\n  access_token: string\n  refresh_token?: string\n  token_type: string\n  expires_in: number\n}\n\nexport interface UserInfo {\n  id: string\n  username: string\n  email: string\n  display_name?: string\n  roles: string[]\n  groups: string[]\n  is_active: boolean\n  is_verified: boolean\n}\n\nexport interface MfaSetupPayload {\n  secret: string\n  qr_code: string\n  recovery_codes?: string[]\n}\n\nexport interface MfaChallenge {\n  challenge_id: string\n  challenge_type: 'totp' | 'webauthn' | 'recovery'\n}\n\nexport interface WebConfig {\n  app_name?: string\n  app_links?: AppLink[]\n}\n\nexport interface AppLink {\n  name: string\n  url: string\n  icon?: string\n}\n\nexport interface AuthConfig {\n  accessTokenKey?: string\n  refreshTokenKey?: string\n  apiBasePath?: string\n}\n\nconst DEFAULT_CONFIG: Required<AuthConfig> = {\n  accessTokenKey: 'auth_access_token',\n  refreshTokenKey: 'auth_refresh_token',\n  apiBasePath: '/api/v1/auth',\n}\n\n/**\n * Create an auth manager instance with the given configuration.\n */\nexport function createAuthManager(userConfig: AuthConfig = {}) {\n  const config = { ...DEFAULT_CONFIG, ...userConfig }\n\n  function getAccessToken(): string | null {\n    return localStorage.getItem(config.accessTokenKey)\n  }\n\n  function getRefreshToken(): string | null {\n    return localStorage.getItem(config.refreshTokenKey)\n  }\n\n  function setTokens(accessToken: string, refreshToken?: string): void {\n    localStorage.setItem(config.accessTokenKey, accessToken)\n    if (refreshToken) {\n      localStorage.setItem(config.refreshTokenKey, refreshToken)\n    }\n  }\n\n  function clearTokens(): void {\n    localStorage.removeItem(config.accessTokenKey)\n    localStorage.removeItem(config.refreshTokenKey)\n  }\n\n  function parseToken(token: string): TokenPayload | null {\n    try {\n      const parts = token.split('.')\n      if (parts.length !== 3) {\n        return null\n      }\n      const encodedPayload = parts[1]\n      if (!encodedPayload) {\n        return null\n      }\n      const payload = JSON.parse(atob(encodedPayload)) as TokenPayload\n      return payload\n    } catch {\n      return null\n    }\n  }\n\n  function isTokenExpired(token: string): boolean {\n    const payload = parseToken(token)\n    if (!payload) {\n      return true\n    }\n    const now = Math.floor(Date.now() / 1000)\n    return payload.exp < now\n  }\n\n  function isAuthenticated(): boolean {\n    const token = getAccessToken()\n    if (!token) {\n      return false\n    }\n    return !isTokenExpired(token)\n  }\n\n  async function refreshAccessToken(): Promise<string | null> {\n    const refreshToken = getRefreshToken()\n    if (!refreshToken) {\n      return null\n    }\n\n    try {\n      const response = await fetch(`${config.apiBasePath}/refresh`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({ refresh_token: refreshToken }),\n      })\n\n      if (!response.ok) {\n        clearTokens()\n        return null\n      }\n\n      const data = (await response.json()) as AuthResponse\n      setTokens(data.access_token, data.refresh_token)\n      return data.access_token\n    } catch {\n      clearTokens()\n      return null\n    }\n  }\n\n  async function logout(): Promise<void> {\n    const token = getAccessToken()\n    if (token) {\n      try {\n        await fetch(`${config.apiBasePath}/logout`, {\n          method: 'POST',\n          headers: {\n            Authorization: `Bearer ${token}`,\n          },\n        })\n      } catch {\n        // Ignore errors during logout\n      }\n    }\n    clearTokens()\n  }\n\n  async function fetchWithAuth(url: string, options: RequestInit = {}): Promise<Response> {\n    let token = getAccessToken()\n\n    if (token && isTokenExpired(token)) {\n      token = await refreshAccessToken()\n    }\n\n    const headers = new Headers(options.headers)\n    if (token) {\n      headers.set('Authorization', `Bearer ${token}`)\n    }\n\n    return fetch(url, { ...options, headers })\n  }\n\n  function extractTokenFromResponse(response: unknown): AuthResponse | null {\n    if (typeof response === 'object' && response !== null && 'access_token' in response) {\n      return response as AuthResponse\n    }\n    return null\n  }\n\n  function extractMfaChallengeFromResponse(response: unknown): MfaChallenge | null {\n    if (typeof response === 'object' && response !== null && 'challenge_id' in response) {\n      return response as MfaChallenge\n    }\n    return null\n  }\n\n  return {\n    getAccessToken,\n    getRefreshToken,\n    setTokens,\n    clearTokens,\n    parseToken,\n    isTokenExpired,\n    isAuthenticated,\n    refreshAccessToken,\n    logout,\n    fetchWithAuth,\n    extractTokenFromResponse,\n    extractMfaChallengeFromResponse,\n    config,\n  }\n}\n\n// Default instance for simple usage\nlet defaultManager: ReturnType<typeof createAuthManager> | null = null\n\nexport function getDefaultAuthManager(config?: AuthConfig) {\n  defaultManager ??= createAuthManager(config)\n  return defaultManager\n}\n\n// Re-export convenience functions using default manager\nexport const getAccessToken = () => getDefaultAuthManager().getAccessToken()\nexport const getRefreshToken = () => getDefaultAuthManager().getRefreshToken()\nexport const setTokens = (accessToken: string, refreshToken?: string) => {\n  getDefaultAuthManager().setTokens(accessToken, refreshToken)\n}\nexport const clearTokens = () => {\n  getDefaultAuthManager().clearTokens()\n}\nexport const parseToken = (token: string) => getDefaultAuthManager().parseToken(token)\nexport const isTokenExpired = (token: string) => getDefaultAuthManager().isTokenExpired(token)\nexport const isAuthenticated = () => getDefaultAuthManager().isAuthenticated()\nexport const refreshAccessToken = () => getDefaultAuthManager().refreshAccessToken()\nexport const logout = () => getDefaultAuthManager().logout()\nexport const fetchWithAuth = (url: string, options?: RequestInit) =>\n  getDefaultAuthManager().fetchWithAuth(url, options)\n"],"mappings":"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"}

package/dist/avatar-Chu9WlV5.js

@@ -0,0 +1,102 @@
+import { n as e, t } from "./utils-Cn_W3h3f.js";
+//#region src/display/avatar/avatar-group.ts
+var n = class {
+	el;
+	maxCount;
+	groupSize;
+	avatars = [];
+	overflowEl = null;
+	constructor(e) {
+		this.maxCount = e.max, this.groupSize = e.size ?? "md", this.el = document.createElement("div"), this.el.className = this.buildClassName(e.className), this.el.setAttribute("role", "group"), this.el.setAttribute("aria-label", "Avatar group"), e.container !== void 0 && t(e.container).appendChild(this.el);
+	}
+	add(e) {
+		this.avatars.push(e), this.render();
+	}
+	setAvatars(e) {
+		this.avatars = [...e], this.render();
+	}
+	destroy() {
+		this.el.remove();
+	}
+	buildClassName(e) {
+		let t = ["cmm-avatar-group", `cmm-avatar-group--${this.groupSize}`];
+		return e && t.push(e), t.join(" ");
+	}
+	render() {
+		this.el.innerHTML = "", this.overflowEl = null;
+		let e = this.avatars.length, t = this.maxCount !== void 0 && this.maxCount < e ? this.maxCount : e;
+		for (let e = 0; e < t; e++) {
+			let t = this.avatars[e];
+			t !== void 0 && this.el.appendChild(t.el);
+		}
+		let n = e - t;
+		n > 0 && (this.overflowEl = document.createElement("span"), this.overflowEl.className = "cmm-avatar-group__overflow", this.overflowEl.textContent = `+${String(n)}`, this.overflowEl.setAttribute("aria-label", `${String(n)} more`), this.el.appendChild(this.overflowEl));
+	}
+}, r = "<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>";
+function i(e) {
+	let t = e.trim().split(/\s+/), n = t[0], r = t[1];
+	if (n === void 0) return "";
+	let i = n[0] ?? "";
+	return r === void 0 ? i.toUpperCase() : `${i}${r[0] ?? ""}`.toUpperCase();
+}
+var a = class {
+	el;
+	avatarId;
+	currentSize;
+	currentShape;
+	currentSrc;
+	currentName;
+	contentEl;
+	statusEl = null;
+	constructor(n) {
+		this.avatarId = e("cmm-avatar"), this.currentSize = n.size ?? "md", this.currentShape = n.shape ?? "circle", this.currentSrc = n.src, this.currentName = n.name, this.el = document.createElement("div"), this.el.id = this.avatarId, this.el.className = this.buildClassName(n.className), n.decorative === !0 ? this.el.setAttribute("role", "presentation") : (this.el.setAttribute("role", "img"), this.el.setAttribute("aria-label", n.alt ?? n.name ?? "User avatar")), this.contentEl = this.createContent(), this.el.appendChild(this.contentEl), n.status !== void 0 && (this.statusEl = this.createStatusEl(n.status), this.el.appendChild(this.statusEl)), n.container !== void 0 && t(n.container).appendChild(this.el);
+	}
+	setSrc(e) {
+		this.currentSrc = e, this.rebuildContent();
+	}
+	setName(e) {
+		this.currentName = e, this.currentSrc === void 0 && this.rebuildContent(), this.el.setAttribute("aria-label", e);
+	}
+	setStatus(e) {
+		this.statusEl !== null && (this.statusEl.remove(), this.statusEl = null), e !== null && (this.statusEl = this.createStatusEl(e), this.el.appendChild(this.statusEl));
+	}
+	destroy() {
+		this.el.remove();
+	}
+	buildClassName(e) {
+		let t = [
+			"cmm-avatar",
+			`cmm-avatar--${this.currentSize}`,
+			`cmm-avatar--${this.currentShape}`
+		];
+		return e && t.push(e), t.join(" ");
+	}
+	createContent() {
+		return this.currentSrc === void 0 ? this.currentName ? this.createInitialsEl(this.currentName) : this.createDefaultIconEl() : this.createImageEl(this.currentSrc);
+	}
+	createImageEl(e) {
+		let t = document.createElement("img");
+		return t.className = "cmm-avatar__image", t.src = e, t.alt = "", t.setAttribute("aria-hidden", "true"), t.addEventListener("error", () => {
+			this.currentSrc = void 0, this.rebuildContent();
+		}), t;
+	}
+	createInitialsEl(e) {
+		let t = document.createElement("span");
+		return t.className = "cmm-avatar__initials", t.setAttribute("aria-hidden", "true"), t.textContent = i(e), t;
+	}
+	createDefaultIconEl() {
+		let e = document.createElement("span");
+		return e.className = "cmm-avatar__icon", e.setAttribute("aria-hidden", "true"), e.innerHTML = r, e;
+	}
+	createStatusEl(e) {
+		let t = document.createElement("span");
+		return t.className = `cmm-avatar__status cmm-avatar__status--${e}`, t.setAttribute("aria-hidden", "true"), t;
+	}
+	rebuildContent() {
+		this.contentEl.remove(), this.contentEl = this.createContent(), this.statusEl === null ? this.el.appendChild(this.contentEl) : this.el.insertBefore(this.contentEl, this.statusEl);
+	}
+};
+//#endregion
+export { n, a as t };
+
+//# sourceMappingURL=avatar-Chu9WlV5.js.map

package/dist/avatar-Chu9WlV5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-Chu9WlV5.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-DIbZWeHZ.js

@@ -0,0 +1,69 @@
+import { n as e, t } from "./utils-Cn_W3h3f.js";
+//#region src/display/badge/presets.ts
+var n = {
+	critical: "Critical",
+	high: "High",
+	medium: "Medium",
+	low: "Low",
+	info: "Info"
+}, r = {
+	active: "Active",
+	inactive: "Inactive",
+	pending: "Pending",
+	error: "Error"
+};
+function i(e, t) {
+	return new o({
+		label: n[e],
+		severity: e,
+		dot: !0,
+		...t
+	});
+}
+function a(e, t) {
+	return new o({
+		label: r[e],
+		status: e,
+		dot: !0,
+		...t
+	});
+}
+//#endregion
+//#region src/display/badge/index.ts
+var o = class {
+	el;
+	badgeId;
+	currentVariant;
+	labelEl;
+	dotEl = null;
+	removeBtn = null;
+	removeHandler;
+	removeBtnClickHandler = null;
+	constructor(n) {
+		if (this.badgeId = e("cmm-badge"), this.currentVariant = n.variant ?? "default", this.removeHandler = n.onRemove, this.el = document.createElement("span"), this.el.id = this.badgeId, this.el.className = this.buildClassName(n), n.dot === !0 && (this.dotEl = document.createElement("span"), this.dotEl.className = "cmm-badge__dot", this.dotEl.setAttribute("aria-hidden", "true"), this.el.appendChild(this.dotEl)), this.labelEl = document.createElement("span"), this.labelEl.className = "cmm-badge__label", this.labelEl.textContent = n.label, this.el.appendChild(this.labelEl), n.removable === !0) {
+			this.removeBtn = document.createElement("button"), this.removeBtn.className = "cmm-badge__remove", this.removeBtn.setAttribute("aria-label", "Remove"), this.removeBtn.type = "button", this.removeBtn.textContent = "×";
+			let e = () => {
+				this.removeHandler !== void 0 && this.removeHandler();
+			};
+			this.removeBtn.addEventListener("click", e), this.removeBtnClickHandler = e, this.el.appendChild(this.removeBtn);
+		}
+		n.container !== void 0 && t(n.container).appendChild(this.el);
+	}
+	setLabel(e) {
+		this.labelEl.textContent = e;
+	}
+	setVariant(e) {
+		this.el.classList.remove(`cmm-badge--${this.currentVariant}`), this.currentVariant = e, this.el.classList.add(`cmm-badge--${this.currentVariant}`);
+	}
+	destroy() {
+		this.removeBtn !== null && this.removeBtnClickHandler !== null && this.removeBtn.removeEventListener("click", this.removeBtnClickHandler), this.el.remove();
+	}
+	buildClassName(e) {
+		let t = ["cmm-badge", `cmm-badge--${this.currentVariant}`];
+		return e.severity !== void 0 && t.push(`cmm-badge--severity-${e.severity}`), e.status !== void 0 && t.push(`cmm-badge--status-${e.status}`), e.className && t.push(e.className), t.join(" ");
+	}
+};
+//#endregion
+export { i as n, a as r, o as t };
+
+//# sourceMappingURL=badge-DIbZWeHZ.js.map

package/dist/badge-DIbZWeHZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-DIbZWeHZ.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"}