@kerfjs/ui 4.5.0-beta.1 → 5.0.0-beta.100

package/ai/component-catalog-v2.schema.json

@@ -1,246 +0,0 @@
-{
-  "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://raw.githubusercontent.com/brianwestphal/kerf/main/ui/ai/component-catalog-v2.schema.json",
-  "title": "Kerf UI composition catalog v2",
-  "type": "object",
-  "required": ["schemaVersion", "package", "compatibility", "entries"],
-  "properties": {
-    "$schema": { "type": "string" },
-    "schemaVersion": { "const": 2 },
-    "package": { "type": "string", "minLength": 1 },
-    "compatibility": {
-      "type": "object",
-      "required": ["v1Catalog", "identity"],
-      "properties": {
-        "v1Catalog": { "type": "string", "minLength": 1 },
-        "identity": { "const": "package:id" }
-      },
-      "additionalProperties": false
-    },
-    "entries": { "type": "array", "items": { "$ref": "#/$defs/entry" } }
-  },
-  "additionalProperties": false,
-  "$defs": {
-    "stringList": {
-      "type": "array",
-      "items": { "type": "string", "minLength": 1 },
-      "uniqueItems": true
-    },
-    "cardinality": {
-      "type": "object",
-      "required": ["min", "max"],
-      "properties": {
-        "min": { "type": "integer", "minimum": 0 },
-        "max": {
-          "anyOf": [
-            { "type": "integer", "minimum": 1 },
-            { "const": "unbounded" }
-          ]
-        }
-      },
-      "additionalProperties": false
-    },
-    "zone": {
-      "type": "object",
-      "required": ["id", "accepts", "cardinality", "exclusiveWith"],
-      "properties": {
-        "id": { "type": "string", "minLength": 1 },
-        "accepts": { "$ref": "#/$defs/stringList" },
-        "cardinality": { "$ref": "#/$defs/cardinality" },
-        "exclusiveWith": { "$ref": "#/$defs/stringList" }
-      },
-      "additionalProperties": false
-    },
-    "state": {
-      "type": "object",
-      "required": ["id", "owner", "required"],
-      "properties": {
-        "id": { "type": "string", "minLength": 1 },
-        "owner": { "enum": ["application", "controlled", "component"] },
-        "required": { "type": "boolean" }
-      },
-      "additionalProperties": false
-    },
-    "diagnostic": {
-      "type": "object",
-      "required": ["id", "severity", "when", "message"],
-      "properties": {
-        "id": { "type": "string", "pattern": "^KUI-C[0-9]{3}$" },
-        "severity": { "enum": ["error", "warning"] },
-        "when": { "type": "string", "minLength": 1 },
-        "message": { "type": "string", "minLength": 1 }
-      },
-      "additionalProperties": false
-    },
-    "entry": {
-      "type": "object",
-      "required": [
-        "key",
-        "package",
-        "id",
-        "name",
-        "kind",
-        "source",
-        "parents",
-        "contexts",
-        "zones",
-        "children",
-        "state",
-        "wiring",
-        "responsive",
-        "layout",
-        "accessibility",
-        "boundaries",
-        "diagnostics",
-        "provenance"
-      ],
-      "properties": {
-        "key": { "type": "string", "minLength": 3 },
-        "package": { "type": "string", "minLength": 1 },
-        "id": { "type": "string", "minLength": 1 },
-        "name": { "type": "string", "minLength": 1 },
-        "kind": { "enum": ["component", "composition", "recipe"] },
-        "purpose": { "type": "string", "minLength": 1 },
-        "publicExports": {
-          "type": "array",
-          "items": {
-            "type": "object",
-            "required": ["name", "subpath"],
-            "properties": {
-              "name": { "type": "string", "minLength": 1 },
-              "subpath": { "type": "string", "pattern": "^\\." }
-            },
-            "additionalProperties": false
-          },
-          "minItems": 1
-        },
-        "sourceLinks": { "$ref": "#/$defs/stringList" },
-        "source": { "type": "string", "minLength": 1 },
-        "parents": {
-          "type": "object",
-          "required": ["mode", "entries"],
-          "properties": {
-            "mode": { "enum": ["any", "root", "listed"] },
-            "entries": { "$ref": "#/$defs/stringList" }
-          },
-          "additionalProperties": false
-        },
-        "contexts": { "$ref": "#/$defs/stringList" },
-        "zones": { "type": "array", "items": { "$ref": "#/$defs/zone" } },
-        "children": {
-          "type": "object",
-          "required": ["mode", "concepts", "requiredConcepts"],
-          "properties": {
-            "mode": { "enum": ["any", "none", "listed"] },
-            "concepts": { "$ref": "#/$defs/stringList" },
-            "requiredConcepts": { "$ref": "#/$defs/stringList" }
-          },
-          "additionalProperties": false
-        },
-        "state": { "type": "array", "items": { "$ref": "#/$defs/state" } },
-        "wiring": {
-          "type": "object",
-          "required": ["required", "helpers", "obligations"],
-          "properties": {
-            "required": { "type": "boolean" },
-            "helpers": { "$ref": "#/$defs/stringList" },
-            "obligations": { "$ref": "#/$defs/stringList" }
-          },
-          "additionalProperties": false
-        },
-        "responsive": {
-          "type": "object",
-          "required": ["owner", "behaviors"],
-          "properties": {
-            "owner": {
-              "enum": ["application", "component", "shared", "not-applicable"]
-            },
-            "behaviors": { "$ref": "#/$defs/stringList" }
-          },
-          "additionalProperties": false
-        },
-        "layout": {
-          "type": "object",
-          "required": ["roles", "geometry"],
-          "properties": {
-            "roles": { "$ref": "#/$defs/stringList" },
-            "geometry": {
-              "type": "object",
-              "required": ["margin", "border", "padding"],
-              "properties": {
-                "margin": {
-                  "enum": [
-                    "self",
-                    "parent",
-                    "child",
-                    "none",
-                    "conditional",
-                    "composed"
-                  ]
-                },
-                "border": {
-                  "enum": [
-                    "self",
-                    "parent",
-                    "child",
-                    "none",
-                    "conditional",
-                    "composed"
-                  ]
-                },
-                "padding": {
-                  "enum": [
-                    "self",
-                    "parent",
-                    "child",
-                    "none",
-                    "conditional",
-                    "composed"
-                  ]
-                },
-                "notes": { "$ref": "#/$defs/stringList" }
-              },
-              "additionalProperties": false
-            }
-          },
-          "additionalProperties": false
-        },
-        "accessibility": {
-          "type": "object",
-          "required": ["obligations"],
-          "properties": { "obligations": { "$ref": "#/$defs/stringList" } },
-          "additionalProperties": false
-        },
-        "boundaries": {
-          "type": "object",
-          "required": ["rootClass", "publicClasses", "publicTokens"],
-          "properties": {
-            "rootClass": {
-              "oneOf": [
-                { "type": "string", "minLength": 1 },
-                { "type": "null" }
-              ]
-            },
-            "publicClasses": { "$ref": "#/$defs/stringList" },
-            "publicTokens": { "$ref": "#/$defs/stringList" }
-          },
-          "additionalProperties": false
-        },
-        "diagnostics": {
-          "type": "array",
-          "items": { "$ref": "#/$defs/diagnostic" }
-        },
-        "provenance": {
-          "type": "object",
-          "required": ["selection", "composition"],
-          "properties": {
-            "selection": { "type": "string", "minLength": 1 },
-            "composition": { "type": "string", "minLength": 1 }
-          },
-          "additionalProperties": false
-        }
-      },
-      "additionalProperties": false
-    }
-  }
-}

