@gunkin/uiify 0.0.24-alpha → 0.0.26-alpha

package/agents/reference/components/table.md

@@ -131,6 +131,19 @@ Extends: `TableStickyCellOwnProps`
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
 | `rowId` | `string` | yes |  |
+| `slotProps` | `TableSelectionSlotProps` | no |  |
+
+### TableSelectAllOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `slotProps` | `TableSelectionSlotProps` | no |  |
+
+### TableClientColumnHeaderSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `sortButton` | `SlotProps<"button">` | no |  |
 
 ### TableClientRootOwnProps
 
@@ -186,6 +199,8 @@ Extends: `Omit<ComponentPropsWithRef<"tr">, "hidden" | "id">`
 - `TableHeaderProps<TAs>`: `RenderableProps<TAs, TableStickySectionOwnProps, Record<string, never>, HTMLTableSectionElement>`
 - `TableBodyProps<TAs>`: `RenderableProps<TAs, { readonly children?: ReactNode }, Record<string, never>, HTMLTableSectionElement>`
 - `TableRowProps<TAs>`: `RenderableProps<TAs, TableRowOwnProps, { selected: boolean }, HTMLTableRowElement>`
+- `TableSelectionSlotProps`: `NativeCheckControlSlotProps`
+- `TableClientColumnHeaderProps<TAs>`: `TableColumnHeaderProps<TAs> & { readonly slotProps?: TableClientColumnHeaderSlotProps; }`
 - `TableColumnHeaderProps<TAs>`: `RenderableProps<TAs, TableColumnHeaderOwnProps, Record<string, never>, HTMLTableCellElement>`
 - `TableCellProps<TAs>`: `RenderableProps<TAs, TableStickyCellOwnProps, Record<string, never>, HTMLTableCellElement>`
 - `TableCaptionProps<TAs>`: `RenderableProps<TAs, { readonly children?: ReactNode }, Record<string, never>, HTMLTableCaptionElement>`

package/agents/reference/components/tabs.md

@@ -15,7 +15,7 @@
 ## Exports
 
 - Runtime: `Tabs`
-- Types: `TabsItem`, `TabsProps`
+- Types: `TabsInputSlotProps`, `TabsItem`, `TabsItemSlotProps`, `TabsPanelSlotProps`, `TabsProps`, `TabsSlotProps`, `TabsTriggerSlotProps`
 
 ## Props and shapes
 
@@ -35,7 +35,17 @@ Extends: `ChoicePanelItem`
 
 No own members.
 
-### TabsProps
+### TabsSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `item` | `TabsItemSlotProps` | no |  |
+| `input` | `TabsInputSlotProps` | no |  |
+| `trigger` | `TabsTriggerSlotProps` | no |  |
+| `panel` | `TabsPanelSlotProps` | no |  |
+| `append` | `SlotProps<"div">` | no |  |
+
+### TabsOwnProps
 
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
@@ -43,5 +53,13 @@ No own members.
 | `items` | `readonly TabsItem[]` | yes |  |
 | `defaultValue` | `string` | no |  |
 | `orientation` | `ChoiceOrientation` | no |  |
-| `className` | `string` | no |  |
 | `append` | `ReactNode` | no | Optional control rendered at the end of the tab bar. |
+| `slotProps` | `TabsSlotProps` | no |  |
+
+## Other types
+
+- `TabsItemSlotProps`: `NonNullable<ChoiceGroupSlotProps["item"]>`
+- `TabsInputSlotProps`: `NonNullable<ChoiceGroupSlotProps["input"]>`
+- `TabsTriggerSlotProps`: `NonNullable<ChoiceGroupSlotProps["label"]>`
+- `TabsPanelSlotProps`: `NonNullable<ChoiceGroupSlotProps["panel"]>`
+- `TabsProps`: `TabsOwnProps & Omit<ComponentPropsWithRef<"div">, keyof TabsOwnProps | "children" | "dangerouslySetInnerHTML">`

package/agents/reference/components/tags-input.md

@@ -13,7 +13,7 @@
 ## Exports
 
 - Runtime: `TagsInput`, `TagsInputInput`, `TagsInputList`, `TagsInputRoot`, `TagsInputTag`, `TagsInputTagRemove`, `splitTags`
-- Types: `TagsInputInputOwnProps`, `TagsInputInputProps`, `TagsInputRootControlledOwnProps`, `TagsInputRootShellOwnProps`, `TagsInputRootShellProps`, `TagsInputRootProps`, `TagsInputTagOwnProps`, `TagsInputTagProps`, `TagsInputStore`
+- Types: `TagsInputInputOwnProps`, `TagsInputInputProps`, `TagsInputListOwnProps`, `TagsInputListSlotProps`, `TagsInputRootControlledOwnProps`, `TagsInputRootShellOwnProps`, `TagsInputRootShellProps`, `TagsInputRootProps`, `TagsInputTagOwnProps`, `TagsInputTagRemoveOwnProps`, `TagsInputTagProps`, `TagsInputStore`
 
 ## Props and shapes
 
