@gunkin/uiify 0.0.22-alpha → 0.0.25-alpha

package/agents/index.md

@@ -18,7 +18,7 @@ exist here.
 | `asChild` | `as="a"` or `render={...}` | There is no Slot. Polymorphism is `as` or `render`. |
 | `cva(...)` or another class-string builder | `variant` / `size` props, and CSS on `[data-variant]` / `[data-size]` | Props only write a `data-*` attribute; the rules live in CSS. |
 | `className={(state) => ...}` | A plain string `className`; select state with `[data-state]`, `[data-disabled]` and friends | `className` is never a function. |
-| `contentClassName`, `triggerClassName`, `itemClassName`, `contentStyle` | `className` / `style` on the part itself | Every public part takes its own `className`. |
+| `contentClassName`, `triggerClassName`, `itemClassName`, `contentStyle` | `className` / `style` on the part itself; typed `slotProps` for nodes created inside a ready-made component | Public parts take their own props; generated nodes use the component's documented slot names. |
 | `onChange={(value) => ...}` on a root or control | `onValueChange`, `onOpenChange`, `onCheckedChange`, `onPageChange` | `onChange` is the native DOM `change` event and receives the event. |
 | English built-in labels in a non-English UI | `labels` and `locale` props; set `lang` and `dir` on `<html>` | Labels are serializable string values; locale formats embedded numbers. |
 | `isOpen`, `isDisabled`, `isChecked` | `open`, `disabled`, `checked` | No `is` prefix. |

package/agents/reference/components/accordion.md

@@ -5,12 +5,17 @@
 - Tier 0 (RSC — zero client JavaScript); state source S1; native element `details[name]`
 - Without JavaScript: full
 - Types file: `dist/components/accordion.d.ts`
+- Related native Element (manifest): [details](../elements/details.md)
 - Note: Native details/summary disclosure; name groups single-open items. Built on @gunkin/uiify/elements/details.
 
+## Related knowledge
+
+- Recipe: [accordion](../../../skills/uiify/references/elements/accordion.md)
+
 ## Exports
 
 - Runtime: `Accordion`
-- Types: `AccordionItem`, `AccordionProps`, `AccordionType`
+- Types: `AccordionItem`, `AccordionItemSlotProps`, `AccordionPanelSlotProps`, `AccordionProps`, `AccordionSlotProps`, `AccordionTriggerSlotProps`, `AccordionType`
 
 ## Values
 
@@ -24,7 +29,15 @@ Extends: `ChoicePanelItem`
 
 No own members.
 
-### AccordionProps
+### AccordionSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `item` | `AccordionItemSlotProps` | no |  |
+| `trigger` | `AccordionTriggerSlotProps` | no |  |
+| `panel` | `AccordionPanelSlotProps` | no |  |
+
+### AccordionOwnProps
 
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
@@ -32,4 +45,11 @@ No own members.
 | `items` | `readonly AccordionItem[]` | yes |  |
 | `type` | `AccordionType` | no |  |
 | `defaultValue` | `string \| readonly string[]` | no |  |
-| `className` | `string` | no |  |
+| `slotProps` | `AccordionSlotProps` | no |  |
+
+## Other types
+
+- `AccordionItemSlotProps`: `RepeatedSlotProps<Omit<ComponentPropsWithRef<"details">, | "name" | "open" | "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-details" | "data-uiify-accordion" | "disabled">, AccordionOwnedSlotAttributes>`
+- `AccordionTriggerSlotProps`: `RepeatedSlotProps<Omit<ComponentPropsWithRef<"summary">, | "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-details" | "data-uiify-accordion" | "disabled" | "part">, AccordionOwnedSlotAttributes>`
+- `AccordionPanelSlotProps`: `RepeatedSlotProps<Omit<ComponentPropsWithRef<"div">, | "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-details" | "data-uiify-accordion" | "part">, AccordionOwnedSlotAttributes>`
+- `AccordionProps`: `AccordionOwnProps & Omit<ComponentPropsWithRef<"div">, keyof AccordionOwnProps | "children" | "dangerouslySetInnerHTML" | "data-uiify-accordion">`

package/agents/reference/components/alert-modal.md

@@ -5,16 +5,22 @@
 - Tier 0 (RSC — zero client JavaScript); state source S1; native element `dialog[role=alertdialog] + command=show-modal`
 - Without JavaScript: full
 - Types file: `dist/components/alert-modal.d.ts`
+- Related native Element (manifest): [dialog](../elements/dialog.md)
 - Note: Native modal alertdialog via show-modal; Cancel/Action are request-close invokers. Baseline Chrome 139 / Firefox 147 / Safari 26.2; below it UIEnhance's invoker fallback runs the command after hydration.
 
+## Related knowledge
+
+- Recipe: [alert-modal](../../../skills/uiify/references/elements/alert-modal.md)
+- Example: [alert-confirmation](../../../skills/uiify/references/examples/alert-confirmation.md)
+
 ## Exports
 
 - Runtime: `AlertModal`, `AlertModalAction`, `AlertModalCancel`, `AlertModalContent`, `AlertModalTrigger`
