@kerfjs/ui 5.0.0-beta.103 → 5.0.0-beta.105

package/dist/chunk-ATGAJVZ6.js

@@ -0,0 +1,268 @@
+import { wireSheetHandle, syncSheetHandleValues } from './chunk-QPTJ5DOO.js';
+
+// src/components/surfaces/surface-scaffold/internal/dialog-surface-controller.ts
+var SURFACE = "dialog.kui-dialog-surface";
+var DIALOG_MOTION_ATTRIBUTE = "data-kui-dialog-motion";
+var HEADER_BLOCK_SIZE_PROPERTY = "--_kui-dialog-surface-header-block-size";
+var FOOTER_BLOCK_SIZE_PROPERTY = "--_kui-dialog-surface-footer-block-size";
+var HEADER_DIVIDER_PROPERTY = "--_kui-dialog-surface-header-divider";
+var SHEET_HEIGHT_PROPERTY = "--_kui-dialog-surface-sheet-height";
+var KEYBOARD_INSET_PROPERTY = "--_kui-dialog-surface-keyboard-inset";
+var DIVIDER_SHOWN = "var(--_kui-dialog-surface-header-divider-color)";
+var SCROLL_THRESHOLD = 1;
+var states = /* @__PURE__ */ new WeakMap();
+var installed = /* @__PURE__ */ new WeakSet();
+var isSurface = (target) => target instanceof Element && target.matches(SURFACE);
+function keyboardInset(viewport, layoutHeight) {
+  if (viewport.scale > 1.01) return 0;
+  const inset = Math.round(layoutHeight - viewport.height - viewport.offsetTop);
+  return inset > 0 ? inset : 0;
+}
+function motionDuration(dialog) {
+  const style = globalThis.getComputedStyle(dialog);
+  if (!style.animationName || style.animationName === "none") return 0;
+  return Math.max(
+    0,
+    ...style.animationDuration.split(",").map((part) => {
+      const value = parseFloat(part);
+      return part.trim().endsWith("ms") ? value : value * 1e3;
+    })
+  );
+}
+function runMotion(dialog, motion, done) {
+  const state = states.get(dialog);
+  if (state) globalThis.clearTimeout(state.motionTimer);
+  dialog.setAttribute(DIALOG_MOTION_ATTRIBUTE, motion);
+  const finish = () => {
+    done?.();
+    if (dialog.getAttribute(DIALOG_MOTION_ATTRIBUTE) === motion)
+      dialog.removeAttribute(DIALOG_MOTION_ATTRIBUTE);
+  };
+  const duration = motionDuration(dialog);
+  if (duration === 0 || !state) finish();
+  else state.motionTimer = globalThis.setTimeout(finish, duration);
+}
+function own(dialog, property, value) {
+  const owned = states.get(dialog)?.owned;
+  if (value === null) {
+    owned?.delete(property);
+    dialog.style.removeProperty(property);
+    return;
+  }
+  owned?.set(property, value);
+  if (dialog.style.getPropertyValue(property) !== value)
+    dialog.style.setProperty(property, value);
+}
+function follow(dialog, state) {
+  const sheet = dialog.getAttribute("data-presentation") === "bottom-sheet";
+  const blockSizes = /* @__PURE__ */ new WeakMap();
+  const sizes = new ResizeObserver((entries) => {
+    for (const entry of entries) {
+      const box = entry.borderBoxSize?.[0];
+      if (box) blockSizes.set(entry.target, box.blockSize);
+    }
+    measure();
+  });
+  const blockSize = (element) => `${blockSizes.get(element) ?? element.offsetHeight}px`;
+  let header = null;
+  let footer = null;
+  let handle = null;
+  let unwireHandle;
+  const measure = () => {
+    own(dialog, HEADER_BLOCK_SIZE_PROPERTY, header ? blockSize(header) : null);
+    own(dialog, FOOTER_BLOCK_SIZE_PROPERTY, footer ? blockSize(footer) : null);
+  };
+  const track = () => {
+    const nextHeader = dialog.querySelector(
+      ":scope > .kui-dialog-surface__header"
+    );
+    const nextFooter = dialog.querySelector(
+      ":scope > .kui-dialog-surface__footer"
+    );
+    if (nextHeader !== header || nextFooter !== footer) {
+      sizes.disconnect();
+      header = nextHeader;
+      footer = nextFooter;
+      for (const element of [header, footer])
+        if (element) sizes.observe(element);
+      measure();
+    }
+    const nextHandle = dialog.querySelector(
+      ":scope > .kui-dialog-surface__sheet-handle"
+    );
+    if (nextHandle !== handle) {
+      unwireHandle?.();
+      unwireHandle = void 0;
+      handle = nextHandle;
+      if (handle) {
+        unwireHandle = wireSheetHandle(handle, {
+          panel: dialog,
+          host: dialog,
+          property: SHEET_HEIGHT_PROPERTY,
+          enabled: () => true,
+          publish: (value) => own(dialog, SHEET_HEIGHT_PROPERTY, value)
+        });
+        syncSheetHandleValues(handle, dialog);
+      }
+    }
+  };
+  track();
+  const restore = new MutationObserver(() => {
+    for (const [property, value] of state.owned)
+      if (dialog.style.getPropertyValue(property) !== value)
+        dialog.style.setProperty(property, value);
+    track();
+  });
+  restore.observe(dialog, {
+    attributes: true,
+    attributeFilter: ["style"],
+    childList: true
+  });
+  const scrolled = /* @__PURE__ */ new Set();
+  const onScroll = (event) => {
+    const scroller = event.target;
+    const floating = dialog.getAttribute("data-header-presentation") === "floating";
+    if (floating && header && scroller.scrollTop > SCROLL_THRESHOLD && scroller.getBoundingClientRect().top <= header.getBoundingClientRect().bottom)
+      scrolled.add(scroller);
+    else scrolled.delete(scroller);
+    for (const element of scrolled)
+      if (!element.isConnected) scrolled.delete(element);
+    own(
+      dialog,
+      HEADER_DIVIDER_PROPERTY,
+      scrolled.size > 0 ? DIVIDER_SHOWN : null
+    );
+  };
+  dialog.addEventListener("scroll", onScroll, { capture: true, passive: true });
+  state.stop.push(() => {
+    sizes.disconnect();
+    restore.disconnect();
+    unwireHandle?.();
+    dialog.removeEventListener("scroll", onScroll, { capture: true });
+  });
+  const viewport = dialog.ownerDocument.defaultView?.visualViewport;
+  if (sheet && viewport) {
+    const publish = () => {
+      const inset = keyboardInset(viewport, globalThis.innerHeight);
+      own(dialog, KEYBOARD_INSET_PROPERTY, inset > 0 ? `${inset}px` : null);
+    };
+    viewport.addEventListener("resize", publish);
+    viewport.addEventListener("scroll", publish);
+    state.stop.push(() => {
+      viewport.removeEventListener("resize", publish);
+      viewport.removeEventListener("scroll", publish);
+    });
+    publish();
+  }
+}
+function settle(dialog) {
+  const state = states.get(dialog);
+  if (!state) return;
+  states.delete(dialog);
+  globalThis.clearTimeout(state.motionTimer);
+  for (const stop of state.stop) stop();
+  for (const property of state.owned.keys())
+    dialog.style.removeProperty(property);
+  dialog.removeAttribute(DIALOG_MOTION_ATTRIBUTE);
+}
+function openDialog(dialog) {
+  installDialogSurfaces(dialog.ownerDocument);
+  const closing = states.get(dialog);
+  if (closing?.closing) {
+    closing.closing = false;
+    runMotion(dialog, "enter");
+    return;
+  }
+  if (dialog.open) return;
+  dialog.showModal();
+  const state = {
+    owned: /* @__PURE__ */ new Map(),
+    stop: [],
+    motionTimer: void 0,
+    closing: false
+  };
+  states.set(dialog, state);
+  if (!dialog.querySelector("[autofocus]"))
+    dialog.focus({ preventScroll: true });
+  follow(dialog, state);
+  runMotion(dialog, "enter");
+}
+function closeDialog(dialog) {
+  const state = states.get(dialog);
+  if (!dialog.open) return;
+  if (!state) {
+    dialog.close();
+    return;
+  }
+  if (state.closing) return;
+  state.closing = true;
+  runMotion(dialog, "exit", () => dialog.close());
+}
+function requestClose(dialog, source) {
+  const allowed = dialog.dispatchEvent(
+    new CustomEvent("kui-request-close", {
+      bubbles: true,
+      cancelable: true,
+      detail: { source }
+    })
+  );
+  if (allowed) closeDialog(dialog);
+  else runMotion(dialog, "pulse");
+}
+var outside = (dialog, event) => {
+  const box = dialog.getBoundingClientRect();
+  return event.clientX < box.left || event.clientX > box.right || event.clientY < box.top || event.clientY > box.bottom;
+};
+function installDialogSurfaces(doc = document) {
+  if (installed.has(doc)) return;
+  installed.add(doc);
+  let pressedOutside = null;
+  doc.addEventListener(
+    "pointerdown",
+    (event) => {
+      pressedOutside = isSurface(event.target) && outside(event.target, event) ? event.target : null;
+    },
+    true
+  );
+  doc.addEventListener(
+    "click",
+    (event) => {
+      const target = event.target;
+      const dialog = target.closest?.(SURFACE);
+      if (!dialog?.open) return;
+      if (target === dialog) {
+        if (pressedOutside !== dialog || !outside(dialog, event)) return;
+        if (dialog.hasAttribute("data-light-dismiss"))
+          requestClose(dialog, "backdrop");
+        else runMotion(dialog, "pulse");
+        return;
+      }
+      const closer = target.closest("[data-dialog-close]");
+      if (closer && closer.closest(SURFACE) === dialog) {
+        event.preventDefault();
+        requestClose(dialog, "close-button");
+      }
+    },
+    true
+  );
+  doc.addEventListener(
+    "cancel",
+    (event) => {
+      if (!isSurface(event.target)) return;
+      event.preventDefault();
+      requestClose(event.target, "escape");
+    },
+    true
+  );
+  doc.addEventListener(
+    "close",
+    (event) => {
+      if (isSurface(event.target)) settle(event.target);
+    },
+    true
+  );
+}
+
+export { closeDialog, installDialogSurfaces, openDialog };
+
+//# sourceMappingURL=chunk-ATGAJVZ6.js.map

