@gunkin/uiify 0.0.24-alpha → 0.0.25-alpha

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` | `Omit<ComponentPropsWithRef<"span">, "children" \| "dangerouslySetInnerHTML" \| "aria-atomic" \| "aria-live"> & ConsumerDataAttributes` | no |  |
+| `assertiveLiveRegion` | `Omit<ComponentPropsWithRef<"span">, "children" \| "dangerouslySetInnerHTML" \| "aria-atomic" \| "aria-live"> & ConsumerDataAttributes` | no |  |
+
 ### ToastProviderOwnProps
 
 | Member | Type | Required | Description |
@@ -103,45 +127,57 @@
 | `children` | `ReactNode` | no |  |
 | `labels` | `Partial<ToastLabels>` | no |  |
 | `limit` | `number` | no |  |
+| `slotProps` | `ToastProviderSlotProps` | no |  |
 
 ### ToastViewportOwnProps
 
+Extends: `Omit<ComponentPropsWithRef<"section">, "children" | "dangerouslySetInnerHTML" | "popover" | "data-part" | "data-uiify-toast">`, `ConsumerDataAttributes`
+
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
-| `"aria-label"` | `string` | no |  |
+| `"data-part"` | `never` | no |  |
+| `"data-uiify-toast"` | `never` | 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" | "aria-label" | "data-part" | "data-state" | "data-uiify-toast" | "role" | "tabIndex">`, `ConsumerDataAttributes`
+
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
+| `"data-part"` | `never` | no |  |
+| `"data-state"` | `never` | no |  |
+| `"data-uiify-toast"` | `never` | no |  |
 | `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 +185,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 +202,12 @@ Extends: `ToastCloseOwnProps`
 
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
-| `onClick` | `(event: MouseEvent<HTMLButtonElement>) => void` | no |  |
+| `onClick` | `((event: MouseEvent<HTMLButtonElement>) => void) \| undefined` | no |  |
+
+## Other types
+
+- `ToastItemSlotProps`: `RepeatedSlotProps<Omit<ComponentPropsWithRef<"div">, | "children" | "dangerouslySetInnerHTML" | "data-part" | "data-state" | "data-uiify-toast" | "aria-label" | "role" | "tabIndex">, ToastItemOwnedAttributes>`
+- `ToastTitleSlotProps`: `RepeatedSlotProps<Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-toast">, ToastPartOwnedAttributes>`
+- `ToastDescriptionSlotProps`: `ToastTitleSlotProps`
+- `ToastActionSlotProps`: `RepeatedSlotProps<Omit<ComponentPropsWithRef<"button">, "children" | "dangerouslySetInnerHTML" | "type" | "data-part" | "data-uiify-toast">, ToastPartOwnedAttributes>`
+- `ToastCloseSlotProps`: `RepeatedSlotProps<Omit<ComponentPropsWithRef<"button">, | "children" | "dangerouslySetInnerHTML" | "type" | "aria-label" | "data-part" | "data-uiify-toast">, ToastPartOwnedAttributes & { readonly "aria-label"?: never }>`

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 |
 | --- | --- | --- | --- |
@@ -27,4 +34,10 @@
 | `pressed` | `boolean` | no |  |
 | `defaultPressed` | `boolean` | no |  |
 | `disabled` | `boolean` | no |  |
