@countermeasure-platform/web-components 0.2.0

package/dist/ui/index.js

@@ -0,0 +1,198 @@
+//#region src/ui/index.ts
+var e = {
+	storageKey: "theme",
+	defaultTheme: "system",
+	themes: [
+		"light",
+		"dark",
+		"monokai",
+		"glass",
+		"system"
+	],
+	attribute: "data-theme"
+}, t = { ...e };
+function n(n) {
+	t = {
+		...e,
+		...n
+	};
+}
+function r(e) {
+	return e ? t.themes.includes(e) : !1;
+}
+function i(e) {
+	switch (e) {
+		case "monokai": return "Monokai";
+		case "glass": return "Glass";
+		case "dark": return "Dark";
+		case "light": return "Light";
+		case "system": return "System";
+		default: return e;
+	}
+}
+function a() {
+	let e = localStorage.getItem(t.storageKey);
+	return r(e) ? e : t.defaultTheme;
+}
+function o(e = a()) {
+	return e === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : e;
+}
+function s() {
+	let e = document.documentElement.getAttribute(t.attribute);
+	return r(e) ? e : a();
+}
+function c(e = a()) {
+	let n = o(e);
+	document.documentElement.classList.remove("light", "dark", "monokai", "glass"), document.documentElement.classList.add(n), document.documentElement.setAttribute(t.attribute, n);
+}
+function l(e) {
+	localStorage.setItem(t.storageKey, e);
+}
+function u(e) {
+	l(e), c(e), g(e);
+}
+function d(e) {
+	let n = t.themes.filter((e) => e !== "system"), r = n.indexOf(e);
+	return r >= 0 && n.length > 0 ? n[(r + 1) % n.length] ?? "light" : "dark";
+}
+function f() {
+	let e = d(s());
+	return u(e), e;
+}
+function p(e) {
+	t = {
+		...t,
+		themes: e
+	};
+}
+function m(e, t) {
+	let n = `Switch to ${i(d(t))} mode`;
+	e.setAttribute("aria-label", n), e.setAttribute("title", n);
+	let r = e.querySelector("[data-theme-label]");
+	r && (r.textContent = `${i(t)} mode`);
+}
+function h(e) {
+	document.querySelectorAll("[data-theme-option]").forEach((t) => {
+		let n = t.dataset.themeOption;
+		if (!r(n)) return;
+		let i = n === e;
+		t.setAttribute("aria-pressed", i ? "true" : "false"), t.dataset.active = i ? "true" : "false";
+	});
+}
+function g(e) {
+	let t = o(e);
+	document.querySelectorAll("[data-theme-toggle]").forEach((e) => {
+		m(e, t);
+	}), h(t);
+}
+function _(e) {
+	let t = e ?? "[data-theme-toggle]";
+	document.querySelectorAll(t).forEach((e) => {
+		e.addEventListener("click", () => f());
+	});
+}
+function v() {
+	document.querySelectorAll("[data-theme-option]").forEach((e) => {
+		let t = e.dataset.themeOption;
+		r(t) && e.addEventListener("click", () => {
+			u(t);
+		});
+	});
+}
+function y(e) {
+	let n = window.matchMedia("(prefers-color-scheme: dark)"), r = (n) => {
+		let r = localStorage.getItem(t.storageKey);
+		if (!(r === "system" || !(r !== null && r !== "") && t.defaultTheme === "system")) return;
+		let i = n.matches ? "dark" : "light";
+		c("system"), g(i), e?.(i);
+	};
+	return n.addEventListener("change", r), () => {
+		n.removeEventListener("change", r);
+	};
+}
+function b(e) {
+	e && n(e);
+	let t = a();
+	c(t), g(t), _(), v(), y();
+}
+function x(e = 5e3) {
+	document.querySelectorAll("[data-auto-dismiss]").forEach((t) => {
+		let n = parseInt(t.dataset.autoDismiss ?? "", 10);
+		setTimeout(() => {
+			t.classList.add("opacity-0", "transition-opacity", "duration-300"), setTimeout(() => {
+				t.remove();
+			}, 300);
+		}, Number.isNaN(n) || n === 0 ? e : n);
+	});
+}
+function S(e, t) {
+	let n = document.querySelector(e);
+	n && (n.querySelectorAll(".field-error").forEach((e) => {
+		e.remove();
+	}), n.querySelectorAll(".input-error").forEach((e) => {
+		e.classList.remove("input-error", "border-red-500");
+	}), t.forEach(({ field: e, message: t }) => {
+		let r = n.querySelector(`[name="${e}"]`);
+		if (r) {
+			r.classList.add("input-error", "border-red-500");
+			let e = document.createElement("p");
+			e.className = "field-error text-red-500 text-sm mt-1", e.textContent = t, r.parentNode?.appendChild(e);
+		}
+	}));
+}
+function C(e) {
+	let t = document.querySelector(e);
+	t && (t.querySelectorAll(".field-error").forEach((e) => {
+		e.remove();
+	}), t.querySelectorAll(".input-error").forEach((e) => {
+		e.classList.remove("input-error", "border-red-500");
+	}));
+}
+async function w(e, t = {}) {
+	let n = document.querySelector(e);
+	if (!n) return {
+		ok: !1,
+		errors: [{
+			field: "",
+			message: "Form not found"
+		}]
+	};
+	let r = new FormData(n), i = n.action === "" ? window.location.href : n.action, a = t.method ?? (n.method === "" ? "POST" : n.method), o, s = { ...t.headers };
+	t.transform ? (o = JSON.stringify(t.transform(r)), s["Content-Type"] = "application/json") : o = r;
+	try {
+		let e = await fetch(i, {
+			method: a,
+			headers: s,
+			body: o
+		}), t = await e.json();
+		if (!e.ok) {
+			let e = t;
+			return {
+				ok: !1,
+				errors: e.errors ?? [{
+					field: "",
+					message: e.message ?? "Request failed"
+				}]
+			};
+		}
+		return {
+			ok: !0,
+			data: t
+		};
+	} catch (e) {
+		return {
+			ok: !1,
+			errors: [{
+				field: "",
+				message: e instanceof Error ? e.message : "Network error"
+			}]
+		};
+	}
+}
+function T(e, t) {
+	t ? (e.disabled = !0, e.dataset.originalText = e.textContent || "", e.innerHTML = "\n      <svg class=\"animate-spin -ml-1 mr-2 h-4 w-4 inline\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>\n      </svg>\n      Loading...\n    ") : (e.disabled = !1, e.textContent = e.dataset.originalText ?? "Submit");
+}
+//#endregion
+export { c as applyTheme, C as clearFormErrors, n as configureTheme, S as displayFormErrors, s as getCurrentTheme, d as getNextTheme, a as getPreferredTheme, o as getResolvedTheme, i as getThemeLabel, b as initTheme, r as isValidTheme, l as saveTheme, T as setButtonLoading, u as setTheme, x as setupAutoDismiss, v as setupThemeOptions, _ as setupThemeToggle, w as submitForm, f as toggleTheme, p as updateToggleCycle, y as watchSystemTheme };
+
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/ui/index.ts"],"sourcesContent":["/**\n * UI Utilities\n *\n * Shared UI functionality for CounterMeasure applications.\n * Includes theme management, auto-dismiss, and form helpers.\n */\n\nexport type Theme = 'light' | 'dark' | 'monokai' | 'glass' | 'system'\nexport type ResolvedTheme = 'light' | 'dark' | 'monokai' | 'glass'\n\nexport interface ThemeConfig {\n  storageKey?: string\n  defaultTheme?: Theme\n  themes?: Theme[]\n  attribute?: string\n}\n\nconst DEFAULT_CONFIG: Required<ThemeConfig> = {\n  storageKey: 'theme',\n  defaultTheme: 'system',\n  themes: ['light', 'dark', 'monokai', 'glass', 'system'],\n  attribute: 'data-theme',\n}\n\nlet currentConfig: Required<ThemeConfig> = { ...DEFAULT_CONFIG }\n\n/**\n * Configure theme settings.\n */\nexport function configureTheme(config: ThemeConfig): void {\n  currentConfig = { ...DEFAULT_CONFIG, ...config }\n}\n\n/**\n * Check if a value is a valid theme.\n */\nexport function isValidTheme(value: string | null | undefined): value is Theme {\n  if (!value) {\n    return false\n  }\n  return currentConfig.themes.includes(value as Theme)\n}\n\n/**\n * Get human-readable theme label.\n */\nexport function getThemeLabel(theme: Theme): string {\n  switch (theme) {\n    case 'monokai':\n      return 'Monokai'\n    case 'glass':\n      return 'Glass'\n    case 'dark':\n      return 'Dark'\n    case 'light':\n      return 'Light'\n    case 'system':\n      return 'System'\n    default:\n      return theme\n  }\n}\n\n/**\n * Get the user's preferred theme from localStorage or default.\n */\nexport function getPreferredTheme(): Theme {\n  const stored = localStorage.getItem(currentConfig.storageKey)\n  if (isValidTheme(stored)) {\n    return stored\n  }\n  return currentConfig.defaultTheme\n}\n\n/**\n * Get the resolved theme (light, dark, or monokai) based on preference.\n */\nexport function getResolvedTheme(preference: Theme = getPreferredTheme()): ResolvedTheme {\n  if (preference === 'system') {\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n  }\n  return preference as ResolvedTheme\n}\n\n/**\n * Get the current theme from the document.\n */\nexport function getCurrentTheme(): Theme {\n  const current = document.documentElement.getAttribute(currentConfig.attribute)\n  if (isValidTheme(current)) {\n    return current\n  }\n  return getPreferredTheme()\n}\n\n/**\n * Apply theme to the document.\n */\nexport function applyTheme(theme: Theme = getPreferredTheme()): void {\n  const resolved = getResolvedTheme(theme)\n  document.documentElement.classList.remove('light', 'dark', 'monokai', 'glass')\n  document.documentElement.classList.add(resolved)\n  document.documentElement.setAttribute(currentConfig.attribute, resolved)\n}\n\n/**\n * Save the theme preference to localStorage.\n */\nexport function saveTheme(theme: Theme): void {\n  localStorage.setItem(currentConfig.storageKey, theme)\n}\n\n/**\n * Set and persist theme preference.\n */\nexport function setTheme(theme: Theme): void {\n  saveTheme(theme)\n  applyTheme(theme)\n  syncThemeUI(theme)\n}\n\n/**\n * Get the next theme in the toggle cycle.\n */\nexport function getNextTheme(current: Theme): Theme {\n  const themes = currentConfig.themes.filter((t): t is ResolvedTheme => t !== 'system')\n  const index = themes.indexOf(current as ResolvedTheme)\n  if (index >= 0 && themes.length > 0) {\n    return themes[(index + 1) % themes.length] ?? 'light'\n  }\n  return 'dark'\n}\n\n/**\n * Toggle to the next theme in the cycle.\n */\nexport function toggleTheme(): Theme {\n  const current = getCurrentTheme()\n  const next = getNextTheme(current)\n  setTheme(next)\n  return next\n}\n\n/**\n * Update the theme toggle cycle without changing the rest of the theme config.\n */\nexport function updateToggleCycle(themes: ResolvedTheme[]): void {\n  currentConfig = { ...currentConfig, themes }\n}\n\n/**\n * Update toggle button UI to reflect current theme.\n */\nfunction updateToggleButton(button: HTMLButtonElement, theme: Theme): void {\n  const nextTheme = getNextTheme(theme)\n  const label = `Switch to ${getThemeLabel(nextTheme)} mode`\n  button.setAttribute('aria-label', label)\n  button.setAttribute('title', label)\n\n  const labelEl = button.querySelector<HTMLElement>('[data-theme-label]')\n  if (labelEl) {\n    labelEl.textContent = `${getThemeLabel(theme)} mode`\n  }\n}\n\n/**\n * Update theme option buttons to reflect current theme.\n */\nfunction updateThemeOptions(theme: Theme): void {\n  const optionButtons = document.querySelectorAll<HTMLButtonElement>('[data-theme-option]')\n  optionButtons.forEach(button => {\n    const option = button.dataset.themeOption\n    if (!isValidTheme(option)) {\n      return\n    }\n    const active = option === theme\n    button.setAttribute('aria-pressed', active ? 'true' : 'false')\n    button.dataset.active = active ? 'true' : 'false'\n  })\n}\n\n/**\n * Sync all theme UI elements with current theme.\n */\nfunction syncThemeUI(theme: Theme): void {\n  const resolved = getResolvedTheme(theme)\n  const toggleButtons = document.querySelectorAll<HTMLButtonElement>('[data-theme-toggle]')\n  toggleButtons.forEach(button => {\n    updateToggleButton(button, resolved)\n  })\n  updateThemeOptions(resolved)\n}\n\n/**\n * Setup theme toggle button.\n */\nexport function setupThemeToggle(buttonSelector?: string): void {\n  const selector = buttonSelector ?? '[data-theme-toggle]'\n  const buttons = document.querySelectorAll<HTMLButtonElement>(selector)\n  buttons.forEach(button => {\n    button.addEventListener('click', () => toggleTheme())\n  })\n}\n\n/**\n * Setup theme option buttons.\n */\nexport function setupThemeOptions(): void {\n  const optionButtons = document.querySelectorAll<HTMLButtonElement>('[data-theme-option]')\n  optionButtons.forEach(button => {\n    const option = button.dataset.themeOption\n    if (!isValidTheme(option)) {\n      return\n    }\n    button.addEventListener('click', () => {\n      setTheme(option)\n    })\n  })\n}\n\n/**\n * Watch for system theme changes and update accordingly.\n */\nexport function watchSystemTheme(callback?: (theme: ResolvedTheme) => void): () => void {\n  const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n\n  const handler = (e: MediaQueryListEvent) => {\n    const stored = localStorage.getItem(currentConfig.storageKey)\n    const hasStoredPreference = stored !== null && stored !== ''\n    const shouldFollowSystem =\n      stored === 'system' || (!hasStoredPreference && currentConfig.defaultTheme === 'system')\n    if (!shouldFollowSystem) {\n      return\n    }\n    const systemTheme: ResolvedTheme = e.matches ? 'dark' : 'light'\n    applyTheme('system')\n    syncThemeUI(systemTheme)\n    callback?.(systemTheme)\n  }\n\n  mediaQuery.addEventListener('change', handler)\n  return () => {\n    mediaQuery.removeEventListener('change', handler)\n  }\n}\n\n/**\n * Initialize theme on page load.\n */\nexport function initTheme(config?: ThemeConfig): void {\n  if (config) {\n    configureTheme(config)\n  }\n  const preferredTheme = getPreferredTheme()\n  applyTheme(preferredTheme)\n  syncThemeUI(preferredTheme)\n  setupThemeToggle()\n  setupThemeOptions()\n  watchSystemTheme()\n}\n\n// Auto-dismiss functionality\n\n/**\n * Setup auto-dismiss for elements with data-auto-dismiss attribute.\n */\nexport function setupAutoDismiss(defaultDuration = 5000): void {\n  const elements = document.querySelectorAll<HTMLElement>('[data-auto-dismiss]')\n\n  elements.forEach(element => {\n    const parsed = parseInt(element.dataset.autoDismiss ?? '', 10)\n    const duration = Number.isNaN(parsed) || parsed === 0 ? defaultDuration : parsed\n\n    setTimeout(() => {\n      element.classList.add('opacity-0', 'transition-opacity', 'duration-300')\n      setTimeout(() => {\n        element.remove()\n      }, 300)\n    }, duration)\n  })\n}\n\n// Form helpers\n\nexport interface FormFieldError {\n  field: string\n  message: string\n}\n\n/**\n * Display form validation errors.\n */\nexport function displayFormErrors(formSelector: string, errors: FormFieldError[]): void {\n  const form = document.querySelector(formSelector)\n  if (!form) {\n    return\n  }\n\n  // Clear existing errors\n  form.querySelectorAll('.field-error').forEach(el => {\n    el.remove()\n  })\n  form.querySelectorAll('.input-error').forEach(el => {\n    el.classList.remove('input-error', 'border-red-500')\n  })\n\n  // Display new errors\n  errors.forEach(({ field, message }) => {\n    const input = form.querySelector(`[name=\"${field}\"]`)\n    if (input) {\n      input.classList.add('input-error', 'border-red-500')\n\n      const errorEl = document.createElement('p')\n      errorEl.className = 'field-error text-red-500 text-sm mt-1'\n      errorEl.textContent = message\n      input.parentNode?.appendChild(errorEl)\n    }\n  })\n}\n\n/**\n * Clear all form errors.\n */\nexport function clearFormErrors(formSelector: string): void {\n  const form = document.querySelector(formSelector)\n  if (!form) {\n    return\n  }\n\n  form.querySelectorAll('.field-error').forEach(el => {\n    el.remove()\n  })\n  form.querySelectorAll('.input-error').forEach(el => {\n    el.classList.remove('input-error', 'border-red-500')\n  })\n}\n\n/**\n * Submit form with fetch and handle response.\n */\nexport async function submitForm(\n  formSelector: string,\n  options: {\n    method?: string\n    headers?: Record<string, string>\n    transform?: (data: FormData) => unknown\n  } = {}\n): Promise<{ ok: boolean; data?: unknown; errors?: FormFieldError[] }> {\n  const form = document.querySelector<HTMLFormElement>(formSelector)\n  if (!form) {\n    return { ok: false, errors: [{ field: '', message: 'Form not found' }] }\n  }\n\n  const formData = new FormData(form)\n  const action = form.action !== '' ? form.action : window.location.href\n  const method = options.method ?? (form.method !== '' ? form.method : 'POST')\n\n  let body: string | FormData\n  const headers: Record<string, string> = { ...options.headers }\n\n  if (options.transform) {\n    body = JSON.stringify(options.transform(formData))\n    headers['Content-Type'] = 'application/json'\n  } else {\n    body = formData\n  }\n\n  try {\n    const response = await fetch(action, {\n      method,\n      headers,\n      body,\n    })\n\n    const data: unknown = await response.json()\n\n    if (!response.ok) {\n      const errorData = data as { errors?: FormFieldError[]; message?: string }\n      const errors: FormFieldError[] = errorData.errors ?? [\n        { field: '', message: errorData.message ?? 'Request failed' },\n      ]\n      return { ok: false, errors }\n    }\n\n    return { ok: true, data }\n  } catch (error) {\n    return {\n      ok: false,\n      errors: [{ field: '', message: error instanceof Error ? error.message : 'Network error' }],\n    }\n  }\n}\n\n// Loading state helpers\n\n/**\n * Show loading state on a button.\n */\nexport function setButtonLoading(button: HTMLButtonElement, loading: boolean): void {\n  if (loading) {\n    button.disabled = true\n    button.dataset.originalText = button.textContent || ''\n    button.innerHTML = `\n      <svg class=\"animate-spin -ml-1 mr-2 h-4 w-4 inline\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>\n      </svg>\n      Loading...\n    `\n  } else {\n    button.disabled = false\n    button.textContent = button.dataset.originalText ?? 'Submit'\n  }\n}\n"],"mappings":"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"}

