@gunkin/uiify 0.0.24-alpha → 0.0.25-alpha

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

@@ -1,4 +1,4 @@
-import type { ElementType, HTMLAttributes } from "react";
+import type { ComponentPropsWithRef, ElementType } from "react";
 import type { RenderableProps } from "@gunkin/uiify/core/render";
 export interface FieldRootOwnProps {
     /** Stable id for deterministic label/control/error wiring. Required. */
@@ -18,7 +18,7 @@ export interface FieldLabelOwnProps extends FieldPartOwnProps {
     readonly disabled?: boolean;
     readonly required?: boolean;
 }
-export type FieldLabelProps = FieldLabelOwnProps & Omit<HTMLAttributes<HTMLLabelElement>, "htmlFor" | keyof FieldLabelOwnProps>;
+export type FieldLabelProps = FieldLabelOwnProps & Omit<ComponentPropsWithRef<"label">, "htmlFor" | keyof FieldLabelOwnProps>;
 export interface FieldControlOwnProps extends FieldPartOwnProps {
     readonly disabled?: boolean;
     readonly invalid?: boolean;
@@ -32,9 +32,9 @@ export type FieldControlProps<TAs extends ElementType = "div"> = RenderableProps
 export interface FieldDescriptionOwnProps extends FieldPartOwnProps {
     readonly disabled?: boolean;
 }
-export type FieldDescriptionProps = FieldDescriptionOwnProps & Omit<HTMLAttributes<HTMLElement>, keyof FieldDescriptionOwnProps>;
+export type FieldDescriptionProps = FieldDescriptionOwnProps & Omit<ComponentPropsWithRef<"p">, keyof FieldDescriptionOwnProps>;
 export interface FieldErrorOwnProps extends FieldPartOwnProps {
     readonly invalid?: boolean;
 }
-export type FieldErrorProps = FieldErrorOwnProps & Omit<HTMLAttributes<HTMLElement>, keyof FieldErrorOwnProps>;
+export type FieldErrorProps = FieldErrorOwnProps & Omit<ComponentPropsWithRef<"p">, keyof FieldErrorOwnProps>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC3E,GAAG,EACH,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,CACZ,CAAC;AAEF;0EAC0E;AAC1E,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,SAAS,GAAG,MAAM,kBAAkB,CAAC,CAAC;AAE/E,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,MAAM,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC9E,GAAG,EACH,oBAAoB,EACpB;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,EAC1D,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,GAC1D,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,MAAM,wBAAwB,CAAC,CAAC;AAEpE,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC3E,GAAG,EACH,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,CACZ,CAAC;AAEF;0EAC0E;AAC1E,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,kBAAkB,CAAC,CAAC;AAE7E,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,MAAM,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC9E,GAAG,EACH,oBAAoB,EACpB;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,EAC1D,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,GAC1D,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,MAAM,wBAAwB,CAAC,CAAC;AAEnE,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC"}

package/dist/components/form-error-summary/FormErrorSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormErrorSummary.d.ts","sourceRoot":"","sources":["../../../src/components/form-error-summary/FormErrorSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,SAAS,EAClE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CA6BrB;yBA/Be,gBAAgB"}
+{"version":3,"file":"FormErrorSummary.d.ts","sourceRoot":"","sources":["../../../src/components/form-error-summary/FormErrorSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,SAAS,EAClE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CA8CrB;yBAhDe,gBAAgB"}

package/dist/components/form-error-summary/FormErrorSummary.js

@@ -1,15 +1,47 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createElement } from "react";
 import { useRenderElement } from "@gunkin/uiify/core/render";
+import { omitProps, resolveRepeatedSlotProps } from "../../core/slot-props.js";
 function FormErrorSummary(props) {
-  const { as, render, title, errors, ...consumerProps } = props;
+  const { as, render, title, errors, slotProps, ...consumerProps } = props;
   const element = useRenderElement({
     as,
     defaultTag: "section",
     props: {
       ...consumerProps,
       children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("h2", { "data-part": "title", children: title }),
-        /* @__PURE__ */ jsx("ul", { "data-part": "list", children: errors.map((error, index) => /* @__PURE__ */ jsx("li", { "data-part": "item", children: /* @__PURE__ */ jsx("a", { "data-part": "link", href: error.href, children: error.message }) }, `${error.href}-${index}`)) })
+        /* @__PURE__ */ jsx(
+          "h2",
+          {
+            ...omitProps(slotProps?.title, ["data-part", "children", "dangerouslySetInnerHTML"]),
+            "data-part": "title",
+            children: title
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "ul",
+          {
+            ...omitProps(slotProps?.list, ["data-part", "children", "dangerouslySetInnerHTML"]),
+            "data-part": "list",
+            children: errors.map((error, index) => /* @__PURE__ */ createElement(
+              "li",
+              {
+                ...resolveRepeatedSlotProps(slotProps?.item, error.href, ["data-part"]),
+                "data-part": "item",
+                key: `${error.href}-${index}`
+              },
+              /* @__PURE__ */ jsx(
+                "a",
+                {
+                  ...resolveRepeatedSlotProps(slotProps?.link, error.href, ["data-part", "href"]),
+                  "data-part": "link",
+                  href: error.href,
+                  children: error.message
+                }
+              )
+            ))
+          }
+        )
       ] }),
       "data-uiify-form-error-summary": ""
     },

package/dist/components/form-error-summary/FormErrorSummary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/form-error-summary/FormErrorSummary.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { FormErrorSummaryProps } from \"./types.js\";\n\nexport function FormErrorSummary<TAs extends ElementType = \"section\">(\n  props: FormErrorSummaryProps<TAs>,\n): ReactElement | null {\n  const { as, render, title, errors, ...consumerProps } = props as FormErrorSummaryProps<\"section\">;\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"section\",\n    props: {\n      ...consumerProps,\n      children: (\n        <>\n          <h2 data-part=\"title\">{title}</h2>\n          <ul data-part=\"list\">\n            {errors.map((error, index) => (\n              <li data-part=\"item\" key={`${error.href}-${index}`}>\n                <a data-part=\"link\" href={error.href}>\n                  {error.message}\n                </a>\n              </li>\n            ))}\n          </ul>\n        </>\n      ),\n      \"data-uiify-form-error-summary\": \"\",\n    },\n    render,\n    state: {},\n  });\n\n  return errors.length === 0 ? null : element;\n}\n\nFormErrorSummary.displayName = \"FormErrorSummary\";\n"],"mappings":"AAeQ,mBACE,KADF;AAdR,SAAS,wBAAwB;AAG1B,SAAS,iBACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,OAAO,QAAQ,GAAG,cAAc,IAAI;AAExD,QAAM,UAAU,iBAAiB;AAAA,IAC/B;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,UACE,iCACE;AAAA,4BAAC,QAAG,aAAU,SAAS,iBAAM;AAAA,QAC7B,oBAAC,QAAG,aAAU,QACX,iBAAO,IAAI,CAAC,OAAO,UAClB,oBAAC,QAAG,aAAU,QACZ,8BAAC,OAAE,aAAU,QAAO,MAAM,MAAM,MAC7B,gBAAM,SACT,KAHwB,GAAG,MAAM,IAAI,IAAI,KAAK,EAIhD,CACD,GACH;AAAA,SACF;AAAA,MAEF,iCAAiC;AAAA,IACnC;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AAED,SAAO,OAAO,WAAW,IAAI,OAAO;AACtC;AAEA,iBAAiB,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/form-error-summary/FormErrorSummary.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { omitProps, resolveRepeatedSlotProps } from \"../../core/slot-props.js\";\nimport type { FormErrorSummaryProps } from \"./types.js\";\n\nexport function FormErrorSummary<TAs extends ElementType = \"section\">(\n  props: FormErrorSummaryProps<TAs>,\n): ReactElement | null {\n  const { as, render, title, errors, slotProps, ...consumerProps } =\n    props as FormErrorSummaryProps<\"section\">;\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"section\",\n    props: {\n      ...consumerProps,\n      children: (\n        <>\n          <h2\n            {...omitProps(slotProps?.title, [\"data-part\", \"children\", \"dangerouslySetInnerHTML\"])}\n            data-part=\"title\"\n          >\n            {title}\n          </h2>\n          <ul\n            {...omitProps(slotProps?.list, [\"data-part\", \"children\", \"dangerouslySetInnerHTML\"])}\n            data-part=\"list\"\n          >\n            {errors.map((error, index) => (\n              <li\n                {...resolveRepeatedSlotProps(slotProps?.item, error.href, [\"data-part\"])}\n                data-part=\"item\"\n                key={`${error.href}-${index}`}\n              >\n                <a\n                  {...resolveRepeatedSlotProps(slotProps?.link, error.href, [\"data-part\", \"href\"])}\n                  data-part=\"link\"\n                  href={error.href}\n                >\n                  {error.message}\n                </a>\n              </li>\n            ))}\n          </ul>\n        </>\n      ),\n      \"data-uiify-form-error-summary\": \"\",\n    },\n    render,\n    state: {},\n  });\n\n  return errors.length === 0 ? null : element;\n}\n\nFormErrorSummary.displayName = \"FormErrorSummary\";\n"],"mappings":"AAiBQ,mBACE,KADF;AAYM;AA5Bd,SAAS,wBAAwB;AACjC,SAAS,WAAW,gCAAgC;AAG7C,SAAS,iBACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,OAAO,QAAQ,WAAW,GAAG,cAAc,IAC7D;AAEF,QAAM,UAAU,iBAAiB;AAAA,IAC/B;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,UACE,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,UAAU,WAAW,OAAO,CAAC,aAAa,YAAY,yBAAyB,CAAC;AAAA,YACpF,aAAU;AAAA,YAET;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,UAAU,WAAW,MAAM,CAAC,aAAa,YAAY,yBAAyB,CAAC;AAAA,YACnF,aAAU;AAAA,YAET,iBAAO,IAAI,CAAC,OAAO,UAClB;AAAA,cAAC;AAAA;AAAA,gBACE,GAAG,yBAAyB,WAAW,MAAM,MAAM,MAAM,CAAC,WAAW,CAAC;AAAA,gBACvE,aAAU;AAAA,gBACV,KAAK,GAAG,MAAM,IAAI,IAAI,KAAK;AAAA;AAAA,cAE3B;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG,yBAAyB,WAAW,MAAM,MAAM,MAAM,CAAC,aAAa,MAAM,CAAC;AAAA,kBAC/E,aAAU;AAAA,kBACV,MAAM,MAAM;AAAA,kBAEX,gBAAM;AAAA;AAAA,cACT;AAAA,YACF,CACD;AAAA;AAAA,QACH;AAAA,SACF;AAAA,MAEF,iCAAiC;AAAA,IACnC;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AAED,SAAO,OAAO,WAAW,IAAI,OAAO;AACtC;AAEA,iBAAiB,cAAc;","names":[]}

