@kerfjs/ui 5.0.0-beta.95 → 5.0.0-beta.96

package/dist/chunk-JYD7G4RG.js

@@ -0,0 +1,130 @@
+import { filterDataAttributes } from './chunk-KH4KEMSP.js';
+import { jsx } from 'kerfjs/jsx-runtime';
+
+var DIALOG_SURFACE_PROTECTED = /* @__PURE__ */ new Set([
+  "data-component",
+  "data-size",
+  "data-presentation",
+  "data-preferred-width",
+  "data-body-inset",
+  "data-footer-inset",
+  "data-viewport-gutter",
+  "data-max-height",
+  "data-height",
+  "data-body-layout"
+]);
+function DialogSurface({
+  children,
+  size = "medium",
+  presentation = "modal",
+  preferredWidth,
+  bodyInset = "compact",
+  footerInset = "comfortable",
+  viewportGutter,
+  maxHeight,
+  height,
+  bodyLayout = "flow",
+  rootAttributes = {},
+  className = "",
+  slot
+}) {
+  const style = [
+    preferredWidth === void 0 ? "" : `--_kui-dialog-surface-preferred-width:${preferredWidth}`,
+    viewportGutter === void 0 ? "" : `--_kui-dialog-surface-gutter:${viewportGutter}`,
+    maxHeight === void 0 || maxHeight === "viewport" ? "" : `--_kui-dialog-surface-max-height:${maxHeight}`,
+    height === void 0 || height === "viewport" ? "" : `--_kui-dialog-surface-height:${height}`
+  ].filter(Boolean).join(";");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...filterDataAttributes(rootAttributes, DIALOG_SURFACE_PROTECTED),
+      class: `kui-dialog-surface ${className}`.trim(),
+      "data-component": "dialog-surface",
+      "data-size": size,
+      "data-presentation": presentation,
+      "data-preferred-width": preferredWidth === void 0 ? void 0 : "",
+      "data-body-inset": bodyInset,
+      "data-footer-inset": footerInset,
+      "data-viewport-gutter": viewportGutter === void 0 ? void 0 : "",
+      "data-max-height": maxHeight === void 0 ? void 0 : "",
+      "data-height": height === void 0 ? void 0 : "",
+      "data-body-layout": bodyLayout === "fill" ? "fill" : void 0,
+      style: style || void 0,
+      slot,
+      children
+    }
+  );
+}
+var POPOVER_DIALOG_PROTECTED = /* @__PURE__ */ new Set([
+  "data-component",
+  "data-presentation",
+  "data-size",
+  "data-height",
+  "data-max-height",
+  "data-body-layout"
+]);
+function PopoverDialogSurface({
+  id,
+  children,
+  label,
+  labelledBy,
+  presentation = "overlay",
+  size = "medium",
+  preferredWidth,
+  height,
+  maxHeight,
+  viewportGutter,
+  bodyLayout = "flow",
+  rootAttributes = {},
+  className = "",
+  slot
+}) {
+  const style = [
+    preferredWidth === void 0 ? "" : `--_kui-popover-dialog-surface-preferred-width:${preferredWidth}`,
+    viewportGutter === void 0 ? "" : `--_kui-popover-dialog-surface-gutter:${viewportGutter}`,
+    height === void 0 || height === "viewport" ? "" : `--_kui-popover-dialog-surface-height:${height}`,
+    maxHeight === void 0 || maxHeight === "viewport" ? "" : `--_kui-popover-dialog-surface-max-height:${maxHeight}`
+  ].filter(Boolean).join(";");
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      ...filterDataAttributes(rootAttributes, POPOVER_DIALOG_PROTECTED),
+      id,
+      class: `kui-popover-dialog-surface ${className}`.trim(),
+      "data-component": "popover-dialog-surface",
+      "data-presentation": presentation,
+      "data-size": size,
+      "data-height": height === void 0 ? void 0 : "",
+      "data-max-height": maxHeight === void 0 ? void 0 : "",
+      "data-body-layout": bodyLayout === "fill" ? "fill" : void 0,
+      popover: presentation === "overlay" ? "auto" : void 0,
+      role: "dialog",
+      "aria-label": label,
+      "aria-labelledby": labelledBy,
+      style: style || void 0,
+      slot,
+      children
+    }
+  );
+}
+function PopupSurface({
+  children,
+  inset = "standard",
+  className = "",
+  slot
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      class: `kui-popup-surface ${className}`.trim(),
+      "data-component": "popup-surface",
+      "data-inset": inset,
+      slot,
+      children
+    }
+  );
+}
+
+export { DialogSurface, PopoverDialogSurface, PopupSurface };
+
+//# sourceMappingURL=chunk-JYD7G4RG.js.map