package/dist/utils/a11y.d.ts

@@ -0,0 +1,113 @@
+/**
+ * Accessibility utilities for web components
+ * @countermeasure/web-components/utils/a11y
+ *
+ * Provides focus trap, live region announcements, roving tabindex,
+ * and ARIA linking helpers for WCAG 2.1 AA compliance.
+ */
+export interface FocusTrap {
+    /** Activate the focus trap */
+    activate: () => void;
+    /** Deactivate the focus trap */
+    deactivate: () => void;
+    /** Update focusable elements (call after DOM changes) */
+    update: () => void;
+    /** Check if focus trap is active */
+    isActive: () => boolean;
+}
+export interface LiveRegion {
+    /** Announce a message to screen readers */
+    announce: (message: string) => void;
+    /** Clear the live region content */
+    clear: () => void;
+    /** Remove the live region from DOM */
+    destroy: () => void;
+}
+export interface RovingTabindex {
+    /** Move focus to the next item */
+    next: () => void;
+    /** Move focus to the previous item */
+    prev: () => void;
+    /** Move focus to the first item */
+    first: () => void;
+    /** Move focus to the last item */
+    last: () => void;
+    /** Get the currently focused index */
+    getCurrentIndex: () => number;
+    /** Set focus to a specific index */
+    setIndex: (index: number) => void;
+    /** Update items (call after DOM changes) */
+    update: () => void;
+    /** Clean up event listeners */
+    destroy: () => void;
+}
+/**
+ * Get all focusable elements within a container
+ */
+export declare function getFocusableElements(container: HTMLElement): HTMLElement[];
+/**
+ * Create a focus trap within a container element.
+ * Traps Tab/Shift+Tab navigation within the container.
+ */
+export declare function createFocusTrap(container: HTMLElement): FocusTrap;
+/**
+ * Announce a message to screen readers via ARIA live region.
+ *
+ * @param message - The message to announce
+ * @param politeness - 'polite' waits for idle, 'assertive' interrupts immediately
+ */
+export declare function announce(message: string, politeness?: 'polite' | 'assertive'): void;
+/**
+ * Create a local live region for component-specific announcements.
+ */
+export declare function createLiveRegion(politeness?: 'polite' | 'assertive'): LiveRegion;
+/**
+ * Create a roving tabindex for keyboard navigation within a widget.
+ * Only one item is focusable at a time (tabindex="0"), others are tabindex="-1".
+ *
+ * @param container - The container element
+ * @param selector - CSS selector for navigable items
+ * @param options - Configuration options
+ */
+export declare function createRovingTabindex(container: HTMLElement, selector: string, options?: {
+    /** Initial focused index (default: 0) */
+    initialIndex?: number;
+    /** Whether to wrap around at ends (default: true) */
+    wrap?: boolean;
+    /** Whether navigation is horizontal or vertical (default: 'vertical') */
+    orientation?: 'horizontal' | 'vertical' | 'both';
+    /** Callback when focus changes */
+    onFocusChange?: (index: number, element: HTMLElement) => void;
+}): RovingTabindex;
+/**
+ * Link an element to its description using aria-describedby.
+ * Appends to existing descriptions if present.
+ */
+export declare function linkDescribedBy(element: HTMLElement, descriptionId: string): void;
+/**
+ * Link an element to its label using aria-labelledby.
+ * Appends to existing labels if present.
+ */
+export declare function linkLabelledBy(element: HTMLElement, labelId: string): void;
+/**
+ * Set up a relationship between a control and a region it controls.
+ */
+export declare function linkControls(control: HTMLElement, regionId: string): void;
+/**
+ * Set up an owns relationship for virtual children.
+ */
+export declare function linkOwns(parent: HTMLElement, childIds: string[]): void;
+/**
+ * Create a visually hidden element for screen readers only.
+ */
+export declare function createSrOnlyElement(text: string): HTMLElement;
+/**
+ * Check if focus-visible is natively supported.
+ */
+export declare function isFocusVisibleSupported(): boolean;
+/**
+ * Add focus-visible class when element receives keyboard focus.
+ * Falls back for browsers without native :focus-visible support.
+ */
+export declare function manageFocusVisible(element: HTMLElement): () => void;
+//# sourceMappingURL=a11y.d.ts.map

