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

package/dist/chunk-2LM3PYHA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/wiring/help-tags.ts"],"names":[],"mappings":"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","file":"chunk-2LM3PYHA.js","sourcesContent":["// Hover and keyboard-focus help tags for icon-only controls.\n//\n// An icon-only `Select` (single `selectedPresentation=\"icon-only\"` or the\n// multiple `triggerIcon` filter), an icon-only `PopupMenu` (a `label` instead\n// of visible `text`), an icon-only `<button>` or link inside a\n// `ToolbarControlGroup` (named only by `aria-label`), and an icon-only\n// `Button` carry their purpose — and\n// a Select its current choice — only in the accessible name. Sighted pointer\n// and keyboard users see just the icon, so the registration boundary shows a\n// tag naming the control (Apple HIG \"help tag\"):\n//\n// - after a short hover delay, or immediately when a previous tag just closed\n//   (moving along a toolbar), and at once on keyboard (`:focus-visible`) focus;\n// - never while the control's popup is open, and not again after a press or\n//   Escape until the pointer or focus leaves and returns;\n// - with the same text the accessible name already announces, so the tag is\n//   `aria-hidden` and never joins the control's `aria-labelledby` — assistive\n//   technology hears the name once.\n//\n// One tag shows at a time: a `popover=\"manual\"` element in the top layer,\n// placed 8px below its trigger (flipping above when short, kept 8px clear of\n// the viewport edge) and following it while shown. It lives in a body-level\n// layer (re-attached if a body morph drops it, and removed again once\n// hidden), outside the control so the morph never sees it and `:has()`\n// selectors on the control ignore it, and copies its trigger's\n// `color-scheme`. Its look is a small stylesheet the install adopts, at zero\n// specificity so a theme can restyle it. A button that already has a native\n// `title`, or a Web Awesome tooltip `for` it, keeps that and gets no second\n// tag.\n\nimport { followAnchor, positionPopup } from '../shared/popup/position-popup.js';\n\n/** Hover delay before a help tag appears. */\nexport const HELP_TAG_SHOW_DELAY = 500;\n/** After a tag closes, a neighboring trigger shows its tag at once for this long. */\nexport const HELP_TAG_WARM_WINDOW = 400;\n/** A tag shifted inward stays this far from the viewport edge. */\nexport const HELP_TAG_VIEWPORT_MARGIN = 8;\n/** The gap between a tag and its trigger. */\nexport const HELP_TAG_GAP = 8;\n\n/**\n * The tag's look: the loud neutral fill and its on-loud text (14px), a 3px\n * radius, and a scale-and-fade entrance unless motion is reduced. Every\n * selector is wrapped in `:where()`, so any theme rule wins.\n */\nexport const HELP_TAG_STYLES = `\n:where(.kui-help-tag) {\n  position: fixed;\n  inset: auto;\n  box-sizing: border-box;\n  width: max-content;\n  max-width: min(30ch, var(--_kui-popup-available-width, 100vw));\n  margin: 0;\n  padding: 0.25em 0.5em;\n  overflow: hidden;\n  color: var(--kui-color-neutral-on-loud, #fff);\n  font: inherit;\n  font-size: var(--kui-font-s, 0.875rem);\n  line-height: 1.6;\n  text-align: start;\n  white-space: normal;\n  border: 1px solid var(--kui-color-neutral-fill-loud, #48484a);\n  border-radius: 3px;\n  background: var(--kui-color-neutral-fill-loud, #48484a);\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n@media (prefers-reduced-motion: no-preference) {\n  :where(:root:not([data-kui-effects=\"static\"]) .kui-help-tag:popover-open) {\n    animation: kui-help-tag-show 150ms ease;\n  }\n  :where(.kui-help-tag[data-placement^=\"top\"]) {\n    transform-origin: bottom;\n  }\n  :where(.kui-help-tag[data-placement^=\"bottom\"]) {\n    transform-origin: top;\n  }\n}\n@keyframes kui-help-tag-show {\n  from {\n    opacity: 0;\n    scale: 0.8;\n  }\n}\n@media (forced-colors: active) {\n  :where(.kui-help-tag) {\n    color: CanvasText;\n    border-color: CanvasText;\n    background: Canvas;\n  }\n}\n`;\n\ntype HelpTagHost = HTMLElement;\n\nexport interface HelpTagOptions {\n  /** Whether a newly focused element shows keyboard focus. */\n  focusVisible?: (element: Element) => boolean;\n}\n\nconst installed = new WeakSet<Document>();\n\n/**\n * Adopt the tag's stylesheet into `doc` once. A document without a window\n * (one built by `createHTMLDocument`) never renders, so it needs none.\n */\nfunction adoptStyles(doc: Document): void {\n  const view = doc.defaultView;\n  if (!view) return;\n  const sheet = new view.CSSStyleSheet();\n  sheet.replaceSync(HELP_TAG_STYLES);\n  doc.adoptedStyleSheets = [...doc.adoptedStyleSheets, sheet];\n}\n\n/** Whether the engine implements the Popover API on `element`. */\nconst popoverSupported = (element: HTMLElement): boolean =>\n  typeof element.showPopover === 'function';\n\nfunction isFocusVisible(element: Element): boolean {\n  try {\n    return element.matches(':focus-visible');\n  } catch {\n    return false;\n  }\n}\n\nconst MENU_LABEL = ':scope > .kui-popup-menu__trigger > .kui-popup-menu__label';\n\n/** A plain control (not a Web Awesome popup host) gets a body-layer tag. */\nconst isPlainControl = (host: HelpTagHost): boolean =>\n  host.localName === 'button' || host.localName === 'a';\n\n/** A Select root: its trigger, value, and listbox are light DOM. */\nconst isSelect = (host: HelpTagHost): boolean =>\n  host.dataset.component === 'select';\n\n/** Whether the control's own popup is showing. */\nconst popupOpen = (host: HelpTagHost): boolean =>\n  isSelect(host)\n    ? host.hasAttribute('open')\n    : host\n        .querySelector(':scope > .kui-popup-menu__trigger')\n        ?.getAttribute('aria-expanded') === 'true';\n\n/** An element's text with whitespace collapsed (an element's is never null). */\nconst words = (node: Element): string =>\n  (node.textContent as string).replace(/\\s+/g, ' ').trim();\n\n/** The trimmed `aria-label` of a plain control. */\nconst ariaLabel = (control: Element): string =>\n  (control.getAttribute('aria-label') ?? '').replace(/\\s+/g, ' ').trim();\n\n/**\n * An icon-only toolbar button or link (inside a `ToolbarControlGroup`) or an\n * icon-only `Button`: named by `aria-label`, with no visible text, and without\n * a native `title` or a Web Awesome tooltip of its own that a second tag would\n * duplicate.\n */\nfunction isToolbarIconControl(target: HTMLElement): boolean {\n  if (!target.matches('button, a[href]')) return false;\n  if (!ariaLabel(target) || target.hasAttribute('title') || words(target))\n    return false;\n  if (\n    !target.closest('.kui-toolbar-control-group, .kui-button[data-icon-only]')\n  )\n    return false;\n  return !(\n    target.id &&\n    target.ownerDocument.querySelector(\n      `wa-tooltip[for=\"${CSS.escape(target.id)}\"]`,\n    )\n  );\n}\n\n/** The icon-only Kerf control on an event path, if any. */\nfunction helpTagHost(path: readonly EventTarget[]): HelpTagHost | null {\n  for (const target of path) {\n    if (!(target instanceof HTMLElement)) continue;\n    if (isToolbarIconControl(target)) return target;\n    const { component, selectedPresentation } = target.dataset;\n    if (\n      component === 'select' &&\n      target.localName === 'kui-select' &&\n      selectedPresentation === 'icon-only'\n    )\n      return target;\n    // A content trigger (a Badge) shows its own meaning, so it gets no tag.\n    if (\n      component === 'popup-menu' &&\n      target.dataset.trigger !== 'content' &&\n      target.querySelector(MENU_LABEL)\n    )\n      return target;\n  }\n  return null;\n}\n\n/** The visible trigger the tag describes and anchors to. */\nfunction anchorOf(host: HelpTagHost): Element | null {\n  if (isPlainControl(host)) return host;\n  return host.querySelector(\n    isSelect(host)\n      ? ':scope > .kui-select__trigger'\n      : ':scope > .kui-popup-menu__trigger',\n  );\n}\n\n/** The tag text: the same words as the trigger's accessible name. */\nfunction helpText(host: HelpTagHost): string {\n  if (isPlainControl(host)) return ariaLabel(host);\n  if (!isSelect(host)) return words(host.querySelector(MENU_LABEL)!);\n  // A Select's trigger name (a multiple icon trigger's already ends with the\n  // chosen labels), then a single choice's visually hidden value.\n  const trigger = anchorOf(host)!;\n  const name = ariaLabel(trigger);\n  const value = trigger.querySelector('.kui-select__value');\n  const choice = value ? words(value) : '';\n  return choice && choice !== name ? `${name}: ${choice}` : name;\n}\n\n/**\n * Install once at an explicit registration boundary. Idempotent per document.\n */\nexport function installHelpTags(\n  doc: Document = document,\n  { focusVisible = isFocusVisible }: HelpTagOptions = {},\n): void {\n  if (installed.has(doc)) return;\n  installed.add(doc);\n  adoptStyles(doc);\n  let hovered: HelpTagHost | null = null;\n  let focused: HelpTagHost | null = null;\n  // The trigger whose tag is open, and how to stop following it.\n  let shown: { host: HelpTagHost; stop: () => void } | null = null;\n  // A press, Escape, or an opened popup suppresses that trigger's tag.\n  let dismissed: HelpTagHost | null = null;\n  let timer: number | undefined;\n  let warmUntil = 0;\n  let layer: HTMLElement | null = null;\n  // The one tag element, reused for every trigger.\n  let tag: HTMLElement | null = null;\n\n  // The body-level home of the tag. Its fixed, zero-size box keeps it out of\n  // a grid or flex body's flow; a body morph that drops it is repaired on the\n  // next show.\n  const layerRoot = (): HTMLElement => {\n    if (!layer) {\n      layer = doc.createElement('div');\n      layer.className = 'kui-help-tag-layer';\n      layer.setAttribute('aria-hidden', 'true');\n      layer.setAttribute('data-morph-skip', '');\n      Object.assign(layer.style, {\n        position: 'fixed',\n        top: '0',\n        left: '0',\n        width: '0',\n        height: '0',\n      });\n    }\n    if (!layer.isConnected) doc.body.append(layer);\n    return layer;\n  };\n\n  const tagElement = (): HTMLElement => {\n    if (!tag) {\n      tag = doc.createElement('div');\n      tag.className = 'kui-help-tag';\n      tag.setAttribute('popover', 'manual');\n      tag.setAttribute('aria-hidden', 'true');\n    }\n    return tag;\n  };\n\n  const hide = (host: HelpTagHost) => {\n    if (shown?.host !== host) return;\n    shown.stop();\n    shown = null;\n    // A hidden tag leaves the layer. (Hiding a popover a morph already hid,\n    // by dropping the layer, is a no-op.)\n    const current = tagElement();\n    if (popoverSupported(current)) current.hidePopover();\n    current.remove();\n    warmUntil = Date.now() + HELP_TAG_WARM_WINDOW;\n  };\n\n  const show = (host: HelpTagHost) => {\n    window.clearTimeout(timer);\n    timer = undefined;\n    if (popupOpen(host) || dismissed === host || !host.isConnected) return;\n    const anchor = anchorOf(host);\n    const text = helpText(host);\n    if (!anchor || !text) return;\n    if (shown) hide(shown.host);\n    const current = tagElement();\n    layerRoot().append(current);\n    // The tag takes its trigger's light or dark scheme, which a subtree\n    // theme (`.wa-dark`) may set below the document root.\n    current.style.colorScheme = window.getComputedStyle(anchor).colorScheme;\n    current.textContent = text;\n    // Without the Popover API (a test DOM), the fixed tag still shows, just\n    // outside the top layer.\n    if (popoverSupported(current)) current.showPopover();\n    const stop = followAnchor(\n      anchor,\n      current,\n      () =>\n        void positionPopup(anchor, current, {\n          placement: 'bottom',\n          gap: HELP_TAG_GAP,\n          padding: HELP_TAG_VIEWPORT_MARGIN,\n        }),\n    );\n    shown = { host, stop };\n  };\n\n  /** The tagged host whose trigger (not its popup) is on the path. */\n  const triggerHost = (event: Event): HelpTagHost | null => {\n    const path = event.composedPath();\n    const host = helpTagHost(path);\n    if (!host) return null;\n    const anchor = anchorOf(host);\n    return anchor && path.includes(anchor) ? host : null;\n  };\n\n  // A pending hover belongs to the hovered trigger; a tag stays while either\n  // the pointer or keyboard focus is still on its trigger.\n  const leave = (host: HelpTagHost) => {\n    if (hovered !== host) {\n      window.clearTimeout(timer);\n      timer = undefined;\n    }\n    if (hovered !== host && focused !== host) hide(host);\n  };\n\n  // A press, Escape, or an opened popup dismisses a trigger's tag until the\n  // pointer moves onto something else while the popup is closed, or focus\n  // leaves the control.\n  const release = (host: HelpTagHost | null) => {\n    if (dismissed && dismissed !== host && !popupOpen(dismissed))\n      dismissed = null;\n  };\n\n  doc.addEventListener(\n    'pointerover',\n    (event) => {\n      if ((event as PointerEvent).pointerType === 'touch') return;\n      const host = triggerHost(event);\n      release(host);\n      if (host === hovered) return;\n      const previous = hovered;\n      hovered = host;\n      if (previous) leave(previous);\n      if (\n        !host ||\n        popupOpen(host) ||\n        dismissed === host ||\n        shown?.host === host\n      )\n        return;\n      window.clearTimeout(timer);\n      if (Date.now() < warmUntil) show(host);\n      else timer = window.setTimeout(() => show(host), HELP_TAG_SHOW_DELAY);\n    },\n    true,\n  );\n\n  doc.addEventListener(\n    'pointerout',\n    (event) => {\n      // Leaving the window: nothing new is hovered.\n      if ((event as PointerEvent).relatedTarget !== null || !hovered) return;\n      const previous = hovered;\n      hovered = null;\n      leave(previous);\n    },\n    true,\n  );\n\n  // A pending hover show for this host re-checks the dismissal and no-ops.\n  const dismiss = (host: HelpTagHost) => {\n    dismissed = host;\n    hide(host);\n  };\n\n  doc.addEventListener(\n    'pointerdown',\n    (event) => {\n      const host = helpTagHost(event.composedPath());\n      if (host) dismiss(host);\n    },\n    true,\n  );\n\n  doc.addEventListener(\n    'focusin',\n    (event) => {\n      // Only keyboard focus (`:focus-visible`) shows a tag; a click focuses\n      // the trigger without one.\n      const target = event.composedPath()[0];\n      const host =\n        target instanceof Element && focusVisible(target)\n          ? triggerHost(event)\n          : null;\n      if (host === focused) return;\n      const previous = focused;\n      focused = host;\n      if (previous) leave(previous);\n      if (host && dismissed !== host) show(host);\n    },\n    true,\n  );\n\n  doc.addEventListener(\n    'focusout',\n    (event) => {\n      const host = helpTagHost(event.composedPath());\n      // Focus moving within the control (into its popup and back) is handled\n      // by focusin; only focus leaving the control ends a dismissal.\n      const next = (event as FocusEvent).relatedTarget;\n      if (!host || (next instanceof Node && host.contains(next))) return;\n      if (dismissed === host) dismissed = null;\n      if (host !== focused) return;\n      focused = null;\n      leave(host);\n    },\n    true,\n  );\n\n  doc.addEventListener(\n    'keydown',\n    (event) => {\n      if (event.key === 'Escape' && shown) dismiss(shown.host);\n    },\n    true,\n  );\n\n  // Opening the popup (a native popover) hides the tag: the popup itself now\n  // shows the choices.\n  doc.addEventListener(\n    'beforetoggle',\n    (event) => {\n      const menu = event.target;\n      if (\n        (event as ToggleEvent).newState !== 'open' ||\n        !(menu instanceof HTMLElement) ||\n        !menu.matches(\n          '.kui-popup-menu > .kui-popup-menu__menu, kui-select > .kui-select__popup',\n        )\n      )\n        return;\n      const host = menu.parentElement as HelpTagHost;\n      if (helpTagHost([host]) === host) dismiss(host);\n    },\n    true,\n  );\n\n  // Keep a visible tag's text in step with the selection.\n  const refresh = (event: Event) => {\n    const host = helpTagHost(event.composedPath());\n    if (shown && host === shown.host) tagElement().textContent = helpText(host);\n  };\n  doc.addEventListener('change', refresh, true);\n  doc.addEventListener('input', refresh, true);\n}\n"]}

