dawn-ui-react 1.0.0-alpha.4 → 1.0.0-alpha.41

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useMediaQuery } from './use-media-query';
+export * from './theme';

package/dist/hooks/theme/constants.d.ts

@@ -0,0 +1,4 @@
+import { Theme, ThemeValue } from './types';
+export declare const THEME_STORAGE_KEY = "dawn-ui-theme";
+export declare const DEFAULT_THEME: ThemeValue;
+export declare const getThemeByValue: (value: ThemeValue, themes: Theme[]) => Theme | undefined;

package/dist/hooks/theme/index.d.ts

@@ -0,0 +1,3 @@
+export type { Theme, ThemeValue, ThemeProviderProps, ThemeProviderState } from './types';
+export { getThemeByValue, THEME_STORAGE_KEY, DEFAULT_THEME } from './constants';
+export { ThemeProvider, useTheme } from './use-theme';

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

@@ -0,0 +1,16 @@
+import { Icon } from '@phosphor-icons/react';
+export type ThemeValue = 'light' | 'dark' | 'system';
+export type Theme = {
+    value: ThemeValue;
+    label: string;
+    icon: Icon;
+};
+export type ThemeProviderState = {
+    theme: ThemeValue;
+    setTheme: (theme: ThemeValue) => void;
+};
+export type ThemeProviderProps = {
+    children: React.ReactNode;
+    defaultTheme?: ThemeValue;
+    storageKey?: string;
+};

package/dist/hooks/theme/use-theme.d.ts

@@ -0,0 +1,3 @@
+import { ThemeProviderProps, ThemeProviderState } from './types';
+export declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): import("react").JSX.Element;
+export declare const useTheme: () => ThemeProviderState;

package/dist/hooks/use-media-query.d.ts

@@ -0,0 +1,6 @@
+type Device = {
+    name: 'mobile' | 'tablet' | 'desktop';
+    query: string;
+};
+export declare const useMediaQuery: (deviceName: Device["name"]) => boolean;
+export {};

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
+export * from './hooks';
 export { cn } from './utils/cn';

package/dist/styles.css

