@countermeasure-platform/web-components 0.2.0

package/dist/keyboard-BzL08saM.js

@@ -0,0 +1,245 @@
+//#region src/utils/keyboard.ts
+var e = {
+	ARROW_UP: "ArrowUp",
+	ARROW_DOWN: "ArrowDown",
+	ARROW_LEFT: "ArrowLeft",
+	ARROW_RIGHT: "ArrowRight",
+	ENTER: "Enter",
+	SPACE: " ",
+	ESCAPE: "Escape",
+	TAB: "Tab",
+	HOME: "Home",
+	END: "End",
+	PAGE_UP: "PageUp",
+	PAGE_DOWN: "PageDown",
+	BACKSPACE: "Backspace",
+	DELETE: "Delete"
+};
+function t(t, n) {
+	let { columns: r, rows: i, currentCol: a, currentRow: o, wrap: s = !1, isCellDisabled: c } = n, l = a, u = o, d = !1, f = (e, t, n, a) => {
+		let o = e + n, l = t + a;
+		if (s ? (l < 0 && (l = r - 1), l >= r && (l = 0), o < 0 && (o = i - 1), o >= i && (o = 0)) : (l = Math.max(0, Math.min(r - 1, l)), o = Math.max(0, Math.min(i - 1, o))), c !== void 0) {
+			let e = i * r, t = 0;
+			for (; c(o, l) && t < e;) o += n, l += a, s ? (l < 0 && (l = r - 1), l >= r && (l = 0), o < 0 && (o = i - 1), o >= i && (o = 0)) : (l = Math.max(0, Math.min(r - 1, l)), o = Math.max(0, Math.min(i - 1, o))), t++;
+		}
+		return {
+			row: o,
+			col: l
+		};
+	};
+	switch (t.key) {
+		case e.ARROW_RIGHT: {
+			let e = f(o, a, 0, 1);
+			l = e.col, u = e.row, d = !0;
+			break;
+		}
+		case e.ARROW_LEFT: {
+			let e = f(o, a, 0, -1);
+			l = e.col, u = e.row, d = !0;
+			break;
+		}
+		case e.ARROW_DOWN: {
+			let e = f(o, a, 1, 0);
+			l = e.col, u = e.row, d = !0;
+			break;
+		}
+		case e.ARROW_UP: {
+			let e = f(o, a, -1, 0);
+			l = e.col, u = e.row, d = !0;
+			break;
+		}
+		case e.HOME:
+			t.ctrlKey && (u = 0), l = 0, d = !0;
+			break;
+		case e.END:
+			t.ctrlKey && (u = i - 1), l = r - 1, d = !0;
+			break;
+		case e.PAGE_UP:
+			u = Math.max(0, o - 10), d = !0;
+			break;
+		case e.PAGE_DOWN:
+			u = Math.min(i - 1, o + 10), d = !0;
+			break;
+	}
+	return {
+		handled: d,
+		col: l,
+		row: u
+	};
+}
+function n(t, n) {
+	let { visibleNodes: r, currentIndex: i, isExpanded: a, hasChildren: o, parentIndex: s, firstChildIndex: c } = n, l = r.indexOf(i);
+	switch (t.key) {
+		case e.ARROW_DOWN:
+			if (l < r.length - 1) {
+				let e = r[l + 1];
+				if (e !== void 0) return {
+					handled: !0,
+					action: "focus",
+					targetIndex: e
+				};
+			}
+			return {
+				handled: !0,
+				action: "none"
+			};
+		case e.ARROW_UP:
+			if (l > 0) {
+				let e = r[l - 1];
+				if (e !== void 0) return {
+					handled: !0,
+					action: "focus",
+					targetIndex: e
+				};
+			}
+			return {
+				handled: !0,
+				action: "none"
+			};
+		case e.ARROW_RIGHT:
+			if (o) {
+				if (!a) return {
+					handled: !0,
+					action: "expand"
+				};
+				if (c >= 0) return {
+					handled: !0,
+					action: "focus",
+					targetIndex: c
+				};
+			}
+			return {
+				handled: !0,
+				action: "none"
+			};
+		case e.ARROW_LEFT: return a && o ? {
+			handled: !0,
+			action: "collapse"
+		} : s >= 0 ? {
+			handled: !0,
+			action: "focus",
+			targetIndex: s
+		} : {
+			handled: !0,
+			action: "none"
+		};
+		case e.HOME: {
+			let e = r[0];
+			return e !== void 0 && e !== i ? {
+				handled: !0,
+				action: "focus",
+				targetIndex: e
+			} : {
+				handled: !0,
+				action: "none"
+			};
+		}
+		case e.END: {
+			let e = r[r.length - 1];
+			return e !== void 0 && e !== i ? {
+				handled: !0,
+				action: "focus",
+				targetIndex: e
+			} : {
+				handled: !0,
+				action: "none"
+			};
+		}
+		case e.ENTER:
+		case e.SPACE: return {
+			handled: !0,
+			action: "select"
+		};
+		default: return {
+			handled: !1,
+			action: "none"
+		};
+	}
+}
+function r(t, n) {
+	let { activeIndex: r, itemCount: i, wrap: a = !0, orientation: o = "vertical", isItemDisabled: s } = n;
+	if (i === 0) return {
+		handled: !1,
+		index: -1,
+		activated: !1
+	};
+	let c = r, l = !1, u = !1, d = (e, t) => {
+		let n = e + t, r = i;
+		for (let e = 0; e < r; e++) {
+			if (a ? (n < 0 && (n = i - 1), n >= i && (n = 0)) : n = Math.max(0, Math.min(i - 1, n)), s?.(n) !== !0) return n;
+			n += t;
+		}
+		return e;
+	}, f = o === "vertical" || o === "both", p = o === "horizontal" || o === "both";
+	switch (t.key) {
+		case e.ARROW_DOWN:
+			f && (c = d(r, 1), l = !0);
+			break;
+		case e.ARROW_UP:
+			f && (c = d(r, -1), l = !0);
+			break;
+		case e.ARROW_RIGHT:
+			p && (c = d(r, 1), l = !0);
+			break;
+		case e.ARROW_LEFT:
+			p && (c = d(r, -1), l = !0);
+			break;
+		case e.HOME:
+			c = d(-1, 1), l = !0;
+			break;
+		case e.END:
+			c = d(i, -1), l = !0;
+			break;
+		case e.ENTER:
+		case e.SPACE:
+			u = !0, l = !0;
+			break;
+	}
+	return {
+		handled: l,
+		index: c,
+		activated: u
+	};
+}
+function i(e) {
+	let { items: t, timeout: n = 500 } = e, r = "", i = null;
+	return {
+		handleKey: (e) => {
+			if (e.length !== 1 || e === " ") return -1;
+			i !== null && clearTimeout(i), r += e.toLowerCase(), i = setTimeout(() => {
+				r = "";
+			}, n);
+			for (let e = 0; e < t.length; e++) {
+				let n = t[e];
+				if (!(n === void 0 || n.disabled === !0) && n.label.toLowerCase().startsWith(r)) return e;
+			}
+			return -1;
+		},
+		reset: () => {
+			r = "", i !== null && (clearTimeout(i), i = null);
+		}
+	};
+}
+function a(e) {
+	return e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey;
+}
+function o(e) {
+	if (e === null) return !1;
+	let t = e, n = t.tagName.toLowerCase();
+	return n === "input" || n === "textarea" || n === "select" || t.isContentEditable;
+}
+function s(e) {
+	let t = [];
+	(e.ctrlKey || e.metaKey) && t.push("Ctrl"), e.altKey && t.push("Alt"), e.shiftKey && t.push("Shift");
+	let n = e.key.length === 1 ? e.key.toUpperCase() : e.key;
+	return [
+		"Control",
+		"Alt",
+		"Shift",
+		"Meta"
+	].includes(e.key) || t.push(n), t.join("+");
+}
+//#endregion
+export { o as a, n as c, t as i, i as n, a as o, s as r, r as s, e as t };
+
+//# sourceMappingURL=keyboard-BzL08saM.js.map

