@mindlogic-ai/logician-ui 2.0.0 → 3.0.0-alpha.1

package/dist/theme/index.d.ts

@@ -1,156 +1,19 @@
-import { Theme as ChakraTheme } from '@chakra-ui/react';
-export declare const theme: {
-    colors: {
-        gray: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-            1000: string;
-            1100: string;
-            1200: string;
-            1300: string;
-            1400: string;
-            1500: string;
-        };
-        blue: {
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-            1000: string;
-        };
-        white: string;
-        black: string;
-    };
-    styles: {
-        global: {
-            readonly ':root': {
-                readonly '--chakra-colors-chakra-body-text': "#121315";
-                readonly '--chakra-colors-chakra-body-bg': "#FFFFFF";
-            };
-            readonly html: {
-                readonly height: "var(--chakra-vh)";
-                readonly fontSize: 14;
-                readonly fontFamily: string;
-                readonly overflow: "auto";
-            };
-            readonly 'html, body': {
-                readonly color: "gray.1500";
-            };
-            readonly '#__next': {
-                readonly height: "var(--chakra-vh)";
-            };
-            readonly "body[data-lang='es']": {
-                readonly fontFamily: string;
-            };
-        };
-    };
-    components: {
-        Switch: {
-            baseStyle: {
-                track: {
-                    _checked: {
-                        bg: string;
-                    };
-                };
-            };
-        };
-    };
-    fonts: {
-        body: string;
-        heading: string;
-    };
-    fontSizes: {
-        subtitle: {
-            base: string;
-            md: string;
-        };
-        subtext: {
-            base: string;
-            md: string;
-        };
-        p: {
-            base: string;
-            md: string;
-        };
-        h5: {
-            base: string;
-            md: string;
-        };
-        h4: {
-            base: string;
-            md: string;
-        };
-        h3: {
-            base: string;
-            md: string;
-        };
-        h2: {
-            base: string;
-            md: string;
-        };
-        h1: {
-            base: string;
-            md: string;
-        };
-    };
-    semanticTokens: {
-        readonly colors: {
-            readonly primary: {
-                readonly lightest: "#eff7fd";
-                readonly lighter: "blue.50";
-                readonly light: "blue.300";
-                readonly main: "blue.900";
-                readonly dark: "blue.1000";
-            };
-            readonly secondary: {
-                readonly lighter: "purple.50";
-                readonly light: "purple.300";
-                readonly main: "purple.500";
-                readonly dark: "purple.700";
-            };
-            readonly danger: {
-                readonly lighter: "red.50";
-                readonly light: "#FFC9C9";
-                readonly main: "red.500";
-                readonly dark: "#961616";
-            };
-            readonly success: {
-                readonly lighter: "#EBFBF1";
-                readonly light: "#C1F4D4";
-                readonly main: "#019939";
-                readonly dark: "#016626";
-            };
-            readonly warning: {
-                readonly lighter: "#FFF6E7";
-                readonly light: "#FFE9BA";
-                readonly main: "yellow.400";
-                readonly dark: "#9D6508";
-            };
-        };
-    };
-    radii: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        full: string;
-    };
-};
-export type Theme = typeof theme & ChakraTheme;
-declare const _default: Record<string, any>;
-export default _default;
+/**
+ * Text styles for consistent typography across the application
+ * Names match fontSize tokens for easy migration: fontStyle="h1" → textStyle="h1"
+ *
+ * Base font size: 16px (set in global.ts)
+ * Responsive scaling using rem units:
+ * - Mobile (base): Slightly smaller for better readability on small screens
+ * - Desktop (md+): Original design sizes
+ *
+ * NOTE: textStyles must be defined here in index.ts (theme entry point) to ensure
+ * proper integration with Chakra v3's type system and theme creation process.
+ * Moving to a separate file breaks the type inference and runtime style application.
+ */
+export declare const textStyles: import("@chakra-ui/react").TextStyles;
+export declare const system: import("@chakra-ui/react").SystemContext;
+export declare const theme: import("@chakra-ui/react").SystemContext;
+export declare const logicianConfig: import("@chakra-ui/react").SystemConfig;
+export default system;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,IAAI,WAAW,EAErB,MAAM,kBAAkB,CAAC;AAK1B,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CjB,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,GAAG,WAAW,CAAC;;AAE/C,wBAAkC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAUA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,uCA4ErB,CAAC;AAqCH,eAAO,MAAM,MAAM,0CAAsC,CAAC;AAE1D,eAAO,MAAM,KAAK,0CAAS,CAAC;AAE5B,eAAO,MAAM,cAAc,yCAAS,CAAC;AACrC,eAAe,MAAM,CAAC"}