-- Types: `AlertModalActionOwnProps`, `AlertModalActionProps`, `AlertModalCancelOwnProps`, `AlertModalCancelProps`, `AlertModalContentOwnProps`, `AlertModalContentProps`, `AlertModalProps`, `AlertModalTriggerOwnProps`, `AlertModalTriggerProps`
+- Types: `AlertModalActionOwnProps`, `AlertModalActionProps`, `AlertModalCancelOwnProps`, `AlertModalCancelProps`, `AlertModalContentOwnProps`, `AlertModalContentProps`, `AlertModalOwnProps`, `AlertModalProps`, `AlertModalSlotProps`, `AlertModalTriggerOwnProps`, `AlertModalTriggerProps`
 
 ## Props and shapes
 
-### AlertModalProps
+### AlertModalOwnProps
 
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
@@ -25,7 +31,18 @@
 | `children` | `ReactNode` | no |  |
 | `actionLabel` | `ReactNode` | no |  |
 | `cancelLabel` | `ReactNode` | no |  |
-| `className` | `string` | no |  |
+| `slotProps` | `AlertModalSlotProps` | no | Native props for each generated part; the AlertModal root takes props directly. |
+
+### AlertModalSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `trigger` | `AlertModalInvokerSlotProps` | no |  |
+| `content` | `AlertModalSlotElementProps<"dialog", \| "id" \| "role" \| "open" \| "popover" \| "aria-describedby" \| "aria-labelledby" \| "data-part" \| "data-uiify-alert-modal">` | no |  |
+| `title` | `AlertModalSlotElementProps<"h2", "id" \| "data-part" \| "data-uiify-alert-modal">` | no |  |
+| `description` | `AlertModalSlotElementProps<"p", "id" \| "data-part" \| "data-uiify-alert-modal">` | no |  |
+| `cancel` | `AlertModalChoiceSlotProps` | no |  |
+| `action` | `AlertModalChoiceSlotProps` | no |  |
 
 ### AlertModalTriggerOwnProps
 
@@ -57,7 +74,8 @@
 
 ## Other types
 
-- `AlertModalTriggerProps<TAs>`: `NativeButtonProps<TAs, AlertModalTriggerOwnProps>`
-- `AlertModalActionProps<TAs>`: `NativeButtonProps<TAs, AlertModalActionOwnProps>`
-- `AlertModalCancelProps<TAs>`: `NativeButtonProps<TAs, AlertModalCancelOwnProps>`
-- `AlertModalContentProps`: `AlertModalContentOwnProps & Omit<ComponentPropsWithRef<"dialog">, keyof AlertModalContentOwnProps | "open" | "popover" | "role">` — `<dialog role="alertdialog">`; `role`, `open` and `popover` belong to the part.
+- `AlertModalProps`: `AlertModalOwnProps & Omit<AlertModalSlotElementProps<"div", "data-part" | "data-uiify-alert-modal">, keyof AlertModalOwnProps>`
+- `AlertModalTriggerProps<TAs>`: `Omit<NativeButtonProps<TAs, AlertModalTriggerOwnProps>, "dangerouslySetInnerHTML"> & ConsumerDataAttributes & { readonly "data-part"?: never; readonly "data-uiify-button"?: never; readonly "data-uiify-alert-modal"?: never; }`
+- `AlertModalActionProps<TAs>`: `Omit<NativeButtonProps<TAs, AlertModalActionOwnProps>, "dangerouslySetInnerHTML"> & ConsumerDataAttributes & { readonly "data-part"?: never; readonly "data-variant"?: never; readonly "data-uiify-button"?: never; readonly "data-uiify-alert-modal"?: never; }`
+- `AlertModalCancelProps<TAs>`: `Omit<NativeButtonProps<TAs, AlertModalCancelOwnProps>, "dangerouslySetInnerHTML"> & ConsumerDataAttributes & { readonly "data-part"?: never; readonly "data-variant"?: never; readonly "data-uiify-button"?: never; readonly "data-uiify-alert-modal"?: never; }`
+- `AlertModalContentProps`: `AlertModalContentOwnProps & Omit<ComponentPropsWithRef<"dialog">, keyof AlertModalContentOwnProps | "open" | "popover" | "role" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes & { readonly "data-part"?: never; readonly "data-uiify-alert-modal"?: never; }` — `<dialog role="alertdialog">`; `role`, `open` and `popover` belong to the part.

package/agents/reference/components/alert.md

@@ -6,10 +6,14 @@
 - Without JavaScript: full
 - Types file: `dist/components/alert.d.ts`
 
+## Related knowledge
+
+- Recipe: [inline-alert](../../../skills/uiify/references/elements/inline-alert.md)
+
 ## Exports
 
 - Runtime: `Alert`, `AlertDescription`, `AlertTitle`