package/dist/browser/panel-header.js

@@ -1,7 +0,0 @@
-import '../styles/foundation.css';
-import '../styles/skeleton.css';
-import '../styles/toolbar.css';
-import '../styles/toolbar-control-group.css';
-import '../styles/toolbar-text.css';
-import '../styles/panel-header.css';
-export * from '../panel-header.js';

package/dist/chunk-5VTB2BKP.js

@@ -1,35 +0,0 @@
-import { jsx } from 'kerfjs/jsx-runtime';
-
-// src/toolbar-control-group.tsx
-function ToolbarControlGroup({
-  children,
-  label,
-  className = "",
-  expanded = false,
-  single = false,
-  appearance = "contained",
-  tone = "default",
-  buttonAppearance = "plain",
-  shape = "pill"
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      class: `kui-toolbar-control-group ${className}`.trim(),
-      "data-component": "toolbar-control-group",
-      role: label ? "group" : void 0,
-      "aria-label": label,
-      "data-appearance": appearance,
-      "data-tone": tone,
-      "data-button-appearance": buttonAppearance,
-      "data-expanded": String(expanded),
-      "data-single": String(single),
-      "data-shape": shape,
-      children
-    }
-  );
-}
-
-export { ToolbarControlGroup };
-
-//# sourceMappingURL=chunk-5VTB2BKP.js.map

