@aragon/gov-ui-kit 2.0.1 → 2.1.0

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

@@ -1 +1 @@
-export { ProposalVotingBodySummary, type IProposalVotingBodySummaryProps } from './proposalVotingBodySummary';
+export { type IProposalVotingBodySummaryProps, ProposalVotingBodySummary } from './proposalVotingBodySummary';

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

@@ -1 +1 @@
-export { ProposalVotingBodySummaryList, type IProposalVotingBodySummaryListProps, } from './proposalVotingBodySummaryList';
+export { type IProposalVotingBodySummaryListProps, ProposalVotingBodySummaryList, } from './proposalVotingBodySummaryList';

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

@@ -1 +1 @@
-export { ProposalVotingBodySummaryListItem, type IProposalVotingBodySummaryListItemProps, } from './proposalVotingBodySummaryListItem';
+export { type IProposalVotingBodySummaryListItemProps, ProposalVotingBodySummaryListItem, } from './proposalVotingBodySummaryListItem';

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

@@ -1 +1 @@
-export { ProposalVotingBreakdownMultisig, type IProposalVotingBreakdownMultisigProps, } from './proposalVotingBreakdownMultisig';
+export { type IProposalVotingBreakdownMultisigProps, ProposalVotingBreakdownMultisig, } from './proposalVotingBreakdownMultisig';

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

@@ -1 +1 @@
-export { ProposalVotingBreakdownToken, type IProposalVotingBreakdownTokenProps } from './proposalVotingBreakdownToken';
+export { type IProposalVotingBreakdownTokenProps, ProposalVotingBreakdownToken } from './proposalVotingBreakdownToken';

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

@@ -1 +1 @@
-export { ProposalVotingContainer, type IProposalVotingContainerProps } from './proposalVotingContainer';
+export { type IProposalVotingContainerProps, ProposalVotingContainer } from './proposalVotingContainer';