package/dist/keyboard-BzL08saM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-BzL08saM.js","names":[],"sources":["../src/utils/keyboard.ts"],"sourcesContent":["/**\n * Keyboard navigation utilities for web components\n * @countermeasure/web-components/utils/keyboard\n *\n * Provides key constants, grid/tree/list navigation helpers\n * for accessible widget patterns.\n */\n\n// ============================================================================\n// Key Constants\n// ============================================================================\n\nexport const Keys = {\n  ARROW_UP: 'ArrowUp',\n  ARROW_DOWN: 'ArrowDown',\n  ARROW_LEFT: 'ArrowLeft',\n  ARROW_RIGHT: 'ArrowRight',\n  ENTER: 'Enter',\n  SPACE: ' ',\n  ESCAPE: 'Escape',\n  TAB: 'Tab',\n  HOME: 'Home',\n  END: 'End',\n  PAGE_UP: 'PageUp',\n  PAGE_DOWN: 'PageDown',\n  BACKSPACE: 'Backspace',\n  DELETE: 'Delete',\n} as const\n\nexport type KeyName = (typeof Keys)[keyof typeof Keys]\n\n// ============================================================================\n// Grid Navigation Types\n// ============================================================================\n\nexport interface GridNavOptions {\n  /** Number of columns in the grid */\n  columns: number\n  /** Number of rows in the grid */\n  rows: number\n  /** Current column index (0-based) */\n  currentCol: number\n  /** Current row index (0-based) */\n  currentRow: number\n  /** Whether to wrap at edges (default: false) */\n  wrap?: boolean\n  /** Callback to check if a cell is disabled */\n  isCellDisabled?: (row: number, col: number) => boolean\n}\n\nexport interface GridNavResult {\n  /** Whether the key was handled */\n  handled: boolean\n  /** New column index */\n  col: number\n  /** New row index */\n  row: number\n}\n\n// ============================================================================\n// Tree Navigation Types\n// ============================================================================\n\nexport interface TreeNavOptions {\n  /** Array of visible node indices in DOM order */\n  visibleNodes: number[]\n  /** Currently focused node index */\n  currentIndex: number\n  /** Whether the current node is expanded */\n  isExpanded: boolean\n  /** Whether the current node has children */\n  hasChildren: boolean\n  /** Index of parent node (-1 if root) */\n  parentIndex: number\n  /** First child index (-1 if no children) */\n  firstChildIndex: number\n}\n\nexport interface TreeNavResult {\n  /** Whether the key was handled */\n  handled: boolean\n  /** Action to perform */\n  action:\n    | 'focus' // Focus a new node\n    | 'expand' // Expand current node\n    | 'collapse' // Collapse current node\n    | 'select' // Select current node\n    | 'none' // No action\n  /** Target index for focus action */\n  targetIndex?: number\n}\n\n// ============================================================================\n// List Navigation Types\n// ============================================================================\n\nexport interface ListNavOptions {\n  /** Current active index */\n  activeIndex: number\n  /** Total number of items */\n  itemCount: number\n  /** Whether to wrap at edges (default: true) */\n  wrap?: boolean\n  /** Orientation for arrow key handling */\n  orientation?: 'horizontal' | 'vertical' | 'both'\n  /** Callback to check if an item is disabled */\n  isItemDisabled?: (index: number) => boolean\n}\n\nexport interface ListNavResult {\n  /** Whether the key was handled */\n  handled: boolean\n  /** New active index */\n  index: number\n  /** Whether Enter/Space was pressed for activation */\n  activated: boolean\n}\n\n// ============================================================================\n// Grid Navigation\n// ============================================================================\n\n/**\n * Handle keyboard navigation within a grid pattern (DataTable, Calendar, etc.)\n * Implements ARIA Grid pattern keyboard interactions.\n */\nexport function gridNavigate(event: KeyboardEvent, options: GridNavOptions): GridNavResult {\n  const { columns, rows, currentCol, currentRow, wrap = false, isCellDisabled } = options\n\n  let newCol = currentCol\n  let newRow = currentRow\n  let handled = false\n\n  const findNextValidCell = (\n    startRow: number,\n    startCol: number,\n    rowDelta: number,\n    colDelta: number\n  ): { row: number; col: number } => {\n    let r = startRow + rowDelta\n    let c = startCol + colDelta\n\n    // Bounds checking\n    if (wrap) {\n      if (c < 0) {\n        c = columns - 1\n      }\n      if (c >= columns) {\n        c = 0\n      }\n      if (r < 0) {\n        r = rows - 1\n      }\n      if (r >= rows) {\n        r = 0\n      }\n    } else {\n      c = Math.max(0, Math.min(columns - 1, c))\n      r = Math.max(0, Math.min(rows - 1, r))\n    }\n\n    // Skip disabled cells\n    if (isCellDisabled !== undefined) {\n      const maxIterations = rows * columns\n      let iterations = 0\n      while (isCellDisabled(r, c) && iterations < maxIterations) {\n        r += rowDelta\n        c += colDelta\n        if (wrap) {\n          if (c < 0) {\n            c = columns - 1\n          }\n          if (c >= columns) {\n            c = 0\n          }\n          if (r < 0) {\n            r = rows - 1\n          }\n          if (r >= rows) {\n            r = 0\n          }\n        } else {\n          c = Math.max(0, Math.min(columns - 1, c))\n          r = Math.max(0, Math.min(rows - 1, r))\n        }\n        iterations++\n      }\n    }\n\n    return { row: r, col: c }\n  }\n\n  switch (event.key) {\n    case Keys.ARROW_RIGHT: {\n      const result = findNextValidCell(currentRow, currentCol, 0, 1)\n      newCol = result.col\n      newRow = result.row\n      handled = true\n      break\n    }\n    case Keys.ARROW_LEFT: {\n      const result = findNextValidCell(currentRow, currentCol, 0, -1)\n      newCol = result.col\n      newRow = result.row\n      handled = true\n      break\n    }\n    case Keys.ARROW_DOWN: {\n      const result = findNextValidCell(currentRow, currentCol, 1, 0)\n      newCol = result.col\n      newRow = result.row\n      handled = true\n      break\n    }\n    case Keys.ARROW_UP: {\n      const result = findNextValidCell(currentRow, currentCol, -1, 0)\n      newCol = result.col\n      newRow = result.row\n      handled = true\n      break\n    }\n    case Keys.HOME:\n      if (event.ctrlKey) {\n        // Ctrl+Home: go to first cell\n        newRow = 0\n        newCol = 0\n      } else {\n        // Home: go to first cell in row\n        newCol = 0\n      }\n      handled = true\n      break\n    case Keys.END:\n      if (event.ctrlKey) {\n        // Ctrl+End: go to last cell\n        newRow = rows - 1\n        newCol = columns - 1\n      } else {\n        // End: go to last cell in row\n        newCol = columns - 1\n      }\n      handled = true\n      break\n    case Keys.PAGE_UP:\n      // Move up by a page (typically visible rows)\n      newRow = Math.max(0, currentRow - 10)\n      handled = true\n      break\n    case Keys.PAGE_DOWN:\n      // Move down by a page\n      newRow = Math.min(rows - 1, currentRow + 10)\n      handled = true\n      break\n  }\n\n  return { handled, col: newCol, row: newRow }\n}\n\n// ============================================================================\n// Tree Navigation\n// ============================================================================\n\n/**\n * Handle keyboard navigation within a tree view pattern.\n * Implements ARIA Tree pattern keyboard interactions.\n */\nexport function treeNavigate(event: KeyboardEvent, options: TreeNavOptions): TreeNavResult {\n  const { visibleNodes, currentIndex, isExpanded, hasChildren, parentIndex, firstChildIndex } =\n    options\n\n  const currentVisibleIndex = visibleNodes.indexOf(currentIndex)\n\n  switch (event.key) {\n    case Keys.ARROW_DOWN: {\n      // Move to next visible node\n      if (currentVisibleIndex < visibleNodes.length - 1) {\n        const nextIndex = visibleNodes[currentVisibleIndex + 1]\n        if (nextIndex !== undefined) {\n          return { handled: true, action: 'focus', targetIndex: nextIndex }\n        }\n      }\n      return { handled: true, action: 'none' }\n    }\n    case Keys.ARROW_UP: {\n      // Move to previous visible node\n      if (currentVisibleIndex > 0) {\n        const prevIndex = visibleNodes[currentVisibleIndex - 1]\n        if (prevIndex !== undefined) {\n          return { handled: true, action: 'focus', targetIndex: prevIndex }\n        }\n      }\n      return { handled: true, action: 'none' }\n    }\n    case Keys.ARROW_RIGHT:\n      // If closed and has children: expand\n      // If open: move to first child\n      // If no children: do nothing\n      if (hasChildren) {\n        if (!isExpanded) {\n          return { handled: true, action: 'expand' }\n        } else if (firstChildIndex >= 0) {\n          return { handled: true, action: 'focus', targetIndex: firstChildIndex }\n        }\n      }\n      return { handled: true, action: 'none' }\n    case Keys.ARROW_LEFT:\n      // If open: collapse\n      // If closed: move to parent\n      if (isExpanded && hasChildren) {\n        return { handled: true, action: 'collapse' }\n      } else if (parentIndex >= 0) {\n        return { handled: true, action: 'focus', targetIndex: parentIndex }\n      }\n      return { handled: true, action: 'none' }\n    case Keys.HOME: {\n      // Move to first visible node\n      const firstNode = visibleNodes[0]\n      if (firstNode !== undefined && firstNode !== currentIndex) {\n        return { handled: true, action: 'focus', targetIndex: firstNode }\n      }\n      return { handled: true, action: 'none' }\n    }\n    case Keys.END: {\n      // Move to last visible node\n      const lastNode = visibleNodes[visibleNodes.length - 1]\n      if (lastNode !== undefined && lastNode !== currentIndex) {\n        return { handled: true, action: 'focus', targetIndex: lastNode }\n      }\n      return { handled: true, action: 'none' }\n    }\n    case Keys.ENTER:\n    case Keys.SPACE:\n      // Select/activate the current node\n      return { handled: true, action: 'select' }\n    default:\n      return { handled: false, action: 'none' }\n  }\n}\n\n// ============================================================================\n// List Navigation\n// ============================================================================\n\n/**\n * Handle keyboard navigation within a list (menu, combobox options, etc.)\n * Returns the new active index based on key press.\n */\nexport function listNavigate(event: KeyboardEvent, options: ListNavOptions): ListNavResult {\n  const { activeIndex, itemCount, wrap = true, orientation = 'vertical', isItemDisabled } = options\n\n  if (itemCount === 0) {\n    return { handled: false, index: -1, activated: false }\n  }\n\n  let newIndex = activeIndex\n  let handled = false\n  let activated = false\n\n  const findNextValidIndex = (start: number, delta: number): number => {\n    let index = start + delta\n    const maxIterations = itemCount\n\n    for (let i = 0; i < maxIterations; i++) {\n      if (wrap) {\n        if (index < 0) {\n          index = itemCount - 1\n        }\n        if (index >= itemCount) {\n          index = 0\n        }\n      } else {\n        index = Math.max(0, Math.min(itemCount - 1, index))\n      }\n\n      if (isItemDisabled?.(index) !== true) {\n        return index\n      }\n\n      index += delta\n    }\n\n    return start // Return original if no valid index found\n  }\n\n  const isVertical = orientation === 'vertical' || orientation === 'both'\n  const isHorizontal = orientation === 'horizontal' || orientation === 'both'\n\n  switch (event.key) {\n    case Keys.ARROW_DOWN:\n      if (isVertical) {\n        newIndex = findNextValidIndex(activeIndex, 1)\n        handled = true\n      }\n      break\n    case Keys.ARROW_UP:\n      if (isVertical) {\n        newIndex = findNextValidIndex(activeIndex, -1)\n        handled = true\n      }\n      break\n    case Keys.ARROW_RIGHT:\n      if (isHorizontal) {\n        newIndex = findNextValidIndex(activeIndex, 1)\n        handled = true\n      }\n      break\n    case Keys.ARROW_LEFT:\n      if (isHorizontal) {\n        newIndex = findNextValidIndex(activeIndex, -1)\n        handled = true\n      }\n      break\n    case Keys.HOME:\n      newIndex = findNextValidIndex(-1, 1)\n      handled = true\n      break\n    case Keys.END:\n      newIndex = findNextValidIndex(itemCount, -1)\n      handled = true\n      break\n    case Keys.ENTER:\n    case Keys.SPACE:\n      activated = true\n      handled = true\n      break\n  }\n\n  return { handled, index: newIndex, activated }\n}\n\n// ============================================================================\n// Type-ahead Search\n// ============================================================================\n\nexport interface TypeAheadOptions {\n  /** Items to search (should have a text/label property) */\n  items: { label: string; disabled?: boolean }[]\n  /** Timeout for resetting search buffer (default: 500ms) */\n  timeout?: number\n}\n\nexport interface TypeAheadController {\n  /** Handle a keypress and return matching index or -1 */\n  handleKey: (char: string) => number\n  /** Reset the search buffer */\n  reset: () => void\n}\n\n/**\n * Create a type-ahead search controller for navigating lists by typing.\n */\nexport function createTypeAhead(options: TypeAheadOptions): TypeAheadController {\n  const { items, timeout = 500 } = options\n  let searchBuffer = ''\n  let searchTimeout: ReturnType<typeof setTimeout> | null = null\n\n  const handleKey = (char: string): number => {\n    // Only handle printable characters\n    if (char.length !== 1 || char === ' ') {\n      return -1\n    }\n\n    // Clear previous timeout\n    if (searchTimeout !== null) {\n      clearTimeout(searchTimeout)\n    }\n\n    // Add to buffer\n    searchBuffer += char.toLowerCase()\n\n    // Set reset timeout\n    searchTimeout = setTimeout(() => {\n      searchBuffer = ''\n    }, timeout)\n\n    // Find matching item\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      if (item === undefined || item.disabled === true) {\n        continue\n      }\n      if (item.label.toLowerCase().startsWith(searchBuffer)) {\n        return i\n      }\n    }\n\n    return -1\n  }\n\n  const reset = (): void => {\n    searchBuffer = ''\n    if (searchTimeout !== null) {\n      clearTimeout(searchTimeout)\n      searchTimeout = null\n    }\n  }\n\n  return { handleKey, reset }\n}\n\n// ============================================================================\n// Keyboard Event Helpers\n// ============================================================================\n\n/**\n * Check if an event is a printable character key.\n */\nexport function isPrintableKey(event: KeyboardEvent): boolean {\n  return event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey\n}\n\n/**\n * Check if the event target is an input element.\n */\nexport function isInputElement(target: EventTarget | null): boolean {\n  if (target === null) {\n    return false\n  }\n  const element = target as HTMLElement\n  const tagName = element.tagName.toLowerCase()\n  return (\n    tagName === 'input' ||\n    tagName === 'textarea' ||\n    tagName === 'select' ||\n    element.isContentEditable\n  )\n}\n\n/**\n * Get a keyboard shortcut string from an event (e.g., \"Ctrl+Shift+S\").\n */\nexport function getShortcutFromEvent(event: KeyboardEvent): string {\n  const parts: string[] = []\n\n  if (event.ctrlKey || event.metaKey) {\n    parts.push('Ctrl')\n  }\n  if (event.altKey) {\n    parts.push('Alt')\n  }\n  if (event.shiftKey) {\n    parts.push('Shift')\n  }\n\n  const key = event.key.length === 1 ? event.key.toUpperCase() : event.key\n  if (!['Control', 'Alt', 'Shift', 'Meta'].includes(event.key)) {\n    parts.push(key)\n  }\n\n  return parts.join('+')\n}\n"],"mappings":"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"}