-- Types: `AlertDescriptionOwnProps`, `AlertDescriptionProps`, `AlertOwnProps`, `AlertProps`, `AlertTitleOwnProps`, `AlertTitleProps`, `AlertVariant`
+- Types: `AlertDescriptionOwnProps`, `AlertDescriptionProps`, `AlertOwnProps`, `AlertProps`, `AlertSlotProps`, `AlertSymbolSlotProps`, `AlertTitleOwnProps`, `AlertTitleProps`, `AlertVariant`
 
 ## Values
 
@@ -24,6 +28,7 @@
 | `children` | `ReactNode` | no |  |
 | `variant` | `AlertVariant` | no | Visual status. Defaults to secondary without adding a live role. |
 | `symbol` | `string \| false` | no | Override the decorative text symbol, or hide it with false. |
+| `slotProps` | `AlertSlotProps` | no |  |
 
 ### AlertTitleOwnProps
 
@@ -37,8 +42,15 @@
 | --- | --- | --- | --- |
 | `children` | `ReactNode` | no |  |
 
+### AlertSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `symbol` | `AlertSymbolSlotProps` | no |  |
+
 ## Other types
 
 - `AlertProps<TAs>`: `RenderableProps<TAs, AlertOwnProps, Record<string, never>, HTMLElement>`
 - `AlertTitleProps<TAs>`: `RenderableProps<TAs, AlertTitleOwnProps, Record<string, never>, HTMLElement>`
 - `AlertDescriptionProps<TAs>`: `RenderableProps<TAs, AlertDescriptionOwnProps, Record<string, never>, HTMLElement>`
+- `AlertSymbolSlotProps`: `Omit<ComponentPropsWithRef<"span">, "aria-hidden" | "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-alert"> & { readonly "aria-hidden"?: never; readonly "data-part"?: never; readonly "data-uiify-alert"?: never; } & ConsumerDataAttributes`

package/agents/reference/components/aspect-ratio.md

@@ -7,6 +7,10 @@
 - Types file: `dist/components/aspect-ratio.d.ts`
 - Note: Static layout component; native CSS aspect-ratio isolates child intrinsic sizing.
 
+## Related knowledge
+
+- Recipe: [aspect-ratio](../../../skills/uiify/references/elements/aspect-ratio.md)
+
 ## Exports
 
 - Runtime: `AspectRatio`
@@ -20,7 +24,15 @@
 | --- | --- | --- | --- |
 | `ratio` | `number` | no | Positive finite width / height ratio. Omit to use the CSS default (square). |
 | `children` | `ReactNode` | no |  |
+| `slotProps` | `AspectRatioSlotProps` | no |  |
+
+### AspectRatioSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `content` | `AspectRatioContentSlotProps` | no |  |
 
 ## Other types
 
 - `AspectRatioProps<TAs>`: `RenderableProps<TAs, AspectRatioOwnProps, Record<string, never>, HTMLElement>`
+- `AspectRatioContentSlotProps`: `Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-aspect-ratio"> & { readonly "data-part"?: never; readonly "data-uiify-aspect-ratio"?: never; } & ConsumerDataAttributes`

package/agents/reference/components/avatar.md

@@ -6,6 +6,10 @@
 - Without JavaScript: full
 - Types file: `dist/components/avatar.d.ts`
 
+## Related knowledge
+
+- Recipe: [avatar](../../../skills/uiify/references/elements/avatar.md)
+
 ## Exports
 
 - Runtime: `Avatar`
@@ -26,7 +30,17 @@
 | `src` | `string` | no |  |
 | `size` | `AvatarSize` | no |  |
 | `children` | `never` | no |  |
+| `slotProps` | `AvatarSlotProps` | no |  |
+
+### AvatarSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `image` | `AvatarImageSlotProps` | no |  |
+| `fallback` | `AvatarFallbackSlotProps` | no |  |
 
 ## Other types
 
 - `AvatarProps<TAs>`: `RenderableProps<TAs, AvatarOwnProps, Record<string, never>, HTMLElement>`
+- `AvatarImageSlotProps`: `Omit<ComponentPropsWithRef<"img">, "alt" | "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-avatar" | "src"> & AvatarImageOwnedAttributes & ConsumerDataAttributes`
+- `AvatarFallbackSlotProps`: `Omit<ComponentPropsWithRef<"span">, "aria-hidden" | "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-avatar"> & AvatarFallbackOwnedAttributes & ConsumerDataAttributes`

package/agents/reference/components/badge.md

@@ -6,6 +6,10 @@
 - Without JavaScript: full
 - Types file: `dist/components/badge.d.ts`
 
+## Related knowledge
+
+- Recipe: [badge](../../../skills/uiify/references/elements/badge.md)
+
 ## Exports
 
 - Runtime: `Badge`

package/agents/reference/components/breadcrumb.md

@@ -5,12 +5,17 @@
 - Tier 0 (RSC — zero client JavaScript); state source none; native element `nav>ol`
 - Without JavaScript: full
 - Types file: `dist/components/breadcrumb.d.ts`
