@aragon/gov-ui-kit 1.0.63 → 1.0.65

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

@@ -1,8 +1,14 @@
 import type React from 'react';
 import { type ComponentPropsWithoutRef } from 'react';
 export interface IDialogContentProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Optional description of the dialog.
+     */
+    description?: string;
+    /**
+     * Removes the default paddings when set to true.
+     * @default false
+     */
+    noInset?: boolean;
 }
-/**
- * `Dialog.Content` component.
- */
 export declare const DialogContent: React.FC<IDialogContentProps>;

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

@@ -1,27 +1,28 @@
-import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ComponentPropsWithoutRef } from 'react';
-import { type IAlertInlineProps } from '../../../alerts';
-import { type IButtonBaseProps } from '../../../button';
-export type IDialogFooterAction = (Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> | Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'type'>) & Pick<IButtonBaseProps, 'iconRight' | 'iconLeft' | 'disabled' | 'isLoading'> & {
+import type { ComponentPropsWithoutRef } from 'react';
+import { type IButtonProps } from '../../../button';
+export type IDialogFooterAction = Exclude<IButtonProps, 'children' | 'variant'> & {
     /**
-     * Button label
+     * Label of the action button.
      */
     label: string;
 };
 export interface IDialogFooterProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * Optional AlertInline
-     */
-    alert?: IAlertInlineProps;
-    /**
-     * Dialog primary action button
+     * Primary action of the dialog.
      */
     primaryAction?: IDialogFooterAction;
     /**
-     * Dialog secondary action button
+     * Secondary action of the dialog.
      */
     secondaryAction?: IDialogFooterAction;
+    /**
+     * Variant of the dialog footer.
+     * @default default
+     */
+    variant?: 'default' | 'wizard';
+    /**
+     * Displays the primary actions with error variant when set to true.
+     */
+    hasError?: boolean;
 }
-/**
- * `Dialog.Footer` component
- */
 export declare const DialogFooter: React.FC<IDialogFooterProps>;

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

@@ -1,31 +1,12 @@
 import { type ComponentPropsWithoutRef } from 'react';
 export interface IDialogHeaderProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * Optional accessible description announced when the dialog is opened
-     */
-    description?: string;
-    /**
-     * Indicates whether a back button should be shown
-     * @default false
-     */
-    showBackButton?: boolean;
-    /**
-     * Accessible title summarizing dialog's content or purpose. Will be announced when
-     * dialog is opened.
+     * Title of the dialog displayed on the header and used as the dialog's accessible name.
      */
     title: string;
     /**
-     * Callback invoked when the back button is clicked
-     */
-    onBackClick?: () => void;
-    /**
-     * Callback invoked when the close button is clicked. Closes the dialog by default
+     * Callback triggered on close button click. The close button is not displayed when the property is not set.
      */
-    onCloseClick?: () => void;
+    onClose?: () => void;
 }
-/**
- * `Dialog.Header` component
- *
- * **NOTE**: This component must be used inside a `<Dialog.Root />` component.
- */
 export declare const DialogHeader: React.FC<IDialogHeaderProps>;

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

@@ -0,0 +1,69 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type DialogSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface IDialogRootProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS class names for custom styling of the dialog's content container.
+     */
+    containerClassName?: string;
+    /**
+     * Size of the dialog.
+     * @default md
+     */
+    size?: DialogSize;
+    /**
+     * Determines whether interactions with elements outside of the dialog will be disabled.
+     * @default true
+     */
+    modal?: boolean;
+    /**
+     * Manages the visibility state of the dialog.
+     */
+    open?: boolean;
+    /**
+     * Additional CSS class names for custom styling of the overlay behind the dialog.
+     */
+    overlayClassName?: string;
+    /**
+     * Handler called when focus moves to the trigger after closing
+     */
+    onCloseAutoFocus?: (e: Event) => void;
+    /**
+     * Handler called when the escape key is pressed while the dialog is opened. Closes the dialog by default.
+     */
+    onEscapeKeyDown?: (e: KeyboardEvent) => void;
+    /**
+     * Handler called when an interaction (pointer or focus event) happens outside the bounds of the component
+     */
+    onInteractOutside?: (e: Event) => void;
+    /**
+     * Handler called when focus moves into the component after opening
+     */
+    onOpenAutoFocus?: (e: Event) => void;
+    /**
+     * Callback function invoked when the open state of the dialog changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Handler called when a pointer event occurs outside the bounds of the component
+     */
+    onPointerDownOutside?: (e: Event) => void;
+    /**
+     * Keeps the focus inside the Dialog when set to true.
+     * @default true
+     */
+    useFocusTrap?: boolean;
+    /**
+     * An accessible and hidden title for the dialog, to be used when implementing a dialog without a Dialog.Header
+     * component.
+     */
+    hiddenTitle?: string;
+    /**
+     * An accessible and hidden description for the dialog, to be used when implementing a dialog without a description
+     * on the Dialog.Content component.
+     */
+    hiddenDescription?: string;
+}

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