package/dist/chunk-ATGAJVZ6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/surfaces/surface-scaffold/internal/dialog-surface-controller.ts"],"names":[],"mappings":"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","file":"chunk-ATGAJVZ6.js","sourcesContent":["import { syncSheetHandleValues, wireSheetHandle } from './sheet-handle.js';\n\n/** What asked an open DialogSurface to close. */\nexport type DialogCloseSource = 'close-button' | 'escape' | 'backdrop';\n\n/** The detail of a DialogSurface's cancelable `kui-request-close` event. */\nexport interface DialogRequestCloseDetail {\n  readonly source: DialogCloseSource;\n}\n\nconst SURFACE = 'dialog.kui-dialog-surface';\n\n/** The attribute marking a running enter, exit, or pulse animation. */\nexport const DIALOG_MOTION_ATTRIBUTE = 'data-kui-dialog-motion';\n\n/** The panel variable a floating header's body clearance reads. */\nexport const HEADER_BLOCK_SIZE_PROPERTY =\n  '--_kui-dialog-surface-header-block-size';\n\n/** The panel variable a floating footer's body clearance reads. */\nexport const FOOTER_BLOCK_SIZE_PROPERTY =\n  '--_kui-dialog-surface-footer-block-size';\n\n/**\n * The panel variable a floating header's divider reads: set while content\n * is scrolled away beneath the header, unset (no divider) otherwise.\n */\nexport const HEADER_DIVIDER_PROPERTY = '--_kui-dialog-surface-header-divider';\n\n/** The panel variable holding a resized sheet's visible height. */\nexport const SHEET_HEIGHT_PROPERTY = '--_kui-dialog-surface-sheet-height';\n\n/** The panel variable holding the virtual keyboard's overlap. */\nexport const KEYBOARD_INSET_PROPERTY = '--_kui-dialog-surface-keyboard-inset';\n\n/** The value published while the divider shows: the color the CSS owns. */\nconst DIVIDER_SHOWN = 'var(--_kui-dialog-surface-header-divider-color)';\n\n/**\n * Scroll distance, in px, that counts as \"away from the top\": a scroller at\n * rest can report a fractional offset.\n */\nconst SCROLL_THRESHOLD = 1;\n\ntype Motion = 'enter' | 'exit' | 'pulse';\n\ninterface OpenState {\n  /** Panel variables the controller owns while open, restored after a morph. */\n  readonly owned: Map<string, string>;\n  readonly stop: (() => void)[];\n  motionTimer: ReturnType<typeof globalThis.setTimeout> | undefined;\n  closing: boolean;\n}\n\nconst states = new WeakMap<HTMLDialogElement, OpenState>();\nconst installed = new WeakSet<Document>();\n\nconst isSurface = (target: EventTarget | null): target is HTMLDialogElement =>\n  target instanceof Element && target.matches(SURFACE);\n\n/**\n * The layout viewport's bottom band a virtual keyboard covers: what the\n * visual viewport no longer shows below itself. Zero while pinch-zoomed (the\n * visual viewport then shrinks for another reason) and wherever the keyboard\n * resizes the layout viewport instead (`interactive-widget=resizes-content`).\n */\nexport function keyboardInset(\n  viewport: Pick<VisualViewport, 'height' | 'offsetTop' | 'scale'>,\n  layoutHeight: number,\n): number {\n  if (viewport.scale > 1.01) return 0;\n  const inset = Math.round(layoutHeight - viewport.height - viewport.offsetTop);\n  return inset > 0 ? inset : 0;\n}\n\n/** The longest running animation on the panel, in ms (0 when none runs). */\nfunction motionDuration(dialog: HTMLElement): number {\n  const style = globalThis.getComputedStyle(dialog);\n  if (!style.animationName || style.animationName === 'none') return 0;\n  return Math.max(\n    0,\n    ...style.animationDuration.split(',').map((part) => {\n      const value = parseFloat(part);\n      return part.trim().endsWith('ms') ? value : value * 1000;\n    }),\n  );\n}\n\n/**\n * Mark a motion while its keyframes run, then finish it. A timer, not\n * `animationend`, ends it, so an application re-render that drops the marker\n * mid-animation still closes the dialog.\n */\nfunction runMotion(\n  dialog: HTMLDialogElement,\n  motion: Motion,\n  done?: () => void,\n): void {\n  const state = states.get(dialog);\n  if (state) globalThis.clearTimeout(state.motionTimer);\n  dialog.setAttribute(DIALOG_MOTION_ATTRIBUTE, motion);\n  const finish = () => {\n    done?.();\n    if (dialog.getAttribute(DIALOG_MOTION_ATTRIBUTE) === motion)\n      dialog.removeAttribute(DIALOG_MOTION_ATTRIBUTE);\n  };\n  const duration = motionDuration(dialog);\n  if (duration === 0 || !state) finish();\n  else state.motionTimer = globalThis.setTimeout(finish, duration);\n}\n\n/** Set (or, with `null`, clear) a panel variable the controller owns. */\nfunction own(\n  dialog: HTMLDialogElement,\n  property: string,\n  value: string | null,\n): void {\n  const owned = states.get(dialog)?.owned;\n  if (value === null) {\n    owned?.delete(property);\n    dialog.style.removeProperty(property);\n    return;\n  }\n  owned?.set(property, value);\n  if (dialog.style.getPropertyValue(property) !== value)\n    dialog.style.setProperty(property, value);\n}\n\n/** Watch an open dialog: owned state, chrome sizes, divider, and sheet. */\nfunction follow(dialog: HTMLDialogElement, state: OpenState): void {\n  const sheet = dialog.getAttribute('data-presentation') === 'bottom-sheet';\n  // Layout sizes, not boxes: the panel opens scaled while its enter motion\n  // runs. A resize observation reports the exact border box; until the first\n  // one, `offsetHeight` stands in.\n  const blockSizes = new WeakMap<Element, number>();\n  const sizes = new ResizeObserver((entries) => {\n    for (const entry of entries) {\n      const box = entry.borderBoxSize?.[0];\n      if (box) blockSizes.set(entry.target, box.blockSize);\n    }\n    measure();\n  });\n  const blockSize = (element: HTMLElement) =>\n    `${blockSizes.get(element) ?? element.offsetHeight}px`;\n  let header: HTMLElement | null = null;\n  let footer: HTMLElement | null = null;\n  let handle: HTMLElement | null = null;\n  let unwireHandle: (() => void) | undefined;\n  const measure = () => {\n    own(dialog, HEADER_BLOCK_SIZE_PROPERTY, header ? blockSize(header) : null);\n    own(dialog, FOOTER_BLOCK_SIZE_PROPERTY, footer ? blockSize(footer) : null);\n  };\n  // The header, footer, and grabber the template renders; a re-render may\n  // replace them.\n  const track = () => {\n    const nextHeader = dialog.querySelector<HTMLElement>(\n      ':scope > .kui-dialog-surface__header',\n    );\n    const nextFooter = dialog.querySelector<HTMLElement>(\n      ':scope > .kui-dialog-surface__footer',\n    );\n    if (nextHeader !== header || nextFooter !== footer) {\n      sizes.disconnect();\n      header = nextHeader;\n      footer = nextFooter;\n      for (const element of [header, footer])\n        if (element) sizes.observe(element);\n      measure();\n    }\n    const nextHandle = dialog.querySelector<HTMLElement>(\n      ':scope > .kui-dialog-surface__sheet-handle',\n    );\n    if (nextHandle !== handle) {\n      unwireHandle?.();\n      unwireHandle = undefined;\n      handle = nextHandle;\n      if (handle) {\n        unwireHandle = wireSheetHandle(handle, {\n          panel: dialog,\n          host: dialog,\n          property: SHEET_HEIGHT_PROPERTY,\n          enabled: () => true,\n          publish: (value) => own(dialog, SHEET_HEIGHT_PROPERTY, value),\n        });\n        syncSheetHandleValues(handle, dialog);\n      }\n    }\n  };\n  track();\n  // An application re-render morphs the panel back to its rendered\n  // attributes and may replace its chrome: restore the owned variables and\n  // follow the new elements.\n  const restore = new MutationObserver(() => {\n    for (const [property, value] of state.owned)\n      if (dialog.style.getPropertyValue(property) !== value)\n        dialog.style.setProperty(property, value);\n    track();\n  });\n  restore.observe(dialog, {\n    attributes: true,\n    attributeFilter: ['style'],\n    childList: true,\n  });\n  // A floating header's divider shows while a scroller reaching beneath it\n  // is scrolled away from its top. `scroll` does not bubble: capture it.\n  const scrolled = new Set<Element>();\n  const onScroll = (event: Event) => {\n    const scroller = event.target as Element;\n    const floating =\n      dialog.getAttribute('data-header-presentation') === 'floating';\n    if (\n      floating &&\n      header &&\n      scroller.scrollTop > SCROLL_THRESHOLD &&\n      scroller.getBoundingClientRect().top <=\n        header.getBoundingClientRect().bottom\n    )\n      scrolled.add(scroller);\n    else scrolled.delete(scroller);\n    for (const element of scrolled)\n      if (!element.isConnected) scrolled.delete(element);\n    own(\n      dialog,\n      HEADER_DIVIDER_PROPERTY,\n      scrolled.size > 0 ? DIVIDER_SHOWN : null,\n    );\n  };\n  dialog.addEventListener('scroll', onScroll, { capture: true, passive: true });\n  state.stop.push(() => {\n    sizes.disconnect();\n    restore.disconnect();\n    unwireHandle?.();\n    dialog.removeEventListener('scroll', onScroll, { capture: true });\n  });\n  // A bottom sheet keeps its content above a virtual keyboard.\n  const viewport = dialog.ownerDocument.defaultView?.visualViewport;\n  if (sheet && viewport) {\n    const publish = () => {\n      const inset = keyboardInset(viewport, globalThis.innerHeight);\n      own(dialog, KEYBOARD_INSET_PROPERTY, inset > 0 ? `${inset}px` : null);\n    };\n    viewport.addEventListener('resize', publish);\n    viewport.addEventListener('scroll', publish);\n    state.stop.push(() => {\n      viewport.removeEventListener('resize', publish);\n      viewport.removeEventListener('scroll', publish);\n    });\n    publish();\n  }\n}\n\n/** Stop following a closed dialog and drop the state it owned. */\nfunction settle(dialog: HTMLDialogElement): void {\n  const state = states.get(dialog);\n  if (!state) return;\n  states.delete(dialog);\n  globalThis.clearTimeout(state.motionTimer);\n  for (const stop of state.stop) stop();\n  for (const property of state.owned.keys())\n    dialog.style.removeProperty(property);\n  dialog.removeAttribute(DIALOG_MOTION_ATTRIBUTE);\n}\n\n/**\n * Open a DialogSurface as a modal dialog: in the top layer, the rest of the\n * page inert, focus on its `autofocus` element or else the panel. It plays\n * its enter motion and, with the controller installed here, keeps its\n * measured chrome, sheet height, and keyboard clearance across application\n * re-renders. Opening an open dialog does nothing.\n */\nexport function openDialog(dialog: HTMLDialogElement): void {\n  installDialogSurfaces(dialog.ownerDocument);\n  const closing = states.get(dialog);\n  if (closing?.closing) {\n    // The latest request wins: reopening during the exit motion keeps it open.\n    closing.closing = false;\n    runMotion(dialog, 'enter');\n    return;\n  }\n  if (dialog.open) return;\n  dialog.showModal();\n  const state: OpenState = {\n    owned: new Map(),\n    stop: [],\n    motionTimer: undefined,\n    closing: false,\n  };\n  states.set(dialog, state);\n  if (!dialog.querySelector('[autofocus]'))\n    dialog.focus({ preventScroll: true });\n  follow(dialog, state);\n  runMotion(dialog, 'enter');\n}\n\n/**\n * Close an open DialogSurface after its exit motion. The application's own\n * close is never refused: no `kui-request-close` is dispatched. The native\n * `close` event fires once it has closed.\n */\nexport function closeDialog(dialog: HTMLDialogElement): void {\n  const state = states.get(dialog);\n  if (!dialog.open) return;\n  if (!state) {\n    dialog.close();\n    return;\n  }\n  if (state.closing) return;\n  state.closing = true;\n  runMotion(dialog, 'exit', () => dialog.close());\n}\n\n/**\n * A person asked to close the dialog: dispatch the cancelable\n * `kui-request-close`; refused, the panel pulses, otherwise it closes.\n */\nfunction requestClose(\n  dialog: HTMLDialogElement,\n  source: DialogCloseSource,\n): void {\n  const allowed = dialog.dispatchEvent(\n    new CustomEvent<DialogRequestCloseDetail>('kui-request-close', {\n      bubbles: true,\n      cancelable: true,\n      detail: { source },\n    }),\n  );\n  if (allowed) closeDialog(dialog);\n  else runMotion(dialog, 'pulse');\n}\n\nconst outside = (dialog: HTMLElement, event: MouseEvent): boolean => {\n  const box = dialog.getBoundingClientRect();\n  return (\n    event.clientX < box.left ||\n    event.clientX > box.right ||\n    event.clientY < box.top ||\n    event.clientY > box.bottom\n  );\n};\n\n/**\n * Wire every DialogSurface in `doc`: the close button and any element with\n * `data-dialog-close`, Escape, and a press on the backdrop (closing with\n * `lightDismiss`, pulsing without) ask to close through `kui-request-close`;\n * a closed dialog stops being followed. `openDialog` installs this itself;\n * the `surface-scaffold/register` entry installs it for the document.\n * Idempotent per document.\n */\nexport function installDialogSurfaces(doc: Document = document): void {\n  if (installed.has(doc)) return;\n  installed.add(doc);\n  // A backdrop press starts and ends outside the panel; a drag out of the\n  // panel (a text selection) is not one.\n  let pressedOutside: HTMLDialogElement | null = null;\n  doc.addEventListener(\n    'pointerdown',\n    (event) => {\n      pressedOutside =\n        isSurface(event.target) && outside(event.target, event)\n          ? event.target\n          : null;\n    },\n    true,\n  );\n  doc.addEventListener(\n    'click',\n    (event) => {\n      const target = event.target as Element;\n      const dialog = target.closest?.<HTMLDialogElement>(SURFACE);\n      if (!dialog?.open) return;\n      if (target === dialog) {\n        if (pressedOutside !== dialog || !outside(dialog, event)) return;\n        if (dialog.hasAttribute('data-light-dismiss'))\n          requestClose(dialog, 'backdrop');\n        else runMotion(dialog, 'pulse');\n        return;\n      }\n      const closer = target.closest('[data-dialog-close]');\n      if (closer && closer.closest(SURFACE) === dialog) {\n        event.preventDefault();\n        requestClose(dialog, 'close-button');\n      }\n    },\n    true,\n  );\n  // Escape fires `cancel`; the dialog closes through the same request.\n  doc.addEventListener(\n    'cancel',\n    (event) => {\n      if (!isSurface(event.target)) return;\n      event.preventDefault();\n      requestClose(event.target, 'escape');\n    },\n    true,\n  );\n  // However it closed (including an engine closing it past a refused\n  // Escape), stop following it.\n  doc.addEventListener(\n    'close',\n    (event) => {\n      if (isSurface(event.target)) settle(event.target);\n    },\n    true,\n  );\n}\n"]}

package/dist/chunk-AYPGXR2E.js

@@ -0,0 +1,20 @@
+import { jsx } from 'kerfjs/jsx-runtime';
+
+// src/shared/popup/popup-glyphs.tsx
+var STROKE = {
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2.25",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+function PopupCaretGlyph() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 14 14", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M2 4.75 7 9.75 12 4.75", ...STROKE }) });
+}
+function PopupSubmenuGlyph() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 14 14", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M4.75 2 9.75 7 4.75 12", ...STROKE }) });
+}
+
+export { PopupCaretGlyph, PopupSubmenuGlyph };
+
+//# sourceMappingURL=chunk-AYPGXR2E.js.map