+- Related native Element (manifest): [details](../elements/details.md)
 - Note: Ellipsis expand/collapse is a native details/summary disclosure, built on @gunkin/uiify/elements/details.
 
+## Related knowledge
+
+- Recipe: [breadcrumb](../../../skills/uiify/references/elements/breadcrumb.md)
+
 ## Exports
 
 - Runtime: `Breadcrumb`, `BreadcrumbEllipsis`, `BreadcrumbItem`, `BreadcrumbLink`, `BreadcrumbList`, `BreadcrumbRoot`, `BreadcrumbSeparator`
-- Types: `BreadcrumbItemData`, `BreadcrumbLabels`, `BreadcrumbItemProps`, `BreadcrumbLinkOwnProps`, `BreadcrumbLinkProps`, `BreadcrumbListOwnProps`, `BreadcrumbListProps`, `BreadcrumbRootOwnProps`, `BreadcrumbRootProps`, `BreadcrumbSeparatorOwnProps`, `BreadcrumbSeparatorProps`
+- Types: `BreadcrumbItemData`, `BreadcrumbEllipsisPartProps`, `BreadcrumbLabels`, `BreadcrumbItemProps`, `BreadcrumbLinkOwnProps`, `BreadcrumbLinkProps`, `BreadcrumbListOwnProps`, `BreadcrumbListProps`, `BreadcrumbListSlotProps`, `BreadcrumbRootOwnProps`, `BreadcrumbRootProps`, `BreadcrumbSeparatorOwnProps`, `BreadcrumbSeparatorProps`
 
 ## Props and shapes
 
@@ -50,6 +55,18 @@ One logical breadcrumb entry. Used by `BreadcrumbList`'s `items` prop — the da
 | `itemsBeforeCollapse` | `number` | no |  |
 | `maxItems` | `number` | no |  |
 | `separator` | `ReactNode` | no |  |
+| `slotProps` | `BreadcrumbListSlotProps` | no |  |
+
+### BreadcrumbListSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `item` | `BreadcrumbRepeatedSlotProps<"li">` | no | Generated item wrappers and links use `byItemValue[item.key]`. |
+| `link` | `BreadcrumbLinkSlotProps` | no |  |
+| `ellipsisItem` | `BreadcrumbDirectSlotProps<"li">` | no |  |
+| `ellipsis` | `BreadcrumbDirectSlotProps<"details", { readonly "data-uiify-breadcrumb"?: never; readonly "data-uiify-details"?: never }>` | no |  |
+| `ellipsisTrigger` | `BreadcrumbDirectSlotProps<"summary", { readonly "aria-label"?: never }>` | no |  |
+| `ellipsisContent` | `BreadcrumbDirectSlotProps<"ol", { readonly "data-uiify-details"?: never }>` | no |  |
 
 ### BreadcrumbLinkOwnProps
 
@@ -72,6 +89,13 @@ One logical breadcrumb entry. Used by `BreadcrumbList`'s `items` prop — the da
 | `hiddenItems` | `readonly BreadcrumbItemData[]` | yes |  |
 | `labels` | `BreadcrumbLabels` | yes |  |
 | `separator` | `ReactNode` | no |  |
+| `slotProps` | `BreadcrumbListSlotProps` | no |  |
+
+### BreadcrumbEllipsisPartProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `slotProps` | `{ readonly item?: BreadcrumbDirectSlotProps<"li">; readonly ellipsis?: BreadcrumbDirectSlotProps<"span">; }` | no |  |
 
 ## Other types
 

package/agents/reference/components/button.md

@@ -6,6 +6,10 @@
 - Without JavaScript: full
 - Types file: `dist/components/button.d.ts`
 
+## Related knowledge
+
+- Recipe: [button](../../../skills/uiify/references/elements/button.md)
+
 ## Exports
 
 - Runtime: `Button`

package/agents/reference/components/candle-chart.md

@@ -7,13 +7,63 @@
 - Types file: `dist/components/candle-chart.d.ts`
 - Note: Static OHLC geometry is computed during render and expressed as percentage CSS custom properties; the decorative candle glyphs have an accessible table fallback.
 
+## Related knowledge
+
+- Recipe: [candle-chart](../../../skills/uiify/references/elements/candle-chart.md)
+
 ## Exports
 
 - Runtime: `CandleChart`
-- Types: `CandleChartAxisLabel`, `CandleChartLabels`, `CandleChartData`, `CandleChartOwnProps`, `CandleChartPointerPosition`, `CandleChartProps`
+- Types: `CandleChartAxisLabel`, `CandleChartLabels`, `CandleChartData`, `CandleChartOwnProps`, `CandleChartPointerPosition`, `CandleChartProps`, `CandleChartSlotProps`
 
 ## Props and shapes
 
+### CandleChartSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `caption` | `CandleChartPartSlotProps<"figcaption">` | no |  |
+| `readout` | `CandleChartPartSlotProps<"div", { readonly "aria-live"?: never; readonly "data-part"?: never }>` | no |  |
+| `readoutTime` | `CandleChartPartSlotProps<"span">` | no |  |
+| `readoutOpen` | `CandleChartPartSlotProps<"span">` | no |  |
+| `readoutHigh` | `CandleChartPartSlotProps<"span">` | no |  |
+| `readoutLow` | `CandleChartPartSlotProps<"span">` | no |  |
+| `readoutClose` | `CandleChartPartSlotProps<"span">` | no |  |
+| `plot` | `CandleChartPartSlotProps<"div", { readonly "aria-hidden"?: never; readonly "data-part"?: never }>` | no |  |
+| `scrollViewport` | `CandleChartPartSlotProps<"div">` | no |  |
+| `canvas` | `CandleChartPartSlotProps<"div">` | no |  |
+| `viewport` | `CandleChartPartSlotProps<"div">` | no |  |
+| `candles` | `CandleChartPartSlotProps<"ol", { readonly "aria-label"?: never; readonly "data-part"?: never }>` | no |  |
+| `candle` | `CandleChartIndexedSlotProps<CandleChartCandleElementProps, CandleChartCandleOwnedProps>` | no |  |
+| `candleHit` | `CandleChartRepeatedSlotProps<"button", { readonly "aria-label"?: never; readonly "aria-pressed"?: never; readonly "data-part"?: never; readonly type?: never; }>` | no |  |
+| `crosshair` | `CandleChartPartSlotProps<"div", { readonly "aria-hidden"?: never; readonly "data-part"?: never }>` | no |  |
+| `crosshairMarker` | `CandleChartPartSlotProps<"span">` | no |  |
+| `timeViewport` | `CandleChartPartSlotProps<"div">` | no |  |
+| `timeAxis` | `CandleChartPartSlotProps<"ol", { readonly "aria-label"?: never; readonly "data-axis"?: never; readonly "data-part"?: never }>` | no |  |
+| `timeAxisLabel` | `CandleChartRepeatedSlotProps<"li">` | no |  |
+| `crosshairTime` | `CandleChartPartSlotProps<"li">` | no |  |
+| `priceAxis` | `CandleChartPartSlotProps<"ol", { readonly "aria-label"?: never; readonly "data-axis"?: never; readonly "data-part"?: never }>` | no |  |
+| `priceAxisLabel` | `CandleChartRepeatedSlotProps<"li">` | no |  |
+| `crosshairPrice` | `CandleChartPartSlotProps<"li">` | no |  |
+| `liveScrollport` | `CandleChartPartSlotProps<"div", { readonly "data-dynamic-layout"?: never; readonly "data-orientation"?: never; readonly "data-part"?: never; readonly "data-uiify-virtual-scroll"?: never; readonly role?: never; }>` | no |  |
+| `liveSpacer` | `CandleChartPartSlotProps<"div">` | no |  |
+| `liveCandleRow` | `CandleChartLiveRowSlotProps` | no |  |
+| `dataTable` | `CandleChartPartSlotProps<"table", { readonly "aria-label"?: never; readonly "data-part"?: never }>` | no |  |
+| `dataTableHead` | `CandleChartPartSlotProps<"thead">` | no |  |
+| `dataTableHeaderRow` | `CandleChartPartSlotProps<"tr">` | no |  |
+| `dataTableTimeHeader` | `CandleChartPartSlotProps<"th", { readonly scope?: never; readonly "data-part"?: never }>` | no |  |
+| `dataTableOpenHeader` | `CandleChartPartSlotProps<"th", { readonly scope?: never; readonly "data-part"?: never }>` | no |  |
+| `dataTableHighHeader` | `CandleChartPartSlotProps<"th", { readonly scope?: never; readonly "data-part"?: never }>` | no |  |
+| `dataTableLowHeader` | `CandleChartPartSlotProps<"th", { readonly scope?: never; readonly "data-part"?: never }>` | no |  |
+| `dataTableCloseHeader` | `CandleChartPartSlotProps<"th", { readonly scope?: never; readonly "data-part"?: never }>` | no |  |
+| `dataTableBody` | `CandleChartPartSlotProps<"tbody">` | no |  |
+| `dataTableRow` | `CandleChartRepeatedSlotProps<"tr">` | no |  |
+| `dataTableTimeCell` | `CandleChartRepeatedSlotProps<"th", { readonly scope?: never }>` | no |  |
+| `dataTableOpenCell` | `CandleChartRepeatedSlotProps<"td">` | no |  |
+| `dataTableHighCell` | `CandleChartRepeatedSlotProps<"td">` | no |  |
+| `dataTableLowCell` | `CandleChartRepeatedSlotProps<"td">` | no |  |
+| `dataTableCloseCell` | `CandleChartRepeatedSlotProps<"td">` | no |  |
+
 ### CandleChartData
 
 | Member | Type | Required | Description |