@@ -1,57 +1,2 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
-export interface IDialogRootProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Children of the component.
-     */
-    children?: ReactNode;
-    /**
-     * Additional CSS class names for custom styling of the dialog's content container.
-     */
-    containerClassName?: string;
-    /**
-     * Determines whether interactions with elements outside of the dialog will be disabled.
-     * @default true
-     */
-    modal?: boolean;
-    /**
-     * Manages the visibility state of the dialog.
-     */
-    open?: boolean;
-    /**
-     * Additional CSS class names for custom styling of the overlay behind the dialog.
-     */
-    overlayClassName?: string;
-    /**
-     * Handler called when focus moves to the trigger after closing
-     */
-    onCloseAutoFocus?: (e: Event) => void;
-    /**
-     * Handler called when the escape key is pressed while the dialog is opened. Closes the dialog by default.
-     */
-    onEscapeKeyDown?: (e: KeyboardEvent) => void;
-    /**
-     * Handler called when an interaction (pointer or focus event) happens outside the bounds of the component
-     */
-    onInteractOutside?: (e: Event) => void;
-    /**
-     * Handler called when focus moves into the component after opening
-     */
-    onOpenAutoFocus?: (e: Event) => void;
-    /**
-     * Callback function invoked when the open state of the dialog changes.
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Handler called when a pointer event occurs outside the bounds of the component
-     */
-    onPointerDownOutside?: (e: Event) => void;
-    /**
-     * Keeps the focus inside the Dialog when set to true.
-     * @default true
-     */
-    useFocusTrap?: boolean;
-}
-/**
- * `Dialog.Root` component.
- */
+import type { IDialogRootProps } from './dialogRoot.api';
 export declare const DialogRoot: React.FC<IDialogRootProps>;

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

@@ -0,0 +1,11 @@
+export interface IDialogRootHiddenElementProps {
+    /**
+     * Label to be rendered for screen readers only.
+     */
+    label?: string;
+    /**
+     * Type of element to be displayed.
+     */
+    type: 'title' | 'description';
+}
+export declare const DialogRootHiddenElement: React.FC<IDialogRootHiddenElementProps>;

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

@@ -1 +1,2 @@
-export { DialogRoot, type IDialogRootProps } from './dialogRoot';
+export { DialogRoot } from './dialogRoot';
+export { type DialogSize, type IDialogRootProps } from './dialogRoot.api';

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

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

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

@@ -1,8 +1,10 @@
 import type React from 'react';
 import { type ComponentPropsWithoutRef } from 'react';
 export interface IDialogAlertContentProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Removes the default paddings when set to true.
+     * @default false
+     */
+    noInset?: boolean;
 }
-/**
- * `DialogAlert.Content` component.
- */
 export declare const DialogAlertContent: React.FC<IDialogAlertContentProps>;

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

@@ -0,0 +1,5 @@
+import type { IDialogAlertRootProps } from '../dialogAlertRoot';
+export interface IDialogAlertContext extends Required<Pick<IDialogAlertRootProps, 'variant'>> {
+}
+export declare const DialogAlertContextProvider: import("react").Provider<IDialogAlertContext | null>;
+export declare const useDialogAlertContext: () => IDialogAlertContext;

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

@@ -0,0 +1 @@
+export { DialogAlertContextProvider, useDialogAlertContext, type IDialogAlertContext } from './dialogAlertContext';

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

@@ -1,26 +1,19 @@
 import type React from 'react';
-import { type AnchorHTMLAttributes, type ButtonHTMLAttributes } from 'react';
-import { type IButtonBaseProps } from '../../../button';
-export type IDialogAlertFooterAction = (Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> | Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'>) & Pick<IButtonBaseProps, 'iconRight' | 'iconLeft' | 'disabled' | 'isLoading'> & {
+import { type IButtonProps } from '../../../button';
+export type IDialogAlertFooterAction = Exclude<IButtonProps, 'children' | 'variant'> & {
     /**
-     * Button label
+     * Label of the action button.
      */
     label: string;
 };
 export interface IDialogAlertFooterProps {
     /**
-     * Alert dialog primary action button
+     * Action button of the alert dialog.
      */
     actionButton: IDialogAlertFooterAction;
     /**
-     * Alert dialog secondary button used for dismissing the dialog
-     * or cancelling the action
+     * Secondary button of the alert dialog used for dismissing the dialog or cancelling the action.
      */
     cancelButton: IDialogAlertFooterAction;
 }
-/**
- * `DialogAlert.Footer` component
- *
- * **NOTE**: This component must be used inside a `<DialogAlert.Root />` component.
- */
 export declare const DialogAlertFooter: React.FC<IDialogAlertFooterProps>;

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

@@ -1,17 +1,8 @@
-import { type ComponentPropsWithoutRef } from 'react';
+import type { ComponentPropsWithoutRef } from 'react';
 export interface IDialogAlertHeaderProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Title summarizing dialog's content or purpose.
      */
     title: string;
-    /**
-     * Optional visually hidden description announced when the dialog is opened for accessibility.
-     */
-    description?: string;
 }
