naturalizer-design-system 1.0.0

package/dist/mstock_logo.svg

@@ -0,0 +1,28 @@
+<svg width="86" height="86" viewBox="0 0 86 86" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_754_515)">
+<g clip-path="url(#clip0_754_515)">
+<path d="M77.7676 17.6584C77.7676 10.2083 71.7143 4.15503 64.2642 4.15503H21.5552C14.105 4.15503 8.05176 10.2083 8.05176 17.6584V54.4953H77.7935V17.6584H77.7676Z" fill="white"/>
+<path d="M21.5552 73.8967H64.2901C71.7402 73.8967 77.7935 67.8434 77.7935 60.3933V54.4952H8.05176V60.3933C8.05176 67.8434 14.0791 73.8967 21.5552 73.8967Z" fill="#F58220"/>
+<path d="M43.5692 33.5158C43.5692 33.5158 50.7348 17.1152 51.3039 15.6924H62.0911C62.0911 17.8653 60.6683 44.5876 60.6683 46.7864H52.9077L54.2011 25.0051C54.2011 25.0051 45.4576 45.3895 44.8885 46.7864H38.7576L36.0155 25.0051C35.8086 25.9881 32.9113 40.5521 31.3074 46.7864H23.5469C24.3488 44.0185 30.2727 17.2704 30.7383 15.6924H41.1116L43.5692 33.5158Z" fill="#F58220"/>
+<path d="M27.0911 68.4902C26.522 68.4902 25.9787 68.3867 25.4355 68.1798C24.8922 67.9728 24.4266 67.6624 24.0386 67.2744L24.9957 66.1103C25.3061 66.3948 25.6424 66.6018 26.0046 66.7829C26.3667 66.9639 26.7548 67.0415 27.1169 67.0415C27.5567 67.0415 27.893 66.9639 28.0999 66.7829C28.3328 66.6018 28.4362 66.369 28.4362 66.0844C28.4362 65.9292 28.4104 65.7999 28.3328 65.6964C28.281 65.5929 28.1775 65.4894 28.0741 65.4118C27.9706 65.3342 27.8413 65.2566 27.686 65.179C27.5308 65.1014 27.3498 65.0238 27.1687 64.9462L26.0563 64.4806C25.8494 64.4029 25.6424 64.2736 25.4355 64.1443C25.2285 64.0149 25.0474 63.8597 24.8922 63.6786C24.737 63.4975 24.6077 63.2906 24.5042 63.0578C24.4007 62.825 24.349 62.5404 24.349 62.23C24.349 61.8937 24.4266 61.5833 24.5559 61.2728C24.6853 60.9624 24.8922 60.7296 25.1509 60.4968C25.4096 60.2898 25.72 60.1088 26.0563 59.9794C26.4185 59.8501 26.8065 59.7983 27.2204 59.7983C27.7119 59.7983 28.1775 59.9018 28.6432 60.0829C29.1088 60.264 29.4968 60.5227 29.8331 60.8848L28.9795 61.9454C28.7208 61.7385 28.4362 61.5574 28.1517 61.4281C27.8671 61.2987 27.5567 61.247 27.1945 61.247C26.8324 61.247 26.522 61.3246 26.315 61.4798C26.1081 61.635 25.9787 61.842 25.9787 62.1265C25.9787 62.2817 26.0046 62.4111 26.0822 62.5145C26.1598 62.618 26.2374 62.7215 26.3667 62.7991C26.4961 62.8767 26.6254 62.9543 26.7806 63.0319C26.9359 63.1095 27.1169 63.1613 27.298 63.2389L28.4104 63.7045C28.6691 63.808 28.9019 63.9373 29.1088 64.0667C29.3158 64.196 29.4968 64.3512 29.6521 64.5323C29.8073 64.7134 29.9107 64.9203 29.9883 65.1531C30.066 65.386 30.1177 65.6705 30.1177 65.9551C30.1177 66.2914 30.0401 66.6276 29.9107 66.9381C29.7814 67.2485 29.5745 67.5072 29.3158 67.74C29.0571 67.9728 28.7208 68.1539 28.3586 68.2832C27.9965 68.4126 27.5567 68.4902 27.0911 68.4902Z" fill="white"/>
+<path d="M33.2735 61.3505H30.9194V59.9536H37.309V61.3505H34.9291V68.3092H33.2735V61.3505Z" fill="white"/>
+<path d="M41.8618 68.4902C41.2927 68.4902 40.8012 68.3867 40.3355 68.1798C39.8699 67.9728 39.4819 67.6883 39.1456 67.3002C38.8093 66.9122 38.5506 66.4724 38.3695 65.9292C38.1884 65.386 38.1108 64.791 38.1108 64.0925C38.1108 63.4199 38.1884 62.7991 38.3695 62.2817C38.5506 61.7385 38.8093 61.2987 39.1456 60.9366C39.4819 60.5744 39.8699 60.2898 40.3355 60.0829C40.8012 59.9018 41.2927 59.7983 41.8618 59.7983C42.405 59.7983 42.9224 59.9018 43.388 60.0829C43.8537 60.2898 44.2417 60.5485 44.578 60.9366C44.9143 61.2987 45.173 61.7644 45.354 62.2817C45.5351 62.7991 45.6127 63.4199 45.6127 64.0925C45.6127 64.7651 45.5093 65.386 45.354 65.9292C45.173 66.4724 44.9143 66.9381 44.578 67.3002C44.2417 67.6883 43.8537 67.9728 43.388 68.1798C42.9224 68.3867 42.4309 68.4902 41.8618 68.4902ZM41.8618 67.0415C42.1722 67.0415 42.4568 66.9639 42.7154 66.8346C42.9741 66.7053 43.1811 66.4983 43.3622 66.2396C43.5432 65.9809 43.6726 65.6705 43.7761 65.3083C43.8795 64.9462 43.9054 64.5323 43.9054 64.0925C43.9054 63.1871 43.7243 62.4887 43.3622 61.9713C43 61.4539 42.5085 61.2211 41.8877 61.2211C41.2668 61.2211 40.7753 61.4798 40.4131 61.9713C40.051 62.4887 39.8699 63.1871 39.8699 64.0925C39.8699 64.5323 39.9216 64.9462 39.9992 65.3083C40.1027 65.6705 40.2321 65.9809 40.4131 66.2396C40.5942 66.4983 40.8012 66.6794 41.0599 66.8346C41.2927 66.9639 41.5514 67.0415 41.8618 67.0415Z" fill="white"/>
+<path d="M50.8901 68.4902C50.3727 68.4902 49.8553 68.3867 49.3897 68.2056C48.9241 68.0246 48.5102 67.74 48.1739 67.3778C47.8376 67.0157 47.553 66.5759 47.3461 66.0327C47.1391 65.4894 47.0356 64.8686 47.0356 64.1701C47.0356 63.4717 47.1391 62.8767 47.3461 62.3335C47.553 61.7902 47.8376 61.3246 48.1997 60.9624C48.5619 60.5744 48.9758 60.2899 49.4414 60.1088C49.9071 59.9018 50.4244 59.8242 50.9418 59.8242C51.485 59.8242 51.9507 59.9277 52.3646 60.1346C52.7785 60.3416 53.1148 60.6003 53.3993 60.8848L52.5198 61.9454C52.3128 61.7385 52.08 61.5833 51.8213 61.4539C51.5626 61.3246 51.2781 61.247 50.9677 61.247C50.6572 61.247 50.3468 61.3246 50.0881 61.4539C49.8295 61.5833 49.5708 61.7644 49.3897 62.023C49.1827 62.2817 49.0275 62.5663 48.9241 62.9284C48.8206 63.2906 48.743 63.6786 48.743 64.1443C48.743 64.584 48.7947 64.9979 48.8982 65.3601C49.0017 65.7223 49.1569 66.0327 49.338 66.2914C49.519 66.55 49.7518 66.7311 50.0364 66.8605C50.2951 66.9898 50.6055 67.0674 50.9418 67.0674C51.304 67.0674 51.6144 66.9898 51.8989 66.8346C52.1835 66.6794 52.4422 66.4724 52.6491 66.2396L53.5287 67.2744C53.1924 67.6883 52.7785 67.9987 52.3387 68.2056C51.9248 68.3867 51.4333 68.4902 50.8901 68.4902Z" fill="white"/>
+<path d="M55.1328 59.9536H56.8143V63.5752H56.8401L59.6081 59.9536H61.4447L58.9096 63.2389L61.9104 68.3092H60.0737L57.9008 64.5582L56.8143 65.981V68.3092H55.1328V59.9536Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_754_515" x="0" y="0" width="86" height="86" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="4"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_754_515"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_754_515" result="shape"/>
+</filter>
+<clipPath id="clip0_754_515">
+<rect x="8" y="4" width="70" height="70" rx="7" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/theme/ThemeContext.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export type ThemeMode = 'light' | 'dark';
+interface ThemeContextType {
+    mode: ThemeMode;
+    setMode: (mode: ThemeMode) => void;
+    toggleTheme: () => void;
+}
+export declare const useAppTheme: () => ThemeContextType;
+export declare const AppThemeProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export {};