-| `className` | `string` | no |  |
+| `slotProps` | `ToggleSlotProps` | no |  |
+
+## Other types
+
+- `ToggleControlSlotProps`: `Omit<ComponentPropsWithRef<"input">, | "aria-labelledby" | "checked" | "data-disabled" | "data-part" | "data-state" | "data-uiify-toggle" | "defaultChecked" | "disabled" | "id" | "type"> & ToggleControlOwnedAttributes & ConsumerDataAttributes`
+- `ToggleLabelSlotProps`: `Omit<ComponentPropsWithRef<"label">, "children" | "data-part" | "data-uiify-button" | "data-variant" | "htmlFor" | "id"> & ToggleLabelOwnedAttributes & ConsumerDataAttributes`
+- `ToggleProps`: `ToggleOwnProps & Omit<ComponentPropsWithRef<"div">, | keyof ToggleOwnProps | "children" | "dangerouslySetInnerHTML" | "data-disabled" | "data-uiify-toggle" | "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 |
@@ -75,12 +82,13 @@ Extends: `Omit<ComponentPropsWithoutRef<"div">, "children" | "role">`
 
 | 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 |  |
@@ -91,6 +99,22 @@ Extends: `Omit<ComponentPropsWithoutRef<"div">, "children" | "role">`
 | `followAppend` | `boolean \| "smooth"` | no |  |
 | `onScrollStateChange` | `(state: VirtualScrollScrollState) => void` | no |  |
 | `isScrollingResetDelay` | `number` | no |  |
+| `slotProps` | `VirtualScrollSlotProps` | no |  |
+
+### VirtualScrollRowShellProps
+
+Extends: `Omit<ComponentPropsWithRef<"div">, | "aria-posinset" | "aria-setsize" | "children" | "data-dynamic-row" | "data-part" | "data-row-index" | "dangerouslySetInnerHTML" | "role">`
+
+| 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 +123,8 @@ Extends: `Omit<ComponentPropsWithoutRef<"div">, "children" | "role">`
 | `slotIndex` | `number` | yes |  |
 | `index` | `number` | yes |  |
 | `item` | `T \| null` | yes |  |
+
+## Other types
+
+- `VirtualScrollRowSlotProps`: `RepeatedSlotProps<VirtualScrollRowNativeProps, VirtualScrollRowOwnedProps> & { readonly byItemIndex?: Readonly<Record<number, VirtualScrollRowNativeProps & ConsumerDataAttributes & VirtualScrollRowOwnedProps>>; }`
+- `VirtualScrollSpacerSlotProps`: `Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML" | "data-part"> & { readonly "data-part"?: never; } & ConsumerDataAttributes`

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" | "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; }`
+- `ChoiceLabelSlotProps`: `Omit<ComponentPropsWithRef<"label">, "children" | "dangerouslySetInnerHTML" | "htmlFor" | "id" | "data-part"> & ConsumerDataAttributes & { readonly "data-part"?: never }`
+- `ChoicePanelSlotProps`: `Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML" | "id" | "data-part"> & ConsumerDataAttributes & { readonly "data-part"?: never }`
+- `ChoiceItemProps`: `ChoiceItemOwnProps & Omit<ComponentPropsWithRef<"div">, keyof ChoiceItemOwnProps | "children" | "dangerouslySetInnerHTML">`

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,CAuD/B;yBA9De,SAAS"}

package/dist/components/accordion/Accordion.js

@@ -1,5 +1,7 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { createElement } from "react";
 import { DetailsContent, DetailsRoot, DetailsSummary } from "../../elements/details/index.js";