@@ -5,6 +5,8 @@
 
 @theme static {
   --color-*: initial;
+  --color-white: var(--dawn-white);
+  --color-black: var(--dawn-black);
   --color-brand-default: var(--dawn-brand-default);
   --color-brand-muted: var(--dawn-brand-muted);
   --color-brand-subtle: var(--dawn-brand-subtle);
@@ -405,32 +407,34 @@
   --yellow-900: #715212ff;
   --yellow-950: #422f06ff;
 
-  --dawn-brand-default: light-dark(var(--blue-700), var(--blue-400));
-  --dawn-brand-muted: light-dark(var(--blue-800), var(--blue-300));
-  --dawn-brand-subtle: light-dark(var(--blue-100), var(--blue-950));
+  --dawn-white: var(--white);
+  --dawn-black: var(--black);
+  --dawn-brand-default: light-dark(var(--rose-600), var(--rose-300));
+  --dawn-brand-muted: light-dark(var(--rose-700), var(--rose-200));
+  --dawn-brand-subtle: light-dark(var(--rose-100), var(--rose-950));
   --dawn-brand-on-default: light-dark(var(--white), var(--neutral-950));
-  --dawn-brand-container: light-dark(var(--blue-50), var(--blue-950));
-  --dawn-brand-container-high: light-dark(var(--blue-100), var(--blue-900));
-  --dawn-brand-on-container: light-dark(var(--blue-900), var(--blue-200));
-  --dawn-brand-on-container-muted: light-dark(var(--blue-700), var(--blue-400));
-  --dawn-brand-border: light-dark(var(--blue-300), var(--blue-700));
-  --dawn-brand-border-strong: light-dark(var(--blue-600), var(--blue-400));
-  --dawn-brand-shadow: light-dark(#005ba740, #30acff66);
-
-  --dawn-accent-default: light-dark(var(--lime-700), var(--lime-400));
-  --dawn-accent-muted: light-dark(var(--lime-800), var(--lime-300));
-  --dawn-accent-subtle: light-dark(var(--lime-100), var(--green-950));
+  --dawn-brand-container: light-dark(var(--rose-50), var(--rose-950));
+  --dawn-brand-container-high: light-dark(var(--rose-100), var(--rose-900));
+  --dawn-brand-on-container: light-dark(var(--rose-900), var(--rose-200));
+  --dawn-brand-on-container-muted: light-dark(var(--rose-700), var(--rose-300));
+  --dawn-brand-border: light-dark(var(--rose-300), var(--rose-600));
+  --dawn-brand-border-strong: light-dark(var(--rose-600), var(--rose-400));
+  --dawn-brand-shadow: light-dark(#e11d4840, #fda4b866);
+
+  --dawn-accent-default: light-dark(var(--violet-600), var(--violet-300));
+  --dawn-accent-muted: light-dark(var(--violet-700), var(--violet-200));
+  --dawn-accent-subtle: light-dark(var(--violet-100), var(--violet-950));
   --dawn-accent-on-default: light-dark(var(--white), var(--neutral-950));
-  --dawn-accent-container: light-dark(var(--lime-50), var(--lime-950));
-  --dawn-accent-container-high: light-dark(var(--lime-100), var(--lime-900));
-  --dawn-accent-on-container: light-dark(var(--lime-900), var(--lime-200));
-  --dawn-accent-on-container-muted: light-dark(var(--lime-700), var(--lime-400));
-  --dawn-accent-border: light-dark(var(--lime-300), var(--green-700));
-  --dawn-accent-border-strong: light-dark(var(--lime-600), var(--lime-400));
-  --dawn-accent-shadow: light-dark(#197c4b40, #4fd99466);
+  --dawn-accent-container: light-dark(var(--violet-50), var(--violet-950));
+  --dawn-accent-container-high: light-dark(var(--violet-100), var(--violet-900));
+  --dawn-accent-on-container: light-dark(var(--violet-900), var(--violet-200));
+  --dawn-accent-on-container-muted: light-dark(var(--violet-700), var(--violet-300));
+  --dawn-accent-border: light-dark(var(--violet-300), var(--violet-700));
+  --dawn-accent-border-strong: light-dark(var(--violet-600), var(--violet-400));
+  --dawn-accent-shadow: light-dark(#7c3aed40, #d0b5fd66);
 
   --dawn-neutral-default: light-dark(var(--neutral-700), var(--neutral-100));
-  --dawn-neutral-muted: light-dark(var(--neutral-800), var(--neutral-300));
+  --dawn-neutral-muted: light-dark(var(--neutral-800), var(--neutral-400));
   --dawn-neutral-subtle: light-dark(var(--neutral-200), var(--neutral-800));
   --dawn-neutral-on-default: light-dark(var(--white), var(--neutral-950));
   --dawn-neutral-container: light-dark(var(--neutral-200), var(--neutral-800));
@@ -539,13 +543,13 @@
   --dawn-spacing-2xl-3xl: clamp(3rem, 1.7727rem + 5.4545vw, 6rem);
   --dawn-spacing-sm-lg: clamp(0.75rem, 0.2386rem + 2.2727vw, 2rem);
 
-  --dawn-blur-2xs: blur(4px);
-  --dawn-blur-xs: blur(8px);
-  --dawn-blur-sm: blur(12px);
-  --dawn-blur-md: blur(16px);
-  --dawn-blur-lg: blur(20px);
-  --dawn-blur-xl: blur(24px);
-  --dawn-blur-2xl: blur(32px);
+  --dawn-blur-2xs: 4px;
+  --dawn-blur-xs: 8px;
+  --dawn-blur-sm: 12px;
+  --dawn-blur-md: 16px;
+  --dawn-blur-lg: 20px;
+  --dawn-blur-xl: 24px;
+  --dawn-blur-2xl: 32px;
 
   --dawn-shadow-2xs: 0px 1px 2px;
   --dawn-shadow-xs: 0px 2px 4px;
@@ -597,183 +601,241 @@
 }
 
 @layer base {
+  * {
+    box-sizing: border-box;
+  }
+
+  html,
+  body,
+  #app {
+    min-height: 100%;
+    height: 100%;
+  }
+
   body {
     background-color: theme(--color-surface-background);
     color: theme(--color-on-surface);
     font-family: var(--font-body);
     font-size: var(--text-base);
+    margin: 0;
     scrollbar-color: theme(--color-accent-default) theme(--color-surface-2);
   }
+
+  button {
+    line-height: 0;
+  }
+
+  input {
+    line-height: 0;
+  }
+
+  .recharts-wrapper:focus,
+  .recharts-wrapper *:focus {
+    outline: none;
+  }
+
+  .recharts-wrapper:focus-visible,
+  .recharts-wrapper *:focus-visible {
+    outline: revert;
+  }
+
+  #app > div[style*='--drawer-swipe-progress'] {
+    height: 100%;
+  }
 }
 
 @utility shadow-* {
   box-shadow: --value(--shadow-*) var(--dawn-shadow);
 }
 
-@utility style-text-* {
-  font-family: var(--text-font);
-  font-weight: var(--text-weight);
-  font-size: var(--text-size);
-  line-height: var(--text-leading, normal);
-  letter-spacing: normal;
-}
-
 @utility style-text-default-5 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-4xl);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-4xl);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default-4 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-3xl);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-3xl);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default-3 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-2xl);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-2xl);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default-2 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-xl);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-xl);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default-1 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-lg);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-lg);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default-0 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-base);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-base);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default--1 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-sm);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-sm);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default--2 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-xs);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-xs);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-5 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-4xl);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-4xl);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-4 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-3xl);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-3xl);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-3 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-2xl);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-2xl);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-2 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-xl);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-xl);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-1 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-lg);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-lg);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-0 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-base);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-base);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose--1 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-sm);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-sm);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose--2 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-xs);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-xs);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-5 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-4xl);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-4xl);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-4 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-3xl);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-3xl);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-3 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-2xl);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-2xl);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-2 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-xl);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-xl);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-1 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-lg);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-lg);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-0 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-base);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-base);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong--1 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-sm);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-sm);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong--2 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-xs);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-xs);
