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

package/dist/chunk-NR6O74ST.js

@@ -0,0 +1,169 @@
+import { Text } from './chunk-7K6U6FCN.js';
+import { Skeleton } from './chunk-CVD5IZGB.js';
+import { DisclosureArrow } from './chunk-TKNVL53O.js';
+import { Badge } from './chunk-RMWNO6BA.js';
+import { em } from './chunk-IQSRHXZR.js';
+import { filterDataAttributes, filterControlAttributes } from './chunk-KH4KEMSP.js';
+import { jsx, jsxs, Fragment } from 'kerfjs/jsx-runtime';
+
+var PROTECTED_ROOT_DATA_ATTRIBUTES = /* @__PURE__ */ new Set([
+  "data-component",
+  "data-action",
+  "data-has-badge",
+  "data-has-count",
+  "data-density",
+  "data-size",
+  "data-divider",
+  "data-inline",
+  "data-width",
+  "data-wrap",
+  "data-indicator-tone",
+  "data-toggle"
+]);
+var PROTECTED_TRIGGER_DATA_ATTRIBUTES = /* @__PURE__ */ new Set([
+  "data-action",
+  "data-kui-disabled"
+]);
+function ListHeader({
+  label,
+  size = "sm",
+  headingLevel = 2,
+  count,
+  countLabel,
+  badge,
+  status,
+  density = "standard",
+  divider = "none",
+  inline = false,
+  width = "fill",
+  wrap = false,
+  indicatorTone = "neutral",
+  action,
+  actionLabel,
+  actionIcon,
+  actionDisabled = false,
+  disabledReason,
+  expanded,
+  toggle = false,
+  placeholder = false,
+  rootAttributes = {},
+  triggerAttributes = {},
+  slot
+}) {
+  const extensionRootAttributes = filterDataAttributes(
+    rootAttributes,
+    PROTECTED_ROOT_DATA_ATTRIBUTES
+  );
+  const extensionTriggerAttributes = filterControlAttributes(
+    triggerAttributes,
+    PROTECTED_TRIGGER_DATA_ATTRIBUTES
+  );
+  const normalizedCount = typeof count === "number" && Number.isSafeInteger(count) && count >= 0 ? count : void 0;
+  const normalizedCountLabel = normalizedCount === void 0 ? void 0 : typeof countLabel === "string" && countLabel.trim() ? countLabel : String(normalizedCount);
+  const renderedBadge = normalizedCount === void 0 ? badge : void 0;
+  const renderedStatus = normalizedCount === void 0 ? status : void 0;
+  const hasBadge = Boolean(renderedBadge || renderedStatus);
+  const renderedActionIcon = actionIcon ?? (toggle ? /* @__PURE__ */ jsx(DisclosureArrow, { open: Boolean(expanded) }) : void 0);
+  const accessibleLabel = normalizedCount === void 0 ? void 0 : `${label}, ${normalizedCountLabel}`;
+  const badgeTone = indicatorTone === "accent" ? "info" : indicatorTone;
+  const indicator = normalizedCount !== void 0 ? /* @__PURE__ */ jsx(Badge, { size: "compact", tone: badgeTone, ariaHidden: !placeholder, children: placeholder ? /* @__PURE__ */ jsx(Skeleton, { width: em(1.75) }) : normalizedCount }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    renderedBadge && /* @__PURE__ */ jsx(Badge, { size: "compact", tone: badgeTone, children: placeholder ? /* @__PURE__ */ jsx(Skeleton, { width: em(1.75) }) : renderedBadge }),
+    renderedStatus && /* @__PURE__ */ jsx(Badge, { size: "compact", tone: badgeTone, children: placeholder ? /* @__PURE__ */ jsx(Skeleton, { width: em(1.75) }) : renderedStatus })
+  ] });
+  const busy = placeholder ? "true" : void 0;
+  if (toggle) {
+    return /* @__PURE__ */ jsx(
+      "header",
+      {
+        ...extensionRootAttributes,
+        class: "kui-list-header",
+        "data-component": "list-header",
+        "data-has-badge": String(hasBadge),
+        "data-has-count": String(normalizedCount !== void 0),
+        "data-density": density,
+        "data-size": size,
+        "data-divider": divider,
+        "data-inline": String(inline),
+        "data-width": width,
+        "data-wrap": wrap ? "true" : void 0,
+        "data-indicator-tone": indicatorTone,
+        "data-toggle": "true",
+        "data-placeholder": placeholder ? "true" : void 0,
+        "aria-busy": busy,
+        slot,
+        children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            ...extensionTriggerAttributes,
+            type: "button",
+            class: "kui-list-header__title kui-list-header__toggle",
+            "data-action": placeholder ? void 0 : action,
+            title: actionDisabled ? disabledReason : void 0,
+            disabled: actionDisabled || placeholder || void 0,
+            "data-kui-disabled": actionDisabled ? "true" : void 0,
+            "aria-label": accessibleLabel,
+            "aria-expanded": String(Boolean(expanded)),
+            children: [
+              /* @__PURE__ */ jsx(Text, { variant: "span", children: label }),
+              indicator,
+              renderedActionIcon && /* @__PURE__ */ jsx("span", { class: "kui-list-header__action-layer", children: renderedActionIcon })
+            ]
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      ...extensionRootAttributes,
+      class: "kui-list-header",
+      "data-component": "list-header",
+      "data-has-badge": String(hasBadge),
+      "data-has-count": String(normalizedCount !== void 0),
+      "data-density": density,
+      "data-size": size,
+      "data-divider": divider,
+      "data-inline": String(inline),
+      "data-width": width,
+      "data-wrap": wrap ? "true" : void 0,
+      "data-indicator-tone": indicatorTone,
+      "data-toggle": "false",
+      "data-placeholder": placeholder ? "true" : void 0,
+      "aria-busy": busy,
+      slot,
+      children: [
+        /* @__PURE__ */ jsxs("div", { class: "kui-list-header__title", children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              variant: `h${headingLevel}`,
+              border: "none",
+              "aria-label": accessibleLabel,
+              children: label
+            }
+          ),
+          indicator
+        ] }),
+        action && /* @__PURE__ */ jsx(
+          "button",
+          {
+            ...extensionTriggerAttributes,
+            type: "button",
+            class: "kui-list-header__action",
+            "data-action": placeholder ? void 0 : action,
+            "aria-label": actionLabel,
+            title: actionDisabled ? disabledReason : actionLabel,
+            disabled: actionDisabled || placeholder || void 0,
+            "data-kui-disabled": actionDisabled ? "true" : void 0,
+            children: renderedActionIcon
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { ListHeader };
+
+//# sourceMappingURL=chunk-NR6O74ST.js.map

package/dist/chunk-NR6O74ST.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/collections/list-header/list-header.tsx"],"names":[],"mappings":";;;;;;;;AAcA,IAAM,8BAAA,uBAAqC,GAAA,CAAI;AAAA,EAC7C,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,qBAAA;AAAA,EACA;AACF,CAAC,CAAA;AACD,IAAM,iCAAA,uBAAwC,GAAA,CAAI;AAAA,EAChD,aAAA;AAAA,EACA;AACF,CAAC,CAAA;AAgHM,SAAS,UAAA,CAAW;AAAA,EACzB,KAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,YAAA,GAAe,CAAA;AAAA,EACf,KAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA,GAAU,UAAA;AAAA,EACV,OAAA,GAAU,MAAA;AAAA,EACV,MAAA,GAAS,KAAA;AAAA,EACT,KAAA,GAAQ,MAAA;AAAA,EACR,IAAA,GAAO,KAAA;AAAA,EACP,aAAA,GAAgB,SAAA;AAAA,EAChB,MAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAA,GAAiB,KAAA;AAAA,EACjB,cAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA,GAAS,KAAA;AAAA,EACT,WAAA,GAAc,KAAA;AAAA,EACd,iBAAiB,EAAC;AAAA,EAClB,oBAAoB,EAAC;AAAA,EACrB;AACF,CAAA,EAAoB;AAClB,EAAA,MAAM,uBAAA,GAA0B,oBAAA;AAAA,IAC9B,cAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,0BAAA,GAA6B,uBAAA;AAAA,IACjC,iBAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,eAAA,GACJ,OAAO,KAAA,KAAU,QAAA,IAAY,MAAA,CAAO,cAAc,KAAK,CAAA,IAAK,KAAA,IAAS,CAAA,GACjE,KAAA,GACA,MAAA;AACN,EAAA,MAAM,oBAAA,GACJ,eAAA,KAAoB,MAAA,GAChB,MAAA,GACA,OAAO,UAAA,KAAe,QAAA,IAAY,UAAA,CAAW,IAAA,EAAK,GAChD,UAAA,GACA,MAAA,CAAO,eAAe,CAAA;AAC9B,EAAA,MAAM,aAAA,GAAgB,eAAA,KAAoB,MAAA,GAAY,KAAA,GAAQ,MAAA;AAC9D,EAAA,MAAM,cAAA,GAAiB,eAAA,KAAoB,MAAA,GAAY,MAAA,GAAS,MAAA;AAChE,EAAA,MAAM,QAAA,GAAW,OAAA,CAAQ,aAAA,IAAiB,cAAc,CAAA;AACxD,EAAA,MAAM,kBAAA,GACJ,eACC,MAAA,mBAAS,GAAA,CAAC,mBAAgB,IAAA,EAAM,OAAA,CAAQ,QAAQ,CAAA,EAAG,CAAA,GAAK,MAAA,CAAA;AAC3D,EAAA,MAAM,kBACJ,eAAA,KAAoB,MAAA,GAChB,SACA,CAAA,EAAG,KAAK,KAAK,oBAAoB,CAAA,CAAA;AACvC,EAAA,MAAM,SAAA,GACJ,aAAA,KAAkB,QAAA,GAAW,MAAA,GAAS,aAAA;AACxC,EAAA,MAAM,SAAA,GACJ,oBAAoB,MAAA,mBAClB,GAAA,CAAC,SAAM,IAAA,EAAK,SAAA,EAAU,IAAA,EAAM,SAAA,EAAW,UAAA,EAAY,CAAC,aACjD,QAAA,EAAA,WAAA,mBAAc,GAAA,CAAC,YAAS,KAAA,EAAO,EAAA,CAAG,IAAI,CAAA,EAAG,CAAA,GAAK,eAAA,EACjD,CAAA,mBAEA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,aAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAK,SAAA,EAAU,MAAM,SAAA,EACzB,QAAA,EAAA,WAAA,mBAAc,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,EAAA,CAAG,IAAI,CAAA,EAAG,IAAK,aAAA,EACjD,CAAA;AAAA,IAED,cAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAK,WAAU,IAAA,EAAM,SAAA,EACzB,QAAA,EAAA,WAAA,mBAAc,GAAA,CAAC,YAAS,KAAA,EAAO,EAAA,CAAG,IAAI,CAAA,EAAG,IAAK,cAAA,EACjD;AAAA,GAAA,EAEJ,CAAA;AAEJ,EAAA,MAAM,IAAA,GAAO,cAAe,MAAA,GAAmB,MAAA;AAC/C,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACE,GAAG,uBAAA;AAAA,QACJ,KAAA,EAAM,iBAAA;AAAA,QACN,gBAAA,EAAe,aAAA;AAAA,QACf,gBAAA,EAAgB,OAAO,QAAQ,CAAA;AAAA,QAC/B,gBAAA,EAAgB,MAAA,CAAO,eAAA,KAAoB,MAAS,CAAA;AAAA,QACpD,cAAA,EAAc,OAAA;AAAA,QACd,WAAA,EAAW,IAAA;AAAA,QACX,cAAA,EAAc,OAAA;AAAA,QACd,aAAA,EAAa,OAAO,MAAM,CAAA;AAAA,QAC1B,YAAA,EAAY,KAAA;AAAA,QACZ,WAAA,EAAW,OAAO,MAAA,GAAS,MAAA;AAAA,QAC3B,qBAAA,EAAqB,aAAA;AAAA,QACrB,aAAA,EAAY,MAAA;AAAA,QACZ,kBAAA,EAAkB,cAAc,MAAA,GAAS,MAAA;AAAA,QACzC,WAAA,EAAW,IAAA;AAAA,QACX,IAAA;AAAA,QAEA,QAAA,kBAAA,IAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACE,GAAG,0BAAA;AAAA,YACJ,IAAA,EAAK,QAAA;AAAA,YACL,KAAA,EAAM,gDAAA;AAAA,YACN,aAAA,EAAa,cAAc,MAAA,GAAY,MAAA;AAAA,YACvC,KAAA,EAAO,iBAAiB,cAAA,GAAiB,MAAA;AAAA,YACzC,QAAA,EAAU,kBAAkB,WAAA,IAAe,MAAA;AAAA,YAC3C,mBAAA,EAAmB,iBAAiB,MAAA,GAAS,MAAA;AAAA,YAC7C,YAAA,EAAY,eAAA;AAAA,YACZ,eAAA,EAAe,MAAA,CAAO,OAAA,CAAQ,QAAQ,CAAC,CAAA;AAAA,YAEvC,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,MAAA,EAAQ,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,cAC3B,SAAA;AAAA,cACA,kBAAA,oBACC,GAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,iCACT,QAAA,EAAA,kBAAA,EACH;AAAA;AAAA;AAAA;AAEJ;AAAA,KACF;AAAA,EAEJ;AACA,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACE,GAAG,uBAAA;AAAA,MACJ,KAAA,EAAM,iBAAA;AAAA,MACN,gBAAA,EAAe,aAAA;AAAA,MACf,gBAAA,EAAgB,OAAO,QAAQ,CAAA;AAAA,MAC/B,gBAAA,EAAgB,MAAA,CAAO,eAAA,KAAoB,MAAS,CAAA;AAAA,MACpD,cAAA,EAAc,OAAA;AAAA,MACd,WAAA,EAAW,IAAA;AAAA,MACX,cAAA,EAAc,OAAA;AAAA,MACd,aAAA,EAAa,OAAO,MAAM,CAAA;AAAA,MAC1B,YAAA,EAAY,KAAA;AAAA,MACZ,WAAA,EAAW,OAAO,MAAA,GAAS,MAAA;AAAA,MAC3B,qBAAA,EAAqB,aAAA;AAAA,MACrB,aAAA,EAAY,OAAA;AAAA,MACZ,kBAAA,EAAkB,cAAc,MAAA,GAAS,MAAA;AAAA,MACzC,WAAA,EAAW,IAAA;AAAA,MACX,IAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,OAAM,wBAAA,EACT,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAS,IAAI,YAAY,CAAA,CAAA;AAAA,cACzB,MAAA,EAAO,MAAA;AAAA,cACP,YAAA,EAAY,eAAA;AAAA,cAEX,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,UACC;AAAA,SAAA,EACH,CAAA;AAAA,QACC,MAAA,oBACC,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACE,GAAG,0BAAA;AAAA,YACJ,IAAA,EAAK,QAAA;AAAA,YACL,KAAA,EAAM,yBAAA;AAAA,YACN,aAAA,EAAa,cAAc,MAAA,GAAY,MAAA;AAAA,YACvC,YAAA,EAAY,WAAA;AAAA,YACZ,KAAA,EAAO,iBAAiB,cAAA,GAAiB,WAAA;AAAA,YACzC,QAAA,EAAU,kBAAkB,WAAA,IAAe,MAAA;AAAA,YAC3C,mBAAA,EAAmB,iBAAiB,MAAA,GAAS,MAAA;AAAA,YAE5C,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-NR6O74ST.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nimport {\n  filterControlAttributes,\n  filterDataAttributes,\n} from '../../../shared/dom/extension-attributes.js';\nimport { em } from '../../../shared/styles/css-values.js';\nimport type { SemanticTone } from '../../../shared/styles/semantic-tone.js';\nimport type { HeadingLevel } from '../../actions/toolbar-text/toolbar-text.js';\nimport { Badge } from '../../feedback/badge/badge.js';\nimport { Skeleton } from '../../feedback/skeleton/skeleton.js';\nimport { DisclosureArrow } from '../../navigation/disclosure-arrow/disclosure-arrow.js';\nimport { Text } from '../../typography/text/text.js';\n\nconst PROTECTED_ROOT_DATA_ATTRIBUTES = new Set([\n  'data-component',\n  'data-action',\n  'data-has-badge',\n  'data-has-count',\n  'data-density',\n  'data-size',\n  'data-divider',\n  'data-inline',\n  'data-width',\n  'data-wrap',\n  'data-indicator-tone',\n  'data-toggle',\n]);\nconst PROTECTED_TRIGGER_DATA_ATTRIBUTES = new Set([\n  'data-action',\n  'data-kui-disabled',\n]);\n\ntype ListHeaderRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined> & {\n    'data-component'?: never;\n    'data-action'?: never;\n    'data-has-badge'?: never;\n    'data-has-count'?: never;\n    'data-density'?: never;\n    'data-size'?: never;\n    'data-divider'?: never;\n    'data-inline'?: never;\n    'data-width'?: never;\n    'data-wrap'?: never;\n    'data-indicator-tone'?: never;\n    'data-toggle'?: never;\n  }\n>;\n\ntype ListHeaderTriggerAttributes = Readonly<\n  Record<`data-${string}`, string | undefined> & {\n    'data-action'?: never;\n    'data-kui-disabled'?: never;\n    popoverTarget?: string;\n    popoverTargetAction?: 'toggle' | 'show' | 'hide';\n    'aria-controls'?: string;\n    'aria-haspopup'?: 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid' | 'true';\n  }\n>;\n\ninterface ListHeaderBaseProps {\n  label: string;\n  /** Visual label size, independent of the native heading level. Default `sm`. */\n  size?: 'xs' | 'sm' | 'm' | 'l' | 'xl';\n  density?: 'standard' | 'compact';\n  divider?: 'none' | 'before' | 'after' | 'both';\n  /** Shrink-wrap the header without its default outer margin, border, or padding. */\n  inline?: boolean;\n  /** Fill the available row or shrink-wrap while retaining normal header geometry. */\n  width?: 'fill' | 'content';\n  /**\n   * Wrap a long label onto further lines instead of truncating it to one\n   * ellipsized line. Default false. Use it where the whole label must stay\n   * readable in a narrow column, such as a specimen or form-section heading.\n   */\n  wrap?: boolean;\n  indicatorTone?: 'neutral' | 'accent' | 'pop' | 'danger';\n  /** Render as an unanimated loading skeleton: keep the label and action affordance, disable interaction. */\n  placeholder?: boolean;\n  rootAttributes?: ListHeaderRootAttributes;\n  triggerAttributes?: ListHeaderTriggerAttributes;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\ntype ListHeaderModeProps =\n  | {\n      /** Render the title as a controlled disclosure trigger. */\n      toggle: true;\n      /** A toggle's label is its button text, not a heading. */\n      headingLevel?: never;\n      action: string;\n      expanded: boolean;\n      actionIcon?: SafeHtml;\n      actionLabel?: never;\n      actionDisabled?: boolean;\n      disabledReason?: string;\n    }\n  | {\n      /** Render a separately named trailing action. */\n      toggle?: false;\n      /**\n       * Native heading level (`h1`–`h6`) of the label. Default `2`. Match the\n       * document outline; the visual treatment does not change.\n       */\n      headingLevel?: HeadingLevel;\n      action: string;\n      actionLabel: string;\n      actionIcon: SafeHtml;\n      expanded?: never;\n      actionDisabled?: boolean;\n      disabledReason?: string;\n    }\n  | {\n      /** Render a passive section heading. */\n      toggle?: false;\n      /**\n       * Native heading level (`h1`–`h6`) of the label. Default `2`. Match the\n       * document outline; the visual treatment does not change.\n       */\n      headingLevel?: HeadingLevel;\n      action?: never;\n      actionLabel?: never;\n      actionIcon?: never;\n      expanded?: never;\n      actionDisabled?: never;\n      disabledReason?: never;\n    };\n\ntype ListHeaderIndicatorProps =\n  | { count: number; countLabel: string; badge?: never; status?: never }\n  | {\n      count?: never;\n      countLabel?: never;\n      badge?: SafeHtml | undefined;\n      status?: SafeHtml | undefined;\n    };\n\nexport type ListHeaderProps = ListHeaderBaseProps &\n  ListHeaderIndicatorProps &\n  ListHeaderModeProps;\n\nexport function ListHeader({\n  label,\n  size = 'sm',\n  headingLevel = 2,\n  count,\n  countLabel,\n  badge,\n  status,\n  density = 'standard',\n  divider = 'none',\n  inline = false,\n  width = 'fill',\n  wrap = false,\n  indicatorTone = 'neutral',\n  action,\n  actionLabel,\n  actionIcon,\n  actionDisabled = false,\n  disabledReason,\n  expanded,\n  toggle = false,\n  placeholder = false,\n  rootAttributes = {},\n  triggerAttributes = {},\n  slot,\n}: ListHeaderProps) {\n  const extensionRootAttributes = filterDataAttributes(\n    rootAttributes,\n    PROTECTED_ROOT_DATA_ATTRIBUTES,\n  );\n  const extensionTriggerAttributes = filterControlAttributes(\n    triggerAttributes,\n    PROTECTED_TRIGGER_DATA_ATTRIBUTES,\n  );\n  const normalizedCount =\n    typeof count === 'number' && Number.isSafeInteger(count) && count >= 0\n      ? count\n      : undefined;\n  const normalizedCountLabel =\n    normalizedCount === undefined\n      ? undefined\n      : typeof countLabel === 'string' && countLabel.trim()\n        ? countLabel\n        : String(normalizedCount);\n  const renderedBadge = normalizedCount === undefined ? badge : undefined;\n  const renderedStatus = normalizedCount === undefined ? status : undefined;\n  const hasBadge = Boolean(renderedBadge || renderedStatus);\n  const renderedActionIcon =\n    actionIcon ??\n    (toggle ? <DisclosureArrow open={Boolean(expanded)} /> : undefined);\n  const accessibleLabel =\n    normalizedCount === undefined\n      ? undefined\n      : `${label}, ${normalizedCountLabel}`;\n  const badgeTone: SemanticTone =\n    indicatorTone === 'accent' ? 'info' : indicatorTone;\n  const indicator =\n    normalizedCount !== undefined ? (\n      <Badge size=\"compact\" tone={badgeTone} ariaHidden={!placeholder}>\n        {placeholder ? <Skeleton width={em(1.75)} /> : normalizedCount}\n      </Badge>\n    ) : (\n      <>\n        {renderedBadge && (\n          <Badge size=\"compact\" tone={badgeTone}>\n            {placeholder ? <Skeleton width={em(1.75)} /> : renderedBadge}\n          </Badge>\n        )}\n        {renderedStatus && (\n          <Badge size=\"compact\" tone={badgeTone}>\n            {placeholder ? <Skeleton width={em(1.75)} /> : renderedStatus}\n          </Badge>\n        )}\n      </>\n    );\n  const busy = placeholder ? ('true' as const) : undefined;\n  if (toggle) {\n    return (\n      <header\n        {...extensionRootAttributes}\n        class=\"kui-list-header\"\n        data-component=\"list-header\"\n        data-has-badge={String(hasBadge)}\n        data-has-count={String(normalizedCount !== undefined)}\n        data-density={density}\n        data-size={size}\n        data-divider={divider}\n        data-inline={String(inline)}\n        data-width={width}\n        data-wrap={wrap ? 'true' : undefined}\n        data-indicator-tone={indicatorTone}\n        data-toggle=\"true\"\n        data-placeholder={placeholder ? 'true' : undefined}\n        aria-busy={busy}\n        slot={slot}\n      >\n        <button\n          {...extensionTriggerAttributes}\n          type=\"button\"\n          class=\"kui-list-header__title kui-list-header__toggle\"\n          data-action={placeholder ? undefined : action}\n          title={actionDisabled ? disabledReason : undefined}\n          disabled={actionDisabled || placeholder || undefined}\n          data-kui-disabled={actionDisabled ? 'true' : undefined}\n          aria-label={accessibleLabel}\n          aria-expanded={String(Boolean(expanded))}\n        >\n          <Text variant=\"span\">{label}</Text>\n          {indicator}\n          {renderedActionIcon && (\n            <span class=\"kui-list-header__action-layer\">\n              {renderedActionIcon}\n            </span>\n          )}\n        </button>\n      </header>\n    );\n  }\n  return (\n    <header\n      {...extensionRootAttributes}\n      class=\"kui-list-header\"\n      data-component=\"list-header\"\n      data-has-badge={String(hasBadge)}\n      data-has-count={String(normalizedCount !== undefined)}\n      data-density={density}\n      data-size={size}\n      data-divider={divider}\n      data-inline={String(inline)}\n      data-width={width}\n      data-wrap={wrap ? 'true' : undefined}\n      data-indicator-tone={indicatorTone}\n      data-toggle=\"false\"\n      data-placeholder={placeholder ? 'true' : undefined}\n      aria-busy={busy}\n      slot={slot}\n    >\n      <div class=\"kui-list-header__title\">\n        <Text\n          variant={`h${headingLevel}`}\n          border=\"none\"\n          aria-label={accessibleLabel}\n        >\n          {label}\n        </Text>\n        {indicator}\n      </div>\n      {action && (\n        <button\n          {...extensionTriggerAttributes}\n          type=\"button\"\n          class=\"kui-list-header__action\"\n          data-action={placeholder ? undefined : action}\n          aria-label={actionLabel}\n          title={actionDisabled ? disabledReason : actionLabel}\n          disabled={actionDisabled || placeholder || undefined}\n          data-kui-disabled={actionDisabled ? 'true' : undefined}\n        >\n          {renderedActionIcon}\n        </button>\n      )}\n    </header>\n  );\n}\n"]}

package/dist/chunk-OHPYT2BH.js

@@ -0,0 +1,82 @@
+import { filterDataAttributes } from './chunk-KH4KEMSP.js';
+import { jsxs, jsx } from 'kerfjs/jsx-runtime';
+
+var RADIO_GROUP_PROTECTED = /* @__PURE__ */ new Set([
+  "data-component",
+  "data-size",
+  "data-orientation",
+  "data-invalid"
+]);
+function RadioGroup({
+  label,
+  ariaLabel,
+  name,
+  choices,
+  value,
+  hint,
+  error,
+  size = "default",
+  orientation = "vertical",
+  required = false,
+  disabled = false,
+  action,
+  form,
+  id,
+  className = "",
+  rootAttributes = {},
+  slot
+}) {
+  const description = [hint, error].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ jsxs(
+    "fieldset",
+    {
+      ...filterDataAttributes(rootAttributes, RADIO_GROUP_PROTECTED),
+      class: `kui-radio-group ${className}`.trim(),
+      "data-component": "radio-group",
+      "data-size": size,
+      "data-orientation": orientation,
+      "data-invalid": error ? "" : void 0,
+      id,
+      role: "radiogroup",
+      "aria-label": ariaLabel,
+      "aria-description": description,
+      "aria-invalid": error ? "true" : void 0,
+      "aria-required": required ? "true" : void 0,
+      disabled,
+      slot,
+      children: [
+        label === void 0 ? null : /* @__PURE__ */ jsx("legend", { class: "kui-radio-group__label", children: label }),
+        /* @__PURE__ */ jsx("span", { class: "kui-radio-group__choices", children: choices.map((choice) => /* @__PURE__ */ jsxs("span", { class: "kui-radio-group__choice", children: [
+          /* @__PURE__ */ jsxs("label", { class: "kui-radio-group__row", children: [
+            /* @__PURE__ */ jsxs("span", { class: "kui-radio-group__control", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  class: "kui-radio-group__input",
+                  type: "radio",
+                  name,
+                  value: choice.value,
+                  form,
+                  checked: choice.value === value,
+                  disabled: choice.disabled,
+                  required,
+                  "data-action": action,
+                  "aria-description": choice.hint
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { class: "kui-radio-group__circle", "aria-hidden": "true" })
+            ] }),
+            /* @__PURE__ */ jsx("span", { class: "kui-radio-group__choice-label", children: choice.label })
+          ] }),
+          choice.hint === void 0 ? null : /* @__PURE__ */ jsx("span", { class: "kui-radio-group__choice-hint", "aria-hidden": "true", children: choice.hint })
+        ] })) }),
+        hint === void 0 ? null : /* @__PURE__ */ jsx("span", { class: "kui-radio-group__hint", "aria-hidden": "true", children: hint }),
+        error === void 0 ? null : /* @__PURE__ */ jsx("span", { class: "kui-radio-group__error", "aria-hidden": "true", children: error })
+      ]
+    }
+  );
+}
+
+export { RadioGroup };
+
+//# sourceMappingURL=chunk-OHPYT2BH.js.map

package/dist/chunk-OHPYT2BH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/radio-group/radio-group.tsx"],"names":[],"mappings":"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","file":"chunk-OHPYT2BH.js","sourcesContent":["import { filterDataAttributes } from '../../../shared/dom/extension-attributes.js';\n\n/** `default` is a 20px circle beside 16px text; `compact` 18px and 14px. */\nexport type RadioGroupSize = 'default' | 'compact';\n\n/** `vertical` stacks the choices; `horizontal` lines them up and wraps. */\nexport type RadioGroupOrientation = 'vertical' | 'horizontal';\n\nconst RADIO_GROUP_PROTECTED = new Set([\n  'data-component',\n  'data-size',\n  'data-orientation',\n  'data-invalid',\n]);\n\n/** Application `data-*` metadata; the RadioGroup's own markers stay protected. */\nexport type RadioGroupRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined>\n>;\n\nexport interface RadioGroupChoice<Value extends string = string> {\n  value: Value;\n  /** Visible label; it is also the radio's accessible name. */\n  label: string;\n  /** Supporting text under this choice's label, also its description. */\n  hint?: string;\n  disabled?: boolean;\n}\n\n/** A group is named by a visible `label` (its legend) or by `ariaLabel`. */\nexport type RadioGroupName =\n  { label: string; ariaLabel?: never } | { label?: never; ariaLabel: string };\n\nexport interface RadioGroupOptions<Value extends string = string> {\n  /** Native input `name`: the form field the selected value submits under. */\n  name: string;\n  choices: readonly RadioGroupChoice<Value>[];\n  /** The selected value. Omit for no selection. */\n  value?: NoInfer<Value>;\n  /** Supporting text below the choices, also the group's description. */\n  hint?: string;\n  /** A validation message: shown in the danger color and marking it invalid. */\n  error?: string;\n  size?: RadioGroupSize;\n  orientation?: RadioGroupOrientation;\n  /** Require a selection for native form validation. */\n  required?: boolean;\n  /** Disable the whole group. */\n  disabled?: boolean;\n  /** Delegated `data-action` on every radio; listen for `change`. */\n  action?: string;\n  /** Associate the radios with a form outside their ancestor chain. */\n  form?: string;\n  /** The fieldset's id. */\n  id?: string;\n  className?: string;\n  /** Safe `data-*` metadata (a `data-key`). */\n  rootAttributes?: RadioGroupRootAttributes;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\nexport type RadioGroupProps<Value extends string = string> = RadioGroupName &\n  RadioGroupOptions<Value>;\n\n/**\n * One exclusive choice among a few visible options: a native fieldset of\n * radios, each drawn as a Kerf circle beside its label, with the group label\n * above and hint and error text below. The browser owns the interaction: one\n * Tab stop, arrow keys move and select, and the checked value submits.\n */\nexport function RadioGroup<Value extends string>({\n  label,\n  ariaLabel,\n  name,\n  choices,\n  value,\n  hint,\n  error,\n  size = 'default',\n  orientation = 'vertical',\n  required = false,\n  disabled = false,\n  action,\n  form,\n  id,\n  className = '',\n  rootAttributes = {},\n  slot,\n}: RadioGroupProps<Value>) {\n  const description = [hint, error].filter(Boolean).join(' ') || undefined;\n  return (\n    <fieldset\n      {...filterDataAttributes(rootAttributes, RADIO_GROUP_PROTECTED)}\n      class={`kui-radio-group ${className}`.trim()}\n      data-component=\"radio-group\"\n      data-size={size}\n      data-orientation={orientation}\n      data-invalid={error ? '' : undefined}\n      id={id}\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      aria-description={description}\n      aria-invalid={error ? 'true' : undefined}\n      aria-required={required ? 'true' : undefined}\n      disabled={disabled}\n      slot={slot}\n    >\n      {label === undefined ? null : (\n        <legend class=\"kui-radio-group__label\">{label}</legend>\n      )}\n      <span class=\"kui-radio-group__choices\">\n        {choices.map((choice) => (\n          <span class=\"kui-radio-group__choice\">\n            <label class=\"kui-radio-group__row\">\n              <span class=\"kui-radio-group__control\">\n                <input\n                  class=\"kui-radio-group__input\"\n                  type=\"radio\"\n                  name={name}\n                  value={choice.value}\n                  form={form}\n                  checked={choice.value === value}\n                  disabled={choice.disabled}\n                  required={required}\n                  data-action={action}\n                  aria-description={choice.hint}\n                />\n                <span class=\"kui-radio-group__circle\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"kui-radio-group__choice-label\">{choice.label}</span>\n            </label>\n            {choice.hint === undefined ? null : (\n              <span class=\"kui-radio-group__choice-hint\" aria-hidden=\"true\">\n                {choice.hint}\n              </span>\n            )}\n          </span>\n        ))}\n      </span>\n      {hint === undefined ? null : (\n        <span class=\"kui-radio-group__hint\" aria-hidden=\"true\">\n          {hint}\n        </span>\n      )}\n      {error === undefined ? null : (\n        <span class=\"kui-radio-group__error\" aria-hidden=\"true\">\n          {error}\n        </span>\n      )}\n    </fieldset>\n  );\n}\n"]}

package/dist/chunk-OQP3PFKQ.js

@@ -0,0 +1,341 @@
+import { PopupCaretGlyph, PopupSubmenuGlyph } from './chunk-AYPGXR2E.js';
+import { POPUP_MENU_CLOSE_EVENT, POPUP_MENU_OPEN_EVENT } from './chunk-3VZ6SFD4.js';
+import { LucideIcon } from './chunk-HJXVVFBT.js';
+import { Check } from 'lucide';
+import { jsx, jsxs, Fragment } from 'kerfjs/jsx-runtime';
+
+// src/components/actions/popup-menu/internal/popup-menu-content-cache.ts
+var hashState = new Int32Array(2);
+function hashCode(code) {
+  hashState[0] = Math.imul(hashState[0] ^ code, 16777619);
+  hashState[1] = Math.imul(hashState[1], 31) + code | 0;
+}
+function hashText(text) {
+  let digest = hashState[0];
+  let check = hashState[1];
+  const length = text.length;
+  for (let index = 0; index < length; index++) {
+    let code = text.charCodeAt(index);
+    if ((code & 64512) === 55296 && index + 1 < length) {
+      const low = text.charCodeAt(index + 1);
+      if ((low & 64512) === 56320) {
+        code = (code - 55296 << 10) + (low - 56320) + 65536;
+        index++;
+      }
+    }
+    digest = Math.imul(digest ^ code, 16777619);
+    check = Math.imul(check, 31) + code | 0;
+  }
+  hashState[0] = digest;
+  hashState[1] = check;
+}
+var LONG_PART_LENGTH = 64;
+var PART_DIGEST_LIMIT = 4096;
+var partDigests = /* @__PURE__ */ new Map();
+function hashLongText(text) {
+  let pair = partDigests.get(text);
+  if (!pair) {
+    const digest = hashState[0];
+    const check = hashState[1];
+    hashState[0] = 2166136261;
+    hashState[1] = 2538058380;
+    hashText(text);
+    pair = [hashState[0], hashState[1]];
+    hashState[0] = digest;
+    hashState[1] = check;
+    if (partDigests.size >= PART_DIGEST_LIMIT)
+      partDigests.delete(partDigests.keys().next().value);
+    partDigests.set(text, pair);
+  }
+  hashCode(pair[0]);
+  hashCode(pair[1]);
+}
+function hashPart(text) {
+  if (text.length >= LONG_PART_LENGTH) hashLongText(text);
+  else hashText(text);
+}
+var PART_SEPARATOR = 0;
+var FIELD_SEPARATOR = 1;
+function hashEntry(entry) {
+  if (entry.kind === "divider") {
+    hashCode(45);
+    return;
+  }
+  if (entry.kind === "heading") {
+    hashCode(35);
+    hashText(entry.label);
+    return;
+  }
+  hashText(entry.label);
+  hashCode(FIELD_SEPARATOR);
+  hashText(entry.action ?? "");
+  hashCode(FIELD_SEPARATOR);
+  hashText(entry.value ?? "");
+  hashCode(FIELD_SEPARATOR);
+  hashCode(entry.disabled ? 49 : 48);
+  hashCode(FIELD_SEPARATOR);
+  hashCode(entry.checked === void 0 ? 45 : entry.checked ? 49 : 48);
+  hashCode(FIELD_SEPARATOR);
+  hashText(entry.tone ?? "");
+  hashCode(FIELD_SEPARATOR);
+  hashText(entry.disabledReason ?? "");
+  hashCode(FIELD_SEPARATOR);
+  hashPart(String(entry.icon ?? ""));
+  hashCode(FIELD_SEPARATOR);
+  hashPart(String(entry.details ?? ""));
+  hashCode(FIELD_SEPARATOR);
+  hashText(entry.attributes ? JSON.stringify(entry.attributes) : "{}");
+  for (const child of entry.submenu ?? []) {
+    hashCode(FIELD_SEPARATOR);
+    hashEntry(child);
+  }
+}
+var MARKUP_CACHE_LIMIT = 1024;
+var markupCache = /* @__PURE__ */ new Map();
+function popupMenuContentKey(triggerParts, items) {
+  hashState[0] = 2166136261;
+  hashState[1] = 2538058380;
+  for (let index = 0; index < triggerParts.length; index++) {
+    if (index > 0) hashCode(PART_SEPARATOR);
+    hashPart(triggerParts[index]);
+  }
+  for (const entry of items) {
+    hashCode(PART_SEPARATOR);
+    hashEntry(entry);
+  }
+  const digest = (hashState[0] >>> 0).toString(36);
+  return {
+    key: `kui-popup-menu-${digest}`,
+    cacheKey: `${digest}:${(hashState[1] >>> 0).toString(36)}`
+  };
+}
+function cachedPopupMenuContent(cacheKey) {
+  const content = markupCache.get(cacheKey);
+  if (content) {
+    markupCache.delete(cacheKey);
+    markupCache.set(cacheKey, content);
+  }
+  return content;
+}
+function cachePopupMenuContent(cacheKey, content) {
+  if (content.__segment.kind !== "static") return;
+  if (markupCache.size >= MARKUP_CACHE_LIMIT)
+    markupCache.delete(markupCache.keys().next().value);
+  markupCache.set(cacheKey, content);
+}
+var isCommand = (entry) => entry.kind !== "heading" && entry.kind !== "divider";
+function hasChoice(entries) {
+  return entries.some(
+    (entry) => isCommand(entry) && entry.checked !== void 0
+  );
+}
+function renderItem(entry, levelHasChoice) {
+  const choice = entry.checked !== void 0;
+  const item = /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ...entry.attributes ?? {},
+      type: "button",
+      class: "kui-popup-menu__item",
+      role: choice ? "menuitemcheckbox" : "menuitem",
+      tabindex: -1,
+      "data-action": entry.action,
+      value: entry.value,
+      "data-tone": entry.tone === "danger" ? "danger" : void 0,
+      "aria-checked": choice ? String(entry.checked) : void 0,
+      "aria-disabled": entry.disabled ? "true" : void 0,
+      "aria-haspopup": entry.submenu ? "menu" : void 0,
+      "aria-expanded": entry.submenu ? "false" : void 0,
+      title: entry.disabled ? entry.disabledReason : void 0,
+      children: [
+        levelHasChoice ? /* @__PURE__ */ jsx("span", { class: "kui-popup-menu__check", "aria-hidden": "true", children: choice ? /* @__PURE__ */ jsx(LucideIcon, { icon: Check, name: "check" }) : null }) : null,
+        entry.icon ? /* @__PURE__ */ jsx("span", { class: "kui-popup-menu__icon", "aria-hidden": "true", children: entry.icon }) : null,
+        /* @__PURE__ */ jsx("span", { class: "kui-popup-menu__item-label", children: entry.label }),
+        entry.details ? /* @__PURE__ */ jsx("span", { class: "kui-popup-menu__details", children: entry.details }) : null,
+        entry.submenu ? /* @__PURE__ */ jsx("span", { class: "kui-popup-menu__submenu-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx(PopupSubmenuGlyph, {}) }) : null
+      ]
+    }
+  );
+  if (!entry.submenu) return item;
+  return /* @__PURE__ */ jsxs("div", { class: "kui-popup-menu__submenu-host", role: "none", children: [
+    item,
+    renderMenu(entry.submenu, entry.label, true)
+  ] });
+}
+function renderEntries(entries) {
+  const levelHasChoice = hasChoice(entries);
+  const out = [];
+  let index = 0;
+  while (index < entries.length) {
+    const entry = entries[index];
+    if (entry.kind === "divider") {
+      out.push(/* @__PURE__ */ jsx("div", { class: "kui-popup-menu__divider", role: "separator" }));
+      index += 1;
+      continue;
+    }
+    if (entry.kind === "heading") {
+      const members = [];
+      index += 1;
+      while (index < entries.length) {
+        const member = entries[index];
+        if (!isCommand(member)) break;
+        members.push(renderItem(member, levelHasChoice));
+        index += 1;
+      }
+      out.push(
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            class: "kui-popup-menu__group",
+            role: "group",
+            "aria-label": entry.label,
+            children: [
+              /* @__PURE__ */ jsx("div", { class: "kui-popup-menu__heading", "aria-hidden": "true", children: entry.label }),
+              members
+            ]
+          }
+        )
+      );
+      continue;
+    }
+    out.push(renderItem(entry, levelHasChoice));
+    index += 1;
+  }
+  return out;
+}
+function renderMenu(entries, name, submenu) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      class: "kui-popup-menu__menu",
+      role: "menu",
+      popover: "manual",
+      tabindex: -1,
+      "aria-label": name,
+      "data-submenu": submenu ? "" : void 0,
+      children: renderEntries(entries)
+    }
+  );
+}
+function requestOpen(menu, detail) {
+  menu.dispatchEvent(
+    new CustomEvent(POPUP_MENU_OPEN_EVENT, { detail })
+  );
+}
+function openPopupMenuAt(menu, x, y, options = {}) {
+  menu.style.setProperty("--kui-popup-menu-context-x", `${x}px`);
+  menu.style.setProperty("--kui-popup-menu-context-y", `${y}px`);
+  requestOpen(
+    menu,
+    options.placement === void 0 ? { point: { x, y } } : { point: { x, y }, placement: options.placement }
+  );
+}
+function openPopupMenu(menu) {
+  requestOpen(menu, {});
+}
+function closePopupMenu(menu) {
+  menu.dispatchEvent(new CustomEvent(POPUP_MENU_CLOSE_EVENT));
+}
+function renderContent({
+  context,
+  label,
+  icon,
+  triggerContent,
+  text,
+  caret,
+  disabled,
+  items
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    context ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        class: "kui-popup-menu__context-anchor",
+        "aria-hidden": "true",
+        tabindex: -1
+      }
+    ) : /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        class: "kui-popup-menu__trigger",
+        "aria-haspopup": "menu",
+        "aria-expanded": "false",
+        disabled,
+        children: [
+          icon,
+          triggerContent === void 0 ? null : /* @__PURE__ */ jsx("span", { class: "kui-popup-menu__trigger-content", "aria-hidden": "true", children: triggerContent }),
+          text ? /* @__PURE__ */ jsx("span", { class: "kui-popup-menu__text", children: text }) : /* @__PURE__ */ jsx("span", { class: "kui-popup-menu__label", children: label }),
+          caret ? /* @__PURE__ */ jsx("span", { class: "kui-popup-menu__caret", "aria-hidden": "true", children: /* @__PURE__ */ jsx(PopupCaretGlyph, {}) }) : null
+        ]
+      }
+    ),
+    renderMenu(items, text ?? label, false)
+  ] });
+}
+function PopupMenu({
+  text,
+  label,
+  icon,
+  triggerContent,
+  items,
+  placement = "bottom-start",
+  caret = triggerContent === void 0,
+  disabled = false,
+  rootAttributes = {},
+  slot,
+  context = false,
+  anchor
+}) {
+  if (anchor !== void 0 && (!context || !Number.isFinite(anchor.x) || !Number.isFinite(anchor.y)))
+    throw new RangeError(
+      "PopupMenu anchor requires context mode and finite x and y coordinates"
+    );
+  const { key, cacheKey } = popupMenuContentKey(
+    [
+      text ?? "",
+      label ?? "",
+      String(icon ?? ""),
+      String(caret),
+      String(disabled),
+      String(context),
+      // Only a content trigger adds a part, so other menus keep their keys.
+      ...triggerContent === void 0 ? [] : [String(triggerContent)]
+    ],
+    items
+  );
+  let content = cachedPopupMenuContent(cacheKey);
+  if (!content) {
+    content = renderContent({
+      context,
+      label,
+      icon,
+      triggerContent,
+      text,
+      caret,
+      disabled,
+      items
+    });
+    cachePopupMenuContent(cacheKey, content);
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ...rootAttributes,
+      class: "kui-popup-menu",
+      "data-component": "popup-menu",
+      "data-key": key,
+      "data-morph-skip-children": true,
+      "data-trigger": context ? "context" : triggerContent === void 0 ? "button" : "content",
+      "data-placement": placement,
+      style: anchor ? `--kui-popup-menu-context-x:${anchor.x}px;--kui-popup-menu-context-y:${anchor.y}px` : void 0,
+      slot,
+      children: content
+    }
+  );
+}
+
+export { PopupMenu, closePopupMenu, openPopupMenu, openPopupMenuAt };
+
+//# sourceMappingURL=chunk-OQP3PFKQ.js.map