package/dist/utils/a11y.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../src/utils/a11y.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,MAAM,WAAW,SAAS;IACxB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,gCAAgC;IAChC,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,yDAAyD;IACzD,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,oCAAoC;IACpC,QAAQ,EAAE,MAAM,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,UAAU;IACzB,2CAA2C;IAC3C,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,oCAAoC;IACpC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,sCAAsC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,kCAAkC;IAClC,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,sCAAsC;IACtC,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,mCAAmC;IACnC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,kCAAkC;IAClC,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,sCAAsC;IACtC,eAAe,EAAE,MAAM,MAAM,CAAA;IAC7B,oCAAoC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,4CAA4C;IAC5C,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,+BAA+B;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAiBD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,WAAW,GAAG,WAAW,EAAE,CAY1E;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,WAAW,GAAG,SAAS,CAwEjE;AAgDD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,GAAE,QAAQ,GAAG,WAAsB,GAAG,IAAI,CAU7F;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,UAAU,GAAE,QAAQ,GAAG,WAAsB,GAAG,UAAU,CAoC1F;AAMD;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,WAAW,EACtB,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE;IACR,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qDAAqD;IACrD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,yEAAyE;IACzE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAA;IAChD,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAA;CAC9D,GACA,cAAc,CA8IhB;AAMD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,GAAG,IAAI,CAWjF;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAW1E;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAEzE;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAEtE;AAMD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,CAgB7D;AAMD;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,OAAO,CAOjD;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,IAAI,CAiCnE"}

