@polastack/design-system 0.1.0

package/dist/tokens/index.d.ts

@@ -0,0 +1,218 @@
+/**
+ * カラートークン定数
+ * CSS変数（globals.css @theme）と同期。プログラム的アクセス用。
+ * スタイリングにはTailwindユーティリティクラス（bg-primary-500等）を推奨。
+ */
+declare const colors: {
+    readonly primary: {
+        readonly 50: "#f0fdfb";
+        readonly 100: "#cdfbf0";
+        readonly 200: "#9bf7e2";
+        readonly 300: "#61ebd0";
+        readonly 400: "#2fd4ba";
+        readonly 500: "#1BA491";
+        readonly 600: "#138575";
+        readonly 700: "#146b5f";
+        readonly 800: "#15564e";
+        readonly 900: "#134841";
+        readonly 950: "#042c28";
+    };
+    readonly neutral: {
+        readonly 50: "#fafafa";
+        readonly 100: "#f4f4f5";
+        readonly 200: "#e4e4e7";
+        readonly 300: "#d4d4d8";
+        readonly 400: "#a1a1aa";
+        readonly 500: "#71717a";
+        readonly 600: "#52525b";
+        readonly 700: "#3f3f46";
+        readonly 800: "#27272a";
+        readonly 900: "#18181b";
+        readonly 950: "#09090b";
+    };
+    readonly success: {
+        readonly 50: "#f0fdf4";
+        readonly 100: "#dcfce7";
+        readonly 200: "#bbf7d0";
+        readonly 300: "#86efac";
+        readonly 400: "#4ade80";
+        readonly 500: "#22c55e";
+        readonly 600: "#16a34a";
+        readonly 700: "#15803d";
+        readonly 800: "#166534";
+        readonly 900: "#14532d";
+        readonly 950: "#052e16";
+    };
+    readonly warning: {
+        readonly 50: "#fffbeb";
+        readonly 100: "#fef3c7";
+        readonly 200: "#fde68a";
+        readonly 300: "#fcd34d";
+        readonly 400: "#fbbf24";
+        readonly 500: "#f59e0b";
+        readonly 600: "#d97706";
+        readonly 700: "#b45309";
+        readonly 800: "#92400e";
+        readonly 900: "#78350f";
+        readonly 950: "#451a03";
+    };
+    readonly error: {
+        readonly 50: "#fef2f2";
+        readonly 100: "#fee2e2";
+        readonly 200: "#fecaca";
+        readonly 300: "#fca5a5";
+        readonly 400: "#f87171";
+        readonly 500: "#ef4444";
+        readonly 600: "#dc2626";
+        readonly 700: "#b91c1c";
+        readonly 800: "#991b1b";
+        readonly 900: "#7f1d1d";
+        readonly 950: "#450a0a";
+    };
+    readonly info: {
+        readonly 50: "#eff6ff";
+        readonly 100: "#dbeafe";
+        readonly 200: "#bfdbfe";
+        readonly 300: "#93c5fd";
+        readonly 400: "#60a5fa";
+        readonly 500: "#3b82f6";
+        readonly 600: "#2563eb";
+        readonly 700: "#1d4ed8";
+        readonly 800: "#1e40af";
+        readonly 900: "#1e3a8a";
+        readonly 950: "#172554";
+    };
+};
+type ColorScale = keyof typeof colors;
+type ColorShade = keyof (typeof colors)['primary'];
+
+/**
+ * タイポグラフィトークン定数
+ * CSS変数（globals.css @theme）と同期。
+ */
+declare const fontFamily: {
+    readonly sans: "'Inter', 'Noto Sans JP', ui-sans-serif, system-ui, sans-serif";
+    readonly mono: "'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace";
+};
+declare const fontSize: {
+    readonly xs: {
+        readonly size: "0.75rem";
+        readonly lineHeight: "1rem";
+    };
+    readonly sm: {
+        readonly size: "0.8125rem";
+        readonly lineHeight: "1.25rem";
+    };
+    readonly base: {
+        readonly size: "0.875rem";
+        readonly lineHeight: "1.25rem";
+    };
+    readonly lg: {
+        readonly size: "1rem";
+        readonly lineHeight: "1.5rem";
+    };
+    readonly xl: {
+        readonly size: "1.125rem";
+        readonly lineHeight: "1.75rem";
+    };
+    readonly '2xl': {
+        readonly size: "1.25rem";
+        readonly lineHeight: "1.75rem";
+    };
+    readonly '3xl': {
+        readonly size: "1.5rem";
+        readonly lineHeight: "2rem";
+    };
+};
+declare const fontWeight: {
+    readonly normal: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+};
+type FontSize = keyof typeof fontSize;
+type FontWeight = keyof typeof fontWeight;
+
+/**
+ * スペーシングトークン定数（4pxグリッド）
+ * CSS変数（globals.css @theme）と同期。
+ */
+declare const spacing: {
+    readonly 0: "0px";
+    readonly px: "1px";
+    readonly 0.5: "0.125rem";
+    readonly 1: "0.25rem";
+    readonly 1.5: "0.375rem";
+    readonly 2: "0.5rem";
+    readonly 2.5: "0.625rem";
+    readonly 3: "0.75rem";
+    readonly 3.5: "0.875rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 7: "1.75rem";
+    readonly 8: "2rem";
+    readonly 9: "2.25rem";
+    readonly 10: "2.5rem";
+    readonly 11: "2.75rem";
+    readonly 12: "3rem";
+    readonly 14: "3.5rem";
+    readonly 16: "4rem";
+    readonly 20: "5rem";
+    readonly 24: "6rem";
+};
+
+/**
+ * エレベーショントークン（シャドウ、ボーダーラディウス）
+ * CSS変数（globals.css @theme）と同期。
+ */
+declare const shadows: {
+    readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+    readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+    readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+    readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+    readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+    readonly '2xl': "0 25px 50px -12px rgb(0 0 0 / 0.25)";
+    readonly drawer: "0 0 48px rgb(0 0 0 / 0.16)";
+};
+declare const radii: {
+    readonly none: "0px";
+    readonly sm: "0.25rem";
+    readonly md: "0.375rem";
+    readonly lg: "0.5rem";
+    readonly xl: "0.75rem";
+    readonly '2xl': "1rem";
+    readonly full: "9999px";
+};
+type Shadow = keyof typeof shadows;
+type Radius = keyof typeof radii;
+
+/**
+ * アニメーショントークン
+ * CSS変数（globals.css @theme）と同期。
+ */
+declare const duration: {
+    readonly fast: "100ms";
+    readonly normal: "200ms";
+    readonly slow: "300ms";
+};
+declare const easing: {
+    readonly default: "cubic-bezier(0.4, 0, 0.2, 1)";
+    readonly in: "cubic-bezier(0.4, 0, 1, 1)";
+    readonly out: "cubic-bezier(0, 0, 0.2, 1)";
+    readonly inOut: "cubic-bezier(0.4, 0, 0.2, 1)";
+};
+declare const zIndex: {
+    readonly dropdown: 50;
+    readonly sticky: 100;
+    readonly drawer: 200;
+    readonly modal: 300;
+    readonly popover: 400;
+    readonly toast: 500;
+    readonly tooltip: 600;
+};
+type Duration = keyof typeof duration;
+type Easing = keyof typeof easing;
+type ZIndex = keyof typeof zIndex;
+
+export { type ColorScale, type ColorShade, type Duration, type Easing, type FontSize, type FontWeight, type Radius, type Shadow, type ZIndex, colors, duration, easing, fontFamily, fontSize, fontWeight, radii, shadows, spacing, zIndex };

