@gunkin/uiify 0.0.24-alpha → 0.0.26-alpha

package/dist/elements/choice/Choice.js

@@ -8,7 +8,7 @@ function ChoiceGroup(props) {
     orientation = "horizontal",
     ...consumerProps
   } = props;
-  return /* @__PURE__ */ jsx("div", { ...consumerProps, "data-orientation": orientation, "data-uiify-choice": "", children });
+  return /* @__PURE__ */ jsx("div", { "data-orientation": orientation, "data-uiify-choice": "", ...consumerProps, children });
 }
 ChoiceGroup.displayName = "ChoiceGroup";
 function ChoiceItem(props) {
@@ -17,15 +17,13 @@ function ChoiceItem(props) {
     checked,
     disabled = false,
     groupId,
-    inputProps,
     kind,
     label,
     labelPart = false,
-    labelProps,
     name,
     onValueChange,
     panel,
-    panelProps,
+    slotProps,
     part = "item",
     value,
     ...consumerProps
@@ -34,11 +32,10 @@ function ChoiceItem(props) {
   const { controlId, labelId, panelId } = choiceIds(groupId, value);
   const groupName = name ?? choiceGroupName(groupId, kind);
   const inputType = kind === "single" ? "radio" : "checkbox";
-  return /* @__PURE__ */ jsxs("div", { ...consumerProps, "data-part": part, "data-uiify-choice": "", children: [
+  return /* @__PURE__ */ jsxs("div", { "data-part": part, "data-uiify-choice": "", ...consumerProps, children: [
     /* @__PURE__ */ jsx(
       "input",
       {
-        ...inputProps,
         "aria-labelledby": labelId,
         ...isControlled ? { checked } : { defaultChecked },
         disabled,
@@ -46,20 +43,26 @@ function ChoiceItem(props) {
         name: groupName,
         type: inputType,
         value,
-        ...onValueChange ? { onChange: () => onValueChange(value) } : {}
+        ...slotProps?.input,
+        ...onValueChange ? {
+          onChange: (event) => {
+            slotProps?.input?.onChange?.(event);
+            if (!event.defaultPrevented) onValueChange(event.currentTarget.value);
+          }
+        } : {}
       }
     ),
     /* @__PURE__ */ jsx(
       "label",
       {
-        ...labelProps,
         htmlFor: controlId,
         id: labelId,
-        ...labelPart ? { "data-part": "label" } : {},
+        ...labelPart ? { "data-part": labelPart === true ? "label" : labelPart } : {},
+        ...slotProps?.label,
         children: label
       }
     ),
-    panel === void 0 ? null : /* @__PURE__ */ jsx("div", { ...panelProps, "data-part": "panel", id: panelId, children: panel })
+    panel === void 0 ? null : /* @__PURE__ */ jsx("div", { "data-part": "panel", id: panelId, ...slotProps?.panel, children: panel })
   ] });
 }
 ChoiceItem.displayName = "ChoiceItem";

package/dist/elements/choice/Choice.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/choice/Choice.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { choiceGroupName, choiceIds } from \"./ids.js\";\nimport type { ChoiceGroupProps, ChoiceItemProps } from \"./types.js\";\n\n/**\n * A group of `Choice.Item`s. Purely a marked, oriented `<div>` — the actual `<input>`s are\n * siblings-by-id, not parent/child data flow (no `useContext`, no `cloneElement`: Tier 0 bans\n * both). Emits `data-orientation` and `data-uiify-choice`.\n */\nexport function ChoiceGroup(props: ChoiceGroupProps): ReactElement {\n  const {\n    children,\n    kind: _kind,\n    name: _name,\n    orientation = \"horizontal\",\n    ...consumerProps\n  } = props;\n  return (\n    <div {...consumerProps} data-orientation={orientation} data-uiify-choice=\"\">\n      {children}\n    </div>\n  );\n}\nChoiceGroup.displayName = \"ChoiceGroup\";\n\n/**\n * One radio/checkbox choice: an `<input>`, its `<label>`, and an optional panel. `groupId` and\n * `kind` are explicit (see `ChoiceGroupOwnProps.id`) — this part does not read them from its\n * `Choice.Group` ancestor. Emits `data-uiify-choice` and `data-part` (default `\"item\"`) on the\n * wrapper.\n */\nexport function ChoiceItem(props: ChoiceItemProps): ReactElement {\n  const {\n    defaultChecked = false,\n    checked,\n    disabled = false,\n    groupId,\n    inputProps,\n    kind,\n    label,\n    labelPart = false,\n    labelProps,\n    name,\n    onValueChange,\n    panel,\n    panelProps,\n    part = \"item\",\n    value,\n    ...consumerProps\n  } = props;\n\n  const isControlled = checked !== undefined;\n\n  const { controlId, labelId, panelId } = choiceIds(groupId, value);\n  const groupName = name ?? choiceGroupName(groupId, kind);\n  const inputType = kind === \"single\" ? \"radio\" : \"checkbox\";\n\n  return (\n    <div {...consumerProps} data-part={part} data-uiify-choice=\"\">\n      <input\n        {...inputProps}\n        aria-labelledby={labelId}\n        {...(isControlled ? { checked } : { defaultChecked })}\n        disabled={disabled}\n        id={controlId}\n        name={groupName}\n        type={inputType}\n        value={value}\n        {...(onValueChange ? { onChange: () => onValueChange(value) } : {})}\n      />\n      <label\n        {...labelProps}\n        htmlFor={controlId}\n        id={labelId}\n        {...(labelPart ? { \"data-part\": \"label\" } : {})}\n      >\n        {label}\n      </label>\n      {panel === undefined ? null : (\n        <div {...panelProps} data-part=\"panel\" id={panelId}>\n          {panel}\n        </div>\n      )}\n    </div>\n  );\n}\nChoiceItem.displayName = \"ChoiceItem\";\n\nexport const Choice = {\n  Group: ChoiceGroup,\n  Item: ChoiceItem,\n};\n"],"mappings":"AAkBI,cAwCA,YAxCA;AAjBJ,SAAS,iBAAiB,iBAAiB;AAQpC,SAAS,YAAY,OAAuC;AACjE,QAAM;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,IACN,cAAc;AAAA,IACd,GAAG;AAAA,EACL,IAAI;AACJ,SACE,oBAAC,SAAK,GAAG,eAAe,oBAAkB,aAAa,qBAAkB,IACtE,UACH;AAEJ;AACA,YAAY,cAAc;AAQnB,SAAS,WAAW,OAAsC;AAC/D,QAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,YAAY;AAEjC,QAAM,EAAE,WAAW,SAAS,QAAQ,IAAI,UAAU,SAAS,KAAK;AAChE,QAAM,YAAY,QAAQ,gBAAgB,SAAS,IAAI;AACvD,QAAM,YAAY,SAAS,WAAW,UAAU;AAEhD,SACE,qBAAC,SAAK,GAAG,eAAe,aAAW,MAAM,qBAAkB,IACzD;AAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,mBAAiB;AAAA,QAChB,GAAI,eAAe,EAAE,QAAQ,IAAI,EAAE,eAAe;AAAA,QACnD;AAAA,QACA,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,QACC,GAAI,gBAAgB,EAAE,UAAU,MAAM,cAAc,KAAK,EAAE,IAAI,CAAC;AAAA;AAAA,IACnE;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACH,GAAI,YAAY,EAAE,aAAa,QAAQ,IAAI,CAAC;AAAA,QAE5C;AAAA;AAAA,IACH;AAAA,IACC,UAAU,SAAY,OACrB,oBAAC,SAAK,GAAG,YAAY,aAAU,SAAQ,IAAI,SACxC,iBACH;AAAA,KAEJ;AAEJ;AACA,WAAW,cAAc;AAElB,MAAM,SAAS;AAAA,EACpB,OAAO;AAAA,EACP,MAAM;AACR;","names":[]}
+{"version":3,"sources":["../../../src/elements/choice/Choice.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { choiceGroupName, choiceIds } from \"./ids.js\";\nimport type { ChoiceGroupProps, ChoiceItemProps } from \"./types.js\";\n\n/**\n * A group of `Choice.Item`s. Purely a marked, oriented `<div>` — the actual `<input>`s are\n * siblings-by-id, not parent/child data flow (no `useContext`, no `cloneElement`: Tier 0 bans\n * both). Emits `data-orientation` and `data-uiify-choice`.\n */\nexport function ChoiceGroup(props: ChoiceGroupProps): ReactElement {\n  const {\n    children,\n    kind: _kind,\n    name: _name,\n    orientation = \"horizontal\",\n    ...consumerProps\n  } = props;\n  return (\n    <div data-orientation={orientation} data-uiify-choice=\"\" {...consumerProps}>\n      {children}\n    </div>\n  );\n}\nChoiceGroup.displayName = \"ChoiceGroup\";\n\n/**\n * One radio/checkbox choice: an `<input>`, its `<label>`, and an optional panel. `groupId` and\n * `kind` are explicit (see `ChoiceGroupOwnProps.id`) — this part does not read them from its\n * `Choice.Group` ancestor. Emits `data-uiify-choice` and `data-part` (default `\"item\"`) on the\n * wrapper.\n */\nexport function ChoiceItem(props: ChoiceItemProps): ReactElement {\n  const {\n    defaultChecked = false,\n    checked,\n    disabled = false,\n    groupId,\n    kind,\n    label,\n    labelPart = false,\n    name,\n    onValueChange,\n    panel,\n    slotProps,\n    part = \"item\",\n    value,\n    ...consumerProps\n  } = props;\n\n  const isControlled = checked !== undefined;\n  const { controlId, labelId, panelId } = choiceIds(groupId, value);\n  const groupName = name ?? choiceGroupName(groupId, kind);\n  const inputType = kind === \"single\" ? \"radio\" : \"checkbox\";\n\n  return (\n    <div data-part={part} data-uiify-choice=\"\" {...consumerProps}>\n      <input\n        aria-labelledby={labelId}\n        {...(isControlled ? { checked } : { defaultChecked })}\n        disabled={disabled}\n        id={controlId}\n        name={groupName}\n        type={inputType}\n        value={value}\n        {...slotProps?.input}\n        {...(onValueChange\n          ? {\n              onChange: (event) => {\n                slotProps?.input?.onChange?.(event);\n                if (!event.defaultPrevented) onValueChange(event.currentTarget.value);\n              },\n            }\n          : {})}\n      />\n      <label\n        htmlFor={controlId}\n        id={labelId}\n        {...(labelPart ? { \"data-part\": labelPart === true ? \"label\" : labelPart } : {})}\n        {...slotProps?.label}\n      >\n        {label}\n      </label>\n      {panel === undefined ? null : (\n        <div data-part=\"panel\" id={panelId} {...slotProps?.panel}>\n          {panel}\n        </div>\n      )}\n    </div>\n  );\n}\nChoiceItem.displayName = \"ChoiceItem\";\n\nexport const Choice = {\n  Group: ChoiceGroup,\n  Item: ChoiceItem,\n};\n"],"mappings":"AAkBI,cAqCA,YArCA;AAjBJ,SAAS,iBAAiB,iBAAiB;AAQpC,SAAS,YAAY,OAAuC;AACjE,QAAM;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,IACN,cAAc;AAAA,IACd,GAAG;AAAA,EACL,IAAI;AACJ,SACE,oBAAC,SAAI,oBAAkB,aAAa,qBAAkB,IAAI,GAAG,eAC1D,UACH;AAEJ;AACA,YAAY,cAAc;AAQnB,SAAS,WAAW,OAAsC;AAC/D,QAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,YAAY;AACjC,QAAM,EAAE,WAAW,SAAS,QAAQ,IAAI,UAAU,SAAS,KAAK;AAChE,QAAM,YAAY,QAAQ,gBAAgB,SAAS,IAAI;AACvD,QAAM,YAAY,SAAS,WAAW,UAAU;AAEhD,SACE,qBAAC,SAAI,aAAW,MAAM,qBAAkB,IAAI,GAAG,eAC7C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,mBAAiB;AAAA,QAChB,GAAI,eAAe,EAAE,QAAQ,IAAI,EAAE,eAAe;AAAA,QACnD;AAAA,QACA,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,QACC,GAAG,WAAW;AAAA,QACd,GAAI,gBACD;AAAA,UACE,UAAU,CAAC,UAAU;AACnB,uBAAW,OAAO,WAAW,KAAK;AAClC,gBAAI,CAAC,MAAM,iBAAkB,eAAc,MAAM,cAAc,KAAK;AAAA,UACtE;AAAA,QACF,IACA,CAAC;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,IAAI;AAAA,QACH,GAAI,YAAY,EAAE,aAAa,cAAc,OAAO,UAAU,UAAU,IAAI,CAAC;AAAA,QAC7E,GAAG,WAAW;AAAA,QAEd;AAAA;AAAA,IACH;AAAA,IACC,UAAU,SAAY,OACrB,oBAAC,SAAI,aAAU,SAAQ,IAAI,SAAU,GAAG,WAAW,OAChD,iBACH;AAAA,KAEJ;AAEJ;AACA,WAAW,cAAc;AAElB,MAAM,SAAS;AAAA,EACpB,OAAO;AAAA,EACP,MAAM;AACR;","names":[]}

package/dist/elements/choice/index.d.ts

@@ -1,4 +1,4 @@
 export { Choice, ChoiceGroup, ChoiceItem } from "./Choice.js";
 export { choiceGroupName, choiceIds } from "./ids.js";
-export type { ChoiceGroupOwnProps, ChoiceGroupProps, ChoiceItemOwnProps, ChoiceItemProps, ChoiceKind, ChoiceOrientation, } from "./types.js";
+export type { ChoiceGroupOwnProps, ChoiceGroupProps, ChoiceInputSlotProps, ChoiceItemOwnProps, ChoiceItemProps, ChoiceItemSlotProps, ChoiceKind, ChoiceLabelSlotProps, ChoiceOrientation, ChoicePanelSlotProps, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/choice/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACtD,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,UAAU,EACV,iBAAiB,GAClB,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/choice/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACtD,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,UAAU,EACV,oBAAoB,EACpB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,YAAY,CAAC"}

package/dist/elements/choice/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/choice/index.ts"],"sourcesContent":["export { Choice, ChoiceGroup, ChoiceItem } from \"./Choice.js\";\nexport { choiceGroupName, choiceIds } from \"./ids.js\";\nexport type {\n  ChoiceGroupOwnProps,\n  ChoiceGroupProps,\n  ChoiceItemOwnProps,\n  ChoiceItemProps,\n  ChoiceKind,\n  ChoiceOrientation,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,QAAQ,aAAa,kBAAkB;AAChD,SAAS,iBAAiB,iBAAiB;","names":[]}
+{"version":3,"sources":["../../../src/elements/choice/index.ts"],"sourcesContent":["export { Choice, ChoiceGroup, ChoiceItem } from \"./Choice.js\";\nexport { choiceGroupName, choiceIds } from \"./ids.js\";\nexport type {\n  ChoiceGroupOwnProps,\n  ChoiceGroupProps,\n  ChoiceInputSlotProps,\n  ChoiceItemOwnProps,\n  ChoiceItemProps,\n  ChoiceItemSlotProps,\n  ChoiceKind,\n  ChoiceLabelSlotProps,\n  ChoiceOrientation,\n  ChoicePanelSlotProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,QAAQ,aAAa,kBAAkB;AAChD,SAAS,iBAAiB,iBAAiB;","names":[]}

package/dist/elements/choice/types.d.ts

@@ -1,4 +1,7 @@
 import type { ComponentPropsWithRef, ReactNode } from "react";
+export interface ConsumerDataAttributes {
+    readonly [attribute: `data-${string}`]: string | number | boolean | undefined;
+}
 /** `"single"` renders `type="radio"`; `"multiple"` renders `type="checkbox"`. */
 export type ChoiceKind = "single" | "multiple";
 export type ChoiceOrientation = "horizontal" | "vertical";
@@ -21,7 +24,16 @@ export interface ChoiceGroupOwnProps {
      */
     readonly name?: string;
 }
-export type ChoiceGroupProps = ChoiceGroupOwnProps & Omit<ComponentPropsWithRef<"div">, keyof ChoiceGroupOwnProps>;
+export type ChoiceGroupProps = ChoiceGroupOwnProps & Omit<ComponentPropsWithRef<"div">, keyof ChoiceGroupOwnProps | "dangerouslySetInnerHTML">;
+/** Native props of the generated input; consumer values replace the defaults. */
+export type ChoiceInputSlotProps = Omit<ComponentPropsWithRef<"input">, "children" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes;
+export type ChoiceLabelSlotProps = Omit<ComponentPropsWithRef<"label">, "children" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes;
+export type ChoicePanelSlotProps = Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes;
+export interface ChoiceItemSlotProps {
+    readonly input?: ChoiceInputSlotProps;
+    readonly label?: ChoiceLabelSlotProps;
+    readonly panel?: ChoicePanelSlotProps;
+}
 export interface ChoiceItemOwnProps {
     readonly value: string;
     /** Rendered inside the `<label>`. */
@@ -40,14 +52,10 @@ export interface ChoiceItemOwnProps {
     readonly disabled?: boolean;
     /** Wrapper `data-part`. Defaults to `"item"`. */
     readonly part?: string;
-    /** Adds `data-part="label"` to the `<label>`. */
-    readonly labelPart?: boolean;
-    /** Escape hatch: extra attributes spread onto the `<input>` (for example, `data-part="control"`). */
-    readonly inputProps?: Record<string, unknown>;
-    /** Escape hatch: extra attributes spread onto the `<label>`. */
-    readonly labelProps?: Record<string, unknown>;
-    /** Escape hatch: extra attributes spread onto the panel `<div>`. */
-    readonly panelProps?: Record<string, unknown>;
+    /** Adds an owned `data-part` marker to the `<label>`; `true` means `"label"`. */
+    readonly labelPart?: boolean | string;
+    /** Native props for the generated input, label and optional panel. */
+    readonly slotProps?: ChoiceItemSlotProps;
     /**
      * Client-only: attaches to the input's native `change`. Passing it does not make this
      * element a client component — the *caller* must already be one. Omitted by every
@@ -55,5 +63,5 @@ export interface ChoiceItemOwnProps {
      */
     readonly onValueChange?: (value: string) => void;
 }
-export type ChoiceItemProps = ChoiceItemOwnProps & Omit<ComponentPropsWithRef<"div">, keyof ChoiceItemOwnProps | "children">;
+export type ChoiceItemProps = ChoiceItemOwnProps & Omit<ComponentPropsWithRef<"div">, keyof ChoiceItemOwnProps | "children" | "dangerouslySetInnerHTML">;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/choice/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,iFAAiF;AACjF,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IACzC;;;;;OAKG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,GAChD,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,mBAAmB,CAAC,CAAC;AAEhE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,oFAAoF;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,iFAAiF;IACjF,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,gFAAgF;IAChF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,kEAAkE;IAClE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,iDAAiD;IACjD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,qGAAqG;IACrG,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,gEAAgE;IAChE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,oEAAoE;IACpE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,kBAAkB,GAAG,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/choice/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CAC/E;AAED,iFAAiF;AACjF,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IACzC;;;;;OAKG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,GAChD,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,mBAAmB,GAAG,yBAAyB,CAAC,CAAC;AAE5F,iFAAiF;AACjF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,qBAAqB,CAAC,OAAO,CAAC,EAC9B,UAAU,GAAG,yBAAyB,CACvC,GACC,sBAAsB,CAAC;AAEzB,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,qBAAqB,CAAC,OAAO,CAAC,EAC9B,UAAU,GAAG,yBAAyB,CACvC,GACC,sBAAsB,CAAC;AAEzB,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,qBAAqB,CAAC,KAAK,CAAC,EAC5B,UAAU,GAAG,yBAAyB,CACvC,GACC,sBAAsB,CAAC;AAEzB,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC;CACvC;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,oFAAoF;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,iFAAiF;IACjF,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,gFAAgF;IAChF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,kEAAkE;IAClE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,iDAAiD;IACjD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtC,sEAAsE;IACtE,QAAQ,CAAC,SAAS,CAAC,EAAE,mBAAmB,CAAC;IACzC;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,IAAI,CACF,qBAAqB,CAAC,KAAK,CAAC,EAC5B,MAAM,kBAAkB,GAAG,UAAU,GAAG,yBAAyB,CAClE,CAAC"}

package/dist/elements/details/Details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../src/elements/details/Details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAE7F;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAajE;yBAbe,WAAW;;;AAgB3B;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAWvE;yBAXe,cAAc;;;AAc9B;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC5D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CASrB;yBAXe,cAAc;;;AAc9B,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}
+{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../src/elements/details/Details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAE7F;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAYjE;yBAZe,WAAW;;;AAe3B;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAWvE;yBAXe,cAAc;;;AAc9B;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC5D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CASrB;yBAXe,cAAc;;;AAc9B,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}

package/dist/elements/details/Details.js

@@ -1,15 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { useRenderElement } from "@gunkin/uiify/core/render";
 function DetailsRoot(props) {
-  const { children, defaultOpen, disabled, name, ...consumerProps } = props;
+  const { children, defaultOpen, disabled, ...consumerProps } = props;
   return /* @__PURE__ */ jsx(
     "details",
     {
-      ...consumerProps,
       "data-disabled": disabled ? "" : void 0,
       "data-uiify-details": "",
-      ...name === void 0 ? {} : { name },
       ...defaultOpen ? { open: true } : {},
+      ...consumerProps,
       children
     }
   );
@@ -20,9 +19,9 @@ function DetailsSummary(props) {
   return /* @__PURE__ */ jsx(
     "summary",
     {
-      ...consumerProps,
       ...part === void 0 ? {} : { "data-part": part },
       ...disabled ? { "aria-disabled": "true", tabIndex: -1 } : {},
+      ...consumerProps,
       children
     }
   );
@@ -33,7 +32,7 @@ function DetailsContent(props) {
   return useRenderElement({
     as,
     defaultTag: "div",
-    props: { ...consumerProps, ...part === void 0 ? {} : { "data-part": part } },
+    props: { ...part === void 0 ? {} : { "data-part": part }, ...consumerProps },
     render,
     state: {}
   });

package/dist/elements/details/Details.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/details/Details.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { DetailsContentProps, DetailsRootProps, DetailsSummaryProps } from \"./types.js\";\n\n/**\n * A native disclosure. `name` is what makes a group of these single-open with zero JS — the\n * browser enforces the exclusivity. Emits `data-uiify-details`, plus `data-disabled` when\n * `disabled`.\n */\nexport function DetailsRoot(props: DetailsRootProps): ReactElement {\n  const { children, defaultOpen, disabled, name, ...consumerProps } = props;\n  return (\n    <details\n      {...consumerProps}\n      data-disabled={disabled ? \"\" : undefined}\n      data-uiify-details=\"\"\n      {...(name === undefined ? {} : { name })}\n      {...(defaultOpen ? { open: true } : {})}\n    >\n      {children}\n    </details>\n  );\n}\nDetailsRoot.displayName = \"DetailsRoot\";\n\n/**\n * The disclosure trigger. `part` sets `data-part` when given (omitted entirely otherwise —\n * not every consumer wants a part name on this element, see breadcrumb's ellipsis trigger).\n * When `disabled`, the trigger loses focusability and gets `aria-disabled` — the browser has\n * no native `disabled` state for `<summary>`.\n */\nexport function DetailsSummary(props: DetailsSummaryProps): ReactElement {\n  const { children, disabled, part, ...consumerProps } = props;\n  return (\n    <summary\n      {...consumerProps}\n      {...(part === undefined ? {} : { \"data-part\": part })}\n      {...(disabled ? { \"aria-disabled\": \"true\", tabIndex: -1 } : {})}\n    >\n      {children}\n    </summary>\n  );\n}\nDetailsSummary.displayName = \"DetailsSummary\";\n\n/**\n * The disclosure body. Polymorphic (`as`/`render`) since the content isn't always a `<div>` —\n * breadcrumb's ellipsis panel is an `<ol>`. `part` sets `data-part` when given, same rule as\n * `DetailsSummary`.\n */\nexport function DetailsContent<TAs extends ElementType = \"div\">(\n  props: DetailsContentProps<TAs>,\n): ReactElement | null {\n  const { as, render, part, ...consumerProps } = props as DetailsContentProps<\"div\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: { ...consumerProps, ...(part === undefined ? {} : { \"data-part\": part }) },\n    render,\n    state: {},\n  });\n}\nDetailsContent.displayName = \"DetailsContent\";\n\nexport const Details = {\n  Root: DetailsRoot,\n  Summary: DetailsSummary,\n  Content: DetailsContent,\n};\n"],"mappings":"AAYI;AAXJ,SAAS,wBAAwB;AAQ1B,SAAS,YAAY,OAAuC;AACjE,QAAM,EAAE,UAAU,aAAa,UAAU,MAAM,GAAG,cAAc,IAAI;AACpE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,iBAAe,WAAW,KAAK;AAAA,MAC/B,sBAAmB;AAAA,MAClB,GAAI,SAAS,SAAY,CAAC,IAAI,EAAE,KAAK;AAAA,MACrC,GAAI,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;AAAA,MAEpC;AAAA;AAAA,EACH;AAEJ;AACA,YAAY,cAAc;AAQnB,SAAS,eAAe,OAA0C;AACvE,QAAM,EAAE,UAAU,UAAU,MAAM,GAAG,cAAc,IAAI;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,SAAS,SAAY,CAAC,IAAI,EAAE,aAAa,KAAK;AAAA,MAClD,GAAI,WAAW,EAAE,iBAAiB,QAAQ,UAAU,GAAG,IAAI,CAAC;AAAA,MAE5D;AAAA;AAAA,EACH;AAEJ;AACA,eAAe,cAAc;AAOtB,SAAS,eACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,MAAM,GAAG,cAAc,IAAI;AAC/C,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,eAAe,GAAI,SAAS,SAAY,CAAC,IAAI,EAAE,aAAa,KAAK,EAAG;AAAA,IAChF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACA,eAAe,cAAc;AAEtB,MAAM,UAAU;AAAA,EACrB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AACX;","names":[]}
+{"version":3,"sources":["../../../src/elements/details/Details.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { DetailsContentProps, DetailsRootProps, DetailsSummaryProps } from \"./types.js\";\n\n/**\n * A native disclosure. `name` is what makes a group of these single-open with zero JS — the\n * browser enforces the exclusivity. Emits `data-uiify-details`, plus `data-disabled` when\n * `disabled`.\n */\nexport function DetailsRoot(props: DetailsRootProps): ReactElement {\n  const { children, defaultOpen, disabled, ...consumerProps } = props;\n  return (\n    <details\n      data-disabled={disabled ? \"\" : undefined}\n      data-uiify-details=\"\"\n      {...(defaultOpen ? { open: true } : {})}\n      {...consumerProps}\n    >\n      {children}\n    </details>\n  );\n}\nDetailsRoot.displayName = \"DetailsRoot\";\n\n/**\n * The disclosure trigger. `part` sets `data-part` when given (omitted entirely otherwise —\n * not every consumer wants a part name on this element, see breadcrumb's ellipsis trigger).\n * When `disabled`, the trigger loses focusability and gets `aria-disabled` — the browser has\n * no native `disabled` state for `<summary>`.\n */\nexport function DetailsSummary(props: DetailsSummaryProps): ReactElement {\n  const { children, disabled, part, ...consumerProps } = props;\n  return (\n    <summary\n      {...(part === undefined ? {} : { \"data-part\": part })}\n      {...(disabled ? { \"aria-disabled\": \"true\", tabIndex: -1 } : {})}\n      {...consumerProps}\n    >\n      {children}\n    </summary>\n  );\n}\nDetailsSummary.displayName = \"DetailsSummary\";\n\n/**\n * The disclosure body. Polymorphic (`as`/`render`) since the content isn't always a `<div>` —\n * breadcrumb's ellipsis panel is an `<ol>`. `part` sets `data-part` when given, same rule as\n * `DetailsSummary`.\n */\nexport function DetailsContent<TAs extends ElementType = \"div\">(\n  props: DetailsContentProps<TAs>,\n): ReactElement | null {\n  const { as, render, part, ...consumerProps } = props as DetailsContentProps<\"div\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: { ...(part === undefined ? {} : { \"data-part\": part }), ...consumerProps },\n    render,\n    state: {},\n  });\n}\nDetailsContent.displayName = \"DetailsContent\";\n\nexport const Details = {\n  Root: DetailsRoot,\n  Summary: DetailsSummary,\n  Content: DetailsContent,\n};\n"],"mappings":"AAYI;AAXJ,SAAS,wBAAwB;AAQ1B,SAAS,YAAY,OAAuC;AACjE,QAAM,EAAE,UAAU,aAAa,UAAU,GAAG,cAAc,IAAI;AAC9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAe,WAAW,KAAK;AAAA,MAC/B,sBAAmB;AAAA,MAClB,GAAI,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;AAAA,MACpC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AACA,YAAY,cAAc;AAQnB,SAAS,eAAe,OAA0C;AACvE,QAAM,EAAE,UAAU,UAAU,MAAM,GAAG,cAAc,IAAI;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,SAAS,SAAY,CAAC,IAAI,EAAE,aAAa,KAAK;AAAA,MAClD,GAAI,WAAW,EAAE,iBAAiB,QAAQ,UAAU,GAAG,IAAI,CAAC;AAAA,MAC5D,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AACA,eAAe,cAAc;AAOtB,SAAS,eACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,MAAM,GAAG,cAAc,IAAI;AAC/C,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAI,SAAS,SAAY,CAAC,IAAI,EAAE,aAAa,KAAK,GAAI,GAAG,cAAc;AAAA,IAChF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACA,eAAe,cAAc;AAEtB,MAAM,UAAU;AAAA,EACrB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AACX;","names":[]}

package/dist/elements/details/types.d.ts

@@ -8,11 +8,11 @@ export interface DetailsRootOwnProps {
      * Groups sibling `<details name>` into an exclusive, single-open set — the browser
      * enforces it, no JS. Must be unique per group and stable across SSR.
      */
-    readonly name?: string;
+    readonly name?: string | undefined;
     readonly disabled?: boolean;
 }
-/** `open` is not part of the contract — use `defaultOpen`; the browser owns state after that. */
-export type DetailsRootProps = DetailsRootOwnProps & Omit<ComponentPropsWithRef<"details">, keyof DetailsRootOwnProps | "open">;
+/** Native props may override the initial open state. */
+export type DetailsRootProps = DetailsRootOwnProps & Omit<ComponentPropsWithRef<"details">, keyof DetailsRootOwnProps>;
 export interface DetailsSummaryOwnProps {
     readonly children?: ReactNode;
     readonly disabled?: boolean;

package/dist/elements/details/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/details/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,2DAA2D;IAC3D,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,iGAAiG;AACjG,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,GAChD,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,MAAM,mBAAmB,GAAG,MAAM,CAAC,CAAC;AAE7E,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,sFAAsF;IACtF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,GACtD,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,MAAM,sBAAsB,CAAC,CAAC;AAEvE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,kFAAkF;IAClF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAChF,GAAG,EACH,sBAAsB,EACtB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/details/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,2DAA2D;IAC3D,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wDAAwD;AACxD,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,GAChD,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,MAAM,mBAAmB,CAAC,CAAC;AAEpE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,sFAAsF;IACtF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,GACtD,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,MAAM,sBAAsB,CAAC,CAAC;AAEvE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,kFAAkF;IAClF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAChF,GAAG,EACH,sBAAsB,EACtB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC"}

package/dist/elements/dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/elements/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAE3F;;;;;;;;;;;;GAYG;AACH,iBAAS,aAAa,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACvD,KAAK,EAAE,kBAAkB,CAAC,GAAG,CAAC,GAC7B,YAAY,CAUd;AACD,eAAO,MAAM,aAAa;;CAExB,CAAC;AAEH;;GAEG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAO9D;AACD,eAAO,MAAM,aAAa;;CAExB,CAAC;AAEH;;;GAGG;AACH,iBAAS,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACrD,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,CAUd;AACD,eAAO,MAAM,WAAW;;CAEtB,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;CAIlB,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/elements/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAC3F;;;;;;;;;;;;GAYG;AACH,iBAAS,aAAa,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACvD,KAAK,EAAE,kBAAkB,CAAC,GAAG,CAAC,GAC7B,YAAY,CAUd;AACD,eAAO,MAAM,aAAa;;CAExB,CAAC;AACH;;GAEG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAO9D;AACD,eAAO,MAAM,aAAa;;CAExB,CAAC;AACH;;;GAGG;AACH,iBAAS,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACrD,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,CAUd;AACD,eAAO,MAAM,WAAW;;CAEtB,CAAC;AACH,eAAO,MAAM,MAAM;;;;;;;;;;CAIlB,CAAC"}

package/dist/elements/dialog/Dialog.js

@@ -16,7 +16,7 @@ const DialogTrigger = /* @__PURE__ */ Object.assign(dialogTrigger, {
 });
 function dialogContent(props) {
   const { children, ...dialogProps } = props;
-  return /* @__PURE__ */ jsx("dialog", { ...dialogProps, "data-part": "content", "data-uiify-dialog": "", children });
+  return /* @__PURE__ */ jsx("dialog", { "data-part": "content", "data-uiify-dialog": "", ...dialogProps, children });
 }
 const DialogContent = /* @__PURE__ */ Object.assign(dialogContent, {
   displayName: "DialogContent"

package/dist/elements/dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/dialog/Dialog.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type { DialogCloseProps, DialogContentProps, DialogTriggerProps } from \"./types.js\";\n\n/**\n * Opens `target` modally through the browser: no React handler, works before hydration.\n * Emits `data-uiify-dialog` with `data-part=\"trigger\"`.\n *\n * Defined via `Object.assign(fn, { displayName })` rather than this file's usual\n * `fn.displayName = \"…\"` statement: `Dialog.Trigger`/`.Content`/`.Close` are meant to be\n * consumed individually (`modal`, `alert-modal` and `drawer` each use a different subset), and\n * esbuild's default tree-shaking\n * cannot prove a bare `fn.displayName = \"…\"` assignment statement is side-effect-free, so it\n * keeps every part whose file is reachable at all. A pure-annotated expression assigned\n * directly to the export lets an unused part be dropped instead of taxing every consumer\n * for parts it never renders.\n */\nfunction dialogTrigger<TAs extends ElementType = \"button\">(\n  props: DialogTriggerProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as DialogTriggerProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-dialog\",\n    \"trigger\",\n    \"show-modal\",\n    target,\n    consumerProps as Record<string, unknown>,\n  );\n}\nexport const DialogTrigger = /* @__PURE__ */ Object.assign(dialogTrigger, {\n  displayName: \"DialogTrigger\",\n});\n\n/**\n * A plain, initially closed `<dialog>`. Emits `data-uiify-dialog` with `data-part=\"content\"`.\n */\nfunction dialogContent(props: DialogContentProps): ReactElement {\n  const { children, ...dialogProps } = props;\n  return (\n    <dialog {...dialogProps} data-part=\"content\" data-uiify-dialog=\"\">\n      {children}\n    </dialog>\n  );\n}\nexport const DialogContent = /* @__PURE__ */ Object.assign(dialogContent, {\n  displayName: \"DialogContent\",\n});\n\n/**\n * Requests closing `target` (fires the cancelable `cancel` event first).\n * Emits `data-uiify-dialog` with `data-part=\"close\"`.\n */\nfunction dialogClose<TAs extends ElementType = \"button\">(\n  props: DialogCloseProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as DialogCloseProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-dialog\",\n    \"close\",\n    \"request-close\",\n    target,\n    consumerProps as Record<string, unknown>,\n  );\n}\nexport const DialogClose = /* @__PURE__ */ Object.assign(dialogClose, {\n  displayName: \"DialogClose\",\n});\n\nexport const Dialog = {\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Close: DialogClose,\n};\n"],"mappings":"AAwCI;AAvCJ,SAAS,2BAA2B;AAgBpC,SAAS,cACP,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACO,MAAM,gBAAgC,uBAAO,OAAO,eAAe;AAAA,EACxE,aAAa;AACf,CAAC;AAKD,SAAS,cAAc,OAAyC;AAC9D,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,SACE,oBAAC,YAAQ,GAAG,aAAa,aAAU,WAAU,qBAAkB,IAC5D,UACH;AAEJ;AACO,MAAM,gBAAgC,uBAAO,OAAO,eAAe;AAAA,EACxE,aAAa;AACf,CAAC;AAMD,SAAS,YACP,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACO,MAAM,cAA8B,uBAAO,OAAO,aAAa;AAAA,EACpE,aAAa;AACf,CAAC;AAEM,MAAM,SAAS;AAAA,EACpB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/elements/dialog/Dialog.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type { DialogCloseProps, DialogContentProps, DialogTriggerProps } from \"./types.js\";\n/**\n * Opens `target` modally through the browser: no React handler, works before hydration.\n * Emits `data-uiify-dialog` with `data-part=\"trigger\"`.\n *\n * Defined via `Object.assign(fn, { displayName })` rather than this file's usual\n * `fn.displayName = \"…\"` statement: `Dialog.Trigger`/`.Content`/`.Close` are meant to be\n * consumed individually (`modal`, `alert-modal` and `drawer` each use a different subset), and\n * esbuild's default tree-shaking\n * cannot prove a bare `fn.displayName = \"…\"` assignment statement is side-effect-free, so it\n * keeps every part whose file is reachable at all. A pure-annotated expression assigned\n * directly to the export lets an unused part be dropped instead of taxing every consumer\n * for parts it never renders.\n */\nfunction dialogTrigger<TAs extends ElementType = \"button\">(\n  props: DialogTriggerProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as DialogTriggerProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-dialog\",\n    \"trigger\",\n    \"show-modal\",\n    target,\n    consumerProps as Record<string, unknown>,\n  );\n}\nexport const DialogTrigger = /* @__PURE__ */ Object.assign(dialogTrigger, {\n  displayName: \"DialogTrigger\",\n});\n/**\n * A plain, initially closed `<dialog>`. Emits `data-uiify-dialog` with `data-part=\"content\"`.\n */\nfunction dialogContent(props: DialogContentProps): ReactElement {\n  const { children, ...dialogProps } = props;\n  return (\n    <dialog data-part=\"content\" data-uiify-dialog=\"\" {...dialogProps}>\n      {children}\n    </dialog>\n  );\n}\nexport const DialogContent = /* @__PURE__ */ Object.assign(dialogContent, {\n  displayName: \"DialogContent\",\n});\n/**\n * Requests closing `target` (fires the cancelable `cancel` event first).\n * Emits `data-uiify-dialog` with `data-part=\"close\"`.\n */\nfunction dialogClose<TAs extends ElementType = \"button\">(\n  props: DialogCloseProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as DialogCloseProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-dialog\",\n    \"close\",\n    \"request-close\",\n    target,\n    consumerProps as Record<string, unknown>,\n  );\n}\nexport const DialogClose = /* @__PURE__ */ Object.assign(dialogClose, {\n  displayName: \"DialogClose\",\n});\nexport const Dialog = {\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Close: DialogClose,\n};\n"],"mappings":"AAsCI;AArCJ,SAAS,2BAA2B;AAepC,SAAS,cACP,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACO,MAAM,gBAAgC,uBAAO,OAAO,eAAe;AAAA,EACxE,aAAa;AACf,CAAC;AAID,SAAS,cAAc,OAAyC;AAC9D,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,SACE,oBAAC,YAAO,aAAU,WAAU,qBAAkB,IAAI,GAAG,aAClD,UACH;AAEJ;AACO,MAAM,gBAAgC,uBAAO,OAAO,eAAe;AAAA,EACxE,aAAa;AACf,CAAC;AAKD,SAAS,YACP,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACO,MAAM,cAA8B,uBAAO,OAAO,aAAa;AAAA,EACpE,aAAa;AACf,CAAC;AACM,MAAM,SAAS;AAAA,EACpB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;","names":[]}

package/dist/elements/invoker/Invoker.js

@@ -2,11 +2,11 @@ import { createElement } from "react";
 function Invoker(props) {
   const { as, command, commandfor, ...consumerProps } = props;
   return createElement(as ?? "button", {
+    type: "button",
+    "data-uiify-invoker": "",
     ...consumerProps,
     command,
-    commandfor,
-    "data-uiify-invoker": "",
-    type: "button"
+    commandfor
   });
 }
 Invoker.displayName = "Invoker";

package/dist/elements/invoker/Invoker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/invoker/Invoker.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ElementType, ReactElement } from \"react\";\nimport type { InvokerProps } from \"./types.js\";\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\n * in JSX, so they travel as a props object through `createElement` rather\n * than JSX. This is the one place that workaround is written — `Modal`,\n * `AlertModal` and every other `command`/`commandfor` consumer builds on this\n * element (or its `@gunkin/uiify/core/render` counterpart, `renderNativeInvoker`).\n */\nexport function Invoker<TAs extends ElementType = \"button\">(\n  props: InvokerProps<TAs>,\n): ReactElement {\n  const { as, command, commandfor, ...consumerProps } = props as InvokerProps<\"button\">;\n  return createElement(as ?? \"button\", {\n    ...consumerProps,\n    command,\n    commandfor,\n    \"data-uiify-invoker\": \"\",\n    type: \"button\",\n  });\n}\nInvoker.displayName = \"Invoker\";\n"],"mappings":"AAAA,SAAS,qBAAqB;AAavB,SAAS,QACd,OACc;AACd,QAAM,EAAE,IAAI,SAAS,YAAY,GAAG,cAAc,IAAI;AACtD,SAAO,cAAc,MAAM,UAAU;AAAA,IACnC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,IACtB,MAAM;AAAA,EACR,CAAC;AACH;AACA,QAAQ,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/elements/invoker/Invoker.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ElementType, ReactElement } from \"react\";\nimport type { InvokerProps } from \"./types.js\";\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\n * in JSX, so they travel as a props object through `createElement` rather\n * than JSX. This is the one place that workaround is written — `Modal`,\n * `AlertModal` and every other `command`/`commandfor` consumer builds on this\n * element (or its `@gunkin/uiify/core/render` counterpart, `renderNativeInvoker`).\n */\nexport function Invoker<TAs extends ElementType = \"button\">(\n  props: InvokerProps<TAs>,\n): ReactElement {\n  const { as, command, commandfor, ...consumerProps } = props as InvokerProps<\"button\">;\n  return createElement(as ?? \"button\", {\n    type: \"button\",\n    \"data-uiify-invoker\": \"\",\n    ...consumerProps,\n    command,\n    commandfor,\n  });\n}\nInvoker.displayName = \"Invoker\";\n"],"mappings":"AAAA,SAAS,qBAAqB;AAavB,SAAS,QACd,OACc;AACd,QAAM,EAAE,IAAI,SAAS,YAAY,GAAG,cAAc,IAAI;AACtD,SAAO,cAAc,MAAM,UAAU;AAAA,IACnC,MAAM;AAAA,IACN,sBAAsB;AAAA,IACtB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF,CAAC;AACH;AACA,QAAQ,cAAc;","names":[]}

package/dist/elements/popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/elements/popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EAEnB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAmCpB;;;;;GAKG;AACH,iBAAS,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACxD,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,CAed;AACD,eAAO,MAAM,cAAc;;CAEzB,CAAC;AAEH;;;;GAIG;AACH,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAehE;AACD,eAAO,MAAM,cAAc;;CAEzB,CAAC;AAEH;;GAEG;AACH,iBAAS,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACtD,KAAK,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAC5B,YAAY,CAUd;AACD,eAAO,MAAM,YAAY;;CAEvB,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;CAInB,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/elements/popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EAEnB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAiCpB;;;;;GAKG;AACH,iBAAS,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACxD,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,CAed;AACD,eAAO,MAAM,cAAc;;CAEzB,CAAC;AACH;;;;GAIG;AACH,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAehE;AACD,eAAO,MAAM,cAAc;;CAEzB,CAAC;AACH;;GAEG;AACH,iBAAS,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACtD,KAAK,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAC5B,YAAY,CAUd;AACD,eAAO,MAAM,YAAY;;CAEvB,CAAC;AACH,eAAO,MAAM,OAAO;;;;;;;;;;CAInB,CAAC"}

package/dist/elements/popover/Popover.js

@@ -2,12 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { createElement } from "react";
 function renderInvoker(as, marker, part, action, target, consumerProps) {
   return createElement(as ?? "button", {
-    ...consumerProps,
     [marker]: "",
     "data-part": part,
     popoverTarget: target,
     popoverTargetAction: action,
-    type: "button"
+    type: "button",
+    ...consumerProps
   });
 }
 function popoverTrigger(props) {
@@ -34,13 +34,13 @@ function popoverSurface(props) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      ...consumerProps,
       "data-align": align,
       "data-part": "surface",
       "data-positioning": "native",
       "data-side": side,
       "data-uiify-popover": "",
       popover: mode,
+      ...consumerProps,
       children
     }
   );

package/dist/elements/popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/popover/Popover.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ElementType, ReactElement } from \"react\";\nimport type {\n  PopoverCloseProps,\n  PopoverSurfaceProps,\n  PopoverTriggerAction,\n  PopoverTriggerProps,\n} from \"./types.js\";\n\n/**\n * Render a `popovertarget` invoker. React 19 knows `popoverTarget` and\n * `popoverTargetAction` as camelCase DOM properties: on the client it sets them via\n * `setAttribute`, which the browser lowercases automatically for an HTML element, and any\n * HTML parser (including hydration) lowercases attribute names from source regardless of\n * case — so the resulting DOM attribute is always `popovertarget`/`popovertargetaction`.\n * React's SSR string renderer has no case-mapping for these two (unlike `className` or\n * `htmlFor`) and serializes the literal camelCase spelling into the markup string; that is\n * a cosmetic detail of the raw SSR string, not a behavioral gap, since a real parser\n * normalizes it.\n *\n * `createElement` rather than JSX for the same reason as `elements/invoker`/`elements/dialog`:\n * `as` is typed as the generic `ElementType`, so a plain object survives type-checking where\n * a literal JSX attribute list on a polymorphic tag would not.\n */\nfunction renderInvoker(\n  as: ElementType | undefined,\n  marker: string,\n  part: string,\n  action: PopoverTriggerAction,\n  target: string,\n  consumerProps: Record<string, unknown>,\n): ReactElement {\n  return createElement(as ?? \"button\", {\n    ...consumerProps,\n    [marker]: \"\",\n    \"data-part\": part,\n    popoverTarget: target,\n    popoverTargetAction: action,\n    type: \"button\",\n  });\n}\n\n/**\n * Acts on `target` (`action`, default `\"toggle\"`); light dismiss, Escape and nesting are\n * handled by the browser. The popover opened this way uses the invoker as its implicit\n * anchor, so no anchor name is emitted. Emits `data-uiify-popover` with\n * `data-part=\"trigger\"`.\n */\nfunction popoverTrigger<TAs extends ElementType = \"button\">(\n  props: PopoverTriggerProps<TAs>,\n): ReactElement {\n  const {\n    action = \"toggle\",\n    as,\n    target,\n    ...consumerProps\n  } = props as PopoverTriggerProps<\"button\">;\n  return renderInvoker(\n    as,\n    \"data-uiify-popover\",\n    \"trigger\",\n    action,\n    target,\n    consumerProps as Record<string, unknown>,\n  );\n}\nexport const PopoverTrigger = /* @__PURE__ */ Object.assign(popoverTrigger, {\n  displayName: \"PopoverTrigger\",\n});\n\n/**\n * The popover surface. `data-side`/`data-align` drive required geometry in\n * `@gunkin/uiify/components/behavior.css`; optional skins provide the gap. Emits `popover`, `data-side`, `data-align`, `data-positioning=\"native\"` and\n * `data-uiify-popover` with `data-part=\"surface\"`.\n */\nfunction popoverSurface(props: PopoverSurfaceProps): ReactElement {\n  const { align = \"center\", children, mode = \"auto\", side = \"bottom\", ...consumerProps } = props;\n  return (\n    <div\n      {...consumerProps}\n      data-align={align}\n      data-part=\"surface\"\n      data-positioning=\"native\"\n      data-side={side}\n      data-uiify-popover=\"\"\n      popover={mode}\n    >\n      {children}\n    </div>\n  );\n}\nexport const PopoverSurface = /* @__PURE__ */ Object.assign(popoverSurface, {\n  displayName: \"PopoverSurface\",\n});\n\n/**\n * Hides `target`. Emits `data-uiify-popover` with `data-part=\"close\"`.\n */\nfunction popoverClose<TAs extends ElementType = \"button\">(\n  props: PopoverCloseProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as PopoverCloseProps<\"button\">;\n  return renderInvoker(\n    as,\n    \"data-uiify-popover\",\n    \"close\",\n    \"hide\",\n    target,\n    consumerProps as Record<string, unknown>,\n  );\n}\nexport const PopoverClose = /* @__PURE__ */ Object.assign(popoverClose, {\n  displayName: \"PopoverClose\",\n});\n\nexport const Popover = {\n  Trigger: PopoverTrigger,\n  Surface: PopoverSurface,\n  Close: PopoverClose,\n};\n"],"mappings":"AA8EI;AA9EJ,SAAS,qBAAqB;AAwB9B,SAAS,cACP,IACA,QACA,MACA,QACA,QACA,eACc;AACd,SAAO,cAAc,MAAM,UAAU;AAAA,IACnC,GAAG;AAAA,IACH,CAAC,MAAM,GAAG;AAAA,IACV,aAAa;AAAA,IACb,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,MAAM;AAAA,EACR,CAAC;AACH;AAQA,SAAS,eACP,OACc;AACd,QAAM;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACO,MAAM,iBAAiC,uBAAO,OAAO,gBAAgB;AAAA,EAC1E,aAAa;AACf,CAAC;AAOD,SAAS,eAAe,OAA0C;AAChE,QAAM,EAAE,QAAQ,UAAU,UAAU,OAAO,QAAQ,OAAO,UAAU,GAAG,cAAc,IAAI;AACzF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,cAAY;AAAA,MACZ,aAAU;AAAA,MACV,oBAAiB;AAAA,MACjB,aAAW;AAAA,MACX,sBAAmB;AAAA,MACnB,SAAS;AAAA,MAER;AAAA;AAAA,EACH;AAEJ;AACO,MAAM,iBAAiC,uBAAO,OAAO,gBAAgB;AAAA,EAC1E,aAAa;AACf,CAAC;AAKD,SAAS,aACP,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACO,MAAM,eAA+B,uBAAO,OAAO,cAAc;AAAA,EACtE,aAAa;AACf,CAAC;AAEM,MAAM,UAAU;AAAA,EACrB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/elements/popover/Popover.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ElementType, ReactElement } from \"react\";\nimport type {\n  PopoverCloseProps,\n  PopoverSurfaceProps,\n  PopoverTriggerAction,\n  PopoverTriggerProps,\n} from \"./types.js\";\n/**\n * Render a `popovertarget` invoker. React 19 knows `popoverTarget` and\n * `popoverTargetAction` as camelCase DOM properties: on the client it sets them via\n * `setAttribute`, which the browser lowercases automatically for an HTML element, and any\n * HTML parser (including hydration) lowercases attribute names from source regardless of\n * case — so the resulting DOM attribute is always `popovertarget`/`popovertargetaction`.\n * React's SSR string renderer has no case-mapping for these two (unlike `className` or\n * `htmlFor`) and serializes the literal camelCase spelling into the markup string; that is\n * a cosmetic detail of the raw SSR string, not a behavioral gap, since a real parser\n * normalizes it.\n *\n * `createElement` rather than JSX for the same reason as `elements/invoker`/`elements/dialog`:\n * `as` is typed as the generic `ElementType`, so a plain object survives type-checking where\n * a literal JSX attribute list on a polymorphic tag would not.\n */\nfunction renderInvoker(\n  as: ElementType | undefined,\n  marker: string,\n  part: string,\n  action: PopoverTriggerAction,\n  target: string,\n  consumerProps: Record<string, unknown>,\n): ReactElement {\n  return createElement(as ?? \"button\", {\n    [marker]: \"\",\n    \"data-part\": part,\n    popoverTarget: target,\n    popoverTargetAction: action,\n    type: \"button\",\n    ...consumerProps,\n  });\n}\n/**\n * Acts on `target` (`action`, default `\"toggle\"`); light dismiss, Escape and nesting are\n * handled by the browser. The popover opened this way uses the invoker as its implicit\n * anchor, so no anchor name is emitted. Emits `data-uiify-popover` with\n * `data-part=\"trigger\"`.\n */\nfunction popoverTrigger<TAs extends ElementType = \"button\">(\n  props: PopoverTriggerProps<TAs>,\n): ReactElement {\n  const {\n    action = \"toggle\",\n    as,\n    target,\n    ...consumerProps\n  } = props as PopoverTriggerProps<\"button\">;\n  return renderInvoker(\n    as,\n    \"data-uiify-popover\",\n    \"trigger\",\n    action,\n    target,\n    consumerProps as Record<string, unknown>,\n  );\n}\nexport const PopoverTrigger = /* @__PURE__ */ Object.assign(popoverTrigger, {\n  displayName: \"PopoverTrigger\",\n});\n/**\n * The popover surface. `data-side`/`data-align` drive required geometry in\n * `@gunkin/uiify/components/behavior.css`; optional skins provide the gap. Emits `popover`, `data-side`, `data-align`, `data-positioning=\"native\"` and\n * `data-uiify-popover` with `data-part=\"surface\"`.\n */\nfunction popoverSurface(props: PopoverSurfaceProps): ReactElement {\n  const { align = \"center\", children, mode = \"auto\", side = \"bottom\", ...consumerProps } = props;\n  return (\n    <div\n      data-align={align}\n      data-part=\"surface\"\n      data-positioning=\"native\"\n      data-side={side}\n      data-uiify-popover=\"\"\n      popover={mode}\n      {...consumerProps}\n    >\n      {children}\n    </div>\n  );\n}\nexport const PopoverSurface = /* @__PURE__ */ Object.assign(popoverSurface, {\n  displayName: \"PopoverSurface\",\n});\n/**\n * Hides `target`. Emits `data-uiify-popover` with `data-part=\"close\"`.\n */\nfunction popoverClose<TAs extends ElementType = \"button\">(\n  props: PopoverCloseProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as PopoverCloseProps<\"button\">;\n  return renderInvoker(\n    as,\n    \"data-uiify-popover\",\n    \"close\",\n    \"hide\",\n    target,\n    consumerProps as Record<string, unknown>,\n  );\n}\nexport const PopoverClose = /* @__PURE__ */ Object.assign(popoverClose, {\n  displayName: \"PopoverClose\",\n});\nexport const Popover = {\n  Trigger: PopoverTrigger,\n  Surface: PopoverSurface,\n  Close: PopoverClose,\n};\n"],"mappings":"AA2EI;AA3EJ,SAAS,qBAAqB;AAuB9B,SAAS,cACP,IACA,QACA,MACA,QACA,QACA,eACc;AACd,SAAO,cAAc,MAAM,UAAU;AAAA,IACnC,CAAC,MAAM,GAAG;AAAA,IACV,aAAa;AAAA,IACb,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,MAAM;AAAA,IACN,GAAG;AAAA,EACL,CAAC;AACH;AAOA,SAAS,eACP,OACc;AACd,QAAM;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACO,MAAM,iBAAiC,uBAAO,OAAO,gBAAgB;AAAA,EAC1E,aAAa;AACf,CAAC;AAMD,SAAS,eAAe,OAA0C;AAChE,QAAM,EAAE,QAAQ,UAAU,UAAU,OAAO,QAAQ,OAAO,UAAU,GAAG,cAAc,IAAI;AACzF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,aAAU;AAAA,MACV,oBAAiB;AAAA,MACjB,aAAW;AAAA,MACX,sBAAmB;AAAA,MACnB,SAAS;AAAA,MACR,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AACO,MAAM,iBAAiC,uBAAO,OAAO,gBAAgB;AAAA,EAC1E,aAAa;AACf,CAAC;AAID,SAAS,aACP,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACO,MAAM,eAA+B,uBAAO,OAAO,cAAc;AAAA,EACtE,aAAa;AACf,CAAC;AACM,MAAM,UAAU;AAAA,EACrB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;","names":[]}