package/dist/utils/date.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Shared date utilities for calendar and date-picker components
+ * @countermeasure/web-components/utils/date
+ */
+export type WeekStart = 0 | 1;
+export declare const DAYS_SUN: readonly ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+export declare const DAYS_MON: readonly ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
+export declare const MONTHS: readonly ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+/** Strip the time portion from a Date, returning midnight of that day */
+export declare function stripTime(d: Date): Date;
+/** Check whether two dates fall on the same calendar day */
+export declare function isSameDay(a: Date, b: Date): boolean;
+/** Check whether a date falls strictly between start and end (exclusive) */
+export declare function isBetween(date: Date, start: Date, end: Date): boolean;
+/**
+ * Build a 6-week (42-day) grid of dates for a given month view.
+ * Returns plain Date objects; the first entry is the start of the
+ * first visible week (may be in the previous month).
+ */
+export declare function buildDayGrid(viewYear: number, viewMonth: number, weekStart: WeekStart): Date[];
+/**
+ * Check whether a date should be disabled based on min/max bounds
+ * and an optional disabled-dates predicate or array.
+ */
+export declare function isDateDisabled(date: Date, minDate?: Date | null, maxDate?: Date | null, disabledDates?: Date[] | ((date: Date) => boolean)): boolean;
+//# sourceMappingURL=date.d.ts.map

