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

package/dist/chunk-7K6U6FCN.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-7K6U6FCN.js.map

package/dist/chunk-7K6U6FCN.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-7K6U6FCN.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';\n/**\n * `compact` (xs), `default` (the element's own size), `medium` (the 16px\n * body size, for a heading such as an in-list group title), `large`, or\n * `xlarge`.\n */\nexport type TextSize = 'compact' | 'default' | 'medium' | '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-AMIHGFLP.js

@@ -0,0 +1,59 @@
+import { verticalAlignment, horizontalAlignment } from './chunk-D4MXSAMI.js';
+import { gapLength } from './chunk-MHMWQ7RB.js';
+import { filterRootAttributes } from './chunk-KH4KEMSP.js';
+import { jsx } from 'kerfjs/jsx-runtime';
+
+var rowProtectedAttributes = /* @__PURE__ */ new Set([
+  "data-component",
+  "data-h-align",
+  "data-v-align",
+  "data-flex",
+  "data-fill",
+  "data-wrap",
+  "data-text-insets",
+  "data-control-insets"
+]);
+function Row({
+  children,
+  hAlign = "left",
+  vAlign = "full",
+  gap = "xs",
+  flex = false,
+  fill = false,
+  wrap = false,
+  textInsets = "",
+  controlInsets = "",
+  className = "",
+  rootAttributes = {},
+  slot
+}) {
+  const safeRootAttributes = filterRootAttributes(
+    rootAttributes,
+    rowProtectedAttributes
+  );
+  const gapStyle = typeof gap === "string" ? `--_kui-row-gap:${gapLength(gap)}` : `--_kui-row-column-gap:${gapLength(gap.column)};--_kui-row-row-gap:${gapLength(gap.row)}`;
+  const flexValue = flex === true ? "1 1 auto" : flex || void 0;
+  const style = [gapStyle, flexValue ? `--_kui-row-flex:${flexValue}` : ""].filter(Boolean).join(";");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...safeRootAttributes,
+      class: `kui-row ${className}`.trim(),
+      "data-component": "row",
+      "data-h-align": horizontalAlignment(hAlign),
+      "data-v-align": verticalAlignment(vAlign),
+      "data-flex": String(Boolean(flex)),
+      "data-fill": fill ? "true" : void 0,
+      "data-wrap": String(wrap),
+      "data-text-insets": textInsets || void 0,
+      "data-control-insets": controlInsets || void 0,
+      style,
+      slot,
+      children
+    }
+  );
+}
+
+export { Row };
+
+//# sourceMappingURL=chunk-AMIHGFLP.js.map

