@lostgradient/cinder 0.1.1 → 0.2.0

package/dist/server/components/data-table/index.js

@@ -0,0 +1,469 @@
+import { createRequire } from "node:module";
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/data-table/data-table.svelte
+import * as $7 from "svelte/internal/server";
+
+// src/components/table-body/table-body.svelte
+import * as $ from "svelte/internal/server";
+
+// src/components/table/table.context.ts
+import { createContext } from "svelte";
+
+// src/_internal/optional-context.ts
+function optionalContext(getStrict) {
+  return () => {
+    try {
+      return getStrict();
+    } catch {
+      return;
+    }
+  };
+}
+
+// src/components/table/table.context.ts
+var [getTableContextStrict, setTableContext] = createContext();
+var getTableContext = getTableContextStrict;
+var tryGetTableContext = optionalContext(getTableContextStrict);
+var [getTableSectionContextStrict, setTableSectionContext] = createContext();
+var tryGetTableSectionContext = optionalContext(getTableSectionContextStrict);
+var [getTableHeaderSelectionContextStrict, setTableHeaderSelectionContext] = createContext();
+var tryGetTableHeaderSelectionContext = optionalContext(getTableHeaderSelectionContextStrict);
+
+// src/utilities/class-names.ts
+function classNames(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/components/table-body/table-body.svelte
+function Table_body($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { class: className, children } = $$props;
+    setTableSectionContext("body");
+    $$renderer2.push(`<tbody${$.attr_class($.clsx(classNames("cinder-table__body", className)))}>`);
+    children($$renderer2);
+    $$renderer2.push(`<!----></tbody>`);
+  });
+}
+
+// src/components/table-cell/table-cell.svelte
+import * as $2 from "svelte/internal/server";
+function Table_cell($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      align = "left",
+      as = "td",
+      class: className,
+      children,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    $2.element($$renderer2, as, () => {
+      $$renderer2.push(`${$2.attributes({
+        ...rest,
+        scope: as === "th" ? "row" : undefined,
+        class: $2.clsx(classNames("cinder-table__cell", className)),
+        "data-cinder-align": align
+      })}`);
+    }, () => {
+      children?.($$renderer2);
+      $$renderer2.push(`<!---->`);
+    });
+  });
+}
+
+// src/components/table-header-cell/table-header-cell.svelte
+import * as $3 from "svelte/internal/server";
+function Table_header_cell($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      column,
+      sortable = false,
+      scope = "col",
+      align = "left",
+      class: className,
+      children,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const table = getTableContext();
+    const isSortable = $3.derived(() => sortable && !!column);
+    const ariaSort = $3.derived(() => isSortable() && table.sort?.column === column ? table.sort?.direction : isSortable() ? "none" : undefined);
+    function handleClick() {
+      if (!sortable || !column)
+        return;
+      table.onSortChange(column);
+    }
+    $$renderer2.push(`<th${$3.attributes({
+      ...rest,
+      scope,
+      class: $3.clsx(classNames("cinder-table__header-cell", className)),
+      "data-cinder-align": align,
+      "data-cinder-sortable": isSortable() || undefined,
+      "aria-sort": ariaSort()
+    })}>`);
+    if (isSortable()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<button type="button" class="cinder-table__sort-button">`);
+      children($$renderer2);
+      $$renderer2.push(`<!----> <span class="cinder-table__sort-indicator" aria-hidden="true"${$3.attr("data-cinder-direction", ariaSort())}><svg viewBox="0 0 16 16" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline class="cinder-table__sort-chevron-up" points="4 7 8 4 12 7"></polyline><polyline class="cinder-table__sort-chevron-down" points="4 9 8 12 12 9"></polyline></svg></span></button>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      children($$renderer2);
+      $$renderer2.push(`<!---->`);
+    }
+    $$renderer2.push(`<!--]--></th>`);
+  });
+}
+
+// src/components/table-header/table-header.svelte
+import * as $4 from "svelte/internal/server";
+import { untrack } from "svelte";
+function Table_header($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      class: className,
+      children,
+      allSelected,
+      someSelected,
+      onSelectAll,
+      selectAllLabel = "Select all rows"
+    } = $$props;
+    const table = tryGetTableContext();
+    const selectionEnabled = table?.selectionEnabled ?? false;
+    if (selectionEnabled && untrack(() => allSelected === undefined || someSelected === undefined || !onSelectAll)) {
+      throw new Error("[Cinder] TableHeader: `allSelected`, `someSelected`, and `onSelectAll` are required when Table.selectable is true.");
+    }
+    let hasSelectionHeaderCell = false;
+    function claimSelectionHeaderCell() {
+      if (hasSelectionHeaderCell) {
+        throw new Error("[Cinder] TableHeader: Table.selectable supports exactly one TableRow inside TableHeader.");
+      }
+      hasSelectionHeaderCell = true;
+    }
+    setTableSectionContext("header");
+    setTableHeaderSelectionContext({
+      get allSelected() {
+        return allSelected ?? false;
+      },
+      get someSelected() {
+        return someSelected ?? false;
+      },
+      get onSelectAll() {
+        return onSelectAll ?? (() => {});
+      },
+      get selectAllLabel() {
+        return selectAllLabel;
+      },
+      claimSelectionHeaderCell
+    });
+    $$renderer2.push(`<thead${$4.attr_class($4.clsx(classNames("cinder-table__header", className)))}>`);
+    children($$renderer2);
+    $$renderer2.push(`<!----></thead>`);
+  });
+}
+
+// src/components/table-row/table-row.svelte
+import * as $5 from "svelte/internal/server";
+import { untrack as untrack2 } from "svelte";
+
+// ../../node_modules/esm-env/false.js
+var false_default = false;
+// ../../node_modules/esm-env/true.js
+var true_default = true;
+// src/utilities/dev-warn.ts
+function devWarn(message, ...args) {
+  if (!true_default)
+    return;
+  console.warn(message, ...args);
+}
+
+// src/components/table-row/table-row.svelte
+function Table_row($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      class: className,
+      children,
+      selected,
+      onSelectedChange,
+      selectionLabel,
+      selectionDisabled
+    } = $$props;
+    const table = tryGetTableContext();
+    const selectionEnabled = table?.selectionEnabled ?? false;
+    const section = tryGetTableSectionContext();
+    const headerSelection = tryGetTableHeaderSelectionContext();
+    if (selectionEnabled && section === "body") {
+      untrack2(() => {
+        const hasDisabled = selectionDisabled === true;
+        if (!hasDisabled) {
+          const hasSelected = selected !== undefined;
+          const hasOnChange = onSelectedChange !== undefined;
+          const hasLabel = selectionLabel !== undefined;
+          if (!hasSelected || !hasOnChange || !hasLabel) {
+            throw new Error("[Cinder] TableRow: when Table.selectable is true, each body row must supply " + "selected + onSelectedChange + selectionLabel together, or set selectionDisabled={true}. " + `Missing: ${[
+              !hasSelected && "selected",
+              !hasOnChange && "onSelectedChange",
+              !hasLabel && "selectionLabel"
+            ].filter(Boolean).join(", ")}.`);
+          }
+        }
+      });
+    }
+    if (selectionEnabled && section === undefined) {
+      devWarn("[Cinder] TableRow: rendered outside TableHeader or TableBody while Table.selectable is true. " + "The leading selection cell will not be rendered.");
+    }
+    function handleSelectAllChange(event) {
+      const input = event.currentTarget;
+      headerSelection?.onSelectAll(input.checked);
+    }
+    function handleRowChange(event) {
+      const input = event.currentTarget;
+      onSelectedChange?.(input.checked);
+    }
+    const shouldRenderHeaderSelectionCell = selectionEnabled && section === "header" && headerSelection !== undefined;
+    if (shouldRenderHeaderSelectionCell) {
+      headerSelection?.claimSelectionHeaderCell();
+    }
+    $$renderer2.push(`<tr${$5.attr_class($5.clsx(classNames("cinder-table__row", className)))}>`);
+    if (shouldRenderHeaderSelectionCell && headerSelection) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<th scope="col" class="cinder-table__header-cell cinder-table__header-cell--selection"><input type="checkbox" class="cinder-table__selection-checkbox"${$5.attr("checked", headerSelection.allSelected, true)}${$5.attr("aria-label", headerSelection.selectAllLabel)}/></th>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+    if (selectionEnabled && section === "body") {
+      $$renderer2.push("<!--[0-->");
+      if (selectionDisabled) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<td class="cinder-table__cell cinder-table__cell--selection cinder-table__cell--selection-disabled"><input type="checkbox" class="cinder-table__selection-checkbox" disabled=""${$5.attr("aria-label", selectionLabel ?? "Selection not allowed for this row")}/></td>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`<td class="cinder-table__cell cinder-table__cell--selection"><input type="checkbox" class="cinder-table__selection-checkbox"${$5.attr("checked", selected, true)}${$5.attr("aria-label", selectionLabel)}/></td>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+    children($$renderer2);
+    $$renderer2.push(`<!----></tr>`);
+  });
+}
+
+// src/components/table/table.svelte
+import * as $6 from "svelte/internal/server";
+function Table($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      sort = undefined,
+      caption,
+      stickyHeader = false,
+      density = "comfortable",
+      selectable = false,
+      class: className,
+      children
+    } = $$props;
+    function onSortChange(column) {
+      if (!sort || sort.column !== column) {
+        sort = { column, direction: "ascending" };
+        return;
+      }
+      sort = {
+        column,
+        direction: sort.direction === "ascending" ? "descending" : "ascending"
+      };
+    }
+    setTableContext({
+      get sort() {
+        return sort;
+      },
+      get selectionEnabled() {
+        return selectable;
+      },
+      onSortChange
+    });
+    $$renderer2.push(`<table${$6.attr_class($6.clsx(classNames("cinder-table", className)))}${$6.attr("data-cinder-sticky-header", stickyHeader || undefined)}${$6.attr("data-cinder-density", density)}${$6.attr("data-cinder-selectable", selectable || undefined)}>`);
+    if (caption) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<caption class="cinder-table__caption">${$6.escape(caption)}</caption>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+    children($$renderer2);
+    $$renderer2.push(`<!----></table>`);
+    $6.bind_props($$props, { sort });
+  });
+}
+
+// src/components/data-table/data-table.svelte
+function Data_table($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      columns,
+      rows,
+      caption,
+      sort = undefined,
+      stickyHeader = false,
+      density = "comfortable",
+      scrollable = false,
+      class: className
+    } = $$props;
+    const rowHeaderKey = $7.derived(() => (columns.find((column) => column.rowHeader === true) ?? columns[0])?.key);
+    function mapAlign(align) {
+      if (align === "start")
+        return "left";
+      if (align === "end")
+        return "right";
+      if (align === "center")
+        return "center";
+      return;
+    }
+    function table($$renderer3) {
+      Table($$renderer3, $7.spread_props([
+        caption !== undefined ? { caption } : {},
+        {
+          stickyHeader,
+          density,
+          get sort() {
+            return sort;
+          },
+          set sort($$value) {
+            sort = $$value;
+            $$settled = false;
+          },
+          children: ($$renderer4) => {
+            Table_header($$renderer4, {
+              children: ($$renderer5) => {
+                Table_row($$renderer5, {
+                  children: ($$renderer6) => {
+                    $$renderer6.push(`<!--[-->`);
+                    const each_array = $7.ensure_array_like(columns);
+                    for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+                      let column = each_array[$$index];
+                      Table_header_cell($$renderer6, $7.spread_props([
+                        column.sortable ? { column: column.key } : {},
+                        {
+                          sortable: column.sortable ?? false,
+                          align: mapAlign(column.align) ?? "left",
+                          children: ($$renderer7) => {
+                            $$renderer7.push(`<!---->${$7.escape(column.label)}`);
+                          },
+                          $$slots: { default: true }
+                        }
+                      ]));
+                    }
+                    $$renderer6.push(`<!--]-->`);
+                  },
+                  $$slots: { default: true }
+                });
+              },
+              $$slots: { default: true }
+            });
+            $$renderer4.push(`<!----> `);
+            Table_body($$renderer4, {
+              children: ($$renderer5) => {
+                $$renderer5.push(`<!--[-->`);
+                const each_array_1 = $7.ensure_array_like(rows);
+                for (let rowIndex = 0, $$length = each_array_1.length;rowIndex < $$length; rowIndex++) {
+                  let row = each_array_1[rowIndex];
+                  Table_row($$renderer5, {
+                    children: ($$renderer6) => {
+                      $$renderer6.push(`<!--[-->`);
+                      const each_array_2 = $7.ensure_array_like(columns);
+                      for (let $$index_1 = 0, $$length2 = each_array_2.length;$$index_1 < $$length2; $$index_1++) {
+                        let column = each_array_2[$$index_1];
+                        Table_cell($$renderer6, {
+                          as: column.key === rowHeaderKey() ? "th" : "td",
+                          align: mapAlign(column.align) ?? "left",
+                          children: ($$renderer7) => {
+                            $$renderer7.push(`<!---->${$7.escape(row[column.key])}`);
+                          },
+                          $$slots: { default: true }
+                        });
+                      }
+                      $$renderer6.push(`<!--]-->`);
+                    },
+                    $$slots: { default: true }
+                  });
+                }
+                $$renderer5.push(`<!--]-->`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer4.push(`<!---->`);
+          },
+          $$slots: { default: true }
+        }
+      ]));
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      if (scrollable) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<div${$7.attr_class($7.clsx(classNames("cinder-data-table", "cinder-table-scroll", className)))}>`);
+        table($$renderer3);
+        $$renderer3.push(`<!----></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        $$renderer3.push(`<div${$7.attr_class($7.clsx(classNames("cinder-data-table", className)))}>`);
+        table($$renderer3);
+        $$renderer3.push(`<!----></div>`);
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    $7.bind_props($$props, { sort });
+  });
+}
+
+// src/components/data-table/index.ts
+var data_table_default = Data_table;
+export {
+  data_table_default as default,
+  Data_table as DataTable
+};
+
+//# debugId=167DB1CF20881E7D64756E2164756E21

package/dist/server/components/diff-viewer/index.js

@@ -76,6 +76,9 @@ function Button($$renderer, $$props) {
       "aria-busy": consumerAriaBusy,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
+      "aria-expanded": ariaExpanded,
+      "aria-controls": ariaControls,
+      "aria-haspopup": ariaHaspopup,
       $$slots,
       $$events,
       ...rest
@@ -164,7 +167,10 @@ function Button($$renderer, $$props) {
         "aria-disabled": resolvedAriaDisabled(),
         "aria-busy": resolvedAriaBusy(),
         "aria-label": resolvedAriaLabel(),
-        "aria-labelledby": resolvedAriaLabelledBy()
+        "aria-labelledby": resolvedAriaLabelledBy(),
+        "aria-expanded": ariaExpanded,
+        "aria-controls": ariaControls,
+        "aria-haspopup": ariaHaspopup
       })}>`);
       buttonContent($$renderer2);
       $$renderer2.push(`<!----></a>`);
