@kerfjs/ui 5.0.0-beta.11 → 5.0.0-beta.111

package/dist/chunk-CIAUILRR.js

@@ -0,0 +1,222 @@
+import { signal, computed, batch } from 'kerfjs';
+
+// src/components/forms/search-field/model/search-field-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 createSearchFieldModel({
+  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("Search field 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);
+  let lastStructure;
+  const structure = computed(() => {
+    const { query, tokens } = state.value;
+    const next = {
+      hasQuery: query.length > 0,
+      tokenValues: tokens.map((token) => token.value),
+      editorRevision: editorRevision.value
+    };
+    if (lastStructure?.hasQuery === next.hasQuery && lastStructure.editorRevision === next.editorRevision && lastStructure.tokenValues.length === next.tokenValues.length && lastStructure.tokenValues.every(
+      (value, index) => value === next.tokenValues[index]
+    ))
+      return lastStructure;
+    return lastStructure = next;
+  });
+  const suggestions = signal([]);
+  const result = signal(evaluate?.(state.peek()));
+  let activeStart;
+  let activeRule;
+  const refreshSuggestions = () => {
+    const match = activePattern?.exec(state.peek().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;
+    const next = (rule?.suggest?.(input, state.peek()) ?? []).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 current = suggestions.peek();
+    if (next.length !== current.length || next.some(
+      (suggestion, index) => suggestion.value !== current[index].value || suggestion.label !== current[index].label
+    ))
+      suggestions.value = next;
+  };
+  const publish = (next) => batch(() => {
+    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.peek().query.slice(0, activeStart);
+    publish({ query, tokens: [...state.peek().tokens, token] });
+  };
+  const choose = (value) => {
+    if (activeStart === void 0 || !suggestions.peek().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,
+    structure,
+    suggestions,
+    result,
+    edit,
+    replace(value) {
+      batch(() => {
+        edit(value);
+        editorRevision.value = editorRevision.peek() + 1;
+      });
+    },
+    submit(value) {
+      edit(value, true);
+      onSubmit?.(state.peek(), result.peek());
+    },
+    choose,
+    commit,
+    expandToken(value) {
+      const index = state.peek().tokens.findIndex((token) => token.value === value);
+      if (index < 0) return;
+      const offset = Math.max(
+        0,
+        Math.min(
+          state.peek().query.length,
+          state.peek().tokens[index].offset ?? state.peek().query.length
+        )
+      );
+      const insertion = `${value} `;
+      publish({
+        query: `${state.peek().query.slice(0, offset)}${insertion}${state.peek().query.slice(offset)}`,
+        tokens: state.peek().tokens.flatMap(
+          (token, at) => at === index ? [] : [
+            {
+              ...token,
+              offset: (token.offset ?? 0) + (at > index ? insertion.length : 0)
+            }
+          ]
+        )
+      });
+    },
+    remove(value) {
+      const index = state.peek().tokens.findIndex((token) => token.value === value);
+      if (index < 0) return;
+      publish({
+        ...state.peek(),
+        tokens: state.peek().tokens.filter((_, at) => at !== index)
+      });
+    },
+    clear() {
+      batch(() => {
+        publish({ query: "", tokens: [] });
+        editorRevision.value = editorRevision.peek() + 1;
+      });
+    },
+    dismiss() {
+      if (suggestions.peek().length > 0) suggestions.value = [];
+    }
+  };
+}
+
+export { createSearchFieldModel };
+
+//# sourceMappingURL=chunk-CIAUILRR.js.map

package/dist/chunk-CIAUILRR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/search-field/model/search-field-model.ts"],"names":["commit"],"mappings":"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","file":"chunk-CIAUILRR.js","sourcesContent":["import {\n  batch,\n  computed,\n  type ReadonlySignal,\n  type Signal,\n  signal,\n} from 'kerfjs';\n\nimport type { SearchFieldToken, SearchFieldValue } from '../search-field.js';\n\nexport interface SearchFieldRule {\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: SearchFieldState,\n  ) => readonly (string | { value: string; label: string })[];\n}\n\nexport interface SearchFieldResolvedToken extends SearchFieldToken {\n  kind: string;\n  parsedValue: string;\n}\n\nexport interface SearchFieldState {\n  query: string;\n  tokens: SearchFieldResolvedToken[];\n}\n\nexport interface SearchFieldSuggestion {\n  value: string;\n  label: string;\n}\n\n/**\n * The render-relevant shape of a managed field: everything a host render\n * needs to re-run for. Plain text edits do not change it.\n */\nexport interface SearchFieldStructure {\n  /** Whether the free text is non-empty (drives clear, placeholder, and collapsed state). */\n  hasQuery: boolean;\n  /** Committed token values in editor order. */\n  tokenValues: readonly string[];\n  /** The model's editor revision (programmatic text replacement). */\n  editorRevision: number;\n}\n\nexport interface SearchFieldModel<Result = unknown> {\n  /**\n   * The live query and tokens. Changes on every keystroke: read it with\n   * `.peek()` (or in an event handler) to avoid subscribing a render per key.\n   */\n  state: Signal<SearchFieldState>;\n  /** Changes when a model action must replace DOM-owned editor text. */\n  editorRevision: Signal<number>;\n  /**\n   * Changes only on structural edits (a token committed, removed, or\n   * reordered; the text becoming empty or non-empty; an editor revision), and\n   * keeps the same reference otherwise. `SearchField` subscribes to this\n   * instead of `state`, so typing does not re-run the host render.\n   */\n  structure: ReadonlySignal<SearchFieldStructure>;\n  /** Visible suggestions. Publishes only when the list's content changes. */\n  suggestions: Signal<readonly SearchFieldSuggestion[]>;\n  result: Signal<Result | undefined>;\n  edit(value: SearchFieldValue, commit?: boolean): void;\n  /** Replace app-owned search state and rebuild the DOM-owned editor text. */\n  replace(value: SearchFieldValue): void;\n  submit(value: SearchFieldValue): 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 SearchFieldModelOptions<Result> {\n  rules?: readonly SearchFieldRule[];\n  initial?: SearchFieldValue;\n  /** Runs after every state change, including initial state. */\n  evaluate?: (state: SearchFieldState) => Result;\n  onSubmit?: (state: SearchFieldState, 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 SearchField. */\nexport function createSearchFieldModel<Result = unknown>({\n  rules = [],\n  initial = { query: '', tokens: [] },\n  evaluate,\n  onSubmit,\n}: SearchFieldModelOptions<Result> = {}): SearchFieldModel<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('Search field 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  ): SearchFieldResolvedToken | 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: SearchFieldToken,\n  ): SearchFieldResolvedToken | undefined => {\n    const resolved = resolve(token.value, token.offset ?? 0);\n    return resolved ? { ...resolved, ...token } : undefined;\n  };\n\n  const state = signal<SearchFieldState>({\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  let lastStructure: SearchFieldStructure | undefined;\n  const structure = computed<SearchFieldStructure>(() => {\n    const { query, tokens } = state.value;\n    const next: SearchFieldStructure = {\n      hasQuery: query.length > 0,\n      tokenValues: tokens.map((token) => token.value),\n      editorRevision: editorRevision.value,\n    };\n    if (\n      lastStructure?.hasQuery === next.hasQuery &&\n      lastStructure.editorRevision === next.editorRevision &&\n      lastStructure.tokenValues.length === next.tokenValues.length &&\n      lastStructure.tokenValues.every(\n        (value, index) => value === next.tokenValues[index],\n      )\n    )\n      return lastStructure;\n    return (lastStructure = next);\n  });\n  const suggestions = signal<readonly SearchFieldSuggestion[]>([]);\n  const result = signal<Result | undefined>(evaluate?.(state.peek()));\n  let activeStart: number | undefined;\n  let activeRule: SearchFieldRule | undefined;\n\n  const refreshSuggestions = () => {\n    const match = activePattern?.exec(state.peek().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    const next = (rule?.suggest?.(input, state.peek()) ?? []).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    const current = suggestions.peek();\n    if (\n      next.length !== current.length ||\n      next.some(\n        (suggestion, index) =>\n          suggestion.value !== current[index].value ||\n          suggestion.label !== current[index].label,\n      )\n    )\n      suggestions.value = next;\n  };\n  const publish = (next: SearchFieldState) =>\n    batch(() => {\n      state.value = next;\n      result.value = evaluate?.(next);\n      refreshSuggestions();\n    });\n  refreshSuggestions();\n\n  const edit = (value: SearchFieldValue, commit = false) => {\n    let query = '';\n    let cursor = 0;\n    const added: SearchFieldResolvedToken[] = [];\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: SearchFieldResolvedToken | undefined) => {\n    if (!token || activeStart === undefined) return;\n    const query = state.peek().query.slice(0, activeStart);\n    publish({ query, tokens: [...state.peek().tokens, token] });\n  };\n  const choose = (value: string) => {\n    if (\n      activeStart === undefined ||\n      !suggestions.peek().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    structure,\n    suggestions,\n    result,\n    edit,\n    replace(value) {\n      batch(() => {\n        edit(value);\n        editorRevision.value = editorRevision.peek() + 1;\n      });\n    },\n    submit(value) {\n      edit(value, true);\n      onSubmit?.(state.peek(), result.peek());\n    },\n    choose,\n    commit,\n    expandToken(value) {\n      const index = state\n        .peek()\n        .tokens.findIndex((token) => token.value === value);\n      if (index < 0) return;\n      const offset = Math.max(\n        0,\n        Math.min(\n          state.peek().query.length,\n          state.peek().tokens[index].offset ?? state.peek().query.length,\n        ),\n      );\n      const insertion = `${value} `;\n      publish({\n        query: `${state.peek().query.slice(0, offset)}${insertion}${state.peek().query.slice(offset)}`,\n        tokens: state.peek().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\n        .peek()\n        .tokens.findIndex((token) => token.value === value);\n      if (index < 0) return;\n      publish({\n        ...state.peek(),\n        tokens: state.peek().tokens.filter((_, at) => at !== index),\n      });\n    },\n    clear() {\n      batch(() => {\n        publish({ query: '', tokens: [] });\n        editorRevision.value = editorRevision.peek() + 1;\n      });\n    },\n    dismiss() {\n      if (suggestions.peek().length > 0) suggestions.value = [];\n    },\n  };\n}\n"]}

package/dist/chunk-CNM6ZWP2.js

@@ -0,0 +1,38 @@
+// src/components/forms/checkbox/wiring/wire-checkboxes.ts
+var MIXED = 'input[type="checkbox"][data-indeterminate]';
+function sync(input) {
+  input.indeterminate = input.hasAttribute("data-indeterminate");
+}
+function wireCheckboxes(root) {
+  for (const input of root.querySelectorAll(MIXED))
+    sync(input);
+  const observer = new MutationObserver((records) => {
+    for (const record of records) {
+      if (record.type === "attributes") {
+        const target = record.target;
+        if (target.matches('input[type="checkbox"]'))
+          sync(target);
+        continue;
+      }
+      for (const node of record.addedNodes) {
+        if (!(node instanceof Element)) continue;
+        if (node.matches(MIXED)) sync(node);
+        for (const input of node.querySelectorAll(MIXED))
+          sync(input);
+      }
+    }
+  });
+  observer.observe(root, {
+    subtree: true,
+    childList: true,
+    attributes: true,
+    attributeFilter: ["data-indeterminate"]
+  });
+  return () => {
+    observer.disconnect();
+  };
+}
+
+export { wireCheckboxes };
+
+//# sourceMappingURL=chunk-CNM6ZWP2.js.map

package/dist/chunk-CNM6ZWP2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/checkbox/wiring/wire-checkboxes.ts"],"names":[],"mappings":";AAEA,IAAM,KAAA,GAAQ,4CAAA;AAEd,SAAS,KAAK,KAAA,EAAyB;AACrC,EAAA,KAAA,CAAM,aAAA,GAAgB,KAAA,CAAM,YAAA,CAAa,oBAAoB,CAAA;AAC/D;AAQO,SAAS,eAAe,IAAA,EAAwB;AACrD,EAAA,KAAA,MAAW,KAAA,IAAS,IAAA,CAAK,gBAAA,CAAmC,KAAK,CAAA;AAC/D,IAAA,IAAA,CAAK,KAAK,CAAA;AACZ,EAAA,MAAM,QAAA,GAAW,IAAI,gBAAA,CAAiB,CAAC,OAAA,KAAY;AACjD,IAAA,KAAA,MAAW,UAAU,OAAA,EAAS;AAC5B,MAAA,IAAI,MAAA,CAAO,SAAS,YAAA,EAAc;AAChC,QAAA,MAAM,SAAS,MAAA,CAAO,MAAA;AACtB,QAAA,IAAI,MAAA,CAAO,QAAQ,wBAAwB,CAAA;AACzC,UAAA,IAAA,CAAK,MAA0B,CAAA;AACjC,QAAA;AAAA,MACF;AACA,MAAA,KAAA,MAAW,IAAA,IAAQ,OAAO,UAAA,EAAY;AACpC,QAAA,IAAI,EAAE,gBAAgB,OAAA,CAAA,EAAU;AAChC,QAAA,IAAI,IAAA,CAAK,OAAA,CAAQ,KAAK,CAAA,OAAQ,IAAwB,CAAA;AACtD,QAAA,KAAA,MAAW,KAAA,IAAS,IAAA,CAAK,gBAAA,CAAmC,KAAK,CAAA;AAC/D,UAAA,IAAA,CAAK,KAAK,CAAA;AAAA,MACd;AAAA,IACF;AAAA,EACF,CAAC,CAAA;AACD,EAAA,QAAA,CAAS,QAAQ,IAAA,EAAM;AAAA,IACrB,OAAA,EAAS,IAAA;AAAA,IACT,SAAA,EAAW,IAAA;AAAA,IACX,UAAA,EAAY,IAAA;AAAA,IACZ,eAAA,EAAiB,CAAC,oBAAoB;AAAA,GACvC,CAAA;AACD,EAAA,OAAO,MAAM;AACX,IAAA,QAAA,CAAS,UAAA,EAAW;AAAA,EACtB,CAAA;AACF","file":"chunk-CNM6ZWP2.js","sourcesContent":["type Root = HTMLElement | Document;\n\nconst MIXED = 'input[type=\"checkbox\"][data-indeterminate]';\n\nfunction sync(input: HTMLInputElement) {\n  input.indeterminate = input.hasAttribute('data-indeterminate');\n}\n\n/**\n * Give every `Checkbox` below root rendered with `indeterminate` its native\n * mixed state, which only script can set, and keep it in step as renders add\n * or remove the marker. A click clears the mixed state natively; the app's\n * next render decides it again. Dispose with the owning application.\n */\nexport function wireCheckboxes(root: Root): () => void {\n  for (const input of root.querySelectorAll<HTMLInputElement>(MIXED))\n    sync(input);\n  const observer = new MutationObserver((records) => {\n    for (const record of records) {\n      if (record.type === 'attributes') {\n        const target = record.target as Element;\n        if (target.matches('input[type=\"checkbox\"]'))\n          sync(target as HTMLInputElement);\n        continue;\n      }\n      for (const node of record.addedNodes) {\n        if (!(node instanceof Element)) continue;\n        if (node.matches(MIXED)) sync(node as HTMLInputElement);\n        for (const input of node.querySelectorAll<HTMLInputElement>(MIXED))\n          sync(input);\n      }\n    }\n  });\n  observer.observe(root, {\n    subtree: true,\n    childList: true,\n    attributes: true,\n    attributeFilter: ['data-indeterminate'],\n  });\n  return () => {\n    observer.disconnect();\n  };\n}\n"]}

package/dist/chunk-CTQUDCY5.js

@@ -0,0 +1,26 @@
+// src/components/layout/pane/internal/pane-config-props.ts
+function paneConfigProps(config) {
+  return {
+    contentElement: config?.contentElement,
+    contentLabel: config?.contentLabel,
+    separators: config?.separators,
+    safeAreaEdges: config?.safeAreaEdges,
+    chromeDividers: config?.chromeDividers,
+    compactChrome: config?.compactChrome,
+    compactChromeOpen: config?.compactChromeOpen,
+    headerPresentation: config?.headerPresentation,
+    scrollEdge: config?.scrollEdge,
+    scrollEdgeDistance: config?.scrollEdgeDistance,
+    appearance: config?.appearance,
+    background: config?.background,
+    tint: config?.tint,
+    deepInset: config?.deepInset,
+    scrollClearance: config?.scrollClearance,
+    tabIndex: config?.tabIndex,
+    outlined: config?.outlined
+  };
+}
+
+export { paneConfigProps };
+
+//# sourceMappingURL=chunk-CTQUDCY5.js.map

package/dist/chunk-CTQUDCY5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/pane/internal/pane-config-props.ts"],"names":[],"mappings":";AAgBO,SAAS,gBACd,MAAA,EACqB;AACrB,EAAA,OAAO;AAAA,IACL,gBAAgB,MAAA,EAAQ,cAAA;AAAA,IACxB,cAAc,MAAA,EAAQ,YAAA;AAAA,IACtB,YAAY,MAAA,EAAQ,UAAA;AAAA,IACpB,eAAe,MAAA,EAAQ,aAAA;AAAA,IACvB,gBAAgB,MAAA,EAAQ,cAAA;AAAA,IACxB,eAAe,MAAA,EAAQ,aAAA;AAAA,IACvB,mBAAmB,MAAA,EAAQ,iBAAA;AAAA,IAC3B,oBAAoB,MAAA,EAAQ,kBAAA;AAAA,IAC5B,YAAY,MAAA,EAAQ,UAAA;AAAA,IACpB,oBAAoB,MAAA,EAAQ,kBAAA;AAAA,IAC5B,YAAY,MAAA,EAAQ,UAAA;AAAA,IACpB,YAAY,MAAA,EAAQ,UAAA;AAAA,IACpB,MAAM,MAAA,EAAQ,IAAA;AAAA,IACd,WAAW,MAAA,EAAQ,SAAA;AAAA,IACnB,iBAAiB,MAAA,EAAQ,eAAA;AAAA,IACzB,UAAU,MAAA,EAAQ,QAAA;AAAA,IAClB,UAAU,MAAA,EAAQ;AAAA,GACpB;AACF","file":"chunk-CTQUDCY5.js","sourcesContent":["import type { PaneConfig } from '../pane.js';\n\n/**\n * Every {@link PaneConfig} field, each present (possibly `undefined`). The\n * mapped type makes a new `PaneConfig` field a type error here until it is\n * forwarded, so a composite can never silently drop pane configuration.\n */\ntype ForwardedPaneConfig = {\n  [K in keyof Required<PaneConfig>]: PaneConfig[K];\n};\n\n/**\n * The `Pane` props a composite (a Workbench panel or work area, a\n * CollapsiblePanel, a NavStack view) forwards from the app's `PaneConfig`. An\n * omitted or `undefined` field stays `undefined`, so the Pane keeps its default.\n */\nexport function paneConfigProps(\n  config: PaneConfig | undefined,\n): ForwardedPaneConfig {\n  return {\n    contentElement: config?.contentElement,\n    contentLabel: config?.contentLabel,\n    separators: config?.separators,\n    safeAreaEdges: config?.safeAreaEdges,\n    chromeDividers: config?.chromeDividers,\n    compactChrome: config?.compactChrome,\n    compactChromeOpen: config?.compactChromeOpen,\n    headerPresentation: config?.headerPresentation,\n    scrollEdge: config?.scrollEdge,\n    scrollEdgeDistance: config?.scrollEdgeDistance,\n    appearance: config?.appearance,\n    background: config?.background,\n    tint: config?.tint,\n    deepInset: config?.deepInset,\n    scrollClearance: config?.scrollClearance,\n    tabIndex: config?.tabIndex,\n    outlined: config?.outlined,\n  };\n}\n"]}

package/dist/chunk-CVD5IZGB.js

@@ -0,0 +1,66 @@
+import { pct } from './chunk-IQSRHXZR.js';
+import { jsx } from 'kerfjs/jsx-runtime';
+
+function blockStyle(width, height, radius) {
+  const parts = [
+    width && `width:${width}`,
+    height && `height:${height}`,
+    radius && `--kui-skeleton-radius:${radius}`
+  ].filter(Boolean);
+  return parts.length ? parts.join(";") : void 0;
+}
+function Skeleton({
+  width,
+  height,
+  radius,
+  lines,
+  block = false,
+  label,
+  className = "",
+  slot
+}) {
+  const a11y = {
+    role: label ? "img" : void 0,
+    "aria-label": label,
+    "aria-hidden": label ? void 0 : "true"
+  };
+  if (lines && lines > 1) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        class: `kui-skeleton-lines ${className}`.trim(),
+        "data-component": "skeleton",
+        style: width ? `width:${width}` : void 0,
+        ...a11y,
+        slot,
+        children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            class: "kui-skeleton",
+            "aria-hidden": "true",
+            style: blockStyle(
+              index === lines - 1 ? pct(60) : void 0,
+              height,
+              radius
+            )
+          }
+        ))
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      class: `kui-skeleton ${className}`.trim(),
+      "data-component": "skeleton",
+      "data-block": block ? "true" : void 0,
+      style: blockStyle(width, height, radius),
+      ...a11y,
+      slot
+    }
+  );
+}
+
+export { Skeleton };
+
+//# sourceMappingURL=chunk-CVD5IZGB.js.map

package/dist/chunk-CVD5IZGB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/skeleton/skeleton.tsx"],"names":[],"mappings":";;;AA0BA,SAAS,UAAA,CACP,KAAA,EACA,MAAA,EACA,MAAA,EACoB;AACpB,EAAA,MAAM,KAAA,GAAQ;AAAA,IACZ,KAAA,IAAS,SAAS,KAAK,CAAA,CAAA;AAAA,IACvB,MAAA,IAAU,UAAU,MAAM,CAAA,CAAA;AAAA,IAC1B,MAAA,IAAU,yBAAyB,MAAM,CAAA;AAAA,GAC3C,CAAE,OAAO,OAAO,CAAA;AAChB,EAAA,OAAO,KAAA,CAAM,MAAA,GAAS,KAAA,CAAM,IAAA,CAAK,GAAG,CAAA,GAAI,MAAA;AAC1C;AAQO,SAAS,QAAA,CAAS;AAAA,EACvB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA,GAAQ,KAAA;AAAA,EACR,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,EAAkB;AAChB,EAAA,MAAM,IAAA,GAAO;AAAA,IACX,IAAA,EAAM,QAAQ,KAAA,GAAQ,MAAA;AAAA,IACtB,YAAA,EAAc,KAAA;AAAA,IACd,aAAA,EAAe,QAAQ,MAAA,GAAa;AAAA,GACtC;AACA,EAAA,IAAI,KAAA,IAAS,QAAQ,CAAA,EAAG;AACtB,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,CAAA,mBAAA,EAAsB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,QAC9C,gBAAA,EAAe,UAAA;AAAA,QACf,KAAA,EAAO,KAAA,GAAQ,CAAA,MAAA,EAAS,KAAK,CAAA,CAAA,GAAK,MAAA;AAAA,QACjC,GAAG,IAAA;AAAA,QACJ,IAAA;AAAA,QAEC,QAAA,EAAA,KAAA,CAAM,KAAK,EAAE,MAAA,EAAQ,OAAM,EAAG,CAAC,GAAG,KAAA,qBACjC,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,cAAA;AAAA,YACN,aAAA,EAAY,MAAA;AAAA,YACZ,KAAA,EAAO,UAAA;AAAA,cACL,KAAA,KAAU,KAAA,GAAQ,CAAA,GAAI,GAAA,CAAI,EAAE,CAAA,GAAI,MAAA;AAAA,cAChC,MAAA;AAAA,cACA;AAAA;AACF;AAAA,SAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,aAAA,EAAgB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MACxC,gBAAA,EAAe,UAAA;AAAA,MACf,YAAA,EAAY,QAAQ,MAAA,GAAS,MAAA;AAAA,MAC7B,KAAA,EAAO,UAAA,CAAW,KAAA,EAAO,MAAA,EAAQ,MAAM,CAAA;AAAA,MACtC,GAAG,IAAA;AAAA,MACJ;AAAA;AAAA,GACF;AAEJ","file":"chunk-CVD5IZGB.js","sourcesContent":["import {\n  type CssLength,\n  type CssSize,\n  pct,\n} from '../../../shared/styles/css-values.js';\n\nexport interface SkeletonProps {\n  /** Typed width or intrinsic sizing keyword. Defaults to filling its slot. */\n  width?: CssSize;\n  /** Typed height or intrinsic sizing keyword. Defaults to a single text line. */\n  height?: CssSize;\n  /** Typed corner-radius override. Defaults to the small radius token. */\n  radius?: CssLength;\n  /** Render this many stacked lines (the last one shorter), for multi-line text. */\n  lines?: number;\n  /** Lay the block out as `display: block` instead of the default\n   *  `inline-block`, so it takes no text line of its own: no baseline gap\n   *  below it, and it centers like an icon in a slot. Defaults to `false`. */\n  block?: boolean;\n  /** Accessible label. Omit to keep the block decorative (`aria-hidden`). */\n  label?: string;\n  className?: string;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\nfunction blockStyle(\n  width?: CssSize,\n  height?: CssSize,\n  radius?: CssLength,\n): string | undefined {\n  const parts = [\n    width && `width:${width}`,\n    height && `height:${height}`,\n    radius && `--kui-skeleton-radius:${radius}`,\n  ].filter(Boolean);\n  return parts.length ? parts.join(';') : undefined;\n}\n\n/**\n * A subtle, deliberately **unanimated** loading placeholder block. Use it for a\n * value slot whose content is not yet known, on its own or via a component's\n * `placeholder` prop. Decorative by default (`aria-hidden`); pass `label` to\n * announce it. Sizes to its slot unless `width`/`height` are given.\n */\nexport function Skeleton({\n  width,\n  height,\n  radius,\n  lines,\n  block = false,\n  label,\n  className = '',\n  slot,\n}: SkeletonProps) {\n  const a11y = {\n    role: label ? 'img' : undefined,\n    'aria-label': label,\n    'aria-hidden': label ? undefined : ('true' as const),\n  };\n  if (lines && lines > 1) {\n    return (\n      <span\n        class={`kui-skeleton-lines ${className}`.trim()}\n        data-component=\"skeleton\"\n        style={width ? `width:${width}` : undefined}\n        {...a11y}\n        slot={slot}\n      >\n        {Array.from({ length: lines }, (_, index) => (\n          <span\n            class=\"kui-skeleton\"\n            aria-hidden=\"true\"\n            style={blockStyle(\n              index === lines - 1 ? pct(60) : undefined,\n              height,\n              radius,\n            )}\n          />\n        ))}\n      </span>\n    );\n  }\n  return (\n    <span\n      class={`kui-skeleton ${className}`.trim()}\n      data-component=\"skeleton\"\n      data-block={block ? 'true' : undefined}\n      style={blockStyle(width, height, radius)}\n      {...a11y}\n      slot={slot}\n    />\n  );\n}\n"]}

package/dist/chunk-D4MXSAMI.js

@@ -0,0 +1,50 @@
+// src/shared/layout/flex-alignment.ts
+function horizontalAlignment(value) {
+  switch (value) {
+    case "left":
+    case "l":
+    case "flex-start":
+      return "left";
+    case "center":
+    case "c":
+      return "center";
+    case "space-around":
+      return "around";
+    case "right":
+    case "r":
+    case "flex-end":
+      return "right";
+    case "full":
+    case "f":
+    case "space-between":
+      return "full";
+  }
+}
+function verticalAlignment(value) {
+  switch (value) {
+    case "top":
+    case "t":
+    case "flex-start":
+      return "top";
+    case "middle":
+    case "m":
+    case "c":
+      return "middle";
+    case "space-around":
+      return "around";
+    case "bottom":
+    case "b":
+    case "flex-end":
+      return "bottom";
+    case "full":
+    case "f":
+    case "space-between":
+      return "full";
+    case "baseline":
+      return "baseline";
+  }
+}
+
+export { horizontalAlignment, verticalAlignment };
+
+//# sourceMappingURL=chunk-D4MXSAMI.js.map

package/dist/chunk-D4MXSAMI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shared/layout/flex-alignment.ts"],"names":[],"mappings":";AAyCO,SAAS,oBACd,KAAA,EAC8B;AAC9B,EAAA,QAAQ,KAAA;AAAO,IACb,KAAK,MAAA;AAAA,IACL,KAAK,GAAA;AAAA,IACL,KAAK,YAAA;AACH,MAAA,OAAO,MAAA;AAAA,IACT,KAAK,QAAA;AAAA,IACL,KAAK,GAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT,KAAK,cAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT,KAAK,OAAA;AAAA,IACL,KAAK,GAAA;AAAA,IACL,KAAK,UAAA;AACH,MAAA,OAAO,OAAA;AAAA,IACT,KAAK,MAAA;AAAA,IACL,KAAK,GAAA;AAAA,IACL,KAAK,eAAA;AACH,MAAA,OAAO,MAAA;AAAA;AAEb;AAEO,SAAS,kBACd,KAAA,EAC4B;AAC5B,EAAA,QAAQ,KAAA;AAAO,IACb,KAAK,KAAA;AAAA,IACL,KAAK,GAAA;AAAA,IACL,KAAK,YAAA;AACH,MAAA,OAAO,KAAA;AAAA,IACT,KAAK,QAAA;AAAA,IACL,KAAK,GAAA;AAAA,IACL,KAAK,GAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT,KAAK,cAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT,KAAK,QAAA;AAAA,IACL,KAAK,GAAA;AAAA,IACL,KAAK,UAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT,KAAK,MAAA;AAAA,IACL,KAAK,GAAA;AAAA,IACL,KAAK,eAAA;AACH,MAAA,OAAO,MAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,UAAA;AAAA;AAEb","file":"chunk-D4MXSAMI.js","sourcesContent":["export type HorizontalAlignment =\n  | 'left'\n  | 'l'\n  | 'flex-start'\n  | 'center'\n  | 'c'\n  | 'space-around'\n  | 'right'\n  | 'r'\n  | 'flex-end'\n  | 'full'\n  | 'f'\n  | 'space-between';\n\nexport type VerticalAlignment =\n  | 'top'\n  | 't'\n  | 'flex-start'\n  | 'middle'\n  | 'm'\n  | 'c'\n  | 'space-around'\n  | 'bottom'\n  | 'b'\n  | 'flex-end'\n  | 'full'\n  | 'f'\n  | 'space-between'\n  | 'baseline';\n\nexport type ListVerticalAlignment = Exclude<VerticalAlignment, 'baseline'>;\n\n/**\n * `center`/`middle` gather the children in the middle with their gap;\n * `around` (from `space-around`) spreads equal space around each child.\n */\nexport type CanonicalHorizontalAlignment =\n  'left' | 'center' | 'around' | 'right' | 'full';\nexport type CanonicalVerticalAlignment =\n  'top' | 'middle' | 'around' | 'bottom' | 'full' | 'baseline';\n\nexport function horizontalAlignment(\n  value: HorizontalAlignment,\n): CanonicalHorizontalAlignment {\n  switch (value) {\n    case 'left':\n    case 'l':\n    case 'flex-start':\n      return 'left';\n    case 'center':\n    case 'c':\n      return 'center';\n    case 'space-around':\n      return 'around';\n    case 'right':\n    case 'r':\n    case 'flex-end':\n      return 'right';\n    case 'full':\n    case 'f':\n    case 'space-between':\n      return 'full';\n  }\n}\n\nexport function verticalAlignment(\n  value: VerticalAlignment,\n): CanonicalVerticalAlignment {\n  switch (value) {\n    case 'top':\n    case 't':\n    case 'flex-start':\n      return 'top';\n    case 'middle':\n    case 'm':\n    case 'c':\n      return 'middle';\n    case 'space-around':\n      return 'around';\n    case 'bottom':\n    case 'b':\n    case 'flex-end':\n      return 'bottom';\n    case 'full':\n    case 'f':\n    case 'space-between':\n      return 'full';\n    case 'baseline':\n      return 'baseline';\n  }\n}\n"]}

package/dist/chunk-D5RGM3XA.js

@@ -0,0 +1,38 @@
+import { ensureSunkenTexture } from './chunk-IKS72C6P.js';
+import { jsx } from 'kerfjs/jsx-runtime';
+
+function SunkenPanel({
+  children,
+  ariaLabel,
+  shape = "rounded",
+  flex = false,
+  fill = false,
+  tabIndex,
+  outlined = false,
+  className = "",
+  slot
+}) {
+  const flexValue = flex === true ? "1 1 auto" : flex || void 0;
+  ensureSunkenTexture();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      class: `kui-sunken-panel ${className}`.trim(),
+      "data-component": "sunken-panel",
+      "data-shape": shape,
+      "data-flex": String(Boolean(flex)),
+      "data-fill": fill ? "true" : void 0,
+      "data-outlined": outlined ? "true" : void 0,
+      style: flexValue ? `--_kui-sunken-panel-flex:${flexValue}` : void 0,
+      role: ariaLabel ? "region" : void 0,
+      "aria-label": ariaLabel,
+      tabindex: tabIndex,
+      slot,
+      children
+    }
+  );
+}
+
+export { SunkenPanel };
+
+//# sourceMappingURL=chunk-D5RGM3XA.js.map

package/dist/chunk-D5RGM3XA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/surfaces/sunken-panel/sunken-panel.tsx"],"names":[],"mappings":";;;AAiCO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA,GAAQ,SAAA;AAAA,EACR,IAAA,GAAO,KAAA;AAAA,EACP,IAAA,GAAO,KAAA;AAAA,EACP,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,SAAA,GAAY,IAAA,KAAS,IAAA,GAAO,UAAA,GAAa,IAAA,IAAQ,MAAA;AACvD,EAAA,mBAAA,EAAoB;AACpB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,iBAAA,EAAoB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MAC5C,gBAAA,EAAe,cAAA;AAAA,MACf,YAAA,EAAY,KAAA;AAAA,MACZ,WAAA,EAAW,MAAA,CAAO,OAAA,CAAQ,IAAI,CAAC,CAAA;AAAA,MAC/B,WAAA,EAAW,OAAO,MAAA,GAAS,MAAA;AAAA,MAC3B,eAAA,EAAe,WAAW,MAAA,GAAS,MAAA;AAAA,MACnC,KAAA,EAAO,SAAA,GAAY,CAAA,yBAAA,EAA4B,SAAS,CAAA,CAAA,GAAK,MAAA;AAAA,MAC7D,IAAA,EAAM,YAAY,QAAA,GAAW,MAAA;AAAA,MAC7B,YAAA,EAAY,SAAA;AAAA,MACZ,QAAA,EAAU,QAAA;AAAA,MACV,IAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"chunk-D5RGM3XA.js","sourcesContent":["import type { KerfUiContent } from '../../../shared/content/semantic-content.js';\nimport type {\n  CssFlex,\n  CssFlexKeyword,\n} from '../../../shared/styles/css-values.js';\nimport { ensureSunkenTexture } from '../../../shared/styles/sunken-texture.js';\n\nexport type SunkenPanelShape = 'rounded' | 'square';\n\nexport interface SunkenPanelProps {\n  children?: KerfUiContent;\n  /** Optional accessible landmark name for a distinct application region. */\n  ariaLabel?: string;\n  /** Corner shape: a rounded rectangle (default) or square corners. */\n  shape?: SunkenPanelShape;\n  /** Grow or shrink within a flex parent, using Grid's typed flex contract. */\n  flex?: boolean | CssFlexKeyword | CssFlex;\n  /** Fill a parent with a definite height; use flex inside a flex layout. */\n  fill?: boolean;\n  /** Opt into keyboard (`0`) or programmatic (`-1`) focus on the panel. */\n  tabIndex?: 0 | -1;\n  /** Keep the standard focus outline visible, such as for a drop target. */\n  outlined?: boolean;\n  className?: string;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/**\n * A lowered application surface with one compact inset and a vertical content\n * stack. The panel owns its background and padding; children own their own\n * borders and internal geometry.\n */\nexport function SunkenPanel({\n  children,\n  ariaLabel,\n  shape = 'rounded',\n  flex = false,\n  fill = false,\n  tabIndex,\n  outlined = false,\n  className = '',\n  slot,\n}: SunkenPanelProps) {\n  const flexValue = flex === true ? '1 1 auto' : flex || undefined;\n  ensureSunkenTexture();\n  return (\n    <div\n      class={`kui-sunken-panel ${className}`.trim()}\n      data-component=\"sunken-panel\"\n      data-shape={shape}\n      data-flex={String(Boolean(flex))}\n      data-fill={fill ? 'true' : undefined}\n      data-outlined={outlined ? 'true' : undefined}\n      style={flexValue ? `--_kui-sunken-panel-flex:${flexValue}` : undefined}\n      role={ariaLabel ? 'region' : undefined}\n      aria-label={ariaLabel}\n      tabindex={tabIndex}\n      slot={slot}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport { ensureSunkenTexture } from '../../../shared/styles/sunken-texture.js';\n"]}

