@aragon/gov-ui-kit 1.21.0 → 1.23.0

package/dist/types/.storybook/theme.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("storybook/theming").ThemeVars;
+declare const _default: import("storybook/internal/theming").ThemeVars;
 export default _default;

package/dist/types/node_modules/.pnpm/@tiptap+pm@3.7.2/node_modules/@tiptap/pm/model/index.d.ts

@@ -0,0 +1 @@
+export * from 'prosemirror-model';

package/dist/types/node_modules/.pnpm/@tiptap+pm@3.7.2/node_modules/@tiptap/pm/state/index.d.ts

@@ -0,0 +1 @@
+export * from 'prosemirror-state';

package/dist/types/node_modules/.pnpm/@tiptap+pm@3.7.2/node_modules/@tiptap/pm/transform/index.d.ts

@@ -0,0 +1 @@
+export * from 'prosemirror-transform';

package/dist/types/node_modules/.pnpm/@tiptap+pm@3.7.2/node_modules/@tiptap/pm/view/index.d.ts

@@ -0,0 +1 @@
+export * from 'prosemirror-view';

package/dist/types/src/core/components/cards/cardCollapsible/cardCollapsible.d.ts

@@ -1,8 +1,14 @@
 import { type ICollapsibleProps } from '../../collapsible';
-export interface ICardCollapsibleProps extends Omit<ICollapsibleProps, 'buttonVariant' | 'className'> {
+export interface ICardCollapsibleProps extends Omit<ICollapsibleProps, 'buttonVariant' | 'className' | 'showOverlay' | 'collapsedLines'> {
     /**
      * Additional class names to apply to the card.
      */
     className?: string;
+    /**
+     * The collapsed height in pixels. CardCollapsible always uses overlay mode (showOverlay=true),
+     * which requires pixel-based height measurement instead of line-based counting.
+     * @default 180
+     */
+    collapsedPixels?: number;
 }
 export declare const CardCollapsible: React.FC<ICardCollapsibleProps>;

package/dist/types/src/core/components/collapsible/collapsibleUtils.d.ts

@@ -46,3 +46,50 @@ export interface OverlayHeightParams {
     fallbackLineHeight?: number;
 }
 export declare const computeOverlayHeightPx: (params: OverlayHeightParams) => number;
+/**
+ * Result of element height measurements for collapsible calculations.
+ */
+export interface MeasureHeightsResult {
+    /**
+     * The current rendered height of the element in the DOM (with clamp/max-height applied).
+     */
+    clampedClientHeight: number;
+    /**
+     * The full content height with no clamping and no max-height applied.
+     */
+    fullHeight: number;
+}
+/**
+ * Measures the current (clamped) clientHeight and the full content height by
+ * creating a hidden clone without clamping and without max-height.
+ *
+ * This allows overflow detection and overlay sizing for mixed-content
+ * rich text (e.g. combinations of h1, ul/li, p, code) where a single
+ * line-height is not representative.
+ */
+export declare const measureElementHeights: (element: HTMLElement | null) => MeasureHeightsResult;
+export interface OverlayRatioParams {
+    /** Number of lines visible when collapsed (requested). */
+    collapsedLines: number;
+    /** Number of lines used for overlay sizing (requested). */
+    overlayLines: number;
+    /** Actual rendered height of the collapsed block (in pixels). */
+    clampedClientHeight: number;
+    /** Minimum visible pixels of content above overlay to avoid full cover. */
+    minVisiblePx?: number;
+    /** Minimum overlay thickness in pixels (after clamping). */
+    minOverlayPx?: number;
+    /** Maximum overlay thickness in pixels (after clamping). */
+    maxOverlayPx?: number;
+}
+/**
+ * Computes overlay height as a ratio of the actual visible collapsed height
+ * instead of relying on a single line-height. This makes the overlay robust
+ * for mixed content where each line may have different heights.
+ *
+ * Constraints:
+ * - overlayLines is clamped to [0, collapsedLines - 1]
+ * - overlay cannot cover all visible content; we keep at least `minVisiblePx`
+ * - final result is clamped within [minOverlayPx, maxOverlayPx]
+ */
+export declare const computeOverlayHeightByRatio: (params: OverlayRatioParams) => number;

package/dist/types/src/core/utils/index.d.ts

@@ -4,3 +4,4 @@ export * from './invariant';
 export * from './mergeRefs';
 export * from './responsiveUtils';
 export * from './ssrUtils';
+export * from './urlUtils';

package/dist/types/src/core/utils/urlUtils/index.d.ts

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

package/dist/types/src/core/utils/urlUtils/urlUtils.d.ts

@@ -0,0 +1,12 @@
+declare class UrlUtils {
+    private hasProtocol;
+    private isLikelyHost;
+    /**
+     * Normalizes external URLs by adding appropriate protocols.
+     * @param value - The URL string to normalize
+     * @returns Normalized URL string or undefined if input is invalid
+     */
+    normalizeExternalHref: (value: string | null | undefined) => string | undefined;
+}
+export declare const urlUtils: UrlUtils;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aragon/gov-ui-kit",
-  "version": "1.21.0",
+  "version": "1.23.0",
   "description": "Implementation of the Aragon's Governance UI Kit",
   "main": "dist/index.es.js",
   "types": "dist/types/src/index.d.ts",
@@ -12,21 +12,6 @@
     "src/**/*.css",
     "src/theme/fonts/*"
   ],