@@ -53,6 +103,7 @@
 | `onCandlePointerLeave` | `() => void` | no |  |
 | `onCandlePointerMove` | `(position: CandleChartPointerPosition) => void` | no |  |
 | `selectedCandleIndex` | `number` | no |  |
+| `slotProps` | `CandleChartSlotProps` | no |  |
 | `xAxis` | `readonly CandleChartAxisLabel[]` | no |  |
 | `yAxis` | `readonly CandleChartAxisLabel[]` | no |  |
 
@@ -112,6 +163,7 @@ Extends: `CandleChartOwnProps`
 | `onCandleClick` | `((index: number) => void) \| undefined` | no |  |
 | `onCandlePointerLeave` | `(() => void) \| undefined` | no |  |
 | `onCandlePointerMove` | `((position: CandleChartPointerPosition) => void) \| undefined` | no |  |
+| `slotProps` | `Pick<CandleChartSlotProps, "candle" \| "candleHit"> \| undefined` | no |  |
 
 ## Other types
 
@@ -123,4 +175,4 @@ Extends: `CandleChartOwnProps`
 ### `@gunkin/uiify/components/candle-chart/client`
 
 - Runtime: `CandleChartClient`
-- Types: `CandleChartClientOwnProps`, `CandleChartClientProps`
+- Types: `CandleChartClientOwnProps`, `CandleChartClientProps`, `CandleChartSlotProps`

package/agents/reference/components/card.md

@@ -6,6 +6,10 @@
 - Without JavaScript: full
 - Types file: `dist/components/card.d.ts`
 
+## Related knowledge
+
+- Recipe: [card](../../../skills/uiify/references/elements/card.md)
+
 ## Exports
 
 - Runtime: `Card`

package/agents/reference/components/carousel.md

@@ -7,10 +7,14 @@
 - Types file: `dist/components/carousel.d.ts`
 - Note: The documented interactive carousel uses /client and requires hydration for synchronized controls. The base entry remains a native no-JS scroller with CSS Scroll Snap and fragment navigation; /fade adds client-driven CSS transitions.
 
+## Related knowledge
+
+- Recipe: [carousel](../../../skills/uiify/references/elements/carousel.md)
+
 ## Exports
 
 - Runtime: `Carousel`
-- Types: `CarouselAxis`, `CarouselItem`, `CarouselLabels`, `CarouselProps`, `CarouselStyle`
+- Types: `CarouselAxis`, `CarouselItem`, `CarouselLabels`, `CarouselProps`, `CarouselSlotProps`, `CarouselStyle`, `CarouselWithRefProps`
 
 ## Values
 
@@ -59,10 +63,30 @@ Extends: `CSSProperties`
 | `"--uiify-carousel-gap"` | `string` | no |  |
 | `"--uiify-carousel-fade-duration"` | `string` | no |  |
 
+### CarouselSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `viewport` | `Omit<ComponentPropsWithRef<"div">, "aria-label" \| "children" \| "dangerouslySetInnerHTML" \| "data-part" \| "id" \| "role" \| "tabIndex"> & ConsumerDataAttributes & { readonly "aria-label"?: never; readonly "data-part"?: never; readonly id?: never; readonly role?: never; readonly tabIndex?: never; }` | no |  |
+| `slide` | `CarouselRepeatedSlotProps<"div", { readonly "aria-hidden"?: never; readonly "aria-label"?: never; readonly "aria-roledescription"?: never; readonly "data-carousel-index"?: never; readonly "data-part"?: never; readonly "data-state"?: never; readonly id?: never; readonly inert?: never; readonly role?: never; }>` | no |  |
+| `slideContent` | `CarouselRepeatedSlotProps<"div", { readonly "data-part"?: never }>` | no |  |
+| `rotationControl` | `CarouselRepeatedSlotProps<"button", { readonly "aria-label"?: never; readonly "data-carousel-action"?: never; readonly "data-part"?: never; readonly "data-size"?: never; readonly "data-uiify-button"?: never; readonly "data-variant"?: never; readonly disabled?: never; readonly hidden?: never; readonly type?: never; }>` | no |  |
+| `previousControl` | `CarouselRepeatedSlotProps<"button", { readonly "aria-label"?: never; readonly "data-carousel-action"?: never; readonly "data-part"?: never; readonly "data-size"?: never; readonly "data-uiify-button"?: never; readonly "data-variant"?: never; readonly disabled?: never; readonly hidden?: never; readonly type?: never; }>` | no |  |
+| `nextControl` | `CarouselRepeatedSlotProps<"button", { readonly "aria-label"?: never; readonly "data-carousel-action"?: never; readonly "data-part"?: never; readonly "data-size"?: never; readonly "data-uiify-button"?: never; readonly "data-variant"?: never; readonly disabled?: never; readonly hidden?: never; readonly type?: never; }>` | no |  |
+| `dots` | `Omit<ComponentPropsWithRef<"nav">, "aria-label" \| "children" \| "dangerouslySetInnerHTML" \| "data-part"> & ConsumerDataAttributes & { readonly "aria-label"?: never; readonly "data-part"?: never; }` | no |  |
+| `dot` | `CarouselRepeatedSlotProps<"a", { readonly "aria-current"?: never; readonly "aria-label"?: never; readonly "data-carousel-index"?: never; readonly "data-part"?: never; readonly href?: never; }>` | no |  |
+| `status` | `Omit<ComponentPropsWithRef<"div">, "aria-atomic" \| "aria-live" \| "children" \| "dangerouslySetInnerHTML" \| "data-part"> & ConsumerDataAttributes & { readonly "aria-atomic"?: never; readonly "aria-live"?: never; readonly "data-part"?: never; }` | no |  |
+
 ### CarouselProps
 