@@ -55,6 +55,8 @@
 
 ### TagsInputRootShellOwnProps
 
+Extends: `Omit<ComponentPropsWithRef<"div">, "children" | "className" | "dangerouslySetInnerHTML">`, `ConsumerDataAttributes`
+
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
 | `className` | `string` | no |  |
@@ -98,12 +100,22 @@ Extends: `TagsInputRootShellOwnProps`, `TagsInputRootControlledOwnProps`
 | `className` | `string` | no |  |
 | `placeholder` | `string` | no |  |
 
+### TagsInputListSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `input` | `SlotProps<"li">` | no |  |
+| `tag` | `SlotProps<"li"> & { readonly byItemIndex?: Readonly<Record<number, SlotProps<"li">>>; }` | no |  |
+
 ### TagsInputListOwnProps
 
+Extends: `Omit<ComponentPropsWithRef<"ul">, "children" | "className" | "dangerouslySetInnerHTML">`, `ConsumerDataAttributes`
+
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
 | `children` | `ReactNode` | no |  |
 | `className` | `string` | no |  |
+| `slotProps` | `TagsInputListSlotProps` | no |  |
 
 ### TagsInputTagOwnProps
 
@@ -116,6 +128,8 @@ Extends: `TagsInputRootShellOwnProps`, `TagsInputRootControlledOwnProps`
 
 ### TagsInputTagRemoveOwnProps
 
+Extends: `ComponentPropsWithRef<"button">`, `ConsumerDataAttributes`
+
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
 | `className` | `string` | no |  |

package/agents/reference/components/toast.md

@@ -13,7 +13,7 @@
 ## Exports
 
 - Runtime: `Toast`, `ToastAction`, `ToastClose`, `ToastDescription`, `ToastProvider`, `ToastRoot`, `ToastTitle`, `ToastViewport`, `useToast`
-- Types: `ToastActionOwnProps`, `ToastActionProps`, `ToastCloseOwnProps`, `ToastCloseProps`, `ToastLabels`, `ToastDescriptionOwnProps`, `ToastProviderOwnProps`, `ToastRootOwnProps`, `ToastTitleOwnProps`, `ToastViewportOwnProps`, `ToastInput`, `ToastPriority`, `ToastRecord`, `ToastStore`
+- Types: `ToastActionOwnProps`, `ToastActionProps`, `ToastCloseOwnProps`, `ToastCloseProps`, `ToastLabels`, `ToastProviderSlotProps`, `ToastRootSlotProps`, `ToastViewportSlotProps`, `ToastItemSlotProps`, `ToastTitleSlotProps`, `ToastDescriptionSlotProps`, `ToastActionSlotProps`, `ToastCloseSlotProps`, `ToastDescriptionOwnProps`, `ToastProviderOwnProps`, `ToastRootOwnProps`, `ToastTitleOwnProps`, `ToastViewportOwnProps`, `ToastInput`, `ToastPriority`, `ToastRecord`, `ToastStore`
 
 ## Values
 
@@ -96,6 +96,30 @@
 | `store` | `ToastStore` | yes |  |
 | `labels` | `ToastLabels` | yes |  |
 
+### ToastRootSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `title` | `ToastTitleSlotProps` | no |  |
+| `description` | `ToastDescriptionSlotProps` | no |  |
+| `action` | `ToastActionSlotProps` | no |  |
+| `close` | `ToastCloseSlotProps` | no |  |
+
+### ToastViewportSlotProps
+
+Extends: `ToastRootSlotProps`
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `item` | `ToastItemSlotProps` | no |  |
+
+### ToastProviderSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `politeLiveRegion` | `SlotProps<"span">` | no |  |
+| `assertiveLiveRegion` | `SlotProps<"span">` | no |  |
+
 ### ToastProviderOwnProps
 
 | Member | Type | Required | Description |
@@ -103,45 +127,50 @@
 | `children` | `ReactNode` | no |  |
 | `labels` | `Partial<ToastLabels>` | no |  |
 | `limit` | `number` | no |  |
+| `slotProps` | `ToastProviderSlotProps` | no |  |
 
 ### ToastViewportOwnProps
 
+Extends: `Omit<ComponentPropsWithRef<"section">, "dangerouslySetInnerHTML">`, `ConsumerDataAttributes`
+
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
-| `"aria-label"` | `string` | no |  |
-| `children` | `ReactNode` | no |  |
-| `className` | `string` | no |  |
 | `labels` | `Partial<ToastLabels>` | no |  |
-| `popover` | `"manual"` | no | Set by the live client viewport (@gunkin/uiify/components/toast/Toast.js) to `"manual"` so the queue's rendered surface sits in the top layer. The structural shell (this file's own re-exported ToastViewport, used directly by "Toast server shell" tests and any no-JS render) leaves it unset, since there is no queue-driven show/hide to wire up there. |
-| `ref` | `Ref<HTMLElement>` | no |  |
+| `slotProps` | `ToastViewportSlotProps` | no |  |
 
 ### ToastRootOwnProps
 