package/dist/label-BObzQvEY.js

@@ -0,0 +1,55 @@
+import { n as e } from "./dist-Axk3-hcS.js";
+import { t } from "./utils-B7XIe3qq.js";
+import { t as n } from "./dist-BCCeHAQm.js";
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import "react-dom";
+//#region node_modules/@radix-ui/react-label/node_modules/@radix-ui/react-primitive/dist/index.mjs
+var a = [
+	"a",
+	"button",
+	"div",
+	"form",
+	"h2",
+	"h3",
+	"img",
+	"input",
+	"label",
+	"li",
+	"nav",
+	"ol",
+	"p",
+	"select",
+	"span",
+	"svg",
+	"ul"
+].reduce((t, n) => {
+	let a = e(`Primitive.${n}`), o = i.forwardRef((e, t) => {
+		let { asChild: i, ...o } = e, s = i ? a : n;
+		return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ r(s, {
+			...o,
+			ref: t
+		});
+	});
+	return o.displayName = `Primitive.${n}`, {
+		...t,
+		[n]: o
+	};
+}, {}), o = "Label", s = i.forwardRef((e, t) => /* @__PURE__ */ r(a.label, {
+	...e,
+	ref: t,
+	onMouseDown: (t) => {
+		t.target.closest("button, input, select, textarea") || (e.onMouseDown?.(t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
+	}
+}));
+s.displayName = o;
+var c = s, l = n("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), u = i.forwardRef(({ className: e, ...n }, i) => /* @__PURE__ */ r(c, {
+	ref: i,
+	className: t(l(), e),
+	...n
+}));
+u.displayName = c.displayName;
+//#endregion
+export { u as t };
+
+//# sourceMappingURL=label-BObzQvEY.js.map