+Extends: `Omit<ComponentPropsWithoutRef<"section">, | "aria-label" | "children" | "className" | "data-axis" | "data-enhanced" | "data-mode" | "data-uiify-carousel" | "dangerouslySetInnerHTML" | "defaultValue" | "dir" | "id" | "autoplay" | "afterChange" | "beforeChange" | "mouseDrag" | "onSelect" | "onSwipe" | "rewind" | "swipe" | "style" | "value">`, `ConsumerDataAttributes`
+
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
+| `"data-axis"` | `never` | no |  |
+| `"data-enhanced"` | `never` | no |  |
+| `"data-mode"` | `never` | no |  |
+| `"data-uiify-carousel"` | `never` | no |  |
 | `id` | `string` | yes |  |
 | `items` | `readonly CarouselItem[]` | yes |  |
 | `"aria-label"` | `string` | yes |  |
@@ -75,6 +99,15 @@ Extends: `CSSProperties`
 | `style` | `CarouselStyle` | no |  |
 | `labels` | `Partial<CarouselLabels>` | no |  |
 | `icons` | `CarouselIcons` | no |  |
+| `slotProps` | `CarouselSlotProps` | no |  |
+
+### CarouselWithRefProps
+
+Extends: `CarouselProps`
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `ref` | `Ref<HTMLElement>` | no |  |
 
 ### CarouselChange
 

package/agents/reference/components/checkbox.md

@@ -7,10 +7,14 @@
 - Types file: `dist/components/checkbox.d.ts`
 - Note: Native checkbox + label; default entry ships controlled callbacks with use client.
 
+## Related knowledge
+
+- Recipe: [checkbox](../../../skills/uiify/references/elements/checkbox.md)
+
 ## Exports
 
 - Runtime: `Checkbox`
-- Types: `CheckboxProps`, `CheckedState`
+- Types: `CheckboxProps`, `CheckboxSlotProps`, `CheckedState`
 
 ## Props and shapes
 
@@ -27,8 +31,10 @@
 | `value` | `string` | no |  |
 | `className` | `string` | no |  |
 | `onCheckedChange` | `(checked: boolean) => void` | no |  |
+| `slotProps` | `CheckboxSlotProps` | no |  |
 | `"aria-label"` | `string` | no |  |
 
 ## Other types
 
 - `CheckedState`: `boolean | "indeterminate"`
+- `CheckboxSlotProps`: `NativeCheckControlSlotProps`

package/agents/reference/components/collapsible.md

@@ -5,16 +5,28 @@
 - Tier 0 (RSC — zero client JavaScript); state source S1; native element `details`
 - Without JavaScript: full
 - Types file: `dist/components/collapsible.d.ts`
+- Related native Element (manifest): [details](../elements/details.md)
 - Note: Native details/summary disclosure. Built on @gunkin/uiify/elements/details.
 
+## Related knowledge
+
+- Recipe: [collapsible](../../../skills/uiify/references/elements/collapsible.md)
+
 ## Exports
 
 - Runtime: `Collapsible`
-- Types: `CollapsibleProps`
+- Types: `CollapsiblePanelSlotProps`, `CollapsibleProps`, `CollapsibleSlotProps`, `CollapsibleTriggerSlotProps`
 
 ## Props and shapes
 
-### CollapsibleProps
+### CollapsibleSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `trigger` | `CollapsibleTriggerSlotProps` | no |  |
+| `panel` | `CollapsiblePanelSlotProps` | no |  |
+
+### CollapsibleOwnProps
 
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
@@ -23,4 +35,10 @@
 | `content` | `ReactNode` | yes |  |
 | `defaultOpen` | `boolean` | no |  |
 | `disabled` | `boolean` | no |  |
-| `className` | `string` | no |  |
+| `slotProps` | `CollapsibleSlotProps` | no |  |
+
+## Other types
+
+- `CollapsibleTriggerSlotProps`: `Omit<ComponentPropsWithRef<"summary">, | "aria-disabled" | "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-details" | "disabled" | "part" | "tabIndex"> & CollapsibleTriggerOwnedAttributes & ConsumerDataAttributes`
+- `CollapsiblePanelSlotProps`: `Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-details" | "part"> & CollapsiblePanelOwnedAttributes & ConsumerDataAttributes`
+- `CollapsibleProps`: `CollapsibleOwnProps & Omit<ComponentPropsWithRef<"details">, | keyof CollapsibleOwnProps | "children" | "dangerouslySetInnerHTML" | "data-disabled" | "data-uiify-collapsible" | "data-uiify-details" | "open" | "name">`