package/dist/chunk-5VTB2BKP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/toolbar-control-group.tsx"],"names":[],"mappings":";;;AAoBO,SAAS,mBAAA,CAAoB;AAAA,EAClC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,MAAA,GAAS,KAAA;AAAA,EACT,UAAA,GAAa,WAAA;AAAA,EACb,IAAA,GAAO,SAAA;AAAA,EACP,gBAAA,GAAmB,OAAA;AAAA,EACnB,KAAA,GAAQ;AACV,CAAA,EAA6B;AAC3B,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,0BAAA,EAA6B,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MACrD,gBAAA,EAAe,uBAAA;AAAA,MACf,IAAA,EAAM,QAAQ,OAAA,GAAU,MAAA;AAAA,MACxB,YAAA,EAAY,KAAA;AAAA,MACZ,iBAAA,EAAiB,UAAA;AAAA,MACjB,WAAA,EAAW,IAAA;AAAA,MACX,wBAAA,EAAwB,gBAAA;AAAA,MACxB,eAAA,EAAe,OAAO,QAAQ,CAAA;AAAA,MAC9B,aAAA,EAAa,OAAO,MAAM,CAAA;AAAA,MAC1B,YAAA,EAAY,KAAA;AAAA,MAEX;AAAA;AAAA,GACH;AAEJ","file":"chunk-5VTB2BKP.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nexport type ToolbarControlGroupAppearance = 'contained' | 'borderless';\nexport type ToolbarControlGroupTone = 'default' | 'dark';\nexport type ToolbarControlGroupButtonAppearance = 'plain' | 'push';\nexport type ToolbarControlGroupShape = 'pill' | 'rounded';\n\nexport interface ToolbarControlGroupProps {\n  children: SafeHtml | SafeHtml[];\n  label?: string;\n  className?: string;\n  expanded?: boolean;\n  single?: boolean;\n  appearance?: ToolbarControlGroupAppearance;\n  tone?: ToolbarControlGroupTone;\n  buttonAppearance?: ToolbarControlGroupButtonAppearance;\n  /** Corner shape: fully round `pill` (default) or a softer `rounded` rectangle. */\n  shape?: ToolbarControlGroupShape;\n}\n\nexport function ToolbarControlGroup({\n  children,\n  label,\n  className = '',\n  expanded = false,\n  single = false,\n  appearance = 'contained',\n  tone = 'default',\n  buttonAppearance = 'plain',\n  shape = 'pill',\n}: ToolbarControlGroupProps) {\n  return (\n    <div\n      class={`kui-toolbar-control-group ${className}`.trim()}\n      data-component=\"toolbar-control-group\"\n      role={label ? 'group' : undefined}\n      aria-label={label}\n      data-appearance={appearance}\n      data-tone={tone}\n      data-button-appearance={buttonAppearance}\n      data-expanded={String(expanded)}\n      data-single={String(single)}\n      data-shape={shape}\n    >\n      {children}\n    </div>\n  );\n}\n"]}

package/dist/chunk-6WTETUZ6.js

@@ -1,21 +0,0 @@
-import { jsx } from 'kerfjs/jsx-runtime';
-
-// src/loading-spinner.tsx
-function LoadingSpinner({ className = "", label }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      class: `kui-loading-spinner ${className}`.trim(),
-      "data-component": "loading-spinner",
-      viewBox: "0 0 24 24",
-      role: label ? "img" : void 0,
-      "aria-label": label,
-      "aria-hidden": label ? void 0 : "true",
-      children: /* @__PURE__ */ jsx("path", { d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z" })
-    }
-  );
-}
-
-export { LoadingSpinner };
-
-//# sourceMappingURL=chunk-6WTETUZ6.js.map

package/dist/chunk-6WTETUZ6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/loading-spinner.tsx"],"names":[],"mappings":";;;AAMO,SAAS,cAAA,CAAe,EAAE,SAAA,GAAY,EAAA,EAAI,OAAM,EAAwB;AAC7E,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,oBAAA,EAAuB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MAC/C,gBAAA,EAAe,iBAAA;AAAA,MACf,OAAA,EAAQ,WAAA;AAAA,MACR,IAAA,EAAM,QAAQ,KAAA,GAAQ,MAAA;AAAA,MACtB,YAAA,EAAY,KAAA;AAAA,MACZ,aAAA,EAAa,QAAQ,MAAA,GAAY,MAAA;AAAA,MAEjC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,kKAAA,EAAmK;AAAA;AAAA,GAC7K;AAEJ","file":"chunk-6WTETUZ6.js","sourcesContent":["export interface LoadingSpinnerProps {\n  className?: string;\n  label?: string;\n}\n\n/** Stable viewBox-centered progress ring based on svg-spinners' MIT-licensed 180-ring. */\nexport function LoadingSpinner({ className = '', label }: LoadingSpinnerProps) {\n  return (\n    <svg\n      class={`kui-loading-spinner ${className}`.trim()}\n      data-component=\"loading-spinner\"\n      viewBox=\"0 0 24 24\"\n      role={label ? 'img' : undefined}\n      aria-label={label}\n      aria-hidden={label ? undefined : 'true'}\n    >\n      <path d=\"M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z\"></path>\n    </svg>\n  );\n}\n"]}