package/dist/utils/date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/utils/date.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,CAAA;AAE7B,eAAO,MAAM,QAAQ,qDAAsD,CAAA;AAC3E,eAAO,MAAM,QAAQ,qDAAsD,CAAA;AAC3E,eAAO,MAAM,MAAM,qIAaT,CAAA;AAEV,yEAAyE;AACzE,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,CAEvC;AAED,4DAA4D;AAC5D,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO,CAMnD;AAED,4EAA4E;AAC5E,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,OAAO,CAOrE;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI,EAAE,CAgB9F;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,IAAI,EACV,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,EACrB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,EACrB,aAAa,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GACjD,OAAO,CAST"}

package/dist/utils/errors.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Shared error classes for consistent error handling
+ * @countermeasure/web-components/utils/errors
+ */
+/** Base error class for all component library errors */
+export declare class ComponentError extends Error {
+    constructor(message: string);
+}
+/** Error thrown when configuration is invalid */
+export declare class ConfigError extends ComponentError {
+    constructor(component: string, message: string);
+}
+/** Error thrown during input validation */
+export declare class ValidationError extends ComponentError {
+    readonly field: string;
+    constructor(field: string, message: string);
+}
+/** Error thrown during network operations */
+export declare class NetworkError extends ComponentError {
+    readonly status: number;
+    readonly statusText: string;
+    constructor(status: number, statusText: string, message?: string);
+}
+//# sourceMappingURL=errors.d.ts.map

package/dist/utils/errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../src/utils/errors.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,wDAAwD;AACxD,qBAAa,cAAe,SAAQ,KAAK;gBAC3B,OAAO,EAAE,MAAM;CAI5B;AAED,iDAAiD;AACjD,qBAAa,WAAY,SAAQ,cAAc;gBACjC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM;CAI/C;AAED,2CAA2C;AAC3C,qBAAa,eAAgB,SAAQ,cAAc;IACjD,SAAgB,KAAK,EAAE,MAAM,CAAA;gBAEjB,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM;CAK3C;AAED,6CAA6C;AAC7C,qBAAa,YAAa,SAAQ,cAAc;IAC9C,SAAgB,MAAM,EAAE,MAAM,CAAA;IAC9B,SAAgB,UAAU,EAAE,MAAM,CAAA;gBAEtB,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM;CAMjE"}