package/dist/theme/miraeTheme.d.ts

@@ -0,0 +1,21 @@
+import { Theme } from '@mui/material/styles';
+declare module '@mui/material/styles' {
+    interface Palette {
+        mirae: {
+            orange: string;
+            blue: string;
+            graph: string[];
+            digital: string[];
+        };
+    }
+    interface PaletteOptions {
+        mirae?: {
+            orange: string;
+            blue: string;
+            graph: string[];
+            digital: string[];
+        };
+    }
+}
+export declare const lightTheme: Theme;
+export declare const darkTheme: Theme;

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "naturalizer-design-system",
+  "version": "1.0.0",
+  "description": "Naturalizer Design System - Atomic UI component library, brand tokens, and Spoqa Han Sans Neo typography.",
+  "private": false,
+  "type": "module",
+  "main": "./dist/mirae-design-system.cjs",
+  "module": "./dist/mirae-design-system.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/mirae-design-system.js",
+      "require": "./dist/mirae-design-system.cjs"
+    },
+    "./constants": {
+      "types": "./dist/constants/index.d.ts",
+      "import": "./dist/mirae-design-system.js",
+      "require": "./dist/mirae-design-system.cjs"
+    },
+    "./palette": {
+      "types": "./dist/constants/index.d.ts",
+      "import": "./dist/mirae-design-system.js",
+      "require": "./dist/mirae-design-system.cjs"
+    },
+    "./theme": {
+      "types": "./dist/theme/miraeTheme.d.ts",
+      "import": "./dist/mirae-design-system.js",
+      "require": "./dist/mirae-design-system.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:app": "vite build --mode app",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.11.0 || ^11.14.0",
+    "@emotion/styled": "^11.11.0 || ^11.14.0",
+    "@mui/icons-material": "^5.0.0 || ^6.0.0 || ^7.0.0",
+    "@mui/material": "^5.0.0 || ^6.0.0 || ^7.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.0 || ^11.14.0",
+    "@emotion/styled": "^11.11.0 || ^11.14.0",
+    "@mui/icons-material": "^5.0.0 || ^6.0.0 || ^7.0.0",
+    "@mui/material": "^5.0.0 || ^6.0.0 || ^7.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "sucrase": "^3.35.1"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@vitejs/plugin-react": "^4.2.1",
+    "typescript": "^5.4.5",
+    "vite": "^5.4.0",
+    "vite-plugin-dts": "^4.5.3"
+  }
+}