package/dist/chunk-AMIHGFLP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/row/row.tsx"],"names":[],"mappings":";;;;;AAmBA,IAAM,sBAAA,uBAA6B,GAAA,CAAI;AAAA,EACrC,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF,CAAC,CAAA;AA+CM,SAAS,GAAA,CAAI;AAAA,EAClB,QAAA;AAAA,EACA,MAAA,GAAS,MAAA;AAAA,EACT,MAAA,GAAS,MAAA;AAAA,EACT,GAAA,GAAM,IAAA;AAAA,EACN,IAAA,GAAO,KAAA;AAAA,EACP,IAAA,GAAO,KAAA;AAAA,EACP,IAAA,GAAO,KAAA;AAAA,EACP,UAAA,GAAa,EAAA;AAAA,EACb,aAAA,GAAgB,EAAA;AAAA,EAChB,SAAA,GAAY,EAAA;AAAA,EACZ,iBAAiB,EAAC;AAAA,EAClB;AACF,CAAA,EAAa;AACX,EAAA,MAAM,kBAAA,GAAqB,oBAAA;AAAA,IACzB,cAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,WACJ,OAAO,GAAA,KAAQ,WACX,CAAA,eAAA,EAAkB,SAAA,CAAU,GAAG,CAAC,CAAA,CAAA,GAChC,CAAA,sBAAA,EAAyB,SAAA,CAAU,IAAI,MAAM,CAAC,uBAAuB,SAAA,CAAU,GAAA,CAAI,GAAG,CAAC,CAAA,CAAA;AAC7F,EAAA,MAAM,SAAA,GAAY,IAAA,KAAS,IAAA,GAAO,UAAA,GAAa,IAAA,IAAQ,MAAA;AACvD,EAAA,MAAM,KAAA,GAAQ,CAAC,QAAA,EAAU,SAAA,GAAY,CAAA,gBAAA,EAAmB,SAAS,CAAA,CAAA,GAAK,EAAE,CAAA,CACrE,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,kBAAA;AAAA,MACJ,KAAA,EAAO,CAAA,QAAA,EAAW,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MACnC,gBAAA,EAAe,KAAA;AAAA,MACf,cAAA,EAAc,oBAAoB,MAAM,CAAA;AAAA,MACxC,cAAA,EAAc,kBAAkB,MAAM,CAAA;AAAA,MACtC,WAAA,EAAW,MAAA,CAAO,OAAA,CAAQ,IAAI,CAAC,CAAA;AAAA,MAC/B,WAAA,EAAW,OAAO,MAAA,GAAS,MAAA;AAAA,MAC3B,WAAA,EAAW,OAAO,IAAI,CAAA;AAAA,MACtB,oBAAkB,UAAA,IAAc,MAAA;AAAA,MAChC,uBAAqB,aAAA,IAAiB,MAAA;AAAA,MACtC,KAAA;AAAA,MACA,IAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"chunk-AMIHGFLP.js","sourcesContent":["import type { KerfUiContent } from '../../../shared/content/semantic-content.js';\nimport {\n  filterRootAttributes,\n  type StructuralRootAttributes,\n} from '../../../shared/dom/extension-attributes.js';\nimport {\n  type HorizontalAlignment,\n  horizontalAlignment,\n  type VerticalAlignment,\n  verticalAlignment,\n} from '../../../shared/layout/flex-alignment.js';\nimport { gapLength } from '../../../shared/layout/gap.js';\nimport type { Sides } from '../../../shared/layout/sides.js';\nimport {\n  type CssFlex,\n  type CssFlexKeyword,\n  type UiGap,\n} from '../../../shared/styles/css-values.js';\n\nconst rowProtectedAttributes = new Set([\n  'data-component',\n  'data-h-align',\n  'data-v-align',\n  'data-flex',\n  'data-fill',\n  'data-wrap',\n  'data-text-insets',\n  'data-control-insets',\n]);\n\ntype RowRootAttributes = StructuralRootAttributes &\n  Readonly<{\n    'data-component'?: never;\n    'data-h-align'?: never;\n    'data-v-align'?: never;\n    'data-flex'?: never;\n    'data-fill'?: never;\n    'data-wrap'?: never;\n    'data-text-insets'?: never;\n    'data-control-insets'?: never;\n  }>;\n\nexport interface RowProps {\n  children?: KerfUiContent;\n  /** Horizontal distribution. Defaults to left. */\n  hAlign?: HorizontalAlignment;\n  /** Vertical alignment and wrapped-line distribution. Defaults to full. */\n  vAlign?: VerticalAlignment;\n  /** One spacing value or separate column and row values. Defaults to xs. */\n  gap?: UiGap;\n  /** Allow this row to grow/shrink, use a keyword, or supply a typed CSS flex shorthand. */\n  flex?: boolean | CssFlexKeyword | CssFlex;\n  /**\n   * Fill the height of a parent with a definite height, such as an app root or\n   * a fixed-height frame, when this row is that parent's layout root. Inside a\n   * flex layout use `flex` instead. Defaults to false.\n   */\n  fill?: boolean;\n  /** Allow children to wrap onto additional lines. */\n  wrap?: boolean;\n  /** Physical sides that receive the standard 17px text inset. */\n  textInsets?: Sides;\n  /** Physical sides that receive the standard 8px control inset. Text insets win on overlap. */\n  controlInsets?: Sides;\n  className?: string;\n  /**\n   * Safe `data-*`, `aria-*`, and structural `role` metadata (a named\n   * `region`, a `group`); Row-owned structural attributes remain protected.\n   */\n  rootAttributes?: RowRootAttributes;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/** A horizontal flex row with explicit physical-axis alignment and spacing. */\nexport function Row({\n  children,\n  hAlign = 'left',\n  vAlign = 'full',\n  gap = 'xs',\n  flex = false,\n  fill = false,\n  wrap = false,\n  textInsets = '',\n  controlInsets = '',\n  className = '',\n  rootAttributes = {},\n  slot,\n}: RowProps) {\n  const safeRootAttributes = filterRootAttributes(\n    rootAttributes,\n    rowProtectedAttributes,\n  );\n  const gapStyle =\n    typeof gap === 'string'\n      ? `--_kui-row-gap:${gapLength(gap)}`\n      : `--_kui-row-column-gap:${gapLength(gap.column)};--_kui-row-row-gap:${gapLength(gap.row)}`;\n  const flexValue = flex === true ? '1 1 auto' : flex || undefined;\n  const style = [gapStyle, flexValue ? `--_kui-row-flex:${flexValue}` : '']\n    .filter(Boolean)\n    .join(';');\n\n  return (\n    <div\n      {...safeRootAttributes}\n      class={`kui-row ${className}`.trim()}\n      data-component=\"row\"\n      data-h-align={horizontalAlignment(hAlign)}\n      data-v-align={verticalAlignment(vAlign)}\n      data-flex={String(Boolean(flex))}\n      data-fill={fill ? 'true' : undefined}\n      data-wrap={String(wrap)}\n      data-text-insets={textInsets || undefined}\n      data-control-insets={controlInsets || undefined}\n      style={style}\n      slot={slot}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport type {\n  HorizontalAlignment,\n  VerticalAlignment,\n} from '../../../shared/layout/flex-alignment.js';\nexport type { Sides } from '../../../shared/layout/sides.js';\nexport type {\n  CssFlex,\n  CssFlexKeyword,\n  CssLength,\n  UiGap,\n  UiGapValue,\n  UiSpaceName,\n} from '../../../shared/styles/css-values.js';\n"]}