package/dist/chunk-DZJ4GBSP.js

@@ -0,0 +1,59 @@
+import { Skeleton } from './chunk-CVD5IZGB.js';
+import { em } from './chunk-IQSRHXZR.js';
+import { jsxs, jsx } from 'kerfjs/jsx-runtime';
+
+function ValueTableRow({
+  label,
+  value,
+  icon,
+  className = "",
+  placeholder = false,
+  slot
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      class: `kui-value-table__row ${className}`.trim(),
+      "data-has-icon": String(Boolean(icon)),
+      "data-placeholder": placeholder ? "true" : void 0,
+      slot,
+      children: [
+        /* @__PURE__ */ jsxs("dt", { children: [
+          icon && /* @__PURE__ */ jsx("span", { class: "kui-value-table__icon", children: icon }),
+          /* @__PURE__ */ jsx("span", { class: "kui-value-table__label", children: label })
+        ] }),
+        /* @__PURE__ */ jsx("dd", { children: placeholder ? /* @__PURE__ */ jsx(Skeleton, { width: em(10) }) : value })
+      ]
+    }
+  );
+}
+function ValueTable({
+  label,
+  density = "default",
+  labelWidth,
+  presentation = "columns",
+  stackBelow,
+  className = "",
+  children,
+  slot
+}) {
+  return /* @__PURE__ */ jsx(
+    "dl",
+    {
+      class: `kui-value-table ${className}`.trim(),
+      "data-component": "value-table",
+      "data-density": density,
+      "data-presentation": presentation,
+      "data-stack-below": stackBelow,
+      "data-label-width": labelWidth === void 0 ? void 0 : "",
+      style: labelWidth === void 0 ? void 0 : `--_kui-value-table-label-min:${labelWidth}`,
+      "aria-label": label,
+      slot,
+      children
+    }
+  );
+}
+
+export { ValueTable, ValueTableRow };
+
+//# sourceMappingURL=chunk-DZJ4GBSP.js.map