-/**
- * `DialogAlert.Header` component
- *
- * **NOTE**: This component must be used inside a `<DialogAlert.Root />` component.
- */
 export declare const DialogAlertHeader: React.FC<IDialogAlertHeaderProps>;

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

@@ -0,0 +1,55 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type DialogAlertVariant = 'critical' | 'info' | 'success' | 'warning';
+export interface IDialogAlertRootProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS class names for custom styling of the dialog's content container.
+     */
+    containerClassName?: string;
+    /**
+     * Manages the visibility state of the dialog. Should be implemented alongside `onOpenChange` for controlled usage.
+     */
+    open?: boolean;
+    /**
+     * Additional CSS class names for custom styling of the overlay behind the dialog.
+     */
+    overlayClassName?: string;
+    /**
+     * The visual style variant of the dialog.
+     * @default info
+     */
+    variant?: DialogAlertVariant;
+    /**
+     * Callback function invoked when the open state of the dialog changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Handler called when focus moves to the trigger after closing the dialog.
+     */
+    onCloseAutoFocus?: (e: Event) => void;
+    /**
+     * Handler called when focus moves to the destructive action after opening the dialog.
+     */
+    onOpenAutoFocus?: (e: Event) => void;
+    /**
+     * Handler called when the escape key is pressed while the dialog is opened. Closes the dialog by default.
+     */
+    onEscapeKeyDown?: (e: KeyboardEvent) => void;
+    /**
+     * Keeps the focus inside the Alert Dialog when set to true.
+     * @default true
+     */
+    useFocusTrap?: boolean;
+    /**
+     * An accessible and hidden title for the alert dialog, to be used when implementing a dialog without a
+     * DialogAlert.Header component.
+     */
+    hiddenTitle?: string;
+    /**
+     * An accessible and hidden description for the alert dialog.
+     */
+    hiddenDescription?: string;
+}

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

@@ -1,54 +1,2 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
-export type DialogAlertVariant = 'critical' | 'info' | 'success' | 'warning';
-export interface IDialogAlertRootProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Children of the component.
-     */
-    children?: ReactNode;
-    /**
-     * Additional CSS class names for custom styling of the dialog's content container.
-     */
-    containerClassName?: string;
-    /**
-     * Manages the visibility state of the dialog. Should be implemented alongside `onOpenChange` for controlled usage.
-     */
-    open?: boolean;
-    /**
-     * Additional CSS class names for custom styling of the overlay behind the dialog.
-     */
-    overlayClassName?: string;
-    /**
-     * The visual style variant of the dialog.
-     * @default info
-     */
-    variant?: DialogAlertVariant;
-    /**
-     * Callback function invoked when the open state of the dialog changes.
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Handler called when focus moves to the trigger after closing the dialog.
-     */
-    onCloseAutoFocus?: (e: Event) => void;
-    /**
-     * Handler called when focus moves to the destructive action after opening the dialog.
-     */
-    onOpenAutoFocus?: (e: Event) => void;
-    /**
-     * Handler called when the escape key is pressed while the dialog is opened. Closes the dialog by default.
-     */
-    onEscapeKeyDown?: (e: KeyboardEvent) => void;
-    /**
-     * Keeps the focus inside the Alert Dialog when set to true.
-     * @default true
-     */
-    useFocusTrap?: boolean;
-}
-export interface IDialogAlertContext {
-    variant: DialogAlertVariant;
-}
-export declare const DialogAlertContext: import("react").Context<IDialogAlertContext>;
-/**
- * `DialogAlert.Root` component.
- */
+import type { IDialogAlertRootProps } from './dialogAlertRoot.api';
 export declare const DialogAlertRoot: React.FC<IDialogAlertRootProps>;

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

@@ -0,0 +1,11 @@
+export interface IDialogAlertRootHiddenElementProps {
+    /**
+     * Label to be rendered for screen readers only.
+     */
+    label?: string;
+    /**
+     * Type of element to be displayed.
+     */
+    type: 'title' | 'description';
+}
+export declare const DialogAlertRootHiddenElement: React.FC<IDialogAlertRootHiddenElementProps>;

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