package/dist/utils/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Utility exports for web components
+ * @countermeasure/web-components/utils
+ */
+export { buildDayGrid, DAYS_MON, DAYS_SUN, isBetween, isDateDisabled, isSameDay, MONTHS, stripTime, type WeekStart, } from './date';
+export { toggleSelectAll, toggleSelection } from './selection';
+export { createValidator, validateEmail, validateMaxLength, validateMinLength, validatePattern, validateRequired, validateUrl, type ValidationResult, type ValidationRule, } from './validation';
+export { ComponentError, ConfigError, NetworkError, ValidationError } from './errors';
+export { compareValues, cycleSortDirection, sortRows, type SortDirection, type SortState, } from './sorting';
+export { escapeHtml, sanitizeHtml } from './sanitize';
+export { REGISTRY_ACTION_ORDER, REGISTRY_SEGMENT_REGEX, errorMessage, getCheckedValues, isValidRegistryPattern, sortRegistryActions, type RegistryRule, } from './registry';
+export { createFocusTrap, getFocusableElements, type FocusTrap, announce, createLiveRegion, type LiveRegion, createRovingTabindex, type RovingTabindex, linkDescribedBy, linkLabelledBy, linkControls, linkOwns, createSrOnlyElement, isFocusVisibleSupported, manageFocusVisible, } from './a11y';
+export { Keys, type KeyName, gridNavigate, type GridNavOptions, type GridNavResult, treeNavigate, type TreeNavOptions, type TreeNavResult, listNavigate, type ListNavOptions, type ListNavResult, createTypeAhead, type TypeAheadOptions, type TypeAheadController, isPrintableKey, isInputElement, getShortcutFromEvent, } from './keyboard';
+export { detectSwipe, type SwipeDirection, type SwipeOptions, type SwipeDetector, handleTouchOrClick, onPointerDown, detectPinch, type PinchOptions, type PinchDetector, detectPan, type PanOptions, type PanDetector, detectLongPress, type LongPressOptions, type LongPressDetector, isTouchDevice, isMobileViewport, isPortrait, getSafeAreaInsets, } from './touch';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,cAAc,EACd,SAAS,EACT,MAAM,EACN,SAAS,EACT,KAAK,SAAS,GACf,MAAM,QAAQ,CAAA;AAGf,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAG9D,OAAO,EACL,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,cAAc,GACpB,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAGrF,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,SAAS,GACf,MAAM,WAAW,CAAA;AAGlB,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAGrD,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,YAAY,EACZ,gBAAgB,EAChB,sBAAsB,EACtB,mBAAmB,EACnB,KAAK,YAAY,GAClB,MAAM,YAAY,CAAA;AAEnB,OAAO,EAEL,eAAe,EACf,oBAAoB,EACpB,KAAK,SAAS,EAGd,QAAQ,EACR,gBAAgB,EAChB,KAAK,UAAU,EAGf,oBAAoB,EACpB,KAAK,cAAc,EAGnB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,QAAQ,EAGR,mBAAmB,EAGnB,uBAAuB,EACvB,kBAAkB,GACnB,MAAM,QAAQ,CAAA;AAGf,OAAO,EAEL,IAAI,EACJ,KAAK,OAAO,EAGZ,YAAY,EACZ,KAAK,cAAc,EACnB,KAAK,aAAa,EAGlB,YAAY,EACZ,KAAK,cAAc,EACnB,KAAK,aAAa,EAGlB,YAAY,EACZ,KAAK,cAAc,EACnB,KAAK,aAAa,EAGlB,eAAe,EACf,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EAGxB,cAAc,EACd,cAAc,EACd,oBAAoB,GACrB,MAAM,YAAY,CAAA;AAGnB,OAAO,EAEL,WAAW,EACX,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,aAAa,EAGlB,kBAAkB,EAClB,aAAa,EAGb,WAAW,EACX,KAAK,YAAY,EACjB,KAAK,aAAa,EAGlB,SAAS,EACT,KAAK,UAAU,EACf,KAAK,WAAW,EAGhB,eAAe,EACf,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EAGtB,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,iBAAiB,GAClB,MAAM,SAAS,CAAA"}

package/dist/utils/index.js