+Extends: `Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML">`, `ConsumerDataAttributes`
+
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
 | `labels` | `Partial<ToastLabels>` | no |  |
+| `slotProps` | `ToastRootSlotProps` | no |  |
 | `toast` | `ToastRecord` | yes |  |
 
 ### ToastTitleOwnProps
 
+Extends: `Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML">`
+
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
 | `children` | `ReactNode` | no |  |
-| `className` | `string` | no |  |
 
 ### ToastDescriptionOwnProps
 
+Extends: `Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML">`
+
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
 | `children` | `ReactNode` | no |  |
-| `className` | `string` | no |  |
 
 ### ToastActionOwnProps
 
+Extends: `Omit<ComponentPropsWithRef<"button">, "children" | "dangerouslySetInnerHTML">`
+
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
 | `children` | `ReactNode` | no |  |
-| `className` | `string` | no |  |
 
 ### ToastActionProps
 
@@ -149,14 +178,15 @@ Extends: `ToastActionOwnProps`
 
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
-| `onClick` | `(event: MouseEvent<HTMLButtonElement>) => void` | no |  |
+| `onClick` | `((event: MouseEvent<HTMLButtonElement>) => void) \| undefined` | no |  |
 
 ### ToastCloseOwnProps
 
+Extends: `Omit<ComponentPropsWithRef<"button">, "children" | "dangerouslySetInnerHTML">`
+
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
 | `children` | `ReactNode` | no |  |
-| `className` | `string` | no |  |
 | `labels` | `Partial<ToastLabels>` | no |  |
 
 ### ToastCloseProps
@@ -165,4 +195,12 @@ Extends: `ToastCloseOwnProps`
 
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
-| `onClick` | `(event: MouseEvent<HTMLButtonElement>) => void` | no |  |
+| `onClick` | `((event: MouseEvent<HTMLButtonElement>) => void) \| undefined` | no |  |
+
+## Other types
+
+- `ToastItemSlotProps`: `RepeatedSlotProps<SlotProps<"div">>`
+- `ToastTitleSlotProps`: `RepeatedSlotProps<SlotProps<"div">>`
+- `ToastDescriptionSlotProps`: `ToastTitleSlotProps`
+- `ToastActionSlotProps`: `RepeatedSlotProps<SlotProps<"button">>`
+- `ToastCloseSlotProps`: `RepeatedSlotProps<SlotProps<"button">>`

package/agents/reference/components/toggle-group.md

@@ -15,12 +15,14 @@
 ## Exports
 
 - Runtime: `ToggleGroup`
-- Types: `ToggleGroupClientProps`, `ToggleGroupItem`, `ToggleGroupProps`
+- Types: `ToggleGroupClientProps`, `ToggleGroupItem`, `ToggleGroupProps`, `ToggleGroupSlotProps`
 
 ## Props and shapes
 
 ### ToggleGroupProps
 
+Extends: `ChoiceGroupRootProps`
+
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
 | `id` | `string` | yes |  |
@@ -31,8 +33,7 @@
 | `orientation` | `ChoiceOrientation` | no |  |
 | `size` | `"sm" \| "md" \| "lg"` | no | Button size of each item; `md` metrics when omitted. |
 | `className` | `string` | no |  |
-| `"aria-label"` | `string` | no |  |
-| `"aria-labelledby"` | `string` | no |  |
+| `slotProps` | `ToggleGroupSlotProps` | no |  |
 
 ### ToggleGroupClientProps
 
@@ -45,6 +46,7 @@ Extends: `ToggleGroupProps`
 
 ## Other types
 
+- `ToggleGroupSlotProps`: `ChoiceOptionSlotProps`
 - `ToggleGroupItem`: `ChoiceItem`
 
 ## Sub-entries

package/agents/reference/components/toggle.md

@@ -14,11 +14,18 @@
 ## Exports
 
 - Runtime: `Toggle`
-- Types: `ToggleProps`
+- Types: `ToggleControlSlotProps`, `ToggleLabelSlotProps`, `ToggleProps`, `ToggleSlotProps`
 
 ## Props and shapes
 
-### ToggleProps
+### ToggleSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `control` | `ToggleControlSlotProps` | no |  |
+| `label` | `ToggleLabelSlotProps` | no |  |
+
+### ToggleOwnProps
 
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
@@ -26,5 +33,12 @@
 | `label` | `ReactNode` | yes |  |
 | `pressed` | `boolean` | no |  |
 | `defaultPressed` | `boolean` | no |  |
+| `onPressedChange` | `(pressed: boolean) => void` | no |  |
 | `disabled` | `boolean` | no |  |
-| `className` | `string` | no |  |
+| `slotProps` | `ToggleSlotProps` | no |  |
+
+## Other types
+
+- `ToggleControlSlotProps`: `SlotProps<"input">`
+- `ToggleLabelSlotProps`: `SlotProps<"label">`
+- `ToggleProps`: `ToggleOwnProps & Omit<ComponentPropsWithRef<"div">, keyof ToggleOwnProps | "children" | "dangerouslySetInnerHTML" | "id">`