@@ -179,7 +185,10 @@ function Button($$renderer, $$props) {
         "aria-disabled": resolvedAriaDisabled(),
         "aria-busy": resolvedAriaBusy(),
         "aria-label": resolvedAriaLabel(),
-        "aria-labelledby": resolvedAriaLabelledBy()
+        "aria-labelledby": resolvedAriaLabelledBy(),
+        "aria-expanded": ariaExpanded,
+        "aria-controls": ariaControls,
+        "aria-haspopup": ariaHaspopup
       })}>`);
       buttonContent($$renderer2);
       $$renderer2.push(`<!----></button>`);
@@ -507,6 +516,7 @@ function Badge($$renderer, $$props) {
     let {
       variant = "neutral",
       size = "md",
+      mono = false,
       class: customClassName,
       children,
       $$slots,
@@ -517,6 +527,7 @@ function Badge($$renderer, $$props) {
       class: $6.clsx(classNames("cinder-badge", customClassName)),
       "data-cinder-variant": variant,
       "data-cinder-size": size,
+      "data-cinder-mono": mono ? "" : undefined,
       ...rest
     })}>`);
     children?.($$renderer2);
@@ -1896,4 +1907,4 @@ export {
   Diff_viewer as DiffViewer
 };
 
-//# debugId=0BF3113114D3138C64756E2164756E21
+//# debugId=BE690E4C1ADE5BF164756E2164756E21

