@gunkin/uiify 0.0.24-alpha → 0.0.26-alpha

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

@@ -1,17 +1,35 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createElement } from "react";
 import { useRenderElement } from "@gunkin/uiify/core/render";
+import { 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: {
+      "data-uiify-form-error-summary": "",
       ...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}`)) })
-      ] }),
-      "data-uiify-form-error-summary": ""
+        /* @__PURE__ */ jsx("h2", { "data-part": "title", ...slotProps?.title, children: title }),
+        /* @__PURE__ */ jsx("ul", { "data-part": "list", ...slotProps?.list, children: errors.map((error, index) => /* @__PURE__ */ createElement(
+          "li",
+          {
+            "data-part": "item",
+            ...resolveRepeatedSlotProps(slotProps?.item, error.href),
+            key: `${error.href}-${index}`
+          },
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              "data-part": "link",
+              href: error.href,
+              ...resolveRepeatedSlotProps(slotProps?.link, error.href),
+              children: error.message
+            }
+          )
+        )) })
+      ] })
     },
     render,
     state: {}

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 { 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      \"data-uiify-form-error-summary\": \"\",\n      ...consumerProps,\n      children: (\n        <>\n          <h2 data-part=\"title\" {...slotProps?.title}>\n            {title}\n          </h2>\n          <ul data-part=\"list\" {...slotProps?.list}>\n            {errors.map((error, index) => (\n              <li\n                data-part=\"item\"\n                {...resolveRepeatedSlotProps(slotProps?.item, error.href)}\n                key={`${error.href}-${index}`}\n              >\n                <a\n                  data-part=\"link\"\n                  href={error.href}\n                  {...resolveRepeatedSlotProps(slotProps?.link, error.href)}\n                >\n                  {error.message}\n                </a>\n              </li>\n            ))}\n          </ul>\n        </>\n      ),\n    },\n    render,\n    state: {},\n  });\n\n  return errors.length === 0 ? null : element;\n}\n\nFormErrorSummary.displayName = \"FormErrorSummary\";\n"],"mappings":"AAkBQ,mBACE,KADF;AAMM;AAvBd,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AAGlC,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,iCAAiC;AAAA,MACjC,GAAG;AAAA,MACH,UACE,iCACE;AAAA,4BAAC,QAAG,aAAU,SAAS,GAAG,WAAW,OAClC,iBACH;AAAA,QACA,oBAAC,QAAG,aAAU,QAAQ,GAAG,WAAW,MACjC,iBAAO,IAAI,CAAC,OAAO,UAClB;AAAA,UAAC;AAAA;AAAA,YACC,aAAU;AAAA,YACT,GAAG,yBAAyB,WAAW,MAAM,MAAM,IAAI;AAAA,YACxD,KAAK,GAAG,MAAM,IAAI,IAAI,KAAK;AAAA;AAAA,UAE3B;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,MAAM,MAAM;AAAA,cACX,GAAG,yBAAyB,WAAW,MAAM,MAAM,IAAI;AAAA,cAEvD,gBAAM;AAAA;AAAA,UACT;AAAA,QACF,CACD,GACH;AAAA,SACF;AAAA,IAEJ;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,21 @@
 import type { ElementType, ReactNode } from "react";
 import type { RenderableProps } from "@gunkin/uiify/core/render";
+import type { SlotProps, RepeatedSlotProps } from "../../core/slot-props.js";
 export interface FormErrorSummaryError {
     readonly href: string;
     readonly message: ReactNode;
 }
+export interface FormErrorSummarySlotProps {
+    readonly title?: SlotProps<"h2">;
+    readonly list?: SlotProps<"ul">;
+    /** Repeated error props may target an error by its stable href value. */
+    readonly item?: RepeatedSlotProps<SlotProps<"li">>;
+    readonly link?: RepeatedSlotProps<SlotProps<"a">>;
+}
 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>;
 //# 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,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7E,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAChC,yEAAyE;IACzE,QAAQ,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IACnD,QAAQ,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;CACnD;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/hover-card/HoverCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.d.ts","sourceRoot":"","sources":["../../../src/components/hover-card/HoverCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,WAAW,EAA4B,YAAY,EAAE,MAAM,OAAO,CAAC;AAehG,OAAO,KAAK,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAenG,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CA+B5E;yBA/Be,aAAa;;;AAkC7B,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACjE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CAkDrB;AAED,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC9D,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CA8ErB;AAED,eAAO,MAAM,SAAS;;;;CAIrB,CAAC"}
+{"version":3,"file":"HoverCard.d.ts","sourceRoot":"","sources":["../../../src/components/hover-card/HoverCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,WAAW,EAA4B,YAAY,EAAE,MAAM,OAAO,CAAC;AAehG,OAAO,KAAK,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAYnG,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CA6B5E;yBA7Be,aAAa;;;AA+B7B,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACjE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CAqDrB;AACD,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC9D,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CA6ErB;AACD,eAAO,MAAM,SAAS;;;;CAIrB,CAAC"}

package/dist/components/hover-card/HoverCard.js

@@ -61,13 +61,13 @@ function HoverCardTrigger(props) {
     as,
     defaultTag: "button",
     props: {
-      ...consumerProps,
-      ...createAnchorTriggerProps(anchorNameForId(anchorId)),
       ...consumerStyle ? { style: consumerStyle } : {},
       "aria-controls": contentId,
       "aria-expanded": open,
       ...nativeButton ? { type: "button", "data-uiify-button": "" } : {},
       ...className ? { className } : {},
+      ...createAnchorTriggerProps(anchorNameForId(anchorId)),
+      ...consumerProps,
       onBlur: composeEventHandlers(consumerOnBlur, (event) => {
         if (!event.currentTarget.contains(event.relatedTarget)) closeCard();
       }),
@@ -124,14 +124,7 @@ function HoverCardContent(props) {
     as,
     defaultTag: "div",
     props: {
-      ...domProps,
-      ...createAnchorPositionerProps({
-        align,
-        anchorName: anchorNameForId(anchorId),
-        side
-      }),
       ...consumerStyle ? { style: consumerStyle } : {},
-      ref: mergedRef,
       popover: "manual",
       // The consumer's own non-empty `id` wins; otherwise the context-generated id is used.
       id: resolvedId,
@@ -139,6 +132,13 @@ function HoverCardContent(props) {
       "data-uiify-hover-card": "",
       "data-state": open ? "open" : "closed",
       ...className ? { className } : {},
+      ...createAnchorPositionerProps({
+        align,
+        anchorName: anchorNameForId(anchorId),
+        side
+      }),
+      ...domProps,
+      ref: mergedRef,
       onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => {
         intent.clearCloseTimer();
       }),

package/dist/components/hover-card/HoverCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/hover-card/HoverCard.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport type { CSSProperties, ElementType, FocusEvent, PointerEvent, ReactElement } from \"react\";\nimport { useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport {\n  createAnchorPositionerProps,\n  createAnchorTriggerProps,\n  anchorNameForId,\n} from \"@gunkin/uiify/core/anchor-position\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport {\n  createPartContext,\n  splitRef,\n  useHoverOverlay,\n  type HoverIntentStore,\n} from \"@gunkin/uiify/core\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { HoverCardContentProps, HoverCardRootProps, HoverCardTriggerProps } from \"./types.js\";\n\ninterface HoverCardClientContextValue {\n  readonly anchorId: string;\n  readonly closeCard: () => void;\n  readonly contentId: string;\n  readonly intent: HoverIntentStore;\n  readonly open: boolean;\n  readonly openCard: (immediate?: boolean) => void;\n  readonly setContentId: (id: string) => void;\n}\n\nconst [HoverCardProvider, useHoverCardContext] =\n  createPartContext<HoverCardClientContextValue>(\"HoverCard\");\n\nexport function HoverCardRoot(props: HoverCardRootProps): ReactElement | null {\n  const {\n    children,\n    closeDelay = 300,\n    defaultOpen = false,\n    id,\n    onOpenChange,\n    open,\n    openDelay = 700,\n  } = props;\n  const overlay = useHoverOverlay({\n    closeDelay,\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(id !== undefined ? { id } : {}),\n    idPrefix: \"uiify-hover-card\",\n    ...(onOpenChange ? { onOpenChange } : {}),\n    ...(open !== undefined ? { open } : {}),\n    openDelay,\n  });\n\n  const contextValue: HoverCardClientContextValue = {\n    anchorId: overlay.anchorId,\n    closeCard: overlay.closeOverlay,\n    contentId: overlay.contentId,\n    intent: overlay.intent,\n    open: overlay.open,\n    openCard: overlay.openOverlay,\n    setContentId: overlay.setContentId,\n  };\n\n  return <HoverCardProvider value={contextValue}>{children}</HoverCardProvider>;\n}\nHoverCardRoot.displayName = \"HoverCardRoot\";\n\nexport function HoverCardTrigger<TAs extends ElementType = \"button\">(\n  props: HoverCardTriggerProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, ...consumerProps } = props as HoverCardTriggerProps<\"button\">;\n  const { anchorId, closeCard, contentId, intent, open, openCard } = useHoverCardContext(\"Trigger\");\n  const nativeButton = !as || as === \"button\";\n  const consumerStyle = (consumerProps as { style?: CSSProperties }).style;\n  const {\n    onBlur: consumerOnBlur,\n    onFocus: consumerOnFocus,\n    onPointerEnter: consumerOnPointerEnter,\n    onPointerLeave: consumerOnPointerLeave,\n  } = consumerProps as {\n    onBlur?: (event: FocusEvent<HTMLElement>) => void;\n    onFocus?: (event: FocusEvent<HTMLElement>) => void;\n    onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n    onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      ...createAnchorTriggerProps(anchorNameForId(anchorId)),\n      ...(consumerStyle ? { style: consumerStyle } : {}),\n      \"aria-controls\": contentId,\n      \"aria-expanded\": open,\n      ...(nativeButton ? { type: \"button\", \"data-uiify-button\": \"\" } : {}),\n      ...(className ? { className } : {}),\n      onBlur: composeEventHandlers(consumerOnBlur, (event: FocusEvent<HTMLElement>) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) closeCard();\n      }),\n      onFocus: composeEventHandlers(consumerOnFocus, () => {\n        openCard(true);\n      }),\n      onPointerEnter: composeEventHandlers(\n        consumerOnPointerEnter,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") openCard(false);\n        },\n      ),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") intent.scheduleClose(() => closeCard());\n        },\n      ),\n    },\n    render,\n    state: { open, positioning: \"native\" as const },\n  });\n}\n\nexport function HoverCardContent<TAs extends ElementType = \"div\">(\n  props: HoverCardContentProps<TAs>,\n): ReactElement | null {\n  const {\n    align = \"center\",\n    as,\n    render,\n    className,\n    side = \"bottom\",\n    ...consumerProps\n  } = props as HoverCardContentProps<\"div\">;\n  const { anchorId, closeCard, contentId, intent, open, setContentId } =\n    useHoverCardContext(\"Content\");\n  const [consumerRef, domProps] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const popupRef = useRef<HTMLElement | null>(null);\n  const mergedRef = useMergedRefs(popupRef, consumerRef);\n  const consumerDomProps = domProps as { id?: string; style?: CSSProperties };\n  const resolvedId =\n    typeof consumerDomProps.id === \"string\" && consumerDomProps.id.length > 0\n      ? consumerDomProps.id\n      : contentId;\n  const consumerStyle = consumerDomProps.style;\n\n  useIsomorphicLayoutEffect(() => {\n    setContentId(resolvedId);\n  }, [resolvedId, setContentId]);\n\n  // Same technique as core/use-popover.ts: guard with .matches(\":popover-open\")\n  // so a StrictMode double-invoke or an unrelated re-run doesn't call\n  // showPopover/hidePopover on a popover already in that state (both throw).\n  // try/catch covers the node having disconnected between render and effect.\n  useIsomorphicLayoutEffect(() => {\n    const popup = popupRef.current;\n    if (!popup) return;\n    try {\n      if (open && !popup.matches(\":popover-open\")) popup.showPopover();\n      if (!open && popup.matches(\":popover-open\")) popup.hidePopover();\n    } catch {\n      // The node may have disconnected between render and layout effect.\n    }\n  }, [open]);\n\n  const { onPointerEnter: consumerOnPointerEnter, onPointerLeave: consumerOnPointerLeave } =\n    domProps as {\n      onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n      onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n    };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...domProps,\n      ...createAnchorPositionerProps({\n        align,\n        anchorName: anchorNameForId(anchorId),\n        side,\n      }),\n      ...(consumerStyle ? { style: consumerStyle } : {}),\n      ref: mergedRef,\n      popover: \"manual\",\n      // The consumer's own non-empty `id` wins; otherwise the context-generated id is used.\n      id: resolvedId,\n      \"data-part\": \"content\",\n      \"data-uiify-hover-card\": \"\",\n      \"data-state\": open ? \"open\" : \"closed\",\n      ...(className ? { className } : {}),\n      onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => {\n        intent.clearCloseTimer();\n      }),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") intent.scheduleClose(() => closeCard());\n        },\n      ),\n    },\n    render,\n    state: { open, positioning: \"native\" as const },\n  });\n}\n\nexport const HoverCard = {\n  Content: HoverCardContent,\n  Root: HoverCardRoot,\n  Trigger: HoverCardTrigger,\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/hover-card/HoverCard.tsx"],"sourcesContent":["\"use client\";\nimport { useRef } from \"react\";\nimport type { CSSProperties, ElementType, FocusEvent, PointerEvent, ReactElement } from \"react\";\nimport { useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport {\n  createAnchorPositionerProps,\n  createAnchorTriggerProps,\n  anchorNameForId,\n} from \"@gunkin/uiify/core/anchor-position\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport {\n  createPartContext,\n  splitRef,\n  useHoverOverlay,\n  type HoverIntentStore,\n} from \"@gunkin/uiify/core\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { HoverCardContentProps, HoverCardRootProps, HoverCardTriggerProps } from \"./types.js\";\ninterface HoverCardClientContextValue {\n  readonly anchorId: string;\n  readonly closeCard: () => void;\n  readonly contentId: string;\n  readonly intent: HoverIntentStore;\n  readonly open: boolean;\n  readonly openCard: (immediate?: boolean) => void;\n  readonly setContentId: (id: string) => void;\n}\nconst [HoverCardProvider, useHoverCardContext] =\n  createPartContext<HoverCardClientContextValue>(\"HoverCard\");\nexport function HoverCardRoot(props: HoverCardRootProps): ReactElement | null {\n  const {\n    children,\n    closeDelay = 300,\n    defaultOpen = false,\n    id,\n    onOpenChange,\n    open,\n    openDelay = 700,\n  } = props;\n  const overlay = useHoverOverlay({\n    closeDelay,\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(id !== undefined ? { id } : {}),\n    idPrefix: \"uiify-hover-card\",\n    ...(onOpenChange ? { onOpenChange } : {}),\n    ...(open !== undefined ? { open } : {}),\n    openDelay,\n  });\n  const contextValue: HoverCardClientContextValue = {\n    anchorId: overlay.anchorId,\n    closeCard: overlay.closeOverlay,\n    contentId: overlay.contentId,\n    intent: overlay.intent,\n    open: overlay.open,\n    openCard: overlay.openOverlay,\n    setContentId: overlay.setContentId,\n  };\n  return <HoverCardProvider value={contextValue}>{children}</HoverCardProvider>;\n}\nHoverCardRoot.displayName = \"HoverCardRoot\";\nexport function HoverCardTrigger<TAs extends ElementType = \"button\">(\n  props: HoverCardTriggerProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, ...consumerProps } = props as HoverCardTriggerProps<\"button\">;\n  const { anchorId, closeCard, contentId, intent, open, openCard } = useHoverCardContext(\"Trigger\");\n  const nativeButton = !as || as === \"button\";\n  const consumerStyle = (\n    consumerProps as {\n      style?: CSSProperties;\n    }\n  ).style;\n  const {\n    onBlur: consumerOnBlur,\n    onFocus: consumerOnFocus,\n    onPointerEnter: consumerOnPointerEnter,\n    onPointerLeave: consumerOnPointerLeave,\n  } = consumerProps as {\n    onBlur?: (event: FocusEvent<HTMLElement>) => void;\n    onFocus?: (event: FocusEvent<HTMLElement>) => void;\n    onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n    onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n  };\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...(consumerStyle ? { style: consumerStyle } : {}),\n      \"aria-controls\": contentId,\n      \"aria-expanded\": open,\n      ...(nativeButton ? { type: \"button\", \"data-uiify-button\": \"\" } : {}),\n      ...(className ? { className } : {}),\n      ...createAnchorTriggerProps(anchorNameForId(anchorId)),\n      ...consumerProps,\n      onBlur: composeEventHandlers(consumerOnBlur, (event: FocusEvent<HTMLElement>) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) closeCard();\n      }),\n      onFocus: composeEventHandlers(consumerOnFocus, () => {\n        openCard(true);\n      }),\n      onPointerEnter: composeEventHandlers(\n        consumerOnPointerEnter,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") openCard(false);\n        },\n      ),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") intent.scheduleClose(() => closeCard());\n        },\n      ),\n    },\n    render,\n    state: { open, positioning: \"native\" as const },\n  });\n}\nexport function HoverCardContent<TAs extends ElementType = \"div\">(\n  props: HoverCardContentProps<TAs>,\n): ReactElement | null {\n  const {\n    align = \"center\",\n    as,\n    render,\n    className,\n    side = \"bottom\",\n    ...consumerProps\n  } = props as HoverCardContentProps<\"div\">;\n  const { anchorId, closeCard, contentId, intent, open, setContentId } =\n    useHoverCardContext(\"Content\");\n  const [consumerRef, domProps] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const popupRef = useRef<HTMLElement | null>(null);\n  const mergedRef = useMergedRefs(popupRef, consumerRef);\n  const consumerDomProps = domProps as {\n    id?: string;\n    style?: CSSProperties;\n  };\n  const resolvedId =\n    typeof consumerDomProps.id === \"string\" && consumerDomProps.id.length > 0\n      ? consumerDomProps.id\n      : contentId;\n  const consumerStyle = consumerDomProps.style;\n  useIsomorphicLayoutEffect(() => {\n    setContentId(resolvedId);\n  }, [resolvedId, setContentId]);\n  // Same technique as core/use-popover.ts: guard with .matches(\":popover-open\")\n  // so a StrictMode double-invoke or an unrelated re-run doesn't call\n  // showPopover/hidePopover on a popover already in that state (both throw).\n  // try/catch covers the node having disconnected between render and effect.\n  useIsomorphicLayoutEffect(() => {\n    const popup = popupRef.current;\n    if (!popup) return;\n    try {\n      if (open && !popup.matches(\":popover-open\")) popup.showPopover();\n      if (!open && popup.matches(\":popover-open\")) popup.hidePopover();\n    } catch {\n      // The node may have disconnected between render and layout effect.\n    }\n  }, [open]);\n  const { onPointerEnter: consumerOnPointerEnter, onPointerLeave: consumerOnPointerLeave } =\n    domProps as {\n      onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n      onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n    };\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...(consumerStyle ? { style: consumerStyle } : {}),\n      popover: \"manual\",\n      // The consumer's own non-empty `id` wins; otherwise the context-generated id is used.\n      id: resolvedId,\n      \"data-part\": \"content\",\n      \"data-uiify-hover-card\": \"\",\n      \"data-state\": open ? \"open\" : \"closed\",\n      ...(className ? { className } : {}),\n      ...createAnchorPositionerProps({\n        align,\n        anchorName: anchorNameForId(anchorId),\n        side,\n      }),\n      ...domProps,\n      ref: mergedRef,\n      onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => {\n        intent.clearCloseTimer();\n      }),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") intent.scheduleClose(() => closeCard());\n        },\n      ),\n    },\n    render,\n    state: { open, positioning: \"native\" as const },\n  });\n}\nexport const HoverCard = {\n  Content: HoverCardContent,\n  Root: HoverCardRoot,\n  Trigger: HoverCardTrigger,\n};\n"],"mappings":"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","names":[]}

package/dist/components/input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAkB,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,wBAAgB,KAAK,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EACrD,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,GACrB,YAAY,GAAG,IAAI,CA6CrB"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAkB,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,wBAAgB,KAAK,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EACrD,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,GACrB,YAAY,GAAG,IAAI,CA+CrB"}

package/dist/components/input/Input.js

@@ -10,6 +10,7 @@ function Input(props) {
     disabled = false,
     readOnly = false,
     invalid = false,
+    size,
     ...consumerProps
   } = props;
   const isControlled = value !== void 0;
@@ -23,6 +24,7 @@ function Input(props) {
     props: {
       ...consumerProps,
       "data-uiify-input": "",
+      ...size !== void 0 ? { "data-size": size } : {},
       "aria-invalid": invalid || void 0,
       "data-disabled": disabled ? "" : void 0,
       "data-readonly": readOnly ? "" : void 0,

package/dist/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import type { ElementType, ReactElement, SyntheticEvent } from \"react\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { InputProps } from \"./types.js\";\n\nexport function Input<TAs extends ElementType = \"input\">(\n  props: InputProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    value,\n    defaultValue,\n    onValueChange,\n    disabled = false,\n    readOnly = false,\n    invalid = false,\n    ...consumerProps\n  } = props as InputProps<\"input\">;\n\n  const isControlled = value !== undefined;\n\n  const handleChange = (event: SyntheticEvent<HTMLInputElement>): void => {\n    onValueChange?.(event.currentTarget.value);\n  };\n\n  const consumerOnChange = (\n    consumerProps as Record<string, unknown> & {\n      onChange?: (event: SyntheticEvent<HTMLInputElement>) => void;\n    }\n  ).onChange;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"input\",\n    props: {\n      ...consumerProps,\n      \"data-uiify-input\": \"\",\n      \"aria-invalid\": invalid || undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-readonly\": readOnly ? \"\" : undefined,\n      \"data-invalid\": invalid ? \"\" : undefined,\n      disabled: disabled || undefined,\n      readOnly: readOnly || undefined,\n      onChange: onValueChange\n        ? composeEventHandlers(consumerOnChange, handleChange)\n        : consumerOnChange,\n      ...(isControlled ? { value } : defaultValue !== undefined ? { defaultValue } : {}),\n    },\n    render,\n    state: { disabled, readOnly, invalid },\n  });\n}\n"],"mappings":"AACA,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAG1B,SAAS,MACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,UAAU;AAE/B,QAAM,eAAe,CAAC,UAAkD;AACtE,oBAAgB,MAAM,cAAc,KAAK;AAAA,EAC3C;AAEA,QAAM,mBACJ,cAGA;AAEF,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,oBAAoB;AAAA,MACpB,gBAAgB,WAAW;AAAA,MAC3B,iBAAiB,WAAW,KAAK;AAAA,MACjC,iBAAiB,WAAW,KAAK;AAAA,MACjC,gBAAgB,UAAU,KAAK;AAAA,MAC/B,UAAU,YAAY;AAAA,MACtB,UAAU,YAAY;AAAA,MACtB,UAAU,gBACN,qBAAqB,kBAAkB,YAAY,IACnD;AAAA,MACJ,GAAI,eAAe,EAAE,MAAM,IAAI,iBAAiB,SAAY,EAAE,aAAa,IAAI,CAAC;AAAA,IAClF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,UAAU,QAAQ;AAAA,EACvC,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import type { ElementType, ReactElement, SyntheticEvent } from \"react\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { InputProps } from \"./types.js\";\n\nexport function Input<TAs extends ElementType = \"input\">(\n  props: InputProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    value,\n    defaultValue,\n    onValueChange,\n    disabled = false,\n    readOnly = false,\n    invalid = false,\n    size,\n    ...consumerProps\n  } = props as InputProps<\"input\">;\n\n  const isControlled = value !== undefined;\n\n  const handleChange = (event: SyntheticEvent<HTMLInputElement>): void => {\n    onValueChange?.(event.currentTarget.value);\n  };\n\n  const consumerOnChange = (\n    consumerProps as Record<string, unknown> & {\n      onChange?: (event: SyntheticEvent<HTMLInputElement>) => void;\n    }\n  ).onChange;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"input\",\n    props: {\n      ...consumerProps,\n      \"data-uiify-input\": \"\",\n      ...(size !== undefined ? { \"data-size\": size } : {}),\n      \"aria-invalid\": invalid || undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-readonly\": readOnly ? \"\" : undefined,\n      \"data-invalid\": invalid ? \"\" : undefined,\n      disabled: disabled || undefined,\n      readOnly: readOnly || undefined,\n      onChange: onValueChange\n        ? composeEventHandlers(consumerOnChange, handleChange)\n        : consumerOnChange,\n      ...(isControlled ? { value } : defaultValue !== undefined ? { defaultValue } : {}),\n    },\n    render,\n    state: { disabled, readOnly, invalid },\n  });\n}\n"],"mappings":"AACA,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAG1B,SAAS,MACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,UAAU;AAE/B,QAAM,eAAe,CAAC,UAAkD;AACtE,oBAAgB,MAAM,cAAc,KAAK;AAAA,EAC3C;AAEA,QAAM,mBACJ,cAGA;AAEF,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,oBAAoB;AAAA,MACpB,GAAI,SAAS,SAAY,EAAE,aAAa,KAAK,IAAI,CAAC;AAAA,MAClD,gBAAgB,WAAW;AAAA,MAC3B,iBAAiB,WAAW,KAAK;AAAA,MACjC,iBAAiB,WAAW,KAAK;AAAA,MACjC,gBAAgB,UAAU,KAAK;AAAA,MAC/B,UAAU,YAAY;AAAA,MACtB,UAAU,YAAY;AAAA,MACtB,UAAU,gBACN,qBAAqB,kBAAkB,YAAY,IACnD;AAAA,MACJ,GAAI,eAAe,EAAE,MAAM,IAAI,iBAAiB,SAAY,EAAE,aAAa,IAAI,CAAC;AAAA,IAClF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,UAAU,QAAQ;AAAA,EACvC,CAAC;AACH;","names":[]}

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

@@ -1,5 +1,6 @@
 import type { ElementType } from "react";
 import type { RenderableProps } from "@gunkin/uiify/core/render";
+import type { ControlSize } from "../internal/control-size/types.js";
 export interface InputOwnProps {
     readonly value?: string;
     readonly defaultValue?: string;
@@ -7,6 +8,8 @@ export interface InputOwnProps {
     readonly disabled?: boolean;
     readonly readOnly?: boolean;
     readonly invalid?: boolean;
+    /** Sets the control's height and text size; `md` is the default. */
+    readonly size?: ControlSize;
 }
 export type InputProps<TAs extends ElementType = "input"> = RenderableProps<TAs, InputOwnProps, InputOwnProps, HTMLInputElement>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,IAAI,eAAe,CACzE,GAAG,EACH,aAAa,EACb,aAAa,EACb,gBAAgB,CACjB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAErE,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,oEAAoE;IACpE,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,MAAM,MAAM,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,IAAI,eAAe,CACzE,GAAG,EACH,aAAa,EACb,aAAa,EACb,gBAAgB,CACjB,CAAC"}

package/dist/components/input-group/InputGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../src/components/input-group/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAE5E,wBAAgB,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACxD,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAcrB;AAED,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,EAC9D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAerB"}
+{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../src/components/input-group/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAE5E,wBAAgB,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACxD,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAerB;AAED,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,EAC9D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAerB"}

package/dist/components/input-group/InputGroup.js

@@ -1,6 +1,6 @@
 import { useRenderElement } from "@gunkin/uiify/core/render";
 function InputGroup(props) {
-  const { as, render, children, ...consumerProps } = props;
+  const { as, render, children, size, ...consumerProps } = props;
   return useRenderElement({
     as,
     defaultTag: "div",
@@ -8,6 +8,7 @@ function InputGroup(props) {
       ...consumerProps,
       children,
       "data-part": "root",
+      ...size !== void 0 ? { "data-size": size } : {},
       "data-uiify-input-group": ""
     },
     render,

package/dist/components/input-group/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/input-group/InputGroup.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { InputGroupAddonProps, InputGroupRootProps } from \"./types.js\";\n\nexport function InputGroup<TAs extends ElementType = \"div\">(\n  props: InputGroupRootProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, ...consumerProps } = props as InputGroupRootProps<\"div\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      children,\n      \"data-part\": \"root\",\n      \"data-uiify-input-group\": \"\",\n    },\n    render,\n    state: {},\n  });\n}\n\nexport function InputGroupAddon<TAs extends ElementType = \"span\">(\n  props: InputGroupAddonProps<TAs>,\n): ReactElement | null {\n  const { as, render, align, children, ...consumerProps } = props as InputGroupAddonProps<\"span\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"span\",\n    props: {\n      ...consumerProps,\n      children,\n      \"data-align\": align,\n      \"data-part\": \"addon\",\n      \"data-uiify-input-group\": \"\",\n    },\n    render,\n    state: {},\n  });\n}\n"],"mappings":"AACA,SAAS,wBAAwB;AAG1B,SAAS,WACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,UAAU,GAAG,cAAc,IAAI;AACnD,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA,aAAa;AAAA,MACb,0BAA0B;AAAA,IAC5B;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,gBACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,OAAO,UAAU,GAAG,cAAc,IAAI;AAC1D,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA,cAAc;AAAA,MACd,aAAa;AAAA,MACb,0BAA0B;AAAA,IAC5B;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../src/components/input-group/InputGroup.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { InputGroupAddonProps, InputGroupRootProps } from \"./types.js\";\n\nexport function InputGroup<TAs extends ElementType = \"div\">(\n  props: InputGroupRootProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, size, ...consumerProps } = props as InputGroupRootProps<\"div\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      children,\n      \"data-part\": \"root\",\n      ...(size !== undefined ? { \"data-size\": size } : {}),\n      \"data-uiify-input-group\": \"\",\n    },\n    render,\n    state: {},\n  });\n}\n\nexport function InputGroupAddon<TAs extends ElementType = \"span\">(\n  props: InputGroupAddonProps<TAs>,\n): ReactElement | null {\n  const { as, render, align, children, ...consumerProps } = props as InputGroupAddonProps<\"span\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"span\",\n    props: {\n      ...consumerProps,\n      children,\n      \"data-align\": align,\n      \"data-part\": \"addon\",\n      \"data-uiify-input-group\": \"\",\n    },\n    render,\n    state: {},\n  });\n}\n"],"mappings":"AACA,SAAS,wBAAwB;AAG1B,SAAS,WACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,UAAU,MAAM,GAAG,cAAc,IAAI;AACzD,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA,aAAa;AAAA,MACb,GAAI,SAAS,SAAY,EAAE,aAAa,KAAK,IAAI,CAAC;AAAA,MAClD,0BAA0B;AAAA,IAC5B;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,gBACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,OAAO,UAAU,GAAG,cAAc,IAAI;AAC1D,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA,cAAc;AAAA,MACd,aAAa;AAAA,MACb,0BAA0B;AAAA,IAC5B;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;","names":[]}

package/dist/components/input-group/types.d.ts

@@ -1,7 +1,10 @@
 import type { ElementType, ReactNode } from "react";
 import type { RenderableProps } from "@gunkin/uiify/core/render";
+import type { ControlSize } from "../internal/control-size/types.js";
 export interface InputGroupRootOwnProps {
     readonly children?: ReactNode;
+    /** Sets the control's height and text size; `md` is the default. */
+    readonly size?: ControlSize;
 }
 export type InputGroupRootProps<TAs extends ElementType = "div"> = RenderableProps<TAs, InputGroupRootOwnProps, Record<string, never>, HTMLDivElement>;
 export interface InputGroupAddonOwnProps {

package/dist/components/input-group/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/input-group/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,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAChF,GAAG,EACH,sBAAsB,EACtB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,cAAc,CACf,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,IAAI,eAAe,CAClF,GAAG,EACH,uBAAuB,EACvB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,eAAe,CAChB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/input-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAErE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,oEAAoE;IACpE,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,MAAM,MAAM,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAChF,GAAG,EACH,sBAAsB,EACtB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,cAAc,CACf,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,IAAI,eAAe,CAClF,GAAG,EACH,uBAAuB,EACvB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,eAAe,CAChB,CAAC"}

package/dist/components/internal/chart-scrollbar/use-scrollbar-reserve.d.ts

@@ -1,4 +1,4 @@
-import { type RefObject } from "react";
+import { type CSSProperties, type RefObject } from "react";
 /**
  * Publishes the horizontal scrollbar thickness of a chart's
  * `[data-part="scroll-viewport"]` as `variable` on the chart element, so the
@@ -7,5 +7,5 @@ import { type RefObject } from "react";
  * candle row absorbs it, misaligning the value axis. Overlay scrollbars
  * measure 0. Read from ResizeObserver box sizes: no forced layout.
  */
-export declare function useScrollbarReserve(chartRef: RefObject<HTMLElement | null>, variable: `--${string}`): void;
+export declare function useScrollbarReserve(chartRef: RefObject<HTMLElement | null>, variable: `--${string}`, consumerStyle?: CSSProperties | undefined): void;
 //# sourceMappingURL=use-scrollbar-reserve.d.ts.map

package/dist/components/internal/chart-scrollbar/use-scrollbar-reserve.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-scrollbar-reserve.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/chart-scrollbar/use-scrollbar-reserve.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACvC,QAAQ,EAAE,KAAK,MAAM,EAAE,GACtB,IAAI,CAeN"}
+{"version":3,"file":"use-scrollbar-reserve.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/chart-scrollbar/use-scrollbar-reserve.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9E;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACvC,QAAQ,EAAE,KAAK,MAAM,EAAE,EACvB,aAAa,CAAC,EAAE,aAAa,GAAG,SAAS,GACxC,IAAI,CAuBN"}

package/dist/components/internal/chart-scrollbar/use-scrollbar-reserve.js

@@ -1,6 +1,8 @@
 "use client";
-import { useEffect } from "react";
-function useScrollbarReserve(chartRef, variable) {
+import { useEffect, useRef } from "react";
+function useScrollbarReserve(chartRef, variable, consumerStyle) {
+  const consumerStyleRef = useRef(consumerStyle);
+  consumerStyleRef.current = consumerStyle;
   useEffect(() => {
     const chart = chartRef.current;
     const scroller = chart?.querySelector('[data-part="scroll-viewport"]');
@@ -9,7 +11,13 @@ function useScrollbarReserve(chartRef, variable) {
       const border = entry?.borderBoxSize[0]?.blockSize;
       const content = entry?.contentBoxSize[0]?.blockSize;
       if (border === void 0 || content === void 0) return;
-      chart.style.setProperty(variable, `${Math.max(0, border - content)}px`);
+      const style = {
+        [variable]: `${Math.max(0, border - content)}px`,
+        ...consumerStyleRef.current
+      };
+      const value = style[variable];
+      if (value === void 0) chart.style.removeProperty(variable);
+      else chart.style.setProperty(variable, String(value));
     });
     observer.observe(scroller);
     return () => observer.disconnect();

package/dist/components/internal/chart-scrollbar/use-scrollbar-reserve.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/internal/chart-scrollbar/use-scrollbar-reserve.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, type RefObject } from \"react\";\n\n/**\n * Publishes the horizontal scrollbar thickness of a chart's\n * `[data-part=\"scroll-viewport\"]` as `variable` on the chart element, so the\n * plot grid can reserve that height below the time axis. A classic scrollbar\n * otherwise takes its height from the scroll viewport, and the flexible\n * candle row absorbs it, misaligning the value axis. Overlay scrollbars\n * measure 0. Read from ResizeObserver box sizes: no forced layout.\n */\nexport function useScrollbarReserve(\n  chartRef: RefObject<HTMLElement | null>,\n  variable: `--${string}`,\n): void {\n  useEffect(() => {\n    const chart = chartRef.current;\n    const scroller = chart?.querySelector<HTMLElement>('[data-part=\"scroll-viewport\"]');\n    if (!chart || !scroller || typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(([entry]) => {\n      const border = entry?.borderBoxSize[0]?.blockSize;\n      const content = entry?.contentBoxSize[0]?.blockSize;\n      if (border === undefined || content === undefined) return;\n      // The scroll viewport has no padding or border, so the difference is the scrollbar.\n      chart.style.setProperty(variable, `${Math.max(0, border - content)}px`);\n    });\n    observer.observe(scroller);\n    return () => observer.disconnect();\n  }, [chartRef, variable]);\n}\n"],"mappings":";AAEA,SAAS,iBAAiC;AAUnC,SAAS,oBACd,UACA,UACM;AACN,YAAU,MAAM;AACd,UAAM,QAAQ,SAAS;AACvB,UAAM,WAAW,OAAO,cAA2B,+BAA+B;AAClF,QAAI,CAAC,SAAS,CAAC,YAAY,OAAO,mBAAmB,YAAa;AAClE,UAAM,WAAW,IAAI,eAAe,CAAC,CAAC,KAAK,MAAM;AAC/C,YAAM,SAAS,OAAO,cAAc,CAAC,GAAG;AACxC,YAAM,UAAU,OAAO,eAAe,CAAC,GAAG;AAC1C,UAAI,WAAW,UAAa,YAAY,OAAW;AAEnD,YAAM,MAAM,YAAY,UAAU,GAAG,KAAK,IAAI,GAAG,SAAS,OAAO,CAAC,IAAI;AAAA,IACxE,CAAC;AACD,aAAS,QAAQ,QAAQ;AACzB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,UAAU,QAAQ,CAAC;AACzB;","names":[]}
+{"version":3,"sources":["../../../../src/components/internal/chart-scrollbar/use-scrollbar-reserve.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, type CSSProperties, type RefObject } from \"react\";\n\n/**\n * Publishes the horizontal scrollbar thickness of a chart's\n * `[data-part=\"scroll-viewport\"]` as `variable` on the chart element, so the\n * plot grid can reserve that height below the time axis. A classic scrollbar\n * otherwise takes its height from the scroll viewport, and the flexible\n * candle row absorbs it, misaligning the value axis. Overlay scrollbars\n * measure 0. Read from ResizeObserver box sizes: no forced layout.\n */\nexport function useScrollbarReserve(\n  chartRef: RefObject<HTMLElement | null>,\n  variable: `--${string}`,\n  consumerStyle?: CSSProperties | undefined,\n): void {\n  const consumerStyleRef = useRef(consumerStyle);\n  consumerStyleRef.current = consumerStyle;\n  useEffect(() => {\n    const chart = chartRef.current;\n    const scroller = chart?.querySelector<HTMLElement>('[data-part=\"scroll-viewport\"]');\n    if (!chart || !scroller || typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(([entry]) => {\n      const border = entry?.borderBoxSize[0]?.blockSize;\n      const content = entry?.contentBoxSize[0]?.blockSize;\n      if (border === undefined || content === undefined) return;\n      // The scroll viewport has no padding or border, so the difference is the scrollbar.\n      const style: CSSProperties & Record<`--${string}`, string | number | undefined> = {\n        [variable]: `${Math.max(0, border - content)}px`,\n        ...consumerStyleRef.current,\n      };\n      const value = style[variable];\n      if (value === undefined) chart.style.removeProperty(variable);\n      else chart.style.setProperty(variable, String(value));\n    });\n    observer.observe(scroller);\n    return () => observer.disconnect();\n  }, [chartRef, variable]);\n}\n"],"mappings":";AAEA,SAAS,WAAW,cAAkD;AAU/D,SAAS,oBACd,UACA,UACA,eACM;AACN,QAAM,mBAAmB,OAAO,aAAa;AAC7C,mBAAiB,UAAU;AAC3B,YAAU,MAAM;AACd,UAAM,QAAQ,SAAS;AACvB,UAAM,WAAW,OAAO,cAA2B,+BAA+B;AAClF,QAAI,CAAC,SAAS,CAAC,YAAY,OAAO,mBAAmB,YAAa;AAClE,UAAM,WAAW,IAAI,eAAe,CAAC,CAAC,KAAK,MAAM;AAC/C,YAAM,SAAS,OAAO,cAAc,CAAC,GAAG;AACxC,YAAM,UAAU,OAAO,eAAe,CAAC,GAAG;AAC1C,UAAI,WAAW,UAAa,YAAY,OAAW;AAEnD,YAAM,QAA4E;AAAA,QAChF,CAAC,QAAQ,GAAG,GAAG,KAAK,IAAI,GAAG,SAAS,OAAO,CAAC;AAAA,QAC5C,GAAG,iBAAiB;AAAA,MACtB;AACA,YAAM,QAAQ,MAAM,QAAQ;AAC5B,UAAI,UAAU,OAAW,OAAM,MAAM,eAAe,QAAQ;AAAA,UACvD,OAAM,MAAM,YAAY,UAAU,OAAO,KAAK,CAAC;AAAA,IACtD,CAAC;AACD,aAAS,QAAQ,QAAQ;AACzB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,UAAU,QAAQ,CAAC;AACzB;","names":[]}

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,CA4Ed;yBA9Ee,WAAW"}

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