+  line-height: 120%;
+  letter-spacing: normal;
 }

package/package.json

@@ -1,6 +1,22 @@
 {
   "name": "dawn-ui-react",
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0-alpha.41",
+  "description": "A React component library for building polished product interfaces with composable primitives and Tailwind CSS styling.",
+  "keywords": [
+    "accessible-ui",
+    "component-library",
+    "components",
+    "design-system",
+    "react",
+    "storybook",
+    "tailwindcss",
+    "typescript",
+    "ui"
+  ],
+  "homepage": "https://github.com/PHNTMbandit/dawn-ui-react#readme",
+  "bugs": {
+    "url": "https://github.com/PHNTMbandit/dawn-ui-react/issues"
+  },
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -31,7 +47,8 @@
     "build": "tsc -b && vite build && pnpm run build:css",
     "build-storybook": "pnpm build:tailwind && storybook build",
     "build:css": "node -e \"require('fs').copyFileSync('src/styles/input.css', 'dist/styles.css')\"",
-    "build:tailwind": "pnpx @tailwindcss/cli -i ./src/styles/input.css -o ./dist/styles.css",
+    "build:tailwind": "pnpm dlx @tailwindcss/cli -i ./src/styles/input.css -o ./dist/styles.css",
+    "chromatic": "chromatic --project-token chpt_cb6fae2c2ef2566",
     "commit": "git add . && git commit",
     "commit:skip": "git add . && git commit --no-verify",
     "cz": "cz",
@@ -44,72 +61,79 @@
     "storybook": "concurrently 'pnpm:watch:*'",
     "test": "vitest run",
     "watch:storybook": "storybook dev -p 6006",
-    "watch:tailwind": "pnpx @tailwindcss/cli -i ./src/styles/input.css -o ./src/styles/output.css --watch"
+    "watch:tailwind": "pnpm dlx @tailwindcss/cli -i ./src/styles/input.css -o ./src/styles/output.css --watch"
   },
   "dependencies": {
-    "@base-ui/react": "^1.4.1",
-    "@dnd-kit/dom": "^0.4.0",
-    "@dnd-kit/react": "^0.4.0",
+    "@base-ui/react": "^1.7.0",
+    "@dnd-kit/dom": "^0.5.0",
+    "@dnd-kit/react": "^0.5.0",
     "@phosphor-icons/react": "^2.1.10",
-    "@tailwindcss/cli": "^4.2.4",
-    "@tailwindcss/vite": "^4.2.4",
-    "@tanstack/react-form": "^1.29.1",
-    "@tanstack/react-table": "^8.21.3",
+    "@tailwindcss/cli": "^4.3.3",
+    "@tailwindcss/vite": "^4.3.3",
+    "@tanstack/react-form": "^1.33.5",
+    "@tanstack/react-table": "^9.2.3",
+    "chroma-js": "^3.2.0",
+    "chromatic": "^18.6.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "react-resizable-panels": "^4.11.0",
-    "tailwind-merge": "^3.5.0",
-    "tailwindcss": "^4.2.4",
+    "react-resizable-panels": "^4.12.3",
+    "recharts": "^3.10.1",
+    "tailwind-merge": "^3.6.0",
+    "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^5.1.2",
-    "@commitlint/cli": "^20.5.3",
-    "@commitlint/config-conventional": "^20.5.3",
-    "@faker-js/faker": "^10.4.0",
-    "@semantic-release/changelog": "^6.0.3",
+    "@chromatic-com/storybook": "^5.3.1",
+    "@commitlint/cli": "^21.2.2",
+    "@commitlint/config-conventional": "^21.2.2",
+    "@faker-js/faker": "^10.6.0",
+    "@semantic-release/changelog": "^7.0.0",
     "@semantic-release/commit-analyzer": "^13.0.1",
-    "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^12.0.6",
+    "@semantic-release/git": "^11.0.1",
+    "@semantic-release/github": "^12.0.9",
     "@semantic-release/npm": "^13.1.5",
-    "@semantic-release/release-notes-generator": "^14.1.0",
-    "@storybook/addon-a11y": "^10.3.6",
-    "@storybook/addon-docs": "^10.3.6",
-    "@storybook/addon-themes": "^10.3.6",
-    "@storybook/addon-vitest": "^10.3.6",
-    "@storybook/react-vite": "^10.3.6",
-    "@tailwindcss/node": "^4.2.4",
-    "@types/node": "^25.6.2",
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@vitest/browser-playwright": "^4.1.5",
-    "@vitest/coverage-v8": "^4.1.5",
-    "commitizen": "^4.3.1",
-    "concurrently": "^9.2.1",
+    "@semantic-release/release-notes-generator": "^14.1.1",
+    "@storybook/addon-a11y": "^10.6.0",
+    "@storybook/addon-docs": "^10.6.0",
+    "@storybook/addon-themes": "^10.6.0",
+    "@storybook/addon-vitest": "^10.6.0",
+    "@storybook/react-vite": "^10.6.0",
+    "@tailwindcss/node": "^4.3.3",
+    "@tanstack/react-virtual": "^3.14.10",
+    "@types/chroma-js": "^3.1.2",
+    "@types/node": "^26.4.0",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.5",
+    "@typescript/typescript6": "^6.0.2",
+    "@vitejs/plugin-react": "^6.1.0",
+    "@vitest/browser-playwright": "^4.1.11",
+    "@vitest/coverage-v8": "^4.1.11",
+    "commitizen": "^4.3.2",
+    "concurrently": "^10.0.5",
     "cz-conventional-changelog": "^3.3.0",
-    "globals": "^17.6.0",
-    "jsdom": "^29.1.1",
-    "lefthook": "^2.1.6",
-    "lint-staged": "^17.0.2",
-    "oxfmt": "^0.48.0",
-    "oxlint": "^1.63.0",
-    "oxlint-tailwindcss": "^0.7.0",
-    "oxlint-tsgolint": "^0.22.1",
-    "playwright": "^1.59.1",
-    "semantic-release": "^25.0.3",
-    "storybook": "^10.3.6",
-    "typescript": "~6.0.3",
-    "uuid": "^14.0.0",
-    "vite": "^8.0.11",
-    "vite-plugin-dts": "^5.0.0",
-    "vitest": "^4.1.5",
+    "globals": "^17.11.0",
+    "jsdom": "^30.0.1",
+    "lefthook": "^2.1.10",
+    "lint-staged": "^17.4.1",
+    "oxfmt": "^0.65.0",
+    "oxlint": "^1.80.0",
+    "oxlint-tailwindcss": "^1.10.0",
+    "oxlint-tsgolint": "^7.0.2001",
+    "playwright": "^1.62.1",
+    "rolldown": "1.2.6",
+    "semantic-release": "^25.0.9",
+    "shiki": "^4.4.3",
+    "storybook": "^10.6.0",
+    "typescript": "~7.0.2",
+    "uuid": "^14.0.2",
+    "vite": "^8.2.2",
+    "vite-plugin-dts": "^5.0.3",
+    "vitest": "^4.1.11",
     "zod": "^4.4.3"
   },
   "peerDependencies": {
     "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "use-sync-external-store": "^1.2.0"
+    "react-dom": "^19.0.0"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx,mjs,cjs}": "pnpm run lint",