@gunkin/uiify 0.0.13-alpha → 0.0.15-alpha

package/agents/reference/elements/details.md

@@ -0,0 +1,45 @@
+<!-- Generated from the package source. Do not edit by hand. -->
+# details
+
+- Import: `@gunkin/uiify/elements/details`
+- Native mechanism: details/summary
+- Parts: `Details.Root`, `Details.Summary`, `Details.Content`
+- Used by: accordion, collapsible, breadcrumb
+- Types file: `dist/elements/details.d.ts`
+
+## Exports
+
+- Runtime: `Details`, `DetailsContent`, `DetailsRoot`, `DetailsSummary`
+- Types: `DetailsContentOwnProps`, `DetailsContentProps`, `DetailsRootOwnProps`, `DetailsRootProps`, `DetailsSummaryOwnProps`, `DetailsSummaryProps`
+
+## Props and shapes
+
+### DetailsRootOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `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. |
+| `disabled` | `boolean` | no |  |
+
+### DetailsSummaryOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+| `disabled` | `boolean` | no |  |
+| `part` | `string` | no | `data-part` value on the rendered `<summary>`; omitted entirely when not given. |
+
+### DetailsContentOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+| `part` | `string` | no | `data-part` value on the rendered element; omitted entirely when not given. |
+
+## 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.
+- `DetailsSummaryProps`: `DetailsSummaryOwnProps & Omit<ComponentPropsWithRef<"summary">, keyof DetailsSummaryOwnProps>`
+- `DetailsContentProps<TAs>`: `RenderableProps<TAs, DetailsContentOwnProps, Record<string, never>, HTMLElement>`

package/agents/reference/elements/dialog.md

@@ -0,0 +1,43 @@
+<!-- Generated from the package source. Do not edit by hand. -->
+# dialog
+
+- Import: `@gunkin/uiify/elements/dialog`
+- Native mechanism: dialog + command=show-modal
+- Parts: `Dialog.Trigger`, `Dialog.Content`, `Dialog.Close`
+- Used by: modal, alert-modal, drawer
+- Types file: `dist/elements/dialog.d.ts`
+
+## Exports
+
+- Runtime: `Dialog`, `DialogClose`, `DialogContent`, `DialogTrigger`
+- Types: `DialogCloseOwnProps`, `DialogCloseProps`, `DialogContentNameProps`, `DialogContentOwnProps`, `DialogContentProps`, `DialogTriggerOwnProps`, `DialogTriggerProps`
+
+## Props and shapes
+
+### DialogTriggerOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+| `target` | `string` | yes | `id` of the `Dialog.Content` this button opens; the browser resolves it at click time. |
+
+### DialogCloseOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+| `target` | `string` | yes | `id` of the `Dialog.Content` this button closes. |
+
+### DialogContentOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+| `id` | `string` | yes | Unique id supplied by the consumer; referenced by trigger and close `target`. |
+
+## Other types
+
+- `DialogTriggerProps<TAs>`: `NativeButtonProps<TAs, DialogTriggerOwnProps>`
+- `DialogCloseProps<TAs>`: `NativeButtonProps<TAs, DialogCloseOwnProps>`
+- `DialogContentNameProps`: `{ readonly "aria-labelledby": string; readonly "aria-label"?: never } | { readonly "aria-label": string; readonly "aria-labelledby"?: never }` — An unnamed `<dialog>` is an axe violation the browser has no fallback for, so the accessible name is a type error to omit — exactly one of `aria-labelledby` or `aria-label` is required.
+- `DialogContentProps`: `DialogContentOwnProps & DialogContentNameProps & Omit<ComponentPropsWithRef<"dialog">, keyof DialogContentOwnProps | "open" | "popover" | "aria-label" | "aria-labelledby">` — A plain, initially closed `<dialog>`: `open` and `popover` are not part of the native contract, and the accessible name is required (see `DialogContentNameProps`).

package/agents/reference/elements/invoker.md

@@ -0,0 +1,28 @@
+<!-- Generated from the package source. Do not edit by hand. -->
+# invoker
+
+- Import: `@gunkin/uiify/elements/invoker`
+- Native mechanism: command/commandfor attributes
+- Parts: `Invoker`
+- Used by: dialog
+- Types file: `dist/elements/invoker.d.ts`
+
+## Exports
+
+- Runtime: `Invoker`
+- Types: `InvokerOwnProps`, `InvokerProps`, `NativeCommand`
+
+## Props and shapes
+
+### InvokerOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+| `command` | `NativeCommand` | yes | The command to invoke on `commandfor` when this button is activated. |
+| `commandfor` | `string` | yes | `id` of the element this button invokes a command on. |
+
+## Other types
+
+- `NativeCommand`: `` "show-modal" | "request-close" | "close" | "show-popover" | "hide-popover" | "toggle-popover" | `--${string}` `` — The commands defined by the HTML Invoker Commands API, plus a consumer `--*` custom command (template literal type). A custom command needs its own JS listener on `commandfor`'s target — this element documents that contract, it does not implement one.
+- `InvokerProps<TAs>`: `NativeButtonProps<TAs, InvokerOwnProps>` — `as` defaults to `"button"`; intrinsic tags other than `"button"` are a type error — invoker commands only fire from a real button — and `type` is owned by the element (it is always `"button"`, never `"submit"`/`"reset"`).

package/agents/reference/elements/popover.md

@@ -0,0 +1,53 @@
+<!-- Generated from the package source. Do not edit by hand. -->
+# popover
+
+- Import: `@gunkin/uiify/elements/popover`
+- Native mechanism: [popover] + popovertarget
+- Parts: `Popover.Trigger`, `Popover.Surface`, `Popover.Close`
+- Used by: popup
+- Types file: `dist/elements/popover.d.ts`
+
+## Exports
+
+- Runtime: `Popover`, `PopoverClose`, `PopoverSurface`, `PopoverTrigger`
+- Types: `AnchorAlign`, `AnchorSide`, `PopoverCloseOwnProps`, `PopoverCloseProps`, `PopoverSurfaceMode`, `PopoverSurfaceOwnProps`, `PopoverSurfaceProps`, `PopoverTriggerAction`, `PopoverTriggerOwnProps`, `PopoverTriggerProps`
+
+## Values
+
+- `PopoverSurfaceMode`: `"auto" | "manual"` — Cross-engine baseline; `hint` is not part of this element's contract.
+- `AnchorSide`: `"top" | "right" | "bottom" | "left"`
+- `AnchorAlign`: `"start" | "center" | "end"`
+- `PopoverTriggerAction`: `"toggle" | "show" | "hide"` — What a trigger does to its target popover when activated.
+
+## Props and shapes
+
+### PopoverTriggerOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+| `action` | `PopoverTriggerAction` | no | Defaults to `"toggle"`. |
+| `target` | `string` | yes | `id` of the `Popover.Surface` this button acts on. |
+
+### PopoverCloseOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+| `target` | `string` | yes | `id` of the `Popover.Surface` this button hides. |
+
+### PopoverSurfaceOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `align` | `AnchorAlign` | no |  |
+| `children` | `ReactNode` | no |  |
+| `id` | `string` | yes | Unique id supplied by the consumer; referenced by trigger and close `target`. |
+| `mode` | `PopoverSurfaceMode` | no |  |
+| `side` | `AnchorSide` | no |  |
+
+## 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.

package/dist/components/alert-modal/AlertModalParts.js

@@ -40,7 +40,7 @@ function AlertModalCancel(props) {
     "request-close",
     target,
     consumerProps,
-    { button: true, variant: "ghost" }
+    { button: true, variant: "secondary" }
   );
 }
 AlertModalCancel.displayName = "AlertModalCancel";