package/agents/reference/components/toolbar.md

@@ -27,7 +27,7 @@
 
 ### ToolbarRootProps
 
-Extends: `ToolbarRootOwnProps`, `Omit<HTMLAttributes<HTMLDivElement>, keyof ToolbarRootOwnProps>`
+Extends: `ToolbarRootOwnProps`, `Omit<ComponentPropsWithRef<"div">, keyof ToolbarRootOwnProps>`
 
 No own members.
 
@@ -42,7 +42,7 @@ No own members.
 
 ### ToolbarButtonProps
 
-Extends: `ToolbarButtonOwnProps`, `Omit<HTMLAttributes<HTMLButtonElement>, keyof ToolbarButtonOwnProps | "disabled">`
+Extends: `ToolbarButtonOwnProps`, `Omit<ComponentPropsWithRef<"button">, keyof ToolbarButtonOwnProps | "disabled">`
 
 No own members.
 
@@ -56,7 +56,7 @@ No own members.
 
 ### ToolbarLinkProps
 
-Extends: `ToolbarLinkOwnProps`, `Omit<HTMLAttributes<HTMLAnchorElement>, keyof ToolbarLinkOwnProps | "href">`
+Extends: `ToolbarLinkOwnProps`, `Omit<ComponentPropsWithRef<"a">, keyof ToolbarLinkOwnProps | "href">`
 
 No own members.
 
@@ -69,5 +69,5 @@ No own members.
 
 ## Other types
 
-- `ToolbarSeparatorProps`: `ToolbarSeparatorOwnProps & Omit<HTMLAttributes<HTMLHRElement>, keyof ToolbarSeparatorOwnProps>`
+- `ToolbarSeparatorProps`: `ToolbarSeparatorOwnProps & Omit<ComponentPropsWithRef<"hr">, keyof ToolbarSeparatorOwnProps>`
 - `ToolbarToggleGroupProps`: `ToggleGroupProps`

package/agents/reference/components/virtual-scroll.md

@@ -13,7 +13,7 @@
 ## Exports
 
 - Runtime: `VirtualScroll`, `VIRTUAL_SCROLL_ANCHOR_THRESHOLD`, `VIRTUAL_SCROLL_OVERSCAN`, `VIRTUAL_SCROLL_ROW_HEIGHT`, `VIRTUAL_SCROLL_SCROLL_RESET_DELAY`
-- Types: `VirtualScrollAnchor`, `VirtualScrollHandle`, `VirtualScrollItem`, `VirtualScrollListRole`, `VirtualScrollOrientation`, `VirtualScrollOwnProps`, `VirtualScrollRangeChange`, `VirtualScrollRowSlot`, `VirtualScrollScrollAlign`, `VirtualScrollScrollBehavior`, `VirtualScrollScrollBehaviorOptions`, `VirtualScrollScrollState`, `VirtualScrollScrollToIndexOptions`
+- Types: `VirtualScrollAnchor`, `VirtualScrollHandle`, `VirtualScrollItem`, `VirtualScrollListRole`, `VirtualScrollOrientation`, `VirtualScrollOwnProps`, `VirtualScrollRangeChange`, `VirtualScrollRowSlot`, `VirtualScrollRowSlotProps`, `VirtualScrollScrollAlign`, `VirtualScrollScrollBehavior`, `VirtualScrollScrollBehaviorOptions`, `VirtualScrollScrollState`, `VirtualScrollScrollToIndexOptions`, `VirtualScrollSpacerSlotProps`, `VirtualScrollSlotProps`
 
 ## Values
 
@@ -31,6 +31,13 @@
 | --- | --- | --- | --- |
 | `id` | `string` | yes |  |
 
+### VirtualScrollSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `row` | `VirtualScrollRowSlotProps` | no |  |
+| `spacer` | `VirtualScrollSpacerSlotProps` | no |  |
+
 ### VirtualScrollScrollBehaviorOptions
 
 | Member | Type | Required | Description |
@@ -71,26 +78,42 @@ Extends: `VirtualScrollScrollBehaviorOptions`
 
 ### VirtualScrollOwnProps
 
-Extends: `Omit<ComponentPropsWithoutRef<"div">, "children" | "role">`
+Extends: `Omit<ComponentPropsWithoutRef<"div">, "children">`, `ConsumerDataAttributes`
 
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
+| `ref` | `Ref<HTMLDivElement>` | no |  |
 | `items` | `readonly T[]` | yes |  |
 | `height` | `number` | no | Scrollport height; also the viewport extent used before the first resize measurement. |
 | `rowHeight` | `number` | no | Fixed item size along the scroll axis — row height when vertical, item width when horizontal. |
 | `orientation` | `VirtualScrollOrientation` | no |  |
 | `overscan` | `number` | no |  |
-| `className` | `string` | no |  |
+| `className` | `string \| undefined` | no |  |
 | `testId` | `string` | no |  |
 | `renderRow` | `(item: T, index: number) => ReactNode` | yes |  |
 | `scrollRef` | `Ref<VirtualScrollHandle>` | no |  |
 | `estimateRowHeight` | `(index: number) => number` | no |  |
 | `onRangeChange` | `(range: VirtualScrollRangeChange) => void` | no |  |