@@ -0,0 +1,9 @@
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../date-Dup6T6tm.js";
+import { n as c, t as l } from "../selection-BisAH2tT.js";
+import { _ as u, a as d, b as f, c as p, d as m, f as h, g, h as _, i as v, l as y, m as b, n as x, o as S, p as C, r as w, s as T, t as E, u as D, v as O, x as k, y as A } from "../utils-DAAwIwhm.js";
+import { n as j, r as M, t as N } from "../sorting-BZp0NpSF.js";
+import { n as P, t as F } from "../sanitize-tXExwlw-.js";
+import { REGISTRY_ACTION_ORDER as I, REGISTRY_SEGMENT_REGEX as L, errorMessage as R, getCheckedValues as z, isValidRegistryPattern as B, sortRegistryActions as V } from "./registry.js";
+import { a as H, c as U, d as W, f as G, i as K, l as q, n as J, o as Y, r as X, s as Z, t as Q, u as $ } from "../a11y-B5pN4M_a.js";
+import { a as ee, c as te, i as ne, n as re, o as ie, r as ae, s as oe, t as se } from "../keyboard-BzL08saM.js";
+export { m as ComponentError, h as ConfigError, s as DAYS_MON, r as DAYS_SUN, se as Keys, a as MONTHS, C as NetworkError, I as REGISTRY_ACTION_ORDER, L as REGISTRY_SEGMENT_REGEX, b as ValidationError, Q as announce, n as buildDayGrid, N as compareValues, J as createFocusTrap, X as createLiveRegion, K as createRovingTabindex, H as createSrOnlyElement, re as createTypeAhead, _ as createValidator, j as cycleSortDirection, E as detectLongPress, x as detectPan, w as detectPinch, v as detectSwipe, R as errorMessage, F as escapeHtml, z as getCheckedValues, Y as getFocusableElements, d as getSafeAreaInsets, ae as getShortcutFromEvent, ne as gridNavigate, S as handleTouchOrClick, e as isBetween, i as isDateDisabled, Z as isFocusVisibleSupported, ee as isInputElement, T as isMobileViewport, p as isPortrait, ie as isPrintableKey, o as isSameDay, y as isTouchDevice, B as isValidRegistryPattern, U as linkControls, q as linkDescribedBy, $ as linkLabelledBy, W as linkOwns, oe as listNavigate, G as manageFocusVisible, D as onPointerDown, P as sanitizeHtml, V as sortRegistryActions, M as sortRows, t as stripTime, l as toggleSelectAll, c as toggleSelection, te as treeNavigate, g as validateEmail, u as validateMaxLength, O as validateMinLength, A as validatePattern, f as validateRequired, k as validateUrl };

package/dist/utils/keyboard.d.ts

@@ -0,0 +1,135 @@
+/**
+ * Keyboard navigation utilities for web components
+ * @countermeasure/web-components/utils/keyboard
+ *
+ * Provides key constants, grid/tree/list navigation helpers
+ * for accessible widget patterns.
+ */
+export declare const Keys: {
+    readonly ARROW_UP: "ArrowUp";
+    readonly ARROW_DOWN: "ArrowDown";
+    readonly ARROW_LEFT: "ArrowLeft";
+    readonly ARROW_RIGHT: "ArrowRight";
+    readonly ENTER: "Enter";
+    readonly SPACE: " ";
+    readonly ESCAPE: "Escape";
+    readonly TAB: "Tab";
+    readonly HOME: "Home";
+    readonly END: "End";
+    readonly PAGE_UP: "PageUp";
+    readonly PAGE_DOWN: "PageDown";
+    readonly BACKSPACE: "Backspace";
+    readonly DELETE: "Delete";
+};
+export type KeyName = (typeof Keys)[keyof typeof Keys];
+export interface GridNavOptions {
+    /** Number of columns in the grid */
+    columns: number;
+    /** Number of rows in the grid */
+    rows: number;
+    /** Current column index (0-based) */
+    currentCol: number;
+    /** Current row index (0-based) */
+    currentRow: number;
+    /** Whether to wrap at edges (default: false) */
+    wrap?: boolean;
+    /** Callback to check if a cell is disabled */
+    isCellDisabled?: (row: number, col: number) => boolean;
+}
+export interface GridNavResult {
+    /** Whether the key was handled */
+    handled: boolean;
+    /** New column index */
+    col: number;
+    /** New row index */
+    row: number;
+}
+export interface TreeNavOptions {
+    /** Array of visible node indices in DOM order */
+    visibleNodes: number[];
+    /** Currently focused node index */
+    currentIndex: number;
+    /** Whether the current node is expanded */
+    isExpanded: boolean;
+    /** Whether the current node has children */
+    hasChildren: boolean;
+    /** Index of parent node (-1 if root) */
+    parentIndex: number;
+    /** First child index (-1 if no children) */
+    firstChildIndex: number;
+}
+export interface TreeNavResult {
+    /** Whether the key was handled */
+    handled: boolean;
+    /** Action to perform */
+    action: 'focus' | 'expand' | 'collapse' | 'select' | 'none';
+    /** Target index for focus action */
+    targetIndex?: number;
+}
+export interface ListNavOptions {
+    /** Current active index */
+    activeIndex: number;
+    /** Total number of items */
+    itemCount: number;
+    /** Whether to wrap at edges (default: true) */
+    wrap?: boolean;
+    /** Orientation for arrow key handling */
+    orientation?: 'horizontal' | 'vertical' | 'both';
+    /** Callback to check if an item is disabled */
+    isItemDisabled?: (index: number) => boolean;
+}
+export interface ListNavResult {
+    /** Whether the key was handled */
+    handled: boolean;
+    /** New active index */
+    index: number;
+    /** Whether Enter/Space was pressed for activation */
+    activated: boolean;
+}
+/**
+ * Handle keyboard navigation within a grid pattern (DataTable, Calendar, etc.)
+ * Implements ARIA Grid pattern keyboard interactions.
+ */
+export declare function gridNavigate(event: KeyboardEvent, options: GridNavOptions): GridNavResult;
+/**
+ * Handle keyboard navigation within a tree view pattern.
+ * Implements ARIA Tree pattern keyboard interactions.
+ */
+export declare function treeNavigate(event: KeyboardEvent, options: TreeNavOptions): TreeNavResult;
+/**
+ * Handle keyboard navigation within a list (menu, combobox options, etc.)
+ * Returns the new active index based on key press.
+ */
+export declare function listNavigate(event: KeyboardEvent, options: ListNavOptions): ListNavResult;
+export interface TypeAheadOptions {
+    /** Items to search (should have a text/label property) */
+    items: {
+        label: string;
+        disabled?: boolean;
+    }[];
+    /** Timeout for resetting search buffer (default: 500ms) */
+    timeout?: number;
+}
+export interface TypeAheadController {
+    /** Handle a keypress and return matching index or -1 */
+    handleKey: (char: string) => number;
+    /** Reset the search buffer */
+    reset: () => void;
+}
+/**
+ * Create a type-ahead search controller for navigating lists by typing.
+ */
+export declare function createTypeAhead(options: TypeAheadOptions): TypeAheadController;
+/**
+ * Check if an event is a printable character key.
+ */
+export declare function isPrintableKey(event: KeyboardEvent): boolean;
+/**
+ * Check if the event target is an input element.
+ */
+export declare function isInputElement(target: EventTarget | null): boolean;
+/**
+ * Get a keyboard shortcut string from an event (e.g., "Ctrl+Shift+S").
+ */
+export declare function getShortcutFromEvent(event: KeyboardEvent): string;
+//# sourceMappingURL=keyboard.d.ts.map