package/dist/chunk-AYPGXR2E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shared/popup/popup-glyphs.tsx"],"names":[],"mappings":";;;AAOA,IAAM,MAAA,GAAS;AAAA,EACb,IAAA,EAAM,MAAA;AAAA,EACN,MAAA,EAAQ,cAAA;AAAA,EACR,cAAA,EAAgB,MAAA;AAAA,EAChB,gBAAA,EAAkB,OAAA;AAAA,EAClB,iBAAA,EAAmB;AACrB,CAAA;AAGO,SAAS,eAAA,GAAkB;AAChC,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAY,aAAA,EAAY,MAAA,EACnC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wBAAA,EAA0B,GAAG,MAAA,EAAQ,CAAA,EAC/C,CAAA;AAEJ;AAGO,SAAS,iBAAA,GAAoB;AAClC,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAY,aAAA,EAAY,MAAA,EACnC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wBAAA,EAA0B,GAAG,MAAA,EAAQ,CAAA,EAC/C,CAAA;AAEJ","file":"chunk-AYPGXR2E.js","sourcesContent":["/**\n * The disclosure glyphs Kerf's popups share (a PopupMenu's trigger caret and\n * submenu chevron, a Select's caret): a rounded stroke chevron drawn edge to\n * edge in its box, so a 0.875em box gives the weight of a text-size caret.\n * Decorative: the control's own name and state carry the meaning.\n */\n\nconst STROKE = {\n  fill: 'none',\n  stroke: 'currentColor',\n  'stroke-width': '2.25',\n  'stroke-linecap': 'round',\n  'stroke-linejoin': 'round',\n} as const;\n\n/** A downward chevron: the closed-popup caret, turned to face an open popup. */\nexport function PopupCaretGlyph() {\n  return (\n    <svg viewBox=\"0 0 14 14\" aria-hidden=\"true\">\n      <path d=\"M2 4.75 7 9.75 12 4.75\" {...STROKE} />\n    </svg>\n  );\n}\n\n/** A chevron toward the inline end: an item that opens a submenu. */\nexport function PopupSubmenuGlyph() {\n  return (\n    <svg viewBox=\"0 0 14 14\" aria-hidden=\"true\">\n      <path d=\"M4.75 2 9.75 7 4.75 12\" {...STROKE} />\n    </svg>\n  );\n}\n"]}

