@gunkin/uiify 0.0.24-alpha → 0.0.26-alpha

package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.js

@@ -2,7 +2,10 @@ function applyVirtualScrollRangeToDom(scrollport, range, options) {
   const spacer = scrollport.querySelector('[data-part="spacer"]');
   if (!(spacer instanceof HTMLElement)) return;
   if (!options.dynamicLayout) {
-    spacer.style.setProperty("--uiify-range-start", String(range.start));
+    const style = { "--uiify-range-start": String(range.start), ...options.spacerStyle };
+    const value = style["--uiify-range-start"];
+    if (value === void 0) spacer.style.removeProperty("--uiify-range-start");
+    else spacer.style.setProperty("--uiify-range-start", value);
     return;
   }
   const rows = spacer.querySelectorAll('[data-part="row"]');
@@ -10,7 +13,13 @@ function applyVirtualScrollRangeToDom(scrollport, range, options) {
     const row = rows[slotIndex];
     if (!(row instanceof HTMLElement)) continue;
     const index = range.start + slotIndex;
-    row.style.setProperty("--uiify-row-offset", `${options.getRowOffset(index)}px`);
+    const style = {
+      "--uiify-row-offset": `${options.getRowOffset(index)}px`,
+      ...options.getRowStyle?.(index)
+    };
+    const value = style["--uiify-row-offset"];
+    if (value === void 0) row.style.removeProperty("--uiify-row-offset");
+    else row.style.setProperty("--uiify-row-offset", value);
   }
 }
 export {

package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/virtual-scroll/virtual-scroll-scroll-sync.ts"],"sourcesContent":["import type { VirtualScrollRange } from \"./virtual-scroll-range.js\";\n\n/** Imperatively update row positions from scrollTop so the viewport stays filled before React paints. */\nexport function applyVirtualScrollRangeToDom(\n  scrollport: HTMLElement,\n  range: VirtualScrollRange,\n  options: {\n    readonly dynamicLayout: boolean;\n    readonly slotCount: number;\n    readonly getRowOffset: (index: number) => number;\n  },\n): void {\n  const spacer = scrollport.querySelector('[data-part=\"spacer\"]');\n  if (!(spacer instanceof HTMLElement)) return;\n\n  if (!options.dynamicLayout) {\n    spacer.style.setProperty(\"--uiify-range-start\", String(range.start));\n    return;\n  }\n\n  const rows = spacer.querySelectorAll('[data-part=\"row\"]');\n  for (let slotIndex = 0; slotIndex < options.slotCount; slotIndex++) {\n    const row = rows[slotIndex];\n    if (!(row instanceof HTMLElement)) continue;\n    const index = range.start + slotIndex;\n    row.style.setProperty(\"--uiify-row-offset\", `${options.getRowOffset(index)}px`);\n  }\n}\n"],"mappings":"AAGO,SAAS,6BACd,YACA,OACA,SAKM;AACN,QAAM,SAAS,WAAW,cAAc,sBAAsB;AAC9D,MAAI,EAAE,kBAAkB,aAAc;AAEtC,MAAI,CAAC,QAAQ,eAAe;AAC1B,WAAO,MAAM,YAAY,uBAAuB,OAAO,MAAM,KAAK,CAAC;AACnE;AAAA,EACF;AAEA,QAAM,OAAO,OAAO,iBAAiB,mBAAmB;AACxD,WAAS,YAAY,GAAG,YAAY,QAAQ,WAAW,aAAa;AAClE,UAAM,MAAM,KAAK,SAAS;AAC1B,QAAI,EAAE,eAAe,aAAc;AACnC,UAAM,QAAQ,MAAM,QAAQ;AAC5B,QAAI,MAAM,YAAY,sBAAsB,GAAG,QAAQ,aAAa,KAAK,CAAC,IAAI;AAAA,EAChF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/components/virtual-scroll/virtual-scroll-scroll-sync.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport type { VirtualScrollRange } from \"./virtual-scroll-range.js\";\n\n/** Imperatively update row positions from scrollTop so the viewport stays filled before React paints. */\nexport function applyVirtualScrollRangeToDom(\n  scrollport: HTMLElement,\n  range: VirtualScrollRange,\n  options: {\n    readonly dynamicLayout: boolean;\n    readonly slotCount: number;\n    readonly getRowOffset: (index: number) => number;\n    readonly spacerStyle?: CSSProperties | undefined;\n    readonly getRowStyle?: (index: number) => CSSProperties | undefined;\n  },\n): void {\n  const spacer = scrollport.querySelector('[data-part=\"spacer\"]');\n  if (!(spacer instanceof HTMLElement)) return;\n\n  if (!options.dynamicLayout) {\n    const style = { \"--uiify-range-start\": String(range.start), ...options.spacerStyle };\n    const value = style[\"--uiify-range-start\"];\n    if (value === undefined) spacer.style.removeProperty(\"--uiify-range-start\");\n    else spacer.style.setProperty(\"--uiify-range-start\", value);\n    return;\n  }\n\n  const rows = spacer.querySelectorAll('[data-part=\"row\"]');\n  for (let slotIndex = 0; slotIndex < options.slotCount; slotIndex++) {\n    const row = rows[slotIndex];\n    if (!(row instanceof HTMLElement)) continue;\n    const index = range.start + slotIndex;\n    const style = {\n      \"--uiify-row-offset\": `${options.getRowOffset(index)}px`,\n      ...options.getRowStyle?.(index),\n    };\n    const value = style[\"--uiify-row-offset\"];\n    if (value === undefined) row.style.removeProperty(\"--uiify-row-offset\");\n    else row.style.setProperty(\"--uiify-row-offset\", value);\n  }\n}\n"],"mappings":"AAIO,SAAS,6BACd,YACA,OACA,SAOM;AACN,QAAM,SAAS,WAAW,cAAc,sBAAsB;AAC9D,MAAI,EAAE,kBAAkB,aAAc;AAEtC,MAAI,CAAC,QAAQ,eAAe;AAC1B,UAAM,QAAQ,EAAE,uBAAuB,OAAO,MAAM,KAAK,GAAG,GAAG,QAAQ,YAAY;AACnF,UAAM,QAAQ,MAAM,qBAAqB;AACzC,QAAI,UAAU,OAAW,QAAO,MAAM,eAAe,qBAAqB;AAAA,QACrE,QAAO,MAAM,YAAY,uBAAuB,KAAK;AAC1D;AAAA,EACF;AAEA,QAAM,OAAO,OAAO,iBAAiB,mBAAmB;AACxD,WAAS,YAAY,GAAG,YAAY,QAAQ,WAAW,aAAa;AAClE,UAAM,MAAM,KAAK,SAAS;AAC1B,QAAI,EAAE,eAAe,aAAc;AACnC,UAAM,QAAQ,MAAM,QAAQ;AAC5B,UAAM,QAAQ;AAAA,MACZ,sBAAsB,GAAG,QAAQ,aAAa,KAAK,CAAC;AAAA,MACpD,GAAG,QAAQ,cAAc,KAAK;AAAA,IAChC;AACA,UAAM,QAAQ,MAAM,oBAAoB;AACxC,QAAI,UAAU,OAAW,KAAI,MAAM,eAAe,oBAAoB;AAAA,QACjE,KAAI,MAAM,YAAY,sBAAsB,KAAK;AAAA,EACxD;AACF;","names":[]}

package/dist/core/class-names.d.ts

@@ -0,0 +1,3 @@
+/** Join library and consumer class names; empty input yields no `class` attribute. */
+export declare function cn(...parts: Array<string | false | null | undefined>): string | undefined;
+//# sourceMappingURL=class-names.d.ts.map

package/dist/core/class-names.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"class-names.d.ts","sourceRoot":"","sources":["../../src/core/class-names.ts"],"names":[],"mappings":"AAAA,sFAAsF;AACtF,wBAAgB,EAAE,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM,GAAG,SAAS,CAEzF"}

package/dist/core/class-names.js

@@ -0,0 +1,7 @@
+function cn(...parts) {
+  return parts.filter(Boolean).join(" ") || void 0;
+}
+export {
+  cn
+};
+//# sourceMappingURL=class-names.js.map

package/dist/core/class-names.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/core/class-names.ts"],"sourcesContent":["/** Join library and consumer class names; empty input yields no `class` attribute. */\nexport function cn(...parts: Array<string | false | null | undefined>): string | undefined {\n  return parts.filter(Boolean).join(\" \") || undefined;\n}\n"],"mappings":"AACO,SAAS,MAAM,OAAqE;AACzF,SAAO,MAAM,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAC5C;","names":[]}