package/dist/chunk-JYD7G4RG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/surfaces/surface-scaffold/surface-scaffold.tsx"],"names":[],"mappings":"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","file":"chunk-JYD7G4RG.js","sourcesContent":["import type { KerfUiContent } from '../../../shared/content/semantic-content.js';\nimport { filterDataAttributes } from '../../../shared/dom/extension-attributes.js';\nimport type { CssLength } from '../../../shared/styles/css-values.js';\n\nexport type DialogSurfaceSize = 'small' | 'medium' | 'large';\nexport type DialogSurfacePresentation = 'modal' | 'side-sheet' | 'fullscreen';\nexport type SurfaceInset = 'none' | 'compact' | 'comfortable';\nexport type DialogSurfaceMaxHeight = CssLength | 'viewport';\n/** A definite modal height: a length or the full viewport, minus both gutters. */\nexport type DialogSurfaceHeight = CssLength | 'viewport';\n/**\n * How the dialog body lays out its children: `flow` (default) scrolls ordinary\n * content in the body; `fill` gives one child the body's whole height and\n * lets it own scrolling (a SplitView, a Pane, an editor).\n */\nexport type DialogSurfaceBodyLayout = 'flow' | 'fill';\n\n/**\n * Application `data-*` identity on the DialogSurface root, such as\n * `data-key`; the surface's own configuration attributes stay protected.\n */\nexport type DialogSurfaceRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined>\n>;\n\nconst DIALOG_SURFACE_PROTECTED = new Set([\n  'data-component',\n  'data-size',\n  'data-presentation',\n  'data-preferred-width',\n  'data-body-inset',\n  'data-footer-inset',\n  'data-viewport-gutter',\n  'data-max-height',\n  'data-height',\n  'data-body-layout',\n]);\n\nexport interface DialogSurfaceProps {\n  children: KerfUiContent;\n  size?: DialogSurfaceSize;\n  presentation?: DialogSurfacePresentation;\n  /** Modal preferred width. Takes precedence over size, within the viewport cap. */\n  preferredWidth?: CssLength;\n  bodyInset?: SurfaceInset;\n  footerInset?: SurfaceInset;\n  /** Modal edge clearance. Omit to retain Web Awesome's default viewport cap. */\n  viewportGutter?: CssLength;\n  /** Modal height cap, bounded by the dynamic viewport minus both gutters. */\n  maxHeight?: DialogSurfaceMaxHeight;\n  /**\n   * Modal definite height, bounded the same way, so a filling child has a\n   * height to fill. Takes precedence over `maxHeight`.\n   */\n  height?: DialogSurfaceHeight;\n  /** Body layout (default `flow`); `fill` lets one child own the body. */\n  bodyLayout?: DialogSurfaceBodyLayout;\n  /**\n   * Safe `data-*` identity on the root. Give sibling dialogs distinct\n   * `data-key`s so a re-render morphs each surface into itself instead of\n   * reusing one dialog's element for another (structurally identical roots\n   * are otherwise matched by position).\n   */\n  rootAttributes?: DialogSurfaceRootAttributes;\n  className?: string;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/** Configure recurring Web Awesome dialog geometry without consumer ::part() CSS. */\nexport function DialogSurface({\n  children,\n  size = 'medium',\n  presentation = 'modal',\n  preferredWidth,\n  bodyInset = 'compact',\n  footerInset = 'comfortable',\n  viewportGutter,\n  maxHeight,\n  height,\n  bodyLayout = 'flow',\n  rootAttributes = {},\n  className = '',\n  slot,\n}: DialogSurfaceProps) {\n  const style = [\n    preferredWidth === undefined\n      ? ''\n      : `--_kui-dialog-surface-preferred-width:${preferredWidth}`,\n    viewportGutter === undefined\n      ? ''\n      : `--_kui-dialog-surface-gutter:${viewportGutter}`,\n    maxHeight === undefined || maxHeight === 'viewport'\n      ? ''\n      : `--_kui-dialog-surface-max-height:${maxHeight}`,\n    height === undefined || height === 'viewport'\n      ? ''\n      : `--_kui-dialog-surface-height:${height}`,\n  ]\n    .filter(Boolean)\n    .join(';');\n  return (\n    <div\n      {...filterDataAttributes(rootAttributes, DIALOG_SURFACE_PROTECTED)}\n      class={`kui-dialog-surface ${className}`.trim()}\n      data-component=\"dialog-surface\"\n      data-size={size}\n      data-presentation={presentation}\n      data-preferred-width={preferredWidth === undefined ? undefined : ''}\n      data-body-inset={bodyInset}\n      data-footer-inset={footerInset}\n      data-viewport-gutter={viewportGutter === undefined ? undefined : ''}\n      data-max-height={maxHeight === undefined ? undefined : ''}\n      data-height={height === undefined ? undefined : ''}\n      data-body-layout={bodyLayout === 'fill' ? 'fill' : undefined}\n      style={style || undefined}\n      slot={slot}\n    >\n      {children}\n    </div>\n  );\n}\n\n/** Where a PopoverDialogSurface appears: the top layer, or in flow. */\nexport type PopoverDialogSurfacePresentation = 'overlay' | 'embedded';\n\n/** Application `data-*` metadata on the surface root. */\nexport type PopoverDialogSurfaceDataAttributes = Readonly<\n  Record<`data-${string}`, string>\n>;\n\ntype PopoverDialogSurfaceName =\n  { label: string; labelledBy?: never } | { label?: never; labelledBy: string };\n\nexport type PopoverDialogSurfaceProps = PopoverDialogSurfaceName & {\n  /** The root id: what an opening control's `popovertarget` names. */\n  id?: string;\n  children: KerfUiContent;\n  /**\n   * `overlay` (default) is a native `popover=\"auto\"` in the top layer:\n   * non-modal, light dismiss (Escape or a press outside), nothing inert.\n   * `embedded` renders the same surface in flow for a catalog or inline use.\n   */\n  presentation?: PopoverDialogSurfacePresentation;\n  /** Preferred width preset: 400px, 560px (default), or 800px. */\n  size?: DialogSurfaceSize;\n  /** Preferred width; takes precedence over `size`, within the viewport cap. */\n  preferredWidth?: CssLength;\n  /** Definite height, bounded by the dynamic viewport minus both gutters. */\n  height?: DialogSurfaceHeight;\n  /** Height cap, bounded the same way, for a surface that sizes to content. */\n  maxHeight?: DialogSurfaceMaxHeight;\n  /** Edge clearance on each side of the viewport (default 16px). */\n  viewportGutter?: CssLength;\n  /** Body layout (default `flow`); `fill` lets one child own the surface. */\n  bodyLayout?: DialogSurfaceBodyLayout;\n  rootAttributes?: PopoverDialogSurfaceDataAttributes;\n  className?: string;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n};\n\nconst POPOVER_DIALOG_PROTECTED = new Set([\n  'data-component',\n  'data-presentation',\n  'data-size',\n  'data-height',\n  'data-max-height',\n  'data-body-layout',\n]);\n\n/**\n * A non-modal dialog surface on the native Popover API: Kerf's dialog chrome,\n * viewport-bounded size, and single-child fill without application CSS.\n * Open it with a `popovertarget` control or `showPopover()`; it light\n * dismisses and leaves the page interactive. Use `DialogSurface` with\n * `wa-dialog` when the task must block the page.\n */\nexport function PopoverDialogSurface({\n  id,\n  children,\n  label,\n  labelledBy,\n  presentation = 'overlay',\n  size = 'medium',\n  preferredWidth,\n  height,\n  maxHeight,\n  viewportGutter,\n  bodyLayout = 'flow',\n  rootAttributes = {},\n  className = '',\n  slot,\n}: PopoverDialogSurfaceProps) {\n  const style = [\n    preferredWidth === undefined\n      ? ''\n      : `--_kui-popover-dialog-surface-preferred-width:${preferredWidth}`,\n    viewportGutter === undefined\n      ? ''\n      : `--_kui-popover-dialog-surface-gutter:${viewportGutter}`,\n    height === undefined || height === 'viewport'\n      ? ''\n      : `--_kui-popover-dialog-surface-height:${height}`,\n    maxHeight === undefined || maxHeight === 'viewport'\n      ? ''\n      : `--_kui-popover-dialog-surface-max-height:${maxHeight}`,\n  ]\n    .filter(Boolean)\n    .join(';');\n  return (\n    <section\n      {...filterDataAttributes(rootAttributes, POPOVER_DIALOG_PROTECTED)}\n      id={id}\n      class={`kui-popover-dialog-surface ${className}`.trim()}\n      data-component=\"popover-dialog-surface\"\n      data-presentation={presentation}\n      data-size={size}\n      data-height={height === undefined ? undefined : ''}\n      data-max-height={maxHeight === undefined ? undefined : ''}\n      data-body-layout={bodyLayout === 'fill' ? 'fill' : undefined}\n      popover={presentation === 'overlay' ? 'auto' : undefined}\n      role=\"dialog\"\n      aria-label={label}\n      aria-labelledby={labelledBy}\n      style={style || undefined}\n      slot={slot}\n    >\n      {children}\n    </section>\n  );\n}\n\nexport type PopupSurfaceInset = 'standard' | 'compact' | 'list-zero';\n\nexport interface PopupSurfaceProps {\n  children: KerfUiContent;\n  inset?: PopupSurfaceInset;\n  className?: string;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/** Configure recurring Web Awesome dropdown-menu geometry without consumer ::part() CSS. */\nexport function PopupSurface({\n  children,\n  inset = 'standard',\n  className = '',\n  slot,\n}: PopupSurfaceProps) {\n  return (\n    <span\n      class={`kui-popup-surface ${className}`.trim()}\n      data-component=\"popup-surface\"\n      data-inset={inset}\n      slot={slot}\n    >\n      {children}\n    </span>\n  );\n}\n"]}

package/dist/{chunk-LAZLBC2Q.js → chunk-KH4KEMSP.js}

@@ -19,6 +19,37 @@ function filterDataAttributes(attributes, protectedNames) {
   }
   return filtered;
 }
