@aragon/gov-ui-kit 2.6.0 → 2.7.1

package/dist/types/src/core/components/dialogs/dialog/dialogStoryComponent.d.ts

@@ -1 +1 @@
-export declare const DialogStoryComponent: (component: "header" | "content" | "footer" | "root") => (props: object) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogStoryComponent: (component: "header" | "content" | "footer" | "root") => (props: object) => import("react").JSX.Element;

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertStoryComponent.d.ts

@@ -1,2 +1,2 @@
 import { type DialogAlertVariant } from './index';
-export declare const DialogAlertStoryComponent: (component: "header" | "content" | "footer" | "root", variant?: DialogAlertVariant) => (props: object) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogAlertStoryComponent: (component: "header" | "content" | "footer" | "root", variant?: DialogAlertVariant) => (props: object) => import("react").JSX.Element;

package/dist/types/src/core/components/toggles/toggleGroup/toggleGroup.d.ts

@@ -29,4 +29,4 @@ export interface IToggleGroupBaseProps<TMulti extends boolean> extends Omit<Comp
     onChange?: (value: ToggleGroupValue<TMulti>) => void;
 }
 export type IToggleGroupProps = IToggleGroupBaseProps<true> | IToggleGroupBaseProps<false>;
-export declare const ToggleGroup: (props: IToggleGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToggleGroup: (props: IToggleGroupProps) => import("react").JSX.Element;

package/dist/types/src/modules/assets/copy/modulesCopy.d.ts

@@ -203,5 +203,25 @@ export declare const modulesCopy: {
             contract: string;
         };
     };
+    transactionDataListItemStructure: {
+        received: string;
+        sent: string;
+        action: string;
+        executed: string;
+        actionCount: (count: number) => string;
+    };
+    transactionDetailSummary: {
+        executedBy: string;
+        proposal: string;
+        totalActions: string;
+        transaction: string;
+        executedOn: string;
+    };
+    transactionDetail: {
+        title: string;
+        more: string;
+        expand: string;
+        collapse: string;
+    };
 };
 export type ModulesCopy = typeof modulesCopy;

package/dist/types/src/modules/components/proposal/proposalActions/index.d.ts

@@ -1,8 +1,8 @@
 export declare const ProposalActions: {
     Root: import("react").FC<import("./proposalActionsRoot").IProposalActionsRootProps>;
     Container: import("react").FC<import("./proposalActionsContainer").IProposalActionsContainerProps>;
-    Item: <TAction extends import("./proposalActionsDefinitions").IProposalAction = import("./proposalActionsDefinitions").IProposalAction>(props: import("./proposalActionsItem").IProposalActionsItemProps<TAction>) => import("react/jsx-runtime").JSX.Element;
-    ItemSkeleton: () => import("react/jsx-runtime").JSX.Element;
+    Item: <TAction extends import("./proposalActionsDefinitions").IProposalAction = import("./proposalActionsDefinitions").IProposalAction>(props: import("./proposalActionsItem").IProposalActionsItemProps<TAction>) => import("react").JSX.Element;
+    ItemSkeleton: () => import("react").JSX.Element;
     Footer: import("react").FC<import("./proposalActionsFooter").IProposalActionsFooterProps>;
 };
 export * from './proposalActionsContainer';

package/dist/types/src/modules/components/proposal/proposalActions/proposalActionsItem/proposalActionsItem.d.ts

@@ -5,4 +5,4 @@ import type { IProposalActionsItemProps } from './proposalActionsItem.api';
  * and if the parameters for the actions are defined.
  * **_NOTE:_** The component must be used inside a `<FormProvider />` component from `react-hook-form` when used in `editMode`.
  */
-export declare const ProposalActionsItem: <TAction extends IProposalAction = IProposalAction>(props: IProposalActionsItemProps<TAction>) => import("react/jsx-runtime").JSX.Element;
+export declare const ProposalActionsItem: <TAction extends IProposalAction = IProposalAction>(props: IProposalActionsItemProps<TAction>) => import("react").JSX.Element;

package/dist/types/src/modules/components/proposal/proposalActions/proposalActionsItem/proposalActionsItemBasicView.d.ts

@@ -5,4 +5,4 @@ export interface IProposalActionsItemBasicViewProps<TAction extends IProposalAct
      */
     CustomComponent?: ProposalActionComponent<TAction>;
 }