package/dist/{chunk-ETCWQLJV.js → chunk-BKUMG2KB.js}

@@ -46,33 +46,43 @@ function Combobox({
               disabled
             }
           ),
-          /* @__PURE__ */ jsxs("ul", { class: "kui-combobox__listbox", id: listId, role: "listbox", hidden: true, children: [
-            suggestions.map((suggestion, index) => {
-              const option = optionParts(suggestion);
-              return /* @__PURE__ */ jsx(
-                "li",
-                {
-                  class: "kui-combobox__option",
-                  id: `${id}-option-${index}`,
-                  role: "option",
-                  "aria-selected": "false",
-                  "data-value": option.value,
-                  children: option.label
-                }
-              );
-            }),
-            createLabel !== false && /* @__PURE__ */ jsx(
-              "li",
-              {
-                class: "kui-combobox__option",
-                id: `${id}-option-create`,
-                role: "option",
-                "aria-selected": "false",
-                "data-create": "",
-                hidden: true
-              }
-            )
-          ] })
+          /* @__PURE__ */ jsxs(
+            "ul",
+            {
+              class: "kui-combobox__listbox",
+              id: listId,
+              role: "listbox",
+              popover: "manual",
+              hidden: true,
+              children: [
+                suggestions.map((suggestion, index) => {
+                  const option = optionParts(suggestion);
+                  return /* @__PURE__ */ jsx(
+                    "li",
+                    {
+                      class: "kui-combobox__option",
+                      id: `${id}-option-${index}`,
+                      role: "option",
+                      "aria-selected": "false",
+                      "data-value": option.value,
+                      children: option.label
+                    }
+                  );
+                }),
+                createLabel !== false && /* @__PURE__ */ jsx(
+                  "li",
+                  {
+                    class: "kui-combobox__option",
+                    id: `${id}-option-create`,
+                    role: "option",
+                    "aria-selected": "false",
+                    "data-create": "",
+                    hidden: true
+                  }
+                )
+              ]
+            }
+          )
         ] }),
         hint && /* @__PURE__ */ jsx("div", { class: "kui-combobox__hint", id: hintId, children: hint })
       ]