package/agents/reference/components/color-picker.md

@@ -6,10 +6,14 @@
 - Without JavaScript: degraded-documented
 - Types file: `dist/components/color-picker.d.ts`
 
+## Related knowledge
+
+- Recipe: [color-picker](../../../skills/uiify/references/elements/color-picker.md)
+
 ## Exports
 
 - Runtime: `ColorPicker`
-- Types: `ColorPickerProps`, `ColorSpace`
+- Types: `ColorPickerControlSlotProps`, `ColorPickerFieldSlotProps`, `ColorPickerInputSlotProps`, `ColorPickerLabelSlotProps`, `ColorPickerProps`, `ColorPickerSlotProps`, `ColorPickerSurfaceSlotProps`, `ColorSpace`
 
 ## Values
 
@@ -17,6 +21,16 @@
 
 ## Props and shapes
 
+### ColorPickerSlotProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `field` | `ColorPickerFieldSlotProps` | no |  |
+| `label` | `ColorPickerLabelSlotProps` | no |  |
+| `surface` | `ColorPickerSurfaceSlotProps` | no |  |
+| `control` | `ColorPickerControlSlotProps` | no |  |
+| `input` | `ColorPickerInputSlotProps` | no |  |
+
 ### ColorPickerOwnProps
 
 | Member | Type | Required | Description |
@@ -26,8 +40,14 @@
 | `defaultValue` | `string` | no |  |
 | `label` | `string` | yes |  |
 | `onValueChange` | `(value: string) => void` | no |  |
+| `slotProps` | `ColorPickerSlotProps` | no |  |
 | `value` | `string` | no |  |
 
 ## Other types
 
-- `ColorPickerProps`: `Omit<ComponentPropsWithRef<"input">, | "alpha" | "className" | "colorSpace" | "defaultValue" | "onChange" | "ref" | "style" | "type" | "value"> & ColorPickerOwnProps & { readonly className?: string; readonly onChange?: ChangeEventHandler<HTMLInputElement>; readonly ref?: Ref<HTMLInputElement>; readonly style?: CSSProperties; }`
+- `ColorPickerFieldSlotProps`: `Omit<ComponentPropsWithRef<"div">, | "children" | "dangerouslySetInnerHTML" | "data-disabled" | "data-invalid" | "data-part" | "data-required" | "data-uiify-color-picker" | "data-uiify-field" | "id"> & ConsumerDataAttributes & ColorPickerFieldOwnedAttributes`
+- `ColorPickerLabelSlotProps`: `Omit<ComponentPropsWithRef<"label">, | "children" | "dangerouslySetInnerHTML" | "id" | "htmlFor" | "data-disabled" | "data-part" | "data-required" | "data-uiify-color-picker"> & ConsumerDataAttributes & ColorPickerLabelOwnedAttributes`
+- `ColorPickerSurfaceSlotProps`: `Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-color-picker" | "data-value"> & ConsumerDataAttributes & ColorPickerSurfaceOwnedAttributes`
+- `ColorPickerControlSlotProps`: `Omit<ComponentPropsWithRef<"input">, | "children" | "dangerouslySetInnerHTML" | "aria-describedby" | "aria-hidden" | "aria-invalid" | "aria-labelledby" | "aria-required" | "disabled" | "defaultValue" | "id" | "name" | "readOnly" | "required" | "tabIndex" | "type" | "value" | "data-disabled" | "data-invalid" | "data-part" | "data-required" | "data-uiify-color-picker" | "data-uiify-input"> & ConsumerDataAttributes & ColorPickerControlOwnedAttributes`
+- `ColorPickerInputSlotProps`: `Omit<ComponentPropsWithRef<"input">, | "children" | "dangerouslySetInnerHTML" | "aria-invalid" | "aria-label" | "aria-labelledby" | "disabled" | "id" | "type" | "value" | "alpha" | "colorspace" | "defaultValue" | "data-part" | "data-uiify-color-picker" | "required"> & ConsumerDataAttributes & ColorPickerPartOwnedAttributes`
+- `ColorPickerProps`: `Omit<ComponentPropsWithRef<"input">, | "alpha" | "className" | "colorSpace" | "defaultValue" | "onChange" | "ref" | "style" | "type" | "value"> & ColorPickerOwnProps & { readonly className?: string; readonly onChange?: ChangeEventHandler<HTMLInputElement>; readonly ref?: Ref<HTMLInputElement>; readonly style?: CSSProperties; } & { readonly "data-uiify-color-picker"?: never; readonly "data-uiify-field"?: never; }`