-| `role` | `VirtualScrollListRole` | no |  |
 | `anchor` | `VirtualScrollAnchor` | no |  |
 | `followAppend` | `boolean \| "smooth"` | no |  |
 | `onScrollStateChange` | `(state: VirtualScrollScrollState) => void` | no |  |
 | `isScrollingResetDelay` | `number` | no |  |
+| `slotProps` | `VirtualScrollSlotProps` | no |  |
+
+### VirtualScrollRowShellProps
+
+Extends: `SlotProps<"div">`
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | yes |  |
+| `dynamicLayout` | `boolean` | yes |  |
+| `index` | `number` | yes |  |
+| `itemCount` | `number` | yes |  |
+| `listRole` | `VirtualScrollListRole` | yes |  |
+| `rowOffset` | `number` | no |  |
+| `rowHeight` | `number` | no |  |
+| `slotIndex` | `number` | yes |  |
 
 ### VirtualScrollRowSlot
 
@@ -99,3 +122,8 @@ Extends: `Omit<ComponentPropsWithoutRef<"div">, "children" | "role">`
 | `slotIndex` | `number` | yes |  |
 | `index` | `number` | yes |  |
 | `item` | `T \| null` | yes |  |
+
+## Other types
+
+- `VirtualScrollRowSlotProps`: `RepeatedSlotProps<SlotProps<"div">> & { readonly byItemIndex?: Readonly<Record<number, SlotProps<"div">>>; }`
+- `VirtualScrollSpacerSlotProps`: `SlotProps<"div">`

package/agents/reference/elements/choice.md

@@ -10,7 +10,7 @@
 ## Exports
 
 - Runtime: `Choice`, `ChoiceGroup`, `ChoiceItem`, `choiceGroupName`, `choiceIds`
-- Types: `ChoiceGroupOwnProps`, `ChoiceGroupProps`, `ChoiceItemOwnProps`, `ChoiceItemProps`, `ChoiceKind`, `ChoiceOrientation`
+- Types: `ChoiceGroupOwnProps`, `ChoiceGroupProps`, `ChoiceInputSlotProps`, `ChoiceItemOwnProps`, `ChoiceItemProps`, `ChoiceItemSlotProps`, `ChoiceKind`, `ChoiceLabelSlotProps`, `ChoiceOrientation`, `ChoicePanelSlotProps`
 
 ## Values
 
@@ -19,6 +19,10 @@
 
 ## Props and shapes
 
+### ConsumerDataAttributes
+
+No own members.
+
 ### ChoiceGroupOwnProps
 
 | Member | Type | Required | Description |
@@ -29,6 +33,14 @@
 | `orientation` | `ChoiceOrientation` | no |  |
 | `name` | `string` | no | Documents the derived `choiceGroupName(id, kind)` override every child `Choice.Item` should also receive as its own `name` — not read by `Choice.Group` itself (there is nowhere to inject it to without context), but declaring it here keeps the two in sync for anyone reading the JSX. |
 
+### ChoiceItemSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `input` | `ChoiceInputSlotProps` | no |  |
+| `label` | `ChoiceLabelSlotProps` | no |  |
+| `panel` | `ChoicePanelSlotProps` | no |  |
+
 ### ChoiceItemOwnProps
 
 | Member | Type | Required | Description |
@@ -43,13 +55,14 @@
 | `checked` | `boolean` | no | Controlled checked state for client-enhanced choice groups. |
 | `disabled` | `boolean` | no |  |
 | `part` | `string` | no | Wrapper `data-part`. Defaults to `"item"`. |
-| `labelPart` | `boolean` | no | Adds `data-part="label"` to the `<label>`. |
-| `inputProps` | `Record<string, unknown>` | no | Escape hatch: extra attributes spread onto the `<input>` (for example, `data-part="control"`). |
-| `labelProps` | `Record<string, unknown>` | no | Escape hatch: extra attributes spread onto the `<label>`. |
-| `panelProps` | `Record<string, unknown>` | no | Escape hatch: extra attributes spread onto the panel `<div>`. |
+| `labelPart` | `boolean \| string` | no | Adds an owned `data-part` marker to the `<label>`; `true` means `"label"`. |
+| `slotProps` | `ChoiceItemSlotProps` | no | Native props for the generated input, label and optional panel. |
 | `onValueChange` | `(value: string) => void` | no | Client-only: attaches to the input's native `change`. Passing it does not make this element a client component — the *caller* must already be one. Omitted by every uncontrolled (server) caller, so the server output stays handler-free. |
 
 ## Other types
 
