@gunkin/uiify 0.0.25-alpha → 0.0.26-alpha

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

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

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

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

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

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

package/dist/core/roving-focus.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/roving-focus.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useCallback, useContext, useRef, useSyncExternalStore } from \"react\";\nimport { useId, useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport type {\n  ElementType,\n  FocusEvent as ReactFocusEvent,\n  KeyboardEvent as ReactKeyboardEvent,\n  ReactElement,\n  Ref,\n} from \"react\";\nimport { composeEventHandlers } from \"./compose-event-handlers.js\";\nimport { useDirectionOverride, type Direction } from \"./direction.js\";\nimport { isComposingKeyEvent } from \"./ime.js\";\nimport type { RenderableProps } from \"./polymorphic.js\";\nimport {\n  createRovingFocusStore,\n  type RovingFocusOrientation,\n  type RovingFocusStore,\n} from \"./roving-focus-store.js\";\nimport { resolveDirection } from \"./text-direction.js\";\nimport { useRenderElement } from \"./use-render-element.js\";\n\nconst RovingFocusContext = createContext<RovingFocusStore | null>(null);\n\nexport interface RovingFocusRootOwnProps {\n  readonly direction?: Direction;\n  readonly loop?: boolean;\n  readonly orientation?: RovingFocusOrientation;\n}\n\nexport type RovingFocusRootProps<TAs extends ElementType = \"div\"> = RenderableProps<\n  TAs,\n  RovingFocusRootOwnProps,\n  { orientation: RovingFocusOrientation },\n  HTMLElement\n>;\n\nexport function RovingFocusRoot<TAs extends ElementType = \"div\">(\n  props: RovingFocusRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    direction: localDirection,\n    loop = true,\n    orientation = \"both\",\n    render,\n    ...consumerProps\n  } = props as RovingFocusRootProps<ElementType>;\n  const direction = useDirectionOverride(localDirection);\n  const storeRef = useRef<RovingFocusStore | null>(null);\n  storeRef.current ??= createRovingFocusStore({ direction, loop, orientation });\n  storeRef.current.updateConfig({ direction, loop, orientation });\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      ...(direction ? { dir: direction } : {}),\n      \"data-orientation\": orientation,\n    },\n    render,\n    state: { orientation },\n  });\n  return <RovingFocusContext value={storeRef.current}>{element}</RovingFocusContext>;\n}\nRovingFocusRoot.displayName = \"RovingFocusRoot\";\n\nexport interface RovingFocusItemOwnProps {\n  readonly ref?: Ref<HTMLElement>;\n  readonly disabled?: boolean;\n  readonly id?: string;\n  readonly textValue?: string;\n}\n\nexport type RovingFocusItemProps<TAs extends ElementType = \"div\"> = RenderableProps<\n  TAs,\n  RovingFocusItemOwnProps,\n  { current: boolean; disabled: boolean },\n  HTMLElement\n>;\n\nexport function RovingFocusItem<TAs extends ElementType = \"div\">(\n  props: RovingFocusItemProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    disabled = false,\n    id: providedId,\n    ref: consumerRef,\n    render,\n    textValue = \"\",\n    ...consumerProps\n  } = props as RovingFocusItemProps<ElementType> & { ref?: Ref<HTMLElement> };\n  const { onFocus: consumerOnFocus, onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onFocus?: (event: ReactFocusEvent<HTMLElement>) => void;\n    onKeyDown?: (event: ReactKeyboardEvent<HTMLElement>) => void;\n  };\n  const generatedId = useId();\n  const id = providedId ?? generatedId;\n  const store = useContext(RovingFocusContext);\n  if (!store) throw new Error(\"RovingFocusItem must be used inside RovingFocusRoot\");\n  const elementRef = useRef<HTMLElement | null>(null);\n  const current = useSyncExternalStore(\n    (listener) => store.subscribeItem(id, listener),\n    () => store.getCurrentId() === id,\n    () => false,\n  );\n  const setElement = useCallback(\n    (element: HTMLElement | null) => store.setElement(id, element),\n    [id, store],\n  );\n  const mergedRef = useMergedRefs(elementRef, consumerRef, setElement);\n\n  useIsomorphicLayoutEffect(\n    () =>\n      store.register({\n        disabled,\n        element: elementRef.current,\n        id,\n        textValue: textValue || elementRef.current?.textContent?.trim() || \"\",\n      }),\n    [id, store],\n  );\n  useIsomorphicLayoutEffect(() => {\n    store.updateItem(id, {\n      disabled,\n      textValue: textValue || elementRef.current?.textContent?.trim() || \"\",\n    });\n  }, [disabled, id, store, textValue]);\n\n  const nativeButton = as === \"button\";\n\n  const handleFocus = () => {\n    if (!disabled) store.setCurrentId(id);\n  };\n\n  const handleKeyDown = (event: ReactKeyboardEvent<HTMLElement>) => {\n    if (isComposingKeyEvent(event)) return;\n    if (event.key === \"Home\" || event.key === \"End\" || event.key.startsWith(\"Arrow\")) {\n      if (store.move(id, event.key, resolveDirection(event.currentTarget, store.getDirection()))) {\n        event.preventDefault();\n      }\n    } else if (event.key.length === 1 && !event.altKey && !event.ctrlKey && !event.metaKey) {\n      store.search(event.key);\n    }\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      id,\n      \"aria-disabled\": disabled || undefined,\n      \"data-current\": current ? \"\" : undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      ...(nativeButton ? { disabled: disabled || undefined } : {}),\n      onFocus: composeEventHandlers(consumerOnFocus, handleFocus),\n      onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n      ref: mergedRef,\n      tabIndex: current && !disabled ? 0 : -1,\n    },\n    render,\n    state: { current, disabled },\n  });\n}\n\nexport { createRovingFocusStore };\nexport type { RovingFocusOrientation, RovingFocusStore };\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/core/roving-focus.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useCallback, useContext, useRef, useSyncExternalStore } from \"react\";\nimport { useId, useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport type {\n  ElementType,\n  FocusEvent as ReactFocusEvent,\n  KeyboardEvent as ReactKeyboardEvent,\n  ReactElement,\n  Ref,\n} from \"react\";\nimport { composeEventHandlers } from \"./compose-event-handlers.js\";\nimport { useDirectionOverride, type Direction } from \"./direction.js\";\nimport { isComposingKeyEvent } from \"./ime.js\";\nimport type { RenderableProps } from \"./polymorphic.js\";\nimport {\n  createRovingFocusStore,\n  type RovingFocusOrientation,\n  type RovingFocusStore,\n} from \"./roving-focus-store.js\";\nimport { resolveDirection } from \"./text-direction.js\";\nimport { useRenderElement } from \"./use-render-element.js\";\nconst RovingFocusContext = createContext<RovingFocusStore | null>(null);\nexport interface RovingFocusRootOwnProps {\n  readonly direction?: Direction;\n  readonly loop?: boolean;\n  readonly orientation?: RovingFocusOrientation;\n}\nexport type RovingFocusRootProps<TAs extends ElementType = \"div\"> = RenderableProps<\n  TAs,\n  RovingFocusRootOwnProps,\n  {\n    orientation: RovingFocusOrientation;\n  },\n  HTMLElement\n>;\nexport function RovingFocusRoot<TAs extends ElementType = \"div\">(\n  props: RovingFocusRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    direction: localDirection,\n    loop = true,\n    orientation = \"both\",\n    render,\n    ...consumerProps\n  } = props as RovingFocusRootProps<ElementType>;\n  const direction = useDirectionOverride(localDirection);\n  const storeRef = useRef<RovingFocusStore | null>(null);\n  storeRef.current ??= createRovingFocusStore({ direction, loop, orientation });\n  storeRef.current.updateConfig({ direction, loop, orientation });\n  const element = useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...(direction ? { dir: direction } : {}),\n      \"data-orientation\": orientation,\n      ...consumerProps,\n    },\n    render,\n    state: { orientation },\n  });\n  return <RovingFocusContext value={storeRef.current}>{element}</RovingFocusContext>;\n}\nRovingFocusRoot.displayName = \"RovingFocusRoot\";\nexport interface RovingFocusItemOwnProps {\n  readonly ref?: Ref<HTMLElement> | undefined;\n  readonly disabled?: boolean;\n  readonly id?: string | undefined;\n  readonly textValue?: string;\n}\nexport type RovingFocusItemProps<TAs extends ElementType = \"div\"> = RenderableProps<\n  TAs,\n  RovingFocusItemOwnProps,\n  {\n    current: boolean;\n    disabled: boolean;\n  },\n  HTMLElement\n>;\nexport function RovingFocusItem<TAs extends ElementType = \"div\">(\n  props: RovingFocusItemProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    disabled = false,\n    ref: consumerRef,\n    render,\n    textValue = \"\",\n    ...consumerProps\n  } = props as RovingFocusItemProps<ElementType> & {\n    ref?: Ref<HTMLElement>;\n  };\n  const { onFocus: consumerOnFocus, onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onFocus?: (event: ReactFocusEvent<HTMLElement>) => void;\n    onKeyDown?: (event: ReactKeyboardEvent<HTMLElement>) => void;\n  };\n  const generatedId = useId();\n  const id = props.id ?? generatedId;\n  const store = useContext(RovingFocusContext);\n  if (!store) throw new Error(\"RovingFocusItem must be used inside RovingFocusRoot\");\n  const elementRef = useRef<HTMLElement | null>(null);\n  const current = useSyncExternalStore(\n    (listener) => store.subscribeItem(id, listener),\n    () => store.getCurrentId() === id,\n    () => false,\n  );\n  const setElement = useCallback(\n    (element: HTMLElement | null) => store.setElement(id, element),\n    [id, store],\n  );\n  const mergedRef = useMergedRefs(elementRef, consumerRef, setElement);\n  useIsomorphicLayoutEffect(\n    () =>\n      store.register({\n        disabled,\n        element: elementRef.current,\n        id,\n        textValue: textValue || elementRef.current?.textContent?.trim() || \"\",\n      }),\n    [id, store],\n  );\n  useIsomorphicLayoutEffect(() => {\n    store.updateItem(id, {\n      disabled,\n      textValue: textValue || elementRef.current?.textContent?.trim() || \"\",\n    });\n  }, [disabled, id, store, textValue]);\n  const nativeButton = as === \"button\";\n  const handleFocus = () => {\n    if (!disabled) store.setCurrentId(id);\n  };\n  const handleKeyDown = (event: ReactKeyboardEvent<HTMLElement>) => {\n    if (isComposingKeyEvent(event)) return;\n    if (event.key === \"Home\" || event.key === \"End\" || event.key.startsWith(\"Arrow\")) {\n      if (store.move(id, event.key, resolveDirection(event.currentTarget, store.getDirection()))) {\n        event.preventDefault();\n      }\n    } else if (event.key.length === 1 && !event.altKey && !event.ctrlKey && !event.metaKey) {\n      store.search(event.key);\n    }\n  };\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      id,\n      \"aria-disabled\": disabled || undefined,\n      \"data-current\": current ? \"\" : undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      ...(nativeButton ? { disabled: disabled || undefined } : {}),\n      tabIndex: current && !disabled ? 0 : -1,\n      ...consumerProps,\n      onFocus: composeEventHandlers(consumerOnFocus, handleFocus),\n      onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n      ref: mergedRef,\n    },\n    render,\n    state: { current, disabled },\n  });\n}\nexport { createRovingFocusStore };\nexport type { RovingFocusOrientation, RovingFocusStore };\n"],"mappings":";AA6DS;AA5DT,SAAS,eAAe,aAAa,YAAY,QAAQ,4BAA4B;AACrF,SAAS,OAAO,2BAA2B,qBAAqB;AAQhE,SAAS,4BAA4B;AACrC,SAAS,4BAA4C;AACrD,SAAS,2BAA2B;AAEpC;AAAA,EACE;AAAA,OAGK;AACP,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,MAAM,qBAAqB,cAAuC,IAAI;AAc/D,SAAS,gBACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,cAAc;AAAA,IACd;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,YAAY,qBAAqB,cAAc;AACrD,QAAM,WAAW,OAAgC,IAAI;AACrD,WAAS,YAAY,uBAAuB,EAAE,WAAW,MAAM,YAAY,CAAC;AAC5E,WAAS,QAAQ,aAAa,EAAE,WAAW,MAAM,YAAY,CAAC;AAC9D,QAAM,UAAU,iBAAiB;AAAA,IAC/B;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAI,YAAY,EAAE,KAAK,UAAU,IAAI,CAAC;AAAA,MACtC,oBAAoB;AAAA,MACpB,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO,EAAE,YAAY;AAAA,EACvB,CAAC;AACD,SAAO,oBAAC,sBAAmB,OAAO,SAAS,SAAU,mBAAQ;AAC/D;AACA,gBAAgB,cAAc;AAgBvB,SAAS,gBACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,KAAK;AAAA,IACL;AAAA,IACA,YAAY;AAAA,IACZ,GAAG;AAAA,EACL,IAAI;AAGJ,QAAM,EAAE,SAAS,iBAAiB,WAAW,kBAAkB,IAAI;AAInE,QAAM,cAAc,MAAM;AAC1B,QAAM,KAAK,MAAM,MAAM;AACvB,QAAM,QAAQ,WAAW,kBAAkB;AAC3C,MAAI,CAAC,MAAO,OAAM,IAAI,MAAM,qDAAqD;AACjF,QAAM,aAAa,OAA2B,IAAI;AAClD,QAAM,UAAU;AAAA,IACd,CAAC,aAAa,MAAM,cAAc,IAAI,QAAQ;AAAA,IAC9C,MAAM,MAAM,aAAa,MAAM;AAAA,IAC/B,MAAM;AAAA,EACR;AACA,QAAM,aAAa;AAAA,IACjB,CAAC,YAAgC,MAAM,WAAW,IAAI,OAAO;AAAA,IAC7D,CAAC,IAAI,KAAK;AAAA,EACZ;AACA,QAAM,YAAY,cAAc,YAAY,aAAa,UAAU;AACnE;AAAA,IACE,MACE,MAAM,SAAS;AAAA,MACb;AAAA,MACA,SAAS,WAAW;AAAA,MACpB;AAAA,MACA,WAAW,aAAa,WAAW,SAAS,aAAa,KAAK,KAAK;AAAA,IACrE,CAAC;AAAA,IACH,CAAC,IAAI,KAAK;AAAA,EACZ;AACA,4BAA0B,MAAM;AAC9B,UAAM,WAAW,IAAI;AAAA,MACnB;AAAA,MACA,WAAW,aAAa,WAAW,SAAS,aAAa,KAAK,KAAK;AAAA,IACrE,CAAC;AAAA,EACH,GAAG,CAAC,UAAU,IAAI,OAAO,SAAS,CAAC;AACnC,QAAM,eAAe,OAAO;AAC5B,QAAM,cAAc,MAAM;AACxB,QAAI,CAAC,SAAU,OAAM,aAAa,EAAE;AAAA,EACtC;AACA,QAAM,gBAAgB,CAAC,UAA2C;AAChE,QAAI,oBAAoB,KAAK,EAAG;AAChC,QAAI,MAAM,QAAQ,UAAU,MAAM,QAAQ,SAAS,MAAM,IAAI,WAAW,OAAO,GAAG;AAChF,UAAI,MAAM,KAAK,IAAI,MAAM,KAAK,iBAAiB,MAAM,eAAe,MAAM,aAAa,CAAC,CAAC,GAAG;AAC1F,cAAM,eAAe;AAAA,MACvB;AAAA,IACF,WAAW,MAAM,IAAI,WAAW,KAAK,CAAC,MAAM,UAAU,CAAC,MAAM,WAAW,CAAC,MAAM,SAAS;AACtF,YAAM,OAAO,MAAM,GAAG;AAAA,IACxB;AAAA,EACF;AACA,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA,iBAAiB,YAAY;AAAA,MAC7B,gBAAgB,UAAU,KAAK;AAAA,MAC/B,iBAAiB,WAAW,KAAK;AAAA,MACjC,GAAI,eAAe,EAAE,UAAU,YAAY,OAAU,IAAI,CAAC;AAAA,MAC1D,UAAU,WAAW,CAAC,WAAW,IAAI;AAAA,MACrC,GAAG;AAAA,MACH,SAAS,qBAAqB,iBAAiB,WAAW;AAAA,MAC1D,WAAW,qBAAqB,mBAAmB,aAAa;AAAA,MAChE,KAAK;AAAA,IACP;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS,SAAS;AAAA,EAC7B,CAAC;AACH;","names":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"slot-props.d.ts","sourceRoot":"","sources":["../../src/core/slot-props.ts"],"names":[],"mappings":"AAEA,iFAAiF;AACjF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CAC/E;AAOD;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAAC,MAAM,SAAS,MAAM,EAAE,UAAU,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAC7F,MAAM,EACN,UAAU,GAAG,yBAAyB,CACvC,GACC,UAAU,GAAG;IACX,QAAQ,CAAC,WAAW,CAAC,EAAE,QAAQ,CAC7B,MAAM,CACJ,MAAM,EACN,IAAI,CAAC,MAAM,EAAE,UAAU,GAAG,yBAAyB,CAAC,GAAG,sBAAsB,GAAG,UAAU,CAC3F,CACF,CAAC;CACH,GAAG,sBAAsB,CAAC;AAE7B,0FAA0F;AAC1F,wBAAgB,sBAAsB,CAAC,MAAM,SAAS,MAAM,EAC1D,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,GAC9B,MAAM,CA0CR;AAED,wBAAgB,wBAAwB,CAAC,MAAM,SAAS,MAAM,EAC5D,KAAK,EACD,CAAC,MAAM,GAAG;IACR,QAAQ,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACzD,CAAC,GACF,SAAS,EACb,SAAS,EAAE,MAAM,EACjB,aAAa,GAAE,SAAS,MAAM,EAAO,GACpC,MAAM,CAQR;AAED,gGAAgG;AAChG,wBAAgB,SAAS,CAAC,MAAM,SAAS,MAAM,EAC7C,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,WAAW,EAAE,SAAS,MAAM,EAAE,GAC7B,MAAM,CAIR"}
+{"version":3,"file":"slot-props.d.ts","sourceRoot":"","sources":["../../src/core/slot-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAO,MAAM,OAAO,CAAC;AAGrE,iFAAiF;AACjF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CAC/E;AAED;;;GAGG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,IAAI,IAAI,CACjD,qBAAqB,CAAC,CAAC,CAAC,EACxB,UAAU,GAAG,yBAAyB,CACvC,GACC,sBAAsB,CAAC;AAOzB;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAAC,MAAM,SAAS,MAAM,IAAI,MAAM,GAAG;IAC9D,QAAQ,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACzD,GAAG,sBAAsB,CAAC;AAE3B,0FAA0F;AAC1F,wBAAgB,sBAAsB,CAAC,MAAM,SAAS,MAAM,EAC1D,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,GAC9B,MAAM,CA0CR;AAED,wBAAgB,wBAAwB,CAAC,MAAM,SAAS,MAAM,EAC5D,KAAK,EAAE,iBAAiB,CAAC,MAAM,CAAC,GAAG,SAAS,EAC5C,SAAS,EAAE,MAAM,GAChB,MAAM,CAGR"}

package/dist/core/slot-props.js

@@ -1,9 +1,10 @@
+import { cn } from "./class-names.js";
 function mergeRepeatedSlotProps(common, byItemValue) {
   const commonRecord = common;
   const itemRecord = byItemValue;
   const merged = { ...commonRecord, ...itemRecord };
   if (commonRecord?.className !== void 0 || itemRecord?.className !== void 0) {
-    merged.className = [commonRecord?.className, itemRecord?.className].filter(Boolean).join(" ");
+    merged.className = cn(commonRecord?.className, itemRecord?.className);
   }
   if (commonRecord?.style !== void 0 || itemRecord?.style !== void 0) {
     merged.style = { ...commonRecord?.style, ...itemRecord?.style };
@@ -37,23 +38,12 @@ function mergeRepeatedSlotProps(common, byItemValue) {
   }
   return merged;
 }
-function resolveRepeatedSlotProps(props, itemValue, protectedKeys = []) {
+function resolveRepeatedSlotProps(props, itemValue) {
   const { byItemValue, ...common } = props ?? {};
-  const itemProps = byItemValue?.[itemValue];
-  return omitProps(mergeRepeatedSlotProps(common, itemProps), [
-    "children",
-    "dangerouslySetInnerHTML",
-    ...protectedKeys
-  ]);
-}
-function omitProps(props, omittedKeys) {
-  const result = { ...props };
-  for (const key of omittedKeys) delete result[key];
-  return result;
+  return mergeRepeatedSlotProps(common, byItemValue?.[itemValue]);
 }
 export {
   mergeRepeatedSlotProps,
-  omitProps,
   resolveRepeatedSlotProps
 };
 //# sourceMappingURL=slot-props.js.map

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

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

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

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

package/dist/elements/choice/Choice.js

@@ -1,10 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { choiceGroupName, choiceIds } from "./ids.js";
-function omitOwnedProps(props, keys) {
-  const result = { ...props };
-  for (const key of keys) delete result[key];
-  return result;
-}
 function ChoiceGroup(props) {
   const {
     children,
@@ -13,8 +8,7 @@ function ChoiceGroup(props) {
     orientation = "horizontal",
     ...consumerProps
   } = props;
-  const nativeProps = omitOwnedProps(consumerProps, ["children", "dangerouslySetInnerHTML"]);
-  return /* @__PURE__ */ jsx("div", { ...nativeProps, "data-orientation": orientation, "data-uiify-choice": "", children });
+  return /* @__PURE__ */ jsx("div", { "data-orientation": orientation, "data-uiify-choice": "", ...consumerProps, children });
 }
 ChoiceGroup.displayName = "ChoiceGroup";
 function ChoiceItem(props) {
@@ -35,45 +29,13 @@ function ChoiceItem(props) {
     ...consumerProps
   } = props;
   const isControlled = checked !== void 0;
-  const wrapperProps = omitOwnedProps(consumerProps, [
-    "children",
-    "dangerouslySetInnerHTML",
-    "data-part",
-    "data-uiify-choice"
-  ]);
-  const inputProps = omitOwnedProps(slotProps?.input, [
-    "children",
-    "dangerouslySetInnerHTML",
-    "aria-labelledby",
-    "checked",
-    "defaultChecked",
-    "disabled",
-    "id",
-    "name",
-    "type",
-    "value"
-  ]);
-  const labelProps = omitOwnedProps(slotProps?.label, [
-    "children",
-    "dangerouslySetInnerHTML",
-    "htmlFor",
-    "id",
-    "data-part"
-  ]);
-  const panelProps = omitOwnedProps(slotProps?.panel, [
-    "children",
-    "dangerouslySetInnerHTML",
-    "id",
-    "data-part"
-  ]);
   const { controlId, labelId, panelId } = choiceIds(groupId, value);
   const groupName = name ?? choiceGroupName(groupId, kind);
   const inputType = kind === "single" ? "radio" : "checkbox";
-  return /* @__PURE__ */ jsxs("div", { ...wrapperProps, "data-part": part, "data-uiify-choice": "", children: [
+  return /* @__PURE__ */ jsxs("div", { "data-part": part, "data-uiify-choice": "", ...consumerProps, children: [
     /* @__PURE__ */ jsx(
       "input",
       {
-        ...inputProps,
         "aria-labelledby": labelId,
         ...isControlled ? { checked } : { defaultChecked },
         disabled,
@@ -81,6 +43,7 @@ function ChoiceItem(props) {
         name: groupName,
         type: inputType,
         value,
+        ...slotProps?.input,
         ...onValueChange ? {
           onChange: (event) => {
             slotProps?.input?.onChange?.(event);
@@ -92,14 +55,14 @@ function ChoiceItem(props) {
     /* @__PURE__ */ jsx(
       "label",
       {
-        ...labelProps,
         htmlFor: controlId,
         id: labelId,
         ...labelPart ? { "data-part": labelPart === true ? "label" : labelPart } : {},
+        ...slotProps?.label,
         children: label
       }
     ),
-    panel === void 0 ? null : /* @__PURE__ */ jsx("div", { ...panelProps, "data-part": "panel", id: panelId, children: panel })
+    panel === void 0 ? null : /* @__PURE__ */ jsx("div", { "data-part": "panel", id: panelId, ...slotProps?.panel, children: panel })
   ] });
 }
 ChoiceItem.displayName = "ChoiceItem";

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

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

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

@@ -25,17 +25,10 @@ export interface ChoiceGroupOwnProps {
     readonly name?: string;
 }
 export type ChoiceGroupProps = ChoiceGroupOwnProps & Omit<ComponentPropsWithRef<"div">, keyof ChoiceGroupOwnProps | "dangerouslySetInnerHTML">;
-export type ChoiceInputSlotProps = Omit<ComponentPropsWithRef<"input">, "children" | "dangerouslySetInnerHTML" | "aria-labelledby" | "checked" | "defaultChecked" | "disabled" | "id" | "name" | "type" | "value" | "data-part" | "data-uiify-choice" | "data-uiify-radio"> & ConsumerDataAttributes & {
-    readonly "data-part"?: never;
-    readonly "data-uiify-choice"?: never;
-    readonly "data-uiify-radio"?: never;
-};
-export type ChoiceLabelSlotProps = Omit<ComponentPropsWithRef<"label">, "children" | "dangerouslySetInnerHTML" | "htmlFor" | "id" | "data-part"> & ConsumerDataAttributes & {
-    readonly "data-part"?: never;
-};
-export type ChoicePanelSlotProps = Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML" | "id" | "data-part"> & ConsumerDataAttributes & {
-    readonly "data-part"?: never;
-};
+/** Native props of the generated input; consumer values replace the defaults. */
+export type ChoiceInputSlotProps = Omit<ComponentPropsWithRef<"input">, "children" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes;
+export type ChoiceLabelSlotProps = Omit<ComponentPropsWithRef<"label">, "children" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes;
+export type ChoicePanelSlotProps = Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes;
 export interface ChoiceItemSlotProps {
     readonly input?: ChoiceInputSlotProps;
     readonly label?: ChoiceLabelSlotProps;

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

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

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

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

package/dist/elements/details/Details.js

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

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

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

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

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

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

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

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

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

package/dist/elements/dialog/Dialog.js

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

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

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

package/dist/elements/invoker/Invoker.js

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

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

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

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

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

package/dist/elements/popover/Popover.js

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