+import { omitProps, 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 +11,67 @@ 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,
+  return /* @__PURE__ */ jsx(
+    "div",
     {
-      "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
-  )) });
+      ...omitProps(rootProps, ["children", "dangerouslySetInnerHTML"]),
+      id,
+      "data-kind": type,
+      "data-uiify-accordion": "",
+      children: items.map((item) => {
+        const disabled = item.disabled ?? false;
+        return /* @__PURE__ */ createElement(
+          DetailsRoot,
+          {
+            ...resolveRepeatedSlotProps(slotProps?.item, item.value, [
+              "name",
+              "open",
+              "disabled",
+              "data-part",
+              "data-uiify-details",
+              "data-uiify-accordion"
+            ]),
+            "data-part": "item",
+            defaultOpen: isDefaultOpen(type, defaultValue, item.value),
+            disabled,
+            key: item.value,
+            ...type === "single" ? { name: id } : {}
+          },
+          /* @__PURE__ */ jsx(
+            DetailsSummary,
+            {
+              ...resolveRepeatedSlotProps(slotProps?.trigger, item.value, [
+                "disabled",
+                "part",
+                "data-part",
+                "data-uiify-details",
+                "data-uiify-accordion"
+              ]),
+              disabled,
+              part: "trigger",
+              children: item.label
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DetailsContent,
+            {
+              ...resolveRepeatedSlotProps(slotProps?.panel, item.value, [
+                "part",
+                "data-part",
+                "data-uiify-details",
+                "data-uiify-accordion"
+              ]),
+              part: "panel",
+              children: item.panel
+            }
+          )
+        );
+      })
+    }
+  );
 }
 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 { omitProps, 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\n      {...omitProps(rootProps, [\"children\", \"dangerouslySetInnerHTML\"])}\n      id={id}\n      data-kind={type}\n      data-uiify-accordion=\"\"\n    >\n      {items.map((item) => {\n        const disabled = item.disabled ?? false;\n        return (\n          <DetailsRoot\n            {...resolveRepeatedSlotProps(slotProps?.item, item.value, [\n              \"name\",\n              \"open\",\n              \"disabled\",\n              \"data-part\",\n              \"data-uiify-details\",\n              \"data-uiify-accordion\",\n            ])}\n            data-part=\"item\"\n            defaultOpen={isDefaultOpen(type, defaultValue, item.value)}\n            disabled={disabled}\n            key={item.value}\n            {...(type === \"single\" ? { name: id } : {})}\n          >\n            <DetailsSummary\n              {...resolveRepeatedSlotProps(slotProps?.trigger, item.value, [\n                \"disabled\",\n                \"part\",\n                \"data-part\",\n                \"data-uiify-details\",\n                \"data-uiify-accordion\",\n              ])}\n              disabled={disabled}\n              part=\"trigger\"\n            >\n              {item.label}\n            </DetailsSummary>\n            <DetailsContent\n              {...resolveRepeatedSlotProps(slotProps?.panel, item.value, [\n                \"part\",\n                \"data-part\",\n                \"data-uiify-details\",\n                \"data-uiify-accordion\",\n              ])}\n              part=\"panel\"\n            >\n              {item.panel}\n            </DetailsContent>\n          </DetailsRoot>\n        );\n      })}\n    </div>\n  );\n}\nAccordion.displayName = \"Accordion\";\n"],"mappings":"AAqDY;AAfF;AArCV,SAAS,gBAAgB,aAAa,sBAAsB;AAC5D,SAAS,WAAW,gCAAgC;AAGpD,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;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,UAAU,WAAW,CAAC,YAAY,yBAAyB,CAAC;AAAA,MAChE;AAAA,MACA,aAAW;AAAA,MACX,wBAAqB;AAAA,MAEpB,gBAAM,IAAI,CAAC,SAAS;AACnB,cAAM,WAAW,KAAK,YAAY;AAClC,eACE;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,yBAAyB,WAAW,MAAM,KAAK,OAAO;AAAA,cACxD;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,YACD,aAAU;AAAA,YACV,aAAa,cAAc,MAAM,cAAc,KAAK,KAAK;AAAA,YACzD;AAAA,YACA,KAAK,KAAK;AAAA,YACT,GAAI,SAAS,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;AAAA;AAAA,UAEzC;AAAA,YAAC;AAAA;AAAA,cACE,GAAG,yBAAyB,WAAW,SAAS,KAAK,OAAO;AAAA,gBAC3D;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cACF,CAAC;AAAA,cACD;AAAA,cACA,MAAK;AAAA,cAEJ,eAAK;AAAA;AAAA,UACR;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACE,GAAG,yBAAyB,WAAW,OAAO,KAAK,OAAO;AAAA,gBACzD;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cACF,CAAC;AAAA,cACD,MAAK;AAAA,cAEJ,eAAK;AAAA;AAAA,UACR;AAAA,QACF;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;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":[]}

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

@@ -1,12 +1,33 @@
+import type { ComponentPropsWithRef } from "react";
 import type { ChoicePanelItem } from "../internal/choice-family/types.js";
+import type { RepeatedSlotProps } from "../../core/slot-props.js";
 export type AccordionType = "single" | "multiple";
 export interface AccordionItem extends ChoicePanelItem {
 }
-export interface AccordionProps {
+type AccordionOwnedSlotAttributes = {
+    readonly name?: never;
+    readonly open?: never;
+    readonly disabled?: never;
+    readonly part?: never;
+    readonly "data-part"?: never;
+    readonly "data-uiify-details"?: never;
+    readonly "data-uiify-accordion"?: never;
+};
+export type AccordionItemSlotProps = RepeatedSlotProps<Omit<ComponentPropsWithRef<"details">, "name" | "open" | "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-details" | "data-uiify-accordion" | "disabled">, AccordionOwnedSlotAttributes>;
+export type AccordionTriggerSlotProps = RepeatedSlotProps<Omit<ComponentPropsWithRef<"summary">, "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-details" | "data-uiify-accordion" | "disabled" | "part">, AccordionOwnedSlotAttributes>;
+export type AccordionPanelSlotProps = RepeatedSlotProps<Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-details" | "data-uiify-accordion" | "part">, AccordionOwnedSlotAttributes>;
+export interface AccordionSlotProps {
+    readonly item?: AccordionItemSlotProps;
+    readonly trigger?: AccordionTriggerSlotProps;
+    readonly panel?: AccordionPanelSlotProps;
+}
+export interface AccordionOwnProps {
     readonly id: string;
     readonly items: readonly AccordionItem[];
     readonly type?: AccordionType;
     readonly defaultValue?: string | readonly string[];
-    readonly className?: string;
+    readonly slotProps?: AccordionSlotProps;
 }
+export type AccordionProps = AccordionOwnProps & Omit<ComponentPropsWithRef<"div">, keyof AccordionOwnProps | "children" | "dangerouslySetInnerHTML" | "data-uiify-accordion">;
+export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAC;AAElD,MAAM,WAAW,aAAc,SAAQ,eAAe;CAAG;AAEzD,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,aAAa,EAAE,CAAC;IACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAElE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAC;AAElD,MAAM,WAAW,aAAc,SAAQ,eAAe;CAAG;AAEzD,KAAK,4BAA4B,GAAG;IAClC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAC7B,QAAQ,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC;IACtC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,KAAK,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CACpD,IAAI,CACF,qBAAqB,CAAC,SAAS,CAAC,EAC9B,MAAM,GACN,MAAM,GACN,UAAU,GACV,yBAAyB,GACzB,WAAW,GACX,oBAAoB,GACpB,sBAAsB,GACtB,UAAU,CACb,EACD,4BAA4B,CAC7B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,CACvD,IAAI,CACF,qBAAqB,CAAC,SAAS,CAAC,EAC9B,UAAU,GACV,yBAAyB,GACzB,WAAW,GACX,oBAAoB,GACpB,sBAAsB,GACtB,UAAU,GACV,MAAM,CACT,EACD,4BAA4B,CAC7B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CACrD,IAAI,CACF,qBAAqB,CAAC,KAAK,CAAC,EAC1B,UAAU,GACV,yBAAyB,GACzB,WAAW,GACX,oBAAoB,GACpB,sBAAsB,GACtB,MAAM,CACT,EACD,4BAA4B,CAC7B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,sBAAsB,CAAC;IACvC,QAAQ,CAAC,OAAO,CAAC,EAAE,yBAAyB,CAAC;IAC7C,QAAQ,CAAC,KAAK,CAAC,EAAE,uBAAuB,CAAC;CAC1C;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,aAAa,EAAE,CAAC;IACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,kBAAkB,CAAC;CACzC;AAED,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAC5C,IAAI,CACF,qBAAqB,CAAC,KAAK,CAAC,EAC5B,MAAM,iBAAiB,GAAG,UAAU,GAAG,yBAAyB,GAAG,sBAAsB,CAC1F,CAAC"}

package/dist/components/alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAIrF,wBAAgB,KAAK,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACnD,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,GACrB,YAAY,GAAG,IAAI,CA8BrB;yBAhCe,KAAK;;;AAoCrB,wBAAgB,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACxD,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,GAC1B,YAAY,GAAG,IAAI,CASrB;yBAXe,UAAU;;;AAa1B,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC9D,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CAarB;yBAfe,gBAAgB"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAIrF,wBAAgB,KAAK,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACnD,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,GACrB,YAAY,GAAG,IAAI,CAmCrB;yBArCe,KAAK;;;AAyCrB,wBAAgB,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACxD,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,GAC1B,YAAY,GAAG,IAAI,CASrB;yBAXe,UAAU;;;AAa1B,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC9D,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CAarB;yBAfe,gBAAgB"}

package/dist/components/alert/Alert.js

@@ -1,5 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRenderElement } from "@gunkin/uiify/core/render";
+import { omitProps } from "../../core/slot-props.js";
 const symbols = { secondary: "\u24D8", success: "\u2713", warning: "\u26A0\uFE0E", destructive: "\xD7" };
 function Alert(props) {
   const {
@@ -7,6 +8,7 @@ function Alert(props) {
     render,
     variant = "secondary",
     symbol = symbols[variant],
+    slotProps,
     children,
     ...consumerProps
   } = props;
@@ -18,7 +20,15 @@ function Alert(props) {
       "data-uiify-alert": "",
       "data-variant": variant,
       children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        symbol !== false && /* @__PURE__ */ jsx("span", { "data-part": "symbol", "aria-hidden": "true", children: symbol }),
+        symbol !== false && /* @__PURE__ */ jsx(
+          "span",
+          {
+            ...omitProps(slotProps?.symbol, ["aria-hidden", "data-part", "data-uiify-alert"]),
+            "data-part": "symbol",
+            "aria-hidden": "true",
+            children: symbol
+          }
+        ),
         children
       ] })
     },