package/dist/tokens/index.js

@@ -0,0 +1,183 @@
+// src/tokens/colors.ts
+var colors = {
+  primary: {
+    50: "#f0fdfb",
+    100: "#cdfbf0",
+    200: "#9bf7e2",
+    300: "#61ebd0",
+    400: "#2fd4ba",
+    500: "#1BA491",
+    600: "#138575",
+    700: "#146b5f",
+    800: "#15564e",
+    900: "#134841",
+    950: "#042c28"
+  },
+  neutral: {
+    50: "#fafafa",
+    100: "#f4f4f5",
+    200: "#e4e4e7",
+    300: "#d4d4d8",
+    400: "#a1a1aa",
+    500: "#71717a",
+    600: "#52525b",
+    700: "#3f3f46",
+    800: "#27272a",
+    900: "#18181b",
+    950: "#09090b"
+  },
+  success: {
+    50: "#f0fdf4",
+    100: "#dcfce7",
+    200: "#bbf7d0",
+    300: "#86efac",
+    400: "#4ade80",
+    500: "#22c55e",
+    600: "#16a34a",
+    700: "#15803d",
+    800: "#166534",
+    900: "#14532d",
+    950: "#052e16"
+  },
+  warning: {
+    50: "#fffbeb",
+    100: "#fef3c7",
+    200: "#fde68a",
+    300: "#fcd34d",
+    400: "#fbbf24",
+    500: "#f59e0b",
+    600: "#d97706",
+    700: "#b45309",
+    800: "#92400e",
+    900: "#78350f",
+    950: "#451a03"
+  },
+  error: {
+    50: "#fef2f2",
+    100: "#fee2e2",
+    200: "#fecaca",
+    300: "#fca5a5",
+    400: "#f87171",
+    500: "#ef4444",
+    600: "#dc2626",
+    700: "#b91c1c",
+    800: "#991b1b",
+    900: "#7f1d1d",
+    950: "#450a0a"
+  },
+  info: {
+    50: "#eff6ff",
+    100: "#dbeafe",
+    200: "#bfdbfe",
+    300: "#93c5fd",
+    400: "#60a5fa",
+    500: "#3b82f6",
+    600: "#2563eb",
+    700: "#1d4ed8",
+    800: "#1e40af",
+    900: "#1e3a8a",
+    950: "#172554"
+  }
+};
+
+// src/tokens/typography.ts
+var fontFamily = {
+  sans: "'Inter', 'Noto Sans JP', ui-sans-serif, system-ui, sans-serif",
+  mono: "'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace"
+};
+var fontSize = {
+  xs: { size: "0.75rem", lineHeight: "1rem" },
+  sm: { size: "0.8125rem", lineHeight: "1.25rem" },
+  base: { size: "0.875rem", lineHeight: "1.25rem" },
+  lg: { size: "1rem", lineHeight: "1.5rem" },
+  xl: { size: "1.125rem", lineHeight: "1.75rem" },
+  "2xl": { size: "1.25rem", lineHeight: "1.75rem" },
+  "3xl": { size: "1.5rem", lineHeight: "2rem" }
+};
+var fontWeight = {
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700"
+};
+
+// src/tokens/spacing.ts
+var spacing = {
+  0: "0px",
+  px: "1px",
+  0.5: "0.125rem",
+  1: "0.25rem",
+  1.5: "0.375rem",
+  2: "0.5rem",
+  2.5: "0.625rem",
+  3: "0.75rem",
+  3.5: "0.875rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  7: "1.75rem",
+  8: "2rem",
+  9: "2.25rem",
+  10: "2.5rem",
+  11: "2.75rem",
+  12: "3rem",
+  14: "3.5rem",
+  16: "4rem",
+  20: "5rem",
+  24: "6rem"
+};
+
+// src/tokens/elevation.ts
+var shadows = {
+  xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+  md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+  lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+  xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+  "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+  drawer: "0 0 48px rgb(0 0 0 / 0.16)"
+};
+var radii = {
+  none: "0px",
+  sm: "0.25rem",
+  md: "0.375rem",
+  lg: "0.5rem",
+  xl: "0.75rem",
+  "2xl": "1rem",
+  full: "9999px"
+};
+
+// src/tokens/animation.ts
+var duration = {
+  fast: "100ms",
+  normal: "200ms",
+  slow: "300ms"
+};
+var easing = {
+  default: "cubic-bezier(0.4, 0, 0.2, 1)",
+  in: "cubic-bezier(0.4, 0, 1, 1)",
+  out: "cubic-bezier(0, 0, 0.2, 1)",
+  inOut: "cubic-bezier(0.4, 0, 0.2, 1)"
+};
+var zIndex = {
+  dropdown: 50,
+  sticky: 100,
+  drawer: 200,
+  modal: 300,
+  popover: 400,
+  toast: 500,
+  tooltip: 600
+};
+export {
+  colors,
+  duration,
+  easing,
+  fontFamily,
+  fontSize,
+  fontWeight,
+  radii,
+  shadows,
+  spacing,
+  zIndex
+};
+//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tokens/colors.ts","../../src/tokens/typography.ts","../../src/tokens/spacing.ts","../../src/tokens/elevation.ts","../../src/tokens/animation.ts"],"sourcesContent":["/**\n * カラートークン定数\n * CSS変数（globals.css @theme）と同期。プログラム的アクセス用。\n * スタイリングにはTailwindユーティリティクラス（bg-primary-500等）を推奨。\n */\n\nexport const colors = {\n  primary: {\n    50: '#f0fdfb',\n    100: '#cdfbf0',\n    200: '#9bf7e2',\n    300: '#61ebd0',\n    400: '#2fd4ba',\n    500: '#1BA491',\n    600: '#138575',\n    700: '#146b5f',\n    800: '#15564e',\n    900: '#134841',\n    950: '#042c28',\n  },\n  neutral: {\n    50: '#fafafa',\n    100: '#f4f4f5',\n    200: '#e4e4e7',\n    300: '#d4d4d8',\n    400: '#a1a1aa',\n    500: '#71717a',\n    600: '#52525b',\n    700: '#3f3f46',\n    800: '#27272a',\n    900: '#18181b',\n    950: '#09090b',\n  },\n  success: {\n    50: '#f0fdf4',\n    100: '#dcfce7',\n    200: '#bbf7d0',\n    300: '#86efac',\n    400: '#4ade80',\n    500: '#22c55e',\n    600: '#16a34a',\n    700: '#15803d',\n    800: '#166534',\n    900: '#14532d',\n    950: '#052e16',\n  },\n  warning: {\n    50: '#fffbeb',\n    100: '#fef3c7',\n    200: '#fde68a',\n    300: '#fcd34d',\n    400: '#fbbf24',\n    500: '#f59e0b',\n    600: '#d97706',\n    700: '#b45309',\n    800: '#92400e',\n    900: '#78350f',\n    950: '#451a03',\n  },\n  error: {\n    50: '#fef2f2',\n    100: '#fee2e2',\n    200: '#fecaca',\n    300: '#fca5a5',\n    400: '#f87171',\n    500: '#ef4444',\n    600: '#dc2626',\n    700: '#b91c1c',\n    800: '#991b1b',\n    900: '#7f1d1d',\n    950: '#450a0a',\n  },\n  info: {\n    50: '#eff6ff',\n    100: '#dbeafe',\n    200: '#bfdbfe',\n    300: '#93c5fd',\n    400: '#60a5fa',\n    500: '#3b82f6',\n    600: '#2563eb',\n    700: '#1d4ed8',\n    800: '#1e40af',\n    900: '#1e3a8a',\n    950: '#172554',\n  },\n} as const;\n\nexport type ColorScale = keyof typeof colors;\nexport type ColorShade = keyof (typeof colors)['primary'];\n","/**\n * タイポグラフィトークン定数\n * CSS変数（globals.css @theme）と同期。\n */\n\nexport const fontFamily = {\n  sans: \"'Inter', 'Noto Sans JP', ui-sans-serif, system-ui, sans-serif\",\n  mono: \"'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace\",\n} as const;\n\nexport const fontSize = {\n  xs: { size: '0.75rem', lineHeight: '1rem' },\n  sm: { size: '0.8125rem', lineHeight: '1.25rem' },\n  base: { size: '0.875rem', lineHeight: '1.25rem' },\n  lg: { size: '1rem', lineHeight: '1.5rem' },\n  xl: { size: '1.125rem', lineHeight: '1.75rem' },\n  '2xl': { size: '1.25rem', lineHeight: '1.75rem' },\n  '3xl': { size: '1.5rem', lineHeight: '2rem' },\n} as const;\n\nexport const fontWeight = {\n  normal: '400',\n  medium: '500',\n  semibold: '600',\n  bold: '700',\n} as const;\n\nexport type FontSize = keyof typeof fontSize;\nexport type FontWeight = keyof typeof fontWeight;\n","/**\n * スペーシングトークン定数（4pxグリッド）\n * CSS変数（globals.css @theme）と同期。\n */\n\nexport const spacing = {\n  0: '0px',\n  px: '1px',\n  0.5: '0.125rem',\n  1: '0.25rem',\n  1.5: '0.375rem',\n  2: '0.5rem',\n  2.5: '0.625rem',\n  3: '0.75rem',\n  3.5: '0.875rem',\n  4: '1rem',\n  5: '1.25rem',\n  6: '1.5rem',\n  7: '1.75rem',\n  8: '2rem',\n  9: '2.25rem',\n  10: '2.5rem',\n  11: '2.75rem',\n  12: '3rem',\n  14: '3.5rem',\n  16: '4rem',\n  20: '5rem',\n  24: '6rem',\n} as const;\n","/**\n * エレベーショントークン（シャドウ、ボーダーラディウス）\n * CSS変数（globals.css @theme）と同期。\n */\n\nexport const shadows = {\n  xs: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n  sm: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n  md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n  lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n  xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n  '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n  drawer: '0 0 48px rgb(0 0 0 / 0.16)',\n} as const;\n\nexport const radii = {\n  none: '0px',\n  sm: '0.25rem',\n  md: '0.375rem',\n  lg: '0.5rem',\n  xl: '0.75rem',\n  '2xl': '1rem',\n  full: '9999px',\n} as const;\n\nexport type Shadow = keyof typeof shadows;\nexport type Radius = keyof typeof radii;\n","/**\n * アニメーショントークン\n * CSS変数（globals.css @theme）と同期。\n */\n\nexport const duration = {\n  fast: '100ms',\n  normal: '200ms',\n  slow: '300ms',\n} as const;\n\nexport const easing = {\n  default: 'cubic-bezier(0.4, 0, 0.2, 1)',\n  in: 'cubic-bezier(0.4, 0, 1, 1)',\n  out: 'cubic-bezier(0, 0, 0.2, 1)',\n  inOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n} as const;\n\nexport const zIndex = {\n  dropdown: 50,\n  sticky: 100,\n  drawer: 200,\n  modal: 300,\n  popover: 400,\n  toast: 500,\n  tooltip: 600,\n} as const;\n\nexport type Duration = keyof typeof duration;\nexport type Easing = keyof typeof easing;\nexport type ZIndex = keyof typeof zIndex;\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "@polastack/design-system",
+  "version": "0.1.0",
+  "description": "Polastack Design System - UI components and design tokens for business applications",
+  "type": "module",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/tkaneko-siracusa/DesignSystem.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./tokens": {
+      "import": "./dist/tokens/index.js",
+      "types": "./dist/tokens/index.d.ts"
+    },
+    "./globals.css": "./src/styles/globals.css"
+  },
+  "files": [
+    "dist",
+    "src/styles"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "storybook": "storybook dev -p 6006 --host 0.0.0.0",
+    "build-storybook": "storybook build",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "clean": "rm -rf dist",
+    "size": "size-limit"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@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-label": "^2.1.8",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toast": "^1.2.15",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tanstack/react-table": "^8.21.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "tailwind-merge": "^3.0.2"
+  },
+  "devDependencies": {
+    "@size-limit/preset-small-lib": "^12.0.1",
+    "@storybook/addon-a11y": "^8.6.0",
+    "@storybook/addon-essentials": "^8.6.0",
+    "@storybook/react": "^8.6.0",
+    "@storybook/react-vite": "^8.6.0",
+    "@tailwindcss/vite": "^4.1.0",
+    "@testing-library/jest-dom": "^6.6.0",
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "axe-core": "^4.10.0",
+    "jsdom": "^25.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "size-limit": "^12.0.1",
+    "storybook": "^8.6.0",
+    "tailwindcss": "^4.1.0",
+    "tsup": "^8.4.0",
+    "typescript": "^5.7.0",
+    "vitest": "^3.0.0",
+    "vitest-axe": "^0.1.0"
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "packageManager": "pnpm@9.15.4"
+}