package/dist/chunk-36HVQ72F.js

@@ -0,0 +1,123 @@
+import { LucideIcon } from './chunk-HJXVVFBT.js';
+import { filterDataAttributes } from './chunk-KH4KEMSP.js';
+import { CircleX } from 'lucide';
+import { jsxs, jsx } from 'kerfjs/jsx-runtime';
+
+var TEXT_FIELD_PROTECTED = /* @__PURE__ */ new Set([
+  "data-component",
+  "data-size",
+  "data-invalid",
+  "data-multiline"
+]);
+function TextField({
+  label,
+  ariaLabel,
+  value,
+  name,
+  placeholder,
+  hint,
+  error,
+  size = "default",
+  icon,
+  clearable = false,
+  clearLabel = "Clear",
+  maxLength,
+  showCount = false,
+  type = "text",
+  min,
+  max,
+  step,
+  multiline = false,
+  rows = 3,
+  maxRows,
+  disabled = false,
+  readOnly = false,
+  required = false,
+  autofocus = false,
+  autocomplete,
+  id,
+  className = "",
+  rootAttributes = {},
+  slot
+}) {
+  const description = [hint, error].filter(Boolean).join(" ") || void 0;
+  const shared = {
+    id,
+    name,
+    // A clearable field always has a placeholder, so CSS can hide its clear
+    // button while the field is empty (`:placeholder-shown`); a blank one
+    // shows nothing.
+    placeholder: clearable && !multiline ? placeholder ?? " " : placeholder,
+    disabled,
+    readonly: readOnly,
+    required,
+    autofocus,
+    autocomplete,
+    maxlength: maxLength,
+    // The label element also wraps the clear button and the count, so the
+    // input takes its name explicitly rather than from the label's text.
+    "aria-label": label ?? ariaLabel,
+    "aria-description": description,
+    "aria-invalid": error ? "true" : void 0
+  };
+  const hintText = hint === void 0 ? null : /* @__PURE__ */ jsx("span", { class: "kui-text-field__hint", "aria-hidden": "true", children: hint });
+  const count = showCount && maxLength !== void 0 ? `${String((value ?? "").length)} / ${String(maxLength)}` : void 0;
+  const style = [
+    multiline ? `--_kui-text-field-rows:${String(rows)}` : "",
+    multiline && maxRows !== void 0 ? `--_kui-text-field-max-rows:${String(Math.max(rows, maxRows))}` : ""
+  ].filter(Boolean).join(";");
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      ...filterDataAttributes(rootAttributes, TEXT_FIELD_PROTECTED),
+      class: `kui-text-field ${className}`.trim(),
+      "data-component": "text-field",
+      "data-size": size,
+      "data-invalid": error ? "" : void 0,
+      "data-multiline": multiline ? maxRows === void 0 ? "" : "grow" : void 0,
+      style: style || void 0,
+      slot,
+      children: [
+        label === void 0 ? null : /* @__PURE__ */ jsxs("span", { class: "kui-text-field__label", "aria-hidden": "true", children: [
+          label,
+          required ? /* @__PURE__ */ jsx("span", { class: "kui-text-field__required", "aria-hidden": "true", children: "*" }) : null
+        ] }),
+        /* @__PURE__ */ jsxs("span", { class: "kui-text-field__box", children: [
+          icon === void 0 || multiline ? null : /* @__PURE__ */ jsx("span", { class: "kui-text-field__icon", "aria-hidden": "true", children: icon }),
+          multiline ? /* @__PURE__ */ jsx("textarea", { ...shared, class: "kui-text-field__input", rows, children: value ?? "" }) : /* @__PURE__ */ jsx(
+            "input",
+            {
+              ...shared,
+              class: "kui-text-field__input",
+              type,
+              value,
+              min: type === "number" ? min : void 0,
+              max: type === "number" ? max : void 0,
+              step: type === "number" ? step : void 0
+            }
+          ),
+          clearable && !multiline ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              class: "kui-text-field__clear",
+              "aria-label": clearLabel,
+              "data-text-field-clear": "",
+              disabled: disabled || readOnly,
+              children: /* @__PURE__ */ jsx(LucideIcon, { icon: CircleX, name: "circle-x" })
+            }
+          ) : null
+        ] }),
+        count === void 0 ? hintText : /* @__PURE__ */ jsxs("span", { class: "kui-text-field__footer", children: [
+          hintText,
+          /* @__PURE__ */ jsx("span", { class: "kui-text-field__count", "data-text-field-count": "", children: count })
+        ] }),
+        error === void 0 ? null : /* @__PURE__ */ jsx("span", { class: "kui-text-field__error", "aria-hidden": "true", children: error })
+      ]
+    }
+  );
+}
+
+export { TextField };
+
+//# sourceMappingURL=chunk-36HVQ72F.js.map

