@gunkin/uiify 0.0.24-alpha → 0.0.26-alpha

package/dist/components/line-chart/types.d.ts

@@ -1,5 +1,47 @@
-import type { ElementType, ReactNode } from "react";
+import type { ElementType, DOMAttributes, ReactNode, Ref } from "react";
 import type { RenderableProps } from "@gunkin/uiify/core/render";
+import type { SlotProps } from "../../core/slot-props.js";
+type LineChartIndexedSlotProps<TProps extends object> = TProps & {
+    readonly byItemIndex?: Readonly<Record<number, TProps>>;
+};
+type LineChartRepeatedSlotProps<TTag extends ElementType> = LineChartIndexedSlotProps<SlotProps<TTag>>;
+type LineChartPointElementProps = Omit<SlotProps<"div">, keyof DOMAttributes<HTMLElement> | "ref"> & Omit<DOMAttributes<HTMLElement>, "children" | "dangerouslySetInnerHTML"> & {
+    readonly ref?: Ref<HTMLElement> | undefined;
+};
+export interface LineChartSlotProps {
+    readonly caption?: SlotProps<"figcaption">;
+    readonly readout?: SlotProps<"div">;
+    readonly readoutTime?: SlotProps<"span">;
+    readonly readoutValue?: SlotProps<"span">;
+    readonly plot?: SlotProps<"div">;
+    readonly scrollViewport?: SlotProps<"div">;
+    readonly canvas?: SlotProps<"div">;
+    readonly viewport?: SlotProps<"div">;
+    readonly points?: SlotProps<"ol">;
+    readonly point?: LineChartIndexedSlotProps<LineChartPointElementProps>;
+    readonly pointHit?: LineChartRepeatedSlotProps<"button">;
+    readonly crosshair?: SlotProps<"div">;
+    readonly crosshairMarker?: SlotProps<"span">;
+    readonly timeViewport?: SlotProps<"div">;
+    readonly timeAxis?: SlotProps<"ol">;
+    readonly timeAxisLabel?: LineChartRepeatedSlotProps<"li">;
+    readonly crosshairTime?: SlotProps<"li">;
+    readonly valueAxis?: SlotProps<"ol">;
+    readonly valueAxisLabel?: LineChartRepeatedSlotProps<"li">;
+    readonly crosshairValue?: SlotProps<"li">;
+    readonly liveScrollport?: SlotProps<"div">;
+    readonly liveSpacer?: SlotProps<"div">;
+    readonly livePointRow?: LineChartRepeatedSlotProps<"div">;
+    readonly dataTable?: SlotProps<"table">;
+    readonly dataTableHead?: SlotProps<"thead">;
+    readonly dataTableHeaderRow?: SlotProps<"tr">;
+    readonly dataTableTimeHeader?: SlotProps<"th">;
+    readonly dataTableValueHeader?: SlotProps<"th">;
+    readonly dataTableBody?: SlotProps<"tbody">;
+    readonly dataTableRow?: LineChartRepeatedSlotProps<"tr">;
+    readonly dataTableTimeCell?: LineChartRepeatedSlotProps<"th">;
+    readonly dataTableValueCell?: LineChartRepeatedSlotProps<"td">;
+}
 export interface LineChartData {
     readonly time: string | number;
     readonly value: number;
@@ -15,7 +57,7 @@ export interface LineChartPointerPosition {
     readonly offsetY: number;
 }
 export interface LineChartOwnProps {
-    readonly "aria-label"?: string;
+    readonly "aria-label"?: string | undefined;
     readonly activePointIndex?: number;
     readonly cursorY?: number;
     readonly data: readonly LineChartData[];
@@ -26,6 +68,7 @@ export interface LineChartOwnProps {
     readonly onPointPointerLeave?: () => void;
     readonly onPointPointerMove?: (position: LineChartPointerPosition) => void;
     readonly selectedPointIndex?: number;
+    readonly slotProps?: LineChartSlotProps;
     readonly xAxis?: readonly LineChartAxisLabel[];
     readonly yAxis?: readonly LineChartAxisLabel[];
 }
@@ -71,5 +114,7 @@ export interface LineChartPointProps {
     readonly onPointClick?: ((index: number) => void) | undefined;
     readonly onPointPointerLeave?: (() => void) | undefined;
     readonly onPointPointerMove?: ((position: LineChartPointerPosition) => void) | undefined;
+    readonly slotProps?: Pick<LineChartSlotProps, "point" | "pointHit"> | undefined;
 }
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/line-chart/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/line-chart/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/line-chart/types.ts"],"names":[],"mappings":"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"}

package/dist/components/modal/Modal.d.ts

@@ -6,7 +6,7 @@ import type { ModalProps } from "./types.js";
  * Controlled or initially open dialogs use `ModalClientContent` from
  * `@gunkin/uiify/components/modal/client`.
  */
-export declare function Modal({ id, trigger, title, description, children, closeLabel, labels, footer, className, align, backdrop, dismiss, size, }: ModalProps): ReactElement;
+export declare function Modal({ id, trigger, title, description, children, closeLabel, labels, footer, slotProps, align, backdrop, dismiss, size, ...rootProps }: ModalProps): ReactElement;
 export declare namespace Modal {
     var displayName: string;
 }

package/dist/components/modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAYrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAyB7C;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,EACpB,EAAE,EACF,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,GACL,EAAE,UAAU,GAAG,YAAY,CAiC3B;yBA/Ce,KAAK"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAYrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAS7C;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,EACpB,EAAE,EACF,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,GAAG,SAAS,EACb,EAAE,UAAU,GAAG,YAAY,CA0C3B;yBAzDe,KAAK"}

package/dist/components/modal/Modal.js

@@ -11,21 +11,6 @@ import {
   ModalTrigger
 } from "./ModalParts.js";
 const DEFAULT_MODAL_LABELS = { close: "Close" };
-const CLOSE_ICON = /* @__PURE__ */ jsx(
-  "svg",
-  {
-    "aria-hidden": "true",
-    fill: "none",
-    focusable: "false",
-    height: "14",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeWidth: "1.75",
-    viewBox: "0 0 16 16",
-    width: "14",
-    children: /* @__PURE__ */ jsx("path", { d: "M3 3l10 10M13 3L3 13" })
-  }
-);
 function isAbsent(node) {
   return node === null || node === void 0;
 }
@@ -38,17 +23,18 @@ function Modal({
   closeLabel,
   labels,
   footer,
-  className,
+  slotProps,
   align,
   backdrop,
   dismiss,
-  size
+  size,
+  ...rootProps
 }) {
   const titleId = `${id}-title`;
   const descriptionId = `${id}-description`;
   const effectiveCloseLabel = closeLabel ?? labels?.close ?? DEFAULT_MODAL_LABELS.close;
-  return /* @__PURE__ */ jsxs("div", { "data-part": "root", "data-uiify-modal": "", children: [
-    /* @__PURE__ */ jsx(ModalTrigger, { target: id, children: trigger }),
+  return /* @__PURE__ */ jsxs("div", { "data-part": "root", "data-uiify-modal": "", ...rootProps, children: [
+    /* @__PURE__ */ jsx(ModalTrigger, { target: id, ...slotProps?.trigger, children: trigger }),
     /* @__PURE__ */ jsxs(
       ModalContent,
       {
@@ -56,19 +42,27 @@ function Modal({
         "aria-describedby": isAbsent(description) ? void 0 : descriptionId,
         "aria-labelledby": titleId,
         backdrop,
-        className,
         dismiss,
         id,
         size,
+        ...slotProps?.content,
         children: [
-          /* @__PURE__ */ jsx(ModalGrabber, {}),
-          /* @__PURE__ */ jsxs(ModalHeader, { children: [
-            /* @__PURE__ */ jsx(ModalTitle, { id: titleId, children: title }),
-            isAbsent(description) ? null : /* @__PURE__ */ jsx(ModalDescription, { id: descriptionId, children: description }),
-            /* @__PURE__ */ jsx(ModalClose, { "aria-label": effectiveCloseLabel, target: id, children: CLOSE_ICON })
+          /* @__PURE__ */ jsx(ModalGrabber, { ...slotProps?.grabber }),
+          /* @__PURE__ */ jsxs(ModalHeader, { ...slotProps?.header, children: [
+            /* @__PURE__ */ jsx(ModalTitle, { id: titleId, ...slotProps?.title, children: title }),
+            isAbsent(description) ? null : /* @__PURE__ */ jsx(ModalDescription, { id: descriptionId, ...slotProps?.description, children: description }),
+            /* @__PURE__ */ jsx(
+              ModalClose,
+              {
+                "aria-label": effectiveCloseLabel,
+                "data-size": "icon",
+                target: id,
+                ...slotProps?.close
+              }
+            )
           ] }),
-          isAbsent(children) ? null : /* @__PURE__ */ jsx(ModalBody, { children }),
-          isAbsent(footer) ? null : /* @__PURE__ */ jsx(ModalFooter, { children: footer })
+          isAbsent(children) ? null : /* @__PURE__ */ jsx(ModalBody, { ...slotProps?.body, children }),
+          isAbsent(footer) ? null : /* @__PURE__ */ jsx(ModalFooter, { ...slotProps?.footer, children: footer })
         ]
       }
     )

package/dist/components/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from \"react\";\nimport {\n  ModalBody,\n  ModalClose,\n  ModalContent,\n  ModalDescription,\n  ModalFooter,\n  ModalGrabber,\n  ModalHeader,\n  ModalTitle,\n  ModalTrigger,\n} from \"./ModalParts.js\";\nimport type { ModalProps } from \"./types.js\";\n\nconst DEFAULT_MODAL_LABELS = { close: \"Close\" } as const;\n\nconst CLOSE_ICON = (\n  <svg\n    aria-hidden=\"true\"\n    fill=\"none\"\n    focusable=\"false\"\n    height=\"14\"\n    stroke=\"currentColor\"\n    strokeLinecap=\"round\"\n    strokeWidth=\"1.75\"\n    viewBox=\"0 0 16 16\"\n    width=\"14\"\n  >\n    <path d=\"M3 3l10 10M13 3L3 13\" />\n  </svg>\n);\n\n/** `null` and `undefined` both mean \"not given\": no empty part, no dangling `aria-describedby`. */\nfunction isAbsent(node: ReactNode): node is null | undefined {\n  return node === null || node === undefined;\n}\n\n/**\n * Convenience shell over the native parts: one trigger and one modal `<dialog>`\n * with a header (title, description, close icon), a body and an optional footer.\n * Controlled or initially open dialogs use `ModalClientContent` from\n * `@gunkin/uiify/components/modal/client`.\n */\nexport function Modal({\n  id,\n  trigger,\n  title,\n  description,\n  children,\n  closeLabel,\n  labels,\n  footer,\n  className,\n  align,\n  backdrop,\n  dismiss,\n  size,\n}: ModalProps): ReactElement {\n  const titleId = `${id}-title`;\n  const descriptionId = `${id}-description`;\n  const effectiveCloseLabel = closeLabel ?? labels?.close ?? DEFAULT_MODAL_LABELS.close;\n\n  return (\n    <div data-part=\"root\" data-uiify-modal=\"\">\n      <ModalTrigger target={id}>{trigger}</ModalTrigger>\n      <ModalContent\n        align={align}\n        aria-describedby={isAbsent(description) ? undefined : descriptionId}\n        aria-labelledby={titleId}\n        backdrop={backdrop}\n        className={className}\n        dismiss={dismiss}\n        id={id}\n        size={size}\n      >\n        <ModalGrabber />\n        <ModalHeader>\n          <ModalTitle id={titleId}>{title}</ModalTitle>\n          {isAbsent(description) ? null : (\n            <ModalDescription id={descriptionId}>{description}</ModalDescription>\n          )}\n          <ModalClose aria-label={effectiveCloseLabel} target={id}>\n            {CLOSE_ICON}\n          </ModalClose>\n        </ModalHeader>\n        {isAbsent(children) ? null : <ModalBody>{children}</ModalBody>}\n        {isAbsent(footer) ? null : <ModalFooter>{footer}</ModalFooter>}\n      </ModalContent>\n    </div>\n  );\n}\nModal.displayName = \"Modal\";\n"],"mappings":"AA4BI,cAgDI,YAhDJ;AA3BJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,MAAM,uBAAuB,EAAE,OAAO,QAAQ;AAE9C,MAAM,aACJ;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,WAAU;AAAA,IACV,QAAO;AAAA,IACP,QAAO;AAAA,IACP,eAAc;AAAA,IACd,aAAY;AAAA,IACZ,SAAQ;AAAA,IACR,OAAM;AAAA,IAEN,8BAAC,UAAK,GAAE,wBAAuB;AAAA;AACjC;AAIF,SAAS,SAAS,MAA2C;AAC3D,SAAO,SAAS,QAAQ,SAAS;AACnC;AAQO,SAAS,MAAM;AAAA,EACpB;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,GAA6B;AAC3B,QAAM,UAAU,GAAG,EAAE;AACrB,QAAM,gBAAgB,GAAG,EAAE;AAC3B,QAAM,sBAAsB,cAAc,QAAQ,SAAS,qBAAqB;AAEhF,SACE,qBAAC,SAAI,aAAU,QAAO,oBAAiB,IACrC;AAAA,wBAAC,gBAAa,QAAQ,IAAK,mBAAQ;AAAA,IACnC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,oBAAkB,SAAS,WAAW,IAAI,SAAY;AAAA,QACtD,mBAAiB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEA;AAAA,8BAAC,gBAAa;AAAA,UACd,qBAAC,eACC;AAAA,gCAAC,cAAW,IAAI,SAAU,iBAAM;AAAA,YAC/B,SAAS,WAAW,IAAI,OACvB,oBAAC,oBAAiB,IAAI,eAAgB,uBAAY;AAAA,YAEpD,oBAAC,cAAW,cAAY,qBAAqB,QAAQ,IAClD,sBACH;AAAA,aACF;AAAA,UACC,SAAS,QAAQ,IAAI,OAAO,oBAAC,aAAW,UAAS;AAAA,UACjD,SAAS,MAAM,IAAI,OAAO,oBAAC,eAAa,kBAAO;AAAA;AAAA;AAAA,IAClD;AAAA,KACF;AAEJ;AACA,MAAM,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from \"react\";\nimport {\n  ModalBody,\n  ModalClose,\n  ModalContent,\n  ModalDescription,\n  ModalFooter,\n  ModalGrabber,\n  ModalHeader,\n  ModalTitle,\n  ModalTrigger,\n} from \"./ModalParts.js\";\nimport type { ModalProps } from \"./types.js\";\n\nconst DEFAULT_MODAL_LABELS = { close: \"Close\" } as const;\n\n/** `null` and `undefined` both mean \"not given\": no empty part, no dangling `aria-describedby`. */\nfunction isAbsent(node: ReactNode): node is null | undefined {\n  return node === null || node === undefined;\n}\n\n/**\n * Convenience shell over the native parts: one trigger and one modal `<dialog>`\n * with a header (title, description, close icon), a body and an optional footer.\n * Controlled or initially open dialogs use `ModalClientContent` from\n * `@gunkin/uiify/components/modal/client`.\n */\nexport function Modal({\n  id,\n  trigger,\n  title,\n  description,\n  children,\n  closeLabel,\n  labels,\n  footer,\n  slotProps,\n  align,\n  backdrop,\n  dismiss,\n  size,\n  ...rootProps\n}: ModalProps): ReactElement {\n  const titleId = `${id}-title`;\n  const descriptionId = `${id}-description`;\n  const effectiveCloseLabel = closeLabel ?? labels?.close ?? DEFAULT_MODAL_LABELS.close;\n\n  return (\n    <div data-part=\"root\" data-uiify-modal=\"\" {...rootProps}>\n      <ModalTrigger target={id} {...slotProps?.trigger}>\n        {trigger}\n      </ModalTrigger>\n      <ModalContent\n        align={align}\n        aria-describedby={isAbsent(description) ? undefined : descriptionId}\n        aria-labelledby={titleId}\n        backdrop={backdrop}\n        dismiss={dismiss}\n        id={id}\n        size={size}\n        {...slotProps?.content}\n      >\n        <ModalGrabber {...slotProps?.grabber} />\n        <ModalHeader {...slotProps?.header}>\n          <ModalTitle id={titleId} {...slotProps?.title}>\n            {title}\n          </ModalTitle>\n          {isAbsent(description) ? null : (\n            <ModalDescription id={descriptionId} {...slotProps?.description}>\n              {description}\n            </ModalDescription>\n          )}\n          <ModalClose\n            aria-label={effectiveCloseLabel}\n            data-size=\"icon\"\n            target={id}\n            {...slotProps?.close}\n          />\n        </ModalHeader>\n        {isAbsent(children) ? null : <ModalBody {...slotProps?.body}>{children}</ModalBody>}\n        {isAbsent(footer) ? null : <ModalFooter {...slotProps?.footer}>{footer}</ModalFooter>}\n      </ModalContent>\n    </div>\n  );\n}\nModal.displayName = \"Modal\";\n"],"mappings":"AAiDM,cAcE,YAdF;AAhDN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,MAAM,uBAAuB,EAAE,OAAO,QAAQ;AAG9C,SAAS,SAAS,MAA2C;AAC3D,SAAO,SAAS,QAAQ,SAAS;AACnC;AAQO,SAAS,MAAM;AAAA,EACpB;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,GAAG;AACL,GAA6B;AAC3B,QAAM,UAAU,GAAG,EAAE;AACrB,QAAM,gBAAgB,GAAG,EAAE;AAC3B,QAAM,sBAAsB,cAAc,QAAQ,SAAS,qBAAqB;AAEhF,SACE,qBAAC,SAAI,aAAU,QAAO,oBAAiB,IAAI,GAAG,WAC5C;AAAA,wBAAC,gBAAa,QAAQ,IAAK,GAAG,WAAW,SACtC,mBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,oBAAkB,SAAS,WAAW,IAAI,SAAY;AAAA,QACtD,mBAAiB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG,WAAW;AAAA,QAEf;AAAA,8BAAC,gBAAc,GAAG,WAAW,SAAS;AAAA,UACtC,qBAAC,eAAa,GAAG,WAAW,QAC1B;AAAA,gCAAC,cAAW,IAAI,SAAU,GAAG,WAAW,OACrC,iBACH;AAAA,YACC,SAAS,WAAW,IAAI,OACvB,oBAAC,oBAAiB,IAAI,eAAgB,GAAG,WAAW,aACjD,uBACH;AAAA,YAEF;AAAA,cAAC;AAAA;AAAA,gBACC,cAAY;AAAA,gBACZ,aAAU;AAAA,gBACV,QAAQ;AAAA,gBACP,GAAG,WAAW;AAAA;AAAA,YACjB;AAAA,aACF;AAAA,UACC,SAAS,QAAQ,IAAI,OAAO,oBAAC,aAAW,GAAG,WAAW,MAAO,UAAS;AAAA,UACtE,SAAS,MAAM,IAAI,OAAO,oBAAC,eAAa,GAAG,WAAW,QAAS,kBAAO;AAAA;AAAA;AAAA,IACzE;AAAA,KACF;AAEJ;AACA,MAAM,cAAc;","names":[]}

package/dist/components/modal/ModalAnatomy.js

@@ -1,26 +1,26 @@
 import { jsx } from "react/jsx-runtime";
 function ModalHeader(props) {
-  return /* @__PURE__ */ jsx("div", { ...props, "data-part": "header", "data-uiify-modal": "" });
+  return /* @__PURE__ */ jsx("div", { "data-part": "header", "data-uiify-modal": "", ...props });
 }
 ModalHeader.displayName = "ModalHeader";
 function ModalTitle(props) {
-  return /* @__PURE__ */ jsx("h2", { ...props, "data-part": "title", "data-uiify-modal": "" });
+  return /* @__PURE__ */ jsx("h2", { "data-part": "title", "data-uiify-modal": "", ...props });
 }
 ModalTitle.displayName = "ModalTitle";
 function ModalDescription(props) {
-  return /* @__PURE__ */ jsx("p", { ...props, "data-part": "description", "data-uiify-modal": "" });
+  return /* @__PURE__ */ jsx("p", { "data-part": "description", "data-uiify-modal": "", ...props });
 }
 ModalDescription.displayName = "ModalDescription";
 function ModalBody(props) {
-  return /* @__PURE__ */ jsx("div", { ...props, "data-part": "body", "data-uiify-modal": "" });
+  return /* @__PURE__ */ jsx("div", { "data-part": "body", "data-uiify-modal": "", ...props });
 }
 ModalBody.displayName = "ModalBody";
 function ModalFooter(props) {
-  return /* @__PURE__ */ jsx("div", { ...props, "data-part": "footer", "data-uiify-modal": "" });
+  return /* @__PURE__ */ jsx("div", { "data-part": "footer", "data-uiify-modal": "", ...props });
 }
 ModalFooter.displayName = "ModalFooter";
 function ModalGrabber(props) {
-  return /* @__PURE__ */ jsx("div", { ...props, "aria-hidden": "true", "data-part": "grabber", "data-uiify-modal": "" });
+  return /* @__PURE__ */ jsx("div", { "aria-hidden": "true", "data-part": "grabber", "data-uiify-modal": "", ...props });
 }
 ModalGrabber.displayName = "ModalGrabber";
 export {

package/dist/components/modal/ModalAnatomy.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/modal/ModalAnatomy.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type {\n  ModalBodyProps,\n  ModalDescriptionProps,\n  ModalFooterProps,\n  ModalGrabberProps,\n  ModalHeaderProps,\n  ModalTitleProps,\n} from \"./types.js\";\n\n// Kept apart from ModalParts.tsx: each `displayName` assignment is a top-level side effect, so\n// parts sharing a module with ModalTrigger/ModalContent/ModalClose would ship with them even\n// when unused. As their own module, a bundler drops them whole, because package.json declares\n// `\"sideEffects\": [\"**/*.css\"]`; widening that field would bring the unused parts back.\n\n/** Pinned top row: title, description and the close control. */\nexport function ModalHeader(props: ModalHeaderProps): ReactElement {\n  return <div {...props} data-part=\"header\" data-uiify-modal=\"\" />;\n}\nModalHeader.displayName = \"ModalHeader\";\n\n/** Accessible name of the dialog; reference its `id` from `aria-labelledby`. */\nexport function ModalTitle(props: ModalTitleProps): ReactElement {\n  return <h2 {...props} data-part=\"title\" data-uiify-modal=\"\" />;\n}\nModalTitle.displayName = \"ModalTitle\";\n\n/** Supporting text; reference its `id` from `aria-describedby`. */\nexport function ModalDescription(props: ModalDescriptionProps): ReactElement {\n  return <p {...props} data-part=\"description\" data-uiify-modal=\"\" />;\n}\nModalDescription.displayName = \"ModalDescription\";\n\n/** The scrolling region between header and footer. */\nexport function ModalBody(props: ModalBodyProps): ReactElement {\n  return <div {...props} data-part=\"body\" data-uiify-modal=\"\" />;\n}\nModalBody.displayName = \"ModalBody\";\n\n/** Actions row pinned under the body. */\nexport function ModalFooter(props: ModalFooterProps): ReactElement {\n  return <div {...props} data-part=\"footer\" data-uiify-modal=\"\" />;\n}\nModalFooter.displayName = \"ModalFooter\";\n\n/** Decorative drag handle shown on the mobile sheet; the swipe enhancement starts here. */\nexport function ModalGrabber(props: ModalGrabberProps): ReactElement {\n  return <div {...props} aria-hidden=\"true\" data-part=\"grabber\" data-uiify-modal=\"\" />;\n}\nModalGrabber.displayName = \"ModalGrabber\";\n"],"mappings":"AAiBS;AADF,SAAS,YAAY,OAAuC;AACjE,SAAO,oBAAC,SAAK,GAAG,OAAO,aAAU,UAAS,oBAAiB,IAAG;AAChE;AACA,YAAY,cAAc;AAGnB,SAAS,WAAW,OAAsC;AAC/D,SAAO,oBAAC,QAAI,GAAG,OAAO,aAAU,SAAQ,oBAAiB,IAAG;AAC9D;AACA,WAAW,cAAc;AAGlB,SAAS,iBAAiB,OAA4C;AAC3E,SAAO,oBAAC,OAAG,GAAG,OAAO,aAAU,eAAc,oBAAiB,IAAG;AACnE;AACA,iBAAiB,cAAc;AAGxB,SAAS,UAAU,OAAqC;AAC7D,SAAO,oBAAC,SAAK,GAAG,OAAO,aAAU,QAAO,oBAAiB,IAAG;AAC9D;AACA,UAAU,cAAc;AAGjB,SAAS,YAAY,OAAuC;AACjE,SAAO,oBAAC,SAAK,GAAG,OAAO,aAAU,UAAS,oBAAiB,IAAG;AAChE;AACA,YAAY,cAAc;AAGnB,SAAS,aAAa,OAAwC;AACnE,SAAO,oBAAC,SAAK,GAAG,OAAO,eAAY,QAAO,aAAU,WAAU,oBAAiB,IAAG;AACpF;AACA,aAAa,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/modal/ModalAnatomy.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type {\n  ModalBodyProps,\n  ModalDescriptionProps,\n  ModalFooterProps,\n  ModalGrabberProps,\n  ModalHeaderProps,\n  ModalTitleProps,\n} from \"./types.js\";\n\n// Kept apart from ModalParts.tsx: each `displayName` assignment is a top-level side effect, so\n// parts sharing a module with ModalTrigger/ModalContent/ModalClose would ship with them even\n// when unused. As their own module, a bundler drops them whole, because package.json declares\n// `\"sideEffects\": [\"**/*.css\"]`; widening that field would bring the unused parts back.\n\n/** Pinned top row: title, description and the close control. */\nexport function ModalHeader(props: ModalHeaderProps): ReactElement {\n  return <div data-part=\"header\" data-uiify-modal=\"\" {...props} />;\n}\nModalHeader.displayName = \"ModalHeader\";\n\n/** Accessible name of the dialog; reference its `id` from `aria-labelledby`. */\nexport function ModalTitle(props: ModalTitleProps): ReactElement {\n  return <h2 data-part=\"title\" data-uiify-modal=\"\" {...props} />;\n}\nModalTitle.displayName = \"ModalTitle\";\n\n/** Supporting text; reference its `id` from `aria-describedby`. */\nexport function ModalDescription(props: ModalDescriptionProps): ReactElement {\n  return <p data-part=\"description\" data-uiify-modal=\"\" {...props} />;\n}\nModalDescription.displayName = \"ModalDescription\";\n\n/** The scrolling region between header and footer. */\nexport function ModalBody(props: ModalBodyProps): ReactElement {\n  return <div data-part=\"body\" data-uiify-modal=\"\" {...props} />;\n}\nModalBody.displayName = \"ModalBody\";\n\n/** Actions row pinned under the body. */\nexport function ModalFooter(props: ModalFooterProps): ReactElement {\n  return <div data-part=\"footer\" data-uiify-modal=\"\" {...props} />;\n}\nModalFooter.displayName = \"ModalFooter\";\n\n/** Decorative drag handle shown on the mobile sheet; the swipe enhancement starts here. */\nexport function ModalGrabber(props: ModalGrabberProps): ReactElement {\n  return <div aria-hidden=\"true\" data-part=\"grabber\" data-uiify-modal=\"\" {...props} />;\n}\nModalGrabber.displayName = \"ModalGrabber\";\n"],"mappings":"AAiBS;AADF,SAAS,YAAY,OAAuC;AACjE,SAAO,oBAAC,SAAI,aAAU,UAAS,oBAAiB,IAAI,GAAG,OAAO;AAChE;AACA,YAAY,cAAc;AAGnB,SAAS,WAAW,OAAsC;AAC/D,SAAO,oBAAC,QAAG,aAAU,SAAQ,oBAAiB,IAAI,GAAG,OAAO;AAC9D;AACA,WAAW,cAAc;AAGlB,SAAS,iBAAiB,OAA4C;AAC3E,SAAO,oBAAC,OAAE,aAAU,eAAc,oBAAiB,IAAI,GAAG,OAAO;AACnE;AACA,iBAAiB,cAAc;AAGxB,SAAS,UAAU,OAAqC;AAC7D,SAAO,oBAAC,SAAI,aAAU,QAAO,oBAAiB,IAAI,GAAG,OAAO;AAC9D;AACA,UAAU,cAAc;AAGjB,SAAS,YAAY,OAAuC;AACjE,SAAO,oBAAC,SAAI,aAAU,UAAS,oBAAiB,IAAI,GAAG,OAAO;AAChE;AACA,YAAY,cAAc;AAGnB,SAAS,aAAa,OAAwC;AACnE,SAAO,oBAAC,SAAI,eAAY,QAAO,aAAU,WAAU,oBAAiB,IAAI,GAAG,OAAO;AACpF;AACA,aAAa,cAAc;","names":[]}

package/dist/components/modal/ModalParts.js

@@ -27,10 +27,10 @@ function ModalContent(props) {
   return /* @__PURE__ */ jsx(
     "dialog",
     {
-      ...dialogProps,
       ...modalAppearanceAttributes({ align, backdrop, dismiss, size }),
       "data-part": "content",
       "data-uiify-modal": "",
+      ...dialogProps,
       children
     }
   );

package/dist/components/modal/ModalParts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/modal/ModalParts.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport { modalAppearanceAttributes } from \"./attributes.js\";\nimport type { ModalCloseProps, ModalContentProps, ModalTriggerProps } from \"./types.js\";\n\nexport {\n  ModalBody,\n  ModalDescription,\n  ModalFooter,\n  ModalGrabber,\n  ModalHeader,\n  ModalTitle,\n} from \"./ModalAnatomy.js\";\n\n/** Native modal invoker with modal identity and trigger anatomy. */\nexport function ModalTrigger<TAs extends ElementType = \"button\">(\n  props: ModalTriggerProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as ModalTriggerProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-modal\",\n    \"trigger\",\n    \"show-modal\",\n    target,\n    consumerProps as Record<string, unknown>,\n    { button: true },\n  );\n}\nModalTrigger.displayName = \"ModalTrigger\";\n\n/** Native modal dialog content with modal identity and content anatomy. */\nexport function ModalContent(props: ModalContentProps): ReactElement {\n  const { align, backdrop, children, dismiss, size, ...dialogProps } = props;\n  return (\n    <dialog\n      {...dialogProps}\n      {...modalAppearanceAttributes({ align, backdrop, dismiss, size })}\n      data-part=\"content\"\n      data-uiify-modal=\"\"\n    >\n      {children}\n    </dialog>\n  );\n}\nModalContent.displayName = \"ModalContent\";\n\n/** Native modal close invoker. */\nexport function ModalClose<TAs extends ElementType = \"button\">(\n  props: ModalCloseProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as ModalCloseProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-modal\",\n    \"close\",\n    \"request-close\",\n    target,\n    consumerProps as Record<string, unknown>,\n    { button: true, variant: \"ghost\" },\n  );\n}\nModalClose.displayName = \"ModalClose\";\n"],"mappings":"AAmCI;AAlCJ,SAAS,2BAA2B;AACpC,SAAS,iCAAiC;AAG1C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,aACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,KAAK;AAAA,EACjB;AACF;AACA,aAAa,cAAc;AAGpB,SAAS,aAAa,OAAwC;AACnE,QAAM,EAAE,OAAO,UAAU,UAAU,SAAS,MAAM,GAAG,YAAY,IAAI;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG,0BAA0B,EAAE,OAAO,UAAU,SAAS,KAAK,CAAC;AAAA,MAChE,aAAU;AAAA,MACV,oBAAiB;AAAA,MAEhB;AAAA;AAAA,EACH;AAEJ;AACA,aAAa,cAAc;AAGpB,SAAS,WACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,MAAM,SAAS,QAAQ;AAAA,EACnC;AACF;AACA,WAAW,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/modal/ModalParts.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport { modalAppearanceAttributes } from \"./attributes.js\";\nimport type { ModalCloseProps, ModalContentProps, ModalTriggerProps } from \"./types.js\";\n\nexport {\n  ModalBody,\n  ModalDescription,\n  ModalFooter,\n  ModalGrabber,\n  ModalHeader,\n  ModalTitle,\n} from \"./ModalAnatomy.js\";\n\n/** Native modal invoker with modal identity and trigger anatomy. */\nexport function ModalTrigger<TAs extends ElementType = \"button\">(\n  props: ModalTriggerProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as ModalTriggerProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-modal\",\n    \"trigger\",\n    \"show-modal\",\n    target,\n    consumerProps as Record<string, unknown>,\n    { button: true },\n  );\n}\nModalTrigger.displayName = \"ModalTrigger\";\n\n/** Native modal dialog content with modal identity and content anatomy. */\nexport function ModalContent(props: ModalContentProps): ReactElement {\n  const { align, backdrop, children, dismiss, size, ...dialogProps } = props;\n  return (\n    <dialog\n      {...modalAppearanceAttributes({ align, backdrop, dismiss, size })}\n      data-part=\"content\"\n      data-uiify-modal=\"\"\n      {...dialogProps}\n    >\n      {children}\n    </dialog>\n  );\n}\nModalContent.displayName = \"ModalContent\";\n\n/** Native modal close invoker. */\nexport function ModalClose<TAs extends ElementType = \"button\">(\n  props: ModalCloseProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as ModalCloseProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-modal\",\n    \"close\",\n    \"request-close\",\n    target,\n    consumerProps as Record<string, unknown>,\n    { button: true, variant: \"ghost\" },\n  );\n}\nModalClose.displayName = \"ModalClose\";\n"],"mappings":"AAmCI;AAlCJ,SAAS,2BAA2B;AACpC,SAAS,iCAAiC;AAG1C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,aACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,KAAK;AAAA,EACjB;AACF;AACA,aAAa,cAAc;AAGpB,SAAS,aAAa,OAAwC;AACnE,QAAM,EAAE,OAAO,UAAU,UAAU,SAAS,MAAM,GAAG,YAAY,IAAI;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,0BAA0B,EAAE,OAAO,UAAU,SAAS,KAAK,CAAC;AAAA,MAChE,aAAU;AAAA,MACV,oBAAiB;AAAA,MAChB,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AACA,aAAa,cAAc;AAGpB,SAAS,WACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,MAAM,SAAS,QAAQ;AAAA,EACnC;AACF;AACA,WAAW,cAAc;","names":[]}

package/dist/components/modal/client/ModalClientContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalClientContent.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/client/ModalClientContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AA4B3D;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,CA4G/E;yBA5Ge,kBAAkB"}
+{"version":3,"file":"ModalClientContent.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/client/ModalClientContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAwB3D;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,CAuG/E;yBAvGe,kBAAkB"}

package/dist/components/modal/client/ModalClientContent.js

@@ -89,12 +89,12 @@ function ModalClientContent(props) {
   return /* @__PURE__ */ jsx(
     "dialog",
     {
-      ...dialogProps,
       ...modalAppearanceAttributes({ align, backdrop, dismiss, size }),
       "data-part": "content",
       "data-uiify-modal": "",
-      ref: mergedRef,
       suppressHydrationWarning: true,
+      ...dialogProps,
+      ref: mergedRef,
       children
     }
   );

package/dist/components/modal/client/ModalClientContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/modal/client/ModalClientContent.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useReducer, useRef, useState } from \"react\";\nimport type { ReactElement } from \"react\";\nimport { useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { modalAppearanceAttributes } from \"../attributes.js\";\nimport type { ModalClientContentProps } from \"../types.js\";\n\nfunction increment(count: number): number {\n  return count + 1;\n}\n\n/** A dialog nested in this one would stay open (and invisible) after its parent closes. */\nfunction closeNestedDialogs(dialog: HTMLDialogElement): void {\n  for (const nested of dialog.querySelectorAll<HTMLDialogElement>(\"dialog[open]\")) {\n    nested.close();\n  }\n}\n\n/**\n * Runs `done` once the dialog's own transitions have finished; at once when there are none.\n * An `infinite` animation inside (a Spinner or Skeleton) never finishes, so it is not waited on.\n */\nfunction afterMotion(dialog: HTMLDialogElement, done: () => void): void {\n  requestAnimationFrame(() => {\n    const running = dialog.getAnimations?.({ subtree: true }) ?? [];\n    void Promise.allSettled(\n      running.map((animation) =>\n        animation.effect?.getComputedTiming().endTime === Infinity ? 0 : animation.finished,\n      ),\n    ).then(done);\n  });\n}\n\n/**\n * Controlled/initially-open adapter over a native modal `<dialog>`.\n *\n * The browser stays the owner of modality: opening is `showModal()`, closing is\n * `close()`, and every change — invoker command, Escape, `requestClose()`,\n * `form method=\"dialog\"`, programmatic — is observed through the single native\n * `toggle` event (Chrome 132, Firefox 133, Safari 26). SSR never emits `open`;\n * `defaultOpen` and controlled `open` are applied after mount.\n */\nexport function ModalClientContent(props: ModalClientContentProps): ReactElement {\n  const {\n    align,\n    backdrop,\n    children,\n    defaultOpen = false,\n    dismiss,\n    onOpenChange,\n    onOpenChangeComplete,\n    open,\n    ref,\n    size,\n    ...dialogProps\n  } = props;\n\n  const elementRef = useRef<HTMLDialogElement | null>(null);\n  const mergedRef = useMergedRefs<HTMLDialogElement>(elementRef, ref);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  // Bumped on every native toggle so the sync effect re-runs after the parent\n  // has had its render: a controlling parent that rejected the change is then\n  // reconciled by reverting the element.\n  const [nativeVersion, recordNativeToggle] = useReducer(increment, 0);\n  const controlled = open !== undefined;\n  const wantOpen = controlled ? open : uncontrolledOpen;\n\n  const wantOpenRef = useRef(wantOpen);\n  wantOpenRef.current = wantOpen;\n  const onOpenChangeRef = useRef(onOpenChange);\n  onOpenChangeRef.current = onOpenChange;\n  const onOpenChangeCompleteRef = useRef(onOpenChangeComplete);\n  onOpenChangeCompleteRef.current = onOpenChangeComplete;\n  // One-shot: has the first-mount reconciliation below already run?\n  const reconciledRef = useRef(false);\n\n  useEffect(() => {\n    const dialog = elementRef.current;\n    if (!dialog) return;\n    if (!reconciledRef.current) {\n      reconciledRef.current = true;\n      // SSR markup is always closed. If the dialog is already open at mount,\n      // that can only mean a native invoker command opened it in the window\n      // between initial paint and this effect running — the `toggle` event\n      // fired with no listener attached yet, and that notification is\n      // otherwise lost forever. Recover it exactly like a native toggle.\n      //\n      // The reverse (closed at mount) is never reconciled: it's indistinguishable\n      // from \"nothing happened\" versus a pre-hydration open+close cycle that\n      // netted back to closed, and it's also the normal starting shape for\n      // defaultOpen (open before hydration) is reconciled when the DOM catches up.\n      if (dialog.open && !wantOpenRef.current) {\n        if (!controlled) setUncontrolledOpen(true);\n        onOpenChangeRef.current?.(true);\n        // Defer enacting show/close to the next pass, once the controlling\n        // parent (if any) has had a chance to react to the report above —\n        // the DOM already matches what was just reported, so there is\n        // nothing to enact this pass regardless.\n        recordNativeToggle();\n        return;\n      }\n    }\n    if (wantOpen && !dialog.open) dialog.showModal();\n    else if (!wantOpen && dialog.open) {\n      closeNestedDialogs(dialog);\n      dialog.close();\n    }\n    // `controlled` is read above (line 66) and must be a dependency; the sibling\n    // `toggle`-listener effect below lists it for the same reason.\n  }, [nativeVersion, wantOpen, controlled]);\n\n  useEffect(() => {\n    const dialog = elementRef.current;\n    if (!dialog) return;\n    let disposed = false;\n    const onToggle = (event: Event): void => {\n      const next = (event as ToggleEvent).newState === \"open\";\n      afterMotion(dialog, () => {\n        if (!disposed) onOpenChangeCompleteRef.current?.(next);\n      });\n      // Programmatic changes already match the desired state; only report\n      // changes the browser initiated.\n      if (next === wantOpenRef.current) return;\n      if (!controlled) setUncontrolledOpen(next);\n      onOpenChangeRef.current?.(next);\n      recordNativeToggle();\n    };\n    dialog.addEventListener(\"toggle\", onToggle);\n    return () => {\n      disposed = true;\n      dialog.removeEventListener(\"toggle\", onToggle);\n    };\n  }, [controlled]);\n\n  return (\n    <dialog\n      {...dialogProps}\n      {...modalAppearanceAttributes({ align, backdrop, dismiss, size })}\n      data-part=\"content\"\n      data-uiify-modal=\"\"\n      ref={mergedRef}\n      // SSR markup is always closed, but the browser may have already opened this\n      // dialog via a native invoker command before hydration (see the effect above,\n      // which reconciles exactly that). React's hydration diff otherwise flags the\n      // resulting `open` mismatch as an error; it is the documented recovery path.\n      suppressHydrationWarning\n    >\n      {children}\n    </dialog>\n  );\n}\nModalClientContent.displayName = \"ModalClientContent\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/modal/client/ModalClientContent.tsx"],"sourcesContent":["\"use client\";\nimport { useEffect, useReducer, useRef, useState } from \"react\";\nimport type { ReactElement } from \"react\";\nimport { useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { modalAppearanceAttributes } from \"../attributes.js\";\nimport type { ModalClientContentProps } from \"../types.js\";\nfunction increment(count: number): number {\n  return count + 1;\n}\n/** A dialog nested in this one would stay open (and invisible) after its parent closes. */\nfunction closeNestedDialogs(dialog: HTMLDialogElement): void {\n  for (const nested of dialog.querySelectorAll<HTMLDialogElement>(\"dialog[open]\")) {\n    nested.close();\n  }\n}\n/**\n * Runs `done` once the dialog's own transitions have finished; at once when there are none.\n * An `infinite` animation inside (a Spinner or Skeleton) never finishes, so it is not waited on.\n */\nfunction afterMotion(dialog: HTMLDialogElement, done: () => void): void {\n  requestAnimationFrame(() => {\n    const running = dialog.getAnimations?.({ subtree: true }) ?? [];\n    void Promise.allSettled(\n      running.map((animation) =>\n        animation.effect?.getComputedTiming().endTime === Infinity ? 0 : animation.finished,\n      ),\n    ).then(done);\n  });\n}\n/**\n * Controlled/initially-open adapter over a native modal `<dialog>`.\n *\n * The browser stays the owner of modality: opening is `showModal()`, closing is\n * `close()`, and every change — invoker command, Escape, `requestClose()`,\n * `form method=\"dialog\"`, programmatic — is observed through the single native\n * `toggle` event (Chrome 132, Firefox 133, Safari 26). SSR never emits `open`;\n * `defaultOpen` and controlled `open` are applied after mount.\n */\nexport function ModalClientContent(props: ModalClientContentProps): ReactElement {\n  const {\n    align,\n    backdrop,\n    children,\n    defaultOpen = false,\n    dismiss,\n    onOpenChange,\n    onOpenChangeComplete,\n    open,\n    ref,\n    size,\n    ...dialogProps\n  } = props;\n  const elementRef = useRef<HTMLDialogElement | null>(null);\n  const mergedRef = useMergedRefs<HTMLDialogElement>(elementRef, ref);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  // Bumped on every native toggle so the sync effect re-runs after the parent\n  // has had its render: a controlling parent that rejected the change is then\n  // reconciled by reverting the element.\n  const [nativeVersion, recordNativeToggle] = useReducer(increment, 0);\n  const controlled = open !== undefined;\n  const wantOpen = controlled ? open : uncontrolledOpen;\n  const wantOpenRef = useRef(wantOpen);\n  wantOpenRef.current = wantOpen;\n  const onOpenChangeRef = useRef(onOpenChange);\n  onOpenChangeRef.current = onOpenChange;\n  const onOpenChangeCompleteRef = useRef(onOpenChangeComplete);\n  onOpenChangeCompleteRef.current = onOpenChangeComplete;\n  // One-shot: has the first-mount reconciliation below already run?\n  const reconciledRef = useRef(false);\n  useEffect(() => {\n    const dialog = elementRef.current;\n    if (!dialog) return;\n    if (!reconciledRef.current) {\n      reconciledRef.current = true;\n      // SSR markup is always closed. If the dialog is already open at mount,\n      // that can only mean a native invoker command opened it in the window\n      // between initial paint and this effect running — the `toggle` event\n      // fired with no listener attached yet, and that notification is\n      // otherwise lost forever. Recover it exactly like a native toggle.\n      //\n      // The reverse (closed at mount) is never reconciled: it's indistinguishable\n      // from \"nothing happened\" versus a pre-hydration open+close cycle that\n      // netted back to closed, and it's also the normal starting shape for\n      // defaultOpen (open before hydration) is reconciled when the DOM catches up.\n      if (dialog.open && !wantOpenRef.current) {\n        if (!controlled) setUncontrolledOpen(true);\n        onOpenChangeRef.current?.(true);\n        // Defer enacting show/close to the next pass, once the controlling\n        // parent (if any) has had a chance to react to the report above —\n        // the DOM already matches what was just reported, so there is\n        // nothing to enact this pass regardless.\n        recordNativeToggle();\n        return;\n      }\n    }\n    if (wantOpen && !dialog.open) dialog.showModal();\n    else if (!wantOpen && dialog.open) {\n      closeNestedDialogs(dialog);\n      dialog.close();\n    }\n    // `controlled` is read above (line 66) and must be a dependency; the sibling\n    // `toggle`-listener effect below lists it for the same reason.\n  }, [nativeVersion, wantOpen, controlled]);\n  useEffect(() => {\n    const dialog = elementRef.current;\n    if (!dialog) return;\n    let disposed = false;\n    const onToggle = (event: Event): void => {\n      const next = (event as ToggleEvent).newState === \"open\";\n      afterMotion(dialog, () => {\n        if (!disposed) onOpenChangeCompleteRef.current?.(next);\n      });\n      // Programmatic changes already match the desired state; only report\n      // changes the browser initiated.\n      if (next === wantOpenRef.current) return;\n      if (!controlled) setUncontrolledOpen(next);\n      onOpenChangeRef.current?.(next);\n      recordNativeToggle();\n    };\n    dialog.addEventListener(\"toggle\", onToggle);\n    return () => {\n      disposed = true;\n      dialog.removeEventListener(\"toggle\", onToggle);\n    };\n  }, [controlled]);\n  return (\n    <dialog\n      {...modalAppearanceAttributes({ align, backdrop, dismiss, size })}\n      data-part=\"content\"\n      data-uiify-modal=\"\"\n      // SSR markup is always closed, but the browser may have already opened this\n      // dialog via a native invoker command before hydration (see the effect above,\n      // which reconciles exactly that). React's hydration diff otherwise flags the\n      // resulting `open` mismatch as an error; it is the documented recovery path.\n      suppressHydrationWarning\n      {...dialogProps}\n      ref={mergedRef}\n    >\n      {children}\n    </dialog>\n  );\n}\nModalClientContent.displayName = \"ModalClientContent\";\n"],"mappings":"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","names":[]}

package/dist/components/modal/index.d.ts

@@ -1,4 +1,4 @@
 export { Modal } from "./Modal.js";
 export { ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalGrabber, ModalHeader, ModalTitle, ModalTrigger, } from "./ModalParts.js";
-export type { ModalAlign, ModalAppearanceProps, ModalBackdrop, ModalBodyProps, ModalCloseOwnProps, ModalCloseProps, ModalContentOwnProps, ModalContentProps, ModalDescriptionProps, ModalDismiss, ModalFooterProps, ModalGrabberProps, ModalHeaderProps, ModalProps, ModalLabels, ModalSize, ModalTitleProps, ModalTriggerOwnProps, ModalTriggerProps, } from "./types.js";
+export type { ModalAlign, ModalAppearanceProps, ModalBackdrop, ModalBodyProps, ModalCloseOwnProps, ModalCloseProps, ModalContentOwnProps, ModalContentProps, ModalDescriptionProps, ModalDismiss, ModalFooterProps, ModalGrabberProps, ModalHeaderProps, ModalProps, ModalLabels, ModalOwnProps, ModalSlotProps, ModalSize, ModalTitleProps, ModalTriggerOwnProps, ModalTriggerProps, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,UAAU,EACV,YAAY,GACb,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,UAAU,EACV,oBAAoB,EACpB,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,SAAS,EACT,eAAe,EACf,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,UAAU,EACV,YAAY,GACb,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,UAAU,EACV,oBAAoB,EACpB,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,EACd,SAAS,EACT,eAAe,EACf,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,YAAY,CAAC"}

package/dist/components/modal/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/modal/index.ts"],"sourcesContent":["export { Modal } from \"./Modal.js\";\nexport {\n  ModalBody,\n  ModalClose,\n  ModalContent,\n  ModalDescription,\n  ModalFooter,\n  ModalGrabber,\n  ModalHeader,\n  ModalTitle,\n  ModalTrigger,\n} from \"./ModalParts.js\";\nexport type {\n  ModalAlign,\n  ModalAppearanceProps,\n  ModalBackdrop,\n  ModalBodyProps,\n  ModalCloseOwnProps,\n  ModalCloseProps,\n  ModalContentOwnProps,\n  ModalContentProps,\n  ModalDescriptionProps,\n  ModalDismiss,\n  ModalFooterProps,\n  ModalGrabberProps,\n  ModalHeaderProps,\n  ModalProps,\n  ModalLabels,\n  ModalSize,\n  ModalTitleProps,\n  ModalTriggerOwnProps,\n  ModalTriggerProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":["../../../src/components/modal/index.ts"],"sourcesContent":["export { Modal } from \"./Modal.js\";\nexport {\n  ModalBody,\n  ModalClose,\n  ModalContent,\n  ModalDescription,\n  ModalFooter,\n  ModalGrabber,\n  ModalHeader,\n  ModalTitle,\n  ModalTrigger,\n} from \"./ModalParts.js\";\nexport type {\n  ModalAlign,\n  ModalAppearanceProps,\n  ModalBackdrop,\n  ModalBodyProps,\n  ModalCloseOwnProps,\n  ModalCloseProps,\n  ModalContentOwnProps,\n  ModalContentProps,\n  ModalDescriptionProps,\n  ModalDismiss,\n  ModalFooterProps,\n  ModalGrabberProps,\n  ModalHeaderProps,\n  ModalProps,\n  ModalLabels,\n  ModalOwnProps,\n  ModalSlotProps,\n  ModalSize,\n  ModalTitleProps,\n  ModalTriggerOwnProps,\n  ModalTriggerProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/components/modal/types.d.ts

@@ -1,5 +1,6 @@
 import type { ComponentPropsWithRef, ElementType, ReactNode } from "react";
 import type { NativeButtonProps } from "@gunkin/uiify/core/render";
+import type { SlotProps } from "../../core/slot-props.js";
 export type ModalSize = "sm" | "md" | "lg" | "full";
 export type ModalAlign = "center" | "start";
 export type ModalDismiss = "any" | "closerequest" | "none";
@@ -22,7 +23,7 @@ export interface ModalAppearanceProps {
     /** Backdrop treatment. Default `opaque`. */
     readonly backdrop?: ModalBackdrop | undefined;
 }
-export interface ModalProps extends ModalAppearanceProps {
+export interface ModalOwnProps extends ModalAppearanceProps {
     readonly id: string;
     readonly trigger: ReactNode;
     readonly title: ReactNode;
@@ -33,8 +34,28 @@ export interface ModalProps extends ModalAppearanceProps {
     readonly labels?: Partial<ModalLabels>;
     /** Actions row pinned under the body. */
     readonly footer?: ReactNode;
-    readonly className?: string;
+    /** Native props for the elements created by this convenience component. */
+    readonly slotProps?: ModalSlotProps;
 }
+/**
+ * Popover attributes contradict a command invoker; `open`/`popover` contradict a modal dialog; the
+ * dialog `id` is the Modal's own `id` prop, which the trigger and close `target` reference.
+ */
+type CommandInvokerSlotProps = Omit<SlotProps<"button">, "popoverTarget" | "popoverTargetAction">;
+/** Native props for Modal's generated inner elements; consumer values replace the defaults. */
+export interface ModalSlotProps {
+    readonly trigger?: CommandInvokerSlotProps;
+    readonly content?: Omit<SlotProps<"dialog">, "id" | "open" | "popover">;
+    readonly grabber?: SlotProps<"div">;
+    readonly header?: SlotProps<"div">;
+    readonly title?: SlotProps<"h2">;
+    readonly description?: SlotProps<"p">;
+    readonly close?: CommandInvokerSlotProps;
+    readonly body?: SlotProps<"div">;
+    readonly footer?: SlotProps<"div">;
+}
+/** Native props for Modal's root div plus its dialog and trigger contract. */
+export type ModalProps = ModalOwnProps & Omit<SlotProps<"div">, keyof ModalOwnProps>;
 export interface ModalLabels {
     readonly close: string;
 }
@@ -58,7 +79,7 @@ export interface ModalContentOwnProps extends ModalAppearanceProps {
     readonly id: string;
 }
 /** A plain, initially closed `<dialog>`: `open` and `popover` are not part of the native contract. */
-export type ModalContentProps = ModalContentOwnProps & Omit<ComponentPropsWithRef<"dialog">, keyof ModalContentOwnProps | "open" | "popover" | "closedby">;
+export type ModalContentProps = ModalContentOwnProps & Omit<ComponentPropsWithRef<"dialog">, keyof ModalContentOwnProps | "open" | "popover">;
 export interface ModalClientContentOwnProps extends ModalAppearanceProps {
     readonly children?: ReactNode;
     /** Uncontrolled initial state, applied with `showModal()` after hydration; SSR markup stays closed. */
@@ -82,11 +103,12 @@ export interface ModalClientContentOwnProps extends ModalAppearanceProps {
     readonly open?: boolean;
 }
 /** Props of the client adapter; `popover` is excluded because the adapter is always modal. */
-export type ModalClientContentProps = ModalClientContentOwnProps & Omit<ComponentPropsWithRef<"dialog">, keyof ModalClientContentOwnProps | "popover" | "closedby">;
+export type ModalClientContentProps = ModalClientContentOwnProps & Omit<ComponentPropsWithRef<"dialog">, keyof ModalClientContentOwnProps | "popover">;
 export type ModalHeaderProps = ComponentPropsWithRef<"div">;
 export type ModalTitleProps = ComponentPropsWithRef<"h2">;
 export type ModalDescriptionProps = ComponentPropsWithRef<"p">;
 export type ModalBodyProps = ComponentPropsWithRef<"div">;
 export type ModalFooterProps = ComponentPropsWithRef<"div">;
 export type ModalGrabberProps = Omit<ComponentPropsWithRef<"div">, "children">;
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/modal/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/modal/types.ts"],"names":[],"mappings":"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"}

package/dist/components/number-field/NumberField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/components/number-field/NumberField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,WAAW,EAIhB,KAAK,YAAY,EAGlB,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAEV,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,yBAAyB,EACzB,qBAAqB,EACrB,yBAAyB,EACzB,wBAAwB,EACxB,qBAAqB,EACrB,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,YAAY,CAAC;AAKpB,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC7D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAqIrB;yBAvIe,eAAe;;;AA0I/B,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC9D,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CAerB;AAED,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EAChE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CA0FrB;AAED,wBAAgB,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACrE,KAAK,EAAE,yBAAyB,CAAC,GAAG,CAAC,GACpC,YAAY,GAAG,IAAI,CAuCrB;AAED,wBAAgB,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACrE,KAAK,EAAE,yBAAyB,CAAC,GAAG,CAAC,GACpC,YAAY,GAAG,IAAI,CAuCrB;AAED,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC"}
+{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/components/number-field/NumberField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,WAAW,EAIhB,KAAK,YAAY,EAGlB,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAEV,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,yBAAyB,EACzB,qBAAqB,EACrB,yBAAyB,EACzB,wBAAwB,EACxB,qBAAqB,EACrB,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,YAAY,CAAC;AAKpB,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC7D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAqIrB;yBAvIe,eAAe;;;AA0I/B,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC9D,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CAerB;AAED,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EAChE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CA4FrB;AAED,wBAAgB,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACrE,KAAK,EAAE,yBAAyB,CAAC,GAAG,CAAC,GACpC,YAAY,GAAG,IAAI,CAuCrB;AAED,wBAAgB,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACrE,KAAK,EAAE,yBAAyB,CAAC,GAAG,CAAC,GACpC,YAAY,GAAG,IAAI,CAuCrB;AAED,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC"}

package/dist/components/number-field/NumberField.js

@@ -6,8 +6,8 @@ import {
   useRef,
   useState
 } from "react";
-import { useControllableState, useId } from "@gunkin/uiify/hooks";
-import { createPartContext } from "@gunkin/uiify/core";
+import { useControllableState, useId, useMergedRefs } from "@gunkin/uiify/hooks";
+import { createPartContext, splitRef } from "@gunkin/uiify/core";
 import { isComposingKeyEvent } from "@gunkin/uiify/core/ime";
 import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
 import { useRenderElement } from "@gunkin/uiify/core/render";
@@ -132,9 +132,9 @@ function NumberFieldRoot(props) {
     as,
     defaultTag: "div",
     props: {
-      ...consumerProps,
       "data-disabled": disabled ? "" : void 0,
-      "data-uiify-number-field": ""
+      "data-uiify-number-field": "",
+      ...consumerProps
     },
     render,
     state: { disabled, readOnly, required }
@@ -149,9 +149,9 @@ function NumberFieldGroup(props) {
     as,
     defaultTag: "div",
     props: {
-      ...consumerProps,
       "data-disabled": disabled ? "" : void 0,
-      "data-part": "group"
+      "data-part": "group",
+      ...consumerProps
     },
     render,
     state: { disabled }
@@ -176,6 +176,8 @@ function NumberFieldInput(props) {
     setDisplayValue,
     setEditing
   } = useNumberFieldContext("Input");
+  const [consumerRef] = splitRef(consumerProps);
+  const mergedRef = useMergedRefs(inputRef, consumerRef);
   const onKeyDown = (event) => {
     if (isComposingKeyEvent(event)) return;
     if (disabled || readOnly) return;
@@ -212,9 +214,7 @@ function NumberFieldInput(props) {
     as,
     defaultTag: "input",
     props: {
-      ...consumerProps,
-      id: consumerProps.id ?? inputId,
-      ref: inputRef,
+      id: inputId,
       role: "spinbutton",
       "data-part": "input",
       inputMode: "decimal",
@@ -228,6 +228,8 @@ function NumberFieldInput(props) {
       readOnly: readOnly || void 0,
       required: required || void 0,
       value: displayValue,
+      ...consumerProps,
+      ref: mergedRef,
       onFocus: composeEventHandlers(consumerProps.onFocus, () => setEditing(true)),
       onBlur: composeEventHandlers(consumerProps.onBlur, (event) => {
         setEditing(false);
@@ -255,12 +257,12 @@ function NumberFieldIncrement(props) {
     as,
     defaultTag: "button",
     props: {
-      ...consumerProps,
       type: "button",
       tabIndex: -1,
       "data-part": "increment",
       "data-disabled": inactive ? "" : void 0,
       disabled: inactive || void 0,
+      ...consumerProps,
       onClick: composeEventHandlers(
         consumerProps.onClick,
         (event) => {
@@ -291,12 +293,12 @@ function NumberFieldDecrement(props) {
     as,
     defaultTag: "button",
     props: {
-      ...consumerProps,
       type: "button",
       tabIndex: -1,
       "data-part": "decrement",
       "data-disabled": inactive ? "" : void 0,
       disabled: inactive || void 0,
+      ...consumerProps,
       onClick: composeEventHandlers(
         consumerProps.onClick,
         (event) => {