package/dist/components/alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { AlertDescriptionProps, AlertProps, AlertTitleProps } from \"./types.js\";\n\nconst symbols = { secondary: \"ⓘ\", success: \"✓\", warning: \"⚠︎\", destructive: \"×\" };\n\nexport function Alert<TAs extends ElementType = \"div\">(\n  props: AlertProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    variant = \"secondary\",\n    symbol = symbols[variant],\n    children,\n    ...consumerProps\n  } = props as AlertProps<\"div\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"data-uiify-alert\": \"\",\n      \"data-variant\": variant,\n      children: (\n        <>\n          {symbol !== false && (\n            <span data-part=\"symbol\" aria-hidden=\"true\">\n              {symbol}\n            </span>\n          )}\n          {children}\n        </>\n      ),\n    },\n    render,\n    state: {},\n  });\n}\n\nAlert.displayName = \"Alert\";\n\nexport function AlertTitle<TAs extends ElementType = \"div\">(\n  props: AlertTitleProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as AlertTitleProps<\"div\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: { ...consumerProps, \"data-uiify-alert-title\": \"\", \"data-part\": \"title\" },\n    render,\n    state: {},\n  });\n}\n\nexport function AlertDescription<TAs extends ElementType = \"div\">(\n  props: AlertDescriptionProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as AlertDescriptionProps<\"div\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"data-uiify-alert-description\": \"\",\n      \"data-part\": \"description\",\n    },\n    render,\n    state: {},\n  });\n}\n\nAlertTitle.displayName = \"AlertTitle\";\nAlertDescription.displayName = \"AlertDescription\";\n"],"mappings":"AAyBQ,mBAEI,KAFJ;AAxBR,SAAS,wBAAwB;AAGjC,MAAM,UAAU,EAAE,WAAW,UAAK,SAAS,UAAK,SAAS,gBAAM,aAAa,OAAI;AAEzE,SAAS,MACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS,QAAQ,OAAO;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,MAChB,UACE,iCACG;AAAA,mBAAW,SACV,oBAAC,UAAK,aAAU,UAAS,eAAY,QAClC,kBACH;AAAA,QAED;AAAA,SACH;AAAA,IAEJ;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEA,MAAM,cAAc;AAEb,SAAS,WACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,eAAe,0BAA0B,IAAI,aAAa,QAAQ;AAAA,IAC9E;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,iBACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,gCAAgC;AAAA,MAChC,aAAa;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEA,WAAW,cAAc;AACzB,iBAAiB,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { omitProps } from \"../../core/slot-props.js\";\nimport type { AlertDescriptionProps, AlertProps, AlertTitleProps } from \"./types.js\";\n\nconst symbols = { secondary: \"ⓘ\", success: \"✓\", warning: \"⚠︎\", destructive: \"×\" };\n\nexport function Alert<TAs extends ElementType = \"div\">(\n  props: AlertProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    variant = \"secondary\",\n    symbol = symbols[variant],\n    slotProps,\n    children,\n    ...consumerProps\n  } = props as AlertProps<\"div\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"data-uiify-alert\": \"\",\n      \"data-variant\": variant,\n      children: (\n        <>\n          {symbol !== false && (\n            <span\n              {...omitProps(slotProps?.symbol, [\"aria-hidden\", \"data-part\", \"data-uiify-alert\"])}\n              data-part=\"symbol\"\n              aria-hidden=\"true\"\n            >\n              {symbol}\n            </span>\n          )}\n          {children}\n        </>\n      ),\n    },\n    render,\n    state: {},\n  });\n}\n\nAlert.displayName = \"Alert\";\n\nexport function AlertTitle<TAs extends ElementType = \"div\">(\n  props: AlertTitleProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as AlertTitleProps<\"div\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: { ...consumerProps, \"data-uiify-alert-title\": \"\", \"data-part\": \"title\" },\n    render,\n    state: {},\n  });\n}\n\nexport function AlertDescription<TAs extends ElementType = \"div\">(\n  props: AlertDescriptionProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as AlertDescriptionProps<\"div\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"data-uiify-alert-description\": \"\",\n      \"data-part\": \"description\",\n    },\n    render,\n    state: {},\n  });\n}\n\nAlertTitle.displayName = \"AlertTitle\";\nAlertDescription.displayName = \"AlertDescription\";\n"],"mappings":"AA2BQ,mBAEI,KAFJ;AA1BR,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAG1B,MAAM,UAAU,EAAE,WAAW,UAAK,SAAS,UAAK,SAAS,gBAAM,aAAa,OAAI;AAEzE,SAAS,MACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS,QAAQ,OAAO;AAAA,IACxB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,MAChB,UACE,iCACG;AAAA,mBAAW,SACV;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,UAAU,WAAW,QAAQ,CAAC,eAAe,aAAa,kBAAkB,CAAC;AAAA,YACjF,aAAU;AAAA,YACV,eAAY;AAAA,YAEX;AAAA;AAAA,QACH;AAAA,QAED;AAAA,SACH;AAAA,IAEJ;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEA,MAAM,cAAc;AAEb,SAAS,WACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,eAAe,0BAA0B,IAAI,aAAa,QAAQ;AAAA,IAC9E;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,iBACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,gCAAgC;AAAA,MAChC,aAAa;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEA,WAAW,cAAc;AACzB,iBAAiB,cAAc;","names":[]}

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