@@ -1,5 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createElement } from "react";
+import { cn } from "../../../core/class-names.js";
+import { resolveRepeatedSlotProps } from "../../../core/slot-props.js";
 import {
   ChoiceGroup as ElementChoiceGroup,
   ChoiceItem as ElementChoiceItem
@@ -16,15 +18,18 @@ function ChoiceGroup(props) {
     name,
     orientation,
     className,
+    rootProps,
     itemPart = "item",
     labelPart = false,
     rootAttributes,
     labelAttributes,
     itemInputClassName,
+    slotProps,
     onItemChange,
     renderPanel,
     renderLabel,
-    append
+    append,
+    appendProps
   } = props;
   const groupName = name ?? getChoiceGroupName(id, kind);
   return /* @__PURE__ */ jsxs(
@@ -32,39 +37,47 @@ function ChoiceGroup(props) {
     {
       ...{ [`data-uiify-${namespace}`]: "" },
       ...rootAttributes,
+      ...rootProps,
       className,
       id,
       kind,
       orientation,
       children: [
         items.map((item) => {
-          const panel = renderPanel ? renderPanel(item) : void 0;
+          const inputSlotProps = resolveRepeatedSlotProps(slotProps?.input, item.value);
           return /* @__PURE__ */ createElement(
             ElementChoiceItem,
             {
-              ...panel === void 0 ? {} : { panel },
+              ...resolveRepeatedSlotProps(slotProps?.item, item.value),
+              ...renderPanel ? { panel: renderPanel(item) } : {},
               ...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: {
+                input: {
+                  "data-part": "control",
+                  ...kind === "single" ? { "data-uiify-radio": "" } : {},
+                  ...inputSlotProps,
+                  className: cn(inputSlotProps.className, itemInputClassName?.(item))
+                },
+                label: {
+                  ...labelAttributes,
+                  ...resolveRepeatedSlotProps(slotProps?.label, item.value)
+                },
+                panel: resolveRepeatedSlotProps(slotProps?.panel, item.value)
+              },
               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", { "data-part": "append", ...appendProps, 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 { cn } from \"../../../core/class-names.js\";\nimport { 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 { 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    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      {...{ [`data-uiify-${namespace}`]: \"\" }}\n      {...rootAttributes}\n      {...rootProps}\n      className={className}\n      id={id}\n      kind={kind}\n      orientation={orientation}\n    >\n      {items.map((item) => {\n        const inputSlotProps = resolveRepeatedSlotProps(slotProps?.input, item.value);\n        return (\n          <ElementChoiceItem\n            {...resolveRepeatedSlotProps(slotProps?.item, item.value)}\n            {...(renderPanel ? { panel: renderPanel(item) } : {})}\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              input: {\n                \"data-part\": \"control\",\n                ...(kind === \"single\" ? { \"data-uiify-radio\": \"\" } : {}),\n                ...inputSlotProps,\n                className: cn(inputSlotProps.className, itemInputClassName?.(item)),\n              },\n              label: {\n                ...labelAttributes,\n                ...resolveRepeatedSlotProps(slotProps?.label, item.value),\n              },\n              panel: resolveRepeatedSlotProps(slotProps?.panel, item.value),\n            }}\n            name={groupName}\n            {...(onItemChange ? { onValueChange: () => onItemChange(item) } : {})}\n            part={itemPart}\n            value={item.value}\n          />\n        );\n      })}\n      {append ? (\n        <div data-part=\"append\" {...appendProps}>\n          {append}\n        </div>\n      ) : null}\n    </ElementChoiceGroup>\n  );\n}\nChoiceGroup.displayName = \"ChoiceGroup\";\n"],"mappings":"AA4CI,SA2CI,KA3CJ;AAYM;AAvDV,SAAS,UAAU;AACnB,SAAS,gCAAgC;AACzC;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;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;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,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,cAAM,IAAI,CAAC,SAAS;AACnB,gBAAM,iBAAiB,yBAAyB,WAAW,OAAO,KAAK,KAAK;AAC5E,iBACE;AAAA,YAAC;AAAA;AAAA,cACE,GAAG,yBAAyB,WAAW,MAAM,KAAK,KAAK;AAAA,cACvD,GAAI,cAAc,EAAE,OAAO,YAAY,IAAI,EAAE,IAAI,CAAC;AAAA,cAClD,GAAI,eAAe,EAAE,SAAS,UAAU,IAAI,EAAE,IAAI,EAAE,gBAAgB,UAAU,IAAI,EAAE;AAAA,cACrF,UAAU,KAAK,YAAY;AAAA,cAC3B,SAAS;AAAA,cACT,KAAK,KAAK;AAAA,cACV;AAAA,cACA,OAAO,cAAc,YAAY,IAAI,IAAI,KAAK;AAAA,cAC9C,WAAW,YAAY,YAAY;AAAA,cACnC,WAAW;AAAA,gBACT,OAAO;AAAA,kBACL,aAAa;AAAA,kBACb,GAAI,SAAS,WAAW,EAAE,oBAAoB,GAAG,IAAI,CAAC;AAAA,kBACtD,GAAG;AAAA,kBACH,WAAW,GAAG,eAAe,WAAW,qBAAqB,IAAI,CAAC;AAAA,gBACpE;AAAA,gBACA,OAAO;AAAA,kBACL,GAAG;AAAA,kBACH,GAAG,yBAAyB,WAAW,OAAO,KAAK,KAAK;AAAA,gBAC1D;AAAA,gBACA,OAAO,yBAAyB,WAAW,OAAO,KAAK,KAAK;AAAA,cAC9D;AAAA,cACA,MAAM;AAAA,cACL,GAAI,eAAe,EAAE,eAAe,MAAM,aAAa,IAAI,EAAE,IAAI,CAAC;AAAA,cACnE,MAAM;AAAA,cACN,OAAO,KAAK;AAAA;AAAA,UACd;AAAA,QAEJ,CAAC;AAAA,QACA,SACC,oBAAC,SAAI,aAAU,UAAU,GAAG,aACzB,kBACH,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AACA,YAAY,cAAc;","names":[]}

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

@@ -1,4 +1,14 @@
-import type { ReactNode } from "react";
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { ConsumerDataAttributes, RepeatedSlotProps, SlotProps } from "../../../core/slot-props.js";
+import type { ChoiceInputSlotProps, ChoiceItemOwnProps, ChoiceLabelSlotProps, ChoicePanelSlotProps } from "../../../elements/choice/types.js";
+type ChoiceItemWrapperSlotProps = Omit<ComponentPropsWithRef<"div">, keyof ChoiceItemOwnProps | "children" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes;
+export interface ChoiceGroupSlotProps {
+    readonly item?: RepeatedSlotProps<ChoiceItemWrapperSlotProps> | undefined;
+    readonly input?: RepeatedSlotProps<ChoiceInputSlotProps> | undefined;
+    readonly label?: RepeatedSlotProps<ChoiceLabelSlotProps> | undefined;
+    readonly panel?: RepeatedSlotProps<ChoicePanelSlotProps> | undefined;
+}
+export type ChoiceOptionSlotProps = Omit<ChoiceGroupSlotProps, "panel">;
 export interface ChoiceItem {
     readonly value: string;
     readonly label: ReactNode;
@@ -8,6 +18,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 +33,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 +45,8 @@ 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;
+    /** 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 +56,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?: SlotProps<"div">;
 }
+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/control-size/types.d.ts

@@ -0,0 +1,3 @@
+/** Height and text scale shared by form controls; `md` is the default. */
+export type ControlSize = "sm" | "md" | "lg";
+//# sourceMappingURL=types.d.ts.map

package/dist/components/internal/control-size/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/control-size/types.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC"}

package/dist/components/internal/control-size/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/internal/control-size/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}