@kerfjs/ui 5.0.0-beta.9 → 5.0.0-beta.91

package/dist/chunk-IM3GKYOG.js

@@ -0,0 +1,202 @@
+import { signal } from 'kerfjs';
+
+// src/components/forms/token-search-field/model/token-search-model.ts
+var escapePattern = (text) => text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+var quote = (text) => /[\s()"\\]/.test(text) ? `"${text.replaceAll("\\", "\\\\").replaceAll('"', '\\"')}"` : text;
+var unquote = (text) => text.startsWith('"') && text.endsWith('"') ? text.slice(1, -1).replace(/\\(["\\])/g, "$1") : text;
+function createTokenSearchModel({
+  rules = [],
+  initial = { query: "", tokens: [] },
+  evaluate,
+  onSubmit
+} = {}) {
+  const byName = new Map(rules.map((rule) => [rule.name.toLowerCase(), rule]));
+  if (byName.size !== rules.length || rules.some((rule) => !/^[\w-]+$/.test(rule.name)))
+    throw new Error("Token search rule names must be unique words");
+  const names = [...byName.keys()].map(escapePattern).join("|");
+  const pattern = names ? new RegExp(
+    `(?:^|[\\s(])((?:${names}):(?:"(?:\\\\.|[^"])*"|[^"\\s()][^\\s()]*))(?=$|[\\s)])`,
+    "gi"
+  ) : void 0;
+  const activePattern = names ? new RegExp(
+    `(?:^|[\\s(])((?:${names}):(?:"(?:\\\\.|[^"])*|[^\\s()]*))$`,
+    "i"
+  ) : void 0;
+  const resolve = (raw, offset) => {
+    const separator = raw.indexOf(":");
+    const kind = raw.slice(0, separator).toLowerCase();
+    const rule = byName.get(kind);
+    if (!rule || separator < 0) return;
+    const input = unquote(raw.slice(separator + 1));
+    if (!input) return;
+    const parsedValue = rule.parse ? rule.parse(input) : input;
+    if (parsedValue === void 0) return;
+    return {
+      kind,
+      parsedValue,
+      value: `${kind}:${quote(input)}`,
+      label: rule.label?.(parsedValue, input) ?? `${kind}:${input}`,
+      offset
+    };
+  };
+  const rehydrate = (token) => {
+    const resolved = resolve(token.value, token.offset ?? 0);
+    return resolved ? { ...resolved, ...token } : void 0;
+  };
+  const state = signal({
+    query: initial.query,
+    tokens: initial.tokens.flatMap((token) => {
+      const resolved = rehydrate(token);
+      return resolved ? [resolved] : [];
+    })
+  });
+  const editorRevision = signal(0);
+  const suggestions = signal([]);
+  const result = signal(evaluate?.(state.value));
+  let activeStart;
+  let activeRule;
+  const refreshSuggestions = () => {
+    const match = activePattern?.exec(state.value.query);
+    const raw = match?.[1];
+    const separator = raw?.indexOf(":") ?? -1;
+    const rule = separator < 0 ? void 0 : byName.get(raw.slice(0, separator).toLowerCase());
+    activeRule = rule;
+    const input = separator < 0 ? "" : unquote(raw.slice(separator + 1));
+    activeStart = match && raw ? match.index + match[0].lastIndexOf(raw) : void 0;
+    suggestions.value = (rule?.suggest?.(input, state.value) ?? []).flatMap(
+      (candidate) => {
+        const value = typeof candidate === "string" ? candidate : candidate.value;
+        const token = resolve(`${rule.name}:${quote(value)}`, 0);
+        return token ? [
+          {
+            value: token.value,
+            label: typeof candidate === "string" ? token.label : candidate.label
+          }
+        ] : [];
+      }
+    );
+  };
+  const publish = (next) => {
+    state.value = next;
+    result.value = evaluate?.(next);
+    refreshSuggestions();
+  };
+  refreshSuggestions();
+  const edit = (value, commit2 = false) => {
+    let query = "";
+    let cursor = 0;
+    const added = [];
+    const removed = [];
+    for (const match of value.query.matchAll(pattern ?? /(?!) /g)) {
+      const raw = match[1];
+      const start = match.index + match[0].lastIndexOf(raw);
+      const end = start + raw.length;
+      if (end === value.query.length && !commit2 && !/\s$/.test(value.query))
+        continue;
+      const token = resolve(raw, query.length + start - cursor);
+      if (!token) continue;
+      query += value.query.slice(cursor, start);
+      token.offset = query.length;
+      added.push(token);
+      removed.push({ start, end });
+      cursor = end;
+    }
+    const suffix = value.query.slice(cursor);
+    query += added.length && /^\s+$/.test(suffix) ? "" : suffix;
+    const existing = value.tokens.flatMap((token) => {
+      const resolved = rehydrate(token);
+      if (!resolved) return [];
+      const offset = token.offset ?? value.query.length;
+      return [
+        {
+          ...resolved,
+          offset: offset - removed.reduce(
+            (total, range) => total + Math.max(0, Math.min(offset, range.end) - range.start),
+            0
+          )
+        }
+      ];
+    });
+    const tokens = [...existing, ...added].sort(
+      (left, right) => (left.offset ?? 0) - (right.offset ?? 0)
+    );
+    publish({ query, tokens });
+  };
+  const commitResolved = (token) => {
+    if (!token || activeStart === void 0) return;
+    const query = state.value.query.slice(0, activeStart);
+    publish({ query, tokens: [...state.value.tokens, token] });
+  };
+  const choose = (value) => {
+    if (activeStart === void 0 || !suggestions.value.some((suggestion) => suggestion.value === value))
+      return;
+    commitResolved(resolve(value, activeStart));
+  };
+  const commit = (value) => {
+    if (!activeRule || activeStart === void 0) return;
+    commitResolved(resolve(`${activeRule.name}:${quote(value)}`, activeStart));
+  };
+  return {
+    state,
+    editorRevision,
+    suggestions,
+    result,
+    edit,
+    replace(value) {
+      edit(value);
+      editorRevision.value++;
+    },
+    submit(value) {
+      edit(value, true);
+      onSubmit?.(state.value, result.value);
+    },
+    choose,
+    commit,
+    expandToken(value) {
+      const index = state.value.tokens.findIndex(
+        (token) => token.value === value
+      );
+      if (index < 0) return;
+      const offset = Math.max(
+        0,
+        Math.min(
+          state.value.query.length,
+          state.value.tokens[index].offset ?? state.value.query.length
+        )
+      );
+      const insertion = `${value} `;
+      publish({
+        query: `${state.value.query.slice(0, offset)}${insertion}${state.value.query.slice(offset)}`,
+        tokens: state.value.tokens.flatMap(
+          (token, at) => at === index ? [] : [
+            {
+              ...token,
+              offset: (token.offset ?? 0) + (at > index ? insertion.length : 0)
+            }
+          ]
+        )
+      });
+    },
+    remove(value) {
+      const index = state.value.tokens.findIndex(
+        (token) => token.value === value
+      );
+      if (index < 0) return;
+      publish({
+        ...state.value,
+        tokens: state.value.tokens.filter((_, at) => at !== index)
+      });
+    },
+    clear() {
+      publish({ query: "", tokens: [] });
+      editorRevision.value++;
+    },
+    dismiss() {
+      suggestions.value = [];
+    }
+  };
+}
+
+export { createTokenSearchModel };
+
+//# sourceMappingURL=chunk-IM3GKYOG.js.map

package/dist/chunk-IM3GKYOG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/token-search-field/model/token-search-model.ts"],"names":["commit"],"mappings":"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","file":"chunk-IM3GKYOG.js","sourcesContent":["import { type Signal, signal } from 'kerfjs';\n\nimport type {\n  TokenSearchFieldValue,\n  TokenSearchToken,\n} from '../token-search-field.js';\n\nexport interface TokenSearchRule {\n  /** The word before `:` (for example `tag` or `status`). */\n  name: string;\n  /** Return a canonical value, or undefined to leave invalid input as text. */\n  parse?: (input: string) => string | undefined;\n  /** Label for a committed chip. Defaults to `name:input`. */\n  label?: (value: string, input: string) => string;\n  /** Suggestions for the unfinished value after `name:`, with current committed tokens. */\n  suggest?: (\n    input: string,\n    state: TokenSearchState,\n  ) => readonly (string | { value: string; label: string })[];\n}\n\nexport interface TokenSearchResolvedToken extends TokenSearchToken {\n  kind: string;\n  parsedValue: string;\n}\n\nexport interface TokenSearchState {\n  query: string;\n  tokens: TokenSearchResolvedToken[];\n}\n\nexport interface TokenSearchSuggestion {\n  value: string;\n  label: string;\n}\n\nexport interface TokenSearchModel<Result = unknown> {\n  state: Signal<TokenSearchState>;\n  /** Changes when a model action must replace DOM-owned editor text. */\n  editorRevision: Signal<number>;\n  suggestions: Signal<readonly TokenSearchSuggestion[]>;\n  result: Signal<Result | undefined>;\n  edit(value: TokenSearchFieldValue, commit?: boolean): void;\n  /** Replace app-owned search state and rebuild the DOM-owned editor text. */\n  replace(value: TokenSearchFieldValue): void;\n  submit(value: TokenSearchFieldValue): void;\n  choose(value: string): void;\n  /** Commit a value for the active `name:` prefix, even when it is not suggested. */\n  commit(value: string): void;\n  expandToken(value: string): void;\n  remove(value: string): void;\n  clear(): void;\n  dismiss(): void;\n}\n\nexport interface TokenSearchModelOptions<Result> {\n  rules?: readonly TokenSearchRule[];\n  initial?: TokenSearchFieldValue;\n  /** Runs after every state change, including initial state. */\n  evaluate?: (state: TokenSearchState) => Result;\n  onSubmit?: (state: TokenSearchState, result: Result | undefined) => void;\n}\n\nconst escapePattern = (text: string) =>\n  text.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\nconst quote = (text: string) =>\n  /[\\s()\"\\\\]/.test(text)\n    ? `\"${text.replaceAll('\\\\', '\\\\\\\\').replaceAll('\"', '\\\\\"')}\"`\n    : text;\nconst unquote = (text: string) =>\n  text.startsWith('\"') && text.endsWith('\"')\n    ? text.slice(1, -1).replace(/\\\\([\"\\\\])/g, '$1')\n    : text;\n\n/** Opt-in state, token parsing, suggestions, and evaluation for TokenSearchField. */\nexport function createTokenSearchModel<Result = unknown>({\n  rules = [],\n  initial = { query: '', tokens: [] },\n  evaluate,\n  onSubmit,\n}: TokenSearchModelOptions<Result> = {}): TokenSearchModel<Result> {\n  const byName = new Map(rules.map((rule) => [rule.name.toLowerCase(), rule]));\n  if (\n    byName.size !== rules.length ||\n    rules.some((rule) => !/^[\\w-]+$/.test(rule.name))\n  )\n    throw new Error('Token search rule names must be unique words');\n  const names = [...byName.keys()].map(escapePattern).join('|');\n  const pattern = names\n    ? new RegExp(\n        `(?:^|[\\\\s(])((?:${names}):(?:\"(?:\\\\\\\\.|[^\"])*\"|[^\"\\\\s()][^\\\\s()]*))(?=$|[\\\\s)])`,\n        'gi',\n      )\n    : undefined;\n  const activePattern = names\n    ? new RegExp(\n        `(?:^|[\\\\s(])((?:${names}):(?:\"(?:\\\\\\\\.|[^\"])*|[^\\\\s()]*))$`,\n        'i',\n      )\n    : undefined;\n\n  const resolve = (\n    raw: string,\n    offset: number,\n  ): TokenSearchResolvedToken | undefined => {\n    const separator = raw.indexOf(':');\n    const kind = raw.slice(0, separator).toLowerCase();\n    const rule = byName.get(kind);\n    if (!rule || separator < 0) return;\n    const input = unquote(raw.slice(separator + 1));\n    if (!input) return;\n    const parsedValue = rule.parse ? rule.parse(input) : input;\n    if (parsedValue === undefined) return;\n    return {\n      kind,\n      parsedValue,\n      value: `${kind}:${quote(input)}`,\n      label: rule.label?.(parsedValue, input) ?? `${kind}:${input}`,\n      offset,\n    };\n  };\n\n  const rehydrate = (\n    token: TokenSearchToken,\n  ): TokenSearchResolvedToken | undefined => {\n    const resolved = resolve(token.value, token.offset ?? 0);\n    return resolved ? { ...resolved, ...token } : undefined;\n  };\n\n  const state = signal<TokenSearchState>({\n    query: initial.query,\n    tokens: initial.tokens.flatMap((token) => {\n      const resolved = rehydrate(token);\n      return resolved ? [resolved] : [];\n    }),\n  });\n  const editorRevision = signal(0);\n  const suggestions = signal<readonly TokenSearchSuggestion[]>([]);\n  const result = signal<Result | undefined>(evaluate?.(state.value));\n  let activeStart: number | undefined;\n  let activeRule: TokenSearchRule | undefined;\n\n  const refreshSuggestions = () => {\n    const match = activePattern?.exec(state.value.query);\n    const raw = match?.[1];\n    const separator = raw?.indexOf(':') ?? -1;\n    const rule =\n      separator < 0\n        ? undefined\n        : byName.get(raw!.slice(0, separator).toLowerCase());\n    activeRule = rule;\n    const input = separator < 0 ? '' : unquote(raw!.slice(separator + 1));\n    activeStart =\n      match && raw ? match.index + match[0].lastIndexOf(raw) : undefined;\n    suggestions.value = (rule?.suggest?.(input, state.value) ?? []).flatMap(\n      (candidate) => {\n        const value =\n          typeof candidate === 'string' ? candidate : candidate.value;\n        const token = resolve(`${rule!.name}:${quote(value)}`, 0);\n        return token\n          ? [\n              {\n                value: token.value,\n                label:\n                  typeof candidate === 'string' ? token.label : candidate.label,\n              },\n            ]\n          : [];\n      },\n    );\n  };\n  const publish = (next: TokenSearchState) => {\n    state.value = next;\n    result.value = evaluate?.(next);\n    refreshSuggestions();\n  };\n  refreshSuggestions();\n\n  const edit = (value: TokenSearchFieldValue, commit = false) => {\n    let query = '';\n    let cursor = 0;\n    const added: TokenSearchResolvedToken[] = [];\n    const removed: Array<{ start: number; end: number }> = [];\n    for (const match of value.query.matchAll(pattern ?? /(?!) /g)) {\n      const raw = match[1];\n      const start = match.index + match[0].lastIndexOf(raw);\n      const end = start + raw.length;\n      if (end === value.query.length && !commit && !/\\s$/.test(value.query))\n        continue;\n      const token = resolve(raw, query.length + start - cursor);\n      if (!token) continue;\n      query += value.query.slice(cursor, start);\n      token.offset = query.length;\n      added.push(token);\n      removed.push({ start, end });\n      cursor = end;\n    }\n    const suffix = value.query.slice(cursor);\n    query += added.length && /^\\s+$/.test(suffix) ? '' : suffix;\n    const existing = value.tokens.flatMap((token) => {\n      const resolved = rehydrate(token);\n      if (!resolved) return [];\n      const offset = token.offset ?? value.query.length;\n      return [\n        {\n          ...resolved,\n          offset:\n            offset -\n            removed.reduce(\n              (total, range) =>\n                total + Math.max(0, Math.min(offset, range.end) - range.start),\n              0,\n            ),\n        },\n      ];\n    });\n    const tokens = [...existing, ...added].sort(\n      (left, right) => (left.offset ?? 0) - (right.offset ?? 0),\n    );\n    publish({ query, tokens });\n  };\n\n  const commitResolved = (token: TokenSearchResolvedToken | undefined) => {\n    if (!token || activeStart === undefined) return;\n    const query = state.value.query.slice(0, activeStart);\n    publish({ query, tokens: [...state.value.tokens, token] });\n  };\n  const choose = (value: string) => {\n    if (\n      activeStart === undefined ||\n      !suggestions.value.some((suggestion) => suggestion.value === value)\n    )\n      return;\n    commitResolved(resolve(value, activeStart));\n  };\n  const commit = (value: string) => {\n    if (!activeRule || activeStart === undefined) return;\n    commitResolved(resolve(`${activeRule.name}:${quote(value)}`, activeStart));\n  };\n\n  return {\n    state,\n    editorRevision,\n    suggestions,\n    result,\n    edit,\n    replace(value) {\n      edit(value);\n      editorRevision.value++;\n    },\n    submit(value) {\n      edit(value, true);\n      onSubmit?.(state.value, result.value);\n    },\n    choose,\n    commit,\n    expandToken(value) {\n      const index = state.value.tokens.findIndex(\n        (token) => token.value === value,\n      );\n      if (index < 0) return;\n      const offset = Math.max(\n        0,\n        Math.min(\n          state.value.query.length,\n          state.value.tokens[index].offset ?? state.value.query.length,\n        ),\n      );\n      const insertion = `${value} `;\n      publish({\n        query: `${state.value.query.slice(0, offset)}${insertion}${state.value.query.slice(offset)}`,\n        tokens: state.value.tokens.flatMap((token, at) =>\n          at === index\n            ? []\n            : [\n                {\n                  ...token,\n                  offset:\n                    (token.offset ?? 0) + (at > index ? insertion.length : 0),\n                },\n              ],\n        ),\n      });\n    },\n    remove(value) {\n      const index = state.value.tokens.findIndex(\n        (token) => token.value === value,\n      );\n      if (index < 0) return;\n      publish({\n        ...state.value,\n        tokens: state.value.tokens.filter((_, at) => at !== index),\n      });\n    },\n    clear() {\n      publish({ query: '', tokens: [] });\n      editorRevision.value++;\n    },\n    dismiss() {\n      suggestions.value = [];\n    },\n  };\n}\n"]}

package/dist/chunk-IOS2NXW7.js

@@ -0,0 +1,53 @@
+import { popover } from 'kerfjs/overlay';
+
+// src/components/feedback/anchored-surface/anchored-surface.tsx
+function openAnchoredSurface(anchor, content, options) {
+  const {
+    label,
+    initialFocus = true,
+    dismiss = ["escape", "outside"],
+    ...rest
+  } = options;
+  if (!label.trim())
+    throw new TypeError("openAnchoredSurface() requires a nonempty label");
+  if (anchor instanceof HTMLElement && anchor.tabIndex >= 0) anchor.focus();
+  const handle = popover(anchor, content, {
+    ...rest,
+    className: "kui-anchored-surface",
+    native: true,
+    initialFocus,
+    dismiss
+  });
+  handle.el.setAttribute("role", "dialog");
+  handle.el.setAttribute("aria-label", label);
+  handle.el.dataset.component = "anchored-surface";
+  const dialog = anchor.closest("dialog");
+  if (dialog?.open) {
+    const onClose = () => handle.close();
+    dialog.addEventListener("close", onClose);
+    void handle.result.then(() => dialog.removeEventListener("close", onClose));
+  }
+  return handle;
+}
+function openAnchoredSurfaceAt(point, content, options) {
+  const { x, y, context } = point;
+  if (!Number.isFinite(x) || !Number.isFinite(y))
+    throw new TypeError("openAnchoredSurfaceAt() requires finite coordinates");
+  const anchor = document.createElement("span");
+  anchor.setAttribute("aria-hidden", "true");
+  anchor.style.cssText = "position:fixed;width:0;height:0;pointer-events:none;visibility:hidden";
+  anchor.getBoundingClientRect = () => new DOMRect(x, y, 0, 0);
+  (context?.closest("dialog") ?? document.body).append(anchor);
+  try {
+    const handle = openAnchoredSurface(anchor, content, options);
+    void handle.result.then(() => anchor.remove());
+    return handle;
+  } catch (error) {
+    anchor.remove();
+    throw error;
+  }
+}
+
+export { openAnchoredSurface, openAnchoredSurfaceAt };
+
+//# sourceMappingURL=chunk-IOS2NXW7.js.map

package/dist/chunk-IOS2NXW7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/anchored-surface/anchored-surface.tsx"],"names":[],"mappings":";;;AAiCO,SAAS,mBAAA,CACd,MAAA,EACA,OAAA,EACA,OAAA,EACe;AACf,EAAA,MAAM;AAAA,IACJ,KAAA;AAAA,IACA,YAAA,GAAe,IAAA;AAAA,IACf,OAAA,GAAU,CAAC,QAAA,EAAU,SAAS,CAAA;AAAA,IAC9B,GAAG;AAAA,GACL,GAAI,OAAA;AACJ,EAAA,IAAI,CAAC,MAAM,IAAA,EAAK;AACd,IAAA,MAAM,IAAI,UAAU,iDAAiD,CAAA;AAGvE,EAAA,IAAI,kBAAkB,WAAA,IAAe,MAAA,CAAO,QAAA,IAAY,CAAA,SAAU,KAAA,EAAM;AACxE,EAAA,MAAM,MAAA,GAAS,OAAA,CAAQ,MAAA,EAAQ,OAAA,EAAS;AAAA,IACtC,GAAG,IAAA;AAAA,IACH,SAAA,EAAW,sBAAA;AAAA,IACX,MAAA,EAAQ,IAAA;AAAA,IACR,YAAA;AAAA,IACA;AAAA,GACD,CAAA;AACD,EAAA,MAAA,CAAO,EAAA,CAAG,YAAA,CAAa,MAAA,EAAQ,QAAQ,CAAA;AACvC,EAAA,MAAA,CAAO,EAAA,CAAG,YAAA,CAAa,YAAA,EAAc,KAAK,CAAA;AAC1C,EAAA,MAAA,CAAO,EAAA,CAAG,QAAQ,SAAA,GAAY,kBAAA;AAC9B,EAAA,MAAM,MAAA,GAAS,MAAA,CAAO,OAAA,CAAQ,QAAQ,CAAA;AACtC,EAAA,IAAI,QAAQ,IAAA,EAAM;AAChB,IAAA,MAAM,OAAA,GAAU,MAAM,MAAA,CAAO,KAAA,EAAM;AACnC,IAAA,MAAA,CAAO,gBAAA,CAAiB,SAAS,OAAO,CAAA;AACxC,IAAA,KAAK,MAAA,CAAO,OAAO,IAAA,CAAK,MAAM,OAAO,mBAAA,CAAoB,OAAA,EAAS,OAAO,CAAC,CAAA;AAAA,EAC5E;AACA,EAAA,OAAO,MAAA;AACT;AAOO,SAAS,qBAAA,CACd,KAAA,EACA,OAAA,EACA,OAAA,EACe;AACf,EAAA,MAAM,EAAE,CAAA,EAAG,CAAA,EAAG,OAAA,EAAQ,GAAI,KAAA;AAC1B,EAAA,IAAI,CAAC,OAAO,QAAA,CAAS,CAAC,KAAK,CAAC,MAAA,CAAO,SAAS,CAAC,CAAA;AAC3C,IAAA,MAAM,IAAI,UAAU,qDAAqD,CAAA;AAC3E,EAAA,MAAM,MAAA,GAAS,QAAA,CAAS,aAAA,CAAc,MAAM,CAAA;AAC5C,EAAA,MAAA,CAAO,YAAA,CAAa,eAAe,MAAM,CAAA;AACzC,EAAA,MAAA,CAAO,MAAM,OAAA,GACX,uEAAA;AAGF,EAAA,MAAA,CAAO,wBAAwB,MAAM,IAAI,QAAQ,CAAA,EAAG,CAAA,EAAG,GAAG,CAAC,CAAA;AAG3D,EAAA,CAAC,SAAS,OAAA,CAAQ,QAAQ,KAAK,QAAA,CAAS,IAAA,EAAM,OAAO,MAAM,CAAA;AAC3D,EAAA,IAAI;AACF,IAAA,MAAM,MAAA,GAAS,mBAAA,CAAoB,MAAA,EAAQ,OAAA,EAAS,OAAO,CAAA;AAC3D,IAAA,KAAK,OAAO,MAAA,CAAO,IAAA,CAAK,MAAM,MAAA,CAAO,QAAQ,CAAA;AAC7C,IAAA,OAAO,MAAA;AAAA,EACT,SAAS,KAAA,EAAO;AACd,IAAA,MAAA,CAAO,MAAA,EAAO;AACd,IAAA,MAAM,KAAA;AAAA,EACR;AACF","file":"chunk-IOS2NXW7.js","sourcesContent":["import type { OverlayContent, OverlayHandle } from 'kerfjs/overlay';\nimport { popover, type PopoverOptions } from 'kerfjs/overlay';\n\n/** App-facing options for a non-modal, arbitrary-content help surface. */\nexport interface AnchoredSurfaceOptions extends Pick<\n  PopoverOptions,\n  | 'placement'\n  | 'align'\n  | 'gap'\n  | 'dismiss'\n  | 'initialFocus'\n  | 'onDismiss'\n  | 'outsideIgnore'\n> {\n  /** Accessible name for the non-modal dialog. */\n  label: string;\n}\n\n/** A viewport pointer location; `context` is the element under the pointer. */\nexport interface AnchoredSurfacePoint {\n  x: number;\n  y: number;\n  /** Pass the event target when opening from inside a modal dialog. */\n  context?: Element;\n}\n\n/**\n * Open app-owned content beside an element. The surface owns its Kerf UI chrome;\n * kerfjs/overlay owns positioning, top-layer/modal hosting, focus, and dismissal.\n * The caller owns content, action policy, and calling `close()` when an action\n * completes. `initialFocus` defaults to the first focusable descendant; set it\n * to `false` for read-only help that should leave focus on its trigger.\n */\nexport function openAnchoredSurface(\n  anchor: Element,\n  content: OverlayContent,\n  options: AnchoredSurfaceOptions,\n): OverlayHandle {\n  const {\n    label,\n    initialFocus = true,\n    dismiss = ['escape', 'outside'],\n    ...rest\n  } = options;\n  if (!label.trim())\n    throw new TypeError('openAnchoredSurface() requires a nonempty label');\n  // Safari does not focus buttons on pointer press. Make a focusable trigger\n  // the overlay's restore target consistently, including that engine.\n  if (anchor instanceof HTMLElement && anchor.tabIndex >= 0) anchor.focus();\n  const handle = popover(anchor, content, {\n    ...rest,\n    className: 'kui-anchored-surface',\n    native: true,\n    initialFocus,\n    dismiss,\n  });\n  handle.el.setAttribute('role', 'dialog');\n  handle.el.setAttribute('aria-label', label);\n  handle.el.dataset.component = 'anchored-surface';\n  const dialog = anchor.closest('dialog');\n  if (dialog?.open) {\n    const onClose = () => handle.close();\n    dialog.addEventListener('close', onClose);\n    void handle.result.then(() => dialog.removeEventListener('close', onClose));\n  }\n  return handle;\n}\n\n/**\n * Open the same surface at pointer coordinates. The temporary anchor has no\n * layout or hit target. `context` keeps a surface opened inside a modal dialog\n * in that dialog's interactive host slot; it is removed on close or failure.\n */\nexport function openAnchoredSurfaceAt(\n  point: AnchoredSurfacePoint,\n  content: OverlayContent,\n  options: AnchoredSurfaceOptions,\n): OverlayHandle {\n  const { x, y, context } = point;\n  if (!Number.isFinite(x) || !Number.isFinite(y))\n    throw new TypeError('openAnchoredSurfaceAt() requires finite coordinates');\n  const anchor = document.createElement('span');\n  anchor.setAttribute('aria-hidden', 'true');\n  anchor.style.cssText =\n    'position:fixed;width:0;height:0;pointer-events:none;visibility:hidden';\n  // The positioning core reads the anchor's viewport rect. A virtual rect\n  // avoids coordinate conversion when `context` sits in a transformed dialog.\n  anchor.getBoundingClientRect = () => new DOMRect(x, y, 0, 0);\n  // Only modal membership matters for host selection. Keep the temporary node\n  // out of the event target itself (which may be an input or a custom element).\n  (context?.closest('dialog') ?? document.body).append(anchor);\n  try {\n    const handle = openAnchoredSurface(anchor, content, options);\n    void handle.result.then(() => anchor.remove());\n    return handle;\n  } catch (error) {\n    anchor.remove();\n    throw error;\n  }\n}\n"]}

package/dist/chunk-J3AWE5I4.js

@@ -0,0 +1,50 @@
+import { jsx } from 'kerfjs/jsx-runtime';
+
+// src/components/feedback/badge/badge.tsx
+function Badge(props) {
+  const { tone = "neutral", className = "", slot } = props;
+  if (props.size === "dot") {
+    const label2 = props.ariaHidden ? void 0 : props.label?.trim();
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        class: `kui-badge ${className}`.trim(),
+        "data-component": "badge",
+        "data-tone": tone,
+        "data-appearance": "solid",
+        "data-size": "dot",
+        role: label2 ? "img" : void 0,
+        "aria-label": label2 || void 0,
+        "aria-hidden": label2 ? void 0 : "true",
+        slot
+      }
+    );
+  }
+  const {
+    children,
+    appearance = "quiet",
+    shape = "pill",
+    size = "default",
+    label,
+    ariaHidden = false
+  } = props;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      class: `kui-badge ${className}`.trim(),
+      "data-component": "badge",
+      "data-tone": tone,
+      "data-appearance": appearance,
+      "data-shape": shape,
+      "data-size": size,
+      "aria-label": ariaHidden ? void 0 : label,
+      "aria-hidden": ariaHidden ? "true" : void 0,
+      slot,
+      children
+    }
+  );
+}
+
+export { Badge };
+
+//# sourceMappingURL=chunk-J3AWE5I4.js.map