package/dist/label-BObzQvEY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-BObzQvEY.js","names":["React","Label","React"],"sources":["../node_modules/@radix-ui/react-label/node_modules/@radix-ui/react-primitive/dist/index.mjs","../node_modules/@radix-ui/react-label/dist/index.mjs","../src/react/primitives/label.tsx"],"sourcesContent":["// src/primitive.tsx\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { createSlot } from \"@radix-ui/react-slot\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NODES = [\n  \"a\",\n  \"button\",\n  \"div\",\n  \"form\",\n  \"h2\",\n  \"h3\",\n  \"img\",\n  \"input\",\n  \"label\",\n  \"li\",\n  \"nav\",\n  \"ol\",\n  \"p\",\n  \"select\",\n  \"span\",\n  \"svg\",\n  \"ul\"\n];\nvar Primitive = NODES.reduce((primitive, node) => {\n  const Slot = createSlot(`Primitive.${node}`);\n  const Node = React.forwardRef((props, forwardedRef) => {\n    const { asChild, ...primitiveProps } = props;\n    const Comp = asChild ? Slot : node;\n    if (typeof window !== \"undefined\") {\n      window[Symbol.for(\"radix-ui\")] = true;\n    }\n    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });\n  });\n  Node.displayName = `Primitive.${node}`;\n  return { ...primitive, [node]: Node };\n}, {});\nfunction dispatchDiscreteCustomEvent(target, event) {\n  if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));\n}\nvar Root = Primitive;\nexport {\n  Primitive,\n  Root,\n  dispatchDiscreteCustomEvent\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// src/label.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Label\";\nvar Label = React.forwardRef((props, forwardedRef) => {\n  return /* @__PURE__ */ jsx(\n    Primitive.label,\n    {\n      ...props,\n      ref: forwardedRef,\n      onMouseDown: (event) => {\n        const target = event.target;\n        if (target.closest(\"button, input, select, textarea\")) return;\n        props.onMouseDown?.(event);\n        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();\n      }\n    }\n  );\n});\nLabel.displayName = NAME;\nvar Root = Label;\nexport {\n  Label,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n","/**\n * Label Component\n *\n * A styled label component for form inputs.\n * Based on Radix UI Label primitive.\n */\n\nimport * as React from 'react'\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from './utils'\n\nconst labelVariants = cva(\n  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70'\n)\n\nconst Label = React.forwardRef<\n  React.ComponentRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />\n))\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n"],"x_google_ignoreList":[0,1],"mappings":";;;;;;;AAwBA,IAAI,IAnBQ;CACV;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CACqB,QAAQ,GAAW,MAAS;CAChD,IAAM,IAAO,EAAW,aAAa,IAAO,EACtC,IAAOA,EAAM,YAAY,GAAO,MAAiB;EACrD,IAAM,EAAE,YAAS,GAAG,MAAmB,GACjC,IAAO,IAAU,IAAO;AAI9B,SAHI,OAAO,SAAW,QACpB,OAAO,OAAO,IAAI,WAAW,IAAI,KAEZ,kBAAI,GAAM;GAAE,GAAG;GAAgB,KAAK;GAAc,CAAC;GAC1E;AAEF,QADA,EAAK,cAAc,aAAa,KACzB;EAAE,GAAG;GAAY,IAAO;EAAM;GACpC,EAAE,CAAC,EC9BF,IAAO,SACPC,IAAQC,EAAM,YAAY,GAAO,MACZ,kBACrB,EAAU,OACV;CACE,GAAG;CACH,KAAK;CACL,cAAc,MAAU;AACP,IAAM,OACV,QAAQ,kCAAkC,KACrD,EAAM,cAAc,EAAM,EACtB,CAAC,EAAM,oBAAoB,EAAM,SAAS,KAAG,EAAM,gBAAgB;;CAE1E,CACF,CACD;AACF,EAAM,cAAc;AACpB,IAAI,IAAOD,GCXL,IAAgB,EACpB,6FACD,EAEK,IAAQ,EAAM,YAGjB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,GAAD;CAA0B;CAAK,WAAW,EAAG,GAAe,EAAE,EAAU;CAAE,GAAI;CAAS,CAAA,CACvF;AACF,EAAM,cAAA,EAAkC"}