+var ARIA_ATTRIBUTE_NAME = /^aria-[a-z]+$/;
+var STRUCTURAL_ROOT_ROLES = [
+  "region",
+  "group",
+  "list",
+  "feed",
+  "log",
+  "status",
+  "note",
+  "article",
+  "navigation",
+  "complementary",
+  "search",
+  "form",
+  "presentation",
+  "none"
+];
+var STRUCTURAL_ROLES = new Set(STRUCTURAL_ROOT_ROLES);
+function filterRootAttributes(attributes, protectedNames) {
+  const filtered = filterDataAttributes(attributes, protectedNames);
+  for (const [name, value] of Object.entries(attributes)) {
+    const normalizedName = name.toLowerCase();
+    if (typeof value !== "string" || protectedNames.has(normalizedName))
+      continue;
+    if (ARIA_ATTRIBUTE_NAME.test(normalizedName))
+      filtered[normalizedName] = value;
+    else if (normalizedName === "role" && STRUCTURAL_ROLES.has(value))
+      filtered.role = value;
+  }
+  return filtered;
+}
 function filterControlAttributes(attributes, protectedDataNames) {
   const source = attributes;
   const filtered = filterDataAttributes(attributes, protectedDataNames);
@@ -35,6 +66,6 @@ function filterControlAttributes(attributes, protectedDataNames) {
   return filtered;
 }
 
-export { filterControlAttributes, filterDataAttributes };
+export { filterControlAttributes, filterDataAttributes, filterRootAttributes };
 
-//# sourceMappingURL=chunk-LAZLBC2Q.js.map
+//# sourceMappingURL=chunk-KH4KEMSP.js.map

package/dist/chunk-KH4KEMSP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shared/dom/extension-attributes.ts"],"names":[],"mappings":"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","file":"chunk-KH4KEMSP.js","sourcesContent":["type AttributeBag = Readonly<Record<string, unknown>>;\n\nconst DATA_ATTRIBUTE_NAME = /^data-[a-z0-9_.:-]+$/;\nconst POPOVER_TARGET_ACTIONS = new Set(['toggle', 'show', 'hide']);\nconst ARIA_HASPOPUP_VALUES = new Set([\n  'dialog',\n  'menu',\n  'listbox',\n  'tree',\n  'grid',\n  'true',\n]);\n\nexport function filterDataAttributes(\n  attributes: object,\n  protectedNames: ReadonlySet<string>,\n): Record<string, string> {\n  const filtered: Record<string, string> = {};\n\n  for (const [name, value] of Object.entries(attributes as AttributeBag)) {\n    const normalizedName = name.toLowerCase();\n    if (\n      typeof value === 'string' &&\n      DATA_ATTRIBUTE_NAME.test(normalizedName) &&\n      !protectedNames.has(normalizedName)\n    ) {\n      filtered[normalizedName] = value;\n    }\n  }\n\n  return filtered;\n}\n\nconst ARIA_ATTRIBUTE_NAME = /^aria-[a-z]+$/;\n\n/**\n * Non-widget roles an application may give a layout root: landmarks, named\n * regions, groups, and live regions. Widget roles (button, grid, listbox, …)\n * promise keyboard behavior a layout primitive does not provide.\n */\nexport const STRUCTURAL_ROOT_ROLES = [\n  'region',\n  'group',\n  'list',\n  'feed',\n  'log',\n  'status',\n  'note',\n  'article',\n  'navigation',\n  'complementary',\n  'search',\n  'form',\n  'presentation',\n  'none',\n] as const;\nexport type StructuralRootRole = (typeof STRUCTURAL_ROOT_ROLES)[number];\nconst STRUCTURAL_ROLES = new Set<string>(STRUCTURAL_ROOT_ROLES);\n\n/** Safe `data-*`, `aria-*`, and structural `role` metadata on a layout root. */\nexport type StructuralRootAttributes = Readonly<\n  Record<`data-${string}` | `aria-${string}`, string | undefined> & {\n    role?: StructuralRootRole;\n  }\n>;\n\n/**\n * `filterDataAttributes` plus `aria-*` string attributes and a structural\n * `role`, for layout roots an application names or marks as a region.\n */\nexport function filterRootAttributes(\n  attributes: object,\n  protectedNames: ReadonlySet<string>,\n): Record<string, string> {\n  const filtered = filterDataAttributes(attributes, protectedNames);\n  for (const [name, value] of Object.entries(attributes as AttributeBag)) {\n    const normalizedName = name.toLowerCase();\n    if (typeof value !== 'string' || protectedNames.has(normalizedName))\n      continue;\n    if (ARIA_ATTRIBUTE_NAME.test(normalizedName))\n      filtered[normalizedName] = value;\n    else if (normalizedName === 'role' && STRUCTURAL_ROLES.has(value))\n      filtered.role = value;\n  }\n  return filtered;\n}\n\nexport function filterControlAttributes(\n  attributes: object,\n  protectedDataNames: ReadonlySet<string>,\n): Record<string, string> {\n  const source = attributes as AttributeBag;\n  const filtered = filterDataAttributes(attributes, protectedDataNames);\n\n  if (typeof source.popoverTarget === 'string')\n    filtered.popoverTarget = source.popoverTarget;\n  if (POPOVER_TARGET_ACTIONS.has(source.popoverTargetAction as string)) {\n    filtered.popoverTargetAction = source.popoverTargetAction as string;\n  }\n  if (typeof source['aria-controls'] === 'string')\n    filtered['aria-controls'] = source['aria-controls'];\n  if (ARIA_HASPOPUP_VALUES.has(source['aria-haspopup'] as string)) {\n    filtered['aria-haspopup'] = source['aria-haspopup'] as string;\n  }\n\n  return filtered;\n}\n"]}

package/dist/chunk-LL45C7BB.js

@@ -0,0 +1,122 @@
+import { jsx, jsxs } from 'kerfjs/jsx-runtime';
+
+// src/components/forms/field-label/field-label.tsx
+function FieldLabel({
+  children,
+  class: classValue = "",
+  className = "",
+  ...attributes
+}) {
+  const classes = ["kui-text__field-label", classValue, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { ...attributes, class: classes, "data-component": "field-label", children });
+}
+var MIDDLE_FALLBACK_KEEP = 10;
+function splitMiddle(text, keep) {
+  let tailLength;
+  if (keep === "segment") {
+    const searchEnd = /[/\\]$/.test(text) ? text.length - 1 : text.length;
+    const separator = Math.max(
+      text.lastIndexOf("/", searchEnd - 1),
+      text.lastIndexOf("\\", searchEnd - 1)
+    );
+    tailLength = separator > 0 ? text.length - separator : MIDDLE_FALLBACK_KEEP;
+  } else tailLength = keep;
+  if (tailLength >= text.length) return [text, ""];
+  return [text.slice(0, -tailLength), text.slice(-tailLength)];
+}
+function Text({
+  variant: Variant = "p",
+  tone = "default",
+  color,
+  size = "default",
+  font = "default",
+  border = "transparent",
+  flush = false,
+  controlMargins = "",
+  lineHeight = "default",
+  align = "start",
+  wrap = "normal",
+  maxLines,
+  truncate,
+  truncateKeep,
+  children,
+  class: classValue = "",
+  className = "",
+  style,
+  ...attributes
+}) {
+  if (maxLines !== void 0 && (!Number.isSafeInteger(maxLines) || maxLines < 1 || wrap === "nowrap" || wrap === "truncate"))
+    throw new RangeError(
+      "Text maxLines requires a positive integer and wrapping"
+    );
+  const position = truncate ?? "end";
+  if (truncate !== void 0 && wrap !== "truncate" || !["end", "middle", "start"].includes(position))
+    throw new RangeError(
+      'Text truncate requires wrap="truncate" and one of end, middle, or start'
+    );
+  if (truncateKeep !== void 0 && (position !== "middle" || truncateKeep !== "segment" && (!Number.isSafeInteger(truncateKeep) || truncateKeep < 1)))
+    throw new RangeError(
+      'Text truncateKeep requires truncate="middle" and a positive integer or "segment"'
+    );
+  const textValue = typeof children === "string" || typeof children === "number" ? String(children) : void 0;
+  if (position === "middle" && textValue === void 0)
+    throw new TypeError(
+      'Text truncate="middle" requires string or number children'
+    );
+  const title = attributes.title === void 0 && position !== "end" ? textValue : attributes.title;
+  const classes = ["kui-text", classValue, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(
+    Variant,
+    {
+      ...attributes,
+      class: classes,
+      "data-component": "text",
+      "data-tone": tone,
+      "data-size": size,
+      "data-font": font,
+      "data-border": border,
+      "data-control-margins": controlMargins || void 0,
+      "data-flush": flush ? "true" : void 0,
+      "data-line-height": lineHeight === "tight" ? "tight" : void 0,
+      "data-align": align === "start" ? void 0 : align,
+      "data-wrap": wrap === "normal" ? void 0 : wrap,
+      "data-max-lines": maxLines === void 0 ? void 0 : String(maxLines),
+      "data-truncate": position === "end" ? void 0 : position,
+      title,
+      style: color === void 0 ? style : `${style === void 0 || style === null ? "" : `${style};`}color:${color}`,
+      children: textBody(position, children, textValue, truncateKeep, maxLines)
+    }
+  );
+}
+function textBody(position, children, textValue, truncateKeep, maxLines) {
+  switch (position) {
+    case "start":
+      return /* @__PURE__ */ jsx("span", { class: "kui-text__truncate-start", children: /* @__PURE__ */ jsx("span", { dir: "ltr", children }) });
+    case "middle":
+      return /* @__PURE__ */ jsx(
+        TruncateMiddle,
+        {
+          parts: splitMiddle(textValue, truncateKeep ?? "segment")
+        }
+      );
+    case "end":
+      return maxLines === void 0 ? children : /* @__PURE__ */ jsx(
+        "span",
+        {
+          class: "kui-text__clamp",
+          style: `--_kui-text-max-lines:${maxLines}`,
+          children
+        }
+      );
+  }
+}
+function TruncateMiddle({ parts: [head, tail] }) {
+  return /* @__PURE__ */ jsxs("span", { class: "kui-text__truncate-middle", children: [
+    /* @__PURE__ */ jsx("span", { class: "kui-text__truncate-head", children: head }),
+    tail ? /* @__PURE__ */ jsx("span", { class: "kui-text__truncate-tail", children: tail }) : ""
+  ] });
+}
+
+export { FieldLabel, Text };
+
+//# sourceMappingURL=chunk-LL45C7BB.js.map

package/dist/chunk-LL45C7BB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/field-label/field-label.tsx","../src/components/typography/text/text.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-LL45C7BB.js","sourcesContent":["import type { KerfBaseAttrs } from 'kerfjs/jsx-runtime';\n\nexport type FieldLabelProps = Omit<\n  KerfBaseAttrs,\n  'children' | 'class' | 'className'\n> & {\n  children: string;\n  class?: string;\n  className?: string;\n};\n\n/** Visible field heading for a read-only preview; use its id with aria-labelledby on the preview group. */\nexport function FieldLabel({\n  children,\n  class: classValue = '',\n  className = '',\n  ...attributes\n}: FieldLabelProps) {\n  const classes = ['kui-text__field-label', classValue, className]\n    .filter(Boolean)\n    .join(' ');\n  return (\n    <div {...attributes} class={classes} data-component=\"field-label\">\n      {children}\n    </div>\n  );\n}\n","import type { KerfBaseAttrs } from 'kerfjs/jsx-runtime';\n\nimport type { KerfUiContent } from '../../../shared/content/semantic-content.js';\nimport type { Sides } from '../../../shared/layout/sides.js';\nimport type { CssForegroundColor } from '../../../shared/styles/css-values.js';\n\nexport {\n  FieldLabel,\n  type FieldLabelProps,\n} from '../../forms/field-label/field-label.js';\n\nexport type TextVariant =\n  'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';\nexport type TextTone = 'default' | 'quiet' | 'danger';\nexport type TextSize = 'compact' | 'default' | 'large' | 'xlarge';\nexport type TextFont = 'default' | 'monospace';\nexport type TextBorder = 'transparent' | 'none';\nexport type TextLineHeight = 'default' | 'tight';\nexport type TextWrap = 'normal' | 'anywhere' | 'nowrap' | 'truncate';\n/** Inline alignment of the text's lines, in logical (writing-direction) terms. */\nexport type TextAlign = 'start' | 'center' | 'end';\n/**\n * Where `wrap=\"truncate\"` places its ellipsis: `end` (default) keeps the\n * start, `start` keeps the tail (branch names, the end of an identifier), and\n * `middle` keeps both the start and a suffix (file paths).\n */\nexport type TextTruncate = 'end' | 'middle' | 'start';\n/**\n * The suffix `truncate=\"middle\"` always keeps: a number of trailing\n * characters, or `segment` for the last path segment with its separator.\n */\nexport type TextTruncateKeep = number | 'segment';\n\nexport type TextContent =\n  KerfUiContent | string | number | readonly TextContent[];\n\ntype TextCommonProps = Omit<\n  KerfBaseAttrs,\n  'children' | 'class' | 'className'\n> & {\n  /** Native heading, paragraph, or inline span element to render. Defaults to `p`. */\n  variant?: TextVariant;\n  /** Semantic foreground treatment. Defaults to the inherited foreground. */\n  tone?: TextTone;\n  /** Foreground color; overrides tone when supplied, or inherits when omitted. */\n  color?: CssForegroundColor;\n  /** Text sizing independent of the native semantic element. */\n  size?: TextSize;\n  /** Font family independent of the native semantic element. */\n  font?: TextFont;\n  /** Transparent alignment border or no border when embedded in owner chrome. */\n  border?: TextBorder;\n  /** Add the shared control gutter outside selected physical edges. */\n  controlMargins?: Sides;\n  /** Remove the block variant's item padding and border in compact content. */\n  flush?: boolean;\n  /** Use compact leading for short dialog or metadata copy. */\n  lineHeight?: TextLineHeight;\n  /** Inline alignment of the lines (default `start`), for centered status copy. */\n  align?: TextAlign;\n  children: TextContent;\n  class?: string;\n  className?: string;\n};\n\nexport type TextProps = TextCommonProps &\n  (\n    | {\n        /** Wrap normally or break long unbroken strings. Defaults to normal. */\n        wrap?: 'normal' | 'anywhere';\n        /** Cap wrapped text to this positive number of lines. */\n        maxLines?: number;\n        truncate?: never;\n        truncateKeep?: never;\n      }\n    | {\n        /** Keep one line without an ellipsis. */\n        wrap: 'nowrap';\n        maxLines?: never;\n        truncate?: never;\n        truncateKeep?: never;\n      }\n    | {\n        /** Keep one line with an ellipsis. */\n        wrap: 'truncate';\n        maxLines?: never;\n        /**\n         * Where the ellipsis goes (default `end`). `start` and `middle` are\n         * for left-to-right identifiers and paths, and `middle` requires\n         * string or number children so it can split them.\n         */\n        truncate?: TextTruncate;\n        /**\n         * The suffix `truncate=\"middle\"` keeps (default `segment`: the last\n         * path segment, or the last 10 characters when there is no `/` or\n         * `\\\\` separator).\n         */\n        truncateKeep?: TextTruncateKeep;\n      }\n  );\n\n/** Characters a middle truncation keeps when the text has no path separator. */\nconst MIDDLE_FALLBACK_KEEP = 10;\n\n/** Split text into the shrinkable head and the always-kept tail. */\nfunction splitMiddle(text: string, keep: TextTruncateKeep): [string, string] {\n  let tailLength: number;\n  if (keep === 'segment') {\n    // Ignore one trailing separator so `src/lib/` keeps `/lib/`.\n    const searchEnd = /[/\\\\]$/.test(text) ? text.length - 1 : text.length;\n    const separator = Math.max(\n      text.lastIndexOf('/', searchEnd - 1),\n      text.lastIndexOf('\\\\', searchEnd - 1),\n    );\n    tailLength = separator > 0 ? text.length - separator : MIDDLE_FALLBACK_KEEP;\n  } else tailLength = keep;\n  if (tailLength >= text.length) return [text, ''];\n  return [text.slice(0, -tailLength), text.slice(-tailLength)];\n}\n\n/**\n * Semantic heading, paragraph, or inline text. Block variants use the standard\n * content-item padding; `span` adds no box geometry.\n * All ordinary native heading/paragraph attributes pass through to the element.\n */\nexport function Text({\n  variant: Variant = 'p',\n  tone = 'default',\n  color,\n  size = 'default',\n  font = 'default',\n  border = 'transparent',\n  flush = false,\n  controlMargins = '',\n  lineHeight = 'default',\n  align = 'start',\n  wrap = 'normal',\n  maxLines,\n  truncate,\n  truncateKeep,\n  children,\n  class: classValue = '',\n  className = '',\n  style,\n  ...attributes\n}: TextProps) {\n  if (\n    maxLines !== undefined &&\n    (!Number.isSafeInteger(maxLines) ||\n      maxLines < 1 ||\n      wrap === 'nowrap' ||\n      wrap === 'truncate')\n  )\n    throw new RangeError(\n      'Text maxLines requires a positive integer and wrapping',\n    );\n  const position = truncate ?? 'end';\n  if (\n    (truncate !== undefined && wrap !== 'truncate') ||\n    !['end', 'middle', 'start'].includes(position)\n  )\n    throw new RangeError(\n      'Text truncate requires wrap=\"truncate\" and one of end, middle, or start',\n    );\n  if (\n    truncateKeep !== undefined &&\n    (position !== 'middle' ||\n      (truncateKeep !== 'segment' &&\n        (!Number.isSafeInteger(truncateKeep) || truncateKeep < 1)))\n  )\n    throw new RangeError(\n      'Text truncateKeep requires truncate=\"middle\" and a positive integer or \"segment\"',\n    );\n  const textValue =\n    typeof children === 'string' || typeof children === 'number'\n      ? String(children)\n      : undefined;\n  if (position === 'middle' && textValue === undefined)\n    throw new TypeError(\n      'Text truncate=\"middle\" requires string or number children',\n    );\n  // Visually clipped start/middle text keeps its full value in the DOM; the\n  // title shows it to pointer users unless the app supplied its own.\n  const title =\n    attributes.title === undefined && position !== 'end'\n      ? textValue\n      : attributes.title;\n  const classes = ['kui-text', classValue, className].filter(Boolean).join(' ');\n  return (\n    <Variant\n      {...attributes}\n      class={classes}\n      data-component=\"text\"\n      data-tone={tone}\n      data-size={size}\n      data-font={font}\n      data-border={border}\n      data-control-margins={controlMargins || undefined}\n      data-flush={flush ? 'true' : undefined}\n      data-line-height={lineHeight === 'tight' ? 'tight' : undefined}\n      data-align={align === 'start' ? undefined : align}\n      data-wrap={wrap === 'normal' ? undefined : wrap}\n      data-max-lines={maxLines === undefined ? undefined : String(maxLines)}\n      data-truncate={position === 'end' ? undefined : position}\n      title={title}\n      style={\n        color === undefined\n          ? style\n          : `${style === undefined || style === null ? '' : `${style};`}color:${color}`\n      }\n    >\n      {textBody(position, children, textValue, truncateKeep, maxLines)}\n    </Variant>\n  );\n}\n\n/** The element's content for its truncation position or line cap. */\nfunction textBody(\n  position: TextTruncate,\n  children: TextContent,\n  textValue: string | undefined,\n  truncateKeep: TextTruncateKeep | undefined,\n  maxLines: number | undefined,\n): TextContent {\n  switch (position) {\n    case 'start':\n      return (\n        <span class=\"kui-text__truncate-start\">\n          <span dir=\"ltr\">{children}</span>\n        </span>\n      );\n    case 'middle':\n      return (\n        <TruncateMiddle\n          parts={splitMiddle(textValue!, truncateKeep ?? 'segment')}\n        />\n      );\n    case 'end':\n      return maxLines === undefined ? (\n        children\n      ) : (\n        <span\n          class=\"kui-text__clamp\"\n          style={`--_kui-text-max-lines:${maxLines}`}\n        >\n          {children}\n        </span>\n      );\n  }\n}\n\nfunction TruncateMiddle({ parts: [head, tail] }: { parts: [string, string] }) {\n  return (\n    <span class=\"kui-text__truncate-middle\">\n      <span class=\"kui-text__truncate-head\">{head}</span>\n      {tail ? <span class=\"kui-text__truncate-tail\">{tail}</span> : ''}\n    </span>\n  );\n}\n\nexport type { Sides } from '../../../shared/layout/sides.js';\n"]}

package/dist/chunk-M2NRCFRO.js

@@ -0,0 +1,45 @@
+import { LucideIcon } from './chunk-UKKRPP56.js';
+import { filterDataAttributes } from './chunk-KH4KEMSP.js';
+import { jsx } from 'kerfjs/jsx-runtime';
+
+var iconButtonProtectedAttributes = /* @__PURE__ */ new Set([
+  "data-component",
+  "data-action"
+]);
+function IconButton({
+  icon,
+  iconName,
+  label,
+  action,
+  appearance,
+  variant,
+  size,
+  type = "button",
+  disabled = false,
+  id,
+  className = "",
+  rootAttributes = {},
+  slot
+}) {
+  return /* @__PURE__ */ jsx(
+    "wa-button",
+    {
+      ...filterDataAttributes(rootAttributes, iconButtonProtectedAttributes),
+      id,
+      class: `kui-icon-button ${className}`.trim(),
+      "data-component": "icon-button",
+      "data-action": action,
+      appearance,
+      variant,
+      size,
+      type,
+      disabled: disabled || void 0,
+      slot,
+      children: /* @__PURE__ */ jsx(LucideIcon, { icon, name: iconName, label })
+    }
+  );
+}
+
+export { IconButton };
+
+//# sourceMappingURL=chunk-M2NRCFRO.js.map

package/dist/chunk-M2NRCFRO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/actions/icon-button/icon-button.tsx"],"names":[],"mappings":";;;;AAYA,IAAM,6BAAA,uBAAoC,GAAA,CAAI;AAAA,EAC5C,gBAAA;AAAA,EACA;AACF,CAAC,CAAA;AAyCM,SAAS,UAAA,CAAW;AAAA,EACzB,IAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,QAAA,GAAW,KAAA;AAAA,EACX,EAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,iBAAiB,EAAC;AAAA,EAClB;AACF,CAAA,EAAoB;AAClB,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACE,GAAG,oBAAA,CAAqB,cAAA,EAAgB,6BAA6B,CAAA;AAAA,MACtE,EAAA;AAAA,MACA,KAAA,EAAO,CAAA,gBAAA,EAAmB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MAC3C,gBAAA,EAAe,aAAA;AAAA,MACf,aAAA,EAAa,MAAA;AAAA,MACb,UAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAU,QAAA,IAAY,MAAA;AAAA,MACtB,IAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAY,IAAA,EAAM,UAAU,KAAA,EAAc;AAAA;AAAA,GACxD;AAEJ","file":"chunk-M2NRCFRO.js","sourcesContent":["import { filterDataAttributes } from '../../../shared/dom/extension-attributes.js';\nimport {\n  LucideIcon,\n  type LucideNode,\n} from '../../media/lucide-icon/lucide-icon.js';\n\nexport type IconButtonAppearance =\n  'accent' | 'filled' | 'outlined' | 'filled-outlined' | 'plain';\nexport type IconButtonVariant =\n  'neutral' | 'brand' | 'success' | 'warning' | 'danger';\nexport type IconButtonSize = 'xs' | 's' | 'm' | 'l' | 'xl';\n\nconst iconButtonProtectedAttributes = new Set([\n  'data-component',\n  'data-action',\n]);\n\ntype IconButtonRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined> & {\n    'data-component'?: never;\n    'data-action'?: never;\n  }\n>;\n\nexport interface IconButtonProps {\n  /** The Lucide-compatible icon node shown alone in the button. */\n  icon: LucideNode;\n  /** The icon's stable name, as `LucideIcon` takes it. */\n  iconName: string;\n  /** Accessible name; the button has no visible text, so it is required. */\n  label: string;\n  /** Delegated `data-action` the application handles. */\n  action?: string;\n  /** Web Awesome appearance; defaults to Web Awesome's own. */\n  appearance?: IconButtonAppearance;\n  /** Web Awesome semantic variant; defaults to Web Awesome's own. */\n  variant?: IconButtonVariant;\n  /** Web Awesome control size; the square follows its control height. */\n  size?: IconButtonSize;\n  type?: 'button' | 'submit' | 'reset';\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n  /** Safe `data-*` metadata; `data-component` and `data-action` stay owned. */\n  rootAttributes?: IconButtonRootAttributes;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/**\n * An icon-only Web Awesome button with a `LucideIcon`: square, one form\n * control height on each side, so it matches an adjacent `wa-input` or\n * `Select`. Web Awesome squares a button only for a lone `wa-icon`; this is\n * the Kerf form for Lucide icons. Register `wa-button` once\n * (`@awesome.me/webawesome/dist/components/button/button.js`).\n */\nexport function IconButton({\n  icon,\n  iconName,\n  label,\n  action,\n  appearance,\n  variant,\n  size,\n  type = 'button',\n  disabled = false,\n  id,\n  className = '',\n  rootAttributes = {},\n  slot,\n}: IconButtonProps) {\n  return (\n    <wa-button\n      {...filterDataAttributes(rootAttributes, iconButtonProtectedAttributes)}\n      id={id}\n      class={`kui-icon-button ${className}`.trim()}\n      data-component=\"icon-button\"\n      data-action={action}\n      appearance={appearance}\n      variant={variant}\n      size={size}\n      type={type}\n      disabled={disabled || undefined}\n      slot={slot}\n    >\n      <LucideIcon icon={icon} name={iconName} label={label} />\n    </wa-button>\n  );\n}\n"]}

package/dist/chunk-MJ5RU6XT.js

@@ -0,0 +1,173 @@
+// src/wiring/wire-list-reorder.ts
+var ROW = '[data-component="list-item"], [data-component="list-item-link"], [data-component="list-action-row"]';
+var LIST = '[data-component="list"]';
+var DRAG_TYPE = "application/x-kerf-list-items";
+function reorderListItems(items, getId, sourceIds, target) {
+  const moving = new Set(sourceIds);
+  if (moving.has(target.id)) return [...items];
+  const moved = items.filter((item) => moving.has(getId(item)));
+  const remaining = items.filter((item) => !moving.has(getId(item)));
+  const index = remaining.findIndex((item) => getId(item) === target.id);
+  if (!moved.length || index < 0) return [...items];
+  remaining.splice(index + (target.position === "after" ? 1 : 0), 0, ...moved);
+  return remaining;
+}
+function rowOf(target) {
+  return target instanceof Element ? target.closest(ROW) ?? void 0 : void 0;
+}
+function reorderable(row) {
+  return row.getAttribute("draggable") === "true" && Boolean(row.dataset.itemId);
+}
+function scopeOf(row) {
+  return row.closest(LIST) ?? row.parentElement ?? void 0;
+}
+function rowsIn(scope) {
+  return [...scope.querySelectorAll(ROW)].filter(
+    (row) => reorderable(row) && scopeOf(row) === scope
+  );
+}
+function selected(row) {
+  if (row.dataset.component === "list-action-row")
+    return row.dataset.selected === "true" || row.dataset.pressed === "true";
+  return row.getAttribute("aria-current") === "page" || row.getAttribute("aria-pressed") === "true";
+}
+function sourcesFor(row, rows) {
+  return selected(row) ? rows.filter(selected) : [row];
+}
+function positionFor(event, row) {
+  const bounds = row.getBoundingClientRect();
+  return event.clientY < bounds.top + bounds.height / 2 ? "before" : "after";
+}
+function focusTarget(row) {
+  return row.querySelector(":scope > .kui-list-action-row__primary") ?? row;
+}
+function wireListReorder(root, { onReorder }) {
+  let disposed = false;
+  let dragged;
+  const clearDropPositions = () => root.querySelectorAll(`:is(${ROW})[data-drop-position]`).forEach((row) => delete row.dataset.dropPosition);
+  const clear = () => {
+    dragged = void 0;
+    root.querySelectorAll(
+      `:is(${ROW}):is([data-dragging], [data-drop-position])`
+    ).forEach((row) => {
+      delete row.dataset.dragging;
+      delete row.dataset.dropPosition;
+    });
+  };
+  const report = (scope, change) => {
+    const listId = scope.dataset.listId;
+    onReorder(listId ? { listId, ...change } : change);
+  };
+  const view = (root.nodeType === 9 ? root : root.ownerDocument).defaultView;
+  const refocus = (listId, itemId) => {
+    const restore = () => {
+      if (disposed) return;
+      const row = [...root.querySelectorAll(ROW)].find(
+        (candidate) => candidate.dataset.itemId === itemId && scopeOf(candidate)?.dataset.listId === listId
+      );
+      if (!row) return;
+      const target = focusTarget(row);
+      if (target.ownerDocument.activeElement === target) return;
+      target.focus();
+      target.scrollIntoView({ block: "nearest", inline: "nearest" });
+    };
+    globalThis.queueMicrotask(restore);
+    view.requestAnimationFrame(restore);
+  };
+  const onDragStart = (event) => {
+    const dragEvent = event;
+    const row = rowOf(event.target);
+    const scope = row && scopeOf(row);
+    if (!row || !scope || !reorderable(row)) return;
+    const sources = sourcesFor(row, rowsIn(scope));
+    const sourceIds = sources.map((source) => source.dataset.itemId);
+    dragged = { scope, sourceIds };
+    for (const source of sources) source.dataset.dragging = "true";
+    if (dragEvent.dataTransfer) {
+      dragEvent.dataTransfer.effectAllowed = "move";
+      dragEvent.dataTransfer.setData(DRAG_TYPE, sourceIds.join("\n"));
+    }
+  };
+  const dropRow = (event) => {
+    const row = rowOf(event.target);
+    if (!dragged || !row || !reorderable(row) || scopeOf(row) !== dragged.scope || dragged.sourceIds.includes(row.dataset.itemId))
+      return void 0;
+    return row;
+  };
+  const onDragOver = (event) => {
+    if (!dragged) return;
+    const dragEvent = event;
+    const row = dropRow(event);
+    clearDropPositions();
+    if (!row) return;
+    dragEvent.preventDefault();
+    row.dataset.dropPosition = positionFor(dragEvent, row);
+    if (dragEvent.dataTransfer) dragEvent.dataTransfer.dropEffect = "move";
+  };
+  const onDrop = (event) => {
+    const current = dragged;
+    const row = dropRow(event);
+    if (!current || !row) {
+      clear();
+      return;
+    }
+    event.preventDefault();
+    const target = {
+      id: row.dataset.itemId,
+      position: positionFor(event, row)
+    };
+    clear();
+    report(current.scope, {
+      sourceIds: current.sourceIds,
+      target,
+      source: "pointer"
+    });
+  };
+  const onKeyDown = (event) => {
+    const keyboardEvent = event;
+    if (!keyboardEvent.altKey || !keyboardEvent.shiftKey || keyboardEvent.ctrlKey || keyboardEvent.metaKey || keyboardEvent.key !== "ArrowUp" && keyboardEvent.key !== "ArrowDown")
+      return;
+    const row = rowOf(event.target);
+    const scope = row && scopeOf(row);
+    if (!row || !scope || !reorderable(row)) return;
+    const rows = rowsIn(scope);
+    const sources = sourcesFor(row, rows);
+    const up = keyboardEvent.key === "ArrowUp";
+    const edge = rows.indexOf(up ? sources[0] : sources.at(-1));
+    const neighbors = up ? rows.slice(0, edge).reverse() : rows.slice(edge + 1);
+    const neighbor = neighbors.find(
+      (candidate) => !sources.includes(candidate)
+    );
+    if (!neighbor) return;
+    keyboardEvent.preventDefault();
+    const listId = scope.dataset.listId;
+    const focusedId = row.dataset.itemId;
+    report(scope, {
+      sourceIds: sources.map((source) => source.dataset.itemId),
+      target: {
+        id: neighbor.dataset.itemId,
+        position: up ? "before" : "after"
+      },
+      source: "keyboard"
+    });
+    refocus(listId, focusedId);
+  };
+  root.addEventListener("dragstart", onDragStart);
+  root.addEventListener("dragover", onDragOver);
+  root.addEventListener("drop", onDrop);
+  root.addEventListener("dragend", clear);
+  root.addEventListener("keydown", onKeyDown);
+  return () => {
+    disposed = true;
+    clear();
+    root.removeEventListener("dragstart", onDragStart);
+    root.removeEventListener("dragover", onDragOver);
+    root.removeEventListener("drop", onDrop);
+    root.removeEventListener("dragend", clear);
+    root.removeEventListener("keydown", onKeyDown);
+  };
+}
+
+export { reorderListItems, wireListReorder };
+
+//# sourceMappingURL=chunk-MJ5RU6XT.js.map

package/dist/chunk-MJ5RU6XT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/wiring/wire-list-reorder.ts"],"names":[],"mappings":"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","file":"chunk-MJ5RU6XT.js","sourcesContent":["/** Which edge of the target row the moved rows land beside. */\nexport type ListDropPosition = 'before' | 'after';\n\n/** How the person asked for the move. */\nexport type ListReorderSource = 'pointer' | 'keyboard';\n\n/** The row the moved rows land beside, and on which side of it. */\nexport interface ListReorderTarget {\n  id: string;\n  position: ListDropPosition;\n}\n\n/** One requested reorder. The application applies it to its own ordered state. */\nexport interface ListReorder {\n  /** The containing list's `data-list-id`, when it has one. */\n  listId?: string;\n  /** The moved rows' `itemId`s, in their current order. */\n  sourceIds: string[];\n  target: ListReorderTarget;\n  source: ListReorderSource;\n}\n\nexport interface WireListReorderOptions {\n  /** Apply the change synchronously (for example with `reorderListItems`) and re-render. */\n  onReorder: (change: ListReorder) => void;\n}\n\nconst ROW =\n  '[data-component=\"list-item\"], [data-component=\"list-item-link\"], [data-component=\"list-action-row\"]';\nconst LIST = '[data-component=\"list\"]';\nconst DRAG_TYPE = 'application/x-kerf-list-items';\n\n/**\n * Move `sourceIds` (kept in their current relative order) to `target`'s side\n * of the target row. Returns a new array; an unknown target, a target that is\n * itself being moved, or no known sources leave the order unchanged.\n */\nexport function reorderListItems<T>(\n  items: readonly T[],\n  getId: (item: T) => string,\n  sourceIds: readonly string[],\n  target: ListReorderTarget,\n): T[] {\n  const moving = new Set(sourceIds);\n  if (moving.has(target.id)) return [...items];\n  const moved = items.filter((item) => moving.has(getId(item)));\n  const remaining = items.filter((item) => !moving.has(getId(item)));\n  const index = remaining.findIndex((item) => getId(item) === target.id);\n  if (!moved.length || index < 0) return [...items];\n  remaining.splice(index + (target.position === 'after' ? 1 : 0), 0, ...moved);\n  return remaining;\n}\n\nfunction rowOf(target: EventTarget | null): HTMLElement | undefined {\n  return target instanceof Element\n    ? (target.closest<HTMLElement>(ROW) ?? undefined)\n    : undefined;\n}\n\nfunction reorderable(row: HTMLElement): boolean {\n  return (\n    row.getAttribute('draggable') === 'true' && Boolean(row.dataset.itemId)\n  );\n}\n\n/** The list a row reorders within: its List, or its parent element. */\nfunction scopeOf(row: HTMLElement): HTMLElement | undefined {\n  return row.closest<HTMLElement>(LIST) ?? row.parentElement ?? undefined;\n}\n\nfunction rowsIn(scope: HTMLElement): HTMLElement[] {\n  return [...scope.querySelectorAll<HTMLElement>(ROW)].filter(\n    (row) => reorderable(row) && scopeOf(row) === scope,\n  );\n}\n\nfunction selected(row: HTMLElement): boolean {\n  if (row.dataset.component === 'list-action-row')\n    return row.dataset.selected === 'true' || row.dataset.pressed === 'true';\n  return (\n    row.getAttribute('aria-current') === 'page' ||\n    row.getAttribute('aria-pressed') === 'true'\n  );\n}\n\n/** A selected row carries every selected row of its list; any other row moves alone. */\nfunction sourcesFor(row: HTMLElement, rows: readonly HTMLElement[]) {\n  return selected(row) ? rows.filter(selected) : [row];\n}\n\nfunction positionFor(event: DragEvent, row: HTMLElement): ListDropPosition {\n  const bounds = row.getBoundingClientRect();\n  return event.clientY < bounds.top + bounds.height / 2 ? 'before' : 'after';\n}\n\nfunction focusTarget(row: HTMLElement): HTMLElement {\n  return (\n    row.querySelector<HTMLElement>(':scope > .kui-list-action-row__primary') ??\n    row\n  );\n}\n\n/**\n * Wire native drag-and-drop and Alt+Shift+ArrowUp/ArrowDown reordering for\n * draggable `ListItem`, `ListItemLink`, and `ListActionRow` rows below `root`.\n * Rows reorder within their `List` (or parent element) and are identified by\n * `itemId`. Dragging a selected or pressed row moves every selected row of\n * its list. While a pointer drag is in progress the wiring paints the same\n * `data-dragging` / `data-drop-position` attributes the rows' `dragging` and\n * `dropPosition` props render. Order stays application state: `onReorder`\n * reports the change and the application re-renders. Returns a disposer.\n */\nexport function wireListReorder(\n  root: HTMLElement | Document,\n  { onReorder }: WireListReorderOptions,\n): () => void {\n  let disposed = false;\n  let dragged: { scope: HTMLElement; sourceIds: string[] } | undefined;\n\n  const clearDropPositions = () =>\n    root\n      .querySelectorAll<HTMLElement>(`:is(${ROW})[data-drop-position]`)\n      .forEach((row) => delete row.dataset.dropPosition);\n  const clear = () => {\n    dragged = undefined;\n    root\n      .querySelectorAll<HTMLElement>(\n        `:is(${ROW}):is([data-dragging], [data-drop-position])`,\n      )\n      .forEach((row) => {\n        delete row.dataset.dragging;\n        delete row.dataset.dropPosition;\n      });\n  };\n  const report = (scope: HTMLElement, change: Omit<ListReorder, 'listId'>) => {\n    const listId = scope.dataset.listId;\n    onReorder(listId ? { listId, ...change } : change);\n  };\n  const view = (root.nodeType === 9 ? (root as Document) : root.ownerDocument)!\n    .defaultView!;\n  /**\n   * Return focus to the moved row by identity. An unkeyed re-render morphs\n   * rows in place, so the focused element can come to hold a different row;\n   * a render may also land after a microtask (a scheduled effect). Check once\n   * after the synchronous render and again before the next frame.\n   */\n  const refocus = (listId: string | undefined, itemId: string) => {\n    const restore = () => {\n      if (disposed) return;\n      const row = [...root.querySelectorAll<HTMLElement>(ROW)].find(\n        (candidate) =>\n          candidate.dataset.itemId === itemId &&\n          scopeOf(candidate)?.dataset.listId === listId,\n      );\n      if (!row) return;\n      const target = focusTarget(row);\n      if (target.ownerDocument.activeElement === target) return;\n      target.focus();\n      target.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    };\n    globalThis.queueMicrotask(restore);\n    view.requestAnimationFrame(restore);\n  };\n\n  const onDragStart = (event: Event) => {\n    const dragEvent = event as DragEvent;\n    const row = rowOf(event.target);\n    const scope = row && scopeOf(row);\n    if (!row || !scope || !reorderable(row)) return;\n    const sources = sourcesFor(row, rowsIn(scope));\n    const sourceIds = sources.map((source) => source.dataset.itemId!);\n    dragged = { scope, sourceIds };\n    for (const source of sources) source.dataset.dragging = 'true';\n    if (dragEvent.dataTransfer) {\n      dragEvent.dataTransfer.effectAllowed = 'move';\n      dragEvent.dataTransfer.setData(DRAG_TYPE, sourceIds.join('\\n'));\n    }\n  };\n  /** The row under a drag event that the dragged rows may land beside. */\n  const dropRow = (event: Event) => {\n    const row = rowOf(event.target);\n    if (\n      !dragged ||\n      !row ||\n      !reorderable(row) ||\n      scopeOf(row) !== dragged.scope ||\n      dragged.sourceIds.includes(row.dataset.itemId!)\n    )\n      return undefined;\n    return row;\n  };\n  const onDragOver = (event: Event) => {\n    if (!dragged) return;\n    const dragEvent = event as DragEvent;\n    const row = dropRow(event);\n    clearDropPositions();\n    if (!row) return;\n    dragEvent.preventDefault();\n    row.dataset.dropPosition = positionFor(dragEvent, row);\n    if (dragEvent.dataTransfer) dragEvent.dataTransfer.dropEffect = 'move';\n  };\n  const onDrop = (event: Event) => {\n    const current = dragged;\n    const row = dropRow(event);\n    if (!current || !row) {\n      clear();\n      return;\n    }\n    event.preventDefault();\n    const target: ListReorderTarget = {\n      id: row.dataset.itemId!,\n      position: positionFor(event as DragEvent, row),\n    };\n    clear();\n    report(current.scope, {\n      sourceIds: current.sourceIds,\n      target,\n      source: 'pointer',\n    });\n  };\n  const onKeyDown = (event: Event) => {\n    const keyboardEvent = event as KeyboardEvent;\n    if (\n      !keyboardEvent.altKey ||\n      !keyboardEvent.shiftKey ||\n      keyboardEvent.ctrlKey ||\n      keyboardEvent.metaKey ||\n      (keyboardEvent.key !== 'ArrowUp' && keyboardEvent.key !== 'ArrowDown')\n    )\n      return;\n    const row = rowOf(event.target);\n    const scope = row && scopeOf(row);\n    if (!row || !scope || !reorderable(row)) return;\n    const rows = rowsIn(scope);\n    const sources = sourcesFor(row, rows);\n    const up = keyboardEvent.key === 'ArrowUp';\n    const edge = rows.indexOf(up ? sources[0]! : sources.at(-1)!);\n    const neighbors = up ? rows.slice(0, edge).reverse() : rows.slice(edge + 1);\n    const neighbor = neighbors.find(\n      (candidate) => !sources.includes(candidate),\n    );\n    if (!neighbor) return;\n    keyboardEvent.preventDefault();\n    // Read identity before reporting: a synchronous controlled render can\n    // morph these very elements into other rows.\n    const listId = scope.dataset.listId;\n    const focusedId = row.dataset.itemId!;\n    report(scope, {\n      sourceIds: sources.map((source) => source.dataset.itemId!),\n      target: {\n        id: neighbor.dataset.itemId!,\n        position: up ? 'before' : 'after',\n      },\n      source: 'keyboard',\n    });\n    refocus(listId, focusedId);\n  };\n\n  root.addEventListener('dragstart', onDragStart);\n  root.addEventListener('dragover', onDragOver);\n  root.addEventListener('drop', onDrop);\n  root.addEventListener('dragend', clear);\n  root.addEventListener('keydown', onKeyDown);\n  return () => {\n    disposed = true;\n    clear();\n    root.removeEventListener('dragstart', onDragStart);\n    root.removeEventListener('dragover', onDragOver);\n    root.removeEventListener('drop', onDrop);\n    root.removeEventListener('dragend', clear);\n    root.removeEventListener('keydown', onKeyDown);\n  };\n}\n"]}