package/dist/components/form-error-summary/index.d.ts

@@ -1,3 +1,3 @@
 export { FormErrorSummary } from "./FormErrorSummary.js";
-export type { FormErrorSummaryError, FormErrorSummaryOwnProps, FormErrorSummaryProps, } from "./types.js";
+export type { FormErrorSummaryError, FormErrorSummaryOwnProps, FormErrorSummaryProps, FormErrorSummarySlotProps, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/form-error-summary/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form-error-summary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EACV,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form-error-summary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EACV,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,YAAY,CAAC"}

package/dist/components/form-error-summary/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/form-error-summary/index.ts"],"sourcesContent":["export { FormErrorSummary } from \"./FormErrorSummary.js\";\nexport type {\n  FormErrorSummaryError,\n  FormErrorSummaryOwnProps,\n  FormErrorSummaryProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,wBAAwB;","names":[]}
+{"version":3,"sources":["../../../src/components/form-error-summary/index.ts"],"sourcesContent":["export { FormErrorSummary } from \"./FormErrorSummary.js\";\nexport type {\n  FormErrorSummaryError,\n  FormErrorSummaryOwnProps,\n  FormErrorSummaryProps,\n  FormErrorSummarySlotProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,wBAAwB;","names":[]}

package/dist/components/form-error-summary/types.d.ts

@@ -1,12 +1,31 @@
-import type { ElementType, ReactNode } from "react";
+import type { ComponentPropsWithRef, ElementType, ReactNode } from "react";
 import type { RenderableProps } from "@gunkin/uiify/core/render";
+import type { ConsumerDataAttributes, RepeatedSlotProps } from "../../core/slot-props.js";
 export interface FormErrorSummaryError {
     readonly href: string;
     readonly message: ReactNode;
 }
+type FormErrorSummaryPartProps<TTag extends ElementType> = Omit<ComponentPropsWithRef<TTag>, "children" | "dangerouslySetInnerHTML" | "data-part">;
+type FormErrorSummaryPartSlotProps<TTag extends ElementType> = FormErrorSummaryPartProps<TTag> & ConsumerDataAttributes & {
+    readonly "data-part"?: never;
+};
+type FormErrorSummaryRepeatedSlotProps<TTag extends ElementType, TProtected extends object = object> = RepeatedSlotProps<FormErrorSummaryPartProps<TTag>, TProtected & {
+    readonly "data-part"?: never;
+}>;
+export interface FormErrorSummarySlotProps {
+    readonly title?: FormErrorSummaryPartSlotProps<"h2">;
+    readonly list?: FormErrorSummaryPartSlotProps<"ul">;
+    /** Repeated error props may target an error by its stable href value. */
+    readonly item?: FormErrorSummaryRepeatedSlotProps<"li">;
+    readonly link?: FormErrorSummaryRepeatedSlotProps<"a", {
+        readonly href?: never;
+    }>;
+}
 export interface FormErrorSummaryOwnProps {
     readonly title: ReactNode;
     readonly errors: readonly FormErrorSummaryError[];
+    readonly slotProps?: FormErrorSummarySlotProps;
 }
 export type FormErrorSummaryProps<TAs extends ElementType = "section"> = RenderableProps<TAs, FormErrorSummaryOwnProps, Record<string, never>, HTMLElement>;
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/form-error-summary/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/form-error-summary/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,MAAM,EAAE,SAAS,qBAAqB,EAAE,CAAC;CACnD;AAED,MAAM,MAAM,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,SAAS,IAAI,eAAe,CACtF,GAAG,EACH,wBAAwB,EACxB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/form-error-summary/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;AACjE,OAAO,KAAK,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE1F,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;CAC7B;AAED,KAAK,yBAAyB,CAAC,IAAI,SAAS,WAAW,IAAI,IAAI,CAC7D,qBAAqB,CAAC,IAAI,CAAC,EAC3B,UAAU,GAAG,yBAAyB,GAAG,WAAW,CACrD,CAAC;AAEF,KAAK,6BAA6B,CAAC,IAAI,SAAS,WAAW,IAAI,yBAAyB,CAAC,IAAI,CAAC,GAC5F,sBAAsB,GAAG;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC;CAC9B,CAAC;AAEJ,KAAK,iCAAiC,CACpC,IAAI,SAAS,WAAW,EACxB,UAAU,SAAS,MAAM,GAAG,MAAM,IAChC,iBAAiB,CACnB,yBAAyB,CAAC,IAAI,CAAC,EAC/B,UAAU,GAAG;IAAE,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAC9C,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,6BAA6B,CAAC,IAAI,CAAC,CAAC;IACrD,QAAQ,CAAC,IAAI,CAAC,EAAE,6BAA6B,CAAC,IAAI,CAAC,CAAC;IACpD,yEAAyE;IACzE,QAAQ,CAAC,IAAI,CAAC,EAAE,iCAAiC,CAAC,IAAI,CAAC,CAAC;IACxD,QAAQ,CAAC,IAAI,CAAC,EAAE,iCAAiC,CAAC,GAAG,EAAE;QAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;CACnF;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,MAAM,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAClD,QAAQ,CAAC,SAAS,CAAC,EAAE,yBAAyB,CAAC;CAChD;AAED,MAAM,MAAM,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,SAAS,IAAI,eAAe,CACtF,GAAG,EACH,wBAAwB,EACxB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC"}

package/dist/components/internal/choice-family/ChoiceGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChoiceGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/choice-family/ChoiceGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE/D;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,SAAS,UAAU,EAClD,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAC7B,YAAY,CA6Dd;yBA/De,WAAW"}
+{"version":3,"file":"ChoiceGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/choice-family/ChoiceGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAQ1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE/D;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,SAAS,UAAU,EAClD,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAC7B,YAAY,CAoHd;yBAtHe,WAAW"}

package/dist/components/internal/choice-family/ChoiceGroup.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createElement } from "react";
+import { mergeRepeatedSlotProps, resolveRepeatedSlotProps } from "../../../core/slot-props.js";
 import {
   ChoiceGroup as ElementChoiceGroup,
   ChoiceItem as ElementChoiceItem
@@ -16,55 +17,104 @@ function ChoiceGroup(props) {
     name,
     orientation,
     className,
+    rootProps,
     itemPart = "item",
     labelPart = false,
     rootAttributes,
     labelAttributes,
     itemInputClassName,
+    itemProps,
+    itemSlotProps,
+    slotProps,
     onItemChange,
     renderPanel,
     renderLabel,
-    append
+    append,
+    appendProps
   } = props;
   const groupName = name ?? getChoiceGroupName(id, kind);
   return /* @__PURE__ */ jsxs(
     ElementChoiceGroup,
     {
-      ...{ [`data-uiify-${namespace}`]: "" },
+      ...rootProps,
       ...rootAttributes,
       className,
       id,
       kind,
       orientation,
+      ...{ [`data-uiify-${namespace}`]: "" },
       children: [
         items.map((item) => {
           const panel = renderPanel ? renderPanel(item) : void 0;
+          const itemSlots = itemSlotProps?.(item);
+          const inputSlotProps = mergeRepeatedSlotProps(
+            resolveRepeatedSlotProps(slotProps?.input, item.value, ["data-part", "data-uiify-radio"]),
+            itemSlots?.input
+          );
+          const controlClassName = [inputSlotProps.className, itemInputClassName?.(item)].filter(Boolean).join(" ");
+          const itemPropsForValue = mergeRepeatedSlotProps(
+            resolveRepeatedSlotProps(slotProps?.item, item.value, [
+              "checked",
+              "defaultChecked",
+              "disabled",
+              "groupId",
+              "kind",
+              "label",
+              "labelPart",
+              "name",
+              "onValueChange",
+              "panel",
+              "part",
+              "slotProps",
+              "value"
+            ]),
+            itemProps?.(item)
+          );
+          const labelPropsForValue = mergeRepeatedSlotProps(
+            resolveRepeatedSlotProps(slotProps?.label, item.value),
+            itemSlots?.label
+          );
+          const panelPropsForValue = mergeRepeatedSlotProps(
+            resolveRepeatedSlotProps(slotProps?.panel, item.value),
+            itemSlots?.panel
+          );
           return /* @__PURE__ */ createElement(
             ElementChoiceItem,
             {
+              ...itemPropsForValue,
               ...panel === void 0 ? {} : { panel },
               ...isControlled ? { checked: isChecked(item) } : { defaultChecked: isChecked(item) },
               disabled: item.disabled ?? false,
               groupId: id,
-              inputProps: {
-                className: itemInputClassName?.(item),
-                "data-part": "control",
-                ...kind === "single" ? { "data-uiify-radio": "" } : {}
-              },
               key: item.value,
               kind,
               label: renderLabel ? renderLabel(item) : item.label,
-              labelPart: false,
-              labelProps: { ...labelAttributes, "data-part": labelPart ? "trigger" : "label" },
+              labelPart: labelPart ? "trigger" : "label",
+              slotProps: {
+                ...itemSlots,
+                input: {
+                  ...inputSlotProps,
+                  ...controlClassName ? { className: controlClassName } : {},
+                  "data-part": "control",
+                  ...kind === "single" ? { "data-uiify-radio": "" } : {}
+                },
+                label: {
+                  ...labelPropsForValue,
+                  ...labelAttributes
+                },
+                panel: {
+                  ...panelPropsForValue,
+                  "data-part": "panel"
+                }
+              },
               name: groupName,
               ...onItemChange ? { onValueChange: () => onItemChange(item) } : {},
-              panelProps: { "data-part": "panel" },
               part: itemPart,
               value: item.value
             }
           );
         }),
-        append ? /* @__PURE__ */ jsx("div", { "data-part": "append", children: append }) : null
+        append ? /* @__PURE__ */ jsx("div", { ...appendProps, "data-part": "append", children: append }) : null
       ]
     }
   );

package/dist/components/internal/choice-family/ChoiceGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/internal/choice-family/ChoiceGroup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport {\n  ChoiceGroup as ElementChoiceGroup,\n  ChoiceItem as ElementChoiceItem,\n} from \"../../../elements/choice/index.js\";\nimport { getChoiceGroupName } from \"./ids.js\";\nimport type { ChoiceGroupProps, ChoiceItem } from \"./types.js\";\n\n/**\n * Built on `@gunkin/uiify/elements/choice`: this component\n * stays the ergonomic, items-array API six components share, now implemented as a thin map\n * from `items` onto `Choice.Item` with canonical `data-part` anatomy.\n */\nexport function ChoiceGroup<TItem extends ChoiceItem>(\n  props: ChoiceGroupProps<TItem>,\n): ReactElement {\n  const {\n    id,\n    items,\n    namespace,\n    kind,\n    isChecked,\n    isControlled = false,\n    name,\n    orientation,\n    className,\n    itemPart = \"item\",\n    labelPart = false,\n    rootAttributes,\n    labelAttributes,\n    itemInputClassName,\n    onItemChange,\n    renderPanel,\n    renderLabel,\n    append,\n  } = props;\n  const groupName = name ?? getChoiceGroupName(id, kind);\n\n  return (\n    <ElementChoiceGroup\n      {...{ [`data-uiify-${namespace}`]: \"\" }}\n      {...rootAttributes}\n      className={className}\n      id={id}\n      kind={kind}\n      orientation={orientation}\n    >\n      {items.map((item) => {\n        const panel = renderPanel ? renderPanel(item) : undefined;\n        return (\n          <ElementChoiceItem\n            {...(panel === undefined ? {} : { panel })}\n            {...(isControlled ? { checked: isChecked(item) } : { defaultChecked: isChecked(item) })}\n            disabled={item.disabled ?? false}\n            groupId={id}\n            inputProps={{\n              className: itemInputClassName?.(item),\n              \"data-part\": \"control\",\n              ...(kind === \"single\" ? { \"data-uiify-radio\": \"\" } : {}),\n            }}\n            key={item.value}\n            kind={kind}\n            label={renderLabel ? renderLabel(item) : item.label}\n            labelPart={false}\n            labelProps={{ ...labelAttributes, \"data-part\": labelPart ? \"trigger\" : \"label\" }}\n            name={groupName}\n            {...(onItemChange ? { onValueChange: () => onItemChange(item) } : {})}\n            panelProps={{ \"data-part\": \"panel\" }}\n            part={itemPart}\n            value={item.value}\n          />\n        );\n      })}\n      {append ? <div data-part=\"append\">{append}</div> : null}\n    </ElementChoiceGroup>\n  );\n}\nChoiceGroup.displayName = \"ChoiceGroup\";\n"],"mappings":"AAuCI,SAkCY,KAlCZ;AAWM;AAjDV;AAAA,EACE,eAAe;AAAA,EACf,cAAc;AAAA,OACT;AACP,SAAS,0BAA0B;AAQ5B,SAAS,YACd,OACc;AACd,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,YAAY,QAAQ,mBAAmB,IAAI,IAAI;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,EAAE,CAAC,cAAc,SAAS,EAAE,GAAG,GAAG;AAAA,MACrC,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,cAAM,IAAI,CAAC,SAAS;AACnB,gBAAM,QAAQ,cAAc,YAAY,IAAI,IAAI;AAChD,iBACE;AAAA,YAAC;AAAA;AAAA,cACE,GAAI,UAAU,SAAY,CAAC,IAAI,EAAE,MAAM;AAAA,cACvC,GAAI,eAAe,EAAE,SAAS,UAAU,IAAI,EAAE,IAAI,EAAE,gBAAgB,UAAU,IAAI,EAAE;AAAA,cACrF,UAAU,KAAK,YAAY;AAAA,cAC3B,SAAS;AAAA,cACT,YAAY;AAAA,gBACV,WAAW,qBAAqB,IAAI;AAAA,gBACpC,aAAa;AAAA,gBACb,GAAI,SAAS,WAAW,EAAE,oBAAoB,GAAG,IAAI,CAAC;AAAA,cACxD;AAAA,cACA,KAAK,KAAK;AAAA,cACV;AAAA,cACA,OAAO,cAAc,YAAY,IAAI,IAAI,KAAK;AAAA,cAC9C,WAAW;AAAA,cACX,YAAY,EAAE,GAAG,iBAAiB,aAAa,YAAY,YAAY,QAAQ;AAAA,cAC/E,MAAM;AAAA,cACL,GAAI,eAAe,EAAE,eAAe,MAAM,aAAa,IAAI,EAAE,IAAI,CAAC;AAAA,cACnE,YAAY,EAAE,aAAa,QAAQ;AAAA,cACnC,MAAM;AAAA,cACN,OAAO,KAAK;AAAA;AAAA,UACd;AAAA,QAEJ,CAAC;AAAA,QACA,SAAS,oBAAC,SAAI,aAAU,UAAU,kBAAO,IAAS;AAAA;AAAA;AAAA,EACrD;AAEJ;AACA,YAAY,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/internal/choice-family/ChoiceGroup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { mergeRepeatedSlotProps, resolveRepeatedSlotProps } from \"../../../core/slot-props.js\";\nimport {\n  ChoiceGroup as ElementChoiceGroup,\n  ChoiceItem as ElementChoiceItem,\n} from \"../../../elements/choice/index.js\";\nimport { getChoiceGroupName } from \"./ids.js\";\nimport type { ChoiceItemSlotProps } from \"../../../elements/choice/types.js\";\nimport type { ChoiceGroupProps, ChoiceItem } from \"./types.js\";\n\n/**\n * Built on `@gunkin/uiify/elements/choice`: this component\n * stays the ergonomic, items-array API six components share, now implemented as a thin map\n * from `items` onto `Choice.Item` with canonical `data-part` anatomy.\n */\nexport function ChoiceGroup<TItem extends ChoiceItem>(\n  props: ChoiceGroupProps<TItem>,\n): ReactElement {\n  const {\n    id,\n    items,\n    namespace,\n    kind,\n    isChecked,\n    isControlled = false,\n    name,\n    orientation,\n    className,\n    rootProps,\n    itemPart = \"item\",\n    labelPart = false,\n    rootAttributes,\n    labelAttributes,\n    itemInputClassName,\n    itemProps,\n    itemSlotProps,\n    slotProps,\n    onItemChange,\n    renderPanel,\n    renderLabel,\n    append,\n    appendProps,\n  } = props;\n  const groupName = name ?? getChoiceGroupName(id, kind);\n\n  return (\n    <ElementChoiceGroup\n      {...rootProps}\n      {...rootAttributes}\n      className={className}\n      id={id}\n      kind={kind}\n      orientation={orientation}\n      {...{ [`data-uiify-${namespace}`]: \"\" }}\n    >\n      {items.map((item) => {\n        const panel = renderPanel ? renderPanel(item) : undefined;\n        const itemSlots = itemSlotProps?.(item);\n        const inputSlotProps = mergeRepeatedSlotProps(\n          resolveRepeatedSlotProps(slotProps?.input, item.value, [\"data-part\", \"data-uiify-radio\"]),\n          itemSlots?.input,\n        );\n        const controlClassName = [inputSlotProps.className, itemInputClassName?.(item)]\n          .filter(Boolean)\n          .join(\" \");\n        const itemPropsForValue = mergeRepeatedSlotProps(\n          resolveRepeatedSlotProps(slotProps?.item, item.value, [\n            \"checked\",\n            \"defaultChecked\",\n            \"disabled\",\n            \"groupId\",\n            \"kind\",\n            \"label\",\n            \"labelPart\",\n            \"name\",\n            \"onValueChange\",\n            \"panel\",\n            \"part\",\n            \"slotProps\",\n            \"value\",\n          ]),\n          itemProps?.(item),\n        );\n        const labelPropsForValue = mergeRepeatedSlotProps(\n          resolveRepeatedSlotProps(slotProps?.label, item.value),\n          itemSlots?.label,\n        );\n        const panelPropsForValue = mergeRepeatedSlotProps(\n          resolveRepeatedSlotProps(slotProps?.panel, item.value),\n          itemSlots?.panel,\n        );\n        return (\n          <ElementChoiceItem\n            {...itemPropsForValue}\n            {...(panel === undefined ? {} : { panel })}\n            {...(isControlled ? { checked: isChecked(item) } : { defaultChecked: isChecked(item) })}\n            disabled={item.disabled ?? false}\n            groupId={id}\n            key={item.value}\n            kind={kind}\n            label={renderLabel ? renderLabel(item) : item.label}\n            labelPart={labelPart ? \"trigger\" : \"label\"}\n            slotProps={{\n              ...itemSlots,\n              input: {\n                ...inputSlotProps,\n                ...(controlClassName ? { className: controlClassName } : {}),\n                \"data-part\": \"control\",\n                ...(kind === \"single\" ? { \"data-uiify-radio\": \"\" } : {}),\n              } as unknown as NonNullable<ChoiceItemSlotProps[\"input\"]>,\n              label: {\n                ...labelPropsForValue,\n                ...labelAttributes,\n              } as NonNullable<ChoiceItemSlotProps[\"label\"]>,\n              panel: {\n                ...panelPropsForValue,\n                \"data-part\": \"panel\",\n              } as NonNullable<ChoiceItemSlotProps[\"panel\"]>,\n            }}\n            name={groupName}\n            {...(onItemChange ? { onValueChange: () => onItemChange(item) } : {})}\n            part={itemPart}\n            value={item.value}\n          />\n        );\n      })}\n      {append ? (\n        <div {...appendProps} data-part=\"append\">\n          {append}\n        </div>\n      ) : null}\n    </ElementChoiceGroup>\n  );\n}\nChoiceGroup.displayName = \"ChoiceGroup\";\n"],"mappings":"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","names":[]}