package/dist/components/alert-modal/AlertModalParts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/alert-modal/AlertModalParts.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type {\n  AlertModalActionProps,\n  AlertModalCancelProps,\n  AlertModalContentProps,\n  AlertModalTriggerProps,\n} from \"./types.js\";\n\n/** Native alert modal invoker with alert-modal identity and trigger anatomy. */\nexport function AlertModalTrigger<TAs extends ElementType = \"button\">(\n  props: AlertModalTriggerProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as AlertModalTriggerProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-alert-modal\",\n    \"trigger\",\n    \"show-modal\",\n    target,\n    consumerProps as Record<string, unknown>,\n    { button: true },\n  );\n}\nAlertModalTrigger.displayName = \"AlertModalTrigger\";\n\n/** Native alert dialog content with alert-modal identity and content anatomy. */\nexport function AlertModalContent(props: AlertModalContentProps): ReactElement {\n  const { children, ...dialogProps } = props;\n  return (\n    <dialog {...dialogProps} data-part=\"content\" data-uiify-alert-modal=\"\" role=\"alertdialog\">\n      {children}\n    </dialog>\n  );\n}\nAlertModalContent.displayName = \"AlertModalContent\";\n\n/** Native alert modal action invoker. */\nexport function AlertModalAction<TAs extends ElementType = \"button\">(\n  props: AlertModalActionProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as AlertModalActionProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-alert-modal\",\n    \"action\",\n    \"request-close\",\n    target,\n    consumerProps as Record<string, unknown>,\n    { button: true, variant: \"destructive\" },\n  );\n}\nAlertModalAction.displayName = \"AlertModalAction\";\n\n/** Native alert modal cancel invoker. */\nexport function AlertModalCancel<TAs extends ElementType = \"button\">(\n  props: AlertModalCancelProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as AlertModalCancelProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-alert-modal\",\n    \"cancel\",\n    \"request-close\",\n    target,\n    consumerProps as Record<string, unknown>,\n    { button: true, variant: \"ghost\" },\n  );\n}\nAlertModalCancel.displayName = \"AlertModalCancel\";\n"],"mappings":"AA8BI;AA7BJ,SAAS,2BAA2B;AAS7B,SAAS,kBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,KAAK;AAAA,EACjB;AACF;AACA,kBAAkB,cAAc;AAGzB,SAAS,kBAAkB,OAA6C;AAC7E,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,SACE,oBAAC,YAAQ,GAAG,aAAa,aAAU,WAAU,0BAAuB,IAAG,MAAK,eACzE,UACH;AAEJ;AACA,kBAAkB,cAAc;AAGzB,SAAS,iBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,MAAM,SAAS,cAAc;AAAA,EACzC;AACF;AACA,iBAAiB,cAAc;AAGxB,SAAS,iBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,MAAM,SAAS,QAAQ;AAAA,EACnC;AACF;AACA,iBAAiB,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/alert-modal/AlertModalParts.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type {\n  AlertModalActionProps,\n  AlertModalCancelProps,\n  AlertModalContentProps,\n  AlertModalTriggerProps,\n} from \"./types.js\";\n\n/** Native alert modal invoker with alert-modal identity and trigger anatomy. */\nexport function AlertModalTrigger<TAs extends ElementType = \"button\">(\n  props: AlertModalTriggerProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as AlertModalTriggerProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-alert-modal\",\n    \"trigger\",\n    \"show-modal\",\n    target,\n    consumerProps as Record<string, unknown>,\n    { button: true },\n  );\n}\nAlertModalTrigger.displayName = \"AlertModalTrigger\";\n\n/** Native alert dialog content with alert-modal identity and content anatomy. */\nexport function AlertModalContent(props: AlertModalContentProps): ReactElement {\n  const { children, ...dialogProps } = props;\n  return (\n    <dialog {...dialogProps} data-part=\"content\" data-uiify-alert-modal=\"\" role=\"alertdialog\">\n      {children}\n    </dialog>\n  );\n}\nAlertModalContent.displayName = \"AlertModalContent\";\n\n/** Native alert modal action invoker. */\nexport function AlertModalAction<TAs extends ElementType = \"button\">(\n  props: AlertModalActionProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as AlertModalActionProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-alert-modal\",\n    \"action\",\n    \"request-close\",\n    target,\n    consumerProps as Record<string, unknown>,\n    { button: true, variant: \"destructive\" },\n  );\n}\nAlertModalAction.displayName = \"AlertModalAction\";\n\n/** Native alert modal cancel invoker. */\nexport function AlertModalCancel<TAs extends ElementType = \"button\">(\n  props: AlertModalCancelProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as AlertModalCancelProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-alert-modal\",\n    \"cancel\",\n    \"request-close\",\n    target,\n    consumerProps as Record<string, unknown>,\n    { button: true, variant: \"secondary\" },\n  );\n}\nAlertModalCancel.displayName = \"AlertModalCancel\";\n"],"mappings":"AA8BI;AA7BJ,SAAS,2BAA2B;AAS7B,SAAS,kBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,KAAK;AAAA,EACjB;AACF;AACA,kBAAkB,cAAc;AAGzB,SAAS,kBAAkB,OAA6C;AAC7E,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,SACE,oBAAC,YAAQ,GAAG,aAAa,aAAU,WAAU,0BAAuB,IAAG,MAAK,eACzE,UACH;AAEJ;AACA,kBAAkB,cAAc;AAGzB,SAAS,iBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,MAAM,SAAS,cAAc;AAAA,EACzC;AACF;AACA,iBAAiB,cAAc;AAGxB,SAAS,iBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,MAAM,SAAS,YAAY;AAAA,EACvC;AACF;AACA,iBAAiB,cAAc;","names":[]}

package/dist/components/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAM9C,wBAAgB,MAAM,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACvD,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,GACtB,YAAY,GAAG,IAAI,CAqCrB"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAM9C,wBAAgB,MAAM,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACvD,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,GACtB,YAAY,GAAG,IAAI,CA8CrB"}

package/dist/components/button/Button.js

@@ -7,12 +7,14 @@ function Button(props) {
     as,
     render,
     disabled = false,
+    selected,
     size,
     type,
     variant,
     ...consumerProps
   } = props;
   const nativeButton = isNativeButton(as);