package/dist/chunk-7KEUJIIC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/token-search-field.tsx"],"names":[],"mappings":"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","file":"chunk-7KEUJIIC.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\nimport { Search, X } from 'lucide';\n\nimport { LucideIcon } from './lucide-icon.js';\n\nexport interface TokenSearchToken {\n  value: string;\n  label: string;\n  offset?: number;\n  accessibleLabel?: string;\n}\n\nexport type TokenSearchEditorAttributes = Readonly<\n  Record<`data-${string}`, string | undefined> & {\n    'data-component'?: never;\n    'data-key'?: never;\n    'data-morph-skip'?: never;\n    'data-token-search-editor'?: never;\n    'data-token-count'?: never;\n    'data-placeholder'?: never;\n  }\n>;\n\ninterface TokenSearchFieldBaseProps {\n  id: string;\n  label: string;\n  query?: string;\n  tokens?: readonly TokenSearchToken[];\n  placeholder?: string;\n  tokenPlaceholder?: string;\n  disabled?: boolean;\n  autofocus?: boolean;\n  leading?: SafeHtml;\n  trailing?: SafeHtml;\n  editAction?: string;\n  removeAction?: string;\n  clearAction?: string;\n  clearLabel?: string;\n  className?: string;\n  editorAttributes?: TokenSearchEditorAttributes;\n}\n\ntype TokenSearchCollapsibleProps =\n  | {\n      /** Allow an empty field to render as one iconic action. */\n      collapsible: true;\n      /** Keep an empty collapsible field open while the application owns focus. */\n      expanded?: boolean;\n      expandAction?: string;\n      expandLabel?: string;\n    }\n  | {\n      collapsible?: false;\n      expanded?: never;\n      expandAction?: never;\n      expandLabel?: never;\n    };\n\nexport type TokenSearchFieldProps = TokenSearchFieldBaseProps &\n  TokenSearchCollapsibleProps;\n\nexport interface TokenSearchFieldValue {\n  query: string;\n  tokens: TokenSearchToken[];\n}\n\ntype TokenSearchPart =\n  { kind: 'text'; value: string } | { kind: 'token'; token: TokenSearchToken };\n\nfunction orderedParts(\n  query: string,\n  tokens: readonly TokenSearchToken[],\n): TokenSearchPart[] {\n  const ordered = tokens\n    .map((token, index) => ({\n      token,\n      index,\n      offset: Math.max(0, Math.min(query.length, token.offset ?? query.length)),\n    }))\n    .sort(\n      (left, right) => left.offset - right.offset || left.index - right.index,\n    );\n  const parts: TokenSearchPart[] = [];\n  let cursor = 0;\n  for (const { token, offset } of ordered) {\n    parts.push({ kind: 'text', value: query.slice(cursor, offset) });\n    parts.push({ kind: 'token', token: { ...token, offset } });\n    cursor = offset;\n  }\n  parts.push({ kind: 'text', value: query.slice(cursor) });\n  return parts;\n}\n\nfunction CloseIcon() {\n  return <LucideIcon icon={X} name=\"x\" />;\n}\n\nexport function TokenSearchField({\n  id,\n  label,\n  query = '',\n  tokens = [],\n  placeholder = 'Search',\n  tokenPlaceholder = 'Add search…',\n  disabled = false,\n  autofocus = false,\n  collapsible = false,\n  expanded = false,\n  expandAction = 'expand-token-search',\n  expandLabel,\n  leading,\n  trailing,\n  editAction = 'edit-search-token',\n  removeAction = 'remove-search-token',\n  clearAction = 'clear-token-search',\n  clearLabel = 'Clear search',\n  className = '',\n  editorAttributes = {},\n}: TokenSearchFieldProps) {\n  const parts = orderedParts(query, tokens);\n  const key = `${id}:${tokens.map((token) => token.value).join('|')}`;\n  const resolvedExpanded =\n    !collapsible || expanded || query.length > 0 || tokens.length > 0;\n  return (\n    <div\n      class={`kui-token-search ${className}`.trim()}\n      data-component=\"token-search-field\"\n      data-token-search-id={id}\n      data-disabled={String(disabled)}\n      data-collapsible={String(collapsible)}\n      data-expanded={String(resolvedExpanded)}\n      data-has-trailing={String(Boolean(trailing))}\n    >\n      {!resolvedExpanded ? (\n        <button\n          type=\"button\"\n          class=\"kui-token-search__expand\"\n          data-action={expandAction}\n          aria-label={expandLabel ?? label}\n          title={expandLabel ?? label}\n          disabled={disabled}\n        >\n          <LucideIcon icon={Search} name=\"search\" />\n        </button>\n      ) : (\n        <>\n          <span class=\"kui-token-search__leading\" aria-hidden=\"true\">\n            {leading ?? <LucideIcon icon={Search} name=\"search\" />}\n          </span>\n          <div\n            {...editorAttributes}\n            class=\"kui-token-search__editor\"\n            data-key={key}\n            data-morph-skip\n            data-token-search-editor={id}\n            data-token-count={tokens.length}\n            data-placeholder={tokens.length ? tokenPlaceholder : placeholder}\n            role=\"searchbox\"\n            aria-label={label}\n            aria-disabled={disabled ? 'true' : undefined}\n            contenteditable={disabled ? 'false' : 'true'}\n            spellcheck=\"false\"\n            autofocus={autofocus}\n          >\n            {parts.map((part) =>\n              part.kind === 'text' ? (\n                <span\n                  data-token-search-text\n                  data-empty={String(part.value.length === 0)}\n                >\n                  {part.value || (tokens.length ? '\\u200b' : '')}\n                </span>\n              ) : (\n                <span\n                  class=\"kui-token-search__token\"\n                  contenteditable=\"false\"\n                  data-component=\"token-search-token\"\n                  data-token-value={part.token.value}\n                >\n                  <button\n                    type=\"button\"\n                    class=\"kui-token-search__token-edit\"\n                    data-action={editAction}\n                    data-token-value={part.token.value}\n                    aria-label={`Edit ${part.token.accessibleLabel ?? part.token.label}`}\n                    disabled={disabled}\n                  >\n                    {part.token.label}\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"kui-token-search__token-remove\"\n                    data-action={removeAction}\n                    data-token-value={part.token.value}\n                    aria-label={`Remove ${part.token.accessibleLabel ?? part.token.label}`}\n                    disabled={disabled}\n                  >\n                    <CloseIcon />\n                  </button>\n                </span>\n              ),\n            )}\n          </div>\n          {(query || tokens.length > 0) && (\n            <button\n              type=\"button\"\n              class=\"kui-token-search__clear\"\n              data-action={clearAction}\n              aria-label={clearLabel}\n              title={clearLabel}\n              disabled={disabled}\n            >\n              <CloseIcon />\n            </button>\n          )}\n          {trailing && (\n            <span class=\"kui-token-search__trailing\">{trailing}</span>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n\n/** Read editable text and ordered token offsets from a rendered TokenSearchField editor. */\nexport function readTokenSearchField(\n  editor: HTMLElement,\n  knownTokens: readonly TokenSearchToken[] = [],\n): TokenSearchFieldValue {\n  let query = '';\n  const tokens: TokenSearchToken[] = [];\n  const visit = (node: Node): void => {\n    if (node.nodeType === Node.TEXT_NODE) {\n      query += (node.textContent ?? '')\n        .replaceAll('\\u00a0', ' ')\n        .replaceAll('\\u200b', '');\n      return;\n    }\n    if (!(node instanceof HTMLElement)) return;\n    if (node.matches('[data-component=\"token-search-token\"]')) {\n      const value = node.dataset.tokenValue;\n      const known = knownTokens.find((token) => token.value === value);\n      if (known) tokens.push({ ...known, offset: query.length });\n      else if (value)\n        tokens.push({ value, label: value, offset: query.length });\n      return;\n    }\n    if (node.tagName === 'BR') {\n      query += ' ';\n      return;\n    }\n    for (const child of node.childNodes) visit(child);\n  };\n  for (const child of editor.childNodes) visit(child);\n  return { query, tokens };\n}\n\n/** Focus an editor and place its caret at a text offset, skipping atomic token chips. */\nexport function placeTokenSearchCaret(\n  editor: HTMLElement,\n  offset?: number,\n): void {\n  editor.focus({ preventScroll: true });\n  const selection = globalThis.getSelection();\n  if (!selection) return;\n  const range = document.createRange();\n  if (offset === undefined) {\n    range.selectNodeContents(editor);\n    range.collapse(false);\n  } else {\n    let remaining = Math.max(0, offset);\n    let found = false;\n    const walker = document.createTreeWalker(editor, NodeFilter.SHOW_TEXT, {\n      acceptNode: (node) =>\n        node.parentElement?.closest('[data-component=\"token-search-token\"]')\n          ? NodeFilter.FILTER_REJECT\n          : NodeFilter.FILTER_ACCEPT,\n    });\n    for (let node = walker.nextNode(); node; node = walker.nextNode()) {\n      const source = node.textContent ?? '';\n      const length = source.replaceAll('\\u200b', '').length;\n      if (remaining <= length) {\n        range.setStart(\n          node,\n          source === '\\u200b' ? 0 : Math.min(remaining, source.length),\n        );\n        range.collapse(true);\n        found = true;\n        break;\n      }\n      remaining -= length;\n    }\n    if (!found) {\n      range.selectNodeContents(editor);\n      range.collapse(false);\n    }\n  }\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n"]}