package/dist/components/internal/choice-family/types.d.ts

@@ -1,4 +1,42 @@
-import type { ReactNode } from "react";
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { ConsumerDataAttributes } from "../../../core/slot-props.js";
+import type { ChoiceInputSlotProps, ChoiceItemOwnProps, ChoiceItemSlotProps, ChoiceLabelSlotProps, ChoicePanelSlotProps } from "../../../elements/choice/types.js";
+type ChoiceItemWrapperSlotProps = Omit<ComponentPropsWithRef<"div">, keyof ChoiceItemOwnProps | "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-choice"> & {
+    readonly "data-part"?: never;
+    readonly "data-uiify-choice"?: never;
+} & ConsumerDataAttributes;
+type ChoiceInputProtectedProps = {
+    readonly "aria-labelledby"?: never;
+    readonly checked?: never;
+    readonly defaultChecked?: never;
+    readonly disabled?: never;
+    readonly id?: never;
+    readonly name?: never;
+    readonly type?: never;
+    readonly value?: never;
+    readonly "data-part"?: never;
+    readonly "data-uiify-choice"?: never;
+    readonly "data-uiify-radio"?: never;
+};
+type ChoiceLabelProtectedProps = {
+    readonly htmlFor?: never;
+    readonly id?: never;
+    readonly "data-part"?: never;
+};
+type ChoicePanelProtectedProps = {
+    readonly id?: never;
+    readonly "data-part"?: never;
+};
+type ChoiceRepeatedSlotProps<TProps extends object, TProtected extends object> = TProps & TProtected & {
+    readonly byItemValue?: Readonly<Record<string, TProps & TProtected>>;
+};
+export interface ChoiceGroupSlotProps {
+    readonly item?: ChoiceRepeatedSlotProps<ChoiceItemWrapperSlotProps, Pick<ChoiceItemWrapperSlotProps, "data-part" | "data-uiify-choice">>;
+    readonly input?: ChoiceRepeatedSlotProps<ChoiceInputSlotProps, ChoiceInputProtectedProps>;
+    readonly label?: ChoiceRepeatedSlotProps<ChoiceLabelSlotProps, ChoiceLabelProtectedProps>;
+    readonly panel?: ChoiceRepeatedSlotProps<ChoicePanelSlotProps, ChoicePanelProtectedProps>;
+}
+export type ChoiceOptionSlotProps = Omit<ChoiceGroupSlotProps, "panel">;
 export interface ChoiceItem {
     readonly value: string;
     readonly label: ReactNode;
@@ -8,6 +46,7 @@ export interface ChoicePanelItem extends ChoiceItem {
     readonly panel?: ReactNode;
 }
 export type ChoiceOrientation = "horizontal" | "vertical";
+export type ChoiceGroupRootProps = Omit<ComponentPropsWithRef<"div">, "children" | "className" | "dangerouslySetInnerHTML" | "id">;
 /** "single" renders `type="radio"` and a plain group name; "multiple" renders
  * `type="checkbox"` and suffixes the group name (see `getChoiceGroupName`). */
 export type ChoiceGroupKind = "single" | "multiple";
@@ -22,6 +61,8 @@ export interface ChoiceGroupProps<TItem extends ChoiceItem = ChoiceItem> {
     readonly name?: string;
     readonly orientation: ChoiceOrientation;
     readonly className?: string;
+    /** Native props forwarded to the rendered group root. */
+    readonly rootProps?: Omit<ComponentPropsWithRef<"div">, "children" | "className" | "dangerouslySetInnerHTML" | "id">;
     /** Part name for each item's wrapper div. Defaults to "item". */
     readonly itemPart?: string;
     /** Adds `data-part="label"` to the label. */
@@ -32,6 +73,12 @@ export interface ChoiceGroupProps<TItem extends ChoiceItem = ChoiceItem> {
     readonly labelAttributes?: Record<string, string>;
     /** Per-item `className` hook for the input, e.g. RadioGroup's `item.className`. */
     readonly itemInputClassName?: (item: TItem) => string | undefined;
+    /** Native props for each generated Choice.Item wrapper. */
+    readonly itemProps?: (item: TItem) => Omit<ComponentPropsWithRef<"div">, keyof ChoiceItemOwnProps | "children">;
+    /** Native props for generated Choice.Item subparts. */
+    readonly itemSlotProps?: (item: TItem) => ChoiceItemSlotProps;
+    /** Props for generated item parts. Repeated values can target one item by value. */
+    readonly slotProps?: ChoiceGroupSlotProps;
     /** Fires on the input's native `change` event, e.g. a client wrapper syncing
      * a controlled value. Omitted by every uncontrolled (server) consumer. */
     readonly onItemChange?: (item: TItem) => void;
@@ -41,5 +88,8 @@ export interface ChoiceGroupProps<TItem extends ChoiceItem = ChoiceItem> {
     readonly renderLabel?: (item: TItem) => ReactNode;
     /** Trailing content rendered inside the root after the mapped items, e.g. Tabs' `append`. */
     readonly append?: ReactNode;
+    /** Props for the generated append wrapper. */
+    readonly appendProps?: Omit<ComponentPropsWithRef<"div">, "children" | "data-part">;
 }
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/internal/choice-family/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/choice-family/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1D;+EAC+E;AAC/E,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEpD,MAAM,WAAW,gBAAgB,CAAC,KAAK,SAAS,UAAU,GAAG,UAAU;IACrE,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,KAAK,EAAE,CAAC;IACjC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;IAC/B,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC;IAC7C,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,uEAAuE;IACvE,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,iEAAiE;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,6CAA6C;IAC7C,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,mFAAmF;IACnF,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IAC7D,4EAA4E;IAC5E,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClD,mFAAmF;IACnF,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,GAAG,SAAS,CAAC;IAClE;8EAC0E;IAC1E,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IAC9C,wFAAwF;IACxF,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC;IAClD,sFAAsF;IACtF,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC;IAClD,6FAA6F;IAC7F,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/choice-family/types.ts"],"names":[],"mappings":"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"}

package/dist/components/internal/menu/types.d.ts

@@ -22,6 +22,7 @@ export interface MenuSelectEvent {
 export interface UseMenuSurfaceOptions {
     readonly align?: AnchorAlign;
     readonly defaultOpen?: boolean;
+    readonly id?: string;
     /** `"auto"` for click-dismissable surfaces, `"manual"` when the compound drives dismissal. */
     readonly mode: "auto" | "manual";
     readonly onOpenChange?: PopoverChangeHandler;

package/dist/components/internal/menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,WAAW,EACX,cAAc,EACd,SAAS,EACT,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAClF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC3E,GAAG,EACH,gBAAgB,EAChB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC3E,GAAG,EACH,gBAAgB,EAChB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC/E,GAAG,EACH,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,EAClC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACnC,cAAc,IAAI,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,8FAA8F;IAC9F,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAC;IACjC,QAAQ,CAAC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IAC7C,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;CAC5B;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAClD,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtD,2DAA2D;IAC3D,QAAQ,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC;IAClC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,MAAM,IAAI,CAAC;IACjC,2EAA2E;IAC3E,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACjD,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,eAAe,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACtD,QAAQ,CAAC,iBAAiB,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAClE,QAAQ,CAAC,YAAY,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC/D,QAAQ,CAAC,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACpD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,WAAW,EACX,cAAc,EACd,SAAS,EACT,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAClF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC3E,GAAG,EACH,gBAAgB,EAChB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC3E,GAAG,EACH,gBAAgB,EAChB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC/E,GAAG,EACH,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,EAClC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACnC,cAAc,IAAI,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,8FAA8F;IAC9F,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAC;IACjC,QAAQ,CAAC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IAC7C,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;CAC5B;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAClD,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtD,2DAA2D;IAC3D,QAAQ,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC;IAClC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,MAAM,IAAI,CAAC;IACjC,2EAA2E;IAC3E,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACjD,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,eAAe,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACtD,QAAQ,CAAC,iBAAiB,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAClE,QAAQ,CAAC,YAAY,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC/D,QAAQ,CAAC,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACpD"}

package/dist/components/internal/menu/use-menu-surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-menu-surface.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/menu/use-menu-surface.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAE9E;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,qBAAqB,GAAG,oBAAoB,CAkDnF"}
+{"version":3,"file":"use-menu-surface.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/menu/use-menu-surface.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAE9E;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,qBAAqB,GAAG,oBAAoB,CAmDnF"}

package/dist/components/internal/menu/use-menu-surface.js

@@ -5,10 +5,11 @@ import { usePopover } from "@gunkin/uiify/core/popover";
 import { useIsomorphicLayoutEffect } from "@gunkin/uiify/hooks";
 import { focusMenuItem } from "./focus-menu-item.js";
 function useMenuSurface(options) {
-  const { align, defaultOpen, mode, onOpenChange, open, side } = options;
+  const { align, defaultOpen, id, mode, onOpenChange, open, side } = options;
   const triggerRef = useRef(null);
   const contentRef = useRef(null);
   const popover = usePopover({
+    ...id !== void 0 ? { id } : {},
     mode,
     ...defaultOpen !== void 0 ? { defaultOpen } : {},
     ...open !== void 0 ? { open } : {},

package/dist/components/internal/menu/use-menu-surface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/internal/menu/use-menu-surface.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useRef } from \"react\";\nimport { useAnchorPosition } from \"@gunkin/uiify/core/anchor-position\";\nimport { usePopover } from \"@gunkin/uiify/core/popover\";\nimport { useIsomorphicLayoutEffect } from \"@gunkin/uiify/hooks\";\nimport { focusMenuItem } from \"./focus-menu-item.js\";\nimport type { UseMenuSurfaceOptions, UseMenuSurfaceReturn } from \"./types.js\";\n\n/**\n * Shared body of DropdownMenu and ContextMenu's per-menu state: a popover\n * surface anchored to its invoker, with focus management for opening into the\n * item list and returning to the trigger.\n *\n * `anchorRef`/`positionerRef` are deliberately not part of the return value —\n * `useAnchorPosition` returns no-op refs for both (see core/use-anchor-position.ts),\n * so the menu compounds were merging them into their DOM ref for nothing.\n */\nexport function useMenuSurface(options: UseMenuSurfaceOptions): UseMenuSurfaceReturn {\n  const { align, defaultOpen, mode, onOpenChange, open, side } = options;\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const popover = usePopover({\n    mode,\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(open !== undefined ? { open } : {}),\n    ...(onOpenChange ? { onOpenChange } : {}),\n  });\n  const anchor = useAnchorPosition({\n    ...(align !== undefined ? { align } : {}),\n    ...(side !== undefined ? { side } : {}),\n  });\n\n  const focusTrigger = useCallback(() => {\n    triggerRef.current?.focus({ preventScroll: true });\n  }, []);\n\n  const setTriggerElement = useCallback((element: HTMLElement | null) => {\n    triggerRef.current = element;\n  }, []);\n\n  useIsomorphicLayoutEffect(() => {\n    if (popover.open) focusMenuItem(contentRef.current);\n  }, [popover.open]);\n\n  const openToItem = useCallback(\n    (last?: boolean) => {\n      if (!popover.open) popover.openPopover();\n      queueMicrotask(() => focusMenuItem(contentRef.current, last !== undefined ? { last } : {}));\n    },\n    [popover],\n  );\n\n  return {\n    anchorProps: anchor.anchorProps,\n    close: popover.close,\n    contentRef,\n    focusTrigger,\n    open: popover.open,\n    openPopover: popover.openPopover,\n    openToItem,\n    popupProps: popover.popupProps,\n    popupRef: popover.popupRef,\n    positionerProps: anchor.positionerProps,\n    setTriggerElement,\n    triggerProps: popover.triggerProps,\n    triggerRef,\n  };\n}\n"],"mappings":";AAEA,SAAS,aAAa,cAAc;AACpC,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,iCAAiC;AAC1C,SAAS,qBAAqB;AAYvB,SAAS,eAAe,SAAsD;AACnF,QAAM,EAAE,OAAO,aAAa,MAAM,cAAc,MAAM,KAAK,IAAI;AAC/D,QAAM,aAAa,OAA2B,IAAI;AAClD,QAAM,aAAa,OAA8B,IAAI;AACrD,QAAM,UAAU,WAAW;AAAA,IACzB;AAAA,IACA,GAAI,gBAAgB,SAAY,EAAE,YAAY,IAAI,CAAC;AAAA,IACnD,GAAI,SAAS,SAAY,EAAE,KAAK,IAAI,CAAC;AAAA,IACrC,GAAI,eAAe,EAAE,aAAa,IAAI,CAAC;AAAA,EACzC,CAAC;AACD,QAAM,SAAS,kBAAkB;AAAA,IAC/B,GAAI,UAAU,SAAY,EAAE,MAAM,IAAI,CAAC;AAAA,IACvC,GAAI,SAAS,SAAY,EAAE,KAAK,IAAI,CAAC;AAAA,EACvC,CAAC;AAED,QAAM,eAAe,YAAY,MAAM;AACrC,eAAW,SAAS,MAAM,EAAE,eAAe,KAAK,CAAC;AAAA,EACnD,GAAG,CAAC,CAAC;AAEL,QAAM,oBAAoB,YAAY,CAAC,YAAgC;AACrE,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,4BAA0B,MAAM;AAC9B,QAAI,QAAQ,KAAM,eAAc,WAAW,OAAO;AAAA,EACpD,GAAG,CAAC,QAAQ,IAAI,CAAC;AAEjB,QAAM,aAAa;AAAA,IACjB,CAAC,SAAmB;AAClB,UAAI,CAAC,QAAQ,KAAM,SAAQ,YAAY;AACvC,qBAAe,MAAM,cAAc,WAAW,SAAS,SAAS,SAAY,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC;AAAA,IAC5F;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SAAO;AAAA,IACL,aAAa,OAAO;AAAA,IACpB,OAAO,QAAQ;AAAA,IACf;AAAA,IACA;AAAA,IACA,MAAM,QAAQ;AAAA,IACd,aAAa,QAAQ;AAAA,IACrB;AAAA,IACA,YAAY,QAAQ;AAAA,IACpB,UAAU,QAAQ;AAAA,IAClB,iBAAiB,OAAO;AAAA,IACxB;AAAA,IACA,cAAc,QAAQ;AAAA,IACtB;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/components/internal/menu/use-menu-surface.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useRef } from \"react\";\nimport { useAnchorPosition } from \"@gunkin/uiify/core/anchor-position\";\nimport { usePopover } from \"@gunkin/uiify/core/popover\";\nimport { useIsomorphicLayoutEffect } from \"@gunkin/uiify/hooks\";\nimport { focusMenuItem } from \"./focus-menu-item.js\";\nimport type { UseMenuSurfaceOptions, UseMenuSurfaceReturn } from \"./types.js\";\n\n/**\n * Shared body of DropdownMenu and ContextMenu's per-menu state: a popover\n * surface anchored to its invoker, with focus management for opening into the\n * item list and returning to the trigger.\n *\n * `anchorRef`/`positionerRef` are deliberately not part of the return value —\n * `useAnchorPosition` returns no-op refs for both (see core/use-anchor-position.ts),\n * so the menu compounds were merging them into their DOM ref for nothing.\n */\nexport function useMenuSurface(options: UseMenuSurfaceOptions): UseMenuSurfaceReturn {\n  const { align, defaultOpen, id, mode, onOpenChange, open, side } = options;\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const popover = usePopover({\n    ...(id !== undefined ? { id } : {}),\n    mode,\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(open !== undefined ? { open } : {}),\n    ...(onOpenChange ? { onOpenChange } : {}),\n  });\n  const anchor = useAnchorPosition({\n    ...(align !== undefined ? { align } : {}),\n    ...(side !== undefined ? { side } : {}),\n  });\n\n  const focusTrigger = useCallback(() => {\n    triggerRef.current?.focus({ preventScroll: true });\n  }, []);\n\n  const setTriggerElement = useCallback((element: HTMLElement | null) => {\n    triggerRef.current = element;\n  }, []);\n\n  useIsomorphicLayoutEffect(() => {\n    if (popover.open) focusMenuItem(contentRef.current);\n  }, [popover.open]);\n\n  const openToItem = useCallback(\n    (last?: boolean) => {\n      if (!popover.open) popover.openPopover();\n      queueMicrotask(() => focusMenuItem(contentRef.current, last !== undefined ? { last } : {}));\n    },\n    [popover],\n  );\n\n  return {\n    anchorProps: anchor.anchorProps,\n    close: popover.close,\n    contentRef,\n    focusTrigger,\n    open: popover.open,\n    openPopover: popover.openPopover,\n    openToItem,\n    popupProps: popover.popupProps,\n    popupRef: popover.popupRef,\n    positionerProps: anchor.positionerProps,\n    setTriggerElement,\n    triggerProps: popover.triggerProps,\n    triggerRef,\n  };\n}\n"],"mappings":";AAEA,SAAS,aAAa,cAAc;AACpC,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,iCAAiC;AAC1C,SAAS,qBAAqB;AAYvB,SAAS,eAAe,SAAsD;AACnF,QAAM,EAAE,OAAO,aAAa,IAAI,MAAM,cAAc,MAAM,KAAK,IAAI;AACnE,QAAM,aAAa,OAA2B,IAAI;AAClD,QAAM,aAAa,OAA8B,IAAI;AACrD,QAAM,UAAU,WAAW;AAAA,IACzB,GAAI,OAAO,SAAY,EAAE,GAAG,IAAI,CAAC;AAAA,IACjC;AAAA,IACA,GAAI,gBAAgB,SAAY,EAAE,YAAY,IAAI,CAAC;AAAA,IACnD,GAAI,SAAS,SAAY,EAAE,KAAK,IAAI,CAAC;AAAA,IACrC,GAAI,eAAe,EAAE,aAAa,IAAI,CAAC;AAAA,EACzC,CAAC;AACD,QAAM,SAAS,kBAAkB;AAAA,IAC/B,GAAI,UAAU,SAAY,EAAE,MAAM,IAAI,CAAC;AAAA,IACvC,GAAI,SAAS,SAAY,EAAE,KAAK,IAAI,CAAC;AAAA,EACvC,CAAC;AAED,QAAM,eAAe,YAAY,MAAM;AACrC,eAAW,SAAS,MAAM,EAAE,eAAe,KAAK,CAAC;AAAA,EACnD,GAAG,CAAC,CAAC;AAEL,QAAM,oBAAoB,YAAY,CAAC,YAAgC;AACrE,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,4BAA0B,MAAM;AAC9B,QAAI,QAAQ,KAAM,eAAc,WAAW,OAAO;AAAA,EACpD,GAAG,CAAC,QAAQ,IAAI,CAAC;AAEjB,QAAM,aAAa;AAAA,IACjB,CAAC,SAAmB;AAClB,UAAI,CAAC,QAAQ,KAAM,SAAQ,YAAY;AACvC,qBAAe,MAAM,cAAc,WAAW,SAAS,SAAS,SAAY,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC;AAAA,IAC5F;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SAAO;AAAA,IACL,aAAa,OAAO;AAAA,IACpB,OAAO,QAAQ;AAAA,IACf;AAAA,IACA;AAAA,IACA,MAAM,QAAQ;AAAA,IACd,aAAa,QAAQ;AAAA,IACrB;AAAA,IACA,YAAY,QAAQ;AAAA,IACpB,UAAU,QAAQ;AAAA,IAClB,iBAAiB,OAAO;AAAA,IACxB;AAAA,IACA,cAAc,QAAQ;AAAA,IACtB;AAAA,EACF;AACF;","names":[]}

package/dist/components/internal/native-check-control/NativeCheckControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeCheckControl.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/native-check-control/NativeCheckControl.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,CAkE/E;yBAlEe,kBAAkB"}
+{"version":3,"file":"NativeCheckControl.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/native-check-control/NativeCheckControl.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,OAAO,CAAC;AAIvD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,CA+F/E;yBA/Fe,kBAAkB"}

package/dist/components/internal/native-check-control/NativeCheckControl.js

@@ -1,6 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
+import { useMergedRefs } from "@gunkin/uiify/hooks";
+import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
+import { mergeRepeatedSlotProps, omitProps } from "../../../core/slot-props.js";
 function NativeCheckControl(props) {
   const {
     checked,
@@ -11,12 +14,40 @@ function NativeCheckControl(props) {
     name,
     onCheckedChange,
     className,
+    slotProps,
     value,
     "aria-label": ariaLabel
   } = props;
   const isControlled = checked !== void 0;
   const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked ?? false);
   const inputRef = useRef(null);
+  const inputProps = omitProps(slotProps?.input, [
+    "aria-checked",
+    "aria-label",
+    "aria-labelledby",
+    "checked",
+    "children",
+    "dangerouslySetInnerHTML",
+    "data-disabled",
+    "data-part",
+    "data-state",
+    "data-uiify-checkbox",
+    "defaultChecked",
+    "defaultValue",
+    "disabled",
+    "id",
+    "name",
+    "type",
+    "value"
+  ]);
+  const labelProps = omitProps(mergeRepeatedSlotProps({ className }, slotProps?.label), [
+    "children",
+    "dangerouslySetInnerHTML",
+    "data-uiify-checkbox",
+    "htmlFor",
+    "id"
+  ]);
+  const mergedInputRef = useMergedRefs(inputProps.ref, inputRef);
   const checkedValue = isControlled ? checked === true : uncontrolledChecked;
   useEffect(() => {
     if (inputRef.current) inputRef.current.indeterminate = checked === "indeterminate";
@@ -31,6 +62,7 @@ function NativeCheckControl(props) {
   const input = /* @__PURE__ */ jsx(
     "input",
     {
+      ...inputProps,
       "aria-checked": checked === "indeterminate" ? "mixed" : void 0,
       "aria-label": label === void 0 ? ariaLabel : void 0,
       "aria-labelledby": label !== void 0 ? `${id}-label` : void 0,
@@ -41,14 +73,14 @@ function NativeCheckControl(props) {
       disabled: disabled || void 0,
       id,
       name,
-      onChange: handleChange,
-      ref: inputRef,
+      onChange: composeEventHandlers(inputProps.onChange, handleChange),
+      ref: mergedInputRef,
       type: "checkbox",
       value,
       ...label === void 0 ? { "data-uiify-checkbox": "" } : { "data-part": "control" }
     }
   );
-  return label === void 0 ? input : /* @__PURE__ */ jsxs("label", { className, "data-uiify-checkbox": "", id: `${id}-label`, children: [
+  return label === void 0 ? input : /* @__PURE__ */ jsxs("label", { ...labelProps, "data-uiify-checkbox": "", id: `${id}-label`, children: [
     input,
     label
   ] });

package/dist/components/internal/native-check-control/NativeCheckControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/internal/native-check-control/NativeCheckControl.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport type { ChangeEvent, ReactElement } from \"react\";\nimport type { NativeCheckControlProps } from \"./types.js\";\n\nexport function NativeCheckControl(props: NativeCheckControlProps): ReactElement {\n  const {\n    checked,\n    defaultChecked,\n    disabled = false,\n    id,\n    label,\n    name,\n    onCheckedChange,\n    className,\n    value,\n    \"aria-label\": ariaLabel,\n  } = props;\n  const isControlled = checked !== undefined;\n  const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked ?? false);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const checkedValue = isControlled ? checked === true : uncontrolledChecked;\n\n  useEffect(() => {\n    if (inputRef.current) inputRef.current.indeterminate = checked === \"indeterminate\";\n  }, [checked]);\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (checked === \"indeterminate\" && inputRef.current) {\n      inputRef.current.indeterminate = true;\n    }\n    if (!isControlled) setUncontrolledChecked(event.currentTarget.checked);\n    onCheckedChange?.(event.currentTarget.checked);\n  };\n\n  const input = (\n    <input\n      aria-checked={checked === \"indeterminate\" ? \"mixed\" : undefined}\n      aria-label={label === undefined ? ariaLabel : undefined}\n      aria-labelledby={label !== undefined ? `${id}-label` : undefined}\n      checked={isControlled ? checkedValue : undefined}\n      data-disabled={disabled ? \"\" : undefined}\n      data-state={\n        isControlled\n          ? checked === \"indeterminate\"\n            ? \"indeterminate\"\n            : checkedValue\n              ? \"checked\"\n              : \"unchecked\"\n          : undefined\n      }\n      defaultChecked={!isControlled ? defaultChecked : undefined}\n      disabled={disabled || undefined}\n      id={id}\n      name={name}\n      onChange={handleChange}\n      ref={inputRef}\n      type=\"checkbox\"\n      value={value}\n      {...(label === undefined ? { \"data-uiify-checkbox\": \"\" } : { \"data-part\": \"control\" })}\n    />\n  );\n\n  return label === undefined ? (\n    input\n  ) : (\n    <label className={className} data-uiify-checkbox=\"\" id={`${id}-label`}>\n      {input}\n      {label}\n    </label>\n  );\n}\nNativeCheckControl.displayName = \"NativeCheckControl\";\n"],"mappings":";AAqCI,cA8BA,YA9BA;AAnCJ,SAAS,WAAW,QAAQ,gBAAgB;AAIrC,SAAS,mBAAmB,OAA8C;AAC/E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,EAChB,IAAI;AACJ,QAAM,eAAe,YAAY;AACjC,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAS,kBAAkB,KAAK;AACtF,QAAM,WAAW,OAAgC,IAAI;AACrD,QAAM,eAAe,eAAe,YAAY,OAAO;AAEvD,YAAU,MAAM;AACd,QAAI,SAAS,QAAS,UAAS,QAAQ,gBAAgB,YAAY;AAAA,EACrE,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,eAAe,CAAC,UAAyC;AAC7D,QAAI,YAAY,mBAAmB,SAAS,SAAS;AACnD,eAAS,QAAQ,gBAAgB;AAAA,IACnC;AACA,QAAI,CAAC,aAAc,wBAAuB,MAAM,cAAc,OAAO;AACrE,sBAAkB,MAAM,cAAc,OAAO;AAAA,EAC/C;AAEA,QAAM,QACJ;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc,YAAY,kBAAkB,UAAU;AAAA,MACtD,cAAY,UAAU,SAAY,YAAY;AAAA,MAC9C,mBAAiB,UAAU,SAAY,GAAG,EAAE,WAAW;AAAA,MACvD,SAAS,eAAe,eAAe;AAAA,MACvC,iBAAe,WAAW,KAAK;AAAA,MAC/B,cACE,eACI,YAAY,kBACV,kBACA,eACE,YACA,cACJ;AAAA,MAEN,gBAAgB,CAAC,eAAe,iBAAiB;AAAA,MACjD,UAAU,YAAY;AAAA,MACtB;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAK;AAAA,MACL;AAAA,MACC,GAAI,UAAU,SAAY,EAAE,uBAAuB,GAAG,IAAI,EAAE,aAAa,UAAU;AAAA;AAAA,EACtF;AAGF,SAAO,UAAU,SACf,QAEA,qBAAC,WAAM,WAAsB,uBAAoB,IAAG,IAAI,GAAG,EAAE,UAC1D;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;AACA,mBAAmB,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/internal/native-check-control/NativeCheckControl.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport type { ChangeEvent, ReactElement } from \"react\";\nimport { useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { mergeRepeatedSlotProps, omitProps } from \"../../../core/slot-props.js\";\nimport type { NativeCheckControlProps } from \"./types.js\";\n\nexport function NativeCheckControl(props: NativeCheckControlProps): ReactElement {\n  const {\n    checked,\n    defaultChecked,\n    disabled = false,\n    id,\n    label,\n    name,\n    onCheckedChange,\n    className,\n    slotProps,\n    value,\n    \"aria-label\": ariaLabel,\n  } = props;\n  const isControlled = checked !== undefined;\n  const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked ?? false);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const inputProps = omitProps(slotProps?.input, [\n    \"aria-checked\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"checked\",\n    \"children\",\n    \"dangerouslySetInnerHTML\",\n    \"data-disabled\",\n    \"data-part\",\n    \"data-state\",\n    \"data-uiify-checkbox\",\n    \"defaultChecked\",\n    \"defaultValue\",\n    \"disabled\",\n    \"id\",\n    \"name\",\n    \"type\",\n    \"value\",\n  ]);\n  const labelProps = omitProps(mergeRepeatedSlotProps({ className }, slotProps?.label), [\n    \"children\",\n    \"dangerouslySetInnerHTML\",\n    \"data-uiify-checkbox\",\n    \"htmlFor\",\n    \"id\",\n  ]);\n  const mergedInputRef = useMergedRefs(inputProps.ref, inputRef);\n  const checkedValue = isControlled ? checked === true : uncontrolledChecked;\n\n  useEffect(() => {\n    if (inputRef.current) inputRef.current.indeterminate = checked === \"indeterminate\";\n  }, [checked]);\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (checked === \"indeterminate\" && inputRef.current) {\n      inputRef.current.indeterminate = true;\n    }\n    if (!isControlled) setUncontrolledChecked(event.currentTarget.checked);\n    onCheckedChange?.(event.currentTarget.checked);\n  };\n\n  const input = (\n    <input\n      {...inputProps}\n      aria-checked={checked === \"indeterminate\" ? \"mixed\" : undefined}\n      aria-label={label === undefined ? ariaLabel : undefined}\n      aria-labelledby={label !== undefined ? `${id}-label` : undefined}\n      checked={isControlled ? checkedValue : undefined}\n      data-disabled={disabled ? \"\" : undefined}\n      data-state={\n        isControlled\n          ? checked === \"indeterminate\"\n            ? \"indeterminate\"\n            : checkedValue\n              ? \"checked\"\n              : \"unchecked\"\n          : undefined\n      }\n      defaultChecked={!isControlled ? defaultChecked : undefined}\n      disabled={disabled || undefined}\n      id={id}\n      name={name}\n      onChange={composeEventHandlers(inputProps.onChange, handleChange)}\n      ref={mergedInputRef}\n      type=\"checkbox\"\n      value={value}\n      {...(label === undefined ? { \"data-uiify-checkbox\": \"\" } : { \"data-part\": \"control\" })}\n    />\n  );\n\n  return label === undefined ? (\n    input\n  ) : (\n    <label {...labelProps} data-uiify-checkbox=\"\" id={`${id}-label`}>\n      {input}\n      {label}\n    </label>\n  );\n}\nNativeCheckControl.displayName = \"NativeCheckControl\";\n"],"mappings":";AAoEI,cA+BA,YA/BA;AAlEJ,SAAS,WAAW,QAAQ,gBAAgB;AAE5C,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AACrC,SAAS,wBAAwB,iBAAiB;AAG3C,SAAS,mBAAmB,OAA8C;AAC/E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,EAChB,IAAI;AACJ,QAAM,eAAe,YAAY;AACjC,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAS,kBAAkB,KAAK;AACtF,QAAM,WAAW,OAAgC,IAAI;AACrD,QAAM,aAAa,UAAU,WAAW,OAAO;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,aAAa,UAAU,uBAAuB,EAAE,UAAU,GAAG,WAAW,KAAK,GAAG;AAAA,IACpF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,iBAAiB,cAAc,WAAW,KAAK,QAAQ;AAC7D,QAAM,eAAe,eAAe,YAAY,OAAO;AAEvD,YAAU,MAAM;AACd,QAAI,SAAS,QAAS,UAAS,QAAQ,gBAAgB,YAAY;AAAA,EACrE,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,eAAe,CAAC,UAAyC;AAC7D,QAAI,YAAY,mBAAmB,SAAS,SAAS;AACnD,eAAS,QAAQ,gBAAgB;AAAA,IACnC;AACA,QAAI,CAAC,aAAc,wBAAuB,MAAM,cAAc,OAAO;AACrE,sBAAkB,MAAM,cAAc,OAAO;AAAA,EAC/C;AAEA,QAAM,QACJ;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,gBAAc,YAAY,kBAAkB,UAAU;AAAA,MACtD,cAAY,UAAU,SAAY,YAAY;AAAA,MAC9C,mBAAiB,UAAU,SAAY,GAAG,EAAE,WAAW;AAAA,MACvD,SAAS,eAAe,eAAe;AAAA,MACvC,iBAAe,WAAW,KAAK;AAAA,MAC/B,cACE,eACI,YAAY,kBACV,kBACA,eACE,YACA,cACJ;AAAA,MAEN,gBAAgB,CAAC,eAAe,iBAAiB;AAAA,MACjD,UAAU,YAAY;AAAA,MACtB;AAAA,MACA;AAAA,MACA,UAAU,qBAAqB,WAAW,UAAU,YAAY;AAAA,MAChE,KAAK;AAAA,MACL,MAAK;AAAA,MACL;AAAA,MACC,GAAI,UAAU,SAAY,EAAE,uBAAuB,GAAG,IAAI,EAAE,aAAa,UAAU;AAAA;AAAA,EACtF;AAGF,SAAO,UAAU,SACf,QAEA,qBAAC,WAAO,GAAG,YAAY,uBAAoB,IAAG,IAAI,GAAG,EAAE,UACpD;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;AACA,mBAAmB,cAAc;","names":[]}