@@ -1 +1,2 @@
-export { DialogAlertContext, DialogAlertRoot, type DialogAlertVariant, type IDialogAlertContext, type IDialogAlertRootProps, } from './dialogAlertRoot';
+export { DialogAlertRoot } from './dialogAlertRoot';
+export type { DialogAlertVariant, IDialogAlertRootProps } from './dialogAlertRoot.api';

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

@@ -0,0 +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;

package/dist/types/src/core/test/utils/testLogger.d.ts

@@ -1,7 +1,9 @@
 declare class TestLogger {
     private shouldSuppressErrors;
     private originalConsoleError;
+    private originalConsoleWarn;
     private testErrorLogger;
+    private testWarnLogger;
     setup: () => void;
     suppressErrors: () => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aragon/gov-ui-kit",
-  "version": "1.0.63",
+  "version": "1.0.65",
   "description": "Implementation of the Aragon's Governance UI Kit",
   "main": "dist/index.es.js",
   "types": "dist/types/src/index.d.ts",
@@ -65,7 +65,7 @@
     "@tiptap/starter-kit": "^2.11.0",
     "blockies-ts": "^1.0.0",
     "classnames": "^2.5.0",
-    "framer-motion": "^11.17.0",
+    "framer-motion": "^12.0.0",
     "luxon": "^3.5.0",
     "react-dropzone": "^14.3.0",
     "react-imask": "^7.6.0",
@@ -74,7 +74,7 @@
   },
   "peerDependencies": {
     "@tailwindcss/typography": "^0.5.0",
-    "@tanstack/react-query": "^5.64.0",
+    "@tanstack/react-query": "^5.65.0",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0",
     "react-hook-form": "^7.54.0",
@@ -83,8 +83,8 @@
     "wagmi": "^2.14.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/preset-env": "^7.26.0",
+    "@babel/core": "^7.26.7",
+    "@babel/preset-env": "^7.26.7",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@hookform/devtools": "^4.3.3",
@@ -94,60 +94,61 @@
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.2",
     "@storybook/addon-designs": "^8.0.4",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-essentials": "^8.5.2",
+    "@storybook/addon-links": "^8.5.2",
     "@storybook/addon-styling-webpack": "^1.0.1",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-webpack5": "^8.4.7",
+    "@storybook/blocks": "^8.5.2",
+    "@storybook/react": "^8.5.2",
+    "@storybook/react-webpack5": "^8.5.2",
+    "@storybook/test": "^8.5.2",
     "@svgr/rollup": "^8.1.0",
     "@svgr/webpack": "^8.1.0",
     "@tailwindcss/typography": "^0.5.16",
-    "@tanstack/react-query": "^5.64.1",
+    "@tanstack/react-query": "^5.65.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.1.0",
-    "@testing-library/user-event": "^14.5.2",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^29.5.14",
     "@types/luxon": "^3.4.2",
-    "@types/react": "^19.0.7",
+    "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
     "@types/sanitize-html": "^2.13.0",
     "autoprefixer": "^10.4.20",
     "cross-env": "^7.0.3",
-    "eslint": "^9.18.0",
+    "eslint": "^9.19.0",
     "eslint-import-resolver-typescript": "^3.7.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-storybook": "^0.11.2",
-    "eslint-plugin-tailwindcss": "^3.17.5",
+    "eslint-plugin-tailwindcss": "^3.18.0",
     "eslint-plugin-testing-library": "^7.1.1",
     "husky": "^9.1.7",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "^15.3.0",
-    "postcss": "^8.5.0",
+    "lint-staged": "^15.4.3",
+    "postcss": "^8.5.1",
     "postcss-loader": "^8.1.1",
     "prettier": "^3.4.2",
     "prettier-plugin-organize-imports": "^4.1.0",
-    "prettier-plugin-tailwindcss": "^0.6.9",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.54.2",
-    "rollup": "^4.30.1",
+    "rollup": "^4.32.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-visualizer": "^5.14.0",
-    "storybook": "^8.4.7",
+    "storybook": "^8.5.2",
     "tailwindcss": "^3.4.17",
     "ts-jest": "^29.2.5",
     "typescript": "^5.7.3",
-    "typescript-eslint": "^8.20.0",
-    "viem": "^2.22.8",
-    "wagmi": "^2.14.7"
+    "typescript-eslint": "^8.22.0",
+    "viem": "^2.22.16",
+    "wagmi": "^2.14.9"
   },
   "bugs": {
     "url": "https://github.com/aragon/gov-ui-kit/issues"