package/dist/chunk-DZJ4GBSP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/value-table/internal/value-table-row.tsx","../src/components/data-display/value-table/value-table.tsx"],"names":["jsx"],"mappings":";;;;AAgBO,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,WAAA,GAAc,KAAA;AAAA,EACd;AACF,CAAA,EAAuB;AACrB,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,qBAAA,EAAwB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MAChD,eAAA,EAAe,MAAA,CAAO,OAAA,CAAQ,IAAI,CAAC,CAAA;AAAA,MACnC,kBAAA,EAAkB,cAAc,MAAA,GAAS,MAAA;AAAA,MACzC,IAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,IAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,IAAA,oBAAQ,GAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,uBAAA,EAAyB,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,0BACnD,GAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,wBAAA,EAA0B,QAAA,EAAA,KAAA,EAAM;AAAA,SAAA,EAC9C,CAAA;AAAA,wBACA,GAAA,CAAC,IAAA,EAAA,EAAI,QAAA,EAAA,WAAA,mBAAc,GAAA,CAAC,QAAA,EAAA,EAAS,OAAO,EAAA,CAAG,EAAE,CAAA,EAAG,CAAA,GAAK,KAAA,EAAM;AAAA;AAAA;AAAA,GACzD;AAEJ;ACFO,SAAS,UAAA,CAAW;AAAA,EACzB,KAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,UAAA;AAAA,EACA,YAAA,GAAe,SAAA;AAAA,EACf,UAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA;AAAA,EACA;AACF,CAAA,EAAoB;AAClB,EAAA,uBACEA,GAAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,gBAAA,EAAmB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MAC3C,gBAAA,EAAe,aAAA;AAAA,MACf,cAAA,EAAc,OAAA;AAAA,MACd,mBAAA,EAAmB,YAAA;AAAA,MACnB,kBAAA,EAAkB,UAAA;AAAA,MAClB,kBAAA,EAAkB,UAAA,KAAe,MAAA,GAAY,MAAA,GAAY,EAAA;AAAA,MACzD,KAAA,EACE,UAAA,KAAe,MAAA,GACX,MAAA,GACA,gCAAgC,UAAU,CAAA,CAAA;AAAA,MAEhD,YAAA,EAAY,KAAA;AAAA,MACZ,IAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"chunk-DZJ4GBSP.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nimport { em } from '../../../../shared/styles/css-values.js';\nimport { Skeleton } from '../../../feedback/skeleton/skeleton.js';\n\nexport interface ValueTableRowProps {\n  label: string | SafeHtml;\n  value: string | SafeHtml;\n  icon?: SafeHtml;\n  className?: string;\n  /** Render the value as an unanimated loading skeleton, keeping the field label. */\n  placeholder?: boolean;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\nexport function ValueTableRow({\n  label,\n  value,\n  icon,\n  className = '',\n  placeholder = false,\n  slot,\n}: ValueTableRowProps) {\n  return (\n    <div\n      class={`kui-value-table__row ${className}`.trim()}\n      data-has-icon={String(Boolean(icon))}\n      data-placeholder={placeholder ? 'true' : undefined}\n      slot={slot}\n    >\n      <dt>\n        {icon && <span class=\"kui-value-table__icon\">{icon}</span>}\n        <span class=\"kui-value-table__label\">{label}</span>\n      </dt>\n      <dd>{placeholder ? <Skeleton width={em(10)} /> : value}</dd>\n    </div>\n  );\n}\n","import type { KerfUiContent } from '../../../shared/content/semantic-content.js';\nimport type { CssLength } from '../../../shared/styles/css-values.js';\n\nexport {\n  ValueTableRow,\n  type ValueTableRowProps,\n} from './internal/value-table-row.js';\n\n/** `columns` keeps label and value side by side; `stacked` puts each value under its label. */\nexport type ValueTablePresentation = 'columns' | 'stacked';\n/** Table width below which columns stack: `compact` is 512px, `narrow` 576px. */\nexport type ValueTableStackBelow = 'compact' | 'narrow';\n\nexport interface ValueTableProps {\n  label: string;\n  /** Compact row spacing for metadata-dense surfaces. */\n  density?: 'default' | 'compact';\n  /**\n   * Minimum width of the label column (for example `px(160)`); the value then\n   * takes the rest of the row. Omitted, label and value share the row by\n   * content.\n   */\n  labelWidth?: CssLength;\n  /** Side-by-side columns (default) or values stacked under their labels. */\n  presentation?: ValueTablePresentation;\n  /**\n   * Stack the rows only while the table itself is narrower than the preset,\n   * so one table reads as columns in a wide dialog and stacks on a phone.\n   */\n  stackBelow?: ValueTableStackBelow;\n  className?: string;\n  children: KerfUiContent;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\nexport function ValueTable({\n  label,\n  density = 'default',\n  labelWidth,\n  presentation = 'columns',\n  stackBelow,\n  className = '',\n  children,\n  slot,\n}: ValueTableProps) {\n  return (\n    <dl\n      class={`kui-value-table ${className}`.trim()}\n      data-component=\"value-table\"\n      data-density={density}\n      data-presentation={presentation}\n      data-stack-below={stackBelow}\n      data-label-width={labelWidth === undefined ? undefined : ''}\n      style={\n        labelWidth === undefined\n          ? undefined\n          : `--_kui-value-table-label-min:${labelWidth}`\n      }\n      aria-label={label}\n      slot={slot}\n    >\n      {children}\n    </dl>\n  );\n}\n"]}