package/dist/layout/index.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Layout Components
+ * @countermeasure/web-components
+ *
+ * Shared layout utilities for sidebar, user menu, collapsibles, and sheets.
+ */
+export interface SidebarConfig {
+    storageKey?: string;
+    desktopBreakpoint?: string;
+    collapsedClass?: string;
+    openClass?: string;
+}
+export interface UserMenuConfig {
+    triggerSelector?: string;
+    dropdownSelector?: string;
+    dropdownItemSelector?: string;
+}
+export interface CollapsibleConfig {
+    scrollIntoView?: boolean;
+    scrollBehavior?: ScrollBehavior;
+    hiddenClass?: string;
+}
+export interface SheetConfig {
+    key: string;
+    sheet: HTMLElement;
+    backdrop: HTMLElement;
+    content: HTMLElement;
+    fullPageLink?: HTMLAnchorElement | null | undefined;
+    expandLink?: HTMLAnchorElement | null | undefined;
+    focusSelector?: string | undefined;
+}
+export interface SheetSetupConfig {
+    openClass?: string;
+    hiddenClass?: string;
+    backdropVisibleClass?: string;
+    backdropHiddenClass?: string;
+    spinnerHtml?: string;
+    errorHtml?: string;
+}
+/**
+ * Setup responsive sidebar with collapse/expand functionality.
+ */
+export declare function setupSidebar(config?: SidebarConfig): () => void;
+/**
+ * Setup user menu dropdown with keyboard navigation.
+ */
+export declare function setupUserMenu(config?: UserMenuConfig): () => void;
+/**
+ * Setup collapsible sections with toggle buttons.
+ */
+export declare function setupCollapsibles(config?: CollapsibleConfig): () => void;
+/**
+ * Setup side sheet/drawer components.
+ */
+export declare function setupSheets(setupConfig?: SheetSetupConfig): () => void;
+/**
+ * Setup keyboard navigation for sidebar nav items.
+ */
+export declare function setupNavKeyboard(): () => void;
+/**
+ * Initialize all layout components.
+ */
+export declare function initLayout(config?: {
+    sidebar?: SidebarConfig;
+    userMenu?: UserMenuConfig;
+    collapsibles?: CollapsibleConfig;
+    sheets?: SheetSetupConfig;
+}): () => void;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B;AAED,MAAM,WAAW,iBAAiB;IAChC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,EAAE,WAAW,CAAA;IACrB,OAAO,EAAE,WAAW,CAAA;IACpB,YAAY,CAAC,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAA;IACnD,UAAU,CAAC,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAA;IACjD,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACnC;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA6BD;;GAEG;AACH,wBAAgB,YAAY,CAAC,MAAM,GAAE,aAAkB,GAAG,MAAM,IAAI,CAmGnE;AAMD;;GAEG;AACH,wBAAgB,aAAa,CAAC,MAAM,GAAE,cAAmB,GAAG,MAAM,IAAI,CAyFrE;AAwBD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,GAAE,iBAAsB,GAAG,MAAM,IAAI,CAsF5E;AAkBD;;GAEG;AACH,wBAAgB,WAAW,CAAC,WAAW,GAAE,gBAAqB,GAAG,MAAM,IAAI,CA+K1E;AAMD;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,IAAI,CAqC7C;AAMD;;GAEG;AACH,wBAAgB,UAAU,CACxB,MAAM,GAAE;IACN,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAChC,MAAM,CAAC,EAAE,gBAAgB,CAAA;CACrB,GACL,MAAM,IAAI,CAcZ"}

