@liner-fe/design-token 2.1.12 → 2.1.13

package/lib/components/ThemeProvider.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+interface IProps {
+    children: ReactNode;
+}
+export declare const ThemeProvider: ({ children }: IProps) => React.JSX.Element;
+export {};

package/lib/hooks/useDarkTheme.d.ts

@@ -1,3 +1,4 @@
+export declare const theme: import("recoil").RecoilState<boolean>;
 export declare const useDarkTheme: () => {
     setDarkTheme: () => void;
     setLightTheme: () => void;

package/lib/index.cjs

@@ -33,8 +33,10 @@ var src_exports = {};
 __export(src_exports, {
   DesignSystemHead: () => DesignSystemHead,
   SetDarkModeScript: () => SetDarkModeScript,
+  ThemeProvider: () => ThemeProvider,
   classNames: () => classNames,
   getTypoStyle: () => getTypoStyle,
+  theme: () => theme,
   useDarkTheme: () => useDarkTheme,
   useLanguage: () => useLanguage,
   vars: () => vars
@@ -43,7 +45,10 @@ module.exports = __toCommonJS(src_exports);
 
 // src/hooks/useDarkTheme.ts
 var import_recoil = require("recoil");
-var theme = (0, import_recoil.atom)({ key: "dark-theme", default: false });
+var theme = (0, import_recoil.atom)({
+  key: "dark-theme",
+  default: false
+});
 var useDarkTheme = /* @__PURE__ */ __name(() => {
   const [isDarkMode, setIsDarkMode] = (0, import_recoil.useRecoilState)(theme);
   const setDarkTheme = /* @__PURE__ */ __name(() => {
@@ -578,5 +583,16 @@ var SetDarkModeScript = /* @__PURE__ */ __name(() => {
       })()`;
   return /* @__PURE__ */ import_react2.default.createElement("script", { dangerouslySetInnerHTML: { __html: darkThemeScript } });
 }, "SetDarkModeScript");
+
+// src/components/ThemeProvider.tsx
+var import_react3 = __toESM(require("react"));
+var import_recoil2 = require("recoil");
+var ThemeProvider = /* @__PURE__ */ __name(({ children }) => {
+  const setIsDarkMode = (0, import_recoil2.useSetRecoilState)(theme);
+  (0, import_react3.useLayoutEffect)(() => {
+    setIsDarkMode(document.documentElement.getAttribute("color-theme") === "dark");
+  }, []);
+  return /* @__PURE__ */ import_react3.default.createElement(Fragment, null, children);
+}, "ThemeProvider");
 /*! For license information please see index.cjs.LEGAL.txt */
 //# sourceMappingURL=index.cjs.map

package/lib/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/index.ts", "../src/hooks/useDarkTheme.ts", "../src/hooks/useLanguage.ts", "../src/components/Head.tsx", "../src/generated/vars.ts", "../src/generated/classNames.ts", "../src/scripts/create-css/constants/typography/index.ts", "../src/helpers/getTypoStyle.ts", "../src/helpers/setDarkModeScript.tsx"],
-  "sourcesContent": ["export * from './hooks/useDarkTheme';\nexport * from './hooks/useLanguage';\nexport * from './components/Head';\nexport * from './generated/vars';\nexport * from './generated/classNames';\nexport * from './helpers/getTypoStyle';\n\n// \uC218\uC815 \uD544\uC694\nexport * from './types/color';\nexport * from './helpers/setDarkModeScript';\n", "import { useEffect, useState } from 'react';\nimport { atom, useRecoilState, useSetRecoilState } from 'recoil';\n\nconst theme = atom({ key: 'dark-theme', default: false });\n\nexport const useDarkTheme = () => {\n  const [isDarkMode, setIsDarkMode] = useRecoilState(theme);\n\n  const setDarkTheme = () => {\n    document.documentElement.setAttribute('color-theme', 'dark');\n    localStorage.setItem('theme', 'dark');\n    setIsDarkMode(true);\n  };\n\n  const setLightTheme = () => {\n    document.documentElement.setAttribute('color-theme', 'light');\n    localStorage.setItem('theme', 'light');\n    setIsDarkMode(false);\n  };\n\n  const setPreferTheme = () => {\n    const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n    localStorage.removeItem('theme');\n    document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n    setIsDarkMode(isOsColorThemeDark);\n  };\n\n  return {\n    setDarkTheme,\n    setLightTheme,\n    setPreferTheme,\n    isDarkMode,\n  };\n};\n", "export const useLanguage = () => {};\n", "import React from 'react';\n\nexport const DesignSystemHead = () => {\n  return (\n    <>\n      {/* Pretendard JP Variable */}\n      <link\n        rel=\"stylesheet\"\n        as=\"style\"\n        crossOrigin={'anonymous'}\n        href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp.min.css\"\n      />\n      {/* Pretendard Variable */}\n      <link\n        rel=\"stylesheet\"\n        as=\"style\"\n        crossOrigin={'anonymous'}\n        href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css\"\n      />\n      {/* \"Poppins\", sans-serif; */}\n      <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n      <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n      <link\n        href=\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n        rel=\"stylesheet\"\n      />\n      {/* font-family: \"Merriweather\", serif; */}\n      <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n      <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n      <link\n        href=\"https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n        rel=\"stylesheet\"\n      />\n    </>\n  );\n};\n", "export const vars = {\"color\":{\"neutral-container-lowest\":\"var(--neutral-container-lowest)\",\"neutral-container-lowest-hover\":\"var(--neutral-container-lowest-hover)\",\"neutral-container-low\":\"var(--neutral-container-low)\",\"neutral-container-low-hover\":\"var(--neutral-container-low-hover)\",\"neutral-container-mid\":\"var(--neutral-container-mid)\",\"neutral-container-mid-hover\":\"var(--neutral-container-mid-hover)\",\"neutral-container-high\":\"var(--neutral-container-high)\",\"neutral-container-high-hover\":\"var(--neutral-container-high-hover)\",\"neutral-container-highest\":\"var(--neutral-container-highest)\",\"neutral-container-static-lowest\":\"var(--neutral-container-static-lowest)\",\"neutral-container-static-lowest-hover\":\"var(--neutral-container-static-lowest-hover)\",\"neutral-fill-lowest\":\"var(--neutral-fill-lowest)\",\"neutral-fill-lowest-hover\":\"var(--neutral-fill-lowest-hover)\",\"neutral-fill-low\":\"var(--neutral-fill-low)\",\"neutral-fill-low-hover\":\"var(--neutral-fill-low-hover)\",\"neutral-fill-mid\":\"var(--neutral-fill-mid)\",\"neutral-fill-mid-hover\":\"var(--neutral-fill-mid-hover)\",\"neutral-fill-high\":\"var(--neutral-fill-high)\",\"neutral-fill-high-hover\":\"var(--neutral-fill-high-hover)\",\"neutral-fill-highest\":\"var(--neutral-fill-highest)\",\"neutral-label-primary\":\"var(--neutral-label-primary)\",\"neutral-label-secondary\":\"var(--neutral-label-secondary)\",\"neutral-label-tertiary\":\"var(--neutral-label-tertiary)\",\"neutral-label-quaternary\":\"var(--neutral-label-quaternary)\",\"neutral-label-static-primary\":\"var(--neutral-label-static-primary)\",\"neutral-label-static-secondary\":\"var(--neutral-label-static-secondary)\",\"neutral-border-overlay-strong\":\"var(--neutral-border-overlay-strong)\",\"neutral-border-overlay-normal\":\"var(--neutral-border-overlay-normal)\",\"neutral-border-overlay-subtle\":\"var(--neutral-border-overlay-subtle)\",\"neutral-border-opaque-strong\":\"var(--neutral-border-opaque-strong)\",\"neutral-border-opaque-normal\":\"var(--neutral-border-opaque-normal)\",\"neutral-border-opaque-subtle\":\"var(--neutral-border-opaque-subtle)\",\"inverse-container-lowest\":\"var(--inverse-container-lowest)\",\"inverse-container-lowest-hover\":\"var(--inverse-container-lowest-hover)\",\"inverse-container-low\":\"var(--inverse-container-low)\",\"inverse-container-low-hover\":\"var(--inverse-container-low-hover)\",\"inverse-container-mid\":\"var(--inverse-container-mid)\",\"inverse-container-mid-hover\":\"var(--inverse-container-mid-hover)\",\"inverse-container-high\":\"var(--inverse-container-high)\",\"inverse-container-high-hover\":\"var(--inverse-container-high-hover)\",\"inverse-container-static-high\":\"var(--inverse-container-static-high)\",\"inverse-container-static-high-hover\":\"var(--inverse-container-static-high-hover)\",\"inverse-container-highest\":\"var(--inverse-container-highest)\",\"inverse-fill-mid\":\"var(--inverse-fill-mid)\",\"inverse-fill-mid-hover\":\"var(--inverse-fill-mid-hover)\",\"inverse-label-primary\":\"var(--inverse-label-primary)\",\"inverse-label-secondary\":\"var(--inverse-label-secondary)\",\"inverse-label-tertiary\":\"var(--inverse-label-tertiary)\",\"inverse-label-quaternary\":\"var(--inverse-label-quaternary)\",\"inverse-label-static-primary\":\"var(--inverse-label-static-primary)\",\"inverse-label-static-secondary\":\"var(--inverse-label-static-secondary)\",\"inverse-border-overlay-strong\":\"var(--inverse-border-overlay-strong)\",\"inverse-border-overlay-normal\":\"var(--inverse-border-overlay-normal)\",\"inverse-border-overlay-subtle\":\"var(--inverse-border-overlay-subtle)\",\"inverse-border-opaque-strong\":\"var(--inverse-border-opaque-strong)\",\"inverse-border-opaque-normal\":\"var(--inverse-border-opaque-normal)\",\"inverse-border-opaque-subtle\":\"var(--inverse-border-opaque-subtle)\",\"brand-container-mid\":\"var(--brand-container-mid)\",\"brand-container-mid-hover\":\"var(--brand-container-mid-hover)\",\"brand-container-high\":\"var(--brand-container-high)\",\"brand-label-primary\":\"var(--brand-label-primary)\",\"brand-label-secondary\":\"var(--brand-label-secondary)\",\"brand-border-opaque-normal\":\"var(--brand-border-opaque-normal)\",\"brand-border-overlay-normal\":\"var(--brand-border-overlay-normal)\",\"accent-container-yellow\":\"var(--accent-container-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"function-container-positive\":\"var(--function-container-positive)\",\"function-container-negative\":\"var(--function-container-negative)\",\"function-container-negative-hover\":\"var(--function-container-negative-hover)\",\"function-container-caution\":\"var(--function-container-caution)\",\"function-label-positive\":\"var(--function-label-positive)\",\"function-label-negative\":\"var(--function-label-negative)\",\"function-label-caution\":\"var(--function-label-caution)\",\"cover-dim-page\":\"var(--cover-dim-page)\"},\"radius\":{\"lp-sys-radius-xxs\":\"var(--lp-sys-radius-xxs)\",\"lp-sys-radius-xs\":\"var(--lp-sys-radius-xs)\",\"lp-sys-radius-s\":\"var(--lp-sys-radius-s)\",\"lp-sys-radius-m\":\"var(--lp-sys-radius-m)\",\"lp-sys-radius-l\":\"var(--lp-sys-radius-l)\",\"lp-sys-radius-xl\":\"var(--lp-sys-radius-xl)\",\"lp-sys-radius-xxl\":\"var(--lp-sys-radius-xxl)\"},\"opacity\":{\"lp-pri-color-opacity-80\":\"var(--lp-pri-color-opacity-80)\",\"lp-pri-color-opacity-72\":\"var(--lp-pri-color-opacity-72)\",\"lp-pri-color-opacity-64\":\"var(--lp-pri-color-opacity-64)\",\"lp-pri-color-opacity-56\":\"var(--lp-pri-color-opacity-56)\",\"lp-pri-color-opacity-50\":\"var(--lp-pri-color-opacity-50)\",\"lp-pri-color-opacity-48\":\"var(--lp-pri-color-opacity-48)\",\"lp-pri-color-opacity-44\":\"var(--lp-pri-color-opacity-44)\",\"lp-pri-color-opacity-40\":\"var(--lp-pri-color-opacity-40)\",\"lp-pri-color-opacity-36\":\"var(--lp-pri-color-opacity-36)\",\"lp-pri-color-opacity-32\":\"var(--lp-pri-color-opacity-32)\",\"lp-pri-color-opacity-28\":\"var(--lp-pri-color-opacity-28)\",\"lp-pri-color-opacity-24\":\"var(--lp-pri-color-opacity-24)\",\"lp-pri-color-opacity-20\":\"var(--lp-pri-color-opacity-20)\",\"lp-pri-color-opacity-16\":\"var(--lp-pri-color-opacity-16)\",\"lp-pri-color-opacity-12\":\"var(--lp-pri-color-opacity-12)\",\"lp-pri-color-opacity-8\":\"var(--lp-pri-color-opacity-8)\",\"lp-pri-color-opacity-4\":\"var(--lp-pri-color-opacity-4)\",\"lp-pri-color-opacity-1\":\"var(--lp-pri-color-opacity-1)\",\"lp-pri-color-opacity-0\":\"var(--lp-pri-color-opacity-0)\"},\"padding\":{\"lp-sys-padding-component-100\":\"var(--lp-sys-padding-component-100)\",\"lp-sys-padding-component-150\":\"var(--lp-sys-padding-component-150)\",\"lp-sys-padding-component-200\":\"var(--lp-sys-padding-component-200)\",\"lp-sys-padding-component-300\":\"var(--lp-sys-padding-component-300)\",\"lp-sys-padding-component-400\":\"var(--lp-sys-padding-component-400)\",\"lp-sys-padding-component-500\":\"var(--lp-sys-padding-component-500)\",\"lp-sys-padding-component-600\":\"var(--lp-sys-padding-component-600)\",\"lp-sys-padding-component-700\":\"var(--lp-sys-padding-component-700)\",\"lp-sys-padding-component-800\":\"var(--lp-sys-padding-component-800)\",\"lp-sys-padding-component-900\":\"var(--lp-sys-padding-component-900)\",\"lp-sys-padding-section-100\":\"var(--lp-sys-padding-section-100)\",\"lp-sys-padding-section-200\":\"var(--lp-sys-padding-section-200)\",\"lp-sys-padding-section-300\":\"var(--lp-sys-padding-section-300)\",\"lp-sys-padding-section-400\":\"var(--lp-sys-padding-section-400)\",\"lp-sys-padding-section-500\":\"var(--lp-sys-padding-section-500)\",\"lp-sys-padding-section-600\":\"var(--lp-sys-padding-section-600)\",\"lp-sys-padding-section-700\":\"var(--lp-sys-padding-section-700)\",\"lp-sys-padding-section-800\":\"var(--lp-sys-padding-section-800)\",\"lp-sys-padding-section-900\":\"var(--lp-sys-padding-section-900)\"},\"size\":{\"lp-pri-size-minus6\":\"var(--lp-pri-size-minus6)\",\"lp-pri-size-minus4\":\"var(--lp-pri-size-minus4)\",\"lp-pri-size-minus2\":\"var(--lp-pri-size-minus2)\",\"lp-pri-size-0\":\"var(--lp-pri-size-0)\",\"lp-pri-size-1\":\"var(--lp-pri-size-1)\",\"lp-pri-size-2\":\"var(--lp-pri-size-2)\",\"lp-pri-size-3\":\"var(--lp-pri-size-3)\",\"lp-pri-size-4\":\"var(--lp-pri-size-4)\",\"lp-pri-size-6\":\"var(--lp-pri-size-6)\",\"lp-pri-size-8\":\"var(--lp-pri-size-8)\",\"lp-pri-size-10\":\"var(--lp-pri-size-10)\",\"lp-pri-size-12\":\"var(--lp-pri-size-12)\",\"lp-pri-size-14\":\"var(--lp-pri-size-14)\",\"lp-pri-size-16\":\"var(--lp-pri-size-16)\",\"lp-pri-size-18\":\"var(--lp-pri-size-18)\",\"lp-pri-size-20\":\"var(--lp-pri-size-20)\",\"lp-pri-size-24\":\"var(--lp-pri-size-24)\",\"lp-pri-size-32\":\"var(--lp-pri-size-32)\",\"lp-pri-size-40\":\"var(--lp-pri-size-40)\",\"lp-pri-size-48\":\"var(--lp-pri-size-48)\",\"lp-pri-size-56\":\"var(--lp-pri-size-56)\",\"lp-pri-size-64\":\"var(--lp-pri-size-64)\",\"lp-pri-size-80\":\"var(--lp-pri-size-80)\",\"lp-pri-size-100\":\"var(--lp-pri-size-100)\",\"lp-pri-size-120\":\"var(--lp-pri-size-120)\",\"lp-pri-size-140\":\"var(--lp-pri-size-140)\",\"lp-pri-size-160\":\"var(--lp-pri-size-160)\",\"lp-pri-size-180\":\"var(--lp-pri-size-180)\",\"lp-pri-size-200\":\"var(--lp-pri-size-200)\"},\"gap\":{\"lp-sys-gap-positive-50\":\"var(--lp-sys-gap-positive-50)\",\"lp-sys-gap-positive-100\":\"var(--lp-sys-gap-positive-100)\",\"lp-sys-gap-positive-150\":\"var(--lp-sys-gap-positive-150)\",\"lp-sys-gap-positive-200\":\"var(--lp-sys-gap-positive-200)\",\"lp-sys-gap-positive-300\":\"var(--lp-sys-gap-positive-300)\",\"lp-sys-gap-positive-400\":\"var(--lp-sys-gap-positive-400)\",\"lp-sys-gap-positive-500\":\"var(--lp-sys-gap-positive-500)\",\"lp-sys-gap-positive-600\":\"var(--lp-sys-gap-positive-600)\",\"lp-sys-gap-positive-700\":\"var(--lp-sys-gap-positive-700)\",\"lp-sys-gap-positive-800\":\"var(--lp-sys-gap-positive-800)\",\"lp-sys-gap-positive-900\":\"var(--lp-sys-gap-positive-900)\",\"lp-sys-gap-negative-700\":\"var(--lp-sys-gap-negative-700)\",\"lp-sys-gap-negative-800\":\"var(--lp-sys-gap-negative-800)\",\"lp-sys-gap-negative-900\":\"var(--lp-sys-gap-negative-900)\"},\"shadow\":{\"lp-sys-shadow-normal\":\"var(--lp-sys-shadow-normal)\",\"lp-sys-shadow-strong\":\"var(--lp-sys-shadow-strong)\",\"lp-sys-shadow-heavy\":\"var(--lp-sys-shadow-heavy)\"},\"iconSize\":{\"lp-sys-icon-size-xs\":\"var(--lp-sys-icon-size-xs)\",\"lp-sys-icon-size-s\":\"var(--lp-sys-icon-size-s)\",\"lp-sys-icon-size-m\":\"var(--lp-sys-icon-size-m)\",\"lp-sys-icon-size-l\":\"var(--lp-sys-icon-size-l)\",\"lp-sys-icon-size-xl\":\"var(--lp-sys-icon-size-xl)\"}}", "export const classNames = {\"typography\":{\"lp-sys-typo-display1-accent-black\":\"lp-sys-typo-display1-accent-black\",\"lp-sys-typo-display2-accent-black\":\"lp-sys-typo-display2-accent-black\",\"lp-sys-typo-display3-accent-black\":\"lp-sys-typo-display3-accent-black\",\"lp-sys-typo-display1-normal-black\":\"lp-sys-typo-display1-normal-black\",\"lp-sys-typo-display2-normal-black\":\"lp-sys-typo-display2-normal-black\",\"lp-sys-typo-display3-normal-black\":\"lp-sys-typo-display3-normal-black\",\"lp-sys-typo-heading1-answer\":\"lp-sys-typo-heading1-answer\",\"lp-sys-typo-heading2-answer\":\"lp-sys-typo-heading2-answer\",\"lp-sys-typo-heading3-answer\":\"lp-sys-typo-heading3-answer\",\"lp-sys-typo-heading4-answer\":\"lp-sys-typo-heading4-answer\",\"lp-sys-typo-heading5-answer\":\"lp-sys-typo-heading5-answer\",\"lp-sys-typo-heading6-answer\":\"lp-sys-typo-heading6-answer\",\"lp-sys-typo-title1-accent-bold\":\"lp-sys-typo-title1-accent-bold\",\"lp-sys-typo-title2-accent-bold\":\"lp-sys-typo-title2-accent-bold\",\"lp-sys-typo-title3-accent-bold\":\"lp-sys-typo-title3-accent-bold\",\"lp-sys-typo-title4-accent-bold\":\"lp-sys-typo-title4-accent-bold\",\"lp-sys-typo-title1-accent-medium\":\"lp-sys-typo-title1-accent-medium\",\"lp-sys-typo-title2-accent-medium\":\"lp-sys-typo-title2-accent-medium\",\"lp-sys-typo-title3-accent-medium\":\"lp-sys-typo-title3-accent-medium\",\"lp-sys-typo-title4-accent-medium\":\"lp-sys-typo-title4-accent-medium\",\"lp-sys-typo-title1-normal-bold\":\"lp-sys-typo-title1-normal-bold\",\"lp-sys-typo-title2-normal-bold\":\"lp-sys-typo-title2-normal-bold\",\"lp-sys-typo-title3-normal-bold\":\"lp-sys-typo-title3-normal-bold\",\"lp-sys-typo-title4-normal-bold\":\"lp-sys-typo-title4-normal-bold\",\"lp-sys-typo-title1-normal-medium\":\"lp-sys-typo-title1-normal-medium\",\"lp-sys-typo-title2-normal-medium\":\"lp-sys-typo-title2-normal-medium\",\"lp-sys-typo-title3-normal-medium\":\"lp-sys-typo-title3-normal-medium\",\"lp-sys-typo-title4-normal-medium\":\"lp-sys-typo-title4-normal-medium\",\"lp-sys-typo-paragraph1-accent-bold\":\"lp-sys-typo-paragraph1-accent-bold\",\"lp-sys-typo-paragraph2-accent-bold\":\"lp-sys-typo-paragraph2-accent-bold\",\"lp-sys-typo-paragraph3-accent-bold\":\"lp-sys-typo-paragraph3-accent-bold\",\"lp-sys-typo-paragraph1-accent-medium\":\"lp-sys-typo-paragraph1-accent-medium\",\"lp-sys-typo-paragraph2-accent-medium\":\"lp-sys-typo-paragraph2-accent-medium\",\"lp-sys-typo-paragraph3-accent-medium\":\"lp-sys-typo-paragraph3-accent-medium\",\"lp-sys-typo-paragraph1-accent-regular\":\"lp-sys-typo-paragraph1-accent-regular\",\"lp-sys-typo-paragraph2-accent-regular\":\"lp-sys-typo-paragraph2-accent-regular\",\"lp-sys-typo-paragraph3-accent-regular\":\"lp-sys-typo-paragraph3-accent-regular\",\"lp-sys-typo-paragraph1-normal-bold\":\"lp-sys-typo-paragraph1-normal-bold\",\"lp-sys-typo-paragraph2-normal-bold\":\"lp-sys-typo-paragraph2-normal-bold\",\"lp-sys-typo-paragraph3-normal-bold\":\"lp-sys-typo-paragraph3-normal-bold\",\"lp-sys-typo-paragraph4-normal-bold\":\"lp-sys-typo-paragraph4-normal-bold\",\"lp-sys-typo-paragraph1-normal-medium\":\"lp-sys-typo-paragraph1-normal-medium\",\"lp-sys-typo-paragraph2-normal-medium\":\"lp-sys-typo-paragraph2-normal-medium\",\"lp-sys-typo-paragraph3-normal-medium\":\"lp-sys-typo-paragraph3-normal-medium\",\"lp-sys-typo-paragraph4-normal-medium\":\"lp-sys-typo-paragraph4-normal-medium\",\"lp-sys-typo-paragraph1-normal-regular\":\"lp-sys-typo-paragraph1-normal-regular\",\"lp-sys-typo-paragraph2-normal-regular\":\"lp-sys-typo-paragraph2-normal-regular\",\"lp-sys-typo-paragraph3-normal-regular\":\"lp-sys-typo-paragraph3-normal-regular\",\"lp-sys-typo-paragraph4-normal-regular\":\"lp-sys-typo-paragraph4-normal-regular\",\"lp-sys-typo-paragraph1-post-regular\":\"lp-sys-typo-paragraph1-post-regular\",\"lp-sys-typo-paragraph3-post-regular\":\"lp-sys-typo-paragraph3-post-regular\",\"lp-sys-typo-paragraph1-answer-bold\":\"lp-sys-typo-paragraph1-answer-bold\",\"lp-sys-typo-paragraph1-answer-regular\":\"lp-sys-typo-paragraph1-answer-regular\",\"lp-sys-typo-caption1-normal-bold\":\"lp-sys-typo-caption1-normal-bold\",\"lp-sys-typo-caption2-normal-bold\":\"lp-sys-typo-caption2-normal-bold\",\"lp-sys-typo-caption3-normal-bold\":\"lp-sys-typo-caption3-normal-bold\",\"lp-sys-typo-caption1-normal-medium\":\"lp-sys-typo-caption1-normal-medium\",\"lp-sys-typo-caption1-normal-regular\":\"lp-sys-typo-caption1-normal-regular\",\"lp-sys-typo-caption2-normal-regular\":\"lp-sys-typo-caption2-normal-regular\",\"lp-sys-typo-caption3-normal-regular\":\"lp-sys-typo-caption3-normal-regular\"}}", "import { font } from './primitive';\nimport { TypographyKeys } from './types';\n\nexport type FontFamily =\n  | 'lp-pri-font-family-poppins'\n  | 'lp-pri-font-family-variables-pretendard'\n  | 'lp-pri-font-family-variables-pretendard-jp'\n  | 'lp-pri-font-family-merriweather';\n\ninterface TypographyValues {\n  family: Exclude<FontFamily, 'lp-pri-font-family-variables-pretendard-jp'>;\n  weight: keyof typeof font.weight;\n  lineHeight: keyof typeof font.lineHeight;\n  size: keyof typeof font.size;\n}\n\nexport const typography: Record<TypographyKeys, TypographyValues> = {\n  'lp-sys-typo-display1-accent-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-72',\n  },\n  'lp-sys-typo-display2-accent-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-64',\n  },\n  'lp-sys-typo-display3-accent-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-display1-normal-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-72',\n  },\n  'lp-sys-typo-display2-normal-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-64',\n  },\n  'lp-sys-typo-display3-normal-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-heading1-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-180',\n    size: 'lp-pri-font-size-28',\n  },\n  'lp-sys-typo-heading2-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-180',\n    size: 'lp-pri-font-size-24',\n  },\n  'lp-sys-typo-heading3-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-heading4-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-heading5-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-heading6-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-title1-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-32',\n  },\n  'lp-sys-typo-title2-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-28',\n  },\n  'lp-sys-typo-title3-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-650',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-24',\n  },\n  'lp-sys-typo-title4-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-650',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-20',\n  },\n  'lp-sys-typo-title1-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-32',\n  },\n  'lp-sys-typo-title2-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-28',\n  },\n  'lp-sys-typo-title3-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-24',\n  },\n  'lp-sys-typo-title4-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-20',\n  },\n  'lp-sys-typo-title1-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-32',\n  },\n  'lp-sys-typo-title2-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-28',\n  },\n  'lp-sys-typo-title3-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-650',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-24',\n  },\n  'lp-sys-typo-title4-normal-bold': {\n    weight: 'lp-pri-font-weight-650',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-20',\n    family: 'lp-pri-font-family-variables-pretendard',\n  },\n  'lp-sys-typo-title1-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    size: 'lp-pri-font-size-32',\n    lineHeight: 'lp-pri-font-lineheight-130',\n  },\n  'lp-sys-typo-title2-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    size: 'lp-pri-font-size-28',\n    lineHeight: 'lp-pri-font-lineheight-130',\n  },\n  'lp-sys-typo-title3-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    size: 'lp-pri-font-size-24',\n    lineHeight: 'lp-pri-font-lineheight-130',\n  },\n  'lp-sys-typo-title4-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    size: 'lp-pri-font-size-20',\n    lineHeight: 'lp-pri-font-lineheight-130',\n  },\n  'lp-sys-typo-paragraph1-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph1-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph1-accent-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-accent-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-accent-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph1-normal-bold': {\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n    family: 'lp-pri-font-family-variables-pretendard',\n  },\n  'lp-sys-typo-paragraph2-normal-bold': {\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n    family: 'lp-pri-font-family-variables-pretendard',\n  },\n  'lp-sys-typo-paragraph3-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph4-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-14',\n  },\n  'lp-sys-typo-paragraph1-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph4-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-14',\n  },\n  'lp-sys-typo-paragraph1-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph4-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-14',\n  },\n  'lp-sys-typo-paragraph1-post-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-150',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph3-post-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-150',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph1-answer-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-180',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph1-answer-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-180',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-caption1-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-13',\n  },\n  'lp-sys-typo-caption2-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-12',\n  },\n  'lp-sys-typo-caption3-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-11',\n  },\n  'lp-sys-typo-caption1-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-13',\n  },\n  'lp-sys-typo-caption1-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-13',\n  },\n  'lp-sys-typo-caption2-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-12',\n  },\n  'lp-sys-typo-caption3-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-11',\n  },\n};\n\nexport const typographyClassName = (() => {\n  const result: Partial<Record<TypographyKeys, TypographyKeys>> = {};\n\n  for (const key in typography) {\n    const typedKey = key as TypographyKeys;\n\n    result[typedKey] = typedKey;\n  }\n\n  return result;\n})();\n\nexport const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {\n  'lp-sys-typo-title1-accent-bold': {\n    ...typography['lp-sys-typo-title1-accent-bold'],\n    family: 'lp-pri-font-family-merriweather',\n  },\n  'lp-sys-typo-title3-accent-bold': {\n    ...typography['lp-sys-typo-title3-accent-bold'],\n    family: 'lp-pri-font-family-merriweather',\n  },\n  'lp-sys-typo-title4-accent-bold': {\n    ...typography['lp-sys-typo-title4-accent-bold'],\n    family: 'lp-pri-font-family-merriweather',\n  },\n  'lp-sys-typo-paragraph1-accent-bold': {\n    ...typography['lp-sys-typo-paragraph1-accent-bold'],\n    family: 'lp-pri-font-family-merriweather',\n    weight: 'lp-pri-font-weight-600',\n  },\n  'lp-sys-typo-paragraph2-accent-bold': {\n    ...typography['lp-sys-typo-paragraph2-accent-bold'],\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n  },\n  'lp-sys-typo-paragraph3-accent-bold': {\n    ...typography['lp-sys-typo-paragraph3-accent-bold'],\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n  },\n  'lp-sys-typo-paragraph1-accent-medium': {\n    ...typography['lp-sys-typo-paragraph1-accent-medium'],\n    family: 'lp-pri-font-family-poppins',\n    weight: 'lp-pri-font-weight-500',\n  },\n  'lp-sys-typo-paragraph2-accent-medium': {\n    ...typography['lp-sys-typo-paragraph2-accent-medium'],\n    family: 'lp-pri-font-family-poppins',\n    weight: 'lp-pri-font-weight-500',\n  },\n  'lp-sys-typo-paragraph3-accent-medium': {\n    ...typography['lp-sys-typo-paragraph3-accent-medium'],\n    family: 'lp-pri-font-family-poppins',\n    weight: 'lp-pri-font-weight-500',\n  },\n  'lp-sys-typo-paragraph1-accent-regular': {\n    ...typography['lp-sys-typo-paragraph3-accent-regular'],\n    weight: 'lp-pri-font-weight-300',\n    family: 'lp-pri-font-family-poppins',\n  },\n  'lp-sys-typo-paragraph2-accent-regular': {\n    ...typography['lp-sys-typo-paragraph3-accent-regular'],\n    weight: 'lp-pri-font-weight-300',\n    family: 'lp-pri-font-family-poppins',\n  },\n  'lp-sys-typo-paragraph3-accent-regular': {\n    ...typography['lp-sys-typo-paragraph3-accent-regular'],\n    weight: 'lp-pri-font-weight-300',\n    family: 'lp-pri-font-family-poppins',\n  },\n};\n", "import { FontFamily, typography, typographyEnglish } from '../scripts/create-css/constants/typography';\nimport { font } from '../scripts/create-css/constants/typography/primitive';\nimport { TypographyKeys } from '../scripts/create-css/constants/typography/types';\n\nconst transformCSS = (\n  family: FontFamily,\n  size: keyof typeof font.size,\n  weight: keyof typeof font.weight,\n  lineHeight: keyof typeof font.lineHeight\n) => `\n        'font-family': ${family},\n        'font-size': ${size},\n        'font-weight': ${weight},\n        'line-height': ${lineHeight},\n        `;\n\nexport const getTypoStyle = (key: TypographyKeys) => {\n  const locale = document.documentElement.getAttribute('lang');\n  const { family, size, weight, lineHeight } = typography[key];\n\n  if (locale === 'en') {\n    if (typographyEnglish[key]) {\n      const { family, size, weight, lineHeight } = typographyEnglish[key];\n      return transformCSS(family, size, weight, lineHeight);\n    }\n\n    return transformCSS(family, size, weight, lineHeight);\n  }\n\n  if (locale === 'ja') {\n    return transformCSS('lp-pri-font-family-variables-pretendard-jp', size, weight, lineHeight);\n  }\n\n  return transformCSS(family, size, weight, lineHeight);\n};\n", "import React from 'react';\n\nexport const SetDarkModeScript = () => {\n  const darkThemeScript = `(\n      function (){\n          const localStorageTheme = window.localStorage.getItem(\"theme\")\n          document.documentElement.setAttribute(\"color-theme\", localStorageTheme || window.matchMedia('(prefers-color-scheme: dark)').matches ? \"dark\" : \"light\")\n      })()`;\n\n  return <script dangerouslySetInnerHTML={{ __html: darkThemeScript }} />;\n};\n"],
-  "mappings": "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",
-  "names": ["React", "family", "size", "weight", "lineHeight", "import_react", "React"]
+  "sources": ["../src/index.ts", "../src/hooks/useDarkTheme.ts", "../src/hooks/useLanguage.ts", "../src/components/Head.tsx", "../src/generated/vars.ts", "../src/generated/classNames.ts", "../src/scripts/create-css/constants/typography/index.ts", "../src/helpers/getTypoStyle.ts", "../src/helpers/setDarkModeScript.tsx", "../src/components/ThemeProvider.tsx"],
+  "sourcesContent": ["export * from './hooks/useDarkTheme';\nexport * from './hooks/useLanguage';\nexport * from './components/Head';\nexport * from './generated/vars';\nexport * from './generated/classNames';\nexport * from './helpers/getTypoStyle';\nexport * from './helpers/setDarkModeScript';\nexport * from './components/ThemeProvider';\n\n// \uC218\uC815 \uD544\uC694\nexport * from './types/color';\n", "import { useEffect, useState } from 'react';\nimport { atom, useRecoilState, useSetRecoilState } from 'recoil';\n\nexport const theme = atom({\n  key: 'dark-theme',\n  default: false,\n});\n\nexport const useDarkTheme = () => {\n  const [isDarkMode, setIsDarkMode] = useRecoilState(theme);\n\n  const setDarkTheme = () => {\n    document.documentElement.setAttribute('color-theme', 'dark');\n    localStorage.setItem('theme', 'dark');\n    setIsDarkMode(true);\n  };\n\n  const setLightTheme = () => {\n    document.documentElement.setAttribute('color-theme', 'light');\n    localStorage.setItem('theme', 'light');\n    setIsDarkMode(false);\n  };\n\n  const setPreferTheme = () => {\n    const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n    localStorage.removeItem('theme');\n    document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n    setIsDarkMode(isOsColorThemeDark);\n  };\n\n  return {\n    setDarkTheme,\n    setLightTheme,\n    setPreferTheme,\n    isDarkMode,\n  };\n};\n", "export const useLanguage = () => {};\n", "import React from 'react';\n\nexport const DesignSystemHead = () => {\n  return (\n    <>\n      {/* Pretendard JP Variable */}\n      <link\n        rel=\"stylesheet\"\n        as=\"style\"\n        crossOrigin={'anonymous'}\n        href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp.min.css\"\n      />\n      {/* Pretendard Variable */}\n      <link\n        rel=\"stylesheet\"\n        as=\"style\"\n        crossOrigin={'anonymous'}\n        href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css\"\n      />\n      {/* \"Poppins\", sans-serif; */}\n      <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n      <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n      <link\n        href=\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n        rel=\"stylesheet\"\n      />\n      {/* font-family: \"Merriweather\", serif; */}\n      <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n      <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n      <link\n        href=\"https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n        rel=\"stylesheet\"\n      />\n    </>\n  );\n};\n", "export const vars = {\"color\":{\"neutral-container-lowest\":\"var(--neutral-container-lowest)\",\"neutral-container-lowest-hover\":\"var(--neutral-container-lowest-hover)\",\"neutral-container-low\":\"var(--neutral-container-low)\",\"neutral-container-low-hover\":\"var(--neutral-container-low-hover)\",\"neutral-container-mid\":\"var(--neutral-container-mid)\",\"neutral-container-mid-hover\":\"var(--neutral-container-mid-hover)\",\"neutral-container-high\":\"var(--neutral-container-high)\",\"neutral-container-high-hover\":\"var(--neutral-container-high-hover)\",\"neutral-container-highest\":\"var(--neutral-container-highest)\",\"neutral-container-static-lowest\":\"var(--neutral-container-static-lowest)\",\"neutral-container-static-lowest-hover\":\"var(--neutral-container-static-lowest-hover)\",\"neutral-fill-lowest\":\"var(--neutral-fill-lowest)\",\"neutral-fill-lowest-hover\":\"var(--neutral-fill-lowest-hover)\",\"neutral-fill-low\":\"var(--neutral-fill-low)\",\"neutral-fill-low-hover\":\"var(--neutral-fill-low-hover)\",\"neutral-fill-mid\":\"var(--neutral-fill-mid)\",\"neutral-fill-mid-hover\":\"var(--neutral-fill-mid-hover)\",\"neutral-fill-high\":\"var(--neutral-fill-high)\",\"neutral-fill-high-hover\":\"var(--neutral-fill-high-hover)\",\"neutral-fill-highest\":\"var(--neutral-fill-highest)\",\"neutral-label-primary\":\"var(--neutral-label-primary)\",\"neutral-label-secondary\":\"var(--neutral-label-secondary)\",\"neutral-label-tertiary\":\"var(--neutral-label-tertiary)\",\"neutral-label-quaternary\":\"var(--neutral-label-quaternary)\",\"neutral-label-static-primary\":\"var(--neutral-label-static-primary)\",\"neutral-label-static-secondary\":\"var(--neutral-label-static-secondary)\",\"neutral-border-overlay-strong\":\"var(--neutral-border-overlay-strong)\",\"neutral-border-overlay-normal\":\"var(--neutral-border-overlay-normal)\",\"neutral-border-overlay-subtle\":\"var(--neutral-border-overlay-subtle)\",\"neutral-border-opaque-strong\":\"var(--neutral-border-opaque-strong)\",\"neutral-border-opaque-normal\":\"var(--neutral-border-opaque-normal)\",\"neutral-border-opaque-subtle\":\"var(--neutral-border-opaque-subtle)\",\"inverse-container-lowest\":\"var(--inverse-container-lowest)\",\"inverse-container-lowest-hover\":\"var(--inverse-container-lowest-hover)\",\"inverse-container-low\":\"var(--inverse-container-low)\",\"inverse-container-low-hover\":\"var(--inverse-container-low-hover)\",\"inverse-container-mid\":\"var(--inverse-container-mid)\",\"inverse-container-mid-hover\":\"var(--inverse-container-mid-hover)\",\"inverse-container-high\":\"var(--inverse-container-high)\",\"inverse-container-high-hover\":\"var(--inverse-container-high-hover)\",\"inverse-container-static-high\":\"var(--inverse-container-static-high)\",\"inverse-container-static-high-hover\":\"var(--inverse-container-static-high-hover)\",\"inverse-container-highest\":\"var(--inverse-container-highest)\",\"inverse-fill-mid\":\"var(--inverse-fill-mid)\",\"inverse-fill-mid-hover\":\"var(--inverse-fill-mid-hover)\",\"inverse-label-primary\":\"var(--inverse-label-primary)\",\"inverse-label-secondary\":\"var(--inverse-label-secondary)\",\"inverse-label-tertiary\":\"var(--inverse-label-tertiary)\",\"inverse-label-quaternary\":\"var(--inverse-label-quaternary)\",\"inverse-label-static-primary\":\"var(--inverse-label-static-primary)\",\"inverse-label-static-secondary\":\"var(--inverse-label-static-secondary)\",\"inverse-border-overlay-strong\":\"var(--inverse-border-overlay-strong)\",\"inverse-border-overlay-normal\":\"var(--inverse-border-overlay-normal)\",\"inverse-border-overlay-subtle\":\"var(--inverse-border-overlay-subtle)\",\"inverse-border-opaque-strong\":\"var(--inverse-border-opaque-strong)\",\"inverse-border-opaque-normal\":\"var(--inverse-border-opaque-normal)\",\"inverse-border-opaque-subtle\":\"var(--inverse-border-opaque-subtle)\",\"brand-container-mid\":\"var(--brand-container-mid)\",\"brand-container-mid-hover\":\"var(--brand-container-mid-hover)\",\"brand-container-high\":\"var(--brand-container-high)\",\"brand-label-primary\":\"var(--brand-label-primary)\",\"brand-label-secondary\":\"var(--brand-label-secondary)\",\"brand-border-opaque-normal\":\"var(--brand-border-opaque-normal)\",\"brand-border-overlay-normal\":\"var(--brand-border-overlay-normal)\",\"accent-container-yellow\":\"var(--accent-container-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"function-container-positive\":\"var(--function-container-positive)\",\"function-container-negative\":\"var(--function-container-negative)\",\"function-container-negative-hover\":\"var(--function-container-negative-hover)\",\"function-container-caution\":\"var(--function-container-caution)\",\"function-label-positive\":\"var(--function-label-positive)\",\"function-label-negative\":\"var(--function-label-negative)\",\"function-label-caution\":\"var(--function-label-caution)\",\"cover-dim-page\":\"var(--cover-dim-page)\"},\"radius\":{\"lp-sys-radius-xxs\":\"var(--lp-sys-radius-xxs)\",\"lp-sys-radius-xs\":\"var(--lp-sys-radius-xs)\",\"lp-sys-radius-s\":\"var(--lp-sys-radius-s)\",\"lp-sys-radius-m\":\"var(--lp-sys-radius-m)\",\"lp-sys-radius-l\":\"var(--lp-sys-radius-l)\",\"lp-sys-radius-xl\":\"var(--lp-sys-radius-xl)\",\"lp-sys-radius-xxl\":\"var(--lp-sys-radius-xxl)\"},\"opacity\":{\"lp-pri-color-opacity-80\":\"var(--lp-pri-color-opacity-80)\",\"lp-pri-color-opacity-72\":\"var(--lp-pri-color-opacity-72)\",\"lp-pri-color-opacity-64\":\"var(--lp-pri-color-opacity-64)\",\"lp-pri-color-opacity-56\":\"var(--lp-pri-color-opacity-56)\",\"lp-pri-color-opacity-50\":\"var(--lp-pri-color-opacity-50)\",\"lp-pri-color-opacity-48\":\"var(--lp-pri-color-opacity-48)\",\"lp-pri-color-opacity-44\":\"var(--lp-pri-color-opacity-44)\",\"lp-pri-color-opacity-40\":\"var(--lp-pri-color-opacity-40)\",\"lp-pri-color-opacity-36\":\"var(--lp-pri-color-opacity-36)\",\"lp-pri-color-opacity-32\":\"var(--lp-pri-color-opacity-32)\",\"lp-pri-color-opacity-28\":\"var(--lp-pri-color-opacity-28)\",\"lp-pri-color-opacity-24\":\"var(--lp-pri-color-opacity-24)\",\"lp-pri-color-opacity-20\":\"var(--lp-pri-color-opacity-20)\",\"lp-pri-color-opacity-16\":\"var(--lp-pri-color-opacity-16)\",\"lp-pri-color-opacity-12\":\"var(--lp-pri-color-opacity-12)\",\"lp-pri-color-opacity-8\":\"var(--lp-pri-color-opacity-8)\",\"lp-pri-color-opacity-4\":\"var(--lp-pri-color-opacity-4)\",\"lp-pri-color-opacity-1\":\"var(--lp-pri-color-opacity-1)\",\"lp-pri-color-opacity-0\":\"var(--lp-pri-color-opacity-0)\"},\"padding\":{\"lp-sys-padding-component-100\":\"var(--lp-sys-padding-component-100)\",\"lp-sys-padding-component-150\":\"var(--lp-sys-padding-component-150)\",\"lp-sys-padding-component-200\":\"var(--lp-sys-padding-component-200)\",\"lp-sys-padding-component-300\":\"var(--lp-sys-padding-component-300)\",\"lp-sys-padding-component-400\":\"var(--lp-sys-padding-component-400)\",\"lp-sys-padding-component-500\":\"var(--lp-sys-padding-component-500)\",\"lp-sys-padding-component-600\":\"var(--lp-sys-padding-component-600)\",\"lp-sys-padding-component-700\":\"var(--lp-sys-padding-component-700)\",\"lp-sys-padding-component-800\":\"var(--lp-sys-padding-component-800)\",\"lp-sys-padding-component-900\":\"var(--lp-sys-padding-component-900)\",\"lp-sys-padding-section-100\":\"var(--lp-sys-padding-section-100)\",\"lp-sys-padding-section-200\":\"var(--lp-sys-padding-section-200)\",\"lp-sys-padding-section-300\":\"var(--lp-sys-padding-section-300)\",\"lp-sys-padding-section-400\":\"var(--lp-sys-padding-section-400)\",\"lp-sys-padding-section-500\":\"var(--lp-sys-padding-section-500)\",\"lp-sys-padding-section-600\":\"var(--lp-sys-padding-section-600)\",\"lp-sys-padding-section-700\":\"var(--lp-sys-padding-section-700)\",\"lp-sys-padding-section-800\":\"var(--lp-sys-padding-section-800)\",\"lp-sys-padding-section-900\":\"var(--lp-sys-padding-section-900)\"},\"size\":{\"lp-pri-size-minus6\":\"var(--lp-pri-size-minus6)\",\"lp-pri-size-minus4\":\"var(--lp-pri-size-minus4)\",\"lp-pri-size-minus2\":\"var(--lp-pri-size-minus2)\",\"lp-pri-size-0\":\"var(--lp-pri-size-0)\",\"lp-pri-size-1\":\"var(--lp-pri-size-1)\",\"lp-pri-size-2\":\"var(--lp-pri-size-2)\",\"lp-pri-size-3\":\"var(--lp-pri-size-3)\",\"lp-pri-size-4\":\"var(--lp-pri-size-4)\",\"lp-pri-size-6\":\"var(--lp-pri-size-6)\",\"lp-pri-size-8\":\"var(--lp-pri-size-8)\",\"lp-pri-size-10\":\"var(--lp-pri-size-10)\",\"lp-pri-size-12\":\"var(--lp-pri-size-12)\",\"lp-pri-size-14\":\"var(--lp-pri-size-14)\",\"lp-pri-size-16\":\"var(--lp-pri-size-16)\",\"lp-pri-size-18\":\"var(--lp-pri-size-18)\",\"lp-pri-size-20\":\"var(--lp-pri-size-20)\",\"lp-pri-size-24\":\"var(--lp-pri-size-24)\",\"lp-pri-size-32\":\"var(--lp-pri-size-32)\",\"lp-pri-size-40\":\"var(--lp-pri-size-40)\",\"lp-pri-size-48\":\"var(--lp-pri-size-48)\",\"lp-pri-size-56\":\"var(--lp-pri-size-56)\",\"lp-pri-size-64\":\"var(--lp-pri-size-64)\",\"lp-pri-size-80\":\"var(--lp-pri-size-80)\",\"lp-pri-size-100\":\"var(--lp-pri-size-100)\",\"lp-pri-size-120\":\"var(--lp-pri-size-120)\",\"lp-pri-size-140\":\"var(--lp-pri-size-140)\",\"lp-pri-size-160\":\"var(--lp-pri-size-160)\",\"lp-pri-size-180\":\"var(--lp-pri-size-180)\",\"lp-pri-size-200\":\"var(--lp-pri-size-200)\"},\"gap\":{\"lp-sys-gap-positive-50\":\"var(--lp-sys-gap-positive-50)\",\"lp-sys-gap-positive-100\":\"var(--lp-sys-gap-positive-100)\",\"lp-sys-gap-positive-150\":\"var(--lp-sys-gap-positive-150)\",\"lp-sys-gap-positive-200\":\"var(--lp-sys-gap-positive-200)\",\"lp-sys-gap-positive-300\":\"var(--lp-sys-gap-positive-300)\",\"lp-sys-gap-positive-400\":\"var(--lp-sys-gap-positive-400)\",\"lp-sys-gap-positive-500\":\"var(--lp-sys-gap-positive-500)\",\"lp-sys-gap-positive-600\":\"var(--lp-sys-gap-positive-600)\",\"lp-sys-gap-positive-700\":\"var(--lp-sys-gap-positive-700)\",\"lp-sys-gap-positive-800\":\"var(--lp-sys-gap-positive-800)\",\"lp-sys-gap-positive-900\":\"var(--lp-sys-gap-positive-900)\",\"lp-sys-gap-negative-700\":\"var(--lp-sys-gap-negative-700)\",\"lp-sys-gap-negative-800\":\"var(--lp-sys-gap-negative-800)\",\"lp-sys-gap-negative-900\":\"var(--lp-sys-gap-negative-900)\"},\"shadow\":{\"lp-sys-shadow-normal\":\"var(--lp-sys-shadow-normal)\",\"lp-sys-shadow-strong\":\"var(--lp-sys-shadow-strong)\",\"lp-sys-shadow-heavy\":\"var(--lp-sys-shadow-heavy)\"},\"iconSize\":{\"lp-sys-icon-size-xs\":\"var(--lp-sys-icon-size-xs)\",\"lp-sys-icon-size-s\":\"var(--lp-sys-icon-size-s)\",\"lp-sys-icon-size-m\":\"var(--lp-sys-icon-size-m)\",\"lp-sys-icon-size-l\":\"var(--lp-sys-icon-size-l)\",\"lp-sys-icon-size-xl\":\"var(--lp-sys-icon-size-xl)\"}}", "export const classNames = {\"typography\":{\"lp-sys-typo-display1-accent-black\":\"lp-sys-typo-display1-accent-black\",\"lp-sys-typo-display2-accent-black\":\"lp-sys-typo-display2-accent-black\",\"lp-sys-typo-display3-accent-black\":\"lp-sys-typo-display3-accent-black\",\"lp-sys-typo-display1-normal-black\":\"lp-sys-typo-display1-normal-black\",\"lp-sys-typo-display2-normal-black\":\"lp-sys-typo-display2-normal-black\",\"lp-sys-typo-display3-normal-black\":\"lp-sys-typo-display3-normal-black\",\"lp-sys-typo-heading1-answer\":\"lp-sys-typo-heading1-answer\",\"lp-sys-typo-heading2-answer\":\"lp-sys-typo-heading2-answer\",\"lp-sys-typo-heading3-answer\":\"lp-sys-typo-heading3-answer\",\"lp-sys-typo-heading4-answer\":\"lp-sys-typo-heading4-answer\",\"lp-sys-typo-heading5-answer\":\"lp-sys-typo-heading5-answer\",\"lp-sys-typo-heading6-answer\":\"lp-sys-typo-heading6-answer\",\"lp-sys-typo-title1-accent-bold\":\"lp-sys-typo-title1-accent-bold\",\"lp-sys-typo-title2-accent-bold\":\"lp-sys-typo-title2-accent-bold\",\"lp-sys-typo-title3-accent-bold\":\"lp-sys-typo-title3-accent-bold\",\"lp-sys-typo-title4-accent-bold\":\"lp-sys-typo-title4-accent-bold\",\"lp-sys-typo-title1-accent-medium\":\"lp-sys-typo-title1-accent-medium\",\"lp-sys-typo-title2-accent-medium\":\"lp-sys-typo-title2-accent-medium\",\"lp-sys-typo-title3-accent-medium\":\"lp-sys-typo-title3-accent-medium\",\"lp-sys-typo-title4-accent-medium\":\"lp-sys-typo-title4-accent-medium\",\"lp-sys-typo-title1-normal-bold\":\"lp-sys-typo-title1-normal-bold\",\"lp-sys-typo-title2-normal-bold\":\"lp-sys-typo-title2-normal-bold\",\"lp-sys-typo-title3-normal-bold\":\"lp-sys-typo-title3-normal-bold\",\"lp-sys-typo-title4-normal-bold\":\"lp-sys-typo-title4-normal-bold\",\"lp-sys-typo-title1-normal-medium\":\"lp-sys-typo-title1-normal-medium\",\"lp-sys-typo-title2-normal-medium\":\"lp-sys-typo-title2-normal-medium\",\"lp-sys-typo-title3-normal-medium\":\"lp-sys-typo-title3-normal-medium\",\"lp-sys-typo-title4-normal-medium\":\"lp-sys-typo-title4-normal-medium\",\"lp-sys-typo-paragraph1-accent-bold\":\"lp-sys-typo-paragraph1-accent-bold\",\"lp-sys-typo-paragraph2-accent-bold\":\"lp-sys-typo-paragraph2-accent-bold\",\"lp-sys-typo-paragraph3-accent-bold\":\"lp-sys-typo-paragraph3-accent-bold\",\"lp-sys-typo-paragraph1-accent-medium\":\"lp-sys-typo-paragraph1-accent-medium\",\"lp-sys-typo-paragraph2-accent-medium\":\"lp-sys-typo-paragraph2-accent-medium\",\"lp-sys-typo-paragraph3-accent-medium\":\"lp-sys-typo-paragraph3-accent-medium\",\"lp-sys-typo-paragraph1-accent-regular\":\"lp-sys-typo-paragraph1-accent-regular\",\"lp-sys-typo-paragraph2-accent-regular\":\"lp-sys-typo-paragraph2-accent-regular\",\"lp-sys-typo-paragraph3-accent-regular\":\"lp-sys-typo-paragraph3-accent-regular\",\"lp-sys-typo-paragraph1-normal-bold\":\"lp-sys-typo-paragraph1-normal-bold\",\"lp-sys-typo-paragraph2-normal-bold\":\"lp-sys-typo-paragraph2-normal-bold\",\"lp-sys-typo-paragraph3-normal-bold\":\"lp-sys-typo-paragraph3-normal-bold\",\"lp-sys-typo-paragraph4-normal-bold\":\"lp-sys-typo-paragraph4-normal-bold\",\"lp-sys-typo-paragraph1-normal-medium\":\"lp-sys-typo-paragraph1-normal-medium\",\"lp-sys-typo-paragraph2-normal-medium\":\"lp-sys-typo-paragraph2-normal-medium\",\"lp-sys-typo-paragraph3-normal-medium\":\"lp-sys-typo-paragraph3-normal-medium\",\"lp-sys-typo-paragraph4-normal-medium\":\"lp-sys-typo-paragraph4-normal-medium\",\"lp-sys-typo-paragraph1-normal-regular\":\"lp-sys-typo-paragraph1-normal-regular\",\"lp-sys-typo-paragraph2-normal-regular\":\"lp-sys-typo-paragraph2-normal-regular\",\"lp-sys-typo-paragraph3-normal-regular\":\"lp-sys-typo-paragraph3-normal-regular\",\"lp-sys-typo-paragraph4-normal-regular\":\"lp-sys-typo-paragraph4-normal-regular\",\"lp-sys-typo-paragraph1-post-regular\":\"lp-sys-typo-paragraph1-post-regular\",\"lp-sys-typo-paragraph3-post-regular\":\"lp-sys-typo-paragraph3-post-regular\",\"lp-sys-typo-paragraph1-answer-bold\":\"lp-sys-typo-paragraph1-answer-bold\",\"lp-sys-typo-paragraph1-answer-regular\":\"lp-sys-typo-paragraph1-answer-regular\",\"lp-sys-typo-caption1-normal-bold\":\"lp-sys-typo-caption1-normal-bold\",\"lp-sys-typo-caption2-normal-bold\":\"lp-sys-typo-caption2-normal-bold\",\"lp-sys-typo-caption3-normal-bold\":\"lp-sys-typo-caption3-normal-bold\",\"lp-sys-typo-caption1-normal-medium\":\"lp-sys-typo-caption1-normal-medium\",\"lp-sys-typo-caption1-normal-regular\":\"lp-sys-typo-caption1-normal-regular\",\"lp-sys-typo-caption2-normal-regular\":\"lp-sys-typo-caption2-normal-regular\",\"lp-sys-typo-caption3-normal-regular\":\"lp-sys-typo-caption3-normal-regular\"}}", "import { font } from './primitive';\nimport { TypographyKeys } from './types';\n\nexport type FontFamily =\n  | 'lp-pri-font-family-poppins'\n  | 'lp-pri-font-family-variables-pretendard'\n  | 'lp-pri-font-family-variables-pretendard-jp'\n  | 'lp-pri-font-family-merriweather';\n\ninterface TypographyValues {\n  family: Exclude<FontFamily, 'lp-pri-font-family-variables-pretendard-jp'>;\n  weight: keyof typeof font.weight;\n  lineHeight: keyof typeof font.lineHeight;\n  size: keyof typeof font.size;\n}\n\nexport const typography: Record<TypographyKeys, TypographyValues> = {\n  'lp-sys-typo-display1-accent-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-72',\n  },\n  'lp-sys-typo-display2-accent-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-64',\n  },\n  'lp-sys-typo-display3-accent-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-display1-normal-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-72',\n  },\n  'lp-sys-typo-display2-normal-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-64',\n  },\n  'lp-sys-typo-display3-normal-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-heading1-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-180',\n    size: 'lp-pri-font-size-28',\n  },\n  'lp-sys-typo-heading2-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-180',\n    size: 'lp-pri-font-size-24',\n  },\n  'lp-sys-typo-heading3-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-heading4-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-heading5-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-heading6-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-title1-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-32',\n  },\n  'lp-sys-typo-title2-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-28',\n  },\n  'lp-sys-typo-title3-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-650',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-24',\n  },\n  'lp-sys-typo-title4-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-650',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-20',\n  },\n  'lp-sys-typo-title1-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-32',\n  },\n  'lp-sys-typo-title2-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-28',\n  },\n  'lp-sys-typo-title3-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-24',\n  },\n  'lp-sys-typo-title4-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-20',\n  },\n  'lp-sys-typo-title1-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-32',\n  },\n  'lp-sys-typo-title2-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-28',\n  },\n  'lp-sys-typo-title3-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-650',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-24',\n  },\n  'lp-sys-typo-title4-normal-bold': {\n    weight: 'lp-pri-font-weight-650',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-20',\n    family: 'lp-pri-font-family-variables-pretendard',\n  },\n  'lp-sys-typo-title1-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    size: 'lp-pri-font-size-32',\n    lineHeight: 'lp-pri-font-lineheight-130',\n  },\n  'lp-sys-typo-title2-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    size: 'lp-pri-font-size-28',\n    lineHeight: 'lp-pri-font-lineheight-130',\n  },\n  'lp-sys-typo-title3-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    size: 'lp-pri-font-size-24',\n    lineHeight: 'lp-pri-font-lineheight-130',\n  },\n  'lp-sys-typo-title4-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    size: 'lp-pri-font-size-20',\n    lineHeight: 'lp-pri-font-lineheight-130',\n  },\n  'lp-sys-typo-paragraph1-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph1-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph1-accent-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-accent-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-accent-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph1-normal-bold': {\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n    family: 'lp-pri-font-family-variables-pretendard',\n  },\n  'lp-sys-typo-paragraph2-normal-bold': {\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n    family: 'lp-pri-font-family-variables-pretendard',\n  },\n  'lp-sys-typo-paragraph3-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph4-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-14',\n  },\n  'lp-sys-typo-paragraph1-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph4-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-14',\n  },\n  'lp-sys-typo-paragraph1-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph4-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-14',\n  },\n  'lp-sys-typo-paragraph1-post-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-150',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph3-post-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-150',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph1-answer-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-180',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph1-answer-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-180',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-caption1-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-13',\n  },\n  'lp-sys-typo-caption2-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-12',\n  },\n  'lp-sys-typo-caption3-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-11',\n  },\n  'lp-sys-typo-caption1-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-13',\n  },\n  'lp-sys-typo-caption1-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-13',\n  },\n  'lp-sys-typo-caption2-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-12',\n  },\n  'lp-sys-typo-caption3-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-11',\n  },\n};\n\nexport const typographyClassName = (() => {\n  const result: Partial<Record<TypographyKeys, TypographyKeys>> = {};\n\n  for (const key in typography) {\n    const typedKey = key as TypographyKeys;\n\n    result[typedKey] = typedKey;\n  }\n\n  return result;\n})();\n\nexport const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {\n  'lp-sys-typo-title1-accent-bold': {\n    ...typography['lp-sys-typo-title1-accent-bold'],\n    family: 'lp-pri-font-family-merriweather',\n  },\n  'lp-sys-typo-title3-accent-bold': {\n    ...typography['lp-sys-typo-title3-accent-bold'],\n    family: 'lp-pri-font-family-merriweather',\n  },\n  'lp-sys-typo-title4-accent-bold': {\n    ...typography['lp-sys-typo-title4-accent-bold'],\n    family: 'lp-pri-font-family-merriweather',\n  },\n  'lp-sys-typo-paragraph1-accent-bold': {\n    ...typography['lp-sys-typo-paragraph1-accent-bold'],\n    family: 'lp-pri-font-family-merriweather',\n    weight: 'lp-pri-font-weight-600',\n  },\n  'lp-sys-typo-paragraph2-accent-bold': {\n    ...typography['lp-sys-typo-paragraph2-accent-bold'],\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n  },\n  'lp-sys-typo-paragraph3-accent-bold': {\n    ...typography['lp-sys-typo-paragraph3-accent-bold'],\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n  },\n  'lp-sys-typo-paragraph1-accent-medium': {\n    ...typography['lp-sys-typo-paragraph1-accent-medium'],\n    family: 'lp-pri-font-family-poppins',\n    weight: 'lp-pri-font-weight-500',\n  },\n  'lp-sys-typo-paragraph2-accent-medium': {\n    ...typography['lp-sys-typo-paragraph2-accent-medium'],\n    family: 'lp-pri-font-family-poppins',\n    weight: 'lp-pri-font-weight-500',\n  },\n  'lp-sys-typo-paragraph3-accent-medium': {\n    ...typography['lp-sys-typo-paragraph3-accent-medium'],\n    family: 'lp-pri-font-family-poppins',\n    weight: 'lp-pri-font-weight-500',\n  },\n  'lp-sys-typo-paragraph1-accent-regular': {\n    ...typography['lp-sys-typo-paragraph3-accent-regular'],\n    weight: 'lp-pri-font-weight-300',\n    family: 'lp-pri-font-family-poppins',\n  },\n  'lp-sys-typo-paragraph2-accent-regular': {\n    ...typography['lp-sys-typo-paragraph3-accent-regular'],\n    weight: 'lp-pri-font-weight-300',\n    family: 'lp-pri-font-family-poppins',\n  },\n  'lp-sys-typo-paragraph3-accent-regular': {\n    ...typography['lp-sys-typo-paragraph3-accent-regular'],\n    weight: 'lp-pri-font-weight-300',\n    family: 'lp-pri-font-family-poppins',\n  },\n};\n", "import { FontFamily, typography, typographyEnglish } from '../scripts/create-css/constants/typography';\nimport { font } from '../scripts/create-css/constants/typography/primitive';\nimport { TypographyKeys } from '../scripts/create-css/constants/typography/types';\n\nconst transformCSS = (\n  family: FontFamily,\n  size: keyof typeof font.size,\n  weight: keyof typeof font.weight,\n  lineHeight: keyof typeof font.lineHeight\n) => `\n        'font-family': ${family},\n        'font-size': ${size},\n        'font-weight': ${weight},\n        'line-height': ${lineHeight},\n        `;\n\nexport const getTypoStyle = (key: TypographyKeys) => {\n  const locale = document.documentElement.getAttribute('lang');\n  const { family, size, weight, lineHeight } = typography[key];\n\n  if (locale === 'en') {\n    if (typographyEnglish[key]) {\n      const { family, size, weight, lineHeight } = typographyEnglish[key];\n      return transformCSS(family, size, weight, lineHeight);\n    }\n\n    return transformCSS(family, size, weight, lineHeight);\n  }\n\n  if (locale === 'ja') {\n    return transformCSS('lp-pri-font-family-variables-pretendard-jp', size, weight, lineHeight);\n  }\n\n  return transformCSS(family, size, weight, lineHeight);\n};\n", "import React from 'react';\n\nexport const SetDarkModeScript = () => {\n  const darkThemeScript = `(\n      function (){\n          const localStorageTheme = window.localStorage.getItem(\"theme\")\n          document.documentElement.setAttribute(\"color-theme\", localStorageTheme || window.matchMedia('(prefers-color-scheme: dark)').matches ? \"dark\" : \"light\")\n      })()`;\n\n  return <script dangerouslySetInnerHTML={{ __html: darkThemeScript }} />;\n};\n", "import React, { ReactNode, useLayoutEffect } from 'react';\nimport { useSetRecoilState } from 'recoil';\nimport { theme } from '../hooks/useDarkTheme';\n\ninterface IProps {\n  children: ReactNode;\n}\n\nexport const ThemeProvider = ({ children }: IProps) => {\n  const setIsDarkMode = useSetRecoilState(theme);\n\n  useLayoutEffect(() => {\n    setIsDarkMode(document.documentElement.getAttribute('color-theme') === 'dark');\n  }, []);\n\n  return <>{children}</>;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,oBAAwD;AAEjD,IAAM,YAAQ,oBAAK;AAAA,EACxB,KAAK;AAAA,EACL,SAAS;AACX,CAAC;AAEM,IAAM,eAAe,6BAAM;AAChC,QAAM,CAAC,YAAY,aAAa,QAAI,8BAAe,KAAK;AAExD,QAAM,eAAe,6BAAM;AACzB,aAAS,gBAAgB,aAAa,eAAe,MAAM;AAC3D,iBAAa,QAAQ,SAAS,MAAM;AACpC,kBAAc,IAAI;AAAA,EACpB,GAJqB;AAMrB,QAAM,gBAAgB,6BAAM;AAC1B,aAAS,gBAAgB,aAAa,eAAe,OAAO;AAC5D,iBAAa,QAAQ,SAAS,OAAO;AACrC,kBAAc,KAAK;AAAA,EACrB,GAJsB;AAMtB,QAAM,iBAAiB,6BAAM;AAC3B,UAAM,qBAAqB,OAAO,WAAW,8BAA8B,EAAE;AAC7E,iBAAa,WAAW,OAAO;AAC/B,aAAS,gBAAgB,aAAa,eAAe,qBAAqB,SAAS,OAAO;AAC1F,kBAAc,kBAAkB;AAAA,EAClC,GALuB;AAOvB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF,GA5B4B;;;ACRrB,IAAM,cAAc,6BAAM;AAAC,GAAP;;;ACA3B,mBAAkB;AAEX,IAAM,mBAAmB,6BAAM;AACpC,SACE,6BAAAA,QAAA,8BAEE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ,IAAG;AAAA,MACH,aAAa;AAAA,MACb,MAAK;AAAA;AAAA,EACP,GAEA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ,IAAG;AAAA,MACH,aAAa;AAAA,MACb,MAAK;AAAA;AAAA,EACP,GAEA,6BAAAA,QAAA,cAAC,UAAK,KAAI,cAAa,MAAK,gCAA+B,GAC3D,6BAAAA,QAAA,cAAC,UAAK,KAAI,cAAa,MAAK,6BAA4B,aAAa,aAAa,GAClF,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,KAAI;AAAA;AAAA,EACN,GAEA,6BAAAA,QAAA,cAAC,UAAK,KAAI,cAAa,MAAK,gCAA+B,GAC3D,6BAAAA,QAAA,cAAC,UAAK,KAAI,cAAa,MAAK,6BAA4B,aAAa,aAAa,GAClF,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,KAAI;AAAA;AAAA,EACN,CACF;AAEJ,GAjCgC;;;ACFzB,IAAM,OAAO,EAAC,SAAQ,EAAC,4BAA2B,mCAAkC,kCAAiC,yCAAwC,yBAAwB,gCAA+B,+BAA8B,sCAAqC,yBAAwB,gCAA+B,+BAA8B,sCAAqC,0BAAyB,iCAAgC,gCAA+B,uCAAsC,6BAA4B,oCAAmC,mCAAkC,0CAAyC,yCAAwC,gDAA+C,uBAAsB,8BAA6B,6BAA4B,oCAAmC,oBAAmB,2BAA0B,0BAAyB,iCAAgC,oBAAmB,2BAA0B,0BAAyB,iCAAgC,qBAAoB,4BAA2B,2BAA0B,kCAAiC,wBAAuB,+BAA8B,yBAAwB,gCAA+B,2BAA0B,kCAAiC,0BAAyB,iCAAgC,4BAA2B,mCAAkC,gCAA+B,uCAAsC,kCAAiC,yCAAwC,iCAAgC,wCAAuC,iCAAgC,wCAAuC,iCAAgC,wCAAuC,gCAA+B,uCAAsC,gCAA+B,uCAAsC,gCAA+B,uCAAsC,4BAA2B,mCAAkC,kCAAiC,yCAAwC,yBAAwB,gCAA+B,+BAA8B,sCAAqC,yBAAwB,gCAA+B,+BAA8B,sCAAqC,0BAAyB,iCAAgC,gCAA+B,uCAAsC,iCAAgC,wCAAuC,uCAAsC,8CAA6C,6BAA4B,oCAAmC,oBAAmB,2BAA0B,0BAAyB,iCAAgC,yBAAwB,gCAA+B,2BAA0B,kCAAiC,0BAAyB,iCAAgC,4BAA2B,mCAAkC,gCAA+B,uCAAsC,kCAAiC,yCAAwC,iCAAgC,wCAAuC,iCAAgC,wCAAuC,iCAAgC,wCAAuC,gCAA+B,uCAAsC,gCAA+B,uCAAsC,gCAA+B,uCAAsC,uBAAsB,8BAA6B,6BAA4B,oCAAmC,wBAAuB,+BAA8B,uBAAsB,8BAA6B,yBAAwB,gCAA+B,8BAA6B,qCAAoC,+BAA8B,sCAAqC,2BAA0B,kCAAiC,eAAc,sBAAqB,eAAc,sBAAqB,iBAAgB,wBAAuB,eAAc,sBAAqB,+BAA8B,sCAAqC,+BAA8B,sCAAqC,qCAAoC,4CAA2C,8BAA6B,qCAAoC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,0BAAyB,iCAAgC,kBAAiB,wBAAuB,GAAE,UAAS,EAAC,qBAAoB,4BAA2B,oBAAmB,2BAA0B,mBAAkB,0BAAyB,mBAAkB,0BAAyB,mBAAkB,0BAAyB,oBAAmB,2BAA0B,qBAAoB,2BAA0B,GAAE,WAAU,EAAC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,0BAAyB,iCAAgC,0BAAyB,iCAAgC,0BAAyB,iCAAgC,0BAAyB,gCAA+B,GAAE,WAAU,EAAC,gCAA+B,uCAAsC,gCAA+B,uCAAsC,gCAA+B,uCAAsC,gCAA+B,uCAAsC,gCAA+B,uCAAsC,gCAA+B,uCAAsC,gCAA+B,uCAAsC,gCAA+B,uCAAsC,gCAA+B,uCAAsC,gCAA+B,uCAAsC,8BAA6B,qCAAoC,8BAA6B,qCAAoC,8BAA6B,qCAAoC,8BAA6B,qCAAoC,8BAA6B,qCAAoC,8BAA6B,qCAAoC,8BAA6B,qCAAoC,8BAA6B,qCAAoC,8BAA6B,oCAAmC,GAAE,QAAO,EAAC,sBAAqB,6BAA4B,sBAAqB,6BAA4B,sBAAqB,6BAA4B,iBAAgB,wBAAuB,iBAAgB,wBAAuB,iBAAgB,wBAAuB,iBAAgB,wBAAuB,iBAAgB,wBAAuB,iBAAgB,wBAAuB,iBAAgB,wBAAuB,kBAAiB,yBAAwB,kBAAiB,yBAAwB,kBAAiB,yBAAwB,kBAAiB,yBAAwB,kBAAiB,yBAAwB,kBAAiB,yBAAwB,kBAAiB,yBAAwB,kBAAiB,yBAAwB,kBAAiB,yBAAwB,kBAAiB,yBAAwB,kBAAiB,yBAAwB,kBAAiB,yBAAwB,kBAAiB,yBAAwB,mBAAkB,0BAAyB,mBAAkB,0BAAyB,mBAAkB,0BAAyB,mBAAkB,0BAAyB,mBAAkB,0BAAyB,mBAAkB,yBAAwB,GAAE,OAAM,EAAC,0BAAyB,iCAAgC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,kCAAiC,2BAA0B,iCAAgC,GAAE,UAAS,EAAC,wBAAuB,+BAA8B,wBAAuB,+BAA8B,uBAAsB,6BAA4B,GAAE,YAAW,EAAC,uBAAsB,8BAA6B,sBAAqB,6BAA4B,sBAAqB,6BAA4B,sBAAqB,6BAA4B,uBAAsB,6BAA4B,EAAC;;;ACAxuT,IAAM,aAAa,EAAC,cAAa,EAAC,qCAAoC,qCAAoC,qCAAoC,qCAAoC,qCAAoC,qCAAoC,qCAAoC,qCAAoC,qCAAoC,qCAAoC,qCAAoC,qCAAoC,+BAA8B,+BAA8B,+BAA8B,+BAA8B,+BAA8B,+BAA8B,+BAA8B,+BAA8B,+BAA8B,+BAA8B,+BAA8B,+BAA8B,kCAAiC,kCAAiC,kCAAiC,kCAAiC,kCAAiC,kCAAiC,kCAAiC,kCAAiC,oCAAmC,oCAAmC,oCAAmC,oCAAmC,oCAAmC,oCAAmC,oCAAmC,oCAAmC,kCAAiC,kCAAiC,kCAAiC,kCAAiC,kCAAiC,kCAAiC,kCAAiC,kCAAiC,oCAAmC,oCAAmC,oCAAmC,oCAAmC,oCAAmC,oCAAmC,oCAAmC,oCAAmC,sCAAqC,sCAAqC,sCAAqC,sCAAqC,sCAAqC,sCAAqC,wCAAuC,wCAAuC,wCAAuC,wCAAuC,wCAAuC,wCAAuC,yCAAwC,yCAAwC,yCAAwC,yCAAwC,yCAAwC,yCAAwC,sCAAqC,sCAAqC,sCAAqC,sCAAqC,sCAAqC,sCAAqC,sCAAqC,sCAAqC,wCAAuC,wCAAuC,wCAAuC,wCAAuC,wCAAuC,wCAAuC,wCAAuC,wCAAuC,yCAAwC,yCAAwC,yCAAwC,yCAAwC,yCAAwC,yCAAwC,yCAAwC,yCAAwC,uCAAsC,uCAAsC,uCAAsC,uCAAsC,sCAAqC,sCAAqC,yCAAwC,yCAAwC,oCAAmC,oCAAmC,oCAAmC,oCAAmC,oCAAmC,oCAAmC,sCAAqC,sCAAqC,uCAAsC,uCAAsC,uCAAsC,uCAAsC,uCAAsC,sCAAqC,EAAC;;;ACgBpwI,IAAM,aAAuD;AAAA,EAClE,qCAAqC;AAAA,IACnC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,qCAAqC;AAAA,IACnC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,qCAAqC;AAAA,IACnC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,qCAAqC;AAAA,IACnC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,qCAAqC;AAAA,IACnC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,qCAAqC;AAAA,IACnC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,+BAA+B;AAAA,IAC7B,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,+BAA+B;AAAA,IAC7B,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,+BAA+B;AAAA,IAC7B,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,+BAA+B;AAAA,IAC7B,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,+BAA+B;AAAA,IAC7B,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,+BAA+B;AAAA,IAC7B,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,kCAAkC;AAAA,IAChC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,kCAAkC;AAAA,IAChC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,kCAAkC;AAAA,IAChC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,kCAAkC;AAAA,IAChC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,oCAAoC;AAAA,IAClC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,oCAAoC;AAAA,IAClC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,oCAAoC;AAAA,IAClC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,oCAAoC;AAAA,IAClC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,kCAAkC;AAAA,IAChC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,kCAAkC;AAAA,IAChC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,kCAAkC;AAAA,IAChC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,kCAAkC;AAAA,IAChC,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AAAA,EACA,oCAAoC;AAAA,IAClC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,oCAAoC;AAAA,IAClC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,oCAAoC;AAAA,IAClC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,oCAAoC;AAAA,IAClC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,sCAAsC;AAAA,IACpC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,sCAAsC;AAAA,IACpC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,sCAAsC;AAAA,IACpC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,wCAAwC;AAAA,IACtC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,wCAAwC;AAAA,IACtC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,wCAAwC;AAAA,IACtC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,yCAAyC;AAAA,IACvC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,yCAAyC;AAAA,IACvC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,yCAAyC;AAAA,IACvC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,sCAAsC;AAAA,IACpC,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AAAA,EACA,sCAAsC;AAAA,IACpC,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AAAA,EACA,sCAAsC;AAAA,IACpC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,sCAAsC;AAAA,IACpC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,wCAAwC;AAAA,IACtC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,wCAAwC;AAAA,IACtC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,wCAAwC;AAAA,IACtC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,wCAAwC;AAAA,IACtC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,yCAAyC;AAAA,IACvC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,yCAAyC;AAAA,IACvC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,yCAAyC;AAAA,IACvC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,yCAAyC;AAAA,IACvC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,uCAAuC;AAAA,IACrC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,uCAAuC;AAAA,IACrC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,sCAAsC;AAAA,IACpC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,yCAAyC;AAAA,IACvC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,oCAAoC;AAAA,IAClC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,oCAAoC;AAAA,IAClC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,oCAAoC;AAAA,IAClC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,sCAAsC;AAAA,IACpC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,uCAAuC;AAAA,IACrC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,uCAAuC;AAAA,IACrC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,uCAAuC;AAAA,IACrC,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AACF;AAEO,IAAM,uBAAuB,MAAM;AACxC,QAAM,SAA0D,CAAC;AAEjE,aAAW,OAAO,YAAY;AAC5B,UAAM,WAAW;AAEjB,WAAO,QAAQ,IAAI;AAAA,EACrB;AAEA,SAAO;AACT,GAAG;AAEI,IAAM,oBAAuE;AAAA,EAClF,kCAAkC;AAAA,IAChC,GAAG,WAAW,gCAAgC;AAAA,IAC9C,QAAQ;AAAA,EACV;AAAA,EACA,kCAAkC;AAAA,IAChC,GAAG,WAAW,gCAAgC;AAAA,IAC9C,QAAQ;AAAA,EACV;AAAA,EACA,kCAAkC;AAAA,IAChC,GAAG,WAAW,gCAAgC;AAAA,IAC9C,QAAQ;AAAA,EACV;AAAA,EACA,sCAAsC;AAAA,IACpC,GAAG,WAAW,oCAAoC;AAAA,IAClD,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,sCAAsC;AAAA,IACpC,GAAG,WAAW,oCAAoC;AAAA,IAClD,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,sCAAsC;AAAA,IACpC,GAAG,WAAW,oCAAoC;AAAA,IAClD,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,wCAAwC;AAAA,IACtC,GAAG,WAAW,sCAAsC;AAAA,IACpD,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,wCAAwC;AAAA,IACtC,GAAG,WAAW,sCAAsC;AAAA,IACpD,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,wCAAwC;AAAA,IACtC,GAAG,WAAW,sCAAsC;AAAA,IACpD,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,yCAAyC;AAAA,IACvC,GAAG,WAAW,uCAAuC;AAAA,IACrD,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,yCAAyC;AAAA,IACvC,GAAG,WAAW,uCAAuC;AAAA,IACrD,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,yCAAyC;AAAA,IACvC,GAAG,WAAW,uCAAuC;AAAA,IACrD,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF;;;AC7bA,IAAM,eAAe,wBACnB,QACA,MACA,QACA,eACG;AAAA,yBACoB;AAAA,uBACF;AAAA,yBACE;AAAA,yBACA;AAAA,WATJ;AAYd,IAAM,eAAe,wBAAC,QAAwB;AACnD,QAAM,SAAS,SAAS,gBAAgB,aAAa,MAAM;AAC3D,QAAM,EAAE,QAAQ,MAAM,QAAQ,WAAW,IAAI,WAAW,GAAG;AAE3D,MAAI,WAAW,MAAM;AACnB,QAAI,kBAAkB,GAAG,GAAG;AAC1B,YAAM,EAAE,QAAAC,SAAQ,MAAAC,OAAM,QAAAC,SAAQ,YAAAC,YAAW,IAAI,kBAAkB,GAAG;AAClE,aAAO,aAAaH,SAAQC,OAAMC,SAAQC,WAAU;AAAA,IACtD;AAEA,WAAO,aAAa,QAAQ,MAAM,QAAQ,UAAU;AAAA,EACtD;AAEA,MAAI,WAAW,MAAM;AACnB,WAAO,aAAa,8CAA8C,MAAM,QAAQ,UAAU;AAAA,EAC5F;AAEA,SAAO,aAAa,QAAQ,MAAM,QAAQ,UAAU;AACtD,GAlB4B;;;AChB5B,IAAAC,gBAAkB;AAEX,IAAM,oBAAoB,6BAAM;AACrC,QAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAMxB,SAAO,8BAAAC,QAAA,cAAC,YAAO,yBAAyB,EAAE,QAAQ,gBAAgB,GAAG;AACvE,GARiC;;;ACFjC,IAAAC,gBAAkD;AAClD,IAAAC,iBAAkC;AAO3B,IAAM,gBAAgB,wBAAC,EAAE,SAAS,MAAc;AACrD,QAAM,oBAAgB,kCAAkB,KAAK;AAE7C,qCAAgB,MAAM;AACpB,kBAAc,SAAS,gBAAgB,aAAa,aAAa,MAAM,MAAM;AAAA,EAC/E,GAAG,CAAC,CAAC;AAEL,SAAO,8BAAAC,QAAA,8BAAG,QAAS;AACrB,GAR6B;",
+  "names": ["React", "family", "size", "weight", "lineHeight", "import_react", "React", "import_react", "import_recoil", "React"]
 }

package/lib/index.d.ts

@@ -4,5 +4,6 @@ export * from './components/Head';
 export * from './generated/vars';
 export * from './generated/classNames';
 export * from './helpers/getTypoStyle';
-export * from './types/color';
 export * from './helpers/setDarkModeScript';
+export * from './components/ThemeProvider';
+export * from './types/color';

package/lib/index.mjs

@@ -3,7 +3,10 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 
 // src/hooks/useDarkTheme.ts
 import { atom, useRecoilState } from "recoil";
-var theme = atom({ key: "dark-theme", default: false });
+var theme = atom({
+  key: "dark-theme",
+  default: false
+});
 var useDarkTheme = /* @__PURE__ */ __name(() => {
   const [isDarkMode, setIsDarkMode] = useRecoilState(theme);
   const setDarkTheme = /* @__PURE__ */ __name(() => {
@@ -538,11 +541,24 @@ var SetDarkModeScript = /* @__PURE__ */ __name(() => {
       })()`;
   return /* @__PURE__ */ React2.createElement("script", { dangerouslySetInnerHTML: { __html: darkThemeScript } });
 }, "SetDarkModeScript");
+
+// src/components/ThemeProvider.tsx
+import React3, { useLayoutEffect } from "react";
+import { useSetRecoilState as useSetRecoilState2 } from "recoil";
+var ThemeProvider = /* @__PURE__ */ __name(({ children }) => {
+  const setIsDarkMode = useSetRecoilState2(theme);
+  useLayoutEffect(() => {
+    setIsDarkMode(document.documentElement.getAttribute("color-theme") === "dark");
+  }, []);
+  return /* @__PURE__ */ React3.createElement(Fragment, null, children);
+}, "ThemeProvider");
 export {
   DesignSystemHead,
   SetDarkModeScript,
+  ThemeProvider,
   classNames,
   getTypoStyle,
+  theme,
   useDarkTheme,
   useLanguage,
   vars

package/lib/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/hooks/useDarkTheme.ts", "../src/hooks/useLanguage.ts", "../src/components/Head.tsx", "../src/generated/vars.ts", "../src/generated/classNames.ts", "../src/scripts/create-css/constants/typography/index.ts", "../src/helpers/getTypoStyle.ts", "../src/helpers/setDarkModeScript.tsx"],
-  "sourcesContent": ["import { useEffect, useState } from 'react';\nimport { atom, useRecoilState, useSetRecoilState } from 'recoil';\n\nconst theme = atom({ key: 'dark-theme', default: false });\n\nexport const useDarkTheme = () => {\n  const [isDarkMode, setIsDarkMode] = useRecoilState(theme);\n\n  const setDarkTheme = () => {\n    document.documentElement.setAttribute('color-theme', 'dark');\n    localStorage.setItem('theme', 'dark');\n    setIsDarkMode(true);\n  };\n\n  const setLightTheme = () => {\n    document.documentElement.setAttribute('color-theme', 'light');\n    localStorage.setItem('theme', 'light');\n    setIsDarkMode(false);\n  };\n\n  const setPreferTheme = () => {\n    const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n    localStorage.removeItem('theme');\n    document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n    setIsDarkMode(isOsColorThemeDark);\n  };\n\n  return {\n    setDarkTheme,\n    setLightTheme,\n    setPreferTheme,\n    isDarkMode,\n  };\n};\n", "export const useLanguage = () => {};\n", "import React from 'react';\n\nexport const DesignSystemHead = () => {\n  return (\n    <>\n      {/* Pretendard JP Variable */}\n      <link\n        rel=\"stylesheet\"\n        as=\"style\"\n        crossOrigin={'anonymous'}\n        href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp.min.css\"\n      />\n      {/* Pretendard Variable */}\n      <link\n        rel=\"stylesheet\"\n        as=\"style\"\n        crossOrigin={'anonymous'}\n        href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css\"\n      />\n      {/* \"Poppins\", sans-serif; */}\n      <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n      <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n      <link\n        href=\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n        rel=\"stylesheet\"\n      />\n      {/* font-family: \"Merriweather\", serif; */}\n      <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n      <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n      <link\n        href=\"https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n        rel=\"stylesheet\"\n      />\n    </>\n  );\n};\n", "export const vars = {\"color\":{\"neutral-container-lowest\":\"var(--neutral-container-lowest)\",\"neutral-container-lowest-hover\":\"var(--neutral-container-lowest-hover)\",\"neutral-container-low\":\"var(--neutral-container-low)\",\"neutral-container-low-hover\":\"var(--neutral-container-low-hover)\",\"neutral-container-mid\":\"var(--neutral-container-mid)\",\"neutral-container-mid-hover\":\"var(--neutral-container-mid-hover)\",\"neutral-container-high\":\"var(--neutral-container-high)\",\"neutral-container-high-hover\":\"var(--neutral-container-high-hover)\",\"neutral-container-highest\":\"var(--neutral-container-highest)\",\"neutral-container-static-lowest\":\"var(--neutral-container-static-lowest)\",\"neutral-container-static-lowest-hover\":\"var(--neutral-container-static-lowest-hover)\",\"neutral-fill-lowest\":\"var(--neutral-fill-lowest)\",\"neutral-fill-lowest-hover\":\"var(--neutral-fill-lowest-hover)\",\"neutral-fill-low\":\"var(--neutral-fill-low)\",\"neutral-fill-low-hover\":\"var(--neutral-fill-low-hover)\",\"neutral-fill-mid\":\"var(--neutral-fill-mid)\",\"neutral-fill-mid-hover\":\"var(--neutral-fill-mid-hover)\",\"neutral-fill-high\":\"var(--neutral-fill-high)\",\"neutral-fill-high-hover\":\"var(--neutral-fill-high-hover)\",\"neutral-fill-highest\":\"var(--neutral-fill-highest)\",\"neutral-label-primary\":\"var(--neutral-label-primary)\",\"neutral-label-secondary\":\"var(--neutral-label-secondary)\",\"neutral-label-tertiary\":\"var(--neutral-label-tertiary)\",\"neutral-label-quaternary\":\"var(--neutral-label-quaternary)\",\"neutral-label-static-primary\":\"var(--neutral-label-static-primary)\",\"neutral-label-static-secondary\":\"var(--neutral-label-static-secondary)\",\"neutral-border-overlay-strong\":\"var(--neutral-border-overlay-strong)\",\"neutral-border-overlay-normal\":\"var(--neutral-border-overlay-normal)\",\"neutral-border-overlay-subtle\":\"var(--neutral-border-overlay-subtle)\",\"neutral-border-opaque-strong\":\"var(--neutral-border-opaque-strong)\",\"neutral-border-opaque-normal\":\"var(--neutral-border-opaque-normal)\",\"neutral-border-opaque-subtle\":\"var(--neutral-border-opaque-subtle)\",\"inverse-container-lowest\":\"var(--inverse-container-lowest)\",\"inverse-container-lowest-hover\":\"var(--inverse-container-lowest-hover)\",\"inverse-container-low\":\"var(--inverse-container-low)\",\"inverse-container-low-hover\":\"var(--inverse-container-low-hover)\",\"inverse-container-mid\":\"var(--inverse-container-mid)\",\"inverse-container-mid-hover\":\"var(--inverse-container-mid-hover)\",\"inverse-container-high\":\"var(--inverse-container-high)\",\"inverse-container-high-hover\":\"var(--inverse-container-high-hover)\",\"inverse-container-static-high\":\"var(--inverse-container-static-high)\",\"inverse-container-static-high-hover\":\"var(--inverse-container-static-high-hover)\",\"inverse-container-highest\":\"var(--inverse-container-highest)\",\"inverse-fill-mid\":\"var(--inverse-fill-mid)\",\"inverse-fill-mid-hover\":\"var(--inverse-fill-mid-hover)\",\"inverse-label-primary\":\"var(--inverse-label-primary)\",\"inverse-label-secondary\":\"var(--inverse-label-secondary)\",\"inverse-label-tertiary\":\"var(--inverse-label-tertiary)\",\"inverse-label-quaternary\":\"var(--inverse-label-quaternary)\",\"inverse-label-static-primary\":\"var(--inverse-label-static-primary)\",\"inverse-label-static-secondary\":\"var(--inverse-label-static-secondary)\",\"inverse-border-overlay-strong\":\"var(--inverse-border-overlay-strong)\",\"inverse-border-overlay-normal\":\"var(--inverse-border-overlay-normal)\",\"inverse-border-overlay-subtle\":\"var(--inverse-border-overlay-subtle)\",\"inverse-border-opaque-strong\":\"var(--inverse-border-opaque-strong)\",\"inverse-border-opaque-normal\":\"var(--inverse-border-opaque-normal)\",\"inverse-border-opaque-subtle\":\"var(--inverse-border-opaque-subtle)\",\"brand-container-mid\":\"var(--brand-container-mid)\",\"brand-container-mid-hover\":\"var(--brand-container-mid-hover)\",\"brand-container-high\":\"var(--brand-container-high)\",\"brand-label-primary\":\"var(--brand-label-primary)\",\"brand-label-secondary\":\"var(--brand-label-secondary)\",\"brand-border-opaque-normal\":\"var(--brand-border-opaque-normal)\",\"brand-border-overlay-normal\":\"var(--brand-border-overlay-normal)\",\"accent-container-yellow\":\"var(--accent-container-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"function-container-positive\":\"var(--function-container-positive)\",\"function-container-negative\":\"var(--function-container-negative)\",\"function-container-negative-hover\":\"var(--function-container-negative-hover)\",\"function-container-caution\":\"var(--function-container-caution)\",\"function-label-positive\":\"var(--function-label-positive)\",\"function-label-negative\":\"var(--function-label-negative)\",\"function-label-caution\":\"var(--function-label-caution)\",\"cover-dim-page\":\"var(--cover-dim-page)\"},\"radius\":{\"lp-sys-radius-xxs\":\"var(--lp-sys-radius-xxs)\",\"lp-sys-radius-xs\":\"var(--lp-sys-radius-xs)\",\"lp-sys-radius-s\":\"var(--lp-sys-radius-s)\",\"lp-sys-radius-m\":\"var(--lp-sys-radius-m)\",\"lp-sys-radius-l\":\"var(--lp-sys-radius-l)\",\"lp-sys-radius-xl\":\"var(--lp-sys-radius-xl)\",\"lp-sys-radius-xxl\":\"var(--lp-sys-radius-xxl)\"},\"opacity\":{\"lp-pri-color-opacity-80\":\"var(--lp-pri-color-opacity-80)\",\"lp-pri-color-opacity-72\":\"var(--lp-pri-color-opacity-72)\",\"lp-pri-color-opacity-64\":\"var(--lp-pri-color-opacity-64)\",\"lp-pri-color-opacity-56\":\"var(--lp-pri-color-opacity-56)\",\"lp-pri-color-opacity-50\":\"var(--lp-pri-color-opacity-50)\",\"lp-pri-color-opacity-48\":\"var(--lp-pri-color-opacity-48)\",\"lp-pri-color-opacity-44\":\"var(--lp-pri-color-opacity-44)\",\"lp-pri-color-opacity-40\":\"var(--lp-pri-color-opacity-40)\",\"lp-pri-color-opacity-36\":\"var(--lp-pri-color-opacity-36)\",\"lp-pri-color-opacity-32\":\"var(--lp-pri-color-opacity-32)\",\"lp-pri-color-opacity-28\":\"var(--lp-pri-color-opacity-28)\",\"lp-pri-color-opacity-24\":\"var(--lp-pri-color-opacity-24)\",\"lp-pri-color-opacity-20\":\"var(--lp-pri-color-opacity-20)\",\"lp-pri-color-opacity-16\":\"var(--lp-pri-color-opacity-16)\",\"lp-pri-color-opacity-12\":\"var(--lp-pri-color-opacity-12)\",\"lp-pri-color-opacity-8\":\"var(--lp-pri-color-opacity-8)\",\"lp-pri-color-opacity-4\":\"var(--lp-pri-color-opacity-4)\",\"lp-pri-color-opacity-1\":\"var(--lp-pri-color-opacity-1)\",\"lp-pri-color-opacity-0\":\"var(--lp-pri-color-opacity-0)\"},\"padding\":{\"lp-sys-padding-component-100\":\"var(--lp-sys-padding-component-100)\",\"lp-sys-padding-component-150\":\"var(--lp-sys-padding-component-150)\",\"lp-sys-padding-component-200\":\"var(--lp-sys-padding-component-200)\",\"lp-sys-padding-component-300\":\"var(--lp-sys-padding-component-300)\",\"lp-sys-padding-component-400\":\"var(--lp-sys-padding-component-400)\",\"lp-sys-padding-component-500\":\"var(--lp-sys-padding-component-500)\",\"lp-sys-padding-component-600\":\"var(--lp-sys-padding-component-600)\",\"lp-sys-padding-component-700\":\"var(--lp-sys-padding-component-700)\",\"lp-sys-padding-component-800\":\"var(--lp-sys-padding-component-800)\",\"lp-sys-padding-component-900\":\"var(--lp-sys-padding-component-900)\",\"lp-sys-padding-section-100\":\"var(--lp-sys-padding-section-100)\",\"lp-sys-padding-section-200\":\"var(--lp-sys-padding-section-200)\",\"lp-sys-padding-section-300\":\"var(--lp-sys-padding-section-300)\",\"lp-sys-padding-section-400\":\"var(--lp-sys-padding-section-400)\",\"lp-sys-padding-section-500\":\"var(--lp-sys-padding-section-500)\",\"lp-sys-padding-section-600\":\"var(--lp-sys-padding-section-600)\",\"lp-sys-padding-section-700\":\"var(--lp-sys-padding-section-700)\",\"lp-sys-padding-section-800\":\"var(--lp-sys-padding-section-800)\",\"lp-sys-padding-section-900\":\"var(--lp-sys-padding-section-900)\"},\"size\":{\"lp-pri-size-minus6\":\"var(--lp-pri-size-minus6)\",\"lp-pri-size-minus4\":\"var(--lp-pri-size-minus4)\",\"lp-pri-size-minus2\":\"var(--lp-pri-size-minus2)\",\"lp-pri-size-0\":\"var(--lp-pri-size-0)\",\"lp-pri-size-1\":\"var(--lp-pri-size-1)\",\"lp-pri-size-2\":\"var(--lp-pri-size-2)\",\"lp-pri-size-3\":\"var(--lp-pri-size-3)\",\"lp-pri-size-4\":\"var(--lp-pri-size-4)\",\"lp-pri-size-6\":\"var(--lp-pri-size-6)\",\"lp-pri-size-8\":\"var(--lp-pri-size-8)\",\"lp-pri-size-10\":\"var(--lp-pri-size-10)\",\"lp-pri-size-12\":\"var(--lp-pri-size-12)\",\"lp-pri-size-14\":\"var(--lp-pri-size-14)\",\"lp-pri-size-16\":\"var(--lp-pri-size-16)\",\"lp-pri-size-18\":\"var(--lp-pri-size-18)\",\"lp-pri-size-20\":\"var(--lp-pri-size-20)\",\"lp-pri-size-24\":\"var(--lp-pri-size-24)\",\"lp-pri-size-32\":\"var(--lp-pri-size-32)\",\"lp-pri-size-40\":\"var(--lp-pri-size-40)\",\"lp-pri-size-48\":\"var(--lp-pri-size-48)\",\"lp-pri-size-56\":\"var(--lp-pri-size-56)\",\"lp-pri-size-64\":\"var(--lp-pri-size-64)\",\"lp-pri-size-80\":\"var(--lp-pri-size-80)\",\"lp-pri-size-100\":\"var(--lp-pri-size-100)\",\"lp-pri-size-120\":\"var(--lp-pri-size-120)\",\"lp-pri-size-140\":\"var(--lp-pri-size-140)\",\"lp-pri-size-160\":\"var(--lp-pri-size-160)\",\"lp-pri-size-180\":\"var(--lp-pri-size-180)\",\"lp-pri-size-200\":\"var(--lp-pri-size-200)\"},\"gap\":{\"lp-sys-gap-positive-50\":\"var(--lp-sys-gap-positive-50)\",\"lp-sys-gap-positive-100\":\"var(--lp-sys-gap-positive-100)\",\"lp-sys-gap-positive-150\":\"var(--lp-sys-gap-positive-150)\",\"lp-sys-gap-positive-200\":\"var(--lp-sys-gap-positive-200)\",\"lp-sys-gap-positive-300\":\"var(--lp-sys-gap-positive-300)\",\"lp-sys-gap-positive-400\":\"var(--lp-sys-gap-positive-400)\",\"lp-sys-gap-positive-500\":\"var(--lp-sys-gap-positive-500)\",\"lp-sys-gap-positive-600\":\"var(--lp-sys-gap-positive-600)\",\"lp-sys-gap-positive-700\":\"var(--lp-sys-gap-positive-700)\",\"lp-sys-gap-positive-800\":\"var(--lp-sys-gap-positive-800)\",\"lp-sys-gap-positive-900\":\"var(--lp-sys-gap-positive-900)\",\"lp-sys-gap-negative-700\":\"var(--lp-sys-gap-negative-700)\",\"lp-sys-gap-negative-800\":\"var(--lp-sys-gap-negative-800)\",\"lp-sys-gap-negative-900\":\"var(--lp-sys-gap-negative-900)\"},\"shadow\":{\"lp-sys-shadow-normal\":\"var(--lp-sys-shadow-normal)\",\"lp-sys-shadow-strong\":\"var(--lp-sys-shadow-strong)\",\"lp-sys-shadow-heavy\":\"var(--lp-sys-shadow-heavy)\"},\"iconSize\":{\"lp-sys-icon-size-xs\":\"var(--lp-sys-icon-size-xs)\",\"lp-sys-icon-size-s\":\"var(--lp-sys-icon-size-s)\",\"lp-sys-icon-size-m\":\"var(--lp-sys-icon-size-m)\",\"lp-sys-icon-size-l\":\"var(--lp-sys-icon-size-l)\",\"lp-sys-icon-size-xl\":\"var(--lp-sys-icon-size-xl)\"}}", "export const classNames = {\"typography\":{\"lp-sys-typo-display1-accent-black\":\"lp-sys-typo-display1-accent-black\",\"lp-sys-typo-display2-accent-black\":\"lp-sys-typo-display2-accent-black\",\"lp-sys-typo-display3-accent-black\":\"lp-sys-typo-display3-accent-black\",\"lp-sys-typo-display1-normal-black\":\"lp-sys-typo-display1-normal-black\",\"lp-sys-typo-display2-normal-black\":\"lp-sys-typo-display2-normal-black\",\"lp-sys-typo-display3-normal-black\":\"lp-sys-typo-display3-normal-black\",\"lp-sys-typo-heading1-answer\":\"lp-sys-typo-heading1-answer\",\"lp-sys-typo-heading2-answer\":\"lp-sys-typo-heading2-answer\",\"lp-sys-typo-heading3-answer\":\"lp-sys-typo-heading3-answer\",\"lp-sys-typo-heading4-answer\":\"lp-sys-typo-heading4-answer\",\"lp-sys-typo-heading5-answer\":\"lp-sys-typo-heading5-answer\",\"lp-sys-typo-heading6-answer\":\"lp-sys-typo-heading6-answer\",\"lp-sys-typo-title1-accent-bold\":\"lp-sys-typo-title1-accent-bold\",\"lp-sys-typo-title2-accent-bold\":\"lp-sys-typo-title2-accent-bold\",\"lp-sys-typo-title3-accent-bold\":\"lp-sys-typo-title3-accent-bold\",\"lp-sys-typo-title4-accent-bold\":\"lp-sys-typo-title4-accent-bold\",\"lp-sys-typo-title1-accent-medium\":\"lp-sys-typo-title1-accent-medium\",\"lp-sys-typo-title2-accent-medium\":\"lp-sys-typo-title2-accent-medium\",\"lp-sys-typo-title3-accent-medium\":\"lp-sys-typo-title3-accent-medium\",\"lp-sys-typo-title4-accent-medium\":\"lp-sys-typo-title4-accent-medium\",\"lp-sys-typo-title1-normal-bold\":\"lp-sys-typo-title1-normal-bold\",\"lp-sys-typo-title2-normal-bold\":\"lp-sys-typo-title2-normal-bold\",\"lp-sys-typo-title3-normal-bold\":\"lp-sys-typo-title3-normal-bold\",\"lp-sys-typo-title4-normal-bold\":\"lp-sys-typo-title4-normal-bold\",\"lp-sys-typo-title1-normal-medium\":\"lp-sys-typo-title1-normal-medium\",\"lp-sys-typo-title2-normal-medium\":\"lp-sys-typo-title2-normal-medium\",\"lp-sys-typo-title3-normal-medium\":\"lp-sys-typo-title3-normal-medium\",\"lp-sys-typo-title4-normal-medium\":\"lp-sys-typo-title4-normal-medium\",\"lp-sys-typo-paragraph1-accent-bold\":\"lp-sys-typo-paragraph1-accent-bold\",\"lp-sys-typo-paragraph2-accent-bold\":\"lp-sys-typo-paragraph2-accent-bold\",\"lp-sys-typo-paragraph3-accent-bold\":\"lp-sys-typo-paragraph3-accent-bold\",\"lp-sys-typo-paragraph1-accent-medium\":\"lp-sys-typo-paragraph1-accent-medium\",\"lp-sys-typo-paragraph2-accent-medium\":\"lp-sys-typo-paragraph2-accent-medium\",\"lp-sys-typo-paragraph3-accent-medium\":\"lp-sys-typo-paragraph3-accent-medium\",\"lp-sys-typo-paragraph1-accent-regular\":\"lp-sys-typo-paragraph1-accent-regular\",\"lp-sys-typo-paragraph2-accent-regular\":\"lp-sys-typo-paragraph2-accent-regular\",\"lp-sys-typo-paragraph3-accent-regular\":\"lp-sys-typo-paragraph3-accent-regular\",\"lp-sys-typo-paragraph1-normal-bold\":\"lp-sys-typo-paragraph1-normal-bold\",\"lp-sys-typo-paragraph2-normal-bold\":\"lp-sys-typo-paragraph2-normal-bold\",\"lp-sys-typo-paragraph3-normal-bold\":\"lp-sys-typo-paragraph3-normal-bold\",\"lp-sys-typo-paragraph4-normal-bold\":\"lp-sys-typo-paragraph4-normal-bold\",\"lp-sys-typo-paragraph1-normal-medium\":\"lp-sys-typo-paragraph1-normal-medium\",\"lp-sys-typo-paragraph2-normal-medium\":\"lp-sys-typo-paragraph2-normal-medium\",\"lp-sys-typo-paragraph3-normal-medium\":\"lp-sys-typo-paragraph3-normal-medium\",\"lp-sys-typo-paragraph4-normal-medium\":\"lp-sys-typo-paragraph4-normal-medium\",\"lp-sys-typo-paragraph1-normal-regular\":\"lp-sys-typo-paragraph1-normal-regular\",\"lp-sys-typo-paragraph2-normal-regular\":\"lp-sys-typo-paragraph2-normal-regular\",\"lp-sys-typo-paragraph3-normal-regular\":\"lp-sys-typo-paragraph3-normal-regular\",\"lp-sys-typo-paragraph4-normal-regular\":\"lp-sys-typo-paragraph4-normal-regular\",\"lp-sys-typo-paragraph1-post-regular\":\"lp-sys-typo-paragraph1-post-regular\",\"lp-sys-typo-paragraph3-post-regular\":\"lp-sys-typo-paragraph3-post-regular\",\"lp-sys-typo-paragraph1-answer-bold\":\"lp-sys-typo-paragraph1-answer-bold\",\"lp-sys-typo-paragraph1-answer-regular\":\"lp-sys-typo-paragraph1-answer-regular\",\"lp-sys-typo-caption1-normal-bold\":\"lp-sys-typo-caption1-normal-bold\",\"lp-sys-typo-caption2-normal-bold\":\"lp-sys-typo-caption2-normal-bold\",\"lp-sys-typo-caption3-normal-bold\":\"lp-sys-typo-caption3-normal-bold\",\"lp-sys-typo-caption1-normal-medium\":\"lp-sys-typo-caption1-normal-medium\",\"lp-sys-typo-caption1-normal-regular\":\"lp-sys-typo-caption1-normal-regular\",\"lp-sys-typo-caption2-normal-regular\":\"lp-sys-typo-caption2-normal-regular\",\"lp-sys-typo-caption3-normal-regular\":\"lp-sys-typo-caption3-normal-regular\"}}", "import { font } from './primitive';\nimport { TypographyKeys } from './types';\n\nexport type FontFamily =\n  | 'lp-pri-font-family-poppins'\n  | 'lp-pri-font-family-variables-pretendard'\n  | 'lp-pri-font-family-variables-pretendard-jp'\n  | 'lp-pri-font-family-merriweather';\n\ninterface TypographyValues {\n  family: Exclude<FontFamily, 'lp-pri-font-family-variables-pretendard-jp'>;\n  weight: keyof typeof font.weight;\n  lineHeight: keyof typeof font.lineHeight;\n  size: keyof typeof font.size;\n}\n\nexport const typography: Record<TypographyKeys, TypographyValues> = {\n  'lp-sys-typo-display1-accent-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-72',\n  },\n  'lp-sys-typo-display2-accent-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-64',\n  },\n  'lp-sys-typo-display3-accent-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-display1-normal-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-72',\n  },\n  'lp-sys-typo-display2-normal-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-64',\n  },\n  'lp-sys-typo-display3-normal-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-heading1-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-180',\n    size: 'lp-pri-font-size-28',\n  },\n  'lp-sys-typo-heading2-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-180',\n    size: 'lp-pri-font-size-24',\n  },\n  'lp-sys-typo-heading3-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-heading4-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-heading5-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-heading6-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-title1-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-32',\n  },\n  'lp-sys-typo-title2-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-28',\n  },\n  'lp-sys-typo-title3-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-650',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-24',\n  },\n  'lp-sys-typo-title4-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-650',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-20',\n  },\n  'lp-sys-typo-title1-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-32',\n  },\n  'lp-sys-typo-title2-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-28',\n  },\n  'lp-sys-typo-title3-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-24',\n  },\n  'lp-sys-typo-title4-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-20',\n  },\n  'lp-sys-typo-title1-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-32',\n  },\n  'lp-sys-typo-title2-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-28',\n  },\n  'lp-sys-typo-title3-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-650',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-24',\n  },\n  'lp-sys-typo-title4-normal-bold': {\n    weight: 'lp-pri-font-weight-650',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-20',\n    family: 'lp-pri-font-family-variables-pretendard',\n  },\n  'lp-sys-typo-title1-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    size: 'lp-pri-font-size-32',\n    lineHeight: 'lp-pri-font-lineheight-130',\n  },\n  'lp-sys-typo-title2-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    size: 'lp-pri-font-size-28',\n    lineHeight: 'lp-pri-font-lineheight-130',\n  },\n  'lp-sys-typo-title3-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    size: 'lp-pri-font-size-24',\n    lineHeight: 'lp-pri-font-lineheight-130',\n  },\n  'lp-sys-typo-title4-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    size: 'lp-pri-font-size-20',\n    lineHeight: 'lp-pri-font-lineheight-130',\n  },\n  'lp-sys-typo-paragraph1-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph1-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph1-accent-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-accent-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-accent-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph1-normal-bold': {\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n    family: 'lp-pri-font-family-variables-pretendard',\n  },\n  'lp-sys-typo-paragraph2-normal-bold': {\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n    family: 'lp-pri-font-family-variables-pretendard',\n  },\n  'lp-sys-typo-paragraph3-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph4-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-14',\n  },\n  'lp-sys-typo-paragraph1-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph4-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-14',\n  },\n  'lp-sys-typo-paragraph1-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph4-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-14',\n  },\n  'lp-sys-typo-paragraph1-post-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-150',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph3-post-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-150',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph1-answer-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-180',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph1-answer-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-180',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-caption1-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-13',\n  },\n  'lp-sys-typo-caption2-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-12',\n  },\n  'lp-sys-typo-caption3-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-11',\n  },\n  'lp-sys-typo-caption1-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-13',\n  },\n  'lp-sys-typo-caption1-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-13',\n  },\n  'lp-sys-typo-caption2-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-12',\n  },\n  'lp-sys-typo-caption3-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-11',\n  },\n};\n\nexport const typographyClassName = (() => {\n  const result: Partial<Record<TypographyKeys, TypographyKeys>> = {};\n\n  for (const key in typography) {\n    const typedKey = key as TypographyKeys;\n\n    result[typedKey] = typedKey;\n  }\n\n  return result;\n})();\n\nexport const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {\n  'lp-sys-typo-title1-accent-bold': {\n    ...typography['lp-sys-typo-title1-accent-bold'],\n    family: 'lp-pri-font-family-merriweather',\n  },\n  'lp-sys-typo-title3-accent-bold': {\n    ...typography['lp-sys-typo-title3-accent-bold'],\n    family: 'lp-pri-font-family-merriweather',\n  },\n  'lp-sys-typo-title4-accent-bold': {\n    ...typography['lp-sys-typo-title4-accent-bold'],\n    family: 'lp-pri-font-family-merriweather',\n  },\n  'lp-sys-typo-paragraph1-accent-bold': {\n    ...typography['lp-sys-typo-paragraph1-accent-bold'],\n    family: 'lp-pri-font-family-merriweather',\n    weight: 'lp-pri-font-weight-600',\n  },\n  'lp-sys-typo-paragraph2-accent-bold': {\n    ...typography['lp-sys-typo-paragraph2-accent-bold'],\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n  },\n  'lp-sys-typo-paragraph3-accent-bold': {\n    ...typography['lp-sys-typo-paragraph3-accent-bold'],\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n  },\n  'lp-sys-typo-paragraph1-accent-medium': {\n    ...typography['lp-sys-typo-paragraph1-accent-medium'],\n    family: 'lp-pri-font-family-poppins',\n    weight: 'lp-pri-font-weight-500',\n  },\n  'lp-sys-typo-paragraph2-accent-medium': {\n    ...typography['lp-sys-typo-paragraph2-accent-medium'],\n    family: 'lp-pri-font-family-poppins',\n    weight: 'lp-pri-font-weight-500',\n  },\n  'lp-sys-typo-paragraph3-accent-medium': {\n    ...typography['lp-sys-typo-paragraph3-accent-medium'],\n    family: 'lp-pri-font-family-poppins',\n    weight: 'lp-pri-font-weight-500',\n  },\n  'lp-sys-typo-paragraph1-accent-regular': {\n    ...typography['lp-sys-typo-paragraph3-accent-regular'],\n    weight: 'lp-pri-font-weight-300',\n    family: 'lp-pri-font-family-poppins',\n  },\n  'lp-sys-typo-paragraph2-accent-regular': {\n    ...typography['lp-sys-typo-paragraph3-accent-regular'],\n    weight: 'lp-pri-font-weight-300',\n    family: 'lp-pri-font-family-poppins',\n  },\n  'lp-sys-typo-paragraph3-accent-regular': {\n    ...typography['lp-sys-typo-paragraph3-accent-regular'],\n    weight: 'lp-pri-font-weight-300',\n    family: 'lp-pri-font-family-poppins',\n  },\n};\n", "import { FontFamily, typography, typographyEnglish } from '../scripts/create-css/constants/typography';\nimport { font } from '../scripts/create-css/constants/typography/primitive';\nimport { TypographyKeys } from '../scripts/create-css/constants/typography/types';\n\nconst transformCSS = (\n  family: FontFamily,\n  size: keyof typeof font.size,\n  weight: keyof typeof font.weight,\n  lineHeight: keyof typeof font.lineHeight\n) => `\n        'font-family': ${family},\n        'font-size': ${size},\n        'font-weight': ${weight},\n        'line-height': ${lineHeight},\n        `;\n\nexport const getTypoStyle = (key: TypographyKeys) => {\n  const locale = document.documentElement.getAttribute('lang');\n  const { family, size, weight, lineHeight } = typography[key];\n\n  if (locale === 'en') {\n    if (typographyEnglish[key]) {\n      const { family, size, weight, lineHeight } = typographyEnglish[key];\n      return transformCSS(family, size, weight, lineHeight);\n    }\n\n    return transformCSS(family, size, weight, lineHeight);\n  }\n\n  if (locale === 'ja') {\n    return transformCSS('lp-pri-font-family-variables-pretendard-jp', size, weight, lineHeight);\n  }\n\n  return transformCSS(family, size, weight, lineHeight);\n};\n", "import React from 'react';\n\nexport const SetDarkModeScript = () => {\n  const darkThemeScript = `(\n      function (){\n          const localStorageTheme = window.localStorage.getItem(\"theme\")\n          document.documentElement.setAttribute(\"color-theme\", localStorageTheme || window.matchMedia('(prefers-color-scheme: dark)').matches ? \"dark\" : \"light\")\n      })()`;\n\n  return <script dangerouslySetInnerHTML={{ __html: darkThemeScript }} />;\n};\n"],
-  "mappings": "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",
-  "names": ["family", "size", "weight", "lineHeight", "React", "React"]
+  "sources": ["../src/hooks/useDarkTheme.ts", "../src/hooks/useLanguage.ts", "../src/components/Head.tsx", "../src/generated/vars.ts", "../src/generated/classNames.ts", "../src/scripts/create-css/constants/typography/index.ts", "../src/helpers/getTypoStyle.ts", "../src/helpers/setDarkModeScript.tsx", "../src/components/ThemeProvider.tsx"],
+  "sourcesContent": ["import { useEffect, useState } from 'react';\nimport { atom, useRecoilState, useSetRecoilState } from 'recoil';\n\nexport const theme = atom({\n  key: 'dark-theme',\n  default: false,\n});\n\nexport const useDarkTheme = () => {\n  const [isDarkMode, setIsDarkMode] = useRecoilState(theme);\n\n  const setDarkTheme = () => {\n    document.documentElement.setAttribute('color-theme', 'dark');\n    localStorage.setItem('theme', 'dark');\n    setIsDarkMode(true);\n  };\n\n  const setLightTheme = () => {\n    document.documentElement.setAttribute('color-theme', 'light');\n    localStorage.setItem('theme', 'light');\n    setIsDarkMode(false);\n  };\n\n  const setPreferTheme = () => {\n    const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n    localStorage.removeItem('theme');\n    document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n    setIsDarkMode(isOsColorThemeDark);\n  };\n\n  return {\n    setDarkTheme,\n    setLightTheme,\n    setPreferTheme,\n    isDarkMode,\n  };\n};\n", "export const useLanguage = () => {};\n", "import React from 'react';\n\nexport const DesignSystemHead = () => {\n  return (\n    <>\n      {/* Pretendard JP Variable */}\n      <link\n        rel=\"stylesheet\"\n        as=\"style\"\n        crossOrigin={'anonymous'}\n        href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp.min.css\"\n      />\n      {/* Pretendard Variable */}\n      <link\n        rel=\"stylesheet\"\n        as=\"style\"\n        crossOrigin={'anonymous'}\n        href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css\"\n      />\n      {/* \"Poppins\", sans-serif; */}\n      <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n      <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n      <link\n        href=\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n        rel=\"stylesheet\"\n      />\n      {/* font-family: \"Merriweather\", serif; */}\n      <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n      <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n      <link\n        href=\"https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n        rel=\"stylesheet\"\n      />\n    </>\n  );\n};\n", "export const vars = {\"color\":{\"neutral-container-lowest\":\"var(--neutral-container-lowest)\",\"neutral-container-lowest-hover\":\"var(--neutral-container-lowest-hover)\",\"neutral-container-low\":\"var(--neutral-container-low)\",\"neutral-container-low-hover\":\"var(--neutral-container-low-hover)\",\"neutral-container-mid\":\"var(--neutral-container-mid)\",\"neutral-container-mid-hover\":\"var(--neutral-container-mid-hover)\",\"neutral-container-high\":\"var(--neutral-container-high)\",\"neutral-container-high-hover\":\"var(--neutral-container-high-hover)\",\"neutral-container-highest\":\"var(--neutral-container-highest)\",\"neutral-container-static-lowest\":\"var(--neutral-container-static-lowest)\",\"neutral-container-static-lowest-hover\":\"var(--neutral-container-static-lowest-hover)\",\"neutral-fill-lowest\":\"var(--neutral-fill-lowest)\",\"neutral-fill-lowest-hover\":\"var(--neutral-fill-lowest-hover)\",\"neutral-fill-low\":\"var(--neutral-fill-low)\",\"neutral-fill-low-hover\":\"var(--neutral-fill-low-hover)\",\"neutral-fill-mid\":\"var(--neutral-fill-mid)\",\"neutral-fill-mid-hover\":\"var(--neutral-fill-mid-hover)\",\"neutral-fill-high\":\"var(--neutral-fill-high)\",\"neutral-fill-high-hover\":\"var(--neutral-fill-high-hover)\",\"neutral-fill-highest\":\"var(--neutral-fill-highest)\",\"neutral-label-primary\":\"var(--neutral-label-primary)\",\"neutral-label-secondary\":\"var(--neutral-label-secondary)\",\"neutral-label-tertiary\":\"var(--neutral-label-tertiary)\",\"neutral-label-quaternary\":\"var(--neutral-label-quaternary)\",\"neutral-label-static-primary\":\"var(--neutral-label-static-primary)\",\"neutral-label-static-secondary\":\"var(--neutral-label-static-secondary)\",\"neutral-border-overlay-strong\":\"var(--neutral-border-overlay-strong)\",\"neutral-border-overlay-normal\":\"var(--neutral-border-overlay-normal)\",\"neutral-border-overlay-subtle\":\"var(--neutral-border-overlay-subtle)\",\"neutral-border-opaque-strong\":\"var(--neutral-border-opaque-strong)\",\"neutral-border-opaque-normal\":\"var(--neutral-border-opaque-normal)\",\"neutral-border-opaque-subtle\":\"var(--neutral-border-opaque-subtle)\",\"inverse-container-lowest\":\"var(--inverse-container-lowest)\",\"inverse-container-lowest-hover\":\"var(--inverse-container-lowest-hover)\",\"inverse-container-low\":\"var(--inverse-container-low)\",\"inverse-container-low-hover\":\"var(--inverse-container-low-hover)\",\"inverse-container-mid\":\"var(--inverse-container-mid)\",\"inverse-container-mid-hover\":\"var(--inverse-container-mid-hover)\",\"inverse-container-high\":\"var(--inverse-container-high)\",\"inverse-container-high-hover\":\"var(--inverse-container-high-hover)\",\"inverse-container-static-high\":\"var(--inverse-container-static-high)\",\"inverse-container-static-high-hover\":\"var(--inverse-container-static-high-hover)\",\"inverse-container-highest\":\"var(--inverse-container-highest)\",\"inverse-fill-mid\":\"var(--inverse-fill-mid)\",\"inverse-fill-mid-hover\":\"var(--inverse-fill-mid-hover)\",\"inverse-label-primary\":\"var(--inverse-label-primary)\",\"inverse-label-secondary\":\"var(--inverse-label-secondary)\",\"inverse-label-tertiary\":\"var(--inverse-label-tertiary)\",\"inverse-label-quaternary\":\"var(--inverse-label-quaternary)\",\"inverse-label-static-primary\":\"var(--inverse-label-static-primary)\",\"inverse-label-static-secondary\":\"var(--inverse-label-static-secondary)\",\"inverse-border-overlay-strong\":\"var(--inverse-border-overlay-strong)\",\"inverse-border-overlay-normal\":\"var(--inverse-border-overlay-normal)\",\"inverse-border-overlay-subtle\":\"var(--inverse-border-overlay-subtle)\",\"inverse-border-opaque-strong\":\"var(--inverse-border-opaque-strong)\",\"inverse-border-opaque-normal\":\"var(--inverse-border-opaque-normal)\",\"inverse-border-opaque-subtle\":\"var(--inverse-border-opaque-subtle)\",\"brand-container-mid\":\"var(--brand-container-mid)\",\"brand-container-mid-hover\":\"var(--brand-container-mid-hover)\",\"brand-container-high\":\"var(--brand-container-high)\",\"brand-label-primary\":\"var(--brand-label-primary)\",\"brand-label-secondary\":\"var(--brand-label-secondary)\",\"brand-border-opaque-normal\":\"var(--brand-border-opaque-normal)\",\"brand-border-overlay-normal\":\"var(--brand-border-overlay-normal)\",\"accent-container-yellow\":\"var(--accent-container-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"function-container-positive\":\"var(--function-container-positive)\",\"function-container-negative\":\"var(--function-container-negative)\",\"function-container-negative-hover\":\"var(--function-container-negative-hover)\",\"function-container-caution\":\"var(--function-container-caution)\",\"function-label-positive\":\"var(--function-label-positive)\",\"function-label-negative\":\"var(--function-label-negative)\",\"function-label-caution\":\"var(--function-label-caution)\",\"cover-dim-page\":\"var(--cover-dim-page)\"},\"radius\":{\"lp-sys-radius-xxs\":\"var(--lp-sys-radius-xxs)\",\"lp-sys-radius-xs\":\"var(--lp-sys-radius-xs)\",\"lp-sys-radius-s\":\"var(--lp-sys-radius-s)\",\"lp-sys-radius-m\":\"var(--lp-sys-radius-m)\",\"lp-sys-radius-l\":\"var(--lp-sys-radius-l)\",\"lp-sys-radius-xl\":\"var(--lp-sys-radius-xl)\",\"lp-sys-radius-xxl\":\"var(--lp-sys-radius-xxl)\"},\"opacity\":{\"lp-pri-color-opacity-80\":\"var(--lp-pri-color-opacity-80)\",\"lp-pri-color-opacity-72\":\"var(--lp-pri-color-opacity-72)\",\"lp-pri-color-opacity-64\":\"var(--lp-pri-color-opacity-64)\",\"lp-pri-color-opacity-56\":\"var(--lp-pri-color-opacity-56)\",\"lp-pri-color-opacity-50\":\"var(--lp-pri-color-opacity-50)\",\"lp-pri-color-opacity-48\":\"var(--lp-pri-color-opacity-48)\",\"lp-pri-color-opacity-44\":\"var(--lp-pri-color-opacity-44)\",\"lp-pri-color-opacity-40\":\"var(--lp-pri-color-opacity-40)\",\"lp-pri-color-opacity-36\":\"var(--lp-pri-color-opacity-36)\",\"lp-pri-color-opacity-32\":\"var(--lp-pri-color-opacity-32)\",\"lp-pri-color-opacity-28\":\"var(--lp-pri-color-opacity-28)\",\"lp-pri-color-opacity-24\":\"var(--lp-pri-color-opacity-24)\",\"lp-pri-color-opacity-20\":\"var(--lp-pri-color-opacity-20)\",\"lp-pri-color-opacity-16\":\"var(--lp-pri-color-opacity-16)\",\"lp-pri-color-opacity-12\":\"var(--lp-pri-color-opacity-12)\",\"lp-pri-color-opacity-8\":\"var(--lp-pri-color-opacity-8)\",\"lp-pri-color-opacity-4\":\"var(--lp-pri-color-opacity-4)\",\"lp-pri-color-opacity-1\":\"var(--lp-pri-color-opacity-1)\",\"lp-pri-color-opacity-0\":\"var(--lp-pri-color-opacity-0)\"},\"padding\":{\"lp-sys-padding-component-100\":\"var(--lp-sys-padding-component-100)\",\"lp-sys-padding-component-150\":\"var(--lp-sys-padding-component-150)\",\"lp-sys-padding-component-200\":\"var(--lp-sys-padding-component-200)\",\"lp-sys-padding-component-300\":\"var(--lp-sys-padding-component-300)\",\"lp-sys-padding-component-400\":\"var(--lp-sys-padding-component-400)\",\"lp-sys-padding-component-500\":\"var(--lp-sys-padding-component-500)\",\"lp-sys-padding-component-600\":\"var(--lp-sys-padding-component-600)\",\"lp-sys-padding-component-700\":\"var(--lp-sys-padding-component-700)\",\"lp-sys-padding-component-800\":\"var(--lp-sys-padding-component-800)\",\"lp-sys-padding-component-900\":\"var(--lp-sys-padding-component-900)\",\"lp-sys-padding-section-100\":\"var(--lp-sys-padding-section-100)\",\"lp-sys-padding-section-200\":\"var(--lp-sys-padding-section-200)\",\"lp-sys-padding-section-300\":\"var(--lp-sys-padding-section-300)\",\"lp-sys-padding-section-400\":\"var(--lp-sys-padding-section-400)\",\"lp-sys-padding-section-500\":\"var(--lp-sys-padding-section-500)\",\"lp-sys-padding-section-600\":\"var(--lp-sys-padding-section-600)\",\"lp-sys-padding-section-700\":\"var(--lp-sys-padding-section-700)\",\"lp-sys-padding-section-800\":\"var(--lp-sys-padding-section-800)\",\"lp-sys-padding-section-900\":\"var(--lp-sys-padding-section-900)\"},\"size\":{\"lp-pri-size-minus6\":\"var(--lp-pri-size-minus6)\",\"lp-pri-size-minus4\":\"var(--lp-pri-size-minus4)\",\"lp-pri-size-minus2\":\"var(--lp-pri-size-minus2)\",\"lp-pri-size-0\":\"var(--lp-pri-size-0)\",\"lp-pri-size-1\":\"var(--lp-pri-size-1)\",\"lp-pri-size-2\":\"var(--lp-pri-size-2)\",\"lp-pri-size-3\":\"var(--lp-pri-size-3)\",\"lp-pri-size-4\":\"var(--lp-pri-size-4)\",\"lp-pri-size-6\":\"var(--lp-pri-size-6)\",\"lp-pri-size-8\":\"var(--lp-pri-size-8)\",\"lp-pri-size-10\":\"var(--lp-pri-size-10)\",\"lp-pri-size-12\":\"var(--lp-pri-size-12)\",\"lp-pri-size-14\":\"var(--lp-pri-size-14)\",\"lp-pri-size-16\":\"var(--lp-pri-size-16)\",\"lp-pri-size-18\":\"var(--lp-pri-size-18)\",\"lp-pri-size-20\":\"var(--lp-pri-size-20)\",\"lp-pri-size-24\":\"var(--lp-pri-size-24)\",\"lp-pri-size-32\":\"var(--lp-pri-size-32)\",\"lp-pri-size-40\":\"var(--lp-pri-size-40)\",\"lp-pri-size-48\":\"var(--lp-pri-size-48)\",\"lp-pri-size-56\":\"var(--lp-pri-size-56)\",\"lp-pri-size-64\":\"var(--lp-pri-size-64)\",\"lp-pri-size-80\":\"var(--lp-pri-size-80)\",\"lp-pri-size-100\":\"var(--lp-pri-size-100)\",\"lp-pri-size-120\":\"var(--lp-pri-size-120)\",\"lp-pri-size-140\":\"var(--lp-pri-size-140)\",\"lp-pri-size-160\":\"var(--lp-pri-size-160)\",\"lp-pri-size-180\":\"var(--lp-pri-size-180)\",\"lp-pri-size-200\":\"var(--lp-pri-size-200)\"},\"gap\":{\"lp-sys-gap-positive-50\":\"var(--lp-sys-gap-positive-50)\",\"lp-sys-gap-positive-100\":\"var(--lp-sys-gap-positive-100)\",\"lp-sys-gap-positive-150\":\"var(--lp-sys-gap-positive-150)\",\"lp-sys-gap-positive-200\":\"var(--lp-sys-gap-positive-200)\",\"lp-sys-gap-positive-300\":\"var(--lp-sys-gap-positive-300)\",\"lp-sys-gap-positive-400\":\"var(--lp-sys-gap-positive-400)\",\"lp-sys-gap-positive-500\":\"var(--lp-sys-gap-positive-500)\",\"lp-sys-gap-positive-600\":\"var(--lp-sys-gap-positive-600)\",\"lp-sys-gap-positive-700\":\"var(--lp-sys-gap-positive-700)\",\"lp-sys-gap-positive-800\":\"var(--lp-sys-gap-positive-800)\",\"lp-sys-gap-positive-900\":\"var(--lp-sys-gap-positive-900)\",\"lp-sys-gap-negative-700\":\"var(--lp-sys-gap-negative-700)\",\"lp-sys-gap-negative-800\":\"var(--lp-sys-gap-negative-800)\",\"lp-sys-gap-negative-900\":\"var(--lp-sys-gap-negative-900)\"},\"shadow\":{\"lp-sys-shadow-normal\":\"var(--lp-sys-shadow-normal)\",\"lp-sys-shadow-strong\":\"var(--lp-sys-shadow-strong)\",\"lp-sys-shadow-heavy\":\"var(--lp-sys-shadow-heavy)\"},\"iconSize\":{\"lp-sys-icon-size-xs\":\"var(--lp-sys-icon-size-xs)\",\"lp-sys-icon-size-s\":\"var(--lp-sys-icon-size-s)\",\"lp-sys-icon-size-m\":\"var(--lp-sys-icon-size-m)\",\"lp-sys-icon-size-l\":\"var(--lp-sys-icon-size-l)\",\"lp-sys-icon-size-xl\":\"var(--lp-sys-icon-size-xl)\"}}", "export const classNames = {\"typography\":{\"lp-sys-typo-display1-accent-black\":\"lp-sys-typo-display1-accent-black\",\"lp-sys-typo-display2-accent-black\":\"lp-sys-typo-display2-accent-black\",\"lp-sys-typo-display3-accent-black\":\"lp-sys-typo-display3-accent-black\",\"lp-sys-typo-display1-normal-black\":\"lp-sys-typo-display1-normal-black\",\"lp-sys-typo-display2-normal-black\":\"lp-sys-typo-display2-normal-black\",\"lp-sys-typo-display3-normal-black\":\"lp-sys-typo-display3-normal-black\",\"lp-sys-typo-heading1-answer\":\"lp-sys-typo-heading1-answer\",\"lp-sys-typo-heading2-answer\":\"lp-sys-typo-heading2-answer\",\"lp-sys-typo-heading3-answer\":\"lp-sys-typo-heading3-answer\",\"lp-sys-typo-heading4-answer\":\"lp-sys-typo-heading4-answer\",\"lp-sys-typo-heading5-answer\":\"lp-sys-typo-heading5-answer\",\"lp-sys-typo-heading6-answer\":\"lp-sys-typo-heading6-answer\",\"lp-sys-typo-title1-accent-bold\":\"lp-sys-typo-title1-accent-bold\",\"lp-sys-typo-title2-accent-bold\":\"lp-sys-typo-title2-accent-bold\",\"lp-sys-typo-title3-accent-bold\":\"lp-sys-typo-title3-accent-bold\",\"lp-sys-typo-title4-accent-bold\":\"lp-sys-typo-title4-accent-bold\",\"lp-sys-typo-title1-accent-medium\":\"lp-sys-typo-title1-accent-medium\",\"lp-sys-typo-title2-accent-medium\":\"lp-sys-typo-title2-accent-medium\",\"lp-sys-typo-title3-accent-medium\":\"lp-sys-typo-title3-accent-medium\",\"lp-sys-typo-title4-accent-medium\":\"lp-sys-typo-title4-accent-medium\",\"lp-sys-typo-title1-normal-bold\":\"lp-sys-typo-title1-normal-bold\",\"lp-sys-typo-title2-normal-bold\":\"lp-sys-typo-title2-normal-bold\",\"lp-sys-typo-title3-normal-bold\":\"lp-sys-typo-title3-normal-bold\",\"lp-sys-typo-title4-normal-bold\":\"lp-sys-typo-title4-normal-bold\",\"lp-sys-typo-title1-normal-medium\":\"lp-sys-typo-title1-normal-medium\",\"lp-sys-typo-title2-normal-medium\":\"lp-sys-typo-title2-normal-medium\",\"lp-sys-typo-title3-normal-medium\":\"lp-sys-typo-title3-normal-medium\",\"lp-sys-typo-title4-normal-medium\":\"lp-sys-typo-title4-normal-medium\",\"lp-sys-typo-paragraph1-accent-bold\":\"lp-sys-typo-paragraph1-accent-bold\",\"lp-sys-typo-paragraph2-accent-bold\":\"lp-sys-typo-paragraph2-accent-bold\",\"lp-sys-typo-paragraph3-accent-bold\":\"lp-sys-typo-paragraph3-accent-bold\",\"lp-sys-typo-paragraph1-accent-medium\":\"lp-sys-typo-paragraph1-accent-medium\",\"lp-sys-typo-paragraph2-accent-medium\":\"lp-sys-typo-paragraph2-accent-medium\",\"lp-sys-typo-paragraph3-accent-medium\":\"lp-sys-typo-paragraph3-accent-medium\",\"lp-sys-typo-paragraph1-accent-regular\":\"lp-sys-typo-paragraph1-accent-regular\",\"lp-sys-typo-paragraph2-accent-regular\":\"lp-sys-typo-paragraph2-accent-regular\",\"lp-sys-typo-paragraph3-accent-regular\":\"lp-sys-typo-paragraph3-accent-regular\",\"lp-sys-typo-paragraph1-normal-bold\":\"lp-sys-typo-paragraph1-normal-bold\",\"lp-sys-typo-paragraph2-normal-bold\":\"lp-sys-typo-paragraph2-normal-bold\",\"lp-sys-typo-paragraph3-normal-bold\":\"lp-sys-typo-paragraph3-normal-bold\",\"lp-sys-typo-paragraph4-normal-bold\":\"lp-sys-typo-paragraph4-normal-bold\",\"lp-sys-typo-paragraph1-normal-medium\":\"lp-sys-typo-paragraph1-normal-medium\",\"lp-sys-typo-paragraph2-normal-medium\":\"lp-sys-typo-paragraph2-normal-medium\",\"lp-sys-typo-paragraph3-normal-medium\":\"lp-sys-typo-paragraph3-normal-medium\",\"lp-sys-typo-paragraph4-normal-medium\":\"lp-sys-typo-paragraph4-normal-medium\",\"lp-sys-typo-paragraph1-normal-regular\":\"lp-sys-typo-paragraph1-normal-regular\",\"lp-sys-typo-paragraph2-normal-regular\":\"lp-sys-typo-paragraph2-normal-regular\",\"lp-sys-typo-paragraph3-normal-regular\":\"lp-sys-typo-paragraph3-normal-regular\",\"lp-sys-typo-paragraph4-normal-regular\":\"lp-sys-typo-paragraph4-normal-regular\",\"lp-sys-typo-paragraph1-post-regular\":\"lp-sys-typo-paragraph1-post-regular\",\"lp-sys-typo-paragraph3-post-regular\":\"lp-sys-typo-paragraph3-post-regular\",\"lp-sys-typo-paragraph1-answer-bold\":\"lp-sys-typo-paragraph1-answer-bold\",\"lp-sys-typo-paragraph1-answer-regular\":\"lp-sys-typo-paragraph1-answer-regular\",\"lp-sys-typo-caption1-normal-bold\":\"lp-sys-typo-caption1-normal-bold\",\"lp-sys-typo-caption2-normal-bold\":\"lp-sys-typo-caption2-normal-bold\",\"lp-sys-typo-caption3-normal-bold\":\"lp-sys-typo-caption3-normal-bold\",\"lp-sys-typo-caption1-normal-medium\":\"lp-sys-typo-caption1-normal-medium\",\"lp-sys-typo-caption1-normal-regular\":\"lp-sys-typo-caption1-normal-regular\",\"lp-sys-typo-caption2-normal-regular\":\"lp-sys-typo-caption2-normal-regular\",\"lp-sys-typo-caption3-normal-regular\":\"lp-sys-typo-caption3-normal-regular\"}}", "import { font } from './primitive';\nimport { TypographyKeys } from './types';\n\nexport type FontFamily =\n  | 'lp-pri-font-family-poppins'\n  | 'lp-pri-font-family-variables-pretendard'\n  | 'lp-pri-font-family-variables-pretendard-jp'\n  | 'lp-pri-font-family-merriweather';\n\ninterface TypographyValues {\n  family: Exclude<FontFamily, 'lp-pri-font-family-variables-pretendard-jp'>;\n  weight: keyof typeof font.weight;\n  lineHeight: keyof typeof font.lineHeight;\n  size: keyof typeof font.size;\n}\n\nexport const typography: Record<TypographyKeys, TypographyValues> = {\n  'lp-sys-typo-display1-accent-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-72',\n  },\n  'lp-sys-typo-display2-accent-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-64',\n  },\n  'lp-sys-typo-display3-accent-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-display1-normal-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-72',\n  },\n  'lp-sys-typo-display2-normal-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-64',\n  },\n  'lp-sys-typo-display3-normal-black': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-heading1-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-180',\n    size: 'lp-pri-font-size-28',\n  },\n  'lp-sys-typo-heading2-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-180',\n    size: 'lp-pri-font-size-24',\n  },\n  'lp-sys-typo-heading3-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-heading4-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-heading5-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-heading6-answer': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-800',\n    lineHeight: 'lp-pri-font-lineheight-120',\n    size: 'lp-pri-font-size-40',\n  },\n  'lp-sys-typo-title1-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-32',\n  },\n  'lp-sys-typo-title2-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-28',\n  },\n  'lp-sys-typo-title3-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-650',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-24',\n  },\n  'lp-sys-typo-title4-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-650',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-20',\n  },\n  'lp-sys-typo-title1-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-32',\n  },\n  'lp-sys-typo-title2-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-28',\n  },\n  'lp-sys-typo-title3-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-24',\n  },\n  'lp-sys-typo-title4-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-20',\n  },\n  'lp-sys-typo-title1-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-32',\n  },\n  'lp-sys-typo-title2-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-28',\n  },\n  'lp-sys-typo-title3-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-650',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-24',\n  },\n  'lp-sys-typo-title4-normal-bold': {\n    weight: 'lp-pri-font-weight-650',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-20',\n    family: 'lp-pri-font-family-variables-pretendard',\n  },\n  'lp-sys-typo-title1-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    size: 'lp-pri-font-size-32',\n    lineHeight: 'lp-pri-font-lineheight-130',\n  },\n  'lp-sys-typo-title2-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    size: 'lp-pri-font-size-28',\n    lineHeight: 'lp-pri-font-lineheight-130',\n  },\n  'lp-sys-typo-title3-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    size: 'lp-pri-font-size-24',\n    lineHeight: 'lp-pri-font-lineheight-130',\n  },\n  'lp-sys-typo-title4-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-450',\n    size: 'lp-pri-font-size-20',\n    lineHeight: 'lp-pri-font-lineheight-130',\n  },\n  'lp-sys-typo-paragraph1-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-accent-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-700',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph1-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-accent-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph1-accent-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-accent-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-accent-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph1-normal-bold': {\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n    family: 'lp-pri-font-family-variables-pretendard',\n  },\n  'lp-sys-typo-paragraph2-normal-bold': {\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n    family: 'lp-pri-font-family-variables-pretendard',\n  },\n  'lp-sys-typo-paragraph3-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph4-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-14',\n  },\n  'lp-sys-typo-paragraph1-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph4-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-14',\n  },\n  'lp-sys-typo-paragraph1-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph2-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-16',\n  },\n  'lp-sys-typo-paragraph3-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph4-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-14',\n  },\n  'lp-sys-typo-paragraph1-post-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-150',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph3-post-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-150',\n    size: 'lp-pri-font-size-15',\n  },\n  'lp-sys-typo-paragraph1-answer-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-180',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-paragraph1-answer-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-180',\n    size: 'lp-pri-font-size-17',\n  },\n  'lp-sys-typo-caption1-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-13',\n  },\n  'lp-sys-typo-caption2-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-12',\n  },\n  'lp-sys-typo-caption3-normal-bold': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-11',\n  },\n  'lp-sys-typo-caption1-normal-medium': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-420',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-13',\n  },\n  'lp-sys-typo-caption1-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-13',\n  },\n  'lp-sys-typo-caption2-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-12',\n  },\n  'lp-sys-typo-caption3-normal-regular': {\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-350',\n    lineHeight: 'lp-pri-font-lineheight-130',\n    size: 'lp-pri-font-size-11',\n  },\n};\n\nexport const typographyClassName = (() => {\n  const result: Partial<Record<TypographyKeys, TypographyKeys>> = {};\n\n  for (const key in typography) {\n    const typedKey = key as TypographyKeys;\n\n    result[typedKey] = typedKey;\n  }\n\n  return result;\n})();\n\nexport const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {\n  'lp-sys-typo-title1-accent-bold': {\n    ...typography['lp-sys-typo-title1-accent-bold'],\n    family: 'lp-pri-font-family-merriweather',\n  },\n  'lp-sys-typo-title3-accent-bold': {\n    ...typography['lp-sys-typo-title3-accent-bold'],\n    family: 'lp-pri-font-family-merriweather',\n  },\n  'lp-sys-typo-title4-accent-bold': {\n    ...typography['lp-sys-typo-title4-accent-bold'],\n    family: 'lp-pri-font-family-merriweather',\n  },\n  'lp-sys-typo-paragraph1-accent-bold': {\n    ...typography['lp-sys-typo-paragraph1-accent-bold'],\n    family: 'lp-pri-font-family-merriweather',\n    weight: 'lp-pri-font-weight-600',\n  },\n  'lp-sys-typo-paragraph2-accent-bold': {\n    ...typography['lp-sys-typo-paragraph2-accent-bold'],\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n  },\n  'lp-sys-typo-paragraph3-accent-bold': {\n    ...typography['lp-sys-typo-paragraph3-accent-bold'],\n    family: 'lp-pri-font-family-variables-pretendard',\n    weight: 'lp-pri-font-weight-600',\n  },\n  'lp-sys-typo-paragraph1-accent-medium': {\n    ...typography['lp-sys-typo-paragraph1-accent-medium'],\n    family: 'lp-pri-font-family-poppins',\n    weight: 'lp-pri-font-weight-500',\n  },\n  'lp-sys-typo-paragraph2-accent-medium': {\n    ...typography['lp-sys-typo-paragraph2-accent-medium'],\n    family: 'lp-pri-font-family-poppins',\n    weight: 'lp-pri-font-weight-500',\n  },\n  'lp-sys-typo-paragraph3-accent-medium': {\n    ...typography['lp-sys-typo-paragraph3-accent-medium'],\n    family: 'lp-pri-font-family-poppins',\n    weight: 'lp-pri-font-weight-500',\n  },\n  'lp-sys-typo-paragraph1-accent-regular': {\n    ...typography['lp-sys-typo-paragraph3-accent-regular'],\n    weight: 'lp-pri-font-weight-300',\n    family: 'lp-pri-font-family-poppins',\n  },\n  'lp-sys-typo-paragraph2-accent-regular': {\n    ...typography['lp-sys-typo-paragraph3-accent-regular'],\n    weight: 'lp-pri-font-weight-300',\n    family: 'lp-pri-font-family-poppins',\n  },\n  'lp-sys-typo-paragraph3-accent-regular': {\n    ...typography['lp-sys-typo-paragraph3-accent-regular'],\n    weight: 'lp-pri-font-weight-300',\n    family: 'lp-pri-font-family-poppins',\n  },\n};\n", "import { FontFamily, typography, typographyEnglish } from '../scripts/create-css/constants/typography';\nimport { font } from '../scripts/create-css/constants/typography/primitive';\nimport { TypographyKeys } from '../scripts/create-css/constants/typography/types';\n\nconst transformCSS = (\n  family: FontFamily,\n  size: keyof typeof font.size,\n  weight: keyof typeof font.weight,\n  lineHeight: keyof typeof font.lineHeight\n) => `\n        'font-family': ${family},\n        'font-size': ${size},\n        'font-weight': ${weight},\n        'line-height': ${lineHeight},\n        `;\n\nexport const getTypoStyle = (key: TypographyKeys) => {\n  const locale = document.documentElement.getAttribute('lang');\n  const { family, size, weight, lineHeight } = typography[key];\n\n  if (locale === 'en') {\n    if (typographyEnglish[key]) {\n      const { family, size, weight, lineHeight } = typographyEnglish[key];\n      return transformCSS(family, size, weight, lineHeight);\n    }\n\n    return transformCSS(family, size, weight, lineHeight);\n  }\n\n  if (locale === 'ja') {\n    return transformCSS('lp-pri-font-family-variables-pretendard-jp', size, weight, lineHeight);\n  }\n\n  return transformCSS(family, size, weight, lineHeight);\n};\n", "import React from 'react';\n\nexport const SetDarkModeScript = () => {\n  const darkThemeScript = `(\n      function (){\n          const localStorageTheme = window.localStorage.getItem(\"theme\")\n          document.documentElement.setAttribute(\"color-theme\", localStorageTheme || window.matchMedia('(prefers-color-scheme: dark)').matches ? \"dark\" : \"light\")\n      })()`;\n\n  return <script dangerouslySetInnerHTML={{ __html: darkThemeScript }} />;\n};\n", "import React, { ReactNode, useLayoutEffect } from 'react';\nimport { useSetRecoilState } from 'recoil';\nimport { theme } from '../hooks/useDarkTheme';\n\ninterface IProps {\n  children: ReactNode;\n}\n\nexport const ThemeProvider = ({ children }: IProps) => {\n  const setIsDarkMode = useSetRecoilState(theme);\n\n  useLayoutEffect(() => {\n    setIsDarkMode(document.documentElement.getAttribute('color-theme') === 'dark');\n  }, []);\n\n  return <>{children}</>;\n};\n"],
+  "mappings": "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",
+  "names": ["family", "size", "weight", "lineHeight", "React", "React", "React", "useSetRecoilState", "useSetRecoilState", "React"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/design-token",
-  "version": "2.1.12",
+  "version": "2.1.13",
   "packageManager": "yarn@3.6.0",
   "devDependencies": {
     "@types/react": "^18.2.48",

package/src/components/ThemeProvider.tsx

@@ -0,0 +1,17 @@
+import React, { ReactNode, useLayoutEffect } from 'react';
+import { useSetRecoilState } from 'recoil';
+import { theme } from '../hooks/useDarkTheme';
+
+interface IProps {
+  children: ReactNode;
+}
+
+export const ThemeProvider = ({ children }: IProps) => {
+  const setIsDarkMode = useSetRecoilState(theme);
+
+  useLayoutEffect(() => {
+    setIsDarkMode(document.documentElement.getAttribute('color-theme') === 'dark');
+  }, []);
+
+  return <>{children}</>;
+};

package/src/hooks/useDarkTheme.ts

@@ -1,7 +1,10 @@
 import { useEffect, useState } from 'react';
 import { atom, useRecoilState, useSetRecoilState } from 'recoil';
 
-const theme = atom({ key: 'dark-theme', default: false });
+export const theme = atom({
+  key: 'dark-theme',
+  default: false,
+});
 
 export const useDarkTheme = () => {
   const [isDarkMode, setIsDarkMode] = useRecoilState(theme);

package/src/index.ts

@@ -4,7 +4,8 @@ export * from './components/Head';
 export * from './generated/vars';
 export * from './generated/classNames';
 export * from './helpers/getTypoStyle';
+export * from './helpers/setDarkModeScript';
+export * from './components/ThemeProvider';
 
 // 수정 필요
 export * from './types/color';
-export * from './helpers/setDarkModeScript';