package/dist/server/components/dropdown/index.js

@@ -211,40 +211,90 @@ function Dropdown_item($$renderer, $$props) {
       closeOnSelect = true,
       class: customClassName,
       onclick,
+      onkeydown,
+      href,
       children,
       $$slots,
       $$events,
       ...rest
     } = $$props;
     const context = getDropdownContext();
+    const isLink = $4.derived(() => href !== undefined);
+    const sharedClass = $4.derived(() => classNames("cinder-_option-row", "cinder-dropdown-item", inset && "cinder-dropdown-item--inset", customClassName));
     function handleClick(event) {
-      if (disabled)
+      if (disabled) {
+        event.preventDefault();
         return;
+      }
       if (typeof onclick === "function") {
-        onclick(event);
+        if (isLink()) {
+          onclick(event);
+        } else {
+          onclick(event);
+        }
       }
       if (closeOnSelect) {
         context.close();
       }
     }
-    $$renderer2.push(`<button${$4.attributes({
-      ...rest,
-      type: "button",
-      role: "menuitem",
-      class: $4.clsx(classNames("cinder-_option-row", "cinder-dropdown-item", inset && "cinder-dropdown-item--inset", customClassName)),
-      "data-cinder-variant": variant,
-      tabindex: -1,
-      "data-disabled": disabled ? "" : undefined,
-      "aria-disabled": disabled ? "true" : undefined
-    })}>`);
-    if (children) {
+    function handleAnchorKeydown(event) {
+      if (typeof onkeydown === "function") {
+        onkeydown(event);
+      }
+      if (event.defaultPrevented)
+        return;
+      if (event.key !== " " && event.key !== "Spacebar")
+        return;
+      event.preventDefault();
+      if (disabled)
+        return;
+      event.currentTarget.click();
+    }
+    const anchorAttributes = rest;
+    const buttonAttributes = rest;
+    const buttonType = $4.derived(() => rest.type ?? "button");
+    if (isLink()) {
       $$renderer2.push("<!--[0-->");
-      children($$renderer2);
-      $$renderer2.push(`<!---->`);
+      $$renderer2.push(`<a${$4.attributes({
+        ...anchorAttributes,
+        href,
+        role: "menuitem",
+        class: $4.clsx(sharedClass()),
+        "data-cinder-variant": variant,
+        tabindex: -1,
+        "data-disabled": disabled ? "" : undefined,
+        "aria-disabled": disabled ? "true" : undefined
+      })}>`);
+      if (children) {
+        $$renderer2.push("<!--[0-->");
+        children($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></a>`);
     } else {
       $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<button${$4.attributes({
+        ...buttonAttributes,
+        type: buttonType(),
+        role: "menuitem",
+        class: $4.clsx(sharedClass()),
+        "data-cinder-variant": variant,
+        tabindex: -1,
+        "data-disabled": disabled ? "" : undefined,
+        "aria-disabled": disabled ? "true" : undefined
+      })}>`);
+      if (children) {
+        $$renderer2.push("<!--[0-->");
+        children($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></button>`);
     }
-    $$renderer2.push(`<!--]--></button>`);
+    $$renderer2.push(`<!--]-->`);
   });
 }
 
@@ -792,4 +842,4 @@ export {
   Dropdown2 as Dropdown
 };
 
-//# debugId=412E6FB68B04679B64756E2164756E21
+//# debugId=FB9EBAA4BF58EBE464756E2164756E21

package/dist/server/components/dropdown-item/dropdown-item.schema.js

@@ -49,6 +49,18 @@ var schema = {
     },
     class: {
       type: "string"
+    },
+    disabled: {
+      type: "boolean",
+      description: "When true the item is inert: click is blocked and aria-disabled is set."
+    },
+    href: {
+      type: "string",
+      description: "Destination URL. Any defined value — including an empty string — selects\nthe anchor branch and renders an `<a>`. Omit `href` entirely to render a\n`<button>`."
+    },
+    type: {
+      enum: ["button", "submit", "reset"],
+      description: 'Button type forwarded to the `<button>` element. Defaults to `"button"`.\n\nNOTE: `type="submit"` only submits a surrounding `<form>` when the menu\nstays inside that form\'s DOM subtree. DropdownMenu portals its panel to\n`document.body` on the non-popover fallback path, so a submit item is then\nNOT a form descendant and native submission is skipped. To submit a form\nfrom a portaled menu, set `form="<form-id>"` to associate the button with\nthe form by id, or handle submission in `onclick`.'
     }
   },
   additionalProperties: false,
@@ -66,4 +78,4 @@ export {
   dropdown_item_schema_default as default
 };
 
-//# debugId=174E6F72FD5BB7D764756E2164756E21
+//# debugId=F6F546E486C2A56C64756E2164756E21