package/dist/core/part-names.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Every `data-part` value the library renders or styles. `naming.test.ts` fails when a TSX or
+ * CSS file uses a name that is not listed here. Import the type with `import type` only, so the
+ * array never reaches a bundle. Consumers may still pass any `data-part` of their own.
+ */
+export declare const PART_NAMES: readonly ["action", "actions", "addon", "append", "body", "candle", "candle-hit", "candles", "canvas", "cell", "checkbox-item", "close", "column-header", "content", "control", "controls", "crosshair", "crosshair-marker", "crosshair-price", "crosshair-time", "crosshair-value", "data", "decrement", "description", "details", "dot", "dots", "dropzone", "ellipsis", "empty", "error", "expand-trigger", "expanded-row", "fallback", "file-info", "footer", "grabber", "group", "handle", "header", "image", "increment", "indicator", "input", "input-slot", "item", "item-description", "item-icon", "item-indicator", "item-text", "label", "legend", "link", "list", "mark", "media", "metadata", "native-input", "panel", "plot", "point", "point-hit", "points", "price-axis", "radio-group", "radio-item", "rail", "range", "readout", "readout-time", "remove", "root", "row", "row-header", "scroll-viewport", "separator", "shortcut", "slide", "slide-content", "slot", "sort-button", "spacer", "status", "story", "story-body", "story-eyebrow", "story-footer", "story-topline", "sub-content", "sub-trigger", "surface", "symbol", "tag", "tag-remove", "tags", "term", "thumb", "time-axis", "time-viewport", "title", "track", "trigger", "value-axis", "viewport", "visual-thumb"];
+export type PartName = (typeof PART_NAMES)[number];
+//# sourceMappingURL=part-names.d.ts.map