@@ -1,3 +1,3 @@
 export { Alert, AlertDescription, AlertTitle } from "./Alert.js";
-export type { AlertDescriptionOwnProps, AlertDescriptionProps, AlertOwnProps, AlertProps, AlertTitleOwnProps, AlertTitleProps, AlertVariant, } from "./types.js";
+export type { AlertDescriptionOwnProps, AlertDescriptionProps, AlertOwnProps, AlertProps, AlertSlotProps, AlertSymbolSlotProps, AlertTitleOwnProps, AlertTitleProps, AlertVariant, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACjE,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,YAAY,GACb,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACjE,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,YAAY,GACb,MAAM,YAAY,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/alert/index.ts"],"sourcesContent":["export { Alert, AlertDescription, AlertTitle } from \"./Alert.js\";\nexport type {\n  AlertDescriptionOwnProps,\n  AlertDescriptionProps,\n  AlertOwnProps,\n  AlertProps,\n  AlertTitleOwnProps,\n  AlertTitleProps,\n  AlertVariant,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,OAAO,kBAAkB,kBAAkB;","names":[]}
+{"version":3,"sources":["../../../src/components/alert/index.ts"],"sourcesContent":["export { Alert, AlertDescription, AlertTitle } from \"./Alert.js\";\nexport type {\n  AlertDescriptionOwnProps,\n  AlertDescriptionProps,\n  AlertOwnProps,\n  AlertProps,\n  AlertSlotProps,\n  AlertSymbolSlotProps,\n  AlertTitleOwnProps,\n  AlertTitleProps,\n  AlertVariant,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,OAAO,kBAAkB,kBAAkB;","names":[]}