package/dist/theme/index.js

@@ -7,51 +7,139 @@ var react = require('@chakra-ui/react');
 var colors = require('./colors.js');
 var global = require('./global.js');
 
-const theme$1 = {
-    colors: colors.colors,
-    styles: {
-        global: global.global,
-    },
-    components: {
-        Switch: {
-            baseStyle: {
-                track: {
-                    _checked: {
-                        bg: 'primary.main',
-                    },
+/**
+ * Text styles for consistent typography across the application
+ * Names match fontSize tokens for easy migration: fontStyle="h1" → textStyle="h1"
+ *
+ * Base font size: 16px (set in global.ts)
+ * Responsive scaling using rem units:
+ * - Mobile (base): Slightly smaller for better readability on small screens
+ * - Desktop (md+): Original design sizes
+ *
+ * NOTE: textStyles must be defined here in index.ts (theme entry point) to ensure
+ * proper integration with Chakra v3's type system and theme creation process.
+ * Moving to a separate file breaks the type inference and runtime style application.
+ */
+const textStyles = react.defineTextStyles({
+    h1: {
+        description: 'Main page heading - responsive 33.6-42px',
+        value: {
+            fontFamily: 'heading',
+            fontSize: { base: '2.1rem', md: '2.625rem' }, // 33.6px → 42px
+            fontWeight: 'bold',
+            lineHeight: '1.2',
+            letterSpacing: '-0.02em',
+        },
+    },
+    h2: {
+        description: 'Section heading - responsive 28-35px',
+        value: {
+            fontFamily: 'heading',
+            fontSize: { base: '1.75rem', md: '2.1875rem' }, // 28px → 35px
+            fontWeight: 'bold',
+            lineHeight: '1.25',
+            letterSpacing: '-0.01em',
+        },
+    },
+    h3: {
+        description: 'Subsection heading - responsive 21-24.5px',
+        value: {
+            fontFamily: 'heading',
+            fontSize: { base: '1.3125rem', md: '1.531rem' }, // 21px → 24.5px
+            fontWeight: 'semibold',
+            lineHeight: '1.3',
+            letterSpacing: '-0.01em',
+        },
+    },
+    h4: {
+        description: 'Minor heading - responsive 17.5-20.16px',
+        value: {
+            fontFamily: 'heading',
+            fontSize: { base: '1.09375rem', md: '1.26rem' }, // 17.5px → 20.16px
+            fontWeight: 'semibold',
+            lineHeight: '1.35',
+        },
+    },
+    h5: {
+        description: 'Small heading - responsive 15.4-16.8px',
+        value: {
+            fontFamily: 'heading',
+            fontSize: { base: '0.9625rem', md: '1.05rem' }, // 15.4px → 16.8px
+            fontWeight: 'semibold',
+            lineHeight: '1.4',
+        },
+    },
+    p: {
+        description: 'Body text for paragraphs - 14px',
+        value: {
+            fontFamily: 'body',
+            fontSize: { base: '0.875rem', md: '0.875rem' }, // 14px
+            fontWeight: 'normal',
+            lineHeight: '1.6',
+        },
+    },
+    subtitle: {
+        description: 'Subtitle text - 14px',
+        value: {
+            fontFamily: 'body',
+            fontSize: { base: '0.875rem', md: '0.875rem' }, // 14px
+            fontWeight: 'medium',
+            lineHeight: '1.5',
+        },
+    },
+    subtext: {
+        description: 'Small caption text - responsive 12.88-14px',
+        value: {
+            fontFamily: 'body',
+            fontSize: { base: '0.805rem', md: '0.875rem' }, // 12.88px → 14px
+            fontWeight: 'normal',
+            lineHeight: '1.4',
+        },
+    },
+});
+/**
+ * Chakra UI v3 theme configuration for Logician UI
+ *
+ * Uses the Golden Ratio color system with cool slate-based grays.
+ */
+const config = react.defineConfig({
+    globalCss: global.globalCss,
+    theme: {
+        tokens: {
+            colors: colors.colors,
+            fonts: {
+                body: {
+                    value: '"Pretendard Variable", "Inter", "Noto Sans", sans-serif',
+                },
+                heading: {
+                    value: '"Pretendard Variable", "Inter", "Noto Sans", sans-serif',
                 },
             },
+            radii: {
+                none: { value: '0' },
+                xs: { value: '4px' },
+                sm: { value: '6px' },
+                md: { value: '8px' },
+                lg: { value: '12px' },
+                xl: { value: '32px' },
+                full: { value: '9999px' },
+            },
+        },
+        semanticTokens: {
+            colors: colors.semanticTokens.colors,
         },
+        textStyles,
     },
-    fonts: {
-        body: '"Pretendard Variable", "Inter", "Noto Sans", sans-serif',
-        heading: '"Pretendard Variable", "Inter", "Noto Sans", sans-serif',
-    },
-    // 반응형 폰트 사이즈 - 모바일에서는 더 작은 폰트 크기, 데스크톱에서는 기존 크기 유지
-    fontSizes: {
-        // 커스텀 폰트 크기 토큰 (em 단위 사용)
-        // xs: { base: '0.7em', md: '0.7em' },
-        subtitle: { base: '0.92em', md: '1em' },
-        subtext: { base: '0.92em', md: '1em' },
-        p: { base: '1em', md: '1em' },
-        h5: { base: '1.1em', md: '1.2em' },
-        h4: { base: '1.25em', md: '1.44em' },
-        h3: { base: '1.5em', md: '1.75em' },
-        h2: { base: '2em', md: '2.5em' },
-        h1: { base: '2.4em', md: '3em' },
-    },
-    semanticTokens: colors.semanticTokens,
-    radii: {
-        none: '0',
-        sm: '6px',
-        md: '8px',
-        lg: '12px',
-        xl: '32px',
-        full: '9999px',
-    },
-};
-var theme = react.extendTheme(theme$1);
+});
+const system = react.createSystem(react.defaultConfig, config);
+// Re-export for backwards compatibility
+const theme = system;
+// Export config for external use (e.g., extending in LogicianProvider)
+const logicianConfig = config;
 
-exports.default = theme;
-exports.theme = theme$1;
+exports.default = system;
+exports.logicianConfig = logicianConfig;
+exports.system = system;
+exports.textStyles = textStyles;
+exports.theme = theme;
 //# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":[null],"names":["theme","colors","global","semanticTokens","extendTheme"],"mappings":";;;;;;;;;AASO,MAAMA,OAAK,GAAG;YACnBC,aAAM;AACN,IAAA,MAAM,EAAE;gBACNC,aAAM;AACP,KAAA;AAED,IAAA,UAAU,EAAE;AACV,QAAA,MAAM,EAAE;AACN,YAAA,SAAS,EAAE;AACT,gBAAA,KAAK,EAAE;AACL,oBAAA,QAAQ,EAAE;AACR,wBAAA,EAAE,EAAE,cAAc;AACnB,qBAAA;AACF,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA;AAED,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,yDAAyD;AAC/D,QAAA,OAAO,EAAE,yDAAyD;AACnE,KAAA;;AAGD,IAAA,SAAS,EAAE;;;QAGT,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE;QACvC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE;QACtC,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE;QAC7B,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE;QAClC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE;QACpC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE;QACnC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE;QAChC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE;AACjC,KAAA;oBACDC,qBAAc;AACd,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,EAAE,EAAE,KAAK;AACT,QAAA,EAAE,EAAE,KAAK;AACT,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,QAAQ;AACf,KAAA;;AAOH,YAAeC,iBAAW,CAACJ,OAAK,CAAC;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":[null],"names":["defineTextStyles","defineConfig","globalCss","colors","semanticTokens","createSystem","defaultConfig"],"mappings":";;;;;;;;;AAUA;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAGA,sBAAgB,CAAC;AACzC,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE,0CAA0C;AACvD,QAAA,KAAK,EAAE;AACL,YAAA,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE;AAC5C,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,UAAU,EAAE,KAAK;AACjB,YAAA,aAAa,EAAE,SAAS;AACzB,SAAA;AACF,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE,sCAAsC;AACnD,QAAA,KAAK,EAAE;AACL,YAAA,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAE;AAC9C,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,aAAa,EAAE,SAAS;AACzB,SAAA;AACF,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE,2CAA2C;AACxD,QAAA,KAAK,EAAE;AACL,YAAA,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,UAAU,EAAE;AAC/C,YAAA,UAAU,EAAE,UAAU;AACtB,YAAA,UAAU,EAAE,KAAK;AACjB,YAAA,aAAa,EAAE,SAAS;AACzB,SAAA;AACF,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE,yCAAyC;AACtD,QAAA,KAAK,EAAE;AACL,YAAA,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,SAAS,EAAE;AAC/C,YAAA,UAAU,EAAE,UAAU;AACtB,YAAA,UAAU,EAAE,MAAM;AACnB,SAAA;AACF,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE,wCAAwC;AACrD,QAAA,KAAK,EAAE;AACL,YAAA,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE;AAC9C,YAAA,UAAU,EAAE,UAAU;AACtB,YAAA,UAAU,EAAE,KAAK;AAClB,SAAA;AACF,KAAA;AACD,IAAA,CAAC,EAAE;AACD,QAAA,WAAW,EAAE,iCAAiC;AAC9C,QAAA,KAAK,EAAE;AACL,YAAA,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;AAC9C,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,UAAU,EAAE,KAAK;AAClB,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,sBAAsB;AACnC,QAAA,KAAK,EAAE;AACL,YAAA,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;AAC9C,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,UAAU,EAAE,KAAK;AAClB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAE,4CAA4C;AACzD,QAAA,KAAK,EAAE;AACL,YAAA,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;AAC9C,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,UAAU,EAAE,KAAK;AAClB,SAAA;AACF,KAAA;AACF,CAAA;AAED;;;;AAIG;AACH,MAAM,MAAM,GAAGC,kBAAY,CAAC;eAC1BC,gBAAS;AACT,IAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE;oBACNC,aAAM;AACN,YAAA,KAAK,EAAE;AACL,gBAAA,IAAI,EAAE;AACJ,oBAAA,KAAK,EAAE,yDAAyD;AACjE,iBAAA;AACD,gBAAA,OAAO,EAAE;AACP,oBAAA,KAAK,EAAE,yDAAyD;AACjE,iBAAA;AACF,aAAA;AACD,YAAA,KAAK,EAAE;AACL,gBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;AACpB,gBAAA,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;AACpB,gBAAA,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;AACpB,gBAAA,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;AACpB,gBAAA,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;AACrB,gBAAA,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;AACrB,gBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;AAC1B,aAAA;AACF,SAAA;AACD,QAAA,cAAc,EAAE;YACd,MAAM,EAAEC,qBAAc,CAAC,MAAM;AAC9B,SAAA;QACD,UAAU;AACX,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,MAAM,GAAGC,kBAAY,CAACC,mBAAa,EAAE,MAAM;AACxD;AACO,MAAM,KAAK,GAAG;AACrB;AACO,MAAM,cAAc,GAAG;;;;;;;;"}

package/dist/theme/index.mjs

@@ -1,52 +1,137 @@
 "use client";
-import { extendTheme } from '@chakra-ui/react';
+import { defineTextStyles, defineConfig, createSystem, defaultConfig } from '@chakra-ui/react';
 import { semanticTokens, colors } from './colors.mjs';
-import { global } from './global.mjs';
+import { globalCss } from './global.mjs';
 
-const theme = {
-    colors,
-    styles: {
-        global,
-    },
-    components: {
-        Switch: {
-            baseStyle: {
-                track: {
-                    _checked: {
-                        bg: 'primary.main',
-                    },
+/**
+ * Text styles for consistent typography across the application
+ * Names match fontSize tokens for easy migration: fontStyle="h1" → textStyle="h1"
+ *
+ * Base font size: 16px (set in global.ts)
+ * Responsive scaling using rem units:
+ * - Mobile (base): Slightly smaller for better readability on small screens
+ * - Desktop (md+): Original design sizes
+ *
+ * NOTE: textStyles must be defined here in index.ts (theme entry point) to ensure
+ * proper integration with Chakra v3's type system and theme creation process.
+ * Moving to a separate file breaks the type inference and runtime style application.
+ */
+const textStyles = defineTextStyles({
+    h1: {
+        description: 'Main page heading - responsive 33.6-42px',
+        value: {
+            fontFamily: 'heading',
+            fontSize: { base: '2.1rem', md: '2.625rem' }, // 33.6px → 42px
+            fontWeight: 'bold',
+            lineHeight: '1.2',
+            letterSpacing: '-0.02em',
+        },
+    },
+    h2: {
+        description: 'Section heading - responsive 28-35px',
+        value: {
+            fontFamily: 'heading',
+            fontSize: { base: '1.75rem', md: '2.1875rem' }, // 28px → 35px
+            fontWeight: 'bold',
+            lineHeight: '1.25',
+            letterSpacing: '-0.01em',
+        },
+    },
+    h3: {
+        description: 'Subsection heading - responsive 21-24.5px',
+        value: {
+            fontFamily: 'heading',
+            fontSize: { base: '1.3125rem', md: '1.531rem' }, // 21px → 24.5px
+            fontWeight: 'semibold',
+            lineHeight: '1.3',
+            letterSpacing: '-0.01em',
+        },
+    },
+    h4: {
+        description: 'Minor heading - responsive 17.5-20.16px',
+        value: {
+            fontFamily: 'heading',
+            fontSize: { base: '1.09375rem', md: '1.26rem' }, // 17.5px → 20.16px
+            fontWeight: 'semibold',
+            lineHeight: '1.35',
+        },
+    },
+    h5: {
+        description: 'Small heading - responsive 15.4-16.8px',
+        value: {
+            fontFamily: 'heading',
+            fontSize: { base: '0.9625rem', md: '1.05rem' }, // 15.4px → 16.8px
+            fontWeight: 'semibold',
+            lineHeight: '1.4',
+        },
+    },
+    p: {
+        description: 'Body text for paragraphs - 14px',
+        value: {
+            fontFamily: 'body',
+            fontSize: { base: '0.875rem', md: '0.875rem' }, // 14px
+            fontWeight: 'normal',
+            lineHeight: '1.6',
+        },
+    },
+    subtitle: {
+        description: 'Subtitle text - 14px',
+        value: {
+            fontFamily: 'body',
+            fontSize: { base: '0.875rem', md: '0.875rem' }, // 14px
+            fontWeight: 'medium',
+            lineHeight: '1.5',
+        },
+    },
+    subtext: {
+        description: 'Small caption text - responsive 12.88-14px',
+        value: {
+            fontFamily: 'body',
+            fontSize: { base: '0.805rem', md: '0.875rem' }, // 12.88px → 14px
+            fontWeight: 'normal',
+            lineHeight: '1.4',
+        },
+    },
+});
+/**
+ * Chakra UI v3 theme configuration for Logician UI
+ *
+ * Uses the Golden Ratio color system with cool slate-based grays.
+ */
+const config = defineConfig({
+    globalCss,
+    theme: {
+        tokens: {
+            colors,
+            fonts: {
+                body: {
+                    value: '"Pretendard Variable", "Inter", "Noto Sans", sans-serif',
+                },
+                heading: {
+                    value: '"Pretendard Variable", "Inter", "Noto Sans", sans-serif',
                 },
             },
+            radii: {
+                none: { value: '0' },
+                xs: { value: '4px' },
+                sm: { value: '6px' },
+                md: { value: '8px' },
+                lg: { value: '12px' },
+                xl: { value: '32px' },
+                full: { value: '9999px' },
+            },
+        },
+        semanticTokens: {
+            colors: semanticTokens.colors,
         },
+        textStyles,
     },
-    fonts: {
-        body: '"Pretendard Variable", "Inter", "Noto Sans", sans-serif',
-        heading: '"Pretendard Variable", "Inter", "Noto Sans", sans-serif',
-    },
-    // 반응형 폰트 사이즈 - 모바일에서는 더 작은 폰트 크기, 데스크톱에서는 기존 크기 유지
-    fontSizes: {
-        // 커스텀 폰트 크기 토큰 (em 단위 사용)
-        // xs: { base: '0.7em', md: '0.7em' },
-        subtitle: { base: '0.92em', md: '1em' },
-        subtext: { base: '0.92em', md: '1em' },
-        p: { base: '1em', md: '1em' },
-        h5: { base: '1.1em', md: '1.2em' },
-        h4: { base: '1.25em', md: '1.44em' },
-        h3: { base: '1.5em', md: '1.75em' },
-        h2: { base: '2em', md: '2.5em' },
-        h1: { base: '2.4em', md: '3em' },
-    },
-    semanticTokens,
-    radii: {
-        none: '0',
-        sm: '6px',
-        md: '8px',
-        lg: '12px',
-        xl: '32px',
-        full: '9999px',
-    },
-};
-var theme$1 = extendTheme(theme);
+});
+const system = createSystem(defaultConfig, config);
+// Re-export for backwards compatibility
+const theme = system;
+// Export config for external use (e.g., extending in LogicianProvider)
+const logicianConfig = config;
 
-export { theme$1 as default, theme };
+export { system as default, logicianConfig, system, textStyles, theme };
 //# sourceMappingURL=index.mjs.map

package/dist/theme/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/theme/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASO,MAAM,KAAK,GAAG;IACnB,MAAM;AACN,IAAA,MAAM,EAAE;QACN,MAAM;AACP,KAAA;AAED,IAAA,UAAU,EAAE;AACV,QAAA,MAAM,EAAE;AACN,YAAA,SAAS,EAAE;AACT,gBAAA,KAAK,EAAE;AACL,oBAAA,QAAQ,EAAE;AACR,wBAAA,EAAE,EAAE,cAAc;AACnB,qBAAA;AACF,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA;AAED,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,yDAAyD;AAC/D,QAAA,OAAO,EAAE,yDAAyD;AACnE,KAAA;;AAGD,IAAA,SAAS,EAAE;;;QAGT,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE;QACvC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE;QACtC,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE;QAC7B,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE;QAClC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE;QACpC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE;QACnC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE;QAChC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE;AACjC,KAAA;IACD,cAAc;AACd,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,EAAE,EAAE,KAAK;AACT,QAAA,EAAE,EAAE,KAAK;AACT,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,QAAQ;AACf,KAAA;;AAOH,cAAe,WAAW,CAAC,KAAK,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/theme/index.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindlogic-ai/logician-ui",
-  "version": "2.0.0",
+  "version": "3.0.0-alpha.1",
   "description": "A comprehensive React design system built on Chakra UI",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -47,11 +47,9 @@
     "check-exports": "node check-component-exports.js"
   },
   "peerDependencies": {
-    "@chakra-ui/react": "^2.8.0",
+    "@chakra-ui/react": "^3.3.0",
     "@emotion/react": "^11.11.0",
-    "@emotion/styled": "^11.11.0",
-    "framer-motion": "^10.0.0",
-    "next": "^13.0.0 || ^14.0.0 || ^15.0.0",
+    "next": "^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
@@ -65,7 +63,7 @@
     "@tanstack/react-virtual": "^3.0.0",
     "@types/lodash": "^4.17.20",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "chakra-dayzed-datepicker": "^0.3.1",
+    "chakra-dayzed-datepicker": "3.0.0",
     "date-fns": "^2.30.0",
     "katex": "^0.16.22",
     "libphonenumber-js": "^1.10.0",
@@ -86,10 +84,9 @@
     "remark-math": "^6.0.0"
   },
   "devDependencies": {
-    "@chakra-ui/react": "^2.8.0",
+    "@chakra-ui/react": "^3.3.0",
     "@changesets/cli": "^2.27.0",
     "@emotion/react": "^11.11.0",
-    "@emotion/styled": "^11.11.0",
     "@next/eslint-plugin-next": "^15.5.0",
     "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-json": "^6.1.0",
@@ -115,6 +112,7 @@
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-storybook": "^9.1.2",
     "eslint-plugin-unused-imports": "^4.2.0",
+    "formik": "^2.4.9",
     "framer-motion": "^10.0.0",
     "postcss": "^8.5.6",
     "prettier": "^3.6.2",
@@ -129,7 +127,8 @@
     "tsc-alias": "^1.8.0",
     "typescript": "^5.2.0",
     "vite": "^5.0.0",
-    "vite-plugin-svgr": "^4.3.0"
+    "vite-plugin-svgr": "^4.3.0",
+    "yup": "^1.7.1"
   },
   "keywords": [
     "react",