package/dist/types/src/modules/components/proposal/proposalVoting/proposalVotingContainer/proposalVotingContainer.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 import type { ProposalStatus } from '../../proposalUtils';
 import { type IProposalVotingContextProviderProps } from '../proposalVotingContext';
 export interface IProposalVotingContainerProps extends Pick<IProposalVotingContextProviderProps, 'bodyList'>, ComponentProps<'div'> {

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

@@ -1 +1 @@
-export { ProposalVotingDetails, type IProposalVotingDetailsProps } from './proposalVotingDetails';
+export { type IProposalVotingDetailsProps, ProposalVotingDetails } from './proposalVotingDetails';

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

@@ -1 +1 @@
-export { ProposalVotingStage, type IProposalVotingStageProps } from './proposalVotingStage';
+export { type IProposalVotingStageProps, ProposalVotingStage } from './proposalVotingStage';

package/dist/types/src/modules/components/proposal/proposalVoting/proposalVotingStage/proposalVotingStage.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 import type { ProposalStatus } from '../../proposalUtils';
 import { type IProposalVotingContextProviderProps } from '../proposalVotingContext';
 export interface IProposalVotingStageProps extends Pick<IProposalVotingContextProviderProps, 'bodyList'>, ComponentProps<'div'> {

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

@@ -1 +1 @@
-export { ProposalVotingStageContainer, type IProposalVotingStageContainerProps } from './proposalVotingStageContainer';
+export { type IProposalVotingStageContainerProps, ProposalVotingStageContainer } from './proposalVotingStageContainer';

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

@@ -1 +1 @@
-export { ProposalVotingStatus, type IProposalVotingStatusProps } from './proposalVotingStatus';
+export { type IProposalVotingStatusProps, ProposalVotingStatus } from './proposalVotingStatus';

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

@@ -1 +1 @@
-export { ProposalVotingTabs, type IProposalVotingTabsProps } from './proposalVotingTabs';
+export { type IProposalVotingTabsProps, ProposalVotingTabs } from './proposalVotingTabs';

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

@@ -1 +1 @@
-export { ProposalVotingVotes, type IProposalVotingVotesProps } from './proposalVotingVotes';
+export { type IProposalVotingVotesProps, ProposalVotingVotes } from './proposalVotingVotes';

package/dist/types/src/modules/components/smartContract/smartContractFunctionDataListItem/smartContractFunctionDataListItemSkeleton/index.d.ts

@@ -1 +1 @@
-export { SmartContractFunctionDataListItemSkeleton, type ISmartContractFunctionDataListItemSkeletonProps, } from './smartContractFunctionDataListItemSkeleton';
+export { type ISmartContractFunctionDataListItemSkeletonProps, SmartContractFunctionDataListItemSkeleton, } from './smartContractFunctionDataListItemSkeleton';

package/dist/types/src/modules/components/smartContract/smartContractFunctionDataListItem/smartContractFunctionDataListItemStructure/index.d.ts

@@ -1 +1 @@
-export { SmartContractFunctionDataListItemStructure, type ISmartContractFunctionDataListItemProps, } from './smartContractFunctionDataListItemStructure';
+export { type ISmartContractFunctionDataListItemProps, SmartContractFunctionDataListItemStructure, } from './smartContractFunctionDataListItemStructure';

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

@@ -1 +1 @@
-export { TransactionDataListItemSkeleton, type ITransactionDataListItemSkeletonProps, } from './transactionDataListItemSkeleton';
+export { type ITransactionDataListItemSkeletonProps, TransactionDataListItemSkeleton, } from './transactionDataListItemSkeleton';

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

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

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

@@ -1,5 +1,5 @@
-import { type Hash } from 'viem';
-import { type IDataListItemProps } from '../../../../../core';
+import type { Hash } from 'viem';
+import type { IDataListItemProps } from '../../../../../core';
 export declare enum TransactionStatus {
     PENDING = "PENDING",
     SUCCESS = "SUCCESS",

package/dist/types/src/modules/components/vote/voteDataListItem/voteDataListItemSkeleton/index.d.ts

@@ -1 +1 @@
-export { VoteDataListItemSkeleton, type IVoteDataListItemSkeletonProps } from './voteDataListItemSkeleton';
+export { type IVoteDataListItemSkeletonProps, VoteDataListItemSkeleton } from './voteDataListItemSkeleton';

package/dist/types/src/modules/components/vote/voteDataListItem/voteDataListItemStructure/index.d.ts

@@ -1 +1 @@
-export { VoteDataListItemStructure, type IVoteDataListItemStructureProps } from './voteDataListItemStructure';
+export { type IVoteDataListItemStructureProps, VoteDataListItemStructure } from './voteDataListItemStructure';

package/dist/types/src/modules/components/vote/voteDataListItem/voteDataListItemStructure/voteDataListItemStructure.d.ts

@@ -1,5 +1,5 @@
 import { type IDataListItemProps } from '../../../../../core';
-import { type ICompositeAddress } from '../../../../types';
+import type { ICompositeAddress } from '../../../../types';
 import { type VoteIndicator } from '../../voteUtils';
 export type IVoteDataListItemStructureProps = IDataListItemProps & {
     /**

package/dist/types/src/modules/components/vote/voteProposalDataListItem/voteProposalDataListItemSkeleton/index.d.ts

@@ -1 +1 @@
-export { VoteProposalDataListItemSkeleton, type IVoteProposalDataListItemSkeletonProps, } from './voteProposalDataListItemSkeleton';
+export { type IVoteProposalDataListItemSkeletonProps, VoteProposalDataListItemSkeleton, } from './voteProposalDataListItemSkeleton';

package/dist/types/src/modules/components/vote/voteProposalDataListItem/voteProposalDataListItemStructure/index.d.ts

@@ -1 +1 @@
-export { VoteProposalDataListItemStructure, type IVoteProposalDataListItemStructureProps, } from './voteProposalDataListItemStructure';
+export { type IVoteProposalDataListItemStructureProps, VoteProposalDataListItemStructure, } from './voteProposalDataListItemStructure';

package/dist/types/src/modules/components/vote/voteUtils.d.ts

@@ -1,3 +1,3 @@
-import { type TagVariant } from '../../../core';
+import type { TagVariant } from '../../../core';
 export type VoteIndicator = 'yes' | 'no' | 'abstain' | 'approve' | 'veto';
 export declare const getTagVariant: (voteIndicator: VoteIndicator, isVeto?: boolean) => TagVariant;

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

@@ -1 +1 @@
-export { Wallet, type IWalletProps } from './wallet';
+export { type IWalletProps, Wallet } from './wallet';

package/dist/types/src/modules/components/wallet/wallet.d.ts

@@ -1,4 +1,4 @@
-import { type ICompositeAddress, type IWeb3ComponentProps } from '../../types';
+import type { ICompositeAddress, IWeb3ComponentProps } from '../../types';
 export interface IWalletProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, IWeb3ComponentProps {
     /**
      * The connected user details.

package/dist/types/src/modules/hooks/useFormContext/index.d.ts

@@ -1 +1 @@
-export { useFormContext, type UseFormContextReturn } from './useFormContext';
+export { type UseFormContextReturn, useFormContext } from './useFormContext';

package/index.css

@@ -1,2 +1,2 @@
-@import "./src";
+@import "./src/index.css";
 @import "tailwindcss";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aragon/gov-ui-kit",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "description": "Implementation of the Aragon's Governance UI Kit",
   "main": "dist/index.es.js",
   "types": "dist/types/src/index.d.ts",
@@ -39,20 +39,20 @@
     "@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.20.0",
-    "@tiptap/extension-image": "^3.20.0",
-    "@tiptap/extensions": "^3.20.0",
-    "@tiptap/pm": "^3.20.0",
-    "@tiptap/react": "^3.20.0",
-    "@tiptap/starter-kit": "^3.20.0",
+    "@tiptap/core": "^3.22.3",
+    "@tiptap/extension-image": "^3.22.3",
+    "@tiptap/extensions": "^3.22.3",
+    "@tiptap/pm": "^3.22.3",
+    "@tiptap/react": "^3.22.3",
+    "@tiptap/starter-kit": "^3.22.3",
     "blockies-ts": "^1.0.0",
     "classnames": "^2.5.1",
-    "framer-motion": "^12.35.0",
+    "framer-motion": "^12.38.0",
     "imask": "^7.6.1",
     "luxon": "^3.7.2",
     "react-dropzone": "^15.0.0",
     "react-imask": "^7.6.1",
-    "sanitize-html": "^2.17.1",
+    "sanitize-html": "^2.17.2",
     "tiptap-markdown": "^0.9.0"
   },
   "peerDependencies": {
@@ -75,71 +75,61 @@
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",
-    "@babel/preset-env": "^7.29.0",
+    "@babel/preset-env": "^7.29.2",
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
-    "@changesets/changelog-github": "^0.5.2",
+    "@biomejs/biome": "^2.4.10",
+    "@changesets/changelog-github": "^0.6.0",
     "@changesets/cli": "^2.30.0",
     "@hookform/devtools": "^4.4.0",
-    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-commonjs": "^29.0.2",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@storybook/addon-docs": "^9.1.19",
-    "@storybook/react-vite": "^9.1.19",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
     "@svgr/rollup": "^8.1.0",
-    "@tailwindcss/postcss": "^4.2.1",
+    "@tailwindcss/postcss": "^4.2.2",
     "@tailwindcss/typography": "^0.5.19",
-    "@tanstack/react-query": "^5.90.21",
+    "@tanstack/react-query": "^5.96.2",
     "@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.13",
+    "@types/node": "^22.19.17",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@types/sanitize-html": "^2.16.0",
+    "@types/sanitize-html": "^2.16.1",
     "cross-env": "^10.1.0",
-    "eslint": "^9.39.3",
-    "eslint-import-resolver-typescript": "^4.4.4",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-storybook": "^9.1.19",
-    "eslint-plugin-testing-library": "^7.16.0",
     "husky": "^9.1.7",
-    "jest": "^30.2.0",
-    "jest-environment-jsdom": "^30.2.0",
-    "lint-staged": "^16.3.2",
-    "postcss": "^8.5.8",
+    "jest": "^30.3.0",
+    "jest-environment-jsdom": "^30.3.0",
+    "lint-staged": "^16.4.0",
+    "postcss": "^8.5.9",
     "postcss-loader": "^8.2.1",
-    "prettier": "^3.8.1",
-    "prettier-plugin-organize-imports": "^4.3.0",
-    "prettier-plugin-tailwindcss": "^0.7.2",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "react-hook-form": "^7.71.2",
-    "rollup": "^4.59.0",
+    "react-hook-form": "^7.72.1",
+    "rollup": "^4.60.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-visualizer": "^6.0.11",
-    "storybook": "^9.1.19",
-    "tailwindcss": "^4.2.1",
-    "ts-jest": "^29.4.6",
+    "rollup-plugin-visualizer": "^7.0.1",
+    "storybook": "^10.3.5",
+    "tailwindcss": "^4.2.2",
+    "ts-jest": "^29.4.9",
     "tslib": "^2.8.1",
+    "turbo": "^2.9.5",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.56.1",
-    "vercel": "^50.26.1",
-    "viem": "^2.46.3",
-    "vite": "^7.3.1",
-    "vite-plugin-node-polyfills": "^0.25.0",
-    "vite-plugin-static-copy": "^3.2.0",
-    "vite-plugin-svgr": "^4.5.0",
-    "wagmi": "^3.5.0",
+    "ultracite": "^7.4.3",
+    "vercel": "^50.41.0",
+    "viem": "^2.47.10",
+    "vite": "^8.0.7",
+    "vite-plugin-static-copy": "^4.0.1",
+    "vite-plugin-svgr": "^5.2.0",
+    "wagmi": "^3.6.1",
     "zod": "^3.25.76"
   },
   "bugs": {
@@ -161,17 +151,16 @@
   "scripts": {
     "setup": "husky",
     "storybook": "storybook dev -p 6006",
-    "build": "rollup -c",
-    "build:watch": "rollup -c --watch",
-    "build:analyze": "cross-env ANALYZE=true rollup -c",
+    "sb": "pnpm storybook",
+    "build": "rollup -c rollup.config.mjs",
+    "build:watch": "rollup -c rollup.config.mjs --watch",
+    "build:analyze": "cross-env ANALYZE=true rollup -c rollup.config.mjs",
     "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",
+    "lint": "biome check --write --no-errors-on-unmatched --files-ignore-unknown=true",
+    "lint:check": "biome check --no-errors-on-unmatched --files-ignore-unknown=true",
     "type-check": "tsc --noemit"
   }
 }

package/src/core/components/avatars/avatar/index.css

@@ -1,4 +1,4 @@
 :root {
-  /* Position property of the avatar container */
-  --guk-avatar-container-position: static;
+    /* Position property of the avatar container */
+    --guk-avatar-container-position: static;
 }

package/src/core/components/avatars/index.css

@@ -1 +1 @@
-@import "./avatar";
+@import "./avatar/index.css";

package/src/core/components/collapsible/index.css

@@ -1,4 +1,4 @@
 :root {
-  /* Z-index property of the collapsible overlay */
-  --guk-collapsible-overlay-z-index: auto;
+    /* Z-index property of the collapsible overlay */
+    --guk-collapsible-overlay-z-index: auto;
 }

package/src/core/components/dialogs/dialog/dialogRoot/index.css

@@ -1,7 +1,7 @@
 :root {
-  /* Z-index property of the dialog overlay */
-  --guk-dialog-overlay-z-index: auto;
+    /* Z-index property of the dialog overlay */
+    --guk-dialog-overlay-z-index: auto;
 
-  /* Z-index property of the dialog content */
-  --guk-dialog-content-z-index: auto;
+    /* Z-index property of the dialog content */
+    --guk-dialog-content-z-index: auto;
 }

package/src/core/components/dialogs/dialog/index.css

@@ -1 +1 @@
-@import "./dialogRoot";
+@import "./dialogRoot/index.css";

package/src/core/components/dialogs/dialogAlert/dialogAlertRoot/index.css

@@ -1,7 +1,7 @@
 :root {
-  /* Z-index property of the dialog overlay */
-  --guk-dialog-alert-overlay-z-index: auto;
+    /* Z-index property of the dialog overlay */
+    --guk-dialog-alert-overlay-z-index: auto;
 
-  /* Z-index property of the dialog content */
-  --guk-dialog-alert-content-z-index: auto;
+    /* Z-index property of the dialog content */
+    --guk-dialog-alert-content-z-index: auto;
 }

package/src/core/components/dialogs/dialogAlert/index.css

@@ -1 +1 @@
-@import "./dialogAlertRoot";
+@import "./dialogAlertRoot/index.css";

package/src/core/components/dialogs/index.css

@@ -1,2 +1,2 @@
-@import "./dialog";
-@import "./dialogAlert";
+@import "./dialog/index.css";
+@import "./dialogAlert/index.css";

package/src/core/components/dropdown/dropdownContainer/index.css

@@ -1,4 +1,4 @@
 :root {
-  /* Z-index property of the content insdie the dropdown container */
-  --guk-dropdown-container-content-z-index: auto;
+    /* Z-index property of the content insdie the dropdown container */
+    --guk-dropdown-container-content-z-index: auto;
 }

package/src/core/components/dropdown/index.css

@@ -1 +1 @@
-@import "./dropdownContainer";
+@import "./dropdownContainer/index.css";

package/src/core/components/forms/index.css

@@ -1 +1 @@
-@import "./textAreaRichText";
+@import "./textAreaRichText/index.css";

package/src/core/components/forms/textAreaRichText/index.css

@@ -1,4 +1,4 @@
 :root {
-  /* Z-index property of the TextAreaRichText component when expanded */
-  --guk-text-area-rich-text-expanded-z-index: auto;
+    /* Z-index property of the TextAreaRichText component when expanded */
+    --guk-text-area-rich-text-expanded-z-index: auto;
 }

package/src/core/components/illustrations/index.css

@@ -1,7 +1,7 @@
 :root {
-  /* Accent color for the illustrations */
-  --guk-illustration-accent-color: var(--color-primary-400);
+    /* Accent color for the illustrations */
+    --guk-illustration-accent-color: var(--color-primary-400);
 
-  /* Primary color for the illustrations */
-  --guk-illustration-primary-color: var(--color-primary-900);
+    /* Primary color for the illustrations */
+    --guk-illustration-primary-color: var(--color-primary-900);
 }

package/src/core/components/index.css

@@ -1,6 +1,6 @@
-@import "./avatars";
-@import "./collapsible";
-@import "./dialogs";
-@import "./dropdown";
-@import "./forms";
-@import "./illustrations";
+@import "./avatars/index.css";
+@import "./collapsible/index.css";
+@import "./dialogs/index.css";
+@import "./dropdown/index.css";
+@import "./forms/index.css";
+@import "./illustrations/index.css";

package/src/core/index.css

@@ -1 +1 @@
-@import "./components";
+@import "./components/index.css";

package/src/index.css

@@ -1,2 +1,2 @@
-@import "./core";
-@import "./theme";
+@import "./core/index.css";
+@import "./theme/index.css";

package/src/theme/index.css

@@ -1,2 +1,2 @@
-@import "./tokens";
-@import "./utils";
+@import "./tokens/index.css";
+@import "./utils/index.css";

package/src/theme/tokens/index.css

@@ -1 +1 @@
-@import "./primitives";
+@import "./primitives/index.css";

package/src/theme/tokens/primitives/borderRadius.css

@@ -1,10 +1,10 @@
 @theme {
-  --radius-*: initial;
-  --radius-md: 4px;
-  --radius-lg: 8px;
-  --radius-xl: 12px;
-  --radius-2xl: 16px;
-  --radius-3xl: 24px;
-  --radius-full: 9999px;
-  --radius-none: none;
+    --radius-*: initial;
+    --radius-md: 4px;
+    --radius-lg: 8px;
+    --radius-xl: 12px;
+    --radius-2xl: 16px;
+    --radius-3xl: 24px;
+    --radius-full: 9999px;
+    --radius-none: none;
 }

package/src/theme/tokens/primitives/breakpoints.css

@@ -1,16 +1,16 @@
 :root {
-  --breakpoint-sm-px: 640;
-  --breakpoint-md-px: 768;
-  --breakpoint-lg-px: 1024;
-  --breakpoint-xl-px: 1280;
-  --breakpoint-2xl-px: 1536;
+    --breakpoint-sm-px: 640;
+    --breakpoint-md-px: 768;
+    --breakpoint-lg-px: 1024;
+    --breakpoint-xl-px: 1280;
+    --breakpoint-2xl-px: 1536;
 }
 
 @theme {
-  --breakpoint-*: initial;
-  --breakpoint-sm: 40rem;
-  --breakpoint-md: 48rem;
-  --breakpoint-lg: 64rem;
-  --breakpoint-xl: 80rem;
-  --breakpoint-2xl: 96rem;
+    --breakpoint-*: initial;
+    --breakpoint-sm: 40rem;
+    --breakpoint-md: 48rem;
+    --breakpoint-lg: 64rem;
+    --breakpoint-xl: 80rem;
+    --breakpoint-2xl: 96rem;
 }