package/dist/chunk-AN5IWMTM.js

@@ -0,0 +1,24 @@
+import { jsx } from 'kerfjs/jsx-runtime';
+
+// src/components/collections/list-inset-control/list-inset-control.tsx
+function ListInsetControl({
+  children,
+  sides = "trbl",
+  className = "",
+  slot
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      class: `kui-list-inset-control ${className}`.trim(),
+      "data-component": "list-inset-control",
+      "data-sides": sides,
+      slot,
+      children
+    }
+  );
+}
+
+export { ListInsetControl };
+
+//# sourceMappingURL=chunk-AN5IWMTM.js.map

package/dist/chunk-AN5IWMTM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/collections/list-inset-control/list-inset-control.tsx"],"names":[],"mappings":";;;AAmBO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,KAAA,GAAQ,MAAA;AAAA,EACR,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,EAA0B;AACxB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,uBAAA,EAA0B,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MAClD,gBAAA,EAAe,oBAAA;AAAA,MACf,YAAA,EAAY,KAAA;AAAA,MACZ,IAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"chunk-AN5IWMTM.js","sourcesContent":["import type { KerfUiContent } from '../../../shared/content/semantic-content.js';\nimport type { Sides } from '../../../shared/layout/sides.js';\n\nexport interface ListInsetControlProps {\n  /** Control(s) that own their own border and padding (e.g. an input, a `wa-*`). */\n  children: KerfUiContent;\n  /** Physical inset sides in canonical top/right/bottom/left order. Defaults to all sides. */\n  sides?: Sides;\n  className?: string;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/**\n * Insets a control into a pane/list content region: an 8px inline margin (so its\n * edges line up with `.kui-content` items) and a stretch flex row with an 8px gap.\n * Use it for controls that carry their own border and padding but no outer margin\n * — the wrapper adds only the alignment margin and layout, not a second inset.\n */\nexport function ListInsetControl({\n  children,\n  sides = 'trbl',\n  className = '',\n  slot,\n}: ListInsetControlProps) {\n  return (\n    <div\n      class={`kui-list-inset-control ${className}`.trim()}\n      data-component=\"list-inset-control\"\n      data-sides={sides}\n      slot={slot}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport type { Sides } from '../../../shared/layout/sides.js';\n"]}

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-B53PS2LE.js

@@ -0,0 +1,34 @@
+import { LoadingSpinner } from './chunk-WVS6CUCT.js';
+import { jsxs, jsx } from 'kerfjs/jsx-runtime';
+
+function EmptyState({
+  title,
+  detail,
+  icon,
+  action,
+  busy = false,
+  className = "",
+  slot
+}) {
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      class: `kui-empty-state ${className}`.trim(),
+      "data-component": "empty-state",
+      "data-busy": String(busy),
+      role: "status",
+      "aria-busy": String(busy),
+      slot,
+      children: [
+        /* @__PURE__ */ jsx("div", { class: "kui-empty-state__icon", children: busy ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : icon }),
+        /* @__PURE__ */ jsx("strong", { children: title }),
+        detail && /* @__PURE__ */ jsx("span", { children: detail }),
+        action && /* @__PURE__ */ jsx("div", { class: "kui-empty-state__action", children: action })
+      ]
+    }
+  );
+}
+
+export { EmptyState };
+
+//# sourceMappingURL=chunk-B53PS2LE.js.map