+  const ownsAria = "aria-pressed" in consumerProps || "aria-current" in consumerProps || "aria-selected" in consumerProps;
   return useRenderElement({
     as,
     defaultTag: "button",
@@ -21,6 +23,8 @@ function Button(props) {
       "data-uiify-button": "",
       ...size !== void 0 ? { "data-size": size } : {},
       ...variant !== void 0 ? { "data-variant": variant } : {},
+      ...selected ? { "data-selected": "" } : {},
+      ...selected !== void 0 && nativeButton && !ownsAria ? { "aria-pressed": selected } : {},
       ...nativeButton ? { type: type ?? "button", ...disabled ? { disabled: true } : {} } : disabled ? {
         "aria-disabled": true,
         tabIndex: -1,
@@ -31,7 +35,7 @@ function Button(props) {
       ...disabled ? { "data-disabled": "" } : {}
     },
     render,
-    state: { disabled }
+    state: { disabled, selected: selected ?? false }
   });
 }
 export {

package/dist/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { ButtonProps } from \"./types.js\";\n\nfunction isNativeButton(as: ElementType | undefined): boolean {\n  return as === undefined || as === \"button\";\n}\n\nexport function Button<TAs extends ElementType = \"button\">(\n  props: ButtonProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    disabled = false,\n    size,\n    type,\n    variant,\n    ...consumerProps\n  } = props as ButtonProps<\"button\">;\n\n  const nativeButton = isNativeButton(as);\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      \"data-uiify-button\": \"\",\n      ...(size !== undefined ? { \"data-size\": size } : {}),\n      ...(variant !== undefined ? { \"data-variant\": variant } : {}),\n      ...(nativeButton\n        ? { type: type ?? \"button\", ...(disabled ? { disabled: true } : {}) }\n        : disabled\n          ? {\n              \"aria-disabled\": true,\n              tabIndex: -1,\n              onClick: (event: { preventDefault: () => void }) => {\n                event.preventDefault();\n              },\n            }\n          : {}),\n      ...(disabled ? { \"data-disabled\": \"\" } : {}),\n    },\n    render,\n    state: { disabled },\n  });\n}\n"],"mappings":"AACA,SAAS,wBAAwB;AAGjC,SAAS,eAAe,IAAsC;AAC5D,SAAO,OAAO,UAAa,OAAO;AACpC;AAEO,SAAS,OACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,eAAe,EAAE;AAEtC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,qBAAqB;AAAA,MACrB,GAAI,SAAS,SAAY,EAAE,aAAa,KAAK,IAAI,CAAC;AAAA,MAClD,GAAI,YAAY,SAAY,EAAE,gBAAgB,QAAQ,IAAI,CAAC;AAAA,MAC3D,GAAI,eACA,EAAE,MAAM,QAAQ,UAAU,GAAI,WAAW,EAAE,UAAU,KAAK,IAAI,CAAC,EAAG,IAClE,WACE;AAAA,QACE,iBAAiB;AAAA,QACjB,UAAU;AAAA,QACV,SAAS,CAAC,UAA0C;AAClD,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF,IACA,CAAC;AAAA,MACP,GAAI,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;AAAA,IAC5C;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,EACpB,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { ButtonProps } from \"./types.js\";\n\nfunction isNativeButton(as: ElementType | undefined): boolean {\n  return as === undefined || as === \"button\";\n}\n\nexport function Button<TAs extends ElementType = \"button\">(\n  props: ButtonProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    disabled = false,\n    selected,\n    size,\n    type,\n    variant,\n    ...consumerProps\n  } = props as ButtonProps<\"button\">;\n\n  const nativeButton = isNativeButton(as);\n  // A toggle button reports its state through aria-pressed; anything that already names the\n  // relation itself (current page, selected tab) keeps its own attribute.\n  const ownsAria =\n    \"aria-pressed\" in consumerProps ||\n    \"aria-current\" in consumerProps ||\n    \"aria-selected\" in consumerProps;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      \"data-uiify-button\": \"\",\n      ...(size !== undefined ? { \"data-size\": size } : {}),\n      ...(variant !== undefined ? { \"data-variant\": variant } : {}),\n      ...(selected ? { \"data-selected\": \"\" } : {}),\n      ...(selected !== undefined && nativeButton && !ownsAria ? { \"aria-pressed\": selected } : {}),\n      ...(nativeButton\n        ? { type: type ?? \"button\", ...(disabled ? { disabled: true } : {}) }\n        : disabled\n          ? {\n              \"aria-disabled\": true,\n              tabIndex: -1,\n              onClick: (event: { preventDefault: () => void }) => {\n                event.preventDefault();\n              },\n            }\n          : {}),\n      ...(disabled ? { \"data-disabled\": \"\" } : {}),\n    },\n    render,\n    state: { disabled, selected: selected ?? false },\n  });\n}\n"],"mappings":"AACA,SAAS,wBAAwB;AAGjC,SAAS,eAAe,IAAsC;AAC5D,SAAO,OAAO,UAAa,OAAO;AACpC;AAEO,SAAS,OACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,eAAe,EAAE;AAGtC,QAAM,WACJ,kBAAkB,iBAClB,kBAAkB,iBAClB,mBAAmB;AAErB,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,qBAAqB;AAAA,MACrB,GAAI,SAAS,SAAY,EAAE,aAAa,KAAK,IAAI,CAAC;AAAA,MAClD,GAAI,YAAY,SAAY,EAAE,gBAAgB,QAAQ,IAAI,CAAC;AAAA,MAC3D,GAAI,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;AAAA,MAC1C,GAAI,aAAa,UAAa,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,SAAS,IAAI,CAAC;AAAA,MAC1F,GAAI,eACA,EAAE,MAAM,QAAQ,UAAU,GAAI,WAAW,EAAE,UAAU,KAAK,IAAI,CAAC,EAAG,IAClE,WACE;AAAA,QACE,iBAAiB;AAAA,QACjB,UAAU;AAAA,QACV,SAAS,CAAC,UAA0C;AAClD,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF,IACA,CAAC;AAAA,MACP,GAAI,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;AAAA,IAC5C;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,UAAU,YAAY,MAAM;AAAA,EACjD,CAAC;AACH;","names":[]}

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

@@ -1,15 +1,18 @@
 import type { ElementType } from "react";
 import type { RenderableProps } from "@gunkin/uiify/core/render";
-export type ButtonVariant = "solid" | "outline" | "ghost" | "destructive";
-export type ButtonSize = "sm" | "md" | "lg";
+export type ButtonVariant = "secondary" | "outline" | "ghost" | "destructive" | "link";
+export type ButtonSize = "sm" | "md" | "lg" | "icon-sm" | "icon" | "icon-lg";
 export interface ButtonOwnProps {
     readonly disabled?: boolean;
+    /** Marks the button as the chosen one of a set, or a toggle that is on. */
+    readonly selected?: boolean;
     readonly type?: "button" | "submit" | "reset";
     readonly size?: ButtonSize;
     readonly variant?: ButtonVariant;
 }
 export interface ButtonState {
     readonly disabled: boolean;
+    readonly selected: boolean;
 }
 export type ButtonProps<TAs extends ElementType = "button"> = RenderableProps<TAs, ButtonOwnProps, ButtonState, HTMLElement>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AAC1E,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC9C,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;CAClC;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,eAAe,CAC3E,GAAG,EACH,cAAc,EACd,WAAW,EACX,WAAW,CACZ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,CAAC;AACvF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAE7E,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,2EAA2E;IAC3E,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC9C,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;CAClC;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,eAAe,CAC3E,GAAG,EACH,cAAc,EACd,WAAW,EACX,WAAW,CACZ,CAAC"}

package/dist/components/carousel/CarouselMarkup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselMarkup.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/CarouselMarkup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EAAE,OAAO,EACb,OAAO,EACP,YAAY,GACb,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CAuI3C;yBA3Ie,cAAc"}
+{"version":3,"file":"CarouselMarkup.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/CarouselMarkup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EAAE,OAAO,EACb,OAAO,EACP,YAAY,GACb,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CA+I3C;yBAnJe,cAAc"}

package/dist/components/carousel/CarouselMarkup.js