package/dist/chunk-7XRDUG4Y.js

@@ -1,58 +0,0 @@
-import { ToolbarText } from './chunk-R7ZWUN64.js';
-import { Toolbar } from './chunk-SYDMYBPG.js';
-import { ToolbarControlGroup } from './chunk-5VTB2BKP.js';
-import { Skeleton } from './chunk-RKVQEH4J.js';
-import { jsxs, jsx, Fragment } from 'kerfjs/jsx-runtime';
-
-function PanelHeader({
-  title,
-  titleId,
-  summary,
-  summaryId,
-  icon,
-  iconClassName = "",
-  actions,
-  headingLevel,
-  placeholder = false
-}) {
-  const identity = /* @__PURE__ */ jsxs(Fragment, { children: [
-    icon && /* @__PURE__ */ jsx(
-      ToolbarControlGroup,
-      {
-        single: true,
-        className: `kui-panel-header__icon ${iconClassName}`.trim(),
-        children: icon
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ToolbarText,
-      {
-        text: title,
-        size: "xlarge",
-        id: titleId,
-        className: "kui-panel-header__title",
-        headingLevel,
-        placeholder
-      }
-    )
-  ] });
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      class: "kui-panel-header",
-      "data-component": "panel-header",
-      "data-has-icon": String(Boolean(icon)),
-      "data-has-actions": String(Boolean(actions)),
-      "data-has-summary": String(Boolean(summary)),
-      "data-placeholder": placeholder ? "true" : void 0,
-      children: [
-        /* @__PURE__ */ jsx(Toolbar, { leading: identity, trailing: actions, dividerSides: "" }),
-        summary && /* @__PURE__ */ jsx("p", { class: "kui-panel-header__summary", id: summaryId, children: placeholder ? /* @__PURE__ */ jsx(Skeleton, { width: "18em" }) : summary })
-      ]
-    }
-  );
-}
-
-export { PanelHeader };
-
-//# sourceMappingURL=chunk-7XRDUG4Y.js.map