-- `ChoiceGroupProps`: `ChoiceGroupOwnProps & Omit<ComponentPropsWithRef<"div">, keyof ChoiceGroupOwnProps>`
-- `ChoiceItemProps`: `ChoiceItemOwnProps & Omit<ComponentPropsWithRef<"div">, keyof ChoiceItemOwnProps | "children">`
+- `ChoiceGroupProps`: `ChoiceGroupOwnProps & Omit<ComponentPropsWithRef<"div">, keyof ChoiceGroupOwnProps | "dangerouslySetInnerHTML">`
+- `ChoiceInputSlotProps`: `Omit<ComponentPropsWithRef<"input">, "children" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes` — Native props of the generated input; consumer values replace the defaults.
+- `ChoiceLabelSlotProps`: `Omit<ComponentPropsWithRef<"label">, "children" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes`
+- `ChoicePanelSlotProps`: `Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes`
+- `ChoiceItemProps`: `ChoiceItemOwnProps & Omit<ComponentPropsWithRef<"div">, keyof ChoiceItemOwnProps | "children" | "dangerouslySetInnerHTML">`

package/agents/reference/elements/details.md

@@ -20,7 +20,7 @@
 | --- | --- | --- | --- |
 | `children` | `ReactNode` | no |  |
 | `defaultOpen` | `boolean` | no | Applies the native `open` attribute on first render. |
-| `name` | `string` | no | 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. |
+| `name` | `string \| undefined` | no | 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. |
 | `disabled` | `boolean` | no |  |
 
 ### DetailsSummaryOwnProps
@@ -40,6 +40,6 @@
 
 ## Other types
 
-- `DetailsRootProps`: `DetailsRootOwnProps & Omit<ComponentPropsWithRef<"details">, keyof DetailsRootOwnProps | "open">` — `open` is not part of the contract — use `defaultOpen`; the browser owns state after that.
+- `DetailsRootProps`: `DetailsRootOwnProps & Omit<ComponentPropsWithRef<"details">, keyof DetailsRootOwnProps>` — Native props may override the initial open state.
 - `DetailsSummaryProps`: `DetailsSummaryOwnProps & Omit<ComponentPropsWithRef<"summary">, keyof DetailsSummaryOwnProps>`
 - `DetailsContentProps<TAs>`: `RenderableProps<TAs, DetailsContentOwnProps, Record<string, never>, HTMLElement>`

package/agents/reference/elements/popover.md

@@ -48,6 +48,6 @@
 
 ## Other types
 
-- `PopoverTriggerProps<TAs>`: `NativeButtonProps<TAs, PopoverTriggerOwnProps>`
-- `PopoverCloseProps<TAs>`: `NativeButtonProps<TAs, PopoverCloseOwnProps>`
-- `PopoverSurfaceProps`: `PopoverSurfaceOwnProps & Omit<ComponentPropsWithRef<"div">, keyof PopoverSurfaceOwnProps | "popover">` — `popover`, `data-side`, `data-align` and `data-positioning` are owned by the element.
+- `PopoverTriggerProps<TAs>`: `NativeButtonProps<TAs, PopoverTriggerOwnProps & PopoverInvokerNativeProps>`
+- `PopoverCloseProps<TAs>`: `NativeButtonProps<TAs, PopoverCloseOwnProps & PopoverInvokerNativeProps>`
+- `PopoverSurfaceProps`: `PopoverSurfaceOwnProps & Omit<ComponentPropsWithRef<"div">, keyof PopoverSurfaceOwnProps>` — Native props can override the surface defaults.

package/dist/components/accordion/Accordion.d.ts

@@ -6,7 +6,7 @@ import type { AccordionProps } from "./types.js";
  * `aria-disabled`/`tabIndex`. This component adds its own identity/anatomy markers and the
  * `name`/`defaultOpen` wiring that makes single-select exclusive.
  */
-export declare function Accordion({ id, items, type, defaultValue, className, }: AccordionProps): ReactElement;
+export declare function Accordion({ id, items, type, defaultValue, slotProps, ...rootProps }: AccordionProps): ReactElement;
 export declare namespace Accordion {
     var displayName: string;
 }

package/dist/components/accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,YAAY,CAAC;AAWhE;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,KAAK,EACL,IAAe,EACf,YAAY,EACZ,SAAS,GACV,EAAE,cAAc,GAAG,YAAY,CAmB/B;yBAzBe,SAAS"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,YAAY,CAAC;AAWhE;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,KAAK,EACL,IAAe,EACf,YAAY,EACZ,SAAS,EACT,GAAG,SAAS,EACb,EAAE,cAAc,GAAG,YAAY,CAgC/B;yBAvCe,SAAS"}