package/dist/layout/index.js

@@ -0,0 +1,240 @@
+//#region src/layout/index.ts
+var e = () => {
+	if (typeof window > "u") return null;
+	try {
+		return window.localStorage;
+	} catch {
+		return console.warn("Unable to access localStorage"), null;
+	}
+}, t = {
+	storageKey: "cmm-sidebar-state",
+	desktopBreakpoint: "(min-width: 1024px)",
+	collapsedClass: "cmm-shell--sidebar-collapsed",
+	openClass: "cmm-shell--sidebar-open"
+};
+function n(n = {}) {
+	let r = {
+		...t,
+		...n
+	}, i = document.querySelector("[data-shell-layout]"), a = document.querySelector("[data-shell-sidebar]");
+	if (!i || !a) return () => {};
+	let o = e(), s = window.matchMedia(r.desktopBreakpoint), c = Array.from(document.querySelectorAll("[data-sidebar-toggle]")), l = Array.from(document.querySelectorAll("[data-sidebar-dismiss]")), u = a.id || "shell-sidebar";
+	a.id = u;
+	let d = () => o?.getItem(r.storageKey) === "collapsed", f = () => {
+		let e = s.matches ? !i.classList.contains(r.collapsedClass) : i.classList.contains(r.openClass);
+		c.forEach((t) => {
+			t.setAttribute("aria-expanded", e.toString()), t.setAttribute("aria-controls", u);
+		});
+	}, p = (e, t = !0) => {
+		i.classList.toggle(r.collapsedClass, e), t && s.matches && o?.setItem(r.storageKey, e ? "collapsed" : "expanded"), f();
+	}, m = (e) => {
+		i.classList.toggle(r.openClass, e), f();
+	}, h = () => {
+		s.matches ? (m(!1), p(d(), !1)) : (m(!1), p(!1, !1));
+	}, g = () => {
+		s.matches ? p(!i.classList.contains(r.collapsedClass)) : m(!i.classList.contains(r.openClass));
+	}, _ = () => {
+		m(!1);
+	}, v = (e) => {
+		e.key === "Escape" && !s.matches && m(!1);
+	};
+	return c.forEach((e) => {
+		e.addEventListener("click", g);
+	}), l.forEach((e) => {
+		e.addEventListener("click", _);
+	}), document.addEventListener("keydown", v), s.addEventListener("change", h), h(), () => {
+		c.forEach((e) => {
+			e.removeEventListener("click", g);
+		}), l.forEach((e) => {
+			e.removeEventListener("click", _);
+		}), document.removeEventListener("keydown", v), s.removeEventListener("change", h);
+	};
+}
+function r(e = {}) {
+	let t = e.triggerSelector ?? "[data-user-trigger]", n = e.dropdownSelector ?? "[data-user-dropdown]", r = document.querySelector("[data-user-menu]"), i = document.querySelector(t), a = document.querySelector(n);
+	if (!r || !i || !a) return () => {};
+	let o = (e) => {
+		i.setAttribute("aria-expanded", e.toString()), r.setAttribute("aria-expanded", e.toString());
+	}, s = () => i.getAttribute("aria-expanded") === "true", c = (e) => {
+		e.stopPropagation(), o(!s());
+	}, l = (e) => {
+		r.contains(e.target) || o(!1);
+	}, u = (e) => {
+		e.key === "Escape" && s() && (o(!1), i.focus());
+	}, d = e.dropdownItemSelector ?? ".cmm-user-menu__dropdown-item", f = (e) => {
+		let t = Array.from(a.querySelectorAll(d)), n = t.indexOf(document.activeElement);
+		e.key === "ArrowDown" ? (e.preventDefault(), t[n < t.length - 1 ? n + 1 : 0]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), t[n > 0 ? n - 1 : t.length - 1]?.focus()) : (e.key === "Tab" && !e.shiftKey && n === t.length - 1 || e.key === "Tab" && e.shiftKey && n === 0) && o(!1);
+	}, p = (e) => {
+		(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && !s() && (e.preventDefault(), o(!0), setTimeout(() => {
+			a.querySelector(d)?.focus();
+		}, 50));
+	};
+	return i.addEventListener("click", c), document.addEventListener("click", l), document.addEventListener("keydown", u), a.addEventListener("keydown", f), i.addEventListener("keydown", p), () => {
+		i.removeEventListener("click", c), document.removeEventListener("click", l), document.removeEventListener("keydown", u), a.removeEventListener("keydown", f), i.removeEventListener("keydown", p);
+	};
+}
+var i = (e) => e.dataset.collapsibleOpen === "true" || !e.classList.contains("hidden"), a = "cmm-collapsible--hidden", o = (e, t) => {
+	e.classList.toggle("hidden", !t), e.classList.toggle(a, !t), e.dataset.collapsibleOpen = t.toString(), e.setAttribute("aria-hidden", t ? "false" : "true");
+}, s = (e, t) => {
+	document.querySelectorAll(`[data-toggle-target='${e}']`).forEach((e) => {
+		e.setAttribute("aria-expanded", t.toString());
+	});
+};
+function c(e = {}) {
+	let { scrollIntoView: t = !0, scrollBehavior: n = "smooth", hiddenClass: r = "cmm-collapsible--hidden" } = e;
+	a = r, document.querySelectorAll("[data-collapsible]").forEach((e) => {
+		o(e, e.dataset.collapsibleOpen === "true" || !e.classList.contains("hidden"));
+	});
+	let c = [];
+	document.querySelectorAll("[data-toggle-target]").forEach((e) => {
+		let r = e.dataset.toggleTarget;
+		if (!r) return;
+		let a = document.querySelector(r);
+		if (!a) return;
+		let l = a.id || r.replace(/^#/, "");
+		e.setAttribute("aria-controls", l), e.setAttribute("aria-expanded", i(a).toString());
+		let u = (e) => {
+			e.preventDefault();
+			let c = !i(a);
+			o(a, c), s(r, c), c && t && a.scrollIntoView({
+				behavior: n,
+				block: "start"
+			});
+		};
+		e.addEventListener("click", u), c.push({
+			element: e,
+			handler: u
+		});
+	}), document.querySelectorAll("[data-collapse-target]").forEach((e) => {
+		let t = e.dataset.collapseTarget;
+		if (!t) return;
+		let n = document.querySelector(t);
+		if (!n) return;
+		let r = (e) => {
+			e.preventDefault(), o(n, !1), s(t, !1);
+		};
+		e.addEventListener("click", r), c.push({
+			element: e,
+			handler: r
+		});
+	});
+	let l = window.location.hash;
+	if (l) {
+		let e = document.querySelector(l);
+		e?.dataset.collapsible !== void 0 && (o(e, !0), s(l, !0));
+	}
+	return () => {
+		c.forEach(({ element: e, handler: t }) => {
+			e.removeEventListener("click", t);
+		});
+	};
+}
+var l = "\n  <div class=\"cmm-sheet__loading\">\n    <div class=\"cmm-spinner\"></div>\n  </div>\n", u = "\n  <div class=\"cmm-sheet__error\">\n    <p>Failed to load content. Please try the full page.</p>\n  </div>\n";
+function d(e = {}) {
+	let { openClass: t = "cmm-sheet--open", hiddenClass: n = "cmm-sheet--hidden", backdropVisibleClass: r = "cmm-sheet__backdrop--visible", backdropHiddenClass: i = "cmm-sheet__backdrop--hidden", spinnerHtml: a = l, errorHtml: o = u } = e, s = /* @__PURE__ */ new Map();
+	if (document.querySelectorAll("[data-sheet]").forEach((e) => {
+		let t = e.dataset.sheet;
+		if (!t) return;
+		let n = document.querySelector(`[data-sheet-backdrop='${t}']`), r = e.querySelector("[data-sheet-content]");
+		!n || !r || s.set(t, {
+			key: t,
+			sheet: e,
+			backdrop: n,
+			content: r,
+			fullPageLink: e.querySelector("[data-sheet-fullpage]"),
+			expandLink: e.querySelector("[data-sheet-expand]"),
+			focusSelector: e.dataset.sheetFocus
+		});
+	}), s.size === 0) return () => {};
+	let c = null, d = (e, a) => {
+		e.sheet.classList.toggle(t, a), e.sheet.classList.toggle(n, !a), e.backdrop.classList.toggle(r, a), e.backdrop.classList.toggle(i, !a), e.sheet.setAttribute("aria-hidden", a ? "false" : "true");
+	}, f = (e) => {
+		c?.key === e.key && (c = null), d(e, !1);
+	}, p = async (e, t) => {
+		c && c.key !== e.key && f(c), c = e, d(e, !0);
+		let n = t?.dataset.sheetUrl ?? e.sheet.dataset.sheetUrl, r = t?.dataset.sheetFocus ?? e.focusSelector, i = t?.dataset.sheetFullpage ?? e.sheet.dataset.sheetFullpage, s = t?.dataset.sheetExpand ?? e.sheet.dataset.sheetExpand;
+		if (e.fullPageLink && i && (e.fullPageLink.href = i), e.expandLink && s && (e.expandLink.href = s), !n) {
+			e.content.innerHTML = o;
+			return;
+		}
+		e.content.innerHTML = a;
+		try {
+			let t = await fetch(n);
+			t.ok ? (e.content.innerHTML = await t.text(), r && e.content.querySelector(r)?.focus()) : i ? window.location.href = i : e.content.innerHTML = o;
+		} catch {
+			i ? window.location.href = i : e.content.innerHTML = o;
+		}
+	}, m = [];
+	s.forEach((e) => {
+		let t = (t) => {
+			t.target.closest("[data-sheet-close]") && (t.preventDefault(), f(e));
+		}, n = () => {
+			f(e);
+		}, r = () => {
+			f(e);
+		};
+		e.sheet.addEventListener("click", t), e.backdrop.addEventListener("click", n), m.push({
+			element: e.sheet,
+			event: "click",
+			handler: t
+		}), m.push({
+			element: e.backdrop,
+			event: "click",
+			handler: n
+		}), e.expandLink && (e.expandLink.addEventListener("click", r), m.push({
+			element: e.expandLink,
+			event: "click",
+			handler: r
+		}));
+	}), document.querySelectorAll("[data-sheet-trigger]").forEach((e) => {
+		let t = e.dataset.sheetTrigger;
+		if (!t) return;
+		let n = s.get(t);
+		if (!n) return;
+		let r = (t) => {
+			t.preventDefault(), p(n, e);
+		};
+		e.addEventListener("click", r), m.push({
+			element: e,
+			event: "click",
+			handler: r
+		});
+	});
+	let h = (e) => {
+		e.key === "Escape" && c && f(c);
+	};
+	return document.addEventListener("keydown", h), () => {
+		m.forEach(({ element: e, event: t, handler: n }) => {
+			e.removeEventListener(t, n);
+		}), document.removeEventListener("keydown", h);
+	};
+}
+function f() {
+	let e = document.querySelector("[data-nav-list]");
+	if (!e) return () => {};
+	let t = () => Array.from(e.querySelectorAll("[data-nav-item]")), n = (e) => {
+		let n = t(), r = n.indexOf(document.activeElement);
+		e.key === "ArrowDown" ? (e.preventDefault(), n[r < n.length - 1 ? r + 1 : 0]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), n[r > 0 ? r - 1 : n.length - 1]?.focus()) : e.key === "Home" ? (e.preventDefault(), n[0]?.focus()) : e.key === "End" && (e.preventDefault(), n[n.length - 1]?.focus());
+	};
+	return e.addEventListener("keydown", n), () => {
+		e.removeEventListener("keydown", n);
+	};
+}
+function p(e = {}) {
+	let t = [
+		n(e.sidebar),
+		r(e.userMenu),
+		c(e.collapsibles),
+		d(e.sheets),
+		f()
+	];
+	return () => {
+		t.forEach((e) => {
+			e();
+		});
+	};
+}
+//#endregion
+export { p as initLayout, c as setupCollapsibles, f as setupNavKeyboard, d as setupSheets, n as setupSidebar, r as setupUserMenu };
+
+//# sourceMappingURL=index.js.map