package/dist/utils/keyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard.d.ts","sourceRoot":"","sources":["../../src/utils/keyboard.ts"],"names":[],"mappings":"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"}

package/dist/utils/registry.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Registry utilities shared by registry management surfaces.
+ */
+export interface RegistryRule {
+    repository: string;
+    actions: string[];
+}
+export declare const REGISTRY_SEGMENT_REGEX: RegExp;
+export declare const REGISTRY_ACTION_ORDER: string[];
+export declare function isValidRegistryPattern(value: string): boolean;
+export declare function sortRegistryActions(values: string[]): string[];
+export declare function getCheckedValues(inputs: NodeListOf<HTMLInputElement>): string[];
+export declare function errorMessage(error: unknown): string;
+//# sourceMappingURL=registry.d.ts.map

package/dist/utils/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/utils/registry.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,eAAO,MAAM,sBAAsB,QAAmC,CAAA;AACtE,eAAO,MAAM,qBAAqB,UAA6B,CAAA;AAE/D,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAS7D;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAI9D;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,GAAG,MAAM,EAAE,CAI/E;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAKnD"}

package/dist/utils/registry.js

@@ -0,0 +1,23 @@
+//#region src/utils/registry.ts
+var e = /^[a-z0-9]+(?:[._-][a-z0-9]+)*$/, t = [
+	"pull",
+	"push",
+	"delete"
+];
+function n(t) {
+	return !t || t.length > 255 ? !1 : t === "*" ? !0 : t.split("/").every((t) => t === "*" || e.test(t));
+}
+function r(e) {
+	let n = t.filter((t) => e.includes(t)), r = e.filter((e) => !t.includes(e));
+	return [...n, ...r];
+}
+function i(e) {
+	return Array.from(e).filter((e) => e.checked).map((e) => e.value);
+}
+function a(e) {
+	return e instanceof Error ? e.message : "Unknown error";
+}
+//#endregion
+export { t as REGISTRY_ACTION_ORDER, e as REGISTRY_SEGMENT_REGEX, a as errorMessage, i as getCheckedValues, n as isValidRegistryPattern, r as sortRegistryActions };
+
+//# sourceMappingURL=registry.js.map

package/dist/utils/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","names":[],"sources":["../../src/utils/registry.ts"],"sourcesContent":["/**\n * Registry utilities shared by registry management surfaces.\n */\n\nexport interface RegistryRule {\n  repository: string\n  actions: string[]\n}\n\nexport const REGISTRY_SEGMENT_REGEX = /^[a-z0-9]+(?:[._-][a-z0-9]+)*$/\nexport const REGISTRY_ACTION_ORDER = ['pull', 'push', 'delete']\n\nexport function isValidRegistryPattern(value: string): boolean {\n  if (!value || value.length > 255) {\n    return false\n  }\n  if (value === '*') {\n    return true\n  }\n  const segments = value.split('/')\n  return segments.every(segment => segment === '*' || REGISTRY_SEGMENT_REGEX.test(segment))\n}\n\nexport function sortRegistryActions(values: string[]): string[] {\n  const ordered = REGISTRY_ACTION_ORDER.filter(action => values.includes(action))\n  const extras = values.filter(value => !REGISTRY_ACTION_ORDER.includes(value))\n  return [...ordered, ...extras]\n}\n\nexport function getCheckedValues(inputs: NodeListOf<HTMLInputElement>): string[] {\n  return Array.from(inputs)\n    .filter(input => input.checked)\n    .map(input => input.value)\n}\n\nexport function errorMessage(error: unknown): string {\n  if (error instanceof Error) {\n    return error.message\n  }\n  return 'Unknown error'\n}\n"],"mappings":";AASA,IAAa,IAAyB,kCACzB,IAAwB;CAAC;CAAQ;CAAQ;CAAS;AAE/D,SAAgB,EAAuB,GAAwB;AAQ7D,QAPI,CAAC,KAAS,EAAM,SAAS,MACpB,KAEL,MAAU,MACL,KAEQ,EAAM,MAAM,IAAI,CACjB,OAAM,MAAW,MAAY,OAAO,EAAuB,KAAK,EAAQ,CAAC;;AAG3F,SAAgB,EAAoB,GAA4B;CAC9D,IAAM,IAAU,EAAsB,QAAO,MAAU,EAAO,SAAS,EAAO,CAAC,EACzE,IAAS,EAAO,QAAO,MAAS,CAAC,EAAsB,SAAS,EAAM,CAAC;AAC7E,QAAO,CAAC,GAAG,GAAS,GAAG,EAAO;;AAGhC,SAAgB,EAAiB,GAAgD;AAC/E,QAAO,MAAM,KAAK,EAAO,CACtB,QAAO,MAAS,EAAM,QAAQ,CAC9B,KAAI,MAAS,EAAM,MAAM;;AAG9B,SAAgB,EAAa,GAAwB;AAInD,QAHI,aAAiB,QACZ,EAAM,UAER"}