package/dist/elements/popover/types.d.ts

@@ -4,6 +4,7 @@ import type { NativeButtonProps } from "@gunkin/uiify/core/render";
 export type PopoverSurfaceMode = "auto" | "manual";
 export type AnchorSide = "top" | "right" | "bottom" | "left";
 export type AnchorAlign = "start" | "center" | "end";
+type PopoverInvokerNativeProps = Pick<ComponentPropsWithRef<"button">, "popoverTarget" | "popoverTargetAction">;
 /** What a trigger does to its target popover when activated. */
 export type PopoverTriggerAction = "toggle" | "show" | "hide";
 export interface PopoverTriggerOwnProps {
@@ -13,13 +14,13 @@ export interface PopoverTriggerOwnProps {
     /** `id` of the `Popover.Surface` this button acts on. */
     readonly target: string;
 }
-export type PopoverTriggerProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, PopoverTriggerOwnProps>;
+export type PopoverTriggerProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, PopoverTriggerOwnProps & PopoverInvokerNativeProps>;
 export interface PopoverCloseOwnProps {
     readonly children?: ReactNode;
     /** `id` of the `Popover.Surface` this button hides. */
     readonly target: string;
 }
-export type PopoverCloseProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, PopoverCloseOwnProps>;
+export type PopoverCloseProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, PopoverCloseOwnProps & PopoverInvokerNativeProps>;
 export interface PopoverSurfaceOwnProps {
     readonly align?: AnchorAlign;
     readonly children?: ReactNode;
@@ -28,6 +29,7 @@ export interface PopoverSurfaceOwnProps {
     readonly mode?: PopoverSurfaceMode;
     readonly side?: AnchorSide;
 }
-/** `popover`, `data-side`, `data-align` and `data-positioning` are owned by the element. */
-export type PopoverSurfaceProps = PopoverSurfaceOwnProps & Omit<ComponentPropsWithRef<"div">, keyof PopoverSurfaceOwnProps | "popover">;
+/** Native props can override the surface defaults. */
+export type PopoverSurfaceProps = PopoverSurfaceOwnProps & Omit<ComponentPropsWithRef<"div">, keyof PopoverSurfaceOwnProps>;
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/elements/popover/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,4EAA4E;AAC5E,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEnD,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE7D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAErD,gEAAgE;AAChE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9D,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,8BAA8B;IAC9B,QAAQ,CAAC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IACvC,yDAAyD;IACzD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,iBAAiB,CACrF,GAAG,EACH,sBAAsB,CACvB,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,uDAAuD;IACvD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,iBAAiB,CACnF,GAAG,EACH,oBAAoB,CACrB,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,oFAAoF;IACpF,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,kBAAkB,CAAC;IACnC,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;CAC5B;AAED,4FAA4F;AAC5F,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,GACtD,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,sBAAsB,GAAG,SAAS,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,4EAA4E;AAC5E,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEnD,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE7D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAErD,KAAK,yBAAyB,GAAG,IAAI,CACnC,qBAAqB,CAAC,QAAQ,CAAC,EAC/B,eAAe,GAAG,qBAAqB,CACxC,CAAC;AAEF,gEAAgE;AAChE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9D,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,8BAA8B;IAC9B,QAAQ,CAAC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IACvC,yDAAyD;IACzD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,iBAAiB,CACrF,GAAG,EACH,sBAAsB,GAAG,yBAAyB,CACnD,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,uDAAuD;IACvD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,iBAAiB,CACnF,GAAG,EACH,oBAAoB,GAAG,yBAAyB,CACjD,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,oFAAoF;IACpF,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,kBAAkB,CAAC;IACnC,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;CAC5B;AAED,sDAAsD;AACtD,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,GACtD,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,sBAAsB,CAAC,CAAC"}

package/dist/hooks/use-isomorphic-layout-effect.d.ts

@@ -1,7 +1,7 @@
-import { useEffect } from "react";
+import { useLayoutEffect } from "react";
 /**
  * `useLayoutEffect` in the browser, `useEffect` on the server — avoids React's
  * "useLayoutEffect does nothing on the server" warning during SSR.
  */
-export declare const useIsomorphicLayoutEffect: typeof useEffect;
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
 //# sourceMappingURL=use-isomorphic-layout-effect.d.ts.map

package/dist/hooks/use-isomorphic-layout-effect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-isomorphic-layout-effect.d.ts","sourceRoot":"","sources":["../../src/hooks/use-isomorphic-layout-effect.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAEnD;;;GAGG;AACH,eAAO,MAAM,yBAAyB,kBACuB,CAAC"}
+{"version":3,"file":"use-isomorphic-layout-effect.d.ts","sourceRoot":"","sources":["../../src/hooks/use-isomorphic-layout-effect.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,eAAe,EAAE,MAAM,OAAO,CAAC;AAEnD;;;GAGG;AACH,eAAO,MAAM,yBAAyB,wBACuB,CAAC"}