@@ -37,6 +37,8 @@ function CarouselMarkup({
             type: "button",
             "data-part": "controls",
             "data-carousel-action": "rotation",
+            "data-uiify-button": "",
+            "data-variant": "outline",
             hidden: !enhanced,
             children: presentation.autoplay.requested ? labels.stop : labels.start
           }
@@ -77,6 +79,9 @@ function CarouselMarkup({
             "aria-label": labels.previous,
             "data-part": "controls",
             "data-carousel-action": "previous",
+            "data-size": "icon",
+            "data-uiify-button": "",
+            "data-variant": "outline",
             hidden: !enhanced,
             disabled: enhanced ? presentation.snapshot.atStart : void 0,
             children: base.icons?.previous
@@ -105,6 +110,9 @@ function CarouselMarkup({
             "aria-label": labels.next,
             "data-part": "controls",
             "data-carousel-action": "next",
+            "data-size": "icon",
+            "data-uiify-button": "",
+            "data-variant": "outline",
             hidden: !enhanced,
             disabled: enhanced ? presentation.snapshot.atEnd : void 0,
             children: base.icons?.next

package/dist/components/carousel/CarouselMarkup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/carousel/CarouselMarkup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { carouselFragment, carouselSlideId, normalizeCarouselProps } from \"./carousel-markup.js\";\nimport type { CarouselMarkupProps } from \"./types.js\";\n\nexport function CarouselMarkup({\n  base: rawBase,\n  rootRef,\n  presentation,\n}: CarouselMarkupProps): ReactElement | null {\n  const base = normalizeCarouselProps(rawBase);\n  const { items, labels } = base;\n  const hasControls = items.length > 1;\n\n  if (items.length === 0) return null;\n\n  const enhanced = presentation?.snapshot.ready === true;\n  // Pagination claims a current slide as soon as the client has mounted, even before\n  // the controller reports `ready` — SSR/pre-hydration markup still claims nothing.\n  const showActiveDot = enhanced || presentation?.mounted === true;\n  const activeIndex = presentation?.snapshot.index;\n  const announcedIndex = presentation?.snapshot.settledIndex;\n  const fade = enhanced && presentation.mode === \"fade\";\n  const presentedIndex = fade ? (presentation.snapshot.requestedIndex ?? activeIndex) : activeIndex;\n  const dotIndices =\n    enhanced && !presentation.preserveFallbackFocus\n      ? presentation.snapshot.pages.map((page) => page.index)\n      : items.map((_, index) => index);\n\n  return (\n    <section\n      ref={rootRef}\n      id={base.id}\n      aria-label={base[\"aria-label\"]}\n      aria-roledescription=\"carousel\"\n      data-uiify-carousel=\"\"\n      data-axis={base.axis}\n      {...(presentation ? { \"data-mode\": presentation.mode } : {})}\n      {...(enhanced ? { \"data-enhanced\": \"\" } : {})}\n      {...(base.dir ? { dir: base.dir } : {})}\n      {...(base.className ? { className: base.className } : {})}\n      {...(base.style ? { style: base.style } : {})}\n    >\n      {presentation && hasControls && presentation.autoplay ? (\n        <button\n          type=\"button\"\n          data-part=\"controls\"\n          data-carousel-action=\"rotation\"\n          hidden={!enhanced}\n        >\n          {presentation.autoplay.requested ? labels.stop : labels.start}\n        </button>\n      ) : null}\n\n      <div\n        id={`${base.id}--viewport`}\n        tabIndex={0}\n        role=\"group\"\n        aria-label={base[\"aria-label\"]}\n        data-part=\"viewport\"\n      >\n        {items.map((item, index) => {\n          const slideId = carouselSlideId(base.id, item.id);\n          return (\n            <div\n              key={item.id}\n              id={slideId}\n              role=\"group\"\n              aria-roledescription=\"slide\"\n              aria-label={`${item.label}, ${index + 1} ${labels.of} ${items.length}`}\n              className={item.className}\n              data-part=\"slide\"\n              data-carousel-index={index}\n              {...(enhanced\n                ? { \"data-state\": index === presentedIndex ? \"active\" : \"inactive\" }\n                : {})}\n              {...(fade && index !== presentedIndex ? { inert: true, \"aria-hidden\": true } : {})}\n            >\n              <div data-part=\"slide-content\">{item.children}</div>\n            </div>\n          );\n        })}\n      </div>\n\n      {presentation && hasControls && base.navigation ? (\n        <button\n          type=\"button\"\n          aria-label={labels.previous}\n          data-part=\"controls\"\n          data-carousel-action=\"previous\"\n          hidden={!enhanced}\n          disabled={enhanced ? presentation.snapshot.atStart : undefined}\n        >\n          {base.icons?.previous}\n        </button>\n      ) : null}\n\n      {base.pagination && hasControls ? (\n        <nav aria-label={labels.navigation} data-part=\"dots\">\n          {dotIndices.map((itemIndex) => {\n            const item = items[itemIndex];\n            if (!item) return null;\n            return (\n              <a\n                key={item.id}\n                href={carouselFragment(carouselSlideId(base.id, item.id))}\n                aria-label={`${labels.goTo} ${item.label}`}\n                aria-current={showActiveDot && itemIndex === activeIndex ? \"true\" : undefined}\n                data-part=\"dot\"\n                data-carousel-index={itemIndex}\n              >\n                {itemIndex + 1}\n              </a>\n            );\n          })}\n        </nav>\n      ) : null}\n\n      {presentation && hasControls && base.navigation ? (\n        <button\n          type=\"button\"\n          aria-label={labels.next}\n          data-part=\"controls\"\n          data-carousel-action=\"next\"\n          hidden={!enhanced}\n          disabled={enhanced ? presentation.snapshot.atEnd : undefined}\n        >\n          {base.icons?.next}\n        </button>\n      ) : null}\n\n      {presentation ? (\n        <div\n          aria-live={presentation.autoplay?.playing ? \"off\" : \"polite\"}\n          aria-atomic=\"true\"\n          data-part=\"status\"\n        >\n          {enhanced && announcedIndex !== undefined\n            ? `${items[announcedIndex]?.label ?? \"\"}, ${announcedIndex + 1} ${labels.of} ${items.length}`\n            : null}\n        </div>\n      ) : null}\n    </section>\n  );\n}\nCarouselMarkup.displayName = \"CarouselMarkup\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/carousel/CarouselMarkup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { carouselFragment, carouselSlideId, normalizeCarouselProps } from \"./carousel-markup.js\";\nimport type { CarouselMarkupProps } from \"./types.js\";\n\nexport function CarouselMarkup({\n  base: rawBase,\n  rootRef,\n  presentation,\n}: CarouselMarkupProps): ReactElement | null {\n  const base = normalizeCarouselProps(rawBase);\n  const { items, labels } = base;\n  const hasControls = items.length > 1;\n\n  if (items.length === 0) return null;\n\n  const enhanced = presentation?.snapshot.ready === true;\n  // Pagination claims a current slide as soon as the client has mounted, even before\n  // the controller reports `ready` — SSR/pre-hydration markup still claims nothing.\n  const showActiveDot = enhanced || presentation?.mounted === true;\n  const activeIndex = presentation?.snapshot.index;\n  const announcedIndex = presentation?.snapshot.settledIndex;\n  const fade = enhanced && presentation.mode === \"fade\";\n  const presentedIndex = fade ? (presentation.snapshot.requestedIndex ?? activeIndex) : activeIndex;\n  const dotIndices =\n    enhanced && !presentation.preserveFallbackFocus\n      ? presentation.snapshot.pages.map((page) => page.index)\n      : items.map((_, index) => index);\n\n  return (\n    <section\n      ref={rootRef}\n      id={base.id}\n      aria-label={base[\"aria-label\"]}\n      aria-roledescription=\"carousel\"\n      data-uiify-carousel=\"\"\n      data-axis={base.axis}\n      {...(presentation ? { \"data-mode\": presentation.mode } : {})}\n      {...(enhanced ? { \"data-enhanced\": \"\" } : {})}\n      {...(base.dir ? { dir: base.dir } : {})}\n      {...(base.className ? { className: base.className } : {})}\n      {...(base.style ? { style: base.style } : {})}\n    >\n      {presentation && hasControls && presentation.autoplay ? (\n        <button\n          type=\"button\"\n          data-part=\"controls\"\n          data-carousel-action=\"rotation\"\n          data-uiify-button=\"\"\n          data-variant=\"outline\"\n          hidden={!enhanced}\n        >\n          {presentation.autoplay.requested ? labels.stop : labels.start}\n        </button>\n      ) : null}\n\n      <div\n        id={`${base.id}--viewport`}\n        tabIndex={0}\n        role=\"group\"\n        aria-label={base[\"aria-label\"]}\n        data-part=\"viewport\"\n      >\n        {items.map((item, index) => {\n          const slideId = carouselSlideId(base.id, item.id);\n          return (\n            <div\n              key={item.id}\n              id={slideId}\n              role=\"group\"\n              aria-roledescription=\"slide\"\n              aria-label={`${item.label}, ${index + 1} ${labels.of} ${items.length}`}\n              className={item.className}\n              data-part=\"slide\"\n              data-carousel-index={index}\n              {...(enhanced\n                ? { \"data-state\": index === presentedIndex ? \"active\" : \"inactive\" }\n                : {})}\n              {...(fade && index !== presentedIndex ? { inert: true, \"aria-hidden\": true } : {})}\n            >\n              <div data-part=\"slide-content\">{item.children}</div>\n            </div>\n          );\n        })}\n      </div>\n\n      {presentation && hasControls && base.navigation ? (\n        <button\n          type=\"button\"\n          aria-label={labels.previous}\n          data-part=\"controls\"\n          data-carousel-action=\"previous\"\n          data-size=\"icon\"\n          data-uiify-button=\"\"\n          data-variant=\"outline\"\n          hidden={!enhanced}\n          disabled={enhanced ? presentation.snapshot.atStart : undefined}\n        >\n          {base.icons?.previous}\n        </button>\n      ) : null}\n\n      {base.pagination && hasControls ? (\n        <nav aria-label={labels.navigation} data-part=\"dots\">\n          {dotIndices.map((itemIndex) => {\n            const item = items[itemIndex];\n            if (!item) return null;\n            return (\n              <a\n                key={item.id}\n                href={carouselFragment(carouselSlideId(base.id, item.id))}\n                aria-label={`${labels.goTo} ${item.label}`}\n                aria-current={showActiveDot && itemIndex === activeIndex ? \"true\" : undefined}\n                data-part=\"dot\"\n                data-carousel-index={itemIndex}\n              >\n                {itemIndex + 1}\n              </a>\n            );\n          })}\n        </nav>\n      ) : null}\n\n      {presentation && hasControls && base.navigation ? (\n        <button\n          type=\"button\"\n          aria-label={labels.next}\n          data-part=\"controls\"\n          data-carousel-action=\"next\"\n          data-size=\"icon\"\n          data-uiify-button=\"\"\n          data-variant=\"outline\"\n          hidden={!enhanced}\n          disabled={enhanced ? presentation.snapshot.atEnd : undefined}\n        >\n          {base.icons?.next}\n        </button>\n      ) : null}\n\n      {presentation ? (\n        <div\n          aria-live={presentation.autoplay?.playing ? \"off\" : \"polite\"}\n          aria-atomic=\"true\"\n          data-part=\"status\"\n        >\n          {enhanced && announcedIndex !== undefined\n            ? `${items[announcedIndex]?.label ?? \"\"}, ${announcedIndex + 1} ${labels.of} ${items.length}`\n            : null}\n        </div>\n      ) : null}\n    </section>\n  );\n}\nCarouselMarkup.displayName = \"CarouselMarkup\";\n"],"mappings":"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","names":[]}

package/dist/components/internal/choice-family/ChoiceGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChoiceGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/choice-family/ChoiceGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE/D;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,SAAS,UAAU,EAClD,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAC7B,YAAY,CA8Dd;yBAhEe,WAAW"}
+{"version":3,"file":"ChoiceGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/choice-family/ChoiceGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE/D;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,SAAS,UAAU,EAClD,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAC7B,YAAY,CA6Dd;yBA/De,WAAW"}

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

@@ -19,7 +19,7 @@ function ChoiceGroup(props) {
     itemPart = "item",
     labelPart = false,
     rootAttributes,
-    itemWrapperAttributes,
+    labelAttributes,
     itemInputClassName,
     onItemChange,
     renderPanel,
@@ -42,7 +42,6 @@ function ChoiceGroup(props) {
           return /* @__PURE__ */ createElement(
             ElementChoiceItem,
             {
-              ...itemWrapperAttributes?.(item),
               ...panel === void 0 ? {} : { panel },
               ...isControlled ? { checked: isChecked(item) } : { defaultChecked: isChecked(item) },
               disabled: item.disabled ?? false,
@@ -56,7 +55,7 @@ function ChoiceGroup(props) {
               kind,
               label: renderLabel ? renderLabel(item) : item.label,
               labelPart: false,
-              labelProps: { "data-part": labelPart ? "trigger" : "label" },
+              labelProps: { ...labelAttributes, "data-part": labelPart ? "trigger" : "label" },
               name: groupName,
               ...onItemChange ? { onValueChange: () => onItemChange(item) } : {},
               panelProps: { "data-part": "panel" },

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/internal/choice-family/ChoiceGroup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport {\n  ChoiceGroup as ElementChoiceGroup,\n  ChoiceItem as ElementChoiceItem,\n} from \"../../../elements/choice/index.js\";\nimport { getChoiceGroupName } from \"./ids.js\";\nimport type { ChoiceGroupProps, ChoiceItem } from \"./types.js\";\n\n/**\n * Built on `@gunkin/uiify/elements/choice`: this component\n * stays the ergonomic, items-array API six components share, now implemented as a thin map\n * from `items` onto `Choice.Item` with canonical `data-part` anatomy.\n */\nexport function ChoiceGroup<TItem extends ChoiceItem>(\n  props: ChoiceGroupProps<TItem>,\n): ReactElement {\n  const {\n    id,\n    items,\n    namespace,\n    kind,\n    isChecked,\n    isControlled = false,\n    name,\n    orientation,\n    className,\n    itemPart = \"item\",\n    labelPart = false,\n    rootAttributes,\n    itemWrapperAttributes,\n    itemInputClassName,\n    onItemChange,\n    renderPanel,\n    renderLabel,\n    append,\n  } = props;\n  const groupName = name ?? getChoiceGroupName(id, kind);\n\n  return (\n    <ElementChoiceGroup\n      {...{ [`data-uiify-${namespace}`]: \"\" }}\n      {...rootAttributes}\n      className={className}\n      id={id}\n      kind={kind}\n      orientation={orientation}\n    >\n      {items.map((item) => {\n        const panel = renderPanel ? renderPanel(item) : undefined;\n        return (\n          <ElementChoiceItem\n            {...itemWrapperAttributes?.(item)}\n            {...(panel === undefined ? {} : { panel })}\n            {...(isControlled ? { checked: isChecked(item) } : { defaultChecked: isChecked(item) })}\n            disabled={item.disabled ?? false}\n            groupId={id}\n            inputProps={{\n              className: itemInputClassName?.(item),\n              \"data-part\": \"control\",\n              ...(kind === \"single\" ? { \"data-uiify-radio\": \"\" } : {}),\n            }}\n            key={item.value}\n            kind={kind}\n            label={renderLabel ? renderLabel(item) : item.label}\n            labelPart={false}\n            labelProps={{ \"data-part\": labelPart ? \"trigger\" : \"label\" }}\n            name={groupName}\n            {...(onItemChange ? { onValueChange: () => onItemChange(item) } : {})}\n            panelProps={{ \"data-part\": \"panel\" }}\n            part={itemPart}\n            value={item.value}\n          />\n        );\n      })}\n      {append ? <div data-part=\"append\">{append}</div> : null}\n    </ElementChoiceGroup>\n  );\n}\nChoiceGroup.displayName = \"ChoiceGroup\";\n"],"mappings":"AAuCI,SAmCY,KAnCZ;AAWM;AAjDV;AAAA,EACE,eAAe;AAAA,EACf,cAAc;AAAA,OACT;AACP,SAAS,0BAA0B;AAQ5B,SAAS,YACd,OACc;AACd,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,YAAY,QAAQ,mBAAmB,IAAI,IAAI;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,EAAE,CAAC,cAAc,SAAS,EAAE,GAAG,GAAG;AAAA,MACrC,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,cAAM,IAAI,CAAC,SAAS;AACnB,gBAAM,QAAQ,cAAc,YAAY,IAAI,IAAI;AAChD,iBACE;AAAA,YAAC;AAAA;AAAA,cACE,GAAG,wBAAwB,IAAI;AAAA,cAC/B,GAAI,UAAU,SAAY,CAAC,IAAI,EAAE,MAAM;AAAA,cACvC,GAAI,eAAe,EAAE,SAAS,UAAU,IAAI,EAAE,IAAI,EAAE,gBAAgB,UAAU,IAAI,EAAE;AAAA,cACrF,UAAU,KAAK,YAAY;AAAA,cAC3B,SAAS;AAAA,cACT,YAAY;AAAA,gBACV,WAAW,qBAAqB,IAAI;AAAA,gBACpC,aAAa;AAAA,gBACb,GAAI,SAAS,WAAW,EAAE,oBAAoB,GAAG,IAAI,CAAC;AAAA,cACxD;AAAA,cACA,KAAK,KAAK;AAAA,cACV;AAAA,cACA,OAAO,cAAc,YAAY,IAAI,IAAI,KAAK;AAAA,cAC9C,WAAW;AAAA,cACX,YAAY,EAAE,aAAa,YAAY,YAAY,QAAQ;AAAA,cAC3D,MAAM;AAAA,cACL,GAAI,eAAe,EAAE,eAAe,MAAM,aAAa,IAAI,EAAE,IAAI,CAAC;AAAA,cACnE,YAAY,EAAE,aAAa,QAAQ;AAAA,cACnC,MAAM;AAAA,cACN,OAAO,KAAK;AAAA;AAAA,UACd;AAAA,QAEJ,CAAC;AAAA,QACA,SAAS,oBAAC,SAAI,aAAU,UAAU,kBAAO,IAAS;AAAA;AAAA;AAAA,EACrD;AAEJ;AACA,YAAY,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/internal/choice-family/ChoiceGroup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport {\n  ChoiceGroup as ElementChoiceGroup,\n  ChoiceItem as ElementChoiceItem,\n} from \"../../../elements/choice/index.js\";\nimport { getChoiceGroupName } from \"./ids.js\";\nimport type { ChoiceGroupProps, ChoiceItem } from \"./types.js\";\n\n/**\n * Built on `@gunkin/uiify/elements/choice`: this component\n * stays the ergonomic, items-array API six components share, now implemented as a thin map\n * from `items` onto `Choice.Item` with canonical `data-part` anatomy.\n */\nexport function ChoiceGroup<TItem extends ChoiceItem>(\n  props: ChoiceGroupProps<TItem>,\n): ReactElement {\n  const {\n    id,\n    items,\n    namespace,\n    kind,\n    isChecked,\n    isControlled = false,\n    name,\n    orientation,\n    className,\n    itemPart = \"item\",\n    labelPart = false,\n    rootAttributes,\n    labelAttributes,\n    itemInputClassName,\n    onItemChange,\n    renderPanel,\n    renderLabel,\n    append,\n  } = props;\n  const groupName = name ?? getChoiceGroupName(id, kind);\n\n  return (\n    <ElementChoiceGroup\n      {...{ [`data-uiify-${namespace}`]: \"\" }}\n      {...rootAttributes}\n      className={className}\n      id={id}\n      kind={kind}\n      orientation={orientation}\n    >\n      {items.map((item) => {\n        const panel = renderPanel ? renderPanel(item) : undefined;\n        return (\n          <ElementChoiceItem\n            {...(panel === undefined ? {} : { panel })}\n            {...(isControlled ? { checked: isChecked(item) } : { defaultChecked: isChecked(item) })}\n            disabled={item.disabled ?? false}\n            groupId={id}\n            inputProps={{\n              className: itemInputClassName?.(item),\n              \"data-part\": \"control\",\n              ...(kind === \"single\" ? { \"data-uiify-radio\": \"\" } : {}),\n            }}\n            key={item.value}\n            kind={kind}\n            label={renderLabel ? renderLabel(item) : item.label}\n            labelPart={false}\n            labelProps={{ ...labelAttributes, \"data-part\": labelPart ? \"trigger\" : \"label\" }}\n            name={groupName}\n            {...(onItemChange ? { onValueChange: () => onItemChange(item) } : {})}\n            panelProps={{ \"data-part\": \"panel\" }}\n            part={itemPart}\n            value={item.value}\n          />\n        );\n      })}\n      {append ? <div data-part=\"append\">{append}</div> : null}\n    </ElementChoiceGroup>\n  );\n}\nChoiceGroup.displayName = \"ChoiceGroup\";\n"],"mappings":"AAuCI,SAkCY,KAlCZ;AAWM;AAjDV;AAAA,EACE,eAAe;AAAA,EACf,cAAc;AAAA,OACT;AACP,SAAS,0BAA0B;AAQ5B,SAAS,YACd,OACc;AACd,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,YAAY,QAAQ,mBAAmB,IAAI,IAAI;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,EAAE,CAAC,cAAc,SAAS,EAAE,GAAG,GAAG;AAAA,MACrC,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,cAAM,IAAI,CAAC,SAAS;AACnB,gBAAM,QAAQ,cAAc,YAAY,IAAI,IAAI;AAChD,iBACE;AAAA,YAAC;AAAA;AAAA,cACE,GAAI,UAAU,SAAY,CAAC,IAAI,EAAE,MAAM;AAAA,cACvC,GAAI,eAAe,EAAE,SAAS,UAAU,IAAI,EAAE,IAAI,EAAE,gBAAgB,UAAU,IAAI,EAAE;AAAA,cACrF,UAAU,KAAK,YAAY;AAAA,cAC3B,SAAS;AAAA,cACT,YAAY;AAAA,gBACV,WAAW,qBAAqB,IAAI;AAAA,gBACpC,aAAa;AAAA,gBACb,GAAI,SAAS,WAAW,EAAE,oBAAoB,GAAG,IAAI,CAAC;AAAA,cACxD;AAAA,cACA,KAAK,KAAK;AAAA,cACV;AAAA,cACA,OAAO,cAAc,YAAY,IAAI,IAAI,KAAK;AAAA,cAC9C,WAAW;AAAA,cACX,YAAY,EAAE,GAAG,iBAAiB,aAAa,YAAY,YAAY,QAAQ;AAAA,cAC/E,MAAM;AAAA,cACL,GAAI,eAAe,EAAE,eAAe,MAAM,aAAa,IAAI,EAAE,IAAI,CAAC;AAAA,cACnE,YAAY,EAAE,aAAa,QAAQ;AAAA,cACnC,MAAM;AAAA,cACN,OAAO,KAAK;AAAA;AAAA,UACd;AAAA,QAEJ,CAAC;AAAA,QACA,SAAS,oBAAC,SAAI,aAAU,UAAU,kBAAO,IAAS;AAAA;AAAA;AAAA,EACrD;AAEJ;AACA,YAAY,cAAc;","names":[]}

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

@@ -28,8 +28,8 @@ export interface ChoiceGroupProps<TItem extends ChoiceItem = ChoiceItem> {
     readonly labelPart?: boolean;
     /** Extra attributes spread onto the root, e.g. `data-full-width`, `aria-label`. */
     readonly rootAttributes?: Record<string, string | undefined>;
-    /** Extra attributes spread onto each item's wrapper div, such as consumer state markers. */
-    readonly itemWrapperAttributes?: (item: TItem) => Record<string, string | undefined>;
+    /** Extra attributes for each item's label, e.g. the Button skin markers. */
+    readonly labelAttributes?: Record<string, string>;
     /** Per-item `className` hook for the input, e.g. RadioGroup's `item.className`. */
     readonly itemInputClassName?: (item: TItem) => string | undefined;
     /** Fires on the input's native `change` event, e.g. a client wrapper syncing

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/choice-family/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1D;+EAC+E;AAC/E,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEpD,MAAM,WAAW,gBAAgB,CAAC,KAAK,SAAS,UAAU,GAAG,UAAU;IACrE,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,KAAK,EAAE,CAAC;IACjC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;IAC/B,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC;IAC7C,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,uEAAuE;IACvE,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,iEAAiE;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,6CAA6C;IAC7C,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,mFAAmF;IACnF,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IAC7D,4FAA4F;IAC5F,QAAQ,CAAC,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACrF,mFAAmF;IACnF,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,GAAG,SAAS,CAAC;IAClE;8EAC0E;IAC1E,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IAC9C,wFAAwF;IACxF,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC;IAClD,sFAAsF;IACtF,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC;IAClD,6FAA6F;IAC7F,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/choice-family/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1D;+EAC+E;AAC/E,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEpD,MAAM,WAAW,gBAAgB,CAAC,KAAK,SAAS,UAAU,GAAG,UAAU;IACrE,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,KAAK,EAAE,CAAC;IACjC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;IAC/B,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC;IAC7C,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,uEAAuE;IACvE,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,iEAAiE;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,6CAA6C;IAC7C,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,mFAAmF;IACnF,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IAC7D,4EAA4E;IAC5E,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClD,mFAAmF;IACnF,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,GAAG,SAAS,CAAC;IAClE;8EAC0E;IAC1E,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IAC9C,wFAAwF;IACxF,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC;IAClD,sFAAsF;IACtF,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC;IAClD,6FAA6F;IAC7F,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;CAC7B"}

package/dist/components/pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/Pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAInE,OAAO,EACL,kBAAkB,IAAI,yBAAyB,EAC/C,kBAAkB,EAEnB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAGV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAEpB,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK9E,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC5D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAuDrB;yBAzDe,cAAc;;;AA8F9B,wBAAgB,cAAc,IAAI,YAAY,GAAG,IAAI,CAUpD;yBAVe,cAAc;;;AAa9B,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC/D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CA8BrB;AA0ED,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/Pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAInE,OAAO,EACL,kBAAkB,IAAI,yBAAyB,EAC/C,kBAAkB,EAEnB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAGV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAEpB,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK9E,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC5D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAuDrB;yBAzDe,cAAc;;;AA8F9B,wBAAgB,cAAc,IAAI,YAAY,GAAG,IAAI,CAUpD;yBAVe,cAAc;;;AAa9B,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC/D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAiCrB;AAkFD,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC"}

package/dist/components/pagination/Pagination.js

@@ -107,7 +107,10 @@ function PaginationLink(props) {
       "aria-current": selected ? "page" : void 0,
       "aria-label": `Page ${page}`,
       "data-selected": selected ? "" : void 0,
+      "data-size": "icon",
       "data-type": "page",
+      "data-uiify-button": "",
+      "data-variant": "ghost",
       disabled: disabled || void 0,
       onClick: composeEventHandlers(onClick, () => setPage(page)),
       type: "button",
@@ -124,6 +127,8 @@ function PaginationPrevious({ disabled }) {
     {
       "aria-label": "Previous page",
       "data-type": "previous",
+      "data-uiify-button": "",
+      "data-variant": "ghost",
       disabled,
       onClick: () => setPage(page - 1),
       type: "button",
@@ -139,6 +144,8 @@ function PaginationNext({ disabled }) {
     {
       "aria-label": "Next page",
       "data-type": "next",
+      "data-uiify-button": "",
+      "data-variant": "ghost",
       disabled,
       onClick: () => setPage(page + 1),
       type: "button",
@@ -154,6 +161,8 @@ function PaginationFirst({ disabled }) {
     {
       "aria-label": "First page",
       "data-type": "first",
+      "data-uiify-button": "",
+      "data-variant": "ghost",
       disabled,
       onClick: () => setPage(1),
       type: "button",
@@ -169,6 +178,8 @@ function PaginationLast({ disabled }) {
     {
       "aria-label": "Last page",
       "data-type": "last",
+      "data-uiify-button": "",
+      "data-variant": "ghost",
       disabled,
       onClick: () => setPage(count),
       type: "button",

package/dist/components/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport type { ElementType, MouseEvent, ReactElement } from \"react\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport {\n  PaginationEllipsis as PaginationEllipsisElement,\n  PaginationItemPart,\n  PaginationList as PaginationListElement,\n} from \"./PaginationShell.js\";\nimport { usePagination } from \"./use-pagination.js\";\nimport type {\n  PaginationContextValue,\n  PaginationItem,\n  PaginationLinkProps,\n  PaginationRootProps,\n} from \"./types.js\";\n\nexport type { PaginationItem } from \"./types.js\";\n\nexport { PaginationEllipsis, PaginationItemPart } from \"./PaginationShell.js\";\n\nconst [PaginationProvider, usePaginationContext] =\n  createPartContext<PaginationContextValue>(\"Pagination\");\n\nexport function PaginationRoot<TAs extends ElementType = \"nav\">(\n  props: PaginationRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    \"aria-label\": ariaLabel = \"Pagination\",\n    boundaryCount,\n    count,\n    defaultPage,\n    disabled,\n    onPageChange,\n    page,\n    showFirstLast,\n    siblingCount,\n    children,\n    ...consumerProps\n  } = props as PaginationRootProps<\"nav\">;\n\n  const {\n    items,\n    page: currentPage,\n    setPage,\n  } = usePagination({\n    count,\n    ...(boundaryCount !== undefined ? { boundaryCount } : {}),\n    ...(defaultPage !== undefined ? { defaultPage } : {}),\n    ...(disabled !== undefined ? { disabled } : {}),\n    ...(onPageChange !== undefined ? { onPageChange } : {}),\n    ...(page !== undefined ? { page } : {}),\n    ...(showFirstLast !== undefined ? { showFirstLast } : {}),\n    ...(siblingCount !== undefined ? { siblingCount } : {}),\n  });\n\n  const contextValue = useMemo(\n    () => ({ count, items, page: currentPage, setPage }),\n    [count, currentPage, items, setPage],\n  );\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"nav\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": ariaLabel,\n      children: children ?? (\n        <ol>\n          <PaginationListItems />\n        </ol>\n      ),\n      \"data-uiify-pagination\": \"\",\n    },\n    render,\n    state: { page: currentPage },\n  });\n\n  return <PaginationProvider value={contextValue}>{element}</PaginationProvider>;\n}\nPaginationRoot.displayName = \"PaginationRoot\";\n\nfunction PaginationListItems(): ReactElement {\n  const { items } = usePaginationContext(\"List\");\n  return (\n    <>\n      {items.map((item, index) => (\n        <PaginationItemRenderer item={item} key={`${item.type}-${item.page ?? index}`} />\n      ))}\n    </>\n  );\n}\nPaginationListItems.displayName = \"PaginationListItems\";\n\nfunction PaginationItemRenderer({ item }: { readonly item: PaginationItem }): ReactElement {\n  switch (item.type) {\n    case \"ellipsis\":\n      return <PaginationEllipsisElement />;\n    case \"previous\":\n      return <PaginationPrevious disabled={item.disabled} />;\n    case \"next\":\n      return <PaginationNext disabled={item.disabled} />;\n    case \"first\":\n      return <PaginationFirst disabled={item.disabled} />;\n    case \"last\":\n      return <PaginationLast disabled={item.disabled} />;\n    default:\n      return (\n        <PaginationItemPart>\n          <PaginationLink disabled={item.disabled} page={item.page ?? 1} selected={item.selected} />\n        </PaginationItemPart>\n      );\n  }\n}\nPaginationItemRenderer.displayName = \"PaginationItemRenderer\";\n\nexport function PaginationList(): ReactElement | null {\n  const { items } = usePaginationContext(\"List\");\n\n  return (\n    <PaginationListElement>\n      {items.map((item, index) => (\n        <PaginationItemRenderer item={item} key={`${item.type}-${item.page ?? index}`} />\n      ))}\n    </PaginationListElement>\n  );\n}\nPaginationList.displayName = \"PaginationList\";\n\nexport function PaginationLink<TAs extends ElementType = \"button\">(\n  props: PaginationLinkProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    disabled = false,\n    page,\n    selected = false,\n    ...consumerProps\n  } = props as PaginationLinkProps<\"button\">;\n  const { setPage } = usePaginationContext(\"Link\");\n  const onClick = (consumerProps as { onClick?: (event: MouseEvent<HTMLButtonElement>) => void })\n    .onClick;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      \"aria-current\": selected ? \"page\" : undefined,\n      \"aria-label\": `Page ${page}`,\n      \"data-selected\": selected ? \"\" : undefined,\n      \"data-type\": \"page\",\n      disabled: disabled || undefined,\n      onClick: composeEventHandlers(onClick, () => setPage(page)),\n      type: \"button\",\n      children: page,\n    },\n    render,\n    state: { selected },\n  });\n}\n\nfunction PaginationPrevious({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { page, setPage } = usePaginationContext(\"Previous\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"Previous page\"\n        data-type=\"previous\"\n        disabled={disabled}\n        onClick={() => setPage(page - 1)}\n        type=\"button\"\n      >\n        Previous\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nfunction PaginationNext({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { page, setPage } = usePaginationContext(\"Next\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"Next page\"\n        data-type=\"next\"\n        disabled={disabled}\n        onClick={() => setPage(page + 1)}\n        type=\"button\"\n      >\n        Next\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationNext.displayName = \"PaginationNext\";\n\nfunction PaginationFirst({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { setPage } = usePaginationContext(\"First\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"First page\"\n        data-type=\"first\"\n        disabled={disabled}\n        onClick={() => setPage(1)}\n        type=\"button\"\n      >\n        First\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationFirst.displayName = \"PaginationFirst\";\n\nfunction PaginationLast({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { count, setPage } = usePaginationContext(\"Last\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"Last page\"\n        data-type=\"last\"\n        disabled={disabled}\n        onClick={() => setPage(count)}\n        type=\"button\"\n      >\n        Last\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationLast.displayName = \"PaginationLast\";\n\nexport const Pagination = {\n  Ellipsis: PaginationEllipsisElement,\n  Item: PaginationItemPart,\n  Link: PaginationLink,\n  List: PaginationList,\n  Root: PaginationRoot,\n};\n"],"mappings":"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","names":["PaginationItemPart"]}
+{"version":3,"sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport type { ElementType, MouseEvent, ReactElement } from \"react\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport {\n  PaginationEllipsis as PaginationEllipsisElement,\n  PaginationItemPart,\n  PaginationList as PaginationListElement,\n} from \"./PaginationShell.js\";\nimport { usePagination } from \"./use-pagination.js\";\nimport type {\n  PaginationContextValue,\n  PaginationItem,\n  PaginationLinkProps,\n  PaginationRootProps,\n} from \"./types.js\";\n\nexport type { PaginationItem } from \"./types.js\";\n\nexport { PaginationEllipsis, PaginationItemPart } from \"./PaginationShell.js\";\n\nconst [PaginationProvider, usePaginationContext] =\n  createPartContext<PaginationContextValue>(\"Pagination\");\n\nexport function PaginationRoot<TAs extends ElementType = \"nav\">(\n  props: PaginationRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    \"aria-label\": ariaLabel = \"Pagination\",\n    boundaryCount,\n    count,\n    defaultPage,\n    disabled,\n    onPageChange,\n    page,\n    showFirstLast,\n    siblingCount,\n    children,\n    ...consumerProps\n  } = props as PaginationRootProps<\"nav\">;\n\n  const {\n    items,\n    page: currentPage,\n    setPage,\n  } = usePagination({\n    count,\n    ...(boundaryCount !== undefined ? { boundaryCount } : {}),\n    ...(defaultPage !== undefined ? { defaultPage } : {}),\n    ...(disabled !== undefined ? { disabled } : {}),\n    ...(onPageChange !== undefined ? { onPageChange } : {}),\n    ...(page !== undefined ? { page } : {}),\n    ...(showFirstLast !== undefined ? { showFirstLast } : {}),\n    ...(siblingCount !== undefined ? { siblingCount } : {}),\n  });\n\n  const contextValue = useMemo(\n    () => ({ count, items, page: currentPage, setPage }),\n    [count, currentPage, items, setPage],\n  );\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"nav\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": ariaLabel,\n      children: children ?? (\n        <ol>\n          <PaginationListItems />\n        </ol>\n      ),\n      \"data-uiify-pagination\": \"\",\n    },\n    render,\n    state: { page: currentPage },\n  });\n\n  return <PaginationProvider value={contextValue}>{element}</PaginationProvider>;\n}\nPaginationRoot.displayName = \"PaginationRoot\";\n\nfunction PaginationListItems(): ReactElement {\n  const { items } = usePaginationContext(\"List\");\n  return (\n    <>\n      {items.map((item, index) => (\n        <PaginationItemRenderer item={item} key={`${item.type}-${item.page ?? index}`} />\n      ))}\n    </>\n  );\n}\nPaginationListItems.displayName = \"PaginationListItems\";\n\nfunction PaginationItemRenderer({ item }: { readonly item: PaginationItem }): ReactElement {\n  switch (item.type) {\n    case \"ellipsis\":\n      return <PaginationEllipsisElement />;\n    case \"previous\":\n      return <PaginationPrevious disabled={item.disabled} />;\n    case \"next\":\n      return <PaginationNext disabled={item.disabled} />;\n    case \"first\":\n      return <PaginationFirst disabled={item.disabled} />;\n    case \"last\":\n      return <PaginationLast disabled={item.disabled} />;\n    default:\n      return (\n        <PaginationItemPart>\n          <PaginationLink disabled={item.disabled} page={item.page ?? 1} selected={item.selected} />\n        </PaginationItemPart>\n      );\n  }\n}\nPaginationItemRenderer.displayName = \"PaginationItemRenderer\";\n\nexport function PaginationList(): ReactElement | null {\n  const { items } = usePaginationContext(\"List\");\n\n  return (\n    <PaginationListElement>\n      {items.map((item, index) => (\n        <PaginationItemRenderer item={item} key={`${item.type}-${item.page ?? index}`} />\n      ))}\n    </PaginationListElement>\n  );\n}\nPaginationList.displayName = \"PaginationList\";\n\nexport function PaginationLink<TAs extends ElementType = \"button\">(\n  props: PaginationLinkProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    disabled = false,\n    page,\n    selected = false,\n    ...consumerProps\n  } = props as PaginationLinkProps<\"button\">;\n  const { setPage } = usePaginationContext(\"Link\");\n  const onClick = (consumerProps as { onClick?: (event: MouseEvent<HTMLButtonElement>) => void })\n    .onClick;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      \"aria-current\": selected ? \"page\" : undefined,\n      \"aria-label\": `Page ${page}`,\n      \"data-selected\": selected ? \"\" : undefined,\n      \"data-size\": \"icon\",\n      \"data-type\": \"page\",\n      \"data-uiify-button\": \"\",\n      \"data-variant\": \"ghost\",\n      disabled: disabled || undefined,\n      onClick: composeEventHandlers(onClick, () => setPage(page)),\n      type: \"button\",\n      children: page,\n    },\n    render,\n    state: { selected },\n  });\n}\n\nfunction PaginationPrevious({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { page, setPage } = usePaginationContext(\"Previous\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"Previous page\"\n        data-type=\"previous\"\n        data-uiify-button=\"\"\n        data-variant=\"ghost\"\n        disabled={disabled}\n        onClick={() => setPage(page - 1)}\n        type=\"button\"\n      >\n        Previous\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nfunction PaginationNext({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { page, setPage } = usePaginationContext(\"Next\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"Next page\"\n        data-type=\"next\"\n        data-uiify-button=\"\"\n        data-variant=\"ghost\"\n        disabled={disabled}\n        onClick={() => setPage(page + 1)}\n        type=\"button\"\n      >\n        Next\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationNext.displayName = \"PaginationNext\";\n\nfunction PaginationFirst({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { setPage } = usePaginationContext(\"First\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"First page\"\n        data-type=\"first\"\n        data-uiify-button=\"\"\n        data-variant=\"ghost\"\n        disabled={disabled}\n        onClick={() => setPage(1)}\n        type=\"button\"\n      >\n        First\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationFirst.displayName = \"PaginationFirst\";\n\nfunction PaginationLast({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { count, setPage } = usePaginationContext(\"Last\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"Last page\"\n        data-type=\"last\"\n        data-uiify-button=\"\"\n        data-variant=\"ghost\"\n        disabled={disabled}\n        onClick={() => setPage(count)}\n        type=\"button\"\n      >\n        Last\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationLast.displayName = \"PaginationLast\";\n\nexport const Pagination = {\n  Ellipsis: PaginationEllipsisElement,\n  Item: PaginationItemPart,\n  Link: PaginationLink,\n  List: PaginationList,\n  Root: PaginationRoot,\n};\n"],"mappings":"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","names":["PaginationItemPart"]}

package/dist/components/pagination/PaginationShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationShell.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/PaginationShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIvD,OAAO,KAAK,EAEV,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC5D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAoDrB;yBAtDe,cAAc;;;AAkI9B,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC3D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAUrB;AAED,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC/D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAUrB;AAED,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,GAAG,EAC1D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CA8BrB;AAyCD,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,EACjE,KAAK,EAAE,uBAAuB,CAAC,GAAG,CAAC,GAClC,YAAY,GAAG,IAAI,CAgBrB;yBAlBe,kBAAkB;;;AAqBlC,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC"}
+{"version":3,"file":"PaginationShell.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/PaginationShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIvD,OAAO,KAAK,EAEV,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC5D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAoDrB;yBAtDe,cAAc;;;AAkI9B,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC3D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAUrB;AAED,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC/D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAUrB;AAED,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,GAAG,EAC1D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAkCrB;AAsDD,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,EACjE,KAAK,EAAE,uBAAuB,CAAC,GAAG,CAAC,GAClC,YAAY,GAAG,IAAI,CAgBrB;yBAlBe,kBAAkB;;;AAqBlC,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC"}

package/dist/components/pagination/PaginationShell.js

@@ -159,8 +159,12 @@ function PaginationLink(props) {
       "aria-current": selected ? "page" : void 0,
       "aria-label": `Page ${page}`,
       "aria-disabled": disabled ? true : void 0,
+      "data-disabled": disabled ? "" : void 0,
       "data-selected": selected ? "" : void 0,
+      "data-size": "icon",
       "data-type": "page",
+      "data-uiify-button": "",
+      "data-variant": "ghost",
       href,
       children: page
     },
@@ -177,7 +181,28 @@ function PaginationNavControl({
 }) {
   const href = !disabled && getPageHref ? getPageHref(page) : void 0;
   const labelText = type === "previous" ? "Previous" : type === "next" ? "Next" : type === "first" ? "First" : "Last";
-  return /* @__PURE__ */ jsx(PaginationItemPart, { children: href ? /* @__PURE__ */ jsx("a", { "aria-label": label, "data-type": type, href, children: labelText }) : /* @__PURE__ */ jsx("span", { "aria-disabled": disabled ? true : void 0, "aria-label": label, "data-type": type, children: labelText }) });
+  return /* @__PURE__ */ jsx(PaginationItemPart, { children: href ? /* @__PURE__ */ jsx(
+    "a",
+    {
+      "aria-label": label,
+      "data-type": type,
+      "data-uiify-button": "",
+      "data-variant": "ghost",
+      href,
+      children: labelText
+    }
+  ) : /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-disabled": disabled ? true : void 0,
+      "aria-label": label,
+      "data-disabled": disabled ? "" : void 0,
+      "data-type": type,
+      "data-uiify-button": "",
+      "data-variant": "ghost",
+      children: labelText
+    }
+  ) });
 }
 PaginationNavControl.displayName = "PaginationNavControl";
 function PaginationEllipsis(props) {