package/dist/chunk-36HVQ72F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/text-field/text-field.tsx"],"names":[],"mappings":"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","file":"chunk-36HVQ72F.js","sourcesContent":["import { CircleX } from 'lucide';\n\nimport type { KerfUiContent } from '../../../shared/content/semantic-content.js';\nimport { filterDataAttributes } from '../../../shared/dom/extension-attributes.js';\nimport { LucideIcon } from '../../media/lucide-icon/lucide-icon.js';\n\n/** `default` is the 44px control height; `compact` is 33px with smaller text. */\nexport type TextFieldSize = 'default' | 'compact';\n\n/** The kinds of single-line value a TextField takes. */\nexport type TextFieldType =\n  'text' | 'email' | 'password' | 'search' | 'url' | 'tel' | 'number' | 'date';\n\nconst TEXT_FIELD_PROTECTED = new Set([\n  'data-component',\n  'data-size',\n  'data-invalid',\n  'data-multiline',\n]);\n\n/** Application `data-*` metadata; the TextField's own markers stay protected. */\nexport type TextFieldRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined>\n>;\n\n/**\n * The field's accessible name: a visible `label`, or `ariaLabel` when the\n * surrounding content already names it.\n */\nexport type TextFieldName =\n  { label: string; ariaLabel?: never } | { label?: never; ariaLabel: string };\n\nexport type TextFieldProps = TextFieldName & TextFieldOptions;\n\nexport interface TextFieldOptions {\n  /** The controlled value. */\n  value?: string;\n  name?: string;\n  placeholder?: string;\n  /** Supporting text below the field, also its accessible description. */\n  hint?: string;\n  /**\n   * A validation message: shown below the field in the danger color, added\n   * to its description, and marking it `aria-invalid`.\n   */\n  error?: string;\n  size?: TextFieldSize;\n  /** A leading decorative icon, such as a `LucideIcon` (single-line only). */\n  icon?: KerfUiContent;\n  /**\n   * A clear button while the field has a value (single-line only). Needs\n   * `wireTextFields(root)`, which clears the field and announces `input`.\n   */\n  clearable?: boolean;\n  /** The clear button's accessible name (default `Clear`). */\n  clearLabel?: string;\n  /** The most characters the field accepts (native `maxlength`). */\n  maxLength?: number;\n  /**\n   * Show a live `count / maxLength` below the field. Needs `maxLength` and\n   * `wireTextFields(root)`, which updates it as people type.\n   */\n  showCount?: boolean;\n  /** Single-line value kind (default `text`); `date` uses the native picker. */\n  type?: TextFieldType;\n  /** Native lower bound for `type=\"number\"` (number or numeric string). */\n  min?: number | string;\n  /** Native upper bound for `type=\"number\"` (number or numeric string). */\n  max?: number | string;\n  /** Native number increment (number, numeric string, or `\"any\"`). */\n  step?: number | string;\n  /** A multi-line field: a `<textarea>`. */\n  multiline?: boolean;\n  /** A multi-line field's height in lines (default 3). */\n  rows?: number;\n  /**\n   * Grow a multi-line field with its content from `rows` up to this many\n   * lines, then scroll.\n   */\n  maxRows?: number;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  /** Request native focus on insertion or when the containing dialog opens. */\n  autofocus?: boolean;\n  autocomplete?: string;\n  /** The input's id, for an external label or form. */\n  id?: string;\n  className?: string;\n  /** Safe `data-*` metadata (a `data-key`). */\n  rootAttributes?: TextFieldRootAttributes;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/**\n * A text input with its label above, an optional leading icon and clear\n * button, and supporting or error text below, at the 44px control height or\n * compact. `multiline` makes it a textarea that can grow with its content.\n * The whole field is one `<label>`, so clicking anywhere on it focuses the\n * input; the input is named by `label` (or `ariaLabel`) directly.\n */\nexport function TextField({\n  label,\n  ariaLabel,\n  value,\n  name,\n  placeholder,\n  hint,\n  error,\n  size = 'default',\n  icon,\n  clearable = false,\n  clearLabel = 'Clear',\n  maxLength,\n  showCount = false,\n  type = 'text',\n  min,\n  max,\n  step,\n  multiline = false,\n  rows = 3,\n  maxRows,\n  disabled = false,\n  readOnly = false,\n  required = false,\n  autofocus = false,\n  autocomplete,\n  id,\n  className = '',\n  rootAttributes = {},\n  slot,\n}: TextFieldProps) {\n  const description = [hint, error].filter(Boolean).join(' ') || undefined;\n  const shared = {\n    id,\n    name,\n    // A clearable field always has a placeholder, so CSS can hide its clear\n    // button while the field is empty (`:placeholder-shown`); a blank one\n    // shows nothing.\n    placeholder: clearable && !multiline ? (placeholder ?? ' ') : placeholder,\n    disabled,\n    readonly: readOnly,\n    required,\n    autofocus,\n    autocomplete,\n    maxlength: maxLength,\n    // The label element also wraps the clear button and the count, so the\n    // input takes its name explicitly rather than from the label's text.\n    'aria-label': label ?? ariaLabel,\n    'aria-description': description,\n    'aria-invalid': error ? 'true' : undefined,\n  } as const;\n  const hintText =\n    hint === undefined ? null : (\n      <span class=\"kui-text-field__hint\" aria-hidden=\"true\">\n        {hint}\n      </span>\n    );\n  const count =\n    showCount && maxLength !== undefined\n      ? `${String((value ?? '').length)} / ${String(maxLength)}`\n      : undefined;\n  const style = [\n    multiline ? `--_kui-text-field-rows:${String(rows)}` : '',\n    multiline && maxRows !== undefined\n      ? `--_kui-text-field-max-rows:${String(Math.max(rows, maxRows))}`\n      : '',\n  ]\n    .filter(Boolean)\n    .join(';');\n  return (\n    <label\n      {...filterDataAttributes(rootAttributes, TEXT_FIELD_PROTECTED)}\n      class={`kui-text-field ${className}`.trim()}\n      data-component=\"text-field\"\n      data-size={size}\n      data-invalid={error ? '' : undefined}\n      data-multiline={\n        multiline ? (maxRows === undefined ? '' : 'grow') : undefined\n      }\n      style={style || undefined}\n      slot={slot}\n    >\n      {label === undefined ? null : (\n        <span class=\"kui-text-field__label\" aria-hidden=\"true\">\n          {label}\n          {required ? (\n            <span class=\"kui-text-field__required\" aria-hidden=\"true\">\n              *\n            </span>\n          ) : null}\n        </span>\n      )}\n      <span class=\"kui-text-field__box\">\n        {icon === undefined || multiline ? null : (\n          <span class=\"kui-text-field__icon\" aria-hidden=\"true\">\n            {icon}\n          </span>\n        )}\n        {multiline ? (\n          <textarea {...shared} class=\"kui-text-field__input\" rows={rows}>\n            {value ?? ''}\n          </textarea>\n        ) : (\n          <input\n            {...shared}\n            class=\"kui-text-field__input\"\n            type={type}\n            value={value}\n            min={type === 'number' ? min : undefined}\n            max={type === 'number' ? max : undefined}\n            step={type === 'number' ? step : undefined}\n          />\n        )}\n        {clearable && !multiline ? (\n          <button\n            type=\"button\"\n            class=\"kui-text-field__clear\"\n            aria-label={clearLabel}\n            data-text-field-clear=\"\"\n            disabled={disabled || readOnly}\n          >\n            <LucideIcon icon={CircleX} name=\"circle-x\" />\n          </button>\n        ) : null}\n      </span>\n      {count === undefined ? (\n        hintText\n      ) : (\n        <span class=\"kui-text-field__footer\">\n          {hintText}\n          <span class=\"kui-text-field__count\" data-text-field-count=\"\">\n            {count}\n          </span>\n        </span>\n      )}\n      {error === undefined ? null : (\n        <span class=\"kui-text-field__error\" aria-hidden=\"true\">\n          {error}\n        </span>\n      )}\n    </label>\n  );\n}\n"]}

package/dist/chunk-3GLYIIFR.js

@@ -0,0 +1,230 @@
+import { listIconTilePresentation, nativeDraggable, withWordBreaks } from './chunk-ZNROKDSZ.js';
+import { Skeleton } from './chunk-CVD5IZGB.js';
+import { LoadingSpinner } from './chunk-WVS6CUCT.js';
+import { remify, em } from './chunk-IQSRHXZR.js';
+import { filterDataAttributes } from './chunk-KH4KEMSP.js';
+import { jsx, jsxs, Fragment } from 'kerfjs/jsx-runtime';
+
+var PROTECTED_ROOT_DATA_ATTRIBUTES = /* @__PURE__ */ new Set([
+  "data-component",
+  "data-action",
+  "data-item-id",
+  "data-has-icon",
+  "data-has-description",
+  "data-multiline",
+  "data-density",
+  "data-divider",
+  "data-busy",
+  "data-state",
+  "data-kui-disabled",
+  "data-icon-align",
+  "data-icon-tile",
+  "data-icon-tile-tone",
+  "data-dragging",
+  "data-drop-position"
+]);
+function listItemContent({
+  label,
+  description,
+  icon,
+  tile,
+  trailing,
+  status,
+  busy = false,
+  multiline = false,
+  placeholder = false
+}) {
+  const tileSize = tile?.tile ? 32 : 18;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon && /* @__PURE__ */ jsx(
+      "span",
+      {
+        class: "kui-list-item__icon",
+        style: placeholder ? void 0 : tile?.style,
+        children: placeholder ? /* @__PURE__ */ jsx(
+          Skeleton,
+          {
+            block: true,
+            width: remify(tileSize),
+            height: remify(tileSize)
+          }
+        ) : icon
+      }
+    ),
+    /* @__PURE__ */ jsxs("span", { class: "kui-list-item__label", children: [
+      /* @__PURE__ */ jsx("span", { class: "kui-list-item__primary-label", children: placeholder ? /* @__PURE__ */ jsx(Skeleton, { width: em(9) }) : multiline ? withWordBreaks(label) : label }),
+      description && /* @__PURE__ */ jsx("span", { class: "kui-list-item__description", children: placeholder ? /* @__PURE__ */ jsx(Skeleton, { width: em(11) }) : description })
+    ] }),
+    (busy || status || trailing) && /* @__PURE__ */ jsxs("span", { class: "kui-list-item__trailing", children: [
+      busy && /* @__PURE__ */ jsx(LoadingSpinner, {}),
+      status && /* @__PURE__ */ jsx("span", { class: "kui-list-item__status", children: placeholder ? /* @__PURE__ */ jsx(Skeleton, { width: em(3.5) }) : status }),
+      trailing && (placeholder ? /* @__PURE__ */ jsx(Skeleton, { width: em(1.5) }) : trailing)
+    ] })
+  ] });
+}
+function ListItem({
+  label,
+  description,
+  icon,
+  iconTile,
+  trailing,
+  status,
+  busy = false,
+  density = "standard",
+  divider = "none",
+  selected = false,
+  action,
+  itemId,
+  className = "",
+  pressed,
+  accessibleLabel,
+  title,
+  multiline = false,
+  multilineIconAlign = "first-line",
+  state,
+  disabled = false,
+  tabIndex,
+  placeholder = false,
+  draggable,
+  dragging = false,
+  dropPosition,
+  rootAttributes = {},
+  slot
+}) {
+  const extensionAttributes = filterDataAttributes(
+    rootAttributes,
+    PROTECTED_ROOT_DATA_ATTRIBUTES
+  );
+  const tile = icon ? listIconTilePresentation(iconTile, "list-item") : null;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ...extensionAttributes,
+      type: "button",
+      class: `kui-list-item ${className}`.trim(),
+      title: placeholder ? void 0 : title,
+      disabled: disabled || placeholder,
+      tabindex: placeholder ? -1 : tabIndex,
+      "data-component": "list-item",
+      "data-action": placeholder ? void 0 : action,
+      "data-item-id": itemId,
+      "data-has-icon": String(Boolean(icon)),
+      "data-has-description": String(Boolean(description)),
+      "data-multiline": multiline ? "true" : void 0,
+      "data-icon-align": multiline ? multilineIconAlign : void 0,
+      "data-icon-tile": tile?.tile,
+      "data-icon-tile-tone": tile?.tone,
+      "data-density": density,
+      "data-divider": divider,
+      "data-busy": busy ? "true" : void 0,
+      "data-state": state,
+      "data-kui-disabled": disabled ? "true" : void 0,
+      "data-placeholder": placeholder ? "true" : void 0,
+      draggable: nativeDraggable(draggable, placeholder),
+      "data-dragging": dragging ? "true" : void 0,
+      "data-drop-position": dropPosition,
+      "aria-label": accessibleLabel,
+      "aria-current": selected ? "page" : void 0,
+      "aria-pressed": pressed === void 0 ? void 0 : String(pressed),
+      "aria-busy": placeholder || busy ? "true" : void 0,
+      slot,
+      children: listItemContent({
+        label,
+        description,
+        icon,
+        tile,
+        trailing,
+        status,
+        busy,
+        multiline,
+        placeholder
+      })
+    }
+  );
+}
+function ListItemLink({
+  href,
+  external = false,
+  label,
+  description,
+  icon,
+  iconTile,
+  trailing,
+  status,
+  busy = false,
+  density = "standard",
+  divider = "none",
+  selected = false,
+  itemId,
+  className = "",
+  accessibleLabel,
+  title,
+  multiline = false,
+  multilineIconAlign = "first-line",
+  state,
+  disabled = false,
+  tabIndex,
+  placeholder = false,
+  draggable,
+  dragging = false,
+  dropPosition,
+  rootAttributes = {},
+  slot
+}) {
+  const extensionAttributes = filterDataAttributes(
+    rootAttributes,
+    PROTECTED_ROOT_DATA_ATTRIBUTES
+  );
+  const tile = icon ? listIconTilePresentation(iconTile, "list-item") : null;
+  const inactive = disabled || placeholder;
+  const linkLabel = accessibleLabel ?? (external && typeof label === "string" ? `${label} (opens in new tab)` : void 0);
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      ...extensionAttributes,
+      class: `kui-list-item ${className}`.trim(),
+      href: inactive ? void 0 : href,
+      target: inactive || !external ? void 0 : "_blank",
+      rel: inactive || !external ? void 0 : "noopener noreferrer",
+      title: placeholder ? void 0 : title,
+      tabindex: inactive ? -1 : tabIndex,
+      "data-component": "list-item-link",
+      "data-item-id": itemId,
+      "data-has-icon": String(Boolean(icon)),
+      "data-has-description": String(Boolean(description)),
+      "data-multiline": multiline ? "true" : void 0,
+      "data-icon-align": multiline ? multilineIconAlign : void 0,
+      "data-icon-tile": tile?.tile,
+      "data-icon-tile-tone": tile?.tone,
+      "data-density": density,
+      "data-divider": divider,
+      "data-busy": busy ? "true" : void 0,
+      "data-state": state,
+      "data-kui-disabled": disabled ? "true" : void 0,
+      "data-placeholder": placeholder ? "true" : void 0,
+      draggable: nativeDraggable(draggable, placeholder),
+      "data-dragging": dragging ? "true" : void 0,
+      "data-drop-position": dropPosition,
+      "aria-label": linkLabel,
+      "aria-current": selected ? "page" : void 0,
+      "aria-disabled": inactive ? "true" : void 0,
+      "aria-busy": placeholder || busy ? "true" : void 0,
+      slot,
+      children: listItemContent({
+        label,
+        description,
+        icon,
+        tile,
+        trailing,
+        status,
+        busy,
+        multiline,
+        placeholder
+      })
+    }
+  );
+}
+
+export { ListItem, ListItemLink };
+
+//# sourceMappingURL=chunk-3GLYIIFR.js.map