@@ -82,4 +92,4 @@ function Combobox({
 
 export { Combobox };
 
-//# sourceMappingURL=chunk-ETCWQLJV.js.map
+//# sourceMappingURL=chunk-BKUMG2KB.js.map

package/dist/chunk-BKUMG2KB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/combobox/combobox.tsx"],"names":[],"mappings":";;;AA2BA,IAAM,WAAA,GAAc,CAAC,UAAA,KACnB,OAAO,UAAA,KAAe,QAAA,GAClB,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,UAAA,EAAW,GACvC,UAAA;AASC,SAAS,QAAA,CAAS;AAAA,EACvB,EAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAA,GAAQ,EAAA;AAAA,EACR,WAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA,GAAc,4BAAA;AAAA,EACd,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY;AACd,CAAA,EAAkB;AAChB,EAAA,MAAM,MAAA,GAAS,GAAG,EAAE,CAAA,QAAA,CAAA;AACpB,EAAA,MAAM,MAAA,GAAS,IAAA,GAAO,CAAA,EAAG,EAAE,CAAA,KAAA,CAAA,GAAU,MAAA;AACrC,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,aAAA,EAAgB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MACxC,gBAAA,EAAe,UAAA;AAAA,MACf,kBAAA,EAAkB,EAAA;AAAA,MAClB,mBAAA,EAAmB,WAAA,KAAgB,KAAA,GAAQ,MAAA,GAAY,WAAA;AAAA,MACvD,eAAA,EAAe,WAAW,MAAA,GAAS,MAAA;AAAA,MAEnC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAA,EAAA,EAAM,KAAA,EAAM,qBAAA,EAAsB,GAAA,EAAK,IACrC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,uBAAA,EACT,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,EAAA;AAAA,cACA,KAAA,EAAM,qBAAA;AAAA,cACN,IAAA,EAAK,MAAA;AAAA,cACL,IAAA,EAAK,UAAA;AAAA,cACL,mBAAA,EAAkB,MAAA;AAAA,cAClB,eAAA,EAAc,OAAA;AAAA,cACd,eAAA,EAAe,MAAA;AAAA,cACf,kBAAA,EAAkB,MAAA;AAAA,cAClB,YAAA,EAAa,KAAA;AAAA,cACb,UAAA,EAAW,OAAA;AAAA,cACX,IAAA;AAAA,cACA,KAAA;AAAA,cACA,WAAA;AAAA,cACA;AAAA;AAAA,WACF;AAAA,0BACA,IAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAM,uBAAA;AAAA,cACN,EAAA,EAAI,MAAA;AAAA,cACJ,IAAA,EAAK,SAAA;AAAA,cACL,OAAA,EAAQ,QAAA;AAAA,cACR,MAAA,EAAM,IAAA;AAAA,cAEL,QAAA,EAAA;AAAA,gBAAA,WAAA,CAAY,GAAA,CAAI,CAAC,UAAA,EAAY,KAAA,KAAU;AACtC,kBAAA,MAAM,MAAA,GAAS,YAAY,UAAU,CAAA;AACrC,kBAAA,uBACE,GAAA;AAAA,oBAAC,IAAA;AAAA,oBAAA;AAAA,sBACC,KAAA,EAAM,sBAAA;AAAA,sBACN,EAAA,EAAI,CAAA,EAAG,EAAE,CAAA,QAAA,EAAW,KAAK,CAAA,CAAA;AAAA,sBACzB,IAAA,EAAK,QAAA;AAAA,sBACL,eAAA,EAAc,OAAA;AAAA,sBACd,cAAY,MAAA,CAAO,KAAA;AAAA,sBAElB,QAAA,EAAA,MAAA,CAAO;AAAA;AAAA,mBACV;AAAA,gBAEJ,CAAC,CAAA;AAAA,gBACA,gBAAgB,KAAA,oBACf,GAAA;AAAA,kBAAC,IAAA;AAAA,kBAAA;AAAA,oBACC,KAAA,EAAM,sBAAA;AAAA,oBACN,EAAA,EAAI,GAAG,EAAE,CAAA,cAAA,CAAA;AAAA,oBACT,IAAA,EAAK,QAAA;AAAA,oBACL,eAAA,EAAc,OAAA;AAAA,oBACd,aAAA,EAAY,EAAA;AAAA,oBACZ,MAAA,EAAM;AAAA;AAAA;AACR;AAAA;AAAA;AAEJ,SAAA,EACF,CAAA;AAAA,QACC,wBACC,GAAA,CAAC,KAAA,EAAA,EAAI,OAAM,oBAAA,EAAqB,EAAA,EAAI,QACjC,QAAA,EAAA,IAAA,EACH;AAAA;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-BKUMG2KB.js","sourcesContent":["/** A suggestion: a plain string, or a value with a distinct visible label. */\nexport type ComboboxSuggestion = string | { value: string; label: string };\n\nexport interface ComboboxProps {\n  /** Unique id; it also identifies the field in `wireComboboxes` reports. */\n  id: string;\n  /** Visible field label. */\n  label: string;\n  /** Suggestions to filter as the person types. */\n  suggestions: readonly ComboboxSuggestion[];\n  /** Initial text; the field owns its text while the person types. */\n  value?: string;\n  placeholder?: string;\n  /** Optional hint below the field, such as \"Press Enter to add\". */\n  hint?: string;\n  /** Form field name. */\n  name?: string;\n  /**\n   * Offer to create the typed text when it matches no suggestion; the option\n   * reads `createLabel` with `{value}` replaced. Omit to only allow\n   * suggestions. Default `Create “{value}”`.\n   */\n  createLabel?: string | false;\n  disabled?: boolean;\n  className?: string;\n}\n\nconst optionParts = (suggestion: ComboboxSuggestion) =>\n  typeof suggestion === 'string'\n    ? { value: suggestion, label: suggestion }\n    : suggestion;\n\n/**\n * A free-text field with a filtered suggestion list that can also create a new\n * value: the ARIA combobox pattern on a native input with the themed Web\n * Awesome field chrome. `wireComboboxes` filters, moves the active option,\n * and reports commits (Enter, comma, or a click). Use `Select` when only\n * existing values are allowed and nothing is typed.\n */\nexport function Combobox({\n  id,\n  label,\n  suggestions,\n  value = '',\n  placeholder,\n  hint,\n  name,\n  createLabel = 'Create “{value}”',\n  disabled = false,\n  className = '',\n}: ComboboxProps) {\n  const listId = `${id}-listbox`;\n  const hintId = hint ? `${id}-hint` : undefined;\n  return (\n    <div\n      class={`kui-combobox ${className}`.trim()}\n      data-component=\"combobox\"\n      data-combobox-id={id}\n      data-create-label={createLabel === false ? undefined : createLabel}\n      data-disabled={disabled ? 'true' : undefined}\n    >\n      <label class=\"kui-combobox__label\" for={id}>\n        {label}\n      </label>\n      <div class=\"kui-combobox__control\">\n        <input\n          id={id}\n          class=\"kui-combobox__input\"\n          type=\"text\"\n          role=\"combobox\"\n          aria-autocomplete=\"list\"\n          aria-expanded=\"false\"\n          aria-controls={listId}\n          aria-describedby={hintId}\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          name={name}\n          value={value}\n          placeholder={placeholder}\n          disabled={disabled}\n        />\n        <ul\n          class=\"kui-combobox__listbox\"\n          id={listId}\n          role=\"listbox\"\n          popover=\"manual\"\n          hidden\n        >\n          {suggestions.map((suggestion, index) => {\n            const option = optionParts(suggestion);\n            return (\n              <li\n                class=\"kui-combobox__option\"\n                id={`${id}-option-${index}`}\n                role=\"option\"\n                aria-selected=\"false\"\n                data-value={option.value}\n              >\n                {option.label}\n              </li>\n            );\n          })}\n          {createLabel !== false && (\n            <li\n              class=\"kui-combobox__option\"\n              id={`${id}-option-create`}\n              role=\"option\"\n              aria-selected=\"false\"\n              data-create=\"\"\n              hidden\n            />\n          )}\n        </ul>\n      </div>\n      {hint && (\n        <div class=\"kui-combobox__hint\" id={hintId}>\n          {hint}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-C26Q6P4Q.js

@@ -0,0 +1,76 @@
+import { LucideIcon } from './chunk-HJXVVFBT.js';
+import { filterDataAttributes } from './chunk-KH4KEMSP.js';
+import { Check, Minus } from 'lucide';
+import { jsxs, jsx } from 'kerfjs/jsx-runtime';
+
+var CHECKBOX_PROTECTED = /* @__PURE__ */ new Set([
+  "data-component",
+  "data-size",
+  "data-invalid"
+]);
+function Checkbox({
+  label,
+  checked = false,
+  indeterminate = false,
+  name,
+  value,
+  hint,
+  error,
+  size = "default",
+  disabled = false,
+  required = false,
+  action,
+  form,
+  id,
+  className = "",
+  rootAttributes = {},
+  slot
+}) {
+  const description = [hint, error].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...filterDataAttributes(rootAttributes, CHECKBOX_PROTECTED),
+      class: `kui-checkbox ${className}`.trim(),
+      "data-component": "checkbox",
+      "data-size": size,
+      "data-invalid": error ? "" : void 0,
+      slot,
+      children: [
+        /* @__PURE__ */ jsxs("label", { class: "kui-checkbox__row", children: [
+          /* @__PURE__ */ jsxs("span", { class: "kui-checkbox__control", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                class: "kui-checkbox__input",
+                type: "checkbox",
+                id,
+                name,
+                value,
+                form,
+                checked,
+                disabled,
+                required,
+                "data-action": action,
+                "data-indeterminate": indeterminate ? "" : void 0,
+                "aria-description": description,
+                "aria-invalid": error ? "true" : void 0
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { class: "kui-checkbox__box", "aria-hidden": "true", children: [
+              /* @__PURE__ */ jsx(LucideIcon, { icon: Check, name: "check" }),
+              /* @__PURE__ */ jsx(LucideIcon, { icon: Minus, name: "minus" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("span", { class: "kui-checkbox__label", children: label })
+        ] }),
+        hint === void 0 ? null : /* @__PURE__ */ jsx("span", { class: "kui-checkbox__hint", "aria-hidden": "true", children: hint }),
+        error === void 0 ? null : /* @__PURE__ */ jsx("span", { class: "kui-checkbox__error", "aria-hidden": "true", children: error })
+      ]
+    }
+  );
+}
+
+export { Checkbox };
+
+//# sourceMappingURL=chunk-C26Q6P4Q.js.map

package/dist/chunk-C26Q6P4Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/checkbox/checkbox.tsx"],"names":[],"mappings":";;;;;AAQA,IAAM,kBAAA,uBAAyB,GAAA,CAAI;AAAA,EACjC,gBAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAC,CAAA;AA4CM,SAAS,QAAA,CAAS;AAAA,EACvB,KAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,aAAA,GAAgB,KAAA;AAAA,EAChB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA,GAAO,SAAA;AAAA,EACP,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,MAAA;AAAA,EACA,IAAA;AAAA,EACA,EAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,iBAAiB,EAAC;AAAA,EAClB;AACF,CAAA,EAAkB;AAChB,EAAA,MAAM,WAAA,GAAc,CAAC,IAAA,EAAM,KAAK,CAAA,CAAE,OAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,IAAK,MAAA;AAC/D,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,oBAAA,CAAqB,cAAA,EAAgB,kBAAkB,CAAA;AAAA,MAC3D,KAAA,EAAO,CAAA,aAAA,EAAgB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MACxC,gBAAA,EAAe,UAAA;AAAA,MACf,WAAA,EAAW,IAAA;AAAA,MACX,cAAA,EAAc,QAAQ,EAAA,GAAK,MAAA;AAAA,MAC3B,IAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,OAAA,EAAA,EAAM,OAAM,mBAAA,EACX,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,MAAA,EAAA,EAAK,OAAM,uBAAA,EACV,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAM,qBAAA;AAAA,gBACN,IAAA,EAAK,UAAA;AAAA,gBACL,EAAA;AAAA,gBACA,IAAA;AAAA,gBACA,KAAA;AAAA,gBACA,IAAA;AAAA,gBACA,OAAA;AAAA,gBACA,QAAA;AAAA,gBACA,QAAA;AAAA,gBACA,aAAA,EAAa,MAAA;AAAA,gBACb,oBAAA,EAAoB,gBAAgB,EAAA,GAAK,MAAA;AAAA,gBACzC,kBAAA,EAAkB,WAAA;AAAA,gBAClB,cAAA,EAAc,QAAQ,MAAA,GAAS;AAAA;AAAA,aACjC;AAAA,4BACA,IAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,mBAAA,EAAoB,eAAY,MAAA,EAC1C,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,KAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,8BACtC,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,KAAA,EAAO,MAAK,OAAA,EAAQ;AAAA,aAAA,EACxC;AAAA,WAAA,EACF,CAAA;AAAA,0BACA,GAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,qBAAA,EAAuB,QAAA,EAAA,KAAA,EAAM;AAAA,SAAA,EAC3C,CAAA;AAAA,QACC,IAAA,KAAS,SAAY,IAAA,mBACpB,GAAA,CAAC,UAAK,KAAA,EAAM,oBAAA,EAAqB,aAAA,EAAY,MAAA,EAC1C,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,QAED,KAAA,KAAU,SAAY,IAAA,mBACrB,GAAA,CAAC,UAAK,KAAA,EAAM,qBAAA,EAAsB,aAAA,EAAY,MAAA,EAC3C,QAAA,EAAA,KAAA,EACH;AAAA;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-C26Q6P4Q.js","sourcesContent":["import { Check, Minus } from 'lucide';\n\nimport { filterDataAttributes } from '../../../shared/dom/extension-attributes.js';\nimport { LucideIcon } from '../../media/lucide-icon/lucide-icon.js';\n\n/** `default` is a 20px box beside 16px text; `compact` an 18px box and 14px text. */\nexport type CheckboxSize = 'default' | 'compact';\n\nconst CHECKBOX_PROTECTED = new Set([\n  'data-component',\n  'data-size',\n  'data-invalid',\n]);\n\n/** Application `data-*` metadata; the Checkbox's own markers stay protected. */\nexport type CheckboxRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined>\n>;\n\nexport interface CheckboxProps {\n  /** The visible label, which is also the checkbox's accessible name. */\n  label: string;\n  checked?: boolean;\n  /**\n   * A mixed state, such as a parent of partly checked children. Needs\n   * `wireCheckboxes(root)`, which sets the native `indeterminate` property.\n   */\n  indeterminate?: boolean;\n  name?: string;\n  /** The value submitted while checked (native default `on`). */\n  value?: string;\n  /** Supporting text below the label, also the checkbox's description. */\n  hint?: string;\n  /** A validation message: shown in the danger color and marking it invalid. */\n  error?: string;\n  size?: CheckboxSize;\n  disabled?: boolean;\n  required?: boolean;\n  /** Delegated `data-action` on the input; listen for `change`. */\n  action?: string;\n  /** Associate the input with a form outside its ancestor chain. */\n  form?: string;\n  /** The input's id. */\n  id?: string;\n  className?: string;\n  /** Safe `data-*` metadata (a `data-key`). */\n  rootAttributes?: CheckboxRootAttributes;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/**\n * A native checkbox drawn as a Kerf box beside its label, with optional hint\n * and error text aligned under the label, a mixed (indeterminate) state, and\n * native form participation.\n */\nexport function Checkbox({\n  label,\n  checked = false,\n  indeterminate = false,\n  name,\n  value,\n  hint,\n  error,\n  size = 'default',\n  disabled = false,\n  required = false,\n  action,\n  form,\n  id,\n  className = '',\n  rootAttributes = {},\n  slot,\n}: CheckboxProps) {\n  const description = [hint, error].filter(Boolean).join(' ') || undefined;\n  return (\n    <div\n      {...filterDataAttributes(rootAttributes, CHECKBOX_PROTECTED)}\n      class={`kui-checkbox ${className}`.trim()}\n      data-component=\"checkbox\"\n      data-size={size}\n      data-invalid={error ? '' : undefined}\n      slot={slot}\n    >\n      <label class=\"kui-checkbox__row\">\n        <span class=\"kui-checkbox__control\">\n          <input\n            class=\"kui-checkbox__input\"\n            type=\"checkbox\"\n            id={id}\n            name={name}\n            value={value}\n            form={form}\n            checked={checked}\n            disabled={disabled}\n            required={required}\n            data-action={action}\n            data-indeterminate={indeterminate ? '' : undefined}\n            aria-description={description}\n            aria-invalid={error ? 'true' : undefined}\n          />\n          <span class=\"kui-checkbox__box\" aria-hidden=\"true\">\n            <LucideIcon icon={Check} name=\"check\" />\n            <LucideIcon icon={Minus} name=\"minus\" />\n          </span>\n        </span>\n        <span class=\"kui-checkbox__label\">{label}</span>\n      </label>\n      {hint === undefined ? null : (\n        <span class=\"kui-checkbox__hint\" aria-hidden=\"true\">\n          {hint}\n        </span>\n      )}\n      {error === undefined ? null : (\n        <span class=\"kui-checkbox__error\" aria-hidden=\"true\">\n          {error}\n        </span>\n      )}\n    </div>\n  );\n}\n"]}