package/dist/core/part-names.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"part-names.d.ts","sourceRoot":"","sources":["../../src/core/part-names.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,UAAU,4uCA0Gb,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/core/part-names.js

@@ -0,0 +1,111 @@
+const PART_NAMES = [
+  "action",
+  "actions",
+  "addon",
+  "append",
+  "body",
+  "candle",
+  "candle-hit",
+  "candles",
+  "canvas",
+  "cell",
+  "checkbox-item",
+  "close",
+  "column-header",
+  "content",
+  "control",
+  "controls",
+  "crosshair",
+  "crosshair-marker",
+  "crosshair-price",
+  "crosshair-time",
+  "crosshair-value",
+  "data",
+  "decrement",
+  "description",
+  "details",
+  "dot",
+  "dots",
+  "dropzone",
+  "ellipsis",
+  "empty",
+  "error",
+  "expand-trigger",
+  "expanded-row",
+  "fallback",
+  "file-info",
+  "footer",
+  "grabber",
+  "group",
+  "handle",
+  "header",
+  "image",
+  "increment",
+  "indicator",
+  "input",
+  "input-slot",
+  "item",
+  "item-description",
+  "item-icon",
+  "item-indicator",
+  "item-text",
+  "label",
+  "legend",
+  "link",
+  "list",
+  "mark",
+  "media",
+  "metadata",
+  "native-input",
+  "panel",
+  "plot",
+  "point",
+  "point-hit",
+  "points",
+  "price-axis",
+  "radio-group",
+  "radio-item",
+  "rail",
+  "range",
+  "readout",
+  "readout-time",
+  "remove",
+  "root",
+  "row",
+  "row-header",
+  "scroll-viewport",
+  "separator",
+  "shortcut",
+  "slide",
+  "slide-content",
+  "slot",
+  "sort-button",
+  "spacer",
+  "status",
+  "story",
+  "story-body",
+  "story-eyebrow",
+  "story-footer",
+  "story-topline",
+  "sub-content",
+  "sub-trigger",
+  "surface",
+  "symbol",
+  "tag",
+  "tag-remove",
+  "tags",
+  "term",
+  "thumb",
+  "time-axis",
+  "time-viewport",
+  "title",
+  "track",
+  "trigger",
+  "value-axis",
+  "viewport",
+  "visual-thumb"
+];
+export {
+  PART_NAMES
+};
+//# sourceMappingURL=part-names.js.map

package/dist/core/part-names.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/core/part-names.ts"],"sourcesContent":["/**\n * Every `data-part` value the library renders or styles. `naming.test.ts` fails when a TSX or\n * CSS file uses a name that is not listed here. Import the type with `import type` only, so the\n * array never reaches a bundle. Consumers may still pass any `data-part` of their own.\n */\nexport const PART_NAMES = [\n  \"action\",\n  \"actions\",\n  \"addon\",\n  \"append\",\n  \"body\",\n  \"candle\",\n  \"candle-hit\",\n  \"candles\",\n  \"canvas\",\n  \"cell\",\n  \"checkbox-item\",\n  \"close\",\n  \"column-header\",\n  \"content\",\n  \"control\",\n  \"controls\",\n  \"crosshair\",\n  \"crosshair-marker\",\n  \"crosshair-price\",\n  \"crosshair-time\",\n  \"crosshair-value\",\n  \"data\",\n  \"decrement\",\n  \"description\",\n  \"details\",\n  \"dot\",\n  \"dots\",\n  \"dropzone\",\n  \"ellipsis\",\n  \"empty\",\n  \"error\",\n  \"expand-trigger\",\n  \"expanded-row\",\n  \"fallback\",\n  \"file-info\",\n  \"footer\",\n  \"grabber\",\n  \"group\",\n  \"handle\",\n  \"header\",\n  \"image\",\n  \"increment\",\n  \"indicator\",\n  \"input\",\n  \"input-slot\",\n  \"item\",\n  \"item-description\",\n  \"item-icon\",\n  \"item-indicator\",\n  \"item-text\",\n  \"label\",\n  \"legend\",\n  \"link\",\n  \"list\",\n  \"mark\",\n  \"media\",\n  \"metadata\",\n  \"native-input\",\n  \"panel\",\n  \"plot\",\n  \"point\",\n  \"point-hit\",\n  \"points\",\n  \"price-axis\",\n  \"radio-group\",\n  \"radio-item\",\n  \"rail\",\n  \"range\",\n  \"readout\",\n  \"readout-time\",\n  \"remove\",\n  \"root\",\n  \"row\",\n  \"row-header\",\n  \"scroll-viewport\",\n  \"separator\",\n  \"shortcut\",\n  \"slide\",\n  \"slide-content\",\n  \"slot\",\n  \"sort-button\",\n  \"spacer\",\n  \"status\",\n  \"story\",\n  \"story-body\",\n  \"story-eyebrow\",\n  \"story-footer\",\n  \"story-topline\",\n  \"sub-content\",\n  \"sub-trigger\",\n  \"surface\",\n  \"symbol\",\n  \"tag\",\n  \"tag-remove\",\n  \"tags\",\n  \"term\",\n  \"thumb\",\n  \"time-axis\",\n  \"time-viewport\",\n  \"title\",\n  \"track\",\n  \"trigger\",\n  \"value-axis\",\n  \"viewport\",\n  \"visual-thumb\",\n] as const;\n\nexport type PartName = (typeof PART_NAMES)[number];\n"],"mappings":"AAKO,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/dist/core/polymorphic.d.ts

@@ -19,12 +19,19 @@ export type RenderableProps<TAs extends ElementType, OwnProps extends object, TS
  */
 export type NativeButtonAs<TAs extends ElementType> = TAs extends keyof JSX.IntrinsicElements ? Extract<TAs, "button"> : TAs;
 /**
- * Props of a part that renders a native invoker button. The library owns `type`
- * and the invoker attributes; consumers keep className, style, ref and onClick.
+ * Props of a part that renders a native invoker button. The library writes `type="button"`,
+ * `command` and `commandfor` by default; consumer props replace them. Popover invoker
+ * attributes are not part of a command invoker.
  */
-export type NativeButtonProps<TAs extends ElementType, OwnProps extends object> = OwnProps & Omit<ComponentPropsWithRef<TAs>, keyof OwnProps | "as" | "render" | "type" | "command" | "commandfor" | "popoverTarget" | "popoverTargetAction"> & {
+export type NativeButtonProps<TAs extends ElementType, OwnProps extends object> = OwnProps & Omit<ComponentPropsWithRef<TAs>, keyof OwnProps | "as" | "render" | "popoverTarget" | "popoverTargetAction"> & Omit<NativeInvokerAttributes, keyof OwnProps> & {
     /** `"button"` (default) or a component that forwards props and ref to a native <button>. */
     readonly as?: TAs & NativeButtonAs<TAs>;
     readonly render?: never;
 };
+/** Invoker attributes that @types/react 19.2 does not declare yet. */
+interface NativeInvokerAttributes {
+    readonly command?: string | undefined;
+    readonly commandfor?: string | undefined;
+}
+export {};
 //# sourceMappingURL=polymorphic.d.ts.map

package/dist/core/polymorphic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../../src/core/polymorphic.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAExF,MAAM,MAAM,UAAU,CAAC,GAAG,SAAS,WAAW,IAAI,qBAAqB,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,SAC/E,GAAG,CAAC,MAAM,QAAQ,CAAC,GACnB,SAAS,GACT,QAAQ,GACR,WAAW,CAAC;AAEhB,MAAM,MAAM,gBAAgB,CAAC,GAAG,SAAS,WAAW,EAAE,QAAQ,SAAS,MAAM,IAAI,QAAQ,GACvF,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,MAAM,QAAQ,GAAG,IAAI,GAAG,QAAQ,CAAC,GAAG;IACnE,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB,CAAC;AAEJ,MAAM,WAAW,mBAAmB,CAAC,MAAM,EAAE,QAAQ,SAAS,OAAO;IACnE,MAAM,EAAE,CACN,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAA;KAAE,EACxD,KAAK,EAAE,MAAM,KACV,YAAY,GAAG,IAAI,CAAC;IACzB,EAAE,CAAC,EAAE,KAAK,CAAC;CACZ;AAED,MAAM,MAAM,eAAe,CACzB,GAAG,SAAS,WAAW,EACvB,QAAQ,SAAS,MAAM,EACvB,MAAM,EACN,QAAQ,SAAS,OAAO,IACtB,gBAAgB,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,mBAAmB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;AAEzF;;;;;GAKG;AACH,MAAM,MAAM,cAAc,CAAC,GAAG,SAAS,WAAW,IAAI,GAAG,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACzF,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,GACtB,GAAG,CAAC;AAER;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAAC,GAAG,SAAS,WAAW,EAAE,QAAQ,SAAS,MAAM,IAAI,QAAQ,GACxF,IAAI,CACF,qBAAqB,CAAC,GAAG,CAAC,EACxB,MAAM,QAAQ,GACd,IAAI,GACJ,QAAQ,GACR,MAAM,GACN,SAAS,GACT,YAAY,GACZ,eAAe,GACf,qBAAqB,CACxB,GAAG;IACF,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;IACxC,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC;CACzB,CAAC"}
+{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../../src/core/polymorphic.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAExF,MAAM,MAAM,UAAU,CAAC,GAAG,SAAS,WAAW,IAAI,qBAAqB,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,SAC/E,GAAG,CAAC,MAAM,QAAQ,CAAC,GACnB,SAAS,GACT,QAAQ,GACR,WAAW,CAAC;AAEhB,MAAM,MAAM,gBAAgB,CAAC,GAAG,SAAS,WAAW,EAAE,QAAQ,SAAS,MAAM,IAAI,QAAQ,GACvF,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,MAAM,QAAQ,GAAG,IAAI,GAAG,QAAQ,CAAC,GAAG;IACnE,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB,CAAC;AAEJ,MAAM,WAAW,mBAAmB,CAAC,MAAM,EAAE,QAAQ,SAAS,OAAO;IACnE,MAAM,EAAE,CACN,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAA;KAAE,EACxD,KAAK,EAAE,MAAM,KACV,YAAY,GAAG,IAAI,CAAC;IACzB,EAAE,CAAC,EAAE,KAAK,CAAC;CACZ;AAED,MAAM,MAAM,eAAe,CACzB,GAAG,SAAS,WAAW,EACvB,QAAQ,SAAS,MAAM,EACvB,MAAM,EACN,QAAQ,SAAS,OAAO,IACtB,gBAAgB,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,mBAAmB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;AAEzF;;;;;GAKG;AACH,MAAM,MAAM,cAAc,CAAC,GAAG,SAAS,WAAW,IAAI,GAAG,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACzF,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,GACtB,GAAG,CAAC;AAER;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,CAAC,GAAG,SAAS,WAAW,EAAE,QAAQ,SAAS,MAAM,IAAI,QAAQ,GACxF,IAAI,CACF,qBAAqB,CAAC,GAAG,CAAC,EAC1B,MAAM,QAAQ,GAAG,IAAI,GAAG,QAAQ,GAAG,eAAe,GAAG,qBAAqB,CAC3E,GACD,IAAI,CAAC,uBAAuB,EAAE,MAAM,QAAQ,CAAC,GAAG;IAC9C,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;IACxC,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC;CACzB,CAAC;AAEJ,sEAAsE;AACtE,UAAU,uBAAuB;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1C"}

package/dist/core/render-native-invoker.d.ts

@@ -13,6 +13,7 @@ interface NativeInvokerOptions {
  * command semantics; Popup uses `popoverTarget`/`popoverTargetAction` instead
  * and keeps its own renderer (see popup/PopupParts.tsx).
  *
+ * The invoker attributes, `type="button"` and markers are defaults: consumer props replace them.
  */
 export declare function renderNativeInvoker(as: ElementType | undefined, marker: string, part: string, command: NativeInvokerCommand, target: string, consumerProps: Record<string, unknown>, options?: NativeInvokerOptions): ReactElement;
 export {};

package/dist/core/render-native-invoker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-native-invoker.d.ts","sourceRoot":"","sources":["../../src/core/render-native-invoker.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,eAAe,CAAC;AAElE,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,aAAa,CAAC;CAC1D;AAED;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CACjC,EAAE,EAAE,WAAW,GAAG,SAAS,EAC3B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtC,OAAO,GAAE,oBAAyB,GACjC,YAAY,CAWd"}
+{"version":3,"file":"render-native-invoker.d.ts","sourceRoot":"","sources":["../../src/core/render-native-invoker.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,eAAe,CAAC;AAElE,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,aAAa,CAAC;CAC1D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CACjC,EAAE,EAAE,WAAW,GAAG,SAAS,EAC3B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtC,OAAO,GAAE,oBAAyB,GACjC,YAAY,CAWd"}

package/dist/core/render-native-invoker.js

@@ -1,14 +1,14 @@
 import { createElement } from "react";
 function renderNativeInvoker(as, marker, part, command, target, consumerProps, options = {}) {
   return createElement(as ?? "button", {
-    ...consumerProps,
-    ...options.button ? { "data-uiify-button": "" } : {},
-    [marker]: "",
-    "data-part": part,
-    ...options.variant ? { "data-variant": options.variant } : {},
+    type: "button",
     command,
     commandfor: target,
-    type: "button"
+    "data-part": part,
+    [marker]: "",
+    ...options.button ? { "data-uiify-button": "" } : {},
+    ...options.variant ? { "data-variant": options.variant } : {},
+    ...consumerProps
   });
 }
 export {

package/dist/core/render-native-invoker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/render-native-invoker.ts"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ElementType, ReactElement } from \"react\";\n\nexport type NativeInvokerCommand = \"show-modal\" | \"request-close\";\n\ninterface NativeInvokerOptions {\n  readonly button?: boolean;\n  readonly variant?: \"secondary\" | \"ghost\" | \"destructive\";\n}\n\n/**\n * Render a native invoker button. `command`/`commandfor` are lowercase HTML\n * attributes that React 19.2 passes through untouched; @types/react 19.2 does\n * not declare them and the lint rule react/no-unknown-property rejects them in\n * JSX, so they travel as a props object through createElement. Shared by the\n * Modal and AlertModal parts, which use identical `show-modal`/`request-close`\n * command semantics; Popup uses `popoverTarget`/`popoverTargetAction` instead\n * and keeps its own renderer (see popup/PopupParts.tsx).\n *\n */\nexport function renderNativeInvoker(\n  as: ElementType | undefined,\n  marker: string,\n  part: string,\n  command: NativeInvokerCommand,\n  target: string,\n  consumerProps: Record<string, unknown>,\n  options: NativeInvokerOptions = {},\n): ReactElement {\n  return createElement(as ?? \"button\", {\n    ...consumerProps,\n    ...(options.button ? { \"data-uiify-button\": \"\" } : {}),\n    [marker]: \"\",\n    \"data-part\": part,\n    ...(options.variant ? { \"data-variant\": options.variant } : {}),\n    command,\n    commandfor: target,\n    type: \"button\",\n  });\n}\n"],"mappings":"AAAA,SAAS,qBAAqB;AAoBvB,SAAS,oBACd,IACA,QACA,MACA,SACA,QACA,eACA,UAAgC,CAAC,GACnB;AACd,SAAO,cAAc,MAAM,UAAU;AAAA,IACnC,GAAG;AAAA,IACH,GAAI,QAAQ,SAAS,EAAE,qBAAqB,GAAG,IAAI,CAAC;AAAA,IACpD,CAAC,MAAM,GAAG;AAAA,IACV,aAAa;AAAA,IACb,GAAI,QAAQ,UAAU,EAAE,gBAAgB,QAAQ,QAAQ,IAAI,CAAC;AAAA,IAC7D;AAAA,IACA,YAAY;AAAA,IACZ,MAAM;AAAA,EACR,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../src/core/render-native-invoker.ts"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ElementType, ReactElement } from \"react\";\n\nexport type NativeInvokerCommand = \"show-modal\" | \"request-close\";\n\ninterface NativeInvokerOptions {\n  readonly button?: boolean;\n  readonly variant?: \"secondary\" | \"ghost\" | \"destructive\";\n}\n\n/**\n * Render a native invoker button. `command`/`commandfor` are lowercase HTML\n * attributes that React 19.2 passes through untouched; @types/react 19.2 does\n * not declare them and the lint rule react/no-unknown-property rejects them in\n * JSX, so they travel as a props object through createElement. Shared by the\n * Modal and AlertModal parts, which use identical `show-modal`/`request-close`\n * command semantics; Popup uses `popoverTarget`/`popoverTargetAction` instead\n * and keeps its own renderer (see popup/PopupParts.tsx).\n *\n * The invoker attributes, `type=\"button\"` and markers are defaults: consumer props replace them.\n */\nexport function renderNativeInvoker(\n  as: ElementType | undefined,\n  marker: string,\n  part: string,\n  command: NativeInvokerCommand,\n  target: string,\n  consumerProps: Record<string, unknown>,\n  options: NativeInvokerOptions = {},\n): ReactElement {\n  return createElement(as ?? \"button\", {\n    type: \"button\",\n    command,\n    commandfor: target,\n    \"data-part\": part,\n    [marker]: \"\",\n    ...(options.button ? { \"data-uiify-button\": \"\" } : {}),\n    ...(options.variant ? { \"data-variant\": options.variant } : {}),\n    ...consumerProps,\n  });\n}\n"],"mappings":"AAAA,SAAS,qBAAqB;AAqBvB,SAAS,oBACd,IACA,QACA,MACA,SACA,QACA,eACA,UAAgC,CAAC,GACnB;AACd,SAAO,cAAc,MAAM,UAAU;AAAA,IACnC,MAAM;AAAA,IACN;AAAA,IACA,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,CAAC,MAAM,GAAG;AAAA,IACV,GAAI,QAAQ,SAAS,EAAE,qBAAqB,GAAG,IAAI,CAAC;AAAA,IACpD,GAAI,QAAQ,UAAU,EAAE,gBAAgB,QAAQ,QAAQ,IAAI,CAAC;AAAA,IAC7D,GAAG;AAAA,EACL,CAAC;AACH;","names":[]}

package/dist/core/roving-focus.d.ts

@@ -15,9 +15,9 @@ export declare namespace RovingFocusRoot {
     var displayName: string;
 }
 export interface RovingFocusItemOwnProps {
-    readonly ref?: Ref<HTMLElement>;
+    readonly ref?: Ref<HTMLElement> | undefined;
     readonly disabled?: boolean;
-    readonly id?: string;
+    readonly id?: string | undefined;
     readonly textValue?: string;
 }
 export type RovingFocusItemProps<TAs extends ElementType = "div"> = RenderableProps<TAs, RovingFocusItemOwnProps, {

package/dist/core/roving-focus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"roving-focus.d.ts","sourceRoot":"","sources":["../../src/core/roving-focus.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,WAAW,EAGX,YAAY,EACZ,GAAG,EACJ,MAAM,OAAO,CAAC;AAEf,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EACL,sBAAsB,EACtB,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EACtB,MAAM,yBAAyB,CAAC;AAMjC,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,sBAAsB,CAAC;CAC/C;AAED,MAAM,MAAM,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CACjF,GAAG,EACH,uBAAuB,EACvB;IAAE,WAAW,EAAE,sBAAsB,CAAA;CAAE,EACvC,WAAW,CACZ,CAAC;AAEF,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC7D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CA0BrB;yBA5Be,eAAe;;;AA+B/B,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CACjF,GAAG,EACH,uBAAuB,EACvB;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,EACvC,WAAW,CACZ,CAAC;AAEF,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC7D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAkFrB;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,YAAY,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"roving-focus.d.ts","sourceRoot":"","sources":["../../src/core/roving-focus.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,WAAW,EAGX,YAAY,EACZ,GAAG,EACJ,MAAM,OAAO,CAAC;AAEf,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EACL,sBAAsB,EACtB,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EACtB,MAAM,yBAAyB,CAAC;AAIjC,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,sBAAsB,CAAC;CAC/C;AACD,MAAM,MAAM,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CACjF,GAAG,EACH,uBAAuB,EACvB;IACE,WAAW,EAAE,sBAAsB,CAAC;CACrC,EACD,WAAW,CACZ,CAAC;AACF,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC7D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAyBrB;yBA3Be,eAAe;;;AA6B/B,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AACD,MAAM,MAAM,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CACjF,GAAG,EACH,uBAAuB,EACvB;IACE,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB,EACD,WAAW,CACZ,CAAC;AACF,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC7D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CA8ErB;AACD,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,YAAY,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/core/roving-focus.js

@@ -28,9 +28,9 @@ function RovingFocusRoot(props) {
     as,
     defaultTag: "div",
     props: {
-      ...consumerProps,
       ...direction ? { dir: direction } : {},
-      "data-orientation": orientation
+      "data-orientation": orientation,
+      ...consumerProps
     },
     render,
     state: { orientation }
@@ -42,7 +42,6 @@ function RovingFocusItem(props) {
   const {
     as,
     disabled = false,
-    id: providedId,
     ref: consumerRef,
     render,
     textValue = "",
@@ -50,7 +49,7 @@ function RovingFocusItem(props) {
   } = props;
   const { onFocus: consumerOnFocus, onKeyDown: consumerOnKeyDown } = consumerProps;
   const generatedId = useId();
-  const id = providedId ?? generatedId;
+  const id = props.id ?? generatedId;
   const store = useContext(RovingFocusContext);
   if (!store) throw new Error("RovingFocusItem must be used inside RovingFocusRoot");
   const elementRef = useRef(null);
@@ -97,16 +96,16 @@ function RovingFocusItem(props) {
     as,
     defaultTag: "div",
     props: {
-      ...consumerProps,
       id,
       "aria-disabled": disabled || void 0,
       "data-current": current ? "" : void 0,
       "data-disabled": disabled ? "" : void 0,
       ...nativeButton ? { disabled: disabled || void 0 } : {},
+      tabIndex: current && !disabled ? 0 : -1,
+      ...consumerProps,
       onFocus: composeEventHandlers(consumerOnFocus, handleFocus),
       onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
-      ref: mergedRef,
-      tabIndex: current && !disabled ? 0 : -1
+      ref: mergedRef
     },
     render,
     state: { current, disabled }

package/dist/core/roving-focus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/roving-focus.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useCallback, useContext, useRef, useSyncExternalStore } from \"react\";\nimport { useId, useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport type {\n  ElementType,\n  FocusEvent as ReactFocusEvent,\n  KeyboardEvent as ReactKeyboardEvent,\n  ReactElement,\n  Ref,\n} from \"react\";\nimport { composeEventHandlers } from \"./compose-event-handlers.js\";\nimport { useDirectionOverride, type Direction } from \"./direction.js\";\nimport { isComposingKeyEvent } from \"./ime.js\";\nimport type { RenderableProps } from \"./polymorphic.js\";\nimport {\n  createRovingFocusStore,\n  type RovingFocusOrientation,\n  type RovingFocusStore,\n} from \"./roving-focus-store.js\";\nimport { resolveDirection } from \"./text-direction.js\";\nimport { useRenderElement } from \"./use-render-element.js\";\n\nconst RovingFocusContext = createContext<RovingFocusStore | null>(null);\n\nexport interface RovingFocusRootOwnProps {\n  readonly direction?: Direction;\n  readonly loop?: boolean;\n  readonly orientation?: RovingFocusOrientation;\n}\n\nexport type RovingFocusRootProps<TAs extends ElementType = \"div\"> = RenderableProps<\n  TAs,\n  RovingFocusRootOwnProps,\n  { orientation: RovingFocusOrientation },\n  HTMLElement\n>;\n\nexport function RovingFocusRoot<TAs extends ElementType = \"div\">(\n  props: RovingFocusRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    direction: localDirection,\n    loop = true,\n    orientation = \"both\",\n    render,\n    ...consumerProps\n  } = props as RovingFocusRootProps<ElementType>;\n  const direction = useDirectionOverride(localDirection);\n  const storeRef = useRef<RovingFocusStore | null>(null);\n  storeRef.current ??= createRovingFocusStore({ direction, loop, orientation });\n  storeRef.current.updateConfig({ direction, loop, orientation });\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      ...(direction ? { dir: direction } : {}),\n      \"data-orientation\": orientation,\n    },\n    render,\n    state: { orientation },\n  });\n  return <RovingFocusContext value={storeRef.current}>{element}</RovingFocusContext>;\n}\nRovingFocusRoot.displayName = \"RovingFocusRoot\";\n\nexport interface RovingFocusItemOwnProps {\n  readonly ref?: Ref<HTMLElement>;\n  readonly disabled?: boolean;\n  readonly id?: string;\n  readonly textValue?: string;\n}\n\nexport type RovingFocusItemProps<TAs extends ElementType = \"div\"> = RenderableProps<\n  TAs,\n  RovingFocusItemOwnProps,\n  { current: boolean; disabled: boolean },\n  HTMLElement\n>;\n\nexport function RovingFocusItem<TAs extends ElementType = \"div\">(\n  props: RovingFocusItemProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    disabled = false,\n    id: providedId,\n    ref: consumerRef,\n    render,\n    textValue = \"\",\n    ...consumerProps\n  } = props as RovingFocusItemProps<ElementType> & { ref?: Ref<HTMLElement> };\n  const { onFocus: consumerOnFocus, onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onFocus?: (event: ReactFocusEvent<HTMLElement>) => void;\n    onKeyDown?: (event: ReactKeyboardEvent<HTMLElement>) => void;\n  };\n  const generatedId = useId();\n  const id = providedId ?? generatedId;\n  const store = useContext(RovingFocusContext);\n  if (!store) throw new Error(\"RovingFocusItem must be used inside RovingFocusRoot\");\n  const elementRef = useRef<HTMLElement | null>(null);\n  const current = useSyncExternalStore(\n    (listener) => store.subscribeItem(id, listener),\n    () => store.getCurrentId() === id,\n    () => false,\n  );\n  const setElement = useCallback(\n    (element: HTMLElement | null) => store.setElement(id, element),\n    [id, store],\n  );\n  const mergedRef = useMergedRefs(elementRef, consumerRef, setElement);\n\n  useIsomorphicLayoutEffect(\n    () =>\n      store.register({\n        disabled,\n        element: elementRef.current,\n        id,\n        textValue: textValue || elementRef.current?.textContent?.trim() || \"\",\n      }),\n    [id, store],\n  );\n  useIsomorphicLayoutEffect(() => {\n    store.updateItem(id, {\n      disabled,\n      textValue: textValue || elementRef.current?.textContent?.trim() || \"\",\n    });\n  }, [disabled, id, store, textValue]);\n\n  const nativeButton = as === \"button\";\n\n  const handleFocus = () => {\n    if (!disabled) store.setCurrentId(id);\n  };\n\n  const handleKeyDown = (event: ReactKeyboardEvent<HTMLElement>) => {\n    if (isComposingKeyEvent(event)) return;\n    if (event.key === \"Home\" || event.key === \"End\" || event.key.startsWith(\"Arrow\")) {\n      if (store.move(id, event.key, resolveDirection(event.currentTarget, store.getDirection()))) {\n        event.preventDefault();\n      }\n    } else if (event.key.length === 1 && !event.altKey && !event.ctrlKey && !event.metaKey) {\n      store.search(event.key);\n    }\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      id,\n      \"aria-disabled\": disabled || undefined,\n      \"data-current\": current ? \"\" : undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      ...(nativeButton ? { disabled: disabled || undefined } : {}),\n      onFocus: composeEventHandlers(consumerOnFocus, handleFocus),\n      onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n      ref: mergedRef,\n      tabIndex: current && !disabled ? 0 : -1,\n    },\n    render,\n    state: { current, disabled },\n  });\n}\n\nexport { createRovingFocusStore };\nexport type { RovingFocusOrientation, RovingFocusStore };\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/core/roving-focus.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useCallback, useContext, useRef, useSyncExternalStore } from \"react\";\nimport { useId, useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport type {\n  ElementType,\n  FocusEvent as ReactFocusEvent,\n  KeyboardEvent as ReactKeyboardEvent,\n  ReactElement,\n  Ref,\n} from \"react\";\nimport { composeEventHandlers } from \"./compose-event-handlers.js\";\nimport { useDirectionOverride, type Direction } from \"./direction.js\";\nimport { isComposingKeyEvent } from \"./ime.js\";\nimport type { RenderableProps } from \"./polymorphic.js\";\nimport {\n  createRovingFocusStore,\n  type RovingFocusOrientation,\n  type RovingFocusStore,\n} from \"./roving-focus-store.js\";\nimport { resolveDirection } from \"./text-direction.js\";\nimport { useRenderElement } from \"./use-render-element.js\";\nconst RovingFocusContext = createContext<RovingFocusStore | null>(null);\nexport interface RovingFocusRootOwnProps {\n  readonly direction?: Direction;\n  readonly loop?: boolean;\n  readonly orientation?: RovingFocusOrientation;\n}\nexport type RovingFocusRootProps<TAs extends ElementType = \"div\"> = RenderableProps<\n  TAs,\n  RovingFocusRootOwnProps,\n  {\n    orientation: RovingFocusOrientation;\n  },\n  HTMLElement\n>;\nexport function RovingFocusRoot<TAs extends ElementType = \"div\">(\n  props: RovingFocusRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    direction: localDirection,\n    loop = true,\n    orientation = \"both\",\n    render,\n    ...consumerProps\n  } = props as RovingFocusRootProps<ElementType>;\n  const direction = useDirectionOverride(localDirection);\n  const storeRef = useRef<RovingFocusStore | null>(null);\n  storeRef.current ??= createRovingFocusStore({ direction, loop, orientation });\n  storeRef.current.updateConfig({ direction, loop, orientation });\n  const element = useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...(direction ? { dir: direction } : {}),\n      \"data-orientation\": orientation,\n      ...consumerProps,\n    },\n    render,\n    state: { orientation },\n  });\n  return <RovingFocusContext value={storeRef.current}>{element}</RovingFocusContext>;\n}\nRovingFocusRoot.displayName = \"RovingFocusRoot\";\nexport interface RovingFocusItemOwnProps {\n  readonly ref?: Ref<HTMLElement> | undefined;\n  readonly disabled?: boolean;\n  readonly id?: string | undefined;\n  readonly textValue?: string;\n}\nexport type RovingFocusItemProps<TAs extends ElementType = \"div\"> = RenderableProps<\n  TAs,\n  RovingFocusItemOwnProps,\n  {\n    current: boolean;\n    disabled: boolean;\n  },\n  HTMLElement\n>;\nexport function RovingFocusItem<TAs extends ElementType = \"div\">(\n  props: RovingFocusItemProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    disabled = false,\n    ref: consumerRef,\n    render,\n    textValue = \"\",\n    ...consumerProps\n  } = props as RovingFocusItemProps<ElementType> & {\n    ref?: Ref<HTMLElement>;\n  };\n  const { onFocus: consumerOnFocus, onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onFocus?: (event: ReactFocusEvent<HTMLElement>) => void;\n    onKeyDown?: (event: ReactKeyboardEvent<HTMLElement>) => void;\n  };\n  const generatedId = useId();\n  const id = props.id ?? generatedId;\n  const store = useContext(RovingFocusContext);\n  if (!store) throw new Error(\"RovingFocusItem must be used inside RovingFocusRoot\");\n  const elementRef = useRef<HTMLElement | null>(null);\n  const current = useSyncExternalStore(\n    (listener) => store.subscribeItem(id, listener),\n    () => store.getCurrentId() === id,\n    () => false,\n  );\n  const setElement = useCallback(\n    (element: HTMLElement | null) => store.setElement(id, element),\n    [id, store],\n  );\n  const mergedRef = useMergedRefs(elementRef, consumerRef, setElement);\n  useIsomorphicLayoutEffect(\n    () =>\n      store.register({\n        disabled,\n        element: elementRef.current,\n        id,\n        textValue: textValue || elementRef.current?.textContent?.trim() || \"\",\n      }),\n    [id, store],\n  );\n  useIsomorphicLayoutEffect(() => {\n    store.updateItem(id, {\n      disabled,\n      textValue: textValue || elementRef.current?.textContent?.trim() || \"\",\n    });\n  }, [disabled, id, store, textValue]);\n  const nativeButton = as === \"button\";\n  const handleFocus = () => {\n    if (!disabled) store.setCurrentId(id);\n  };\n  const handleKeyDown = (event: ReactKeyboardEvent<HTMLElement>) => {\n    if (isComposingKeyEvent(event)) return;\n    if (event.key === \"Home\" || event.key === \"End\" || event.key.startsWith(\"Arrow\")) {\n      if (store.move(id, event.key, resolveDirection(event.currentTarget, store.getDirection()))) {\n        event.preventDefault();\n      }\n    } else if (event.key.length === 1 && !event.altKey && !event.ctrlKey && !event.metaKey) {\n      store.search(event.key);\n    }\n  };\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      id,\n      \"aria-disabled\": disabled || undefined,\n      \"data-current\": current ? \"\" : undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      ...(nativeButton ? { disabled: disabled || undefined } : {}),\n      tabIndex: current && !disabled ? 0 : -1,\n      ...consumerProps,\n      onFocus: composeEventHandlers(consumerOnFocus, handleFocus),\n      onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n      ref: mergedRef,\n    },\n    render,\n    state: { current, disabled },\n  });\n}\nexport { createRovingFocusStore };\nexport type { RovingFocusOrientation, RovingFocusStore };\n"],"mappings":"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","names":[]}

package/dist/core/slot-props.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentPropsWithRef, ElementType } from "react";
+/** Native custom data attributes are accepted by slot objects as well as JSX. */
+export interface ConsumerDataAttributes {
+    readonly [attribute: `data-${string}`]: string | number | boolean | undefined;
+}
+/**
+ * Native props for an element whose content the component renders. Consumer values replace the
+ * component's defaults, ids, ARIA and markers included; only the content itself is not a slot prop.
+ */
+export type SlotProps<T extends ElementType> = Omit<ComponentPropsWithRef<T>, "children" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes;
+/**
+ * Props for a repeated internal part. Common props apply to each instance;
+ * `byItemValue` adds props to the item with the matching stable `value`.
+ */
+export type RepeatedSlotProps<TProps extends object> = TProps & {
+    readonly byItemValue?: Readonly<Record<string, TProps>>;
+} & ConsumerDataAttributes;
+/** Merge consumer props without losing common/item classes, styles, or event handlers. */
+export declare function mergeRepeatedSlotProps<TProps extends object>(common: TProps | undefined, byItemValue: TProps | undefined): TProps;
+export declare function resolveRepeatedSlotProps<TProps extends object>(props: RepeatedSlotProps<TProps> | undefined, itemValue: string): TProps;
+//# sourceMappingURL=slot-props.d.ts.map

package/dist/core/slot-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-props.d.ts","sourceRoot":"","sources":["../../src/core/slot-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAO,MAAM,OAAO,CAAC;AAGrE,iFAAiF;AACjF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CAC/E;AAED;;;GAGG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,IAAI,IAAI,CACjD,qBAAqB,CAAC,CAAC,CAAC,EACxB,UAAU,GAAG,yBAAyB,CACvC,GACC,sBAAsB,CAAC;AAOzB;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAAC,MAAM,SAAS,MAAM,IAAI,MAAM,GAAG;IAC9D,QAAQ,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACzD,GAAG,sBAAsB,CAAC;AAE3B,0FAA0F;AAC1F,wBAAgB,sBAAsB,CAAC,MAAM,SAAS,MAAM,EAC1D,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,GAC9B,MAAM,CA0CR;AAED,wBAAgB,wBAAwB,CAAC,MAAM,SAAS,MAAM,EAC5D,KAAK,EAAE,iBAAiB,CAAC,MAAM,CAAC,GAAG,SAAS,EAC5C,SAAS,EAAE,MAAM,GAChB,MAAM,CAGR"}

package/dist/core/slot-props.js

@@ -0,0 +1,49 @@
+import { cn } from "./class-names.js";
+function mergeRepeatedSlotProps(common, byItemValue) {
+  const commonRecord = common;
+  const itemRecord = byItemValue;
+  const merged = { ...commonRecord, ...itemRecord };
+  if (commonRecord?.className !== void 0 || itemRecord?.className !== void 0) {
+    merged.className = cn(commonRecord?.className, itemRecord?.className);
+  }
+  if (commonRecord?.style !== void 0 || itemRecord?.style !== void 0) {
+    merged.style = { ...commonRecord?.style, ...itemRecord?.style };
+  }
+  for (const [key, first] of Object.entries(commonRecord ?? {})) {
+    const second = itemRecord?.[key];
+    if (key.startsWith("on") && typeof first === "function" && typeof second === "function") {
+      merged[key] = (...args) => {
+        first(...args);
+        second(...args);
+      };
+    }
+  }
+  if (commonRecord?.ref !== void 0 && itemRecord?.ref !== void 0) {
+    const refs = [commonRecord.ref, itemRecord.ref];
+    merged.ref = (node) => {
+      const cleanups = refs.map((ref) => {
+        if (typeof ref === "function") {
+          const cleanup = ref(node);
+          return typeof cleanup === "function" ? cleanup : () => ref(null);
+        }
+        if (ref !== null) ref.current = node;
+        return () => {
+          if (ref !== null) ref.current = null;
+        };
+      });
+      return () => {
+        for (const cleanup of cleanups.reverse()) cleanup();
+      };
+    };
+  }
+  return merged;
+}
+function resolveRepeatedSlotProps(props, itemValue) {
+  const { byItemValue, ...common } = props ?? {};
+  return mergeRepeatedSlotProps(common, byItemValue?.[itemValue]);
+}
+export {
+  mergeRepeatedSlotProps,
+  resolveRepeatedSlotProps
+};
+//# sourceMappingURL=slot-props.js.map

package/dist/core/slot-props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/core/slot-props.ts"],"sourcesContent":["import type { ComponentPropsWithRef, ElementType, Ref } from \"react\";\nimport { cn } from \"./class-names.js\";\n\n/** Native custom data attributes are accepted by slot objects as well as JSX. */\nexport interface ConsumerDataAttributes {\n  readonly [attribute: `data-${string}`]: string | number | boolean | undefined;\n}\n\n/**\n * Native props for an element whose content the component renders. Consumer values replace the\n * component's defaults, ids, ARIA and markers included; only the content itself is not a slot prop.\n */\nexport type SlotProps<T extends ElementType> = Omit<\n  ComponentPropsWithRef<T>,\n  \"children\" | \"dangerouslySetInnerHTML\"\n> &\n  ConsumerDataAttributes;\n\ntype NativeSlotObject = Record<string, unknown> & {\n  readonly className?: string;\n  readonly style?: object;\n};\n\n/**\n * Props for a repeated internal part. Common props apply to each instance;\n * `byItemValue` adds props to the item with the matching stable `value`.\n */\nexport type RepeatedSlotProps<TProps extends object> = TProps & {\n  readonly byItemValue?: Readonly<Record<string, TProps>>;\n} & ConsumerDataAttributes;\n\n/** Merge consumer props without losing common/item classes, styles, or event handlers. */\nexport function mergeRepeatedSlotProps<TProps extends object>(\n  common: TProps | undefined,\n  byItemValue: TProps | undefined,\n): TProps {\n  const commonRecord = common as NativeSlotObject | undefined;\n  const itemRecord = byItemValue as NativeSlotObject | undefined;\n  const merged: Record<string, unknown> = { ...commonRecord, ...itemRecord };\n\n  if (commonRecord?.className !== undefined || itemRecord?.className !== undefined) {\n    merged.className = cn(commonRecord?.className, itemRecord?.className);\n  }\n  if (commonRecord?.style !== undefined || itemRecord?.style !== undefined) {\n    merged.style = { ...commonRecord?.style, ...itemRecord?.style };\n  }\n\n  for (const [key, first] of Object.entries(commonRecord ?? {})) {\n    const second = itemRecord?.[key];\n    if (key.startsWith(\"on\") && typeof first === \"function\" && typeof second === \"function\") {\n      merged[key] = (...args: unknown[]) => {\n        (first as (...values: unknown[]) => unknown)(...args);\n        (second as (...values: unknown[]) => unknown)(...args);\n      };\n    }\n  }\n\n  if (commonRecord?.ref !== undefined && itemRecord?.ref !== undefined) {\n    const refs = [commonRecord.ref, itemRecord.ref] as Array<Ref<unknown>>;\n    merged.ref = (node: unknown) => {\n      const cleanups = refs.map((ref) => {\n        if (typeof ref === \"function\") {\n          const cleanup = ref(node);\n          return typeof cleanup === \"function\" ? cleanup : () => ref(null);\n        }\n        if (ref !== null) ref.current = node;\n        return () => {\n          if (ref !== null) ref.current = null;\n        };\n      });\n      return () => {\n        for (const cleanup of cleanups.reverse()) cleanup();\n      };\n    };\n  }\n\n  return merged as TProps;\n}\n\nexport function resolveRepeatedSlotProps<TProps extends object>(\n  props: RepeatedSlotProps<TProps> | undefined,\n  itemValue: string,\n): TProps {\n  const { byItemValue, ...common } = props ?? {};\n  return mergeRepeatedSlotProps(common as TProps, byItemValue?.[itemValue]);\n}\n"],"mappings":"AACA,SAAS,UAAU;AA+BZ,SAAS,uBACd,QACA,aACQ;AACR,QAAM,eAAe;AACrB,QAAM,aAAa;AACnB,QAAM,SAAkC,EAAE,GAAG,cAAc,GAAG,WAAW;AAEzE,MAAI,cAAc,cAAc,UAAa,YAAY,cAAc,QAAW;AAChF,WAAO,YAAY,GAAG,cAAc,WAAW,YAAY,SAAS;AAAA,EACtE;AACA,MAAI,cAAc,UAAU,UAAa,YAAY,UAAU,QAAW;AACxE,WAAO,QAAQ,EAAE,GAAG,cAAc,OAAO,GAAG,YAAY,MAAM;AAAA,EAChE;AAEA,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,gBAAgB,CAAC,CAAC,GAAG;AAC7D,UAAM,SAAS,aAAa,GAAG;AAC/B,QAAI,IAAI,WAAW,IAAI,KAAK,OAAO,UAAU,cAAc,OAAO,WAAW,YAAY;AACvF,aAAO,GAAG,IAAI,IAAI,SAAoB;AACpC,QAAC,MAA4C,GAAG,IAAI;AACpD,QAAC,OAA6C,GAAG,IAAI;AAAA,MACvD;AAAA,IACF;AAAA,EACF;AAEA,MAAI,cAAc,QAAQ,UAAa,YAAY,QAAQ,QAAW;AACpE,UAAM,OAAO,CAAC,aAAa,KAAK,WAAW,GAAG;AAC9C,WAAO,MAAM,CAAC,SAAkB;AAC9B,YAAM,WAAW,KAAK,IAAI,CAAC,QAAQ;AACjC,YAAI,OAAO,QAAQ,YAAY;AAC7B,gBAAM,UAAU,IAAI,IAAI;AACxB,iBAAO,OAAO,YAAY,aAAa,UAAU,MAAM,IAAI,IAAI;AAAA,QACjE;AACA,YAAI,QAAQ,KAAM,KAAI,UAAU;AAChC,eAAO,MAAM;AACX,cAAI,QAAQ,KAAM,KAAI,UAAU;AAAA,QAClC;AAAA,MACF,CAAC;AACD,aAAO,MAAM;AACX,mBAAW,WAAW,SAAS,QAAQ,EAAG,SAAQ;AAAA,MACpD;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,yBACd,OACA,WACQ;AACR,QAAM,EAAE,aAAa,GAAG,OAAO,IAAI,SAAS,CAAC;AAC7C,SAAO,uBAAuB,QAAkB,cAAc,SAAS,CAAC;AAC1E;","names":[]}

package/dist/core/use-popover.d.ts

@@ -3,6 +3,7 @@ import { type UseControllableOpenChangeOptions } from "./use-controllable-open-c
 export type PopoverMode = "auto" | "manual" | "hint";
 export type PopoverChangeHandler = UseControllableOpenChangeOptions["onOpenChange"];
 export interface UsePopoverOptions extends UseControllableOpenChangeOptions {
+    readonly id?: string;
     readonly mode?: PopoverMode;
 }
 export interface UsePopoverReturn {
@@ -16,5 +17,5 @@ export interface UsePopoverReturn {
     readonly triggerProps: ButtonHTMLAttributes<HTMLButtonElement>;
     readonly triggerRef: RefCallback<HTMLButtonElement>;
 }
-export declare function usePopover({ defaultOpen, mode, onOpenChange, open: controlledOpen, }?: UsePopoverOptions): UsePopoverReturn;
+export declare function usePopover({ defaultOpen, id: requestedId, mode, onOpenChange, open: controlledOpen, }?: UsePopoverOptions): UsePopoverReturn;
 //# sourceMappingURL=use-popover.d.ts.map

package/dist/core/use-popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-popover.d.ts","sourceRoot":"","sources":["../../src/core/use-popover.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EAEd,WAAW,EACZ,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,mCAAmC,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AACrD,MAAM,MAAM,oBAAoB,GAAG,gCAAgC,CAAC,cAAc,CAAC,CAAC;AAEpF,MAAM,WAAW,iBAAkB,SAAQ,gCAAgC;IACzE,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,MAAM,IAAI,CAAC;IACjC,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACjD,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAC5C,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,YAAY,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC/D,QAAQ,CAAC,UAAU,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAMD,wBAAgB,UAAU,CAAC,EACzB,WAAmB,EACnB,IAAa,EACb,YAAY,EACZ,IAAI,EAAE,cAAc,GACrB,GAAE,iBAAsB,GAAG,gBAAgB,CA4E3C"}
+{"version":3,"file":"use-popover.d.ts","sourceRoot":"","sources":["../../src/core/use-popover.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EAEd,WAAW,EACZ,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,mCAAmC,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AACrD,MAAM,MAAM,oBAAoB,GAAG,gCAAgC,CAAC,cAAc,CAAC,CAAC;AAEpF,MAAM,WAAW,iBAAkB,SAAQ,gCAAgC;IACzE,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,MAAM,IAAI,CAAC;IACjC,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACjD,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAC5C,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,YAAY,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC/D,QAAQ,CAAC,UAAU,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAMD,wBAAgB,UAAU,CAAC,EACzB,WAAmB,EACnB,EAAE,EAAE,WAAW,EACf,IAAa,EACb,YAAY,EACZ,IAAI,EAAE,cAAc,GACrB,GAAE,iBAAsB,GAAG,gBAAgB,CA6E3C"}

package/dist/core/use-popover.js

@@ -7,11 +7,13 @@ import {
 } from "./use-controllable-open-change.js";
 function usePopover({
   defaultOpen = false,
+  id: requestedId,
   mode = "auto",
   onOpenChange,
   open: controlledOpen
 } = {}) {
-  const id = useId();
+  const generatedId = useId();
+  const id = requestedId ?? generatedId;
   const [popup, setPopup] = useState(null);
   const { open, requestChange } = useControllableOpenChange({
     defaultOpen,

package/dist/core/use-popover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/use-popover.ts"],"sourcesContent":["\"use client\";\n\nimport { useRef, useState, useSyncExternalStore } from \"react\";\nimport type {\n  ButtonHTMLAttributes,\n  HTMLAttributes,\n  MouseEvent as ReactMouseEvent,\n  RefCallback,\n} from \"react\";\nimport { useId, useIsomorphicLayoutEffect } from \"@gunkin/uiify/hooks\";\nimport { supportsPopover } from \"./platform.js\";\nimport {\n  useControllableOpenChange,\n  type UseControllableOpenChangeOptions,\n} from \"./use-controllable-open-change.js\";\n\nexport type PopoverMode = \"auto\" | \"manual\" | \"hint\";\nexport type PopoverChangeHandler = UseControllableOpenChangeOptions[\"onOpenChange\"];\n\nexport interface UsePopoverOptions extends UseControllableOpenChangeOptions {\n  readonly mode?: PopoverMode;\n}\n\nexport interface UsePopoverReturn {\n  readonly close: () => void;\n  readonly isNative: boolean;\n  readonly open: boolean;\n  readonly openPopover: () => void;\n  readonly popupProps: HTMLAttributes<HTMLElement>;\n  readonly popupRef: RefCallback<HTMLElement>;\n  readonly toggle: () => void;\n  readonly triggerProps: ButtonHTMLAttributes<HTMLButtonElement>;\n  readonly triggerRef: RefCallback<HTMLButtonElement>;\n}\n\ninterface ToggleEventLike extends Event {\n  readonly newState?: \"closed\" | \"open\";\n}\n\nexport function usePopover({\n  defaultOpen = false,\n  mode = \"auto\",\n  onOpenChange,\n  open: controlledOpen,\n}: UsePopoverOptions = {}): UsePopoverReturn {\n  const id = useId();\n  const [popup, setPopup] = useState<HTMLElement | null>(null);\n  const { open, requestChange } = useControllableOpenChange({\n    defaultOpen,\n    onOpenChange,\n    open: controlledOpen,\n  });\n  const openRef = useRef(open);\n  openRef.current = open;\n  // SSR markup matches the initial open state so pre-hydration toggling works.\n  const isNative = useSyncExternalStore(\n    () => () => {},\n    () => supportsPopover(),\n    () => true,\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (!popup || !isNative) return;\n\n    const onBeforeToggle = (event: Event) => {\n      const next = (event as ToggleEventLike).newState === \"open\";\n      if (next !== openRef.current && !requestChange(next, \"native-toggle\", event)) {\n        event.preventDefault();\n      }\n    };\n    popup.addEventListener(\"beforetoggle\", onBeforeToggle);\n    return () => popup.removeEventListener(\"beforetoggle\", onBeforeToggle);\n  }, [isNative, popup, requestChange]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!popup || !isNative) return;\n    try {\n      if (open && !popup.matches(\":popover-open\")) popup.showPopover();\n      if (!open && popup.matches(\":popover-open\")) popup.hidePopover();\n    } catch {\n      // The node may have disconnected between render and layout effect.\n    }\n  }, [isNative, open, popup]);\n\n  const triggerProps = {\n    \"aria-controls\": id,\n    \"aria-expanded\": open,\n    onClick(event: ReactMouseEvent<HTMLButtonElement>) {\n      const accepted = requestChange(\n        !open,\n        isNative ? \"native-toggle\" : \"trigger-press\",\n        event.nativeEvent,\n      );\n      // Commit the React state first, then open from the layout effect. Letting\n      // the invoker open it first exposes the surface before its state/styles settle.\n      if (isNative || !accepted) event.preventDefault();\n    },\n    type: \"button\",\n    ...(isNative ? { command: \"toggle-popover\", commandfor: id } : {}),\n  } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n  const popupProps = {\n    \"data-native\": isNative ? \"\" : undefined,\n    hidden: isNative ? undefined : !open,\n    id,\n    ...(isNative ? { popover: mode } : {}),\n    ...(isNative && open ? { open: true } : {}),\n  } as HTMLAttributes<HTMLElement>;\n\n  return {\n    close: () => requestChange(false, \"programmatic\"),\n    isNative,\n    open,\n    openPopover: () => requestChange(true, \"programmatic\"),\n    popupProps,\n    popupRef: setPopup,\n    toggle: () => requestChange(!open, \"programmatic\"),\n    triggerProps,\n    triggerRef() {},\n  };\n}\n"],"mappings":";AAEA,SAAS,QAAQ,UAAU,4BAA4B;AAOvD,SAAS,OAAO,iCAAiC;AACjD,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,OAEK;AAyBA,SAAS,WAAW;AAAA,EACzB,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AAAA,EACA,MAAM;AACR,IAAuB,CAAC,GAAqB;AAC3C,QAAM,KAAK,MAAM;AACjB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA6B,IAAI;AAC3D,QAAM,EAAE,MAAM,cAAc,IAAI,0BAA0B;AAAA,IACxD;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR,CAAC;AACD,QAAM,UAAU,OAAO,IAAI;AAC3B,UAAQ,UAAU;AAElB,QAAM,WAAW;AAAA,IACf,MAAM,MAAM;AAAA,IAAC;AAAA,IACb,MAAM,gBAAgB;AAAA,IACtB,MAAM;AAAA,EACR;AAEA,4BAA0B,MAAM;AAC9B,QAAI,CAAC,SAAS,CAAC,SAAU;AAEzB,UAAM,iBAAiB,CAAC,UAAiB;AACvC,YAAM,OAAQ,MAA0B,aAAa;AACrD,UAAI,SAAS,QAAQ,WAAW,CAAC,cAAc,MAAM,iBAAiB,KAAK,GAAG;AAC5E,cAAM,eAAe;AAAA,MACvB;AAAA,IACF;AACA,UAAM,iBAAiB,gBAAgB,cAAc;AACrD,WAAO,MAAM,MAAM,oBAAoB,gBAAgB,cAAc;AAAA,EACvE,GAAG,CAAC,UAAU,OAAO,aAAa,CAAC;AAEnC,4BAA0B,MAAM;AAC9B,QAAI,CAAC,SAAS,CAAC,SAAU;AACzB,QAAI;AACF,UAAI,QAAQ,CAAC,MAAM,QAAQ,eAAe,EAAG,OAAM,YAAY;AAC/D,UAAI,CAAC,QAAQ,MAAM,QAAQ,eAAe,EAAG,OAAM,YAAY;AAAA,IACjE,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,UAAU,MAAM,KAAK,CAAC;AAE1B,QAAM,eAAe;AAAA,IACnB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,QAAQ,OAA2C;AACjD,YAAM,WAAW;AAAA,QACf,CAAC;AAAA,QACD,WAAW,kBAAkB;AAAA,QAC7B,MAAM;AAAA,MACR;AAGA,UAAI,YAAY,CAAC,SAAU,OAAM,eAAe;AAAA,IAClD;AAAA,IACA,MAAM;AAAA,IACN,GAAI,WAAW,EAAE,SAAS,kBAAkB,YAAY,GAAG,IAAI,CAAC;AAAA,EAClE;AAEA,QAAM,aAAa;AAAA,IACjB,eAAe,WAAW,KAAK;AAAA,IAC/B,QAAQ,WAAW,SAAY,CAAC;AAAA,IAChC;AAAA,IACA,GAAI,WAAW,EAAE,SAAS,KAAK,IAAI,CAAC;AAAA,IACpC,GAAI,YAAY,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;AAAA,EAC3C;AAEA,SAAO;AAAA,IACL,OAAO,MAAM,cAAc,OAAO,cAAc;AAAA,IAChD;AAAA,IACA;AAAA,IACA,aAAa,MAAM,cAAc,MAAM,cAAc;AAAA,IACrD;AAAA,IACA,UAAU;AAAA,IACV,QAAQ,MAAM,cAAc,CAAC,MAAM,cAAc;AAAA,IACjD;AAAA,IACA,aAAa;AAAA,IAAC;AAAA,EAChB;AACF;","names":[]}
+{"version":3,"sources":["../../src/core/use-popover.ts"],"sourcesContent":["\"use client\";\n\nimport { useRef, useState, useSyncExternalStore } from \"react\";\nimport type {\n  ButtonHTMLAttributes,\n  HTMLAttributes,\n  MouseEvent as ReactMouseEvent,\n  RefCallback,\n} from \"react\";\nimport { useId, useIsomorphicLayoutEffect } from \"@gunkin/uiify/hooks\";\nimport { supportsPopover } from \"./platform.js\";\nimport {\n  useControllableOpenChange,\n  type UseControllableOpenChangeOptions,\n} from \"./use-controllable-open-change.js\";\n\nexport type PopoverMode = \"auto\" | \"manual\" | \"hint\";\nexport type PopoverChangeHandler = UseControllableOpenChangeOptions[\"onOpenChange\"];\n\nexport interface UsePopoverOptions extends UseControllableOpenChangeOptions {\n  readonly id?: string;\n  readonly mode?: PopoverMode;\n}\n\nexport interface UsePopoverReturn {\n  readonly close: () => void;\n  readonly isNative: boolean;\n  readonly open: boolean;\n  readonly openPopover: () => void;\n  readonly popupProps: HTMLAttributes<HTMLElement>;\n  readonly popupRef: RefCallback<HTMLElement>;\n  readonly toggle: () => void;\n  readonly triggerProps: ButtonHTMLAttributes<HTMLButtonElement>;\n  readonly triggerRef: RefCallback<HTMLButtonElement>;\n}\n\ninterface ToggleEventLike extends Event {\n  readonly newState?: \"closed\" | \"open\";\n}\n\nexport function usePopover({\n  defaultOpen = false,\n  id: requestedId,\n  mode = \"auto\",\n  onOpenChange,\n  open: controlledOpen,\n}: UsePopoverOptions = {}): UsePopoverReturn {\n  const generatedId = useId();\n  const id = requestedId ?? generatedId;\n  const [popup, setPopup] = useState<HTMLElement | null>(null);\n  const { open, requestChange } = useControllableOpenChange({\n    defaultOpen,\n    onOpenChange,\n    open: controlledOpen,\n  });\n  const openRef = useRef(open);\n  openRef.current = open;\n  // SSR markup matches the initial open state so pre-hydration toggling works.\n  const isNative = useSyncExternalStore(\n    () => () => {},\n    () => supportsPopover(),\n    () => true,\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (!popup || !isNative) return;\n\n    const onBeforeToggle = (event: Event) => {\n      const next = (event as ToggleEventLike).newState === \"open\";\n      if (next !== openRef.current && !requestChange(next, \"native-toggle\", event)) {\n        event.preventDefault();\n      }\n    };\n    popup.addEventListener(\"beforetoggle\", onBeforeToggle);\n    return () => popup.removeEventListener(\"beforetoggle\", onBeforeToggle);\n  }, [isNative, popup, requestChange]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!popup || !isNative) return;\n    try {\n      if (open && !popup.matches(\":popover-open\")) popup.showPopover();\n      if (!open && popup.matches(\":popover-open\")) popup.hidePopover();\n    } catch {\n      // The node may have disconnected between render and layout effect.\n    }\n  }, [isNative, open, popup]);\n\n  const triggerProps = {\n    \"aria-controls\": id,\n    \"aria-expanded\": open,\n    onClick(event: ReactMouseEvent<HTMLButtonElement>) {\n      const accepted = requestChange(\n        !open,\n        isNative ? \"native-toggle\" : \"trigger-press\",\n        event.nativeEvent,\n      );\n      // Commit the React state first, then open from the layout effect. Letting\n      // the invoker open it first exposes the surface before its state/styles settle.\n      if (isNative || !accepted) event.preventDefault();\n    },\n    type: \"button\",\n    ...(isNative ? { command: \"toggle-popover\", commandfor: id } : {}),\n  } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n  const popupProps = {\n    \"data-native\": isNative ? \"\" : undefined,\n    hidden: isNative ? undefined : !open,\n    id,\n    ...(isNative ? { popover: mode } : {}),\n    ...(isNative && open ? { open: true } : {}),\n  } as HTMLAttributes<HTMLElement>;\n\n  return {\n    close: () => requestChange(false, \"programmatic\"),\n    isNative,\n    open,\n    openPopover: () => requestChange(true, \"programmatic\"),\n    popupProps,\n    popupRef: setPopup,\n    toggle: () => requestChange(!open, \"programmatic\"),\n    triggerProps,\n    triggerRef() {},\n  };\n}\n"],"mappings":";AAEA,SAAS,QAAQ,UAAU,4BAA4B;AAOvD,SAAS,OAAO,iCAAiC;AACjD,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,OAEK;AA0BA,SAAS,WAAW;AAAA,EACzB,cAAc;AAAA,EACd,IAAI;AAAA,EACJ,OAAO;AAAA,EACP;AAAA,EACA,MAAM;AACR,IAAuB,CAAC,GAAqB;AAC3C,QAAM,cAAc,MAAM;AAC1B,QAAM,KAAK,eAAe;AAC1B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA6B,IAAI;AAC3D,QAAM,EAAE,MAAM,cAAc,IAAI,0BAA0B;AAAA,IACxD;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR,CAAC;AACD,QAAM,UAAU,OAAO,IAAI;AAC3B,UAAQ,UAAU;AAElB,QAAM,WAAW;AAAA,IACf,MAAM,MAAM;AAAA,IAAC;AAAA,IACb,MAAM,gBAAgB;AAAA,IACtB,MAAM;AAAA,EACR;AAEA,4BAA0B,MAAM;AAC9B,QAAI,CAAC,SAAS,CAAC,SAAU;AAEzB,UAAM,iBAAiB,CAAC,UAAiB;AACvC,YAAM,OAAQ,MAA0B,aAAa;AACrD,UAAI,SAAS,QAAQ,WAAW,CAAC,cAAc,MAAM,iBAAiB,KAAK,GAAG;AAC5E,cAAM,eAAe;AAAA,MACvB;AAAA,IACF;AACA,UAAM,iBAAiB,gBAAgB,cAAc;AACrD,WAAO,MAAM,MAAM,oBAAoB,gBAAgB,cAAc;AAAA,EACvE,GAAG,CAAC,UAAU,OAAO,aAAa,CAAC;AAEnC,4BAA0B,MAAM;AAC9B,QAAI,CAAC,SAAS,CAAC,SAAU;AACzB,QAAI;AACF,UAAI,QAAQ,CAAC,MAAM,QAAQ,eAAe,EAAG,OAAM,YAAY;AAC/D,UAAI,CAAC,QAAQ,MAAM,QAAQ,eAAe,EAAG,OAAM,YAAY;AAAA,IACjE,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,UAAU,MAAM,KAAK,CAAC;AAE1B,QAAM,eAAe;AAAA,IACnB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,QAAQ,OAA2C;AACjD,YAAM,WAAW;AAAA,QACf,CAAC;AAAA,QACD,WAAW,kBAAkB;AAAA,QAC7B,MAAM;AAAA,MACR;AAGA,UAAI,YAAY,CAAC,SAAU,OAAM,eAAe;AAAA,IAClD;AAAA,IACA,MAAM;AAAA,IACN,GAAI,WAAW,EAAE,SAAS,kBAAkB,YAAY,GAAG,IAAI,CAAC;AAAA,EAClE;AAEA,QAAM,aAAa;AAAA,IACjB,eAAe,WAAW,KAAK;AAAA,IAC/B,QAAQ,WAAW,SAAY,CAAC;AAAA,IAChC;AAAA,IACA,GAAI,WAAW,EAAE,SAAS,KAAK,IAAI,CAAC;AAAA,IACpC,GAAI,YAAY,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;AAAA,EAC3C;AAEA,SAAO;AAAA,IACL,OAAO,MAAM,cAAc,OAAO,cAAc;AAAA,IAChD;AAAA,IACA;AAAA,IACA,aAAa,MAAM,cAAc,MAAM,cAAc;AAAA,IACrD;AAAA,IACA,UAAU;AAAA,IACV,QAAQ,MAAM,cAAc,CAAC,MAAM,cAAc;AAAA,IACjD;AAAA,IACA,aAAa;AAAA,IAAC;AAAA,EAChB;AACF;","names":[]}

package/dist/elements/choice/Choice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../src/elements/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEpE;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAajE;yBAbe,WAAW;;;AAgB3B;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CAsD/D;yBAtDe,UAAU;;;AAyD1B,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}
+{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../src/elements/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEpE;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAajE;yBAbe,WAAW;;;AAgB3B;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CA0D/D;yBA1De,UAAU;;;AA6D1B,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}