package/dist/chunk-3GLYIIFR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/collections/list-item/list-item.tsx"],"names":[],"mappings":"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","file":"chunk-3GLYIIFR.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nimport {\n  type ListIconTile,\n  type ListIconTilePresentation,\n  listIconTilePresentation,\n} from '../../../shared/content/list-icon-tile.js';\nimport type { KerfUiContent } from '../../../shared/content/semantic-content.js';\nimport { nativeDraggable } from '../../../shared/dom/draggable.js';\nimport { filterDataAttributes } from '../../../shared/dom/extension-attributes.js';\nimport { em, remify } from '../../../shared/styles/css-values.js';\nimport { withWordBreaks } from '../../../shared/text/word-breaks.js';\nimport { LoadingSpinner } from '../../feedback/loading-spinner/loading-spinner.js';\nimport { Skeleton } from '../../feedback/skeleton/skeleton.js';\n\nexport type {\n  ListIconTile,\n  ListIconTileColor,\n  ListIconTileTone,\n} from '../../../shared/content/list-icon-tile.js';\n\nconst PROTECTED_ROOT_DATA_ATTRIBUTES = new Set([\n  'data-component',\n  'data-action',\n  'data-item-id',\n  'data-has-icon',\n  'data-has-description',\n  'data-multiline',\n  'data-density',\n  'data-divider',\n  'data-busy',\n  'data-state',\n  'data-kui-disabled',\n  'data-icon-align',\n  'data-icon-tile',\n  'data-icon-tile-tone',\n  'data-dragging',\n  'data-drop-position',\n]);\n\ntype ListItemRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined> & {\n    'data-component'?: never;\n    'data-action'?: never;\n    'data-item-id'?: never;\n    'data-has-icon'?: never;\n    'data-has-description'?: never;\n    'data-multiline'?: never;\n    'data-density'?: never;\n    'data-divider'?: never;\n    'data-busy'?: never;\n    'data-state'?: never;\n    'data-kui-disabled'?: never;\n    'data-icon-align'?: never;\n    'data-icon-tile'?: never;\n    'data-icon-tile-tone'?: never;\n    'data-dragging'?: never;\n    'data-drop-position'?: never;\n  }\n>;\n\nexport interface ListItemProps {\n  label: string | SafeHtml;\n  /** App-owned supporting text rendered in the component's stable label stack. */\n  description?: string | SafeHtml;\n  icon?: SafeHtml;\n  /** Present `icon` in a filled 32px rounded tile with an 18px glyph: a quiet tone preset, or `{ color, foreground? }` for an application color. */\n  iconTile?: ListIconTile;\n  /** Dormant author content at the row's end; a placeholder renders it as a skeleton. */\n  trailing?: KerfUiContent;\n  /** Dormant status metadata rendered before trailing content; a placeholder renders it as a skeleton. */\n  status?: string | SafeHtml;\n  /** Show a progress indicator and expose the row as busy without replacing its content; a placeholder keeps the indicator. */\n  busy?: boolean;\n  density?: 'standard' | 'compact' | 'spacious';\n  divider?: 'none' | 'before' | 'after' | 'both';\n  selected?: boolean;\n  action: string;\n  itemId?: string;\n  className?: string;\n  pressed?: boolean;\n  accessibleLabel?: string;\n  title?: string;\n  multiline?: boolean;\n  /** Alignment of an icon beside a wrapped label. Defaults to its first line. */\n  multilineIconAlign?: 'first-line' | 'center';\n  state?: string;\n  disabled?: boolean;\n  tabIndex?: number;\n  /** Render the row as an unanimated loading skeleton, disabling its action: label, description, icon, status, and trailing content become skeletons; the `busy` indicator stays live. */\n  placeholder?: boolean;\n  /** Native HTML drag source (`draggable=\"true\"`); a placeholder is never draggable. Pair with `wireListReorder` for pointer and keyboard reordering. */\n  draggable?: boolean;\n  /** Dim this row as one of the rows being dragged. */\n  dragging?: boolean;\n  /** Draw the insertion line at this row's leading (`before`) or trailing (`after`) block edge. */\n  dropPosition?: 'before' | 'after';\n  rootAttributes?: ListItemRootAttributes;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\nexport interface ListItemLinkProps extends Omit<\n  ListItemProps,\n  'action' | 'pressed'\n> {\n  /** Native destination for this navigation row. */\n  href: string;\n  /** Open in a new tab with a safe rel and announce that behavior. */\n  external?: boolean;\n  action?: never;\n  pressed?: never;\n}\n\nfunction listItemContent({\n  label,\n  description,\n  icon,\n  tile,\n  trailing,\n  status,\n  busy = false,\n  multiline = false,\n  placeholder = false,\n}: Pick<\n  ListItemProps,\n  | 'label'\n  | 'description'\n  | 'icon'\n  | 'trailing'\n  | 'status'\n  | 'busy'\n  | 'multiline'\n  | 'placeholder'\n> & { tile: ListIconTilePresentation | null }) {\n  const tileSize = tile?.tile ? 32 : 18;\n  return (\n    <>\n      {icon && (\n        <span\n          class=\"kui-list-item__icon\"\n          style={placeholder ? undefined : tile?.style}\n        >\n          {placeholder ? (\n            <Skeleton\n              block\n              width={remify(tileSize)}\n              height={remify(tileSize)}\n            />\n          ) : (\n            icon\n          )}\n        </span>\n      )}\n      <span class=\"kui-list-item__label\">\n        <span class=\"kui-list-item__primary-label\">\n          {placeholder ? (\n            <Skeleton width={em(9)} />\n          ) : multiline ? (\n            withWordBreaks(label)\n          ) : (\n            label\n          )}\n        </span>\n        {description && (\n          <span class=\"kui-list-item__description\">\n            {placeholder ? <Skeleton width={em(11)} /> : description}\n          </span>\n        )}\n      </span>\n      {(busy || status || trailing) && (\n        <span class=\"kui-list-item__trailing\">\n          {/* The busy spinner is component-owned chrome drawn from a known\n              prop, so a placeholder keeps it live. Status text and\n              author-supplied trailing content are values: skeletons. */}\n          {busy && <LoadingSpinner />}\n          {status && (\n            <span class=\"kui-list-item__status\">\n              {placeholder ? <Skeleton width={em(3.5)} /> : status}\n            </span>\n          )}\n          {trailing && (placeholder ? <Skeleton width={em(1.5)} /> : trailing)}\n        </span>\n      )}\n    </>\n  );\n}\n\nexport function ListItem({\n  label,\n  description,\n  icon,\n  iconTile,\n  trailing,\n  status,\n  busy = false,\n  density = 'standard',\n  divider = 'none',\n  selected = false,\n  action,\n  itemId,\n  className = '',\n  pressed,\n  accessibleLabel,\n  title,\n  multiline = false,\n  multilineIconAlign = 'first-line',\n  state,\n  disabled = false,\n  tabIndex,\n  placeholder = false,\n  draggable,\n  dragging = false,\n  dropPosition,\n  rootAttributes = {},\n  slot,\n}: ListItemProps) {\n  const extensionAttributes = filterDataAttributes(\n    rootAttributes,\n    PROTECTED_ROOT_DATA_ATTRIBUTES,\n  );\n  const tile = icon ? listIconTilePresentation(iconTile, 'list-item') : null;\n  return (\n    <button\n      {...extensionAttributes}\n      type=\"button\"\n      class={`kui-list-item ${className}`.trim()}\n      title={placeholder ? undefined : title}\n      disabled={disabled || placeholder}\n      tabindex={placeholder ? -1 : tabIndex}\n      data-component=\"list-item\"\n      data-action={placeholder ? undefined : action}\n      data-item-id={itemId}\n      data-has-icon={String(Boolean(icon))}\n      data-has-description={String(Boolean(description))}\n      data-multiline={multiline ? 'true' : undefined}\n      data-icon-align={multiline ? multilineIconAlign : undefined}\n      data-icon-tile={tile?.tile}\n      data-icon-tile-tone={tile?.tone}\n      data-density={density}\n      data-divider={divider}\n      data-busy={busy ? 'true' : undefined}\n      data-state={state}\n      data-kui-disabled={disabled ? 'true' : undefined}\n      data-placeholder={placeholder ? 'true' : undefined}\n      draggable={nativeDraggable(draggable, placeholder)}\n      data-dragging={dragging ? 'true' : undefined}\n      data-drop-position={dropPosition}\n      aria-label={accessibleLabel}\n      aria-current={selected ? 'page' : undefined}\n      aria-pressed={pressed === undefined ? undefined : String(pressed)}\n      aria-busy={placeholder || busy ? 'true' : undefined}\n      slot={slot}\n    >\n      {listItemContent({\n        label,\n        description,\n        icon,\n        tile,\n        trailing,\n        status,\n        busy,\n        multiline,\n        placeholder,\n      })}\n    </button>\n  );\n}\n\n/** A navigation row with native link activation and ListItem geometry. */\nexport function ListItemLink({\n  href,\n  external = false,\n  label,\n  description,\n  icon,\n  iconTile,\n  trailing,\n  status,\n  busy = false,\n  density = 'standard',\n  divider = 'none',\n  selected = false,\n  itemId,\n  className = '',\n  accessibleLabel,\n  title,\n  multiline = false,\n  multilineIconAlign = 'first-line',\n  state,\n  disabled = false,\n  tabIndex,\n  placeholder = false,\n  draggable,\n  dragging = false,\n  dropPosition,\n  rootAttributes = {},\n  slot,\n}: ListItemLinkProps) {\n  const extensionAttributes = filterDataAttributes(\n    rootAttributes,\n    PROTECTED_ROOT_DATA_ATTRIBUTES,\n  );\n  const tile = icon ? listIconTilePresentation(iconTile, 'list-item') : null;\n  const inactive = disabled || placeholder;\n  const linkLabel =\n    accessibleLabel ??\n    (external && typeof label === 'string'\n      ? `${label} (opens in new tab)`\n      : undefined);\n  return (\n    <a\n      {...extensionAttributes}\n      class={`kui-list-item ${className}`.trim()}\n      href={inactive ? undefined : href}\n      target={inactive || !external ? undefined : '_blank'}\n      rel={inactive || !external ? undefined : 'noopener noreferrer'}\n      title={placeholder ? undefined : title}\n      tabindex={inactive ? -1 : tabIndex}\n      data-component=\"list-item-link\"\n      data-item-id={itemId}\n      data-has-icon={String(Boolean(icon))}\n      data-has-description={String(Boolean(description))}\n      data-multiline={multiline ? 'true' : undefined}\n      data-icon-align={multiline ? multilineIconAlign : undefined}\n      data-icon-tile={tile?.tile}\n      data-icon-tile-tone={tile?.tone}\n      data-density={density}\n      data-divider={divider}\n      data-busy={busy ? 'true' : undefined}\n      data-state={state}\n      data-kui-disabled={disabled ? 'true' : undefined}\n      data-placeholder={placeholder ? 'true' : undefined}\n      draggable={nativeDraggable(draggable, placeholder)}\n      data-dragging={dragging ? 'true' : undefined}\n      data-drop-position={dropPosition}\n      aria-label={linkLabel}\n      aria-current={selected ? 'page' : undefined}\n      aria-disabled={inactive ? 'true' : undefined}\n      aria-busy={placeholder || busy ? 'true' : undefined}\n      slot={slot}\n    >\n      {listItemContent({\n        label,\n        description,\n        icon,\n        tile,\n        trailing,\n        status,\n        busy,\n        multiline,\n        placeholder,\n      })}\n    </a>\n  );\n}\n"]}

package/dist/chunk-3VZ6SFD4.js

@@ -0,0 +1,8 @@
+// src/components/actions/popup-menu/internal/popup-menu-events.ts
+var POPUP_MENU_OPEN_EVENT = "kui-popup-menu-open-request";
+var POPUP_MENU_CLOSE_EVENT = "kui-popup-menu-close-request";
+var POPUP_MENU_SELECT_EVENT = "kui-menu-select";
+
+export { POPUP_MENU_CLOSE_EVENT, POPUP_MENU_OPEN_EVENT, POPUP_MENU_SELECT_EVENT };
+
+//# sourceMappingURL=chunk-3VZ6SFD4.js.map

package/dist/chunk-3VZ6SFD4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/actions/popup-menu/internal/popup-menu-events.ts"],"names":[],"mappings":";AAOO,IAAM,qBAAA,GAAwB;AAC9B,IAAM,sBAAA,GAAyB;AAQ/B,IAAM,uBAAA,GAA0B","file":"chunk-3VZ6SFD4.js","sourcesContent":["/**\n * The requests `openPopupMenu`, `openPopupMenuAt`, and `closePopupMenu` send\n * to a PopupMenu root. The component module stays free of behavior code; the\n * `/register` entry's document listener carries them out.\n */\nimport type { PopupMenuPlacement } from '../popup-menu.js';\n\nexport const POPUP_MENU_OPEN_EVENT = 'kui-popup-menu-open-request';\nexport const POPUP_MENU_CLOSE_EVENT = 'kui-popup-menu-close-request';\n\n/**\n * The choice event a PopupMenu root dispatches before it closes: bubbling and\n * cancelable (canceling keeps the menu open). `detail.item` is the chosen\n * item element, `detail.value` its `value`, and `detail.checked` the state a\n * checkbox choice asks for; the application owns that state and renders it.\n */\nexport const POPUP_MENU_SELECT_EVENT = 'kui-menu-select';\n\nexport interface PopupMenuOpenDetail {\n  /** Open from this viewport point for this opening only. */\n  point?: { x: number; y: number };\n  /**\n   * The placement at `point` for this opening only. Omitted, a\n   * button-triggered menu opens `bottom-start` and a context menu at its\n   * `placement` prop.\n   */\n  placement?: PopupMenuPlacement;\n}\n\nexport interface PopupMenuSelectDetail {\n  item: HTMLElement;\n  value: string | undefined;\n  checked: boolean | undefined;\n}\n"]}

package/dist/chunk-3WYREXW4.js

@@ -0,0 +1,120 @@
+import { popover } from 'kerfjs/overlay';
+
+// src/components/feedback/anchored-surface/anchored-surface.tsx
+function usedColorScheme(element) {
+  const keywords = window.getComputedStyle(element).colorScheme.split(/\s+/);
+  const light = keywords.includes("light");
+  const dark = keywords.includes("dark");
+  if (light && dark)
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  return dark ? "dark" : "light";
+}
+function inverseScheme(element) {
+  return usedColorScheme(element) === "dark" ? "light" : "dark";
+}
+function composedParent(node) {
+  const root = node.getRootNode();
+  return node.parentElement ?? (root instanceof ShadowRoot ? root.host : null);
+}
+function followScheme(surface, source, initial, closed) {
+  let current = initial;
+  const sync = () => {
+    if (!source.isConnected) return;
+    const next = inverseScheme(source);
+    if (next === current) return;
+    surface.classList.replace(
+      `kui-anchored-surface--scheme-${current}`,
+      `kui-anchored-surface--scheme-${next}`
+    );
+    current = next;
+  };
+  const media = window.matchMedia("(prefers-color-scheme: dark)");
+  media.addEventListener?.("change", sync);
+  const observer = new MutationObserver(sync);
+  for (let node = source; node; node = composedParent(node))
+    observer.observe(node, { attributes: true });
+  void closed.then(() => {
+    media.removeEventListener?.("change", sync);
+    observer.disconnect();
+  });
+}
+function modalScope(context) {
+  let child;
+  for (let node = context ?? null; node !== null; ) {
+    if (node.localName === "dialog") return node;
+    if (child?.assignedSlot?.closest("dialog")) return node;
+    child = node;
+    const root = node.getRootNode();
+    node = node.parentElement ?? (root instanceof ShadowRoot ? root.host : null);
+  }
+  return document.body;
+}
+function openAnchoredSurface(anchor, content, options) {
+  return openWithSchemeSource(anchor, content, options, anchor);
+}
+function openWithSchemeSource(anchor, content, options, schemeSource) {
+  const {
+    label,
+    initialFocus = true,
+    dismiss = ["escape", "outside"],
+    viewportMargin = 8,
+    tone = "default",
+    ...rest
+  } = options;
+  if (!label.trim())
+    throw new TypeError("openAnchoredSurface() requires a nonempty label");
+  if (anchor instanceof HTMLElement && anchor.tabIndex >= 0) anchor.focus();
+  const scheme = tone === "dark" ? inverseScheme(schemeSource) : void 0;
+  const handle = popover(anchor, content, {
+    ...rest,
+    className: `kui-anchored-surface${scheme ? ` kui-anchored-surface--scheme-${scheme}` : ""}`,
+    native: true,
+    initialFocus,
+    dismiss,
+    viewportMargin,
+    // The surface scrolls: fit it to the room beside the anchor, on the
+    // roomier side when neither fits, refreshed on every reposition.
+    fitHeight: true
+  });
+  handle.el.setAttribute("role", "dialog");
+  handle.el.setAttribute("aria-label", label);
+  handle.el.dataset.component = "anchored-surface";
+  if (scheme) {
+    handle.el.dataset.tone = "dark";
+    followScheme(handle.el, schemeSource, scheme, handle.result);
+  }
+  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);
+  modalScope(context).append(anchor);
+  try {
+    const handle = openWithSchemeSource(
+      anchor,
+      content,
+      options,
+      context?.isConnected ? context : anchor
+    );
+    void handle.result.then(() => anchor.remove());
+    return handle;
+  } catch (error) {
+    anchor.remove();
+    throw error;
+  }
+}
+
+export { openAnchoredSurface, openAnchoredSurfaceAt };
+
+//# sourceMappingURL=chunk-3WYREXW4.js.map