-  "scripts": {
-    "setup": "husky",
-    "storybook": "storybook dev -p 6006",
-    "build": "rollup -c",
-    "build:watch": "rollup -c --watch",
-    "build:analyze": "cross-env ANALYZE=true rollup -c",
-    "build:storybook": "storybook build",
-    "test": "jest --watch",
-    "test:coverage": "jest --coverage",
-    "lint": "eslint . --max-warnings=0",
-    "lint:fix": "eslint . --fix",
-    "prettify": "prettier . --check",
-    "prettify:fix": "prettier . --write",
-    "type-check": "tsc --noemit"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/aragon/gov-ui-kit.git"
@@ -63,6 +48,7 @@
     "blockies-ts": "^1.0.0",
     "classnames": "^2.5.0",
     "framer-motion": "^12.23.0",
+    "imask": "7.6.1",
     "luxon": "^3.7.0",
     "react-dropzone": "^14.3.0",
     "react-imask": "^7.6.0",
@@ -104,8 +90,9 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^30.0.0",
     "@types/luxon": "^3.7.1",
-    "@types/react": "^19.1.13",
-    "@types/react-dom": "^19.1.9",
+    "@types/node": "^22.12.0",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
     "@types/sanitize-html": "^2.16.0",
     "cross-env": "^10.0.0",
     "eslint": "^9.36.0",
@@ -125,8 +112,8 @@
     "prettier": "^3.6.2",
     "prettier-plugin-organize-imports": "^4.3.0",
     "prettier-plugin-tailwindcss": "^0.6.14",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-hook-form": "^7.63.0",
     "rollup": "^4.52.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
@@ -135,6 +122,7 @@
     "storybook": "^9.1.7",
     "tailwindcss": "^4.1.13",
     "ts-jest": "^29.4.4",
+    "tslib": "2.8.1",
     "typescript": "^5.9.2",
     "typescript-eslint": "^8.44.1",
     "vercel": "^48.1.1",
@@ -143,14 +131,16 @@
     "vite-plugin-node-polyfills": "^0.24.0",
     "vite-plugin-static-copy": "^3.1.2",
     "vite-plugin-svgr": "^4.5.0",
-    "wagmi": "^2.17.2"
+    "wagmi": "^2.17.2",
+    "zod": "^3.23.8"
   },
   "bugs": {
     "url": "https://github.com/aragon/gov-ui-kit/issues"
   },
   "homepage": "https://github.com/aragon/gov-ui-kit#readme",
   "engines": {
-    "node": ">=22.0.0"
+    "node": ">=22.0.0",
+    "pnpm": ">=10.0.0"
   },
   "exports": {
     ".": {
@@ -160,5 +150,20 @@
     "./index.css": "./index.css",
     "./build.css": "./build.css"
   },
-  "packageManager": "yarn@4.9.4"
+  "scripts": {
+    "setup": "husky",
+    "storybook": "storybook dev -p 6006",
+    "build": "rollup -c",
+    "build:watch": "rollup -c --watch",
+    "build:analyze": "cross-env ANALYZE=true rollup -c",
+    "build:storybook": "storybook build",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "lint": "eslint . --max-warnings=0",
+    "lint:fix": "eslint . --fix",
+    "prettify": "prettier . --check",
+    "prettify:fix": "prettier . --write",
+    "type-check": "tsc --noemit"
+  }
 }