package/dist/chunk-7XRDUG4Y.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/panel-header.tsx"],"names":[],"mappings":";;;;;;AA0CO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA,GAAgB,EAAA;AAAA,EAChB,OAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,EAAqB;AACnB,EAAA,MAAM,2BACJ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,IAAA,oBACC,GAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAM,IAAA;AAAA,QACN,SAAA,EAAW,CAAA,uBAAA,EAA0B,aAAa,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,QAEzD,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,oBAEF,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,KAAA;AAAA,QACN,IAAA,EAAK,QAAA;AAAA,QACL,EAAA,EAAI,OAAA;AAAA,QACJ,SAAA,EAAU,yBAAA;AAAA,QACV,YAAA;AAAA,QACA;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAGF,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,kBAAA;AAAA,MACN,gBAAA,EAAe,cAAA;AAAA,MACf,eAAA,EAAe,MAAA,CAAO,OAAA,CAAQ,IAAI,CAAC,CAAA;AAAA,MACnC,kBAAA,EAAkB,MAAA,CAAO,OAAA,CAAQ,OAAO,CAAC,CAAA;AAAA,MACzC,kBAAA,EAAkB,MAAA,CAAO,OAAA,CAAQ,OAAO,CAAC,CAAA;AAAA,MACzC,kBAAA,EAAkB,cAAc,MAAA,GAAS,MAAA;AAAA,MAEzC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,WAAQ,OAAA,EAAS,QAAA,EAAU,QAAA,EAAU,OAAA,EAAS,cAAa,EAAA,EAAG,CAAA;AAAA,QAC9D,OAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAM,2BAAA,EAA4B,EAAA,EAAI,SAAA,EACtC,QAAA,EAAA,WAAA,mBAAc,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAM,MAAA,EAAO,IAAK,OAAA,EAC7C;AAAA;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-7XRDUG4Y.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nimport { Skeleton } from './skeleton.js';\nimport { Toolbar } from './toolbar.js';\nimport { ToolbarControlGroup } from './toolbar-control-group.js';\nimport { type HeadingLevel, ToolbarText } from './toolbar-text.js';\n\ninterface PanelHeaderBaseProps {\n  title: string;\n  titleId: string;\n  icon?: SafeHtml;\n  iconClassName?: string;\n  actions?: SafeHtml;\n  /**\n   * Expose the title as a heading landmark (`role=\"heading\"` + `aria-level`). Set it\n   * for a PAGE or view heading so screen-reader heading navigation works and the view\n   * has a primary heading; omit it (the default) for a dialog title, which is instead\n   * referenced via `aria-labelledby={titleId}` and needs no heading landmark.\n   */\n  headingLevel?: HeadingLevel;\n  /** Render the title and summary as unanimated loading skeletons, keeping the icon and actions. */\n  placeholder?: boolean;\n}\n\ntype PanelHeaderSummaryProps =\n  | { summary: string; summaryId?: string }\n  | { summary?: never; summaryId?: never };\n\nexport type PanelHeaderProps = PanelHeaderBaseProps & PanelHeaderSummaryProps;\n\n/**\n * The heading of a panel, dialog, or page: a plain `Toolbar` whose leading zone\n * holds an optional icon control group and the title as extra-large `ToolbarText`,\n * whose trailing zone holds the app's action controls, and with an optional\n * subtitle on its own row, left-aligned with the title.\n *\n * PanelHeader overrides no Toolbar styles — it is just a Toolbar with an xl title.\n * The only styling it adds is the icon group's fill/border color and the subtitle.\n * When no icon is provided, the icon group is omitted entirely. The `actions` slot\n * is passed straight into the toolbar's trailing zone; the app supplies whatever\n * trailing controls it needs (typically a `ToolbarControlGroup`).\n */\nexport function PanelHeader({\n  title,\n  titleId,\n  summary,\n  summaryId,\n  icon,\n  iconClassName = '',\n  actions,\n  headingLevel,\n  placeholder = false,\n}: PanelHeaderProps) {\n  const identity = (\n    <>\n      {icon && (\n        <ToolbarControlGroup\n          single\n          className={`kui-panel-header__icon ${iconClassName}`.trim()}\n        >\n          {icon}\n        </ToolbarControlGroup>\n      )}\n      <ToolbarText\n        text={title}\n        size=\"xlarge\"\n        id={titleId}\n        className=\"kui-panel-header__title\"\n        headingLevel={headingLevel}\n        placeholder={placeholder}\n      />\n    </>\n  );\n\n  return (\n    <div\n      class=\"kui-panel-header\"\n      data-component=\"panel-header\"\n      data-has-icon={String(Boolean(icon))}\n      data-has-actions={String(Boolean(actions))}\n      data-has-summary={String(Boolean(summary))}\n      data-placeholder={placeholder ? 'true' : undefined}\n    >\n      <Toolbar leading={identity} trailing={actions} dividerSides=\"\" />\n      {summary && (\n        <p class=\"kui-panel-header__summary\" id={summaryId}>\n          {placeholder ? <Skeleton width=\"18em\" /> : summary}\n        </p>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-B3A3IVO5.js

@@ -1,83 +0,0 @@
-import { ToolbarText } from './chunk-R7ZWUN64.js';
-import { jsxs, jsx } from 'kerfjs/jsx-runtime';
-
-function NavStack({
-  id,
-  label,
-  views,
-  backLabel = "Back",
-  hideToolbar = false,
-  bottomToolbar,
-  className = ""
-}) {
-  const topIndex = views.length - 1;
-  const top = views[topIndex];
-  const canPop = views.length > 1;
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      class: `kui-nav-stack ${className}`.trim(),
-      id,
-      "data-component": "nav-stack",
-      "data-nav-stack-id": id,
-      "data-depth": String(views.length),
-      "aria-label": label,
-      children: [
-        !hideToolbar && /* @__PURE__ */ jsxs("header", { class: "kui-nav-stack__chrome", "data-nav-stack-chrome": true, children: [
-          /* @__PURE__ */ jsxs("div", { class: "kui-nav-stack__lead", children: [
-            canPop && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                class: "kui-nav-stack__back",
-                "data-nav-back": true,
-                "aria-label": backLabel,
-                children: /* @__PURE__ */ jsx(
-                  "svg",
-                  {
-                    class: "kui-nav-stack__back-icon",
-                    viewBox: "0 0 24 24",
-                    width: "18",
-                    height: "18",
-                    "aria-hidden": "true",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "2",
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" })
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              ToolbarText,
-              {
-                text: top?.title ?? "",
-                size: "large",
-                className: "kui-nav-stack__title"
-              }
-            )
-          ] }),
-          top?.toolbar && /* @__PURE__ */ jsx("div", { class: "kui-nav-stack__actions", children: top.toolbar })
-        ] }),
-        /* @__PURE__ */ jsx("div", { class: "kui-nav-stack__viewport", "data-nav-stack-viewport": true, children: views.map((view, index) => /* @__PURE__ */ jsx(
-          "article",
-          {
-            class: "kui-nav-stack__view",
-            "data-key": view.key,
-            "data-nav-key": view.key,
-            "data-nav-active": String(index === topIndex),
-            "aria-hidden": String(index !== topIndex),
-            children: view.content
-          }
-        )) }),
-        bottomToolbar && /* @__PURE__ */ jsx("footer", { class: "kui-nav-stack__bottom", "data-nav-stack-bottom": true, children: bottomToolbar })
-      ]
-    }
-  );
-}
-
-export { NavStack };
-
-//# sourceMappingURL=chunk-B3A3IVO5.js.map

package/dist/chunk-B3A3IVO5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/nav-stack.tsx"],"names":[],"mappings":"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","file":"chunk-B3A3IVO5.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nimport { ToolbarText } from './toolbar-text.js';\n\n/**\n * One entry in a {@link NavStack}. The app owns the stack as an array (usually a\n * signal); `NavStack` renders it and `wireNavStack` animates the transitions.\n */\nexport interface NavStackView {\n  /** Stable identity for keyed reconcile and transition direction. */\n  key: string;\n  content: SafeHtml;\n  /** Title shown in the top toolbar for this view. */\n  title?: string;\n  /** Trailing actions for this view's top toolbar. */\n  toolbar?: SafeHtml;\n}\n\nexport interface NavStackProps {\n  id: string;\n  /** Accessible name for the stack region. */\n  label: string;\n  /** The stack, root first; the last entry is the active top view. */\n  views: NavStackView[];\n  /** Accessible label for the back control (default \"Back\"). */\n  backLabel?: string;\n  /** Hide the top toolbar entirely (rare — a fully custom-chrome view). */\n  hideToolbar?: boolean;\n  /** Optional persistent bottom toolbar. */\n  bottomToolbar?: SafeHtml;\n  className?: string;\n}\n\n/**\n * A navigation stack (iOS-style push/pop). Renders every entry stacked, the last\n * one active; `@kerfjs/ui/wire-nav-stack`'s `wireNavStack` slides the content and\n * cross-fades the chrome across a change. A single-pane layout is a `NavStack`\n * with one entry. See `docs/23-app-layouts.md` §3.1.\n */\nexport function NavStack({\n  id,\n  label,\n  views,\n  backLabel = 'Back',\n  hideToolbar = false,\n  bottomToolbar,\n  className = '',\n}: NavStackProps) {\n  const topIndex = views.length - 1;\n  const top = views[topIndex];\n  const canPop = views.length > 1;\n  return (\n    <section\n      class={`kui-nav-stack ${className}`.trim()}\n      id={id}\n      data-component=\"nav-stack\"\n      data-nav-stack-id={id}\n      data-depth={String(views.length)}\n      aria-label={label}\n    >\n      {!hideToolbar && (\n        <header class=\"kui-nav-stack__chrome\" data-nav-stack-chrome>\n          <div class=\"kui-nav-stack__lead\">\n            {canPop && (\n              <button\n                type=\"button\"\n                class=\"kui-nav-stack__back\"\n                data-nav-back\n                aria-label={backLabel}\n              >\n                <svg\n                  class=\"kui-nav-stack__back-icon\"\n                  viewBox=\"0 0 24 24\"\n                  width=\"18\"\n                  height=\"18\"\n                  aria-hidden=\"true\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                >\n                  <path d=\"m15 18-6-6 6-6\" />\n                </svg>\n              </button>\n            )}\n            <ToolbarText\n              text={top?.title ?? ''}\n              size=\"large\"\n              className=\"kui-nav-stack__title\"\n            />\n          </div>\n          {top?.toolbar && (\n            <div class=\"kui-nav-stack__actions\">{top.toolbar}</div>\n          )}\n        </header>\n      )}\n      <div class=\"kui-nav-stack__viewport\" data-nav-stack-viewport>\n        {views.map((view, index) => (\n          <article\n            class=\"kui-nav-stack__view\"\n            data-key={view.key}\n            data-nav-key={view.key}\n            data-nav-active={String(index === topIndex)}\n            aria-hidden={String(index !== topIndex)}\n          >\n            {view.content}\n          </article>\n        ))}\n      </div>\n      {bottomToolbar && (\n        <footer class=\"kui-nav-stack__bottom\" data-nav-stack-bottom>\n          {bottomToolbar}\n        </footer>\n      )}\n    </section>\n  );\n}\n"]}

package/dist/chunk-DPDBVKNA.js

@@ -1,113 +0,0 @@
-import { resizeRegionFromPointer, clampRegionSize } from './chunk-NENBUYX5.js';
-import { delegate } from 'kerfjs';
-
-function regionState(handle) {
-  const region = handle.closest(
-    '[data-component="resizable-region"]'
-  );
-  if (!(region instanceof HTMLElement) || !(handle instanceof HTMLElement))
-    return void 0;
-  const id = region.dataset.regionId;
-  const axis = region.dataset.axis;
-  const edge = region.dataset.edge;
-  const min = Number(handle.getAttribute("aria-valuemin"));
-  const max = Number(handle.getAttribute("aria-valuemax"));
-  const size = Number(handle.getAttribute("aria-valuenow"));
-  if (!id || axis !== "horizontal" && axis !== "vertical" || edge !== "start" && edge !== "end" || !Number.isFinite(min) || !Number.isFinite(max) || !Number.isFinite(size))
-    return void 0;
-  return { region, handle, id, axis, edge, min, max, size };
-}
-function preview(state, size, onPreview) {
-  const next = clampRegionSize(size, state.min, state.max);
-  state.region.style.setProperty("--kui-resizable-region-size", `${next}px`);
-  state.handle.setAttribute("aria-valuenow", String(next));
-  onPreview?.({ id: state.id, size: next, source: "pointer" });
-  return next;
-}
-function wireResizableRegions(root, {
-  step = 16,
-  largeStep = 64,
-  onPreview,
-  onCommit
-}) {
-  let stopPointer;
-  const stopKeydown = delegate(
-    root,
-    "keydown",
-    "[data-kui-resize-handle]",
-    (event, handle) => {
-      const keyboardEvent = event;
-      const state = regionState(handle);
-      if (!state) return;
-      let next;
-      if (keyboardEvent.key === "Home") next = state.min;
-      if (keyboardEvent.key === "End") next = state.max;
-      const increment = keyboardEvent.shiftKey ? largeStep : step;
-      if (state.axis === "horizontal" && keyboardEvent.key === "ArrowLeft")
-        next = resizeRegionFromPointer(state.size, -increment, state.edge);
-      if (state.axis === "horizontal" && keyboardEvent.key === "ArrowRight")
-        next = resizeRegionFromPointer(state.size, increment, state.edge);
-      if (state.axis === "vertical" && keyboardEvent.key === "ArrowUp")
-        next = resizeRegionFromPointer(state.size, -increment, state.edge);
-      if (state.axis === "vertical" && keyboardEvent.key === "ArrowDown")
-        next = resizeRegionFromPointer(state.size, increment, state.edge);
-      if (next === void 0) return;
-      keyboardEvent.preventDefault();
-      const size = clampRegionSize(next, state.min, state.max);
-      state.region.style.setProperty(
-        "--kui-resizable-region-size",
-        `${size}px`
-      );
-      state.handle.setAttribute("aria-valuenow", String(size));
-      onCommit({ id: state.id, size, source: "keyboard" });
-    }
-  );
-  const stopPointerDown = delegate(
-    root,
-    "pointerdown",
-    "[data-kui-resize-handle]",
-    (event, handle) => {
-      const pointerEvent = event;
-      if (pointerEvent.button !== 0) return;
-      const state = regionState(handle);
-      if (!state) return;
-      pointerEvent.preventDefault();
-      state.handle.setPointerCapture?.(pointerEvent.pointerId);
-      const startCoordinate = state.axis === "horizontal" ? pointerEvent.clientX : pointerEvent.clientY;
-      let next = state.size;
-      const move = (moveEvent) => {
-        const coordinate = state.axis === "horizontal" ? moveEvent.clientX : moveEvent.clientY;
-        next = preview(
-          state,
-          resizeRegionFromPointer(
-            state.size,
-            coordinate - startCoordinate,
-            state.edge
-          ),
-          onPreview
-        );
-      };
-      const finish = () => {
-        root.removeEventListener("pointermove", move);
-        root.removeEventListener("pointerup", finish);
-        root.removeEventListener("pointercancel", finish);
-        stopPointer = void 0;
-        onCommit({ id: state.id, size: next, source: "pointer" });
-      };
-      stopPointer?.();
-      stopPointer = finish;
-      root.addEventListener("pointermove", move);
-      root.addEventListener("pointerup", finish, { once: true });
-      root.addEventListener("pointercancel", finish, { once: true });
-    }
-  );
-  return () => {
-    stopPointer?.();
-    stopKeydown();
-    stopPointerDown();
-  };
-}
-
-export { wireResizableRegions };
-
-//# sourceMappingURL=chunk-DPDBVKNA.js.map