-export declare const ProposalActionsItemBasicView: <TAction extends IProposalAction = IProposalAction>(props: IProposalActionsItemBasicViewProps<TAction>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ProposalActionsItemBasicView: <TAction extends IProposalAction = IProposalAction>(props: IProposalActionsItemBasicViewProps<TAction>) => import("react").JSX.Element | null;

package/dist/types/src/modules/components/proposal/proposalActions/proposalActionsItemSkeleton/proposalActionsItemSkeleton.d.ts

@@ -1 +1 @@
-export declare const ProposalActionsItemSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export declare const ProposalActionsItemSkeleton: () => import("react").JSX.Element;

package/dist/types/src/modules/components/transaction/index.d.ts

@@ -1 +1,3 @@
 export * from './transactionDataListItem';
+export * from './transactionDetail';
+export * from './transactionDetailSummary';

package/dist/types/src/modules/components/transaction/transactionDataListItem/transactionDataListItemStructure/index.d.ts

@@ -1,2 +1,2 @@
 export { TransactionDataListItemStructure } from './transactionDataListItemStructure';
-export { type ITransactionDataListItemProps, TransactionStatus, TransactionType, } from './transactionDataListItemStructure.api';
+export { type ITransactionDataListItemProps, TransactionStatus, type TransactionTransferType, TransactionType, } from './transactionDataListItemStructure.api';

package/dist/types/src/modules/components/transaction/transactionDataListItem/transactionDataListItemStructure/transactionDataListItemStructure.api.d.ts

@@ -8,21 +8,15 @@ export declare enum TransactionStatus {
 export declare enum TransactionType {
     DEPOSIT = "DEPOSIT",
     WITHDRAW = "WITHDRAW",
-    ACTION = "ACTION"
+    ACTION = "ACTION",
+    EXECUTION = "EXECUTION"
 }
-export type ITransactionDataListItemProps = IDataListItemProps & {
+export type TransactionTransferType = Exclude<TransactionType, TransactionType.EXECUTION>;
+type TransactionDataListItemBaseProps = IDataListItemProps & {
     /**
      * The chain ID of the transaction.
      */
     chainId: number;
-    /**
-     * The symbol of the token (e.g. 'ETH').
-     */
-    tokenSymbol: string;
-    /**
-     * The token value in the transaction.
-     */
-    tokenAmount?: number | string;
     /**
      * The price of the transaction in USD.
      */
@@ -50,3 +44,52 @@ export type ITransactionDataListItemProps = IDataListItemProps & {
      */
     hash?: Hash;
 };
+export type ITransactionDataListItemTransferProps = TransactionDataListItemBaseProps & {
+    /**
+     * The symbol of the token (e.g. 'ETH').
+     */
+    tokenSymbol: string;
+    /**
+     * The token value in the transaction.
+     */
+    tokenAmount?: number | string;
+    /**
+     * The type of transaction.
+     * @default TransactionType.ACTION
+     */
+    type?: TransactionTransferType;
+    /**
+     * Executor labels are only rendered for `TransactionType.EXECUTION` transactions.
+     */
+    label?: never;
+    /**
+     * Action counts are only rendered for `TransactionType.EXECUTION` transactions.
+     */
+    actionCount?: never;
+};
+export type ITransactionDataListItemExecutionProps = TransactionDataListItemBaseProps & {
+    /**
+     * Execution transaction type.
+     */
+    type: TransactionType.EXECUTION;
+    /**
+     * Label of the executor for `TransactionType.EXECUTION` transactions, rendered as `Executed {label}`. Accepts a
+     * human-readable plugin name (e.g. 'Token Voting') or an address, which gets truncated automatically.
+     */
+    label?: string;
+    /**
+     * Number of actions bundled in a `TransactionType.EXECUTION` transaction. Rendered as the right-side value
+     * (e.g. '5 actions') in place of the token amount.
+     */
+    actionCount: number;
+    /**
+     * Token amounts are not rendered for execution transactions.
+     */
+    tokenAmount?: never;
+    /**
+     * Token symbols are not rendered for execution transactions.
+     */
+    tokenSymbol?: never;
+};
+export type ITransactionDataListItemProps = ITransactionDataListItemTransferProps | ITransactionDataListItemExecutionProps;
+export {};

package/dist/types/src/modules/components/transaction/transactionDetail/index.d.ts

@@ -0,0 +1,4 @@
+export declare const TransactionDetail: {
+    Root: import("react").FC<import("./transactionDetailRoot").ITransactionDetailRootProps>;
+};
+export * from './transactionDetailRoot';

package/dist/types/src/modules/components/transaction/transactionDetail/transactionDetailRoot/index.d.ts

@@ -0,0 +1 @@
+export * from './transactionDetailRoot';

package/dist/types/src/modules/components/transaction/transactionDetail/transactionDetailRoot/transactionDetailRoot.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export interface ITransactionDetailRootProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Title displayed in the dialog header. Defaults to the localized "Executed" copy.
+     */
+    title?: string;
+    /**
+     * Callback triggered on close-button click. The close button is hidden when the property is not set.
+     */
+    onClose?: () => void;
+}
+/**
+ * The `<TransactionDetail.Root />` component renders the dialog header and the scrollable content shell of an
+ * execution detail dialog. Compose it with `<TransactionDetailSummary />` and an action-list component such as
+ * `<ProposalActions />` for decoded execution actions. It must be rendered inside a `<Dialog.Root />`.
+ */
+export declare const TransactionDetailRoot: React.FC<ITransactionDetailRootProps>;

package/dist/types/src/modules/components/transaction/transactionDetailSummary/index.d.ts

@@ -0,0 +1,2 @@
+export { TransactionDetailSummary } from './transactionDetailSummary';
+export type * from './transactionDetailSummary.api';

package/dist/types/src/modules/components/transaction/transactionDetailSummary/transactionDetailSummary.api.d.ts

@@ -0,0 +1,60 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import type { Hash } from 'viem';
+/**
+ * Entity that executed the transaction, rendered on the `Executed by` row.
+ *
+ * The three states from the design map onto these fields:
+ * - Not an active-process execution: set `label` (plugin name or address) and `address`; omit `href` so the label
+ *   links to the block explorer, and omit `helptext`.
+ * - Active-process execution: set `label` to the process name, `helptext` to the plugin name and version (e.g.
+ *   'SPP v1.3') and `href` to the process detail page.
+ */
+export interface ITransactionDetailSummaryExecutedBy {
+    /**
+     * Address of the executor. Builds the block-explorer link (unless `href` is set) and the copy button, and is used
+     * as the label (truncated) when `label` is not provided.
+     */
+    address?: string;
+    /**
+     * Label displayed for the executor (e.g. a process or plugin name). Defaults to the truncated `address`.
+     */
+    label?: string;
+    /**
+     * Helptext displayed below the label (e.g. the plugin name and version, 'SPP v1.3'). Hidden when not provided.
+     */
+    helptext?: string;
+    /**
+     * Internal link applied to the label (e.g. the process detail page). Takes precedence over the block-explorer link.
+     */
+    href?: string;
+}
+export interface ITransactionDetailSummaryProps extends ComponentPropsWithoutRef<'dl'> {
+    /**
+     * Chain ID of the transaction, used to build the block-explorer links.
+     */
+    chainId: number;
+    /**
+     * Entity that executed the transaction, rendered on the `Executed by` row.
+     */
+    executedBy: ITransactionDetailSummaryExecutedBy;
+    /**
+     * Identifier of the proposal that triggered the execution (e.g. 'CRE-54'). The row is omitted when not set.
+     */
+    proposalId?: string;
+    /**
+     * Internal link applied to the proposal identifier (e.g. the proposal detail page).
+     */
+    proposalHref?: string;
+    /**
+     * Total number of actions bundled in the execution.
+     */
+    totalActions: number;
+    /**
+     * Hash of the execution transaction. Rendered truncated with an explorer link and a copy button.
+     */
+    transactionHash: Hash;
+    /**
+     * Date of the execution in ISO format or as a timestamp.
+     */
+    date: number | string;
+}

package/dist/types/src/modules/components/transaction/transactionDetailSummary/transactionDetailSummary.d.ts

@@ -0,0 +1,2 @@
+import type { ITransactionDetailSummaryProps } from './transactionDetailSummary.api';
+export declare const TransactionDetailSummary: React.FC<ITransactionDetailSummaryProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aragon/gov-ui-kit",
-  "version": "2.6.0",
+  "version": "2.7.1",
   "description": "Implementation of the Aragon's Governance UI Kit",
   "main": "dist/index.es.js",
   "types": "dist/types/src/index.d.ts",
@@ -25,29 +25,29 @@
   ],
   "author": "Aragon Association",
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-focus-scope": "^1.1.8",
-    "@radix-ui/react-progress": "^1.1.8",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@radix-ui/react-visually-hidden": "^1.2.4",
-    "@tiptap/core": "^3.23.4",
-    "@tiptap/extension-image": "^3.23.4",
-    "@tiptap/extensions": "^3.23.4",
-    "@tiptap/pm": "^3.23.4",
-    "@tiptap/react": "^3.23.4",
-    "@tiptap/starter-kit": "^3.23.4",
+    "@radix-ui/react-accordion": "^1.2.13",
+    "@radix-ui/react-alert-dialog": "^1.1.16",
+    "@radix-ui/react-avatar": "^1.1.12",
+    "@radix-ui/react-checkbox": "^1.3.4",
+    "@radix-ui/react-dialog": "^1.1.16",
+    "@radix-ui/react-dropdown-menu": "^2.1.17",
+    "@radix-ui/react-focus-scope": "^1.1.9",
+    "@radix-ui/react-progress": "^1.1.9",
+    "@radix-ui/react-radio-group": "^1.4.0",
+    "@radix-ui/react-switch": "^1.3.0",
+    "@radix-ui/react-tabs": "^1.1.14",
+    "@radix-ui/react-toggle-group": "^1.1.12",
+    "@radix-ui/react-tooltip": "^1.2.9",
+    "@radix-ui/react-visually-hidden": "^1.2.5",
+    "@tiptap/core": "^3.26.0",
+    "@tiptap/extension-image": "^3.26.0",
+    "@tiptap/extensions": "^3.26.0",
+    "@tiptap/pm": "^3.26.0",
+    "@tiptap/react": "^3.26.0",
+    "@tiptap/starter-kit": "^3.26.0",
     "blockies-ts": "^1.0.0",
     "classnames": "^2.5.1",
-    "framer-motion": "^12.38.0",
+    "framer-motion": "^12.40.0",
     "imask": "^7.6.1",
     "luxon": "^3.7.2",
     "react-dropzone": "^15.0.0",
@@ -74,33 +74,33 @@
     }
   },
   "devDependencies": {
-    "@babel/core": "^7.29.0",
-    "@babel/preset-env": "^7.29.5",
-    "@babel/preset-react": "^7.28.5",
-    "@babel/preset-typescript": "^7.28.5",
-    "@biomejs/biome": "^2.4.15",
+    "@babel/core": "^7.29.7",
+    "@babel/preset-env": "^7.29.7",
+    "@babel/preset-react": "^7.29.7",
+    "@babel/preset-typescript": "^7.29.7",
+    "@biomejs/biome": "^2.4.16",
     "@changesets/changelog-github": "^0.6.0",
     "@changesets/cli": "^2.31.0",
     "@hookform/devtools": "^4.4.0",
-    "@rollup/plugin-commonjs": "^29.0.2",
+    "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@storybook/addon-docs": "^10.4.0",
-    "@storybook/react-vite": "^10.4.0",
+    "@storybook/addon-docs": "^10.4.2",
+    "@storybook/react-vite": "^10.4.2",
     "@svgr/rollup": "^8.1.0",
     "@tailwindcss/postcss": "^4.3.0",
-    "@tailwindcss/typography": "^0.5.19",
-    "@tanstack/react-query": "^5.100.10",
+    "@tailwindcss/typography": "^0.5.20",
+    "@tanstack/react-query": "^5.101.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^30.0.0",
     "@types/luxon": "^3.7.1",
-    "@types/node": "^22.19.19",
-    "@types/react": "^19.2.14",
+    "@types/node": "^24.13.1",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@types/sanitize-html": "^2.16.1",
     "cross-env": "^10.1.0",
@@ -108,37 +108,37 @@
     "jest": "^30.4.2",
     "jest-environment-jsdom": "^30.4.1",
     "lint-staged": "^16.4.0",
-    "postcss": "^8.5.14",
+    "postcss": "^8.5.15",
     "postcss-loader": "^8.2.1",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
-    "react-hook-form": "^7.75.0",
-    "rollup": "^4.60.3",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "react-hook-form": "^7.78.0",
+    "rollup": "^4.61.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-visualizer": "^7.0.1",
-    "storybook": "^10.4.0",
+    "storybook": "^10.4.2",
     "tailwindcss": "^4.3.0",
-    "ts-jest": "^29.4.9",
+    "ts-jest": "^29.4.11",
     "tslib": "^2.8.1",
-    "turbo": "^2.9.12",
+    "turbo": "^2.9.16",
     "typescript": "^5.9.3",
-    "ultracite": "^7.7.0",
-    "vercel": "^50.44.0",
-    "viem": "^2.49.0",
-    "vite": "^8.0.13",
-    "vite-plugin-static-copy": "^4.1.0",
+    "ultracite": "^7.8.2",
+    "vercel": "^52.2.1",
+    "viem": "^2.52.2",
+    "vite": "^8.0.16",
+    "vite-plugin-static-copy": "^4.1.1",
     "vite-plugin-svgr": "^5.2.0",
-    "wagmi": "^3.6.14",
-    "zod": "^3.25.76"
+    "wagmi": "^3.6.16",
+    "zod": "^4.4.3"
   },
   "bugs": {
     "url": "https://github.com/aragon/gov-ui-kit/issues"
   },
   "homepage": "https://github.com/aragon/gov-ui-kit#readme",
   "engines": {
-    "node": ">=22.0.0",
-    "pnpm": ">=10.0.0"
+    "node": ">=24.13.0",
+    "pnpm": ">=11.0.0"
   },
   "exports": {
     ".": {