package/dist/chunk-J3AWE5I4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/badge/badge.tsx"],"names":["label"],"mappings":";;;AA4DO,SAAS,MAAM,KAAA,EAAmB;AACvC,EAAA,MAAM,EAAE,IAAA,GAAO,SAAA,EAAW,SAAA,GAAY,EAAA,EAAI,MAAK,GAAI,KAAA;AACnD,EAAA,IAAI,KAAA,CAAM,SAAS,KAAA,EAAO;AAExB,IAAA,MAAMA,SAAQ,KAAA,CAAM,UAAA,GAAa,MAAA,GAAY,KAAA,CAAM,OAAO,IAAA,EAAK;AAC/D,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,CAAA,UAAA,EAAa,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,QACrC,gBAAA,EAAe,OAAA;AAAA,QACf,WAAA,EAAW,IAAA;AAAA,QACX,iBAAA,EAAgB,OAAA;AAAA,QAChB,WAAA,EAAU,KAAA;AAAA,QACV,IAAA,EAAMA,SAAQ,KAAA,GAAQ,MAAA;AAAA,QACtB,cAAYA,MAAAA,IAAS,MAAA;AAAA,QACrB,aAAA,EAAaA,SAAQ,MAAA,GAAY,MAAA;AAAA,QACjC;AAAA;AAAA,KACF;AAAA,EAEJ;AACA,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,UAAA,GAAa,OAAA;AAAA,IACb,KAAA,GAAQ,MAAA;AAAA,IACR,IAAA,GAAO,SAAA;AAAA,IACP,KAAA;AAAA,IACA,UAAA,GAAa;AAAA,GACf,GAAI,KAAA;AACJ,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,UAAA,EAAa,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MACrC,gBAAA,EAAe,OAAA;AAAA,MACf,WAAA,EAAW,IAAA;AAAA,MACX,iBAAA,EAAiB,UAAA;AAAA,MACjB,YAAA,EAAY,KAAA;AAAA,MACZ,WAAA,EAAW,IAAA;AAAA,MACX,YAAA,EAAY,aAAa,MAAA,GAAY,KAAA;AAAA,MACrC,aAAA,EAAa,aAAa,MAAA,GAAS,MAAA;AAAA,MACnC,IAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"chunk-J3AWE5I4.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nimport type { SemanticTone } from '../../../shared/styles/semantic-tone.js';\n\nexport type { SemanticTone } from '../../../shared/styles/semantic-tone.js';\n/** @deprecated Use SemanticTone. */\nexport type BadgeTone = SemanticTone;\nexport type BadgeAppearance = 'quiet' | 'solid' | 'outline';\nexport type BadgeShape = 'pill' | 'rounded';\n/** Size of a text badge. A text-free dot is the separate `size: 'dot'` form. */\nexport type BadgeSize = 'compact' | 'default';\n\ninterface BadgeCommonProps {\n  tone?: SemanticTone;\n  className?: string;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/** A badge that shows a short status, count, or category as visible text. */\nexport interface BadgeTextProps extends BadgeCommonProps {\n  children: SafeHtml | string | number;\n  appearance?: BadgeAppearance;\n  shape?: BadgeShape;\n  size?: BadgeSize;\n  /** Optional accessible name when the visible content is abbreviated. */\n  label?: string;\n  /** Hide a repeated visual badge from assistive technology. */\n  ariaHidden?: boolean;\n}\n\n/** A labeled dot, announced as an image with its own accessible name. */\ninterface BadgeDotLabeled {\n  /** Accessible name for the dot, for example `\"New activity\"`. */\n  label: string;\n  ariaHidden?: false;\n}\n\n/** A decorative dot whose meaning the owning component already announces. */\ninterface BadgeDotDecorative {\n  label?: never;\n  ariaHidden: true;\n}\n\n/**\n * A text-free status dot (the iOS \"new content\" dot): a small solid circle in\n * the badge's tone. It has no visible text, so it must either carry its own\n * accessible `label` (exposed as an image) or be `ariaHidden` because the\n * surrounding component already folds its meaning into an accessible name.\n */\nexport type BadgeDotProps = BadgeCommonProps & {\n  size: 'dot';\n  children?: never;\n  appearance?: never;\n  shape?: never;\n} & (BadgeDotLabeled | BadgeDotDecorative);\n\nexport type BadgeProps = BadgeTextProps | BadgeDotProps;\n\n/** Compact, non-interactive metadata whose tone, emphasis, and shape are configured by props. */\nexport function Badge(props: BadgeProps) {\n  const { tone = 'neutral', className = '', slot } = props;\n  if (props.size === 'dot') {\n    // A dot without a usable label has no text fallback, so it is decorative.\n    const label = props.ariaHidden ? undefined : props.label?.trim();\n    return (\n      <span\n        class={`kui-badge ${className}`.trim()}\n        data-component=\"badge\"\n        data-tone={tone}\n        data-appearance=\"solid\"\n        data-size=\"dot\"\n        role={label ? 'img' : undefined}\n        aria-label={label || undefined}\n        aria-hidden={label ? undefined : 'true'}\n        slot={slot}\n      />\n    );\n  }\n  const {\n    children,\n    appearance = 'quiet',\n    shape = 'pill',\n    size = 'default',\n    label,\n    ariaHidden = false,\n  } = props;\n  return (\n    <span\n      class={`kui-badge ${className}`.trim()}\n      data-component=\"badge\"\n      data-tone={tone}\n      data-appearance={appearance}\n      data-shape={shape}\n      data-size={size}\n      aria-label={ariaHidden ? undefined : label}\n      aria-hidden={ariaHidden ? 'true' : undefined}\n      slot={slot}\n    >\n      {children}\n    </span>\n  );\n}\n"]}