package/dist/components/accordion/Accordion.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DetailsContent, DetailsRoot, DetailsSummary } from "../../elements/details/index.js";
+import { resolveRepeatedSlotProps } from "../../core/slot-props.js";
 function isDefaultOpen(type, defaultValue, itemValue) {
   if (type === "single") return defaultValue === itemValue;
   return Array.isArray(defaultValue) && defaultValue.includes(itemValue);
@@ -9,22 +10,42 @@ function Accordion({
   items,
   type = "single",
   defaultValue,
-  className
+  slotProps,
+  ...rootProps
 }) {
-  return /* @__PURE__ */ jsx("div", { className, "data-kind": type, "data-uiify-accordion": "", children: items.map((item) => /* @__PURE__ */ jsxs(
-    DetailsRoot,
-    {
-      "data-part": "item",
-      defaultOpen: isDefaultOpen(type, defaultValue, item.value),
-      disabled: item.disabled ?? false,
-      ...type === "single" ? { name: id } : {},
-      children: [
-        /* @__PURE__ */ jsx(DetailsSummary, { disabled: item.disabled ?? false, part: "trigger", children: item.label }),
-        /* @__PURE__ */ jsx(DetailsContent, { part: "panel", children: item.panel })
-      ]
-    },
-    item.value
-  )) });
+  return /* @__PURE__ */ jsx("div", { id, "data-kind": type, "data-uiify-accordion": "", ...rootProps, children: items.map((item) => {
+    const disabled = item.disabled ?? false;
+    return /* @__PURE__ */ jsxs(
+      DetailsRoot,
+      {
+        "data-part": "item",
+        defaultOpen: isDefaultOpen(type, defaultValue, item.value),
+        disabled,
+        ...type === "single" ? { name: id } : {},
+        ...resolveRepeatedSlotProps(slotProps?.item, item.value),
+        children: [
+          /* @__PURE__ */ jsx(
+            DetailsSummary,
+            {
+              ...resolveRepeatedSlotProps(slotProps?.trigger, item.value),
+              disabled,
+              part: "trigger",
+              children: item.label
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DetailsContent,
+            {
+              ...resolveRepeatedSlotProps(slotProps?.panel, item.value),
+              part: "panel",
+              children: item.panel
+            }
+          )
+        ]
+      },
+      item.value
+    );
+  }) });
 }
 Accordion.displayName = "Accordion";
 export {

package/dist/components/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { DetailsContent, DetailsRoot, DetailsSummary } from \"../../elements/details/index.js\";\nimport type { AccordionProps, AccordionType } from \"./types.js\";\n\nfunction isDefaultOpen(\n  type: AccordionType,\n  defaultValue: string | readonly string[] | undefined,\n  itemValue: string,\n): boolean {\n  if (type === \"single\") return defaultValue === itemValue;\n  return Array.isArray(defaultValue) && defaultValue.includes(itemValue);\n}\n\n/**\n * Built on `@gunkin/uiify/elements/details`: `Details.Root` already owns `data-disabled` (from its own\n * `disabled` prop) and `data-uiify-details`; `Details.Summary`'s `disabled` prop already owns\n * `aria-disabled`/`tabIndex`. This component adds its own identity/anatomy markers and the\n * `name`/`defaultOpen` wiring that makes single-select exclusive.\n */\nexport function Accordion({\n  id,\n  items,\n  type = \"single\",\n  defaultValue,\n  className,\n}: AccordionProps): ReactElement {\n  return (\n    <div className={className} data-kind={type} data-uiify-accordion=\"\">\n      {items.map((item) => (\n        <DetailsRoot\n          data-part=\"item\"\n          defaultOpen={isDefaultOpen(type, defaultValue, item.value)}\n          disabled={item.disabled ?? false}\n          key={item.value}\n          {...(type === \"single\" ? { name: id } : {})}\n        >\n          <DetailsSummary disabled={item.disabled ?? false} part=\"trigger\">\n            {item.label}\n          </DetailsSummary>\n          <DetailsContent part=\"panel\">{item.panel}</DetailsContent>\n        </DetailsRoot>\n      ))}\n    </div>\n  );\n}\nAccordion.displayName = \"Accordion\";\n"],"mappings":"AA6BQ,SAOE,KAPF;AA5BR,SAAS,gBAAgB,aAAa,sBAAsB;AAG5D,SAAS,cACP,MACA,cACA,WACS;AACT,MAAI,SAAS,SAAU,QAAO,iBAAiB;AAC/C,SAAO,MAAM,QAAQ,YAAY,KAAK,aAAa,SAAS,SAAS;AACvE;AAQO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAAiC;AAC/B,SACE,oBAAC,SAAI,WAAsB,aAAW,MAAM,wBAAqB,IAC9D,gBAAM,IAAI,CAAC,SACV;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAa,cAAc,MAAM,cAAc,KAAK,KAAK;AAAA,MACzD,UAAU,KAAK,YAAY;AAAA,MAE1B,GAAI,SAAS,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;AAAA,MAEzC;AAAA,4BAAC,kBAAe,UAAU,KAAK,YAAY,OAAO,MAAK,WACpD,eAAK,OACR;AAAA,QACA,oBAAC,kBAAe,MAAK,SAAS,eAAK,OAAM;AAAA;AAAA;AAAA,IANpC,KAAK;AAAA,EAOZ,CACD,GACH;AAEJ;AACA,UAAU,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { DetailsContent, DetailsRoot, DetailsSummary } from \"../../elements/details/index.js\";\nimport { resolveRepeatedSlotProps } from \"../../core/slot-props.js\";\nimport type { AccordionProps, AccordionType } from \"./types.js\";\n\nfunction isDefaultOpen(\n  type: AccordionType,\n  defaultValue: string | readonly string[] | undefined,\n  itemValue: string,\n): boolean {\n  if (type === \"single\") return defaultValue === itemValue;\n  return Array.isArray(defaultValue) && defaultValue.includes(itemValue);\n}\n\n/**\n * Built on `@gunkin/uiify/elements/details`: `Details.Root` already owns `data-disabled` (from its own\n * `disabled` prop) and `data-uiify-details`; `Details.Summary`'s `disabled` prop already owns\n * `aria-disabled`/`tabIndex`. This component adds its own identity/anatomy markers and the\n * `name`/`defaultOpen` wiring that makes single-select exclusive.\n */\nexport function Accordion({\n  id,\n  items,\n  type = \"single\",\n  defaultValue,\n  slotProps,\n  ...rootProps\n}: AccordionProps): ReactElement {\n  return (\n    <div id={id} data-kind={type} data-uiify-accordion=\"\" {...rootProps}>\n      {items.map((item) => {\n        const disabled = item.disabled ?? false;\n        return (\n          <DetailsRoot\n            data-part=\"item\"\n            defaultOpen={isDefaultOpen(type, defaultValue, item.value)}\n            disabled={disabled}\n            key={item.value}\n            {...(type === \"single\" ? { name: id } : {})}\n            {...resolveRepeatedSlotProps(slotProps?.item, item.value)}\n          >\n            <DetailsSummary\n              {...resolveRepeatedSlotProps(slotProps?.trigger, item.value)}\n              disabled={disabled}\n              part=\"trigger\"\n            >\n              {item.label}\n            </DetailsSummary>\n            <DetailsContent\n              {...resolveRepeatedSlotProps(slotProps?.panel, item.value)}\n              part=\"panel\"\n            >\n              {item.panel}\n            </DetailsContent>\n          </DetailsRoot>\n        );\n      })}\n    </div>\n  );\n}\nAccordion.displayName = \"Accordion\";\n"],"mappings":"AAiCU,SAQE,KARF;AAhCV,SAAS,gBAAgB,aAAa,sBAAsB;AAC5D,SAAS,gCAAgC;AAGzC,SAAS,cACP,MACA,cACA,WACS;AACT,MAAI,SAAS,SAAU,QAAO,iBAAiB;AAC/C,SAAO,MAAM,QAAQ,YAAY,KAAK,aAAa,SAAS,SAAS;AACvE;AAQO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiC;AAC/B,SACE,oBAAC,SAAI,IAAQ,aAAW,MAAM,wBAAqB,IAAI,GAAG,WACvD,gBAAM,IAAI,CAAC,SAAS;AACnB,UAAM,WAAW,KAAK,YAAY;AAClC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,aAAa,cAAc,MAAM,cAAc,KAAK,KAAK;AAAA,QACzD;AAAA,QAEC,GAAI,SAAS,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;AAAA,QACxC,GAAG,yBAAyB,WAAW,MAAM,KAAK,KAAK;AAAA,QAExD;AAAA;AAAA,YAAC;AAAA;AAAA,cACE,GAAG,yBAAyB,WAAW,SAAS,KAAK,KAAK;AAAA,cAC3D;AAAA,cACA,MAAK;AAAA,cAEJ,eAAK;AAAA;AAAA,UACR;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACE,GAAG,yBAAyB,WAAW,OAAO,KAAK,KAAK;AAAA,cACzD,MAAK;AAAA,cAEJ,eAAK;AAAA;AAAA,UACR;AAAA;AAAA;AAAA,MAhBK,KAAK;AAAA,IAiBZ;AAAA,EAEJ,CAAC,GACH;AAEJ;AACA,UAAU,cAAc;","names":[]}

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

@@ -1,3 +1,3 @@
 export { Accordion } from "./Accordion.js";
-export type { AccordionItem, AccordionProps, AccordionType } from "./types.js";
+export type { AccordionItem, AccordionItemSlotProps, AccordionPanelSlotProps, AccordionProps, AccordionSlotProps, AccordionTriggerSlotProps, AccordionType, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EACV,aAAa,EACb,sBAAsB,EACtB,uBAAuB,EACvB,cAAc,EACd,kBAAkB,EAClB,yBAAyB,EACzB,aAAa,GACd,MAAM,YAAY,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion/index.ts"],"sourcesContent":["export { Accordion } from \"./Accordion.js\";\nexport type { AccordionItem, AccordionProps, AccordionType } from \"./types.js\";\n"],"mappings":"AAAA,SAAS,iBAAiB;","names":[]}
+{"version":3,"sources":["../../../src/components/accordion/index.ts"],"sourcesContent":["export { Accordion } from \"./Accordion.js\";\nexport type {\n  AccordionItem,\n  AccordionItemSlotProps,\n  AccordionPanelSlotProps,\n  AccordionProps,\n  AccordionSlotProps,\n  AccordionTriggerSlotProps,\n  AccordionType,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,iBAAiB;","names":[]}