package/dist/chunk-JOR5LGYE.js

@@ -0,0 +1,55 @@
+import { jsxs, jsx } from 'kerfjs/jsx-runtime';
+
+// src/components/navigation/tab-bar/tab-bar.tsx
+function TabBar({
+  id,
+  label,
+  children,
+  leading,
+  trailing,
+  end,
+  className = "",
+  activation,
+  allocation = "intrinsic",
+  presentation = "rail",
+  iconOnlyAt,
+  trailingPlacement = "separate",
+  snapTabs = false,
+  slot
+}) {
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      class: `kui-tab-bar ${className}`.trim(),
+      "data-component": "tab-bar",
+      "data-tab-bar-id": id,
+      "data-tab-activation": activation,
+      "data-allocation": allocation,
+      "data-presentation": presentation,
+      "data-icon-only-at": iconOnlyAt,
+      "data-trailing-placement": trailingPlacement,
+      "aria-label": label,
+      slot,
+      children: [
+        leading && /* @__PURE__ */ jsx("div", { class: "kui-tab-bar__leading", children: leading }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            class: "kui-tab-bar__tabs",
+            role: "tablist",
+            "aria-label": label,
+            "data-kui-tab-list": true,
+            "data-snap-tabs": snapTabs ? "true" : void 0,
+            children
+          }
+        ),
+        trailing && /* @__PURE__ */ jsx("div", { class: "kui-tab-bar__trailing", children: trailing }),
+        end && /* @__PURE__ */ jsx("div", { class: "kui-tab-bar__end", children: end })
+      ]
+    }
+  );
+}
+
+export { TabBar };
+
+//# sourceMappingURL=chunk-JOR5LGYE.js.map

package/dist/chunk-JOR5LGYE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/tab-bar/tab-bar.tsx"],"names":[],"mappings":";;;AA6CO,SAAS,MAAA,CAAO;AAAA,EACrB,EAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,UAAA;AAAA,EACA,UAAA,GAAa,WAAA;AAAA,EACb,YAAA,GAAe,MAAA;AAAA,EACf,UAAA;AAAA,EACA,iBAAA,GAAoB,UAAA;AAAA,EACpB,QAAA,GAAW,KAAA;AAAA,EACX;AACF,CAAA,EAAgB;AACd,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,YAAA,EAAe,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MACvC,gBAAA,EAAe,SAAA;AAAA,MACf,iBAAA,EAAiB,EAAA;AAAA,MACjB,qBAAA,EAAqB,UAAA;AAAA,MACrB,iBAAA,EAAiB,UAAA;AAAA,MACjB,mBAAA,EAAmB,YAAA;AAAA,MACnB,mBAAA,EAAmB,UAAA;AAAA,MACnB,yBAAA,EAAyB,iBAAA;AAAA,MACzB,YAAA,EAAY,KAAA;AAAA,MACZ,IAAA;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,OAAA,oBAAW,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,sBAAA,EAAwB,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,wBACvD,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,mBAAA;AAAA,YACN,IAAA,EAAK,SAAA;AAAA,YACL,YAAA,EAAY,KAAA;AAAA,YACZ,mBAAA,EAAiB,IAAA;AAAA,YACjB,gBAAA,EAAgB,WAAW,MAAA,GAAS,MAAA;AAAA,YAEnC;AAAA;AAAA,SACH;AAAA,QACC,QAAA,oBAAY,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,yBAAyB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,QACzD,GAAA,oBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,oBAAoB,QAAA,EAAA,GAAA,EAAI;AAAA;AAAA;AAAA,GAC7C;AAEJ","file":"chunk-JOR5LGYE.js","sourcesContent":["import type { KerfUiContent } from '../../../shared/content/semantic-content.js';\n\nexport type TabActivation = 'automatic' | 'manual';\nexport type TabBarAllocation = 'intrinsic' | 'fill';\nexport type TabBarPresentation = 'rail' | 'segmented' | 'inspector';\nexport type TabBarTrailingPlacement = 'separate' | 'adjacent';\n/** Tablist width where segmented AppTabs switch to icon-only. */\nexport type TabBarIconOnlyAt = 'wide' | 'narrow' | 'compact';\n\nexport interface TabBarProps {\n  id: string;\n  label: string;\n  children: KerfUiContent;\n  leading?: KerfUiContent;\n  /** Tab-local action: a ToolbarControlGroup or a standalone Web Awesome button. */\n  trailing?: KerfUiContent;\n  /**\n   * Action pinned to the far edge of the bar. Combine with an adjacent `trailing`\n   * action when the tab-local and workspace-level actions must remain distinct.\n   * Accepts a ToolbarControlGroup or a standalone Web Awesome button.\n   */\n  end?: KerfUiContent;\n  className?: string;\n  /**\n   * Keyboard activation mode for this strip, emitted as `data-tab-activation` for\n   * `wireTabBars` to read (overrides its `activation` option). `'automatic'` (default)\n   * selects on arrow / Home / End; `'manual'` moves roving focus only and the user\n   * selects with Enter / Space / click — use it when selecting a tab is a heavy action.\n   */\n  activation?: TabActivation;\n  /** How available strip width is allocated across child AppTabs. */\n  allocation?: TabBarAllocation;\n  /** Named strip chrome for application rails, segmented tabs, or inspectors. */\n  presentation?: TabBarPresentation;\n  /** Switch segmented AppTabs to icon-only at tablist widths of 832, 704, or 448px. Each tab needs a leading icon. */\n  iconOnlyAt?: TabBarIconOnlyAt;\n  /** Keep a trailing action beside the final tab or at the far edge of the bar. */\n  trailingPlacement?: TabBarTrailingPlacement;\n  /** Settle scrolling peers at whole-tab starts; wireTabBars measures a pinned leading tab's inset. */\n  snapTabs?: boolean;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/** Render a controlled tab strip. The application owns selection, order, and persistence. */\nexport function TabBar({\n  id,\n  label,\n  children,\n  leading,\n  trailing,\n  end,\n  className = '',\n  activation,\n  allocation = 'intrinsic',\n  presentation = 'rail',\n  iconOnlyAt,\n  trailingPlacement = 'separate',\n  snapTabs = false,\n  slot,\n}: TabBarProps) {\n  return (\n    <nav\n      class={`kui-tab-bar ${className}`.trim()}\n      data-component=\"tab-bar\"\n      data-tab-bar-id={id}\n      data-tab-activation={activation}\n      data-allocation={allocation}\n      data-presentation={presentation}\n      data-icon-only-at={iconOnlyAt}\n      data-trailing-placement={trailingPlacement}\n      aria-label={label}\n      slot={slot}\n    >\n      {leading && <div class=\"kui-tab-bar__leading\">{leading}</div>}\n      <div\n        class=\"kui-tab-bar__tabs\"\n        role=\"tablist\"\n        aria-label={label}\n        data-kui-tab-list\n        data-snap-tabs={snapTabs ? 'true' : undefined}\n      >\n        {children}\n      </div>\n      {trailing && <div class=\"kui-tab-bar__trailing\">{trailing}</div>}\n      {end && <div class=\"kui-tab-bar__end\">{end}</div>}\n    </nav>\n  );\n}\n"]}

package/dist/chunk-JQ4QGIKS.js

@@ -0,0 +1,165 @@
+import { Text } from './chunk-4Y4L5YEI.js';
+import { DisclosureArrow } from './chunk-X6PR75UE.js';
+import { Skeleton } from './chunk-Y43B6DS3.js';
+import { Badge } from './chunk-J3AWE5I4.js';
+import { em } from './chunk-U657IHFB.js';
+import { filterDataAttributes, filterControlAttributes } from './chunk-LAZLBC2Q.js';
+import { jsx, jsxs, Fragment } from 'kerfjs/jsx-runtime';
+
+var PROTECTED_ROOT_DATA_ATTRIBUTES = /* @__PURE__ */ new Set([
+  "data-component",
+  "data-action",
+  "data-has-badge",
+  "data-has-count",
+  "data-density",
+  "data-size",
+  "data-divider",
+  "data-inline",
+  "data-width",
+  "data-indicator-tone",
+  "data-toggle"
+]);
+var PROTECTED_TRIGGER_DATA_ATTRIBUTES = /* @__PURE__ */ new Set([
+  "data-action",
+  "data-kui-disabled"
+]);
+function ListHeader({
+  label,
+  size = "sm",
+  headingLevel = 2,
+  count,
+  countLabel,
+  badge,
+  status,
+  density = "standard",
+  divider = "none",
+  inline = false,
+  width = "fill",
+  indicatorTone = "neutral",
+  action,
+  actionLabel,
+  actionIcon,
+  actionDisabled = false,
+  disabledReason,
+  expanded,
+  toggle = false,
+  placeholder = false,
+  rootAttributes = {},
+  triggerAttributes = {},
+  slot
+}) {
+  const extensionRootAttributes = filterDataAttributes(
+    rootAttributes,
+    PROTECTED_ROOT_DATA_ATTRIBUTES
+  );
+  const extensionTriggerAttributes = filterControlAttributes(
+    triggerAttributes,
+    PROTECTED_TRIGGER_DATA_ATTRIBUTES
+  );
+  const normalizedCount = typeof count === "number" && Number.isSafeInteger(count) && count >= 0 ? count : void 0;
+  const normalizedCountLabel = normalizedCount === void 0 ? void 0 : typeof countLabel === "string" && countLabel.trim() ? countLabel : String(normalizedCount);
+  const renderedBadge = normalizedCount === void 0 ? badge : void 0;
+  const renderedStatus = normalizedCount === void 0 ? status : void 0;
+  const hasBadge = Boolean(renderedBadge || renderedStatus);
+  const renderedActionIcon = actionIcon ?? (toggle ? /* @__PURE__ */ jsx(DisclosureArrow, { open: Boolean(expanded) }) : void 0);
+  const accessibleLabel = normalizedCount === void 0 ? void 0 : `${label}, ${normalizedCountLabel}`;
+  const badgeTone = indicatorTone === "accent" ? "info" : indicatorTone;
+  const indicator = normalizedCount !== void 0 ? /* @__PURE__ */ jsx(Badge, { size: "compact", tone: badgeTone, ariaHidden: !placeholder, children: placeholder ? /* @__PURE__ */ jsx(Skeleton, { width: em(1.75) }) : normalizedCount }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    renderedBadge && /* @__PURE__ */ jsx(Badge, { size: "compact", tone: badgeTone, children: placeholder ? /* @__PURE__ */ jsx(Skeleton, { width: em(1.75) }) : renderedBadge }),
+    renderedStatus && /* @__PURE__ */ jsx(Badge, { size: "compact", tone: badgeTone, children: placeholder ? /* @__PURE__ */ jsx(Skeleton, { width: em(1.75) }) : renderedStatus })
+  ] });
+  const busy = placeholder ? "true" : void 0;
+  if (toggle) {
+    return /* @__PURE__ */ jsx(
+      "header",
+      {
+        ...extensionRootAttributes,
+        class: "kui-list-header",
+        "data-component": "list-header",
+        "data-has-badge": String(hasBadge),
+        "data-has-count": String(normalizedCount !== void 0),
+        "data-density": density,
+        "data-size": size,
+        "data-divider": divider,
+        "data-inline": String(inline),
+        "data-width": width,
+        "data-indicator-tone": indicatorTone,
+        "data-toggle": "true",
+        "data-placeholder": placeholder ? "true" : void 0,
+        "aria-busy": busy,
+        slot,
+        children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            ...extensionTriggerAttributes,
+            type: "button",
+            class: "kui-list-header__title kui-list-header__toggle",
+            "data-action": placeholder ? void 0 : action,
+            title: actionDisabled ? disabledReason : void 0,
+            disabled: actionDisabled || placeholder || void 0,
+            "data-kui-disabled": actionDisabled ? "true" : void 0,
+            "aria-label": accessibleLabel,
+            "aria-expanded": String(Boolean(expanded)),
+            children: [
+              /* @__PURE__ */ jsx(Text, { variant: "span", children: label }),
+              indicator,
+              renderedActionIcon && /* @__PURE__ */ jsx("span", { class: "kui-list-header__action-layer", children: renderedActionIcon })
+            ]
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      ...extensionRootAttributes,
+      class: "kui-list-header",
+      "data-component": "list-header",
+      "data-has-badge": String(hasBadge),
+      "data-has-count": String(normalizedCount !== void 0),
+      "data-density": density,
+      "data-size": size,
+      "data-divider": divider,
+      "data-inline": String(inline),
+      "data-width": width,
+      "data-indicator-tone": indicatorTone,
+      "data-toggle": "false",
+      "data-placeholder": placeholder ? "true" : void 0,
+      "aria-busy": busy,
+      slot,
+      children: [
+        /* @__PURE__ */ jsxs("div", { class: "kui-list-header__title", children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              variant: `h${headingLevel}`,
+              border: "none",
+              "aria-label": accessibleLabel,
+              children: label
+            }
+          ),
+          indicator
+        ] }),
+        action && /* @__PURE__ */ jsx(
+          "button",
+          {
+            ...extensionTriggerAttributes,
+            type: "button",
+            class: "kui-list-header__action",
+            "data-action": placeholder ? void 0 : action,
+            "aria-label": actionLabel,
+            title: actionDisabled ? disabledReason : actionLabel,
+            disabled: actionDisabled || placeholder || void 0,
+            "data-kui-disabled": actionDisabled ? "true" : void 0,
+            children: renderedActionIcon
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { ListHeader };
+
+//# sourceMappingURL=chunk-JQ4QGIKS.js.map

package/dist/chunk-JQ4QGIKS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/collections/list-header/list-header.tsx"],"names":[],"mappings":"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","file":"chunk-JQ4QGIKS.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nimport {\n  filterControlAttributes,\n  filterDataAttributes,\n} from '../../../shared/dom/extension-attributes.js';\nimport { em } from '../../../shared/styles/css-values.js';\nimport type { SemanticTone } from '../../../shared/styles/semantic-tone.js';\nimport type { HeadingLevel } from '../../actions/toolbar-text/toolbar-text.js';\nimport { Badge } from '../../feedback/badge/badge.js';\nimport { Skeleton } from '../../feedback/skeleton/skeleton.js';\nimport { DisclosureArrow } from '../../navigation/disclosure-arrow/disclosure-arrow.js';\nimport { Text } from '../../typography/text/text.js';\n\nconst PROTECTED_ROOT_DATA_ATTRIBUTES = new Set([\n  'data-component',\n  'data-action',\n  'data-has-badge',\n  'data-has-count',\n  'data-density',\n  'data-size',\n  'data-divider',\n  'data-inline',\n  'data-width',\n  'data-indicator-tone',\n  'data-toggle',\n]);\nconst PROTECTED_TRIGGER_DATA_ATTRIBUTES = new Set([\n  'data-action',\n  'data-kui-disabled',\n]);\n\ntype ListHeaderRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined> & {\n    'data-component'?: never;\n    'data-action'?: never;\n    'data-has-badge'?: never;\n    'data-has-count'?: never;\n    'data-density'?: never;\n    'data-size'?: never;\n    'data-divider'?: never;\n    'data-inline'?: never;\n    'data-width'?: never;\n    'data-indicator-tone'?: never;\n    'data-toggle'?: never;\n  }\n>;\n\ntype ListHeaderTriggerAttributes = Readonly<\n  Record<`data-${string}`, string | undefined> & {\n    'data-action'?: never;\n    'data-kui-disabled'?: never;\n    popoverTarget?: string;\n    popoverTargetAction?: 'toggle' | 'show' | 'hide';\n    'aria-controls'?: string;\n    'aria-haspopup'?: 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid' | 'true';\n  }\n>;\n\ninterface ListHeaderBaseProps {\n  label: string;\n  /** Visual label size, independent of the native heading level. Default `sm`. */\n  size?: 'xs' | 'sm' | 'm' | 'l' | 'xl';\n  density?: 'standard' | 'compact';\n  divider?: 'none' | 'before' | 'after' | 'both';\n  /** Shrink-wrap the header without its default outer margin, border, or padding. */\n  inline?: boolean;\n  /** Fill the available row or shrink-wrap while retaining normal header geometry. */\n  width?: 'fill' | 'content';\n  indicatorTone?: 'neutral' | 'accent' | 'pop' | 'danger';\n  /** Render as an unanimated loading skeleton: keep the label and action affordance, disable interaction. */\n  placeholder?: boolean;\n  rootAttributes?: ListHeaderRootAttributes;\n  triggerAttributes?: ListHeaderTriggerAttributes;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\ntype ListHeaderModeProps =\n  | {\n      /** Render the title as a controlled disclosure trigger. */\n      toggle: true;\n      /** A toggle's label is its button text, not a heading. */\n      headingLevel?: never;\n      action: string;\n      expanded: boolean;\n      actionIcon?: SafeHtml;\n      actionLabel?: never;\n      actionDisabled?: boolean;\n      disabledReason?: string;\n    }\n  | {\n      /** Render a separately named trailing action. */\n      toggle?: false;\n      /**\n       * Native heading level (`h1`–`h6`) of the label. Default `2`. Match the\n       * document outline; the visual treatment does not change.\n       */\n      headingLevel?: HeadingLevel;\n      action: string;\n      actionLabel: string;\n      actionIcon: SafeHtml;\n      expanded?: never;\n      actionDisabled?: boolean;\n      disabledReason?: string;\n    }\n  | {\n      /** Render a passive section heading. */\n      toggle?: false;\n      /**\n       * Native heading level (`h1`–`h6`) of the label. Default `2`. Match the\n       * document outline; the visual treatment does not change.\n       */\n      headingLevel?: HeadingLevel;\n      action?: never;\n      actionLabel?: never;\n      actionIcon?: never;\n      expanded?: never;\n      actionDisabled?: never;\n      disabledReason?: never;\n    };\n\ntype ListHeaderIndicatorProps =\n  | { count: number; countLabel: string; badge?: never; status?: never }\n  | {\n      count?: never;\n      countLabel?: never;\n      badge?: SafeHtml | undefined;\n      status?: SafeHtml | undefined;\n    };\n\nexport type ListHeaderProps = ListHeaderBaseProps &\n  ListHeaderIndicatorProps &\n  ListHeaderModeProps;\n\nexport function ListHeader({\n  label,\n  size = 'sm',\n  headingLevel = 2,\n  count,\n  countLabel,\n  badge,\n  status,\n  density = 'standard',\n  divider = 'none',\n  inline = false,\n  width = 'fill',\n  indicatorTone = 'neutral',\n  action,\n  actionLabel,\n  actionIcon,\n  actionDisabled = false,\n  disabledReason,\n  expanded,\n  toggle = false,\n  placeholder = false,\n  rootAttributes = {},\n  triggerAttributes = {},\n  slot,\n}: ListHeaderProps) {\n  const extensionRootAttributes = filterDataAttributes(\n    rootAttributes,\n    PROTECTED_ROOT_DATA_ATTRIBUTES,\n  );\n  const extensionTriggerAttributes = filterControlAttributes(\n    triggerAttributes,\n    PROTECTED_TRIGGER_DATA_ATTRIBUTES,\n  );\n  const normalizedCount =\n    typeof count === 'number' && Number.isSafeInteger(count) && count >= 0\n      ? count\n      : undefined;\n  const normalizedCountLabel =\n    normalizedCount === undefined\n      ? undefined\n      : typeof countLabel === 'string' && countLabel.trim()\n        ? countLabel\n        : String(normalizedCount);\n  const renderedBadge = normalizedCount === undefined ? badge : undefined;\n  const renderedStatus = normalizedCount === undefined ? status : undefined;\n  const hasBadge = Boolean(renderedBadge || renderedStatus);\n  const renderedActionIcon =\n    actionIcon ??\n    (toggle ? <DisclosureArrow open={Boolean(expanded)} /> : undefined);\n  const accessibleLabel =\n    normalizedCount === undefined\n      ? undefined\n      : `${label}, ${normalizedCountLabel}`;\n  const badgeTone: SemanticTone =\n    indicatorTone === 'accent' ? 'info' : indicatorTone;\n  const indicator =\n    normalizedCount !== undefined ? (\n      <Badge size=\"compact\" tone={badgeTone} ariaHidden={!placeholder}>\n        {placeholder ? <Skeleton width={em(1.75)} /> : normalizedCount}\n      </Badge>\n    ) : (\n      <>\n        {renderedBadge && (\n          <Badge size=\"compact\" tone={badgeTone}>\n            {placeholder ? <Skeleton width={em(1.75)} /> : renderedBadge}\n          </Badge>\n        )}\n        {renderedStatus && (\n          <Badge size=\"compact\" tone={badgeTone}>\n            {placeholder ? <Skeleton width={em(1.75)} /> : renderedStatus}\n          </Badge>\n        )}\n      </>\n    );\n  const busy = placeholder ? ('true' as const) : undefined;\n  if (toggle) {\n    return (\n      <header\n        {...extensionRootAttributes}\n        class=\"kui-list-header\"\n        data-component=\"list-header\"\n        data-has-badge={String(hasBadge)}\n        data-has-count={String(normalizedCount !== undefined)}\n        data-density={density}\n        data-size={size}\n        data-divider={divider}\n        data-inline={String(inline)}\n        data-width={width}\n        data-indicator-tone={indicatorTone}\n        data-toggle=\"true\"\n        data-placeholder={placeholder ? 'true' : undefined}\n        aria-busy={busy}\n        slot={slot}\n      >\n        <button\n          {...extensionTriggerAttributes}\n          type=\"button\"\n          class=\"kui-list-header__title kui-list-header__toggle\"\n          data-action={placeholder ? undefined : action}\n          title={actionDisabled ? disabledReason : undefined}\n          disabled={actionDisabled || placeholder || undefined}\n          data-kui-disabled={actionDisabled ? 'true' : undefined}\n          aria-label={accessibleLabel}\n          aria-expanded={String(Boolean(expanded))}\n        >\n          <Text variant=\"span\">{label}</Text>\n          {indicator}\n          {renderedActionIcon && (\n            <span class=\"kui-list-header__action-layer\">\n              {renderedActionIcon}\n            </span>\n          )}\n        </button>\n      </header>\n    );\n  }\n  return (\n    <header\n      {...extensionRootAttributes}\n      class=\"kui-list-header\"\n      data-component=\"list-header\"\n      data-has-badge={String(hasBadge)}\n      data-has-count={String(normalizedCount !== undefined)}\n      data-density={density}\n      data-size={size}\n      data-divider={divider}\n      data-inline={String(inline)}\n      data-width={width}\n      data-indicator-tone={indicatorTone}\n      data-toggle=\"false\"\n      data-placeholder={placeholder ? 'true' : undefined}\n      aria-busy={busy}\n      slot={slot}\n    >\n      <div class=\"kui-list-header__title\">\n        <Text\n          variant={`h${headingLevel}`}\n          border=\"none\"\n          aria-label={accessibleLabel}\n        >\n          {label}\n        </Text>\n        {indicator}\n      </div>\n      {action && (\n        <button\n          {...extensionTriggerAttributes}\n          type=\"button\"\n          class=\"kui-list-header__action\"\n          data-action={placeholder ? undefined : action}\n          aria-label={actionLabel}\n          title={actionDisabled ? disabledReason : actionLabel}\n          disabled={actionDisabled || placeholder || undefined}\n          data-kui-disabled={actionDisabled ? 'true' : undefined}\n        >\n          {renderedActionIcon}\n        </button>\n      )}\n    </header>\n  );\n}\n"]}