@liner-fe/design-token 2.3.6 → 2.3.8

package/lib/index.cjs

@@ -0,0 +1,609 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  SetDarkModeScript: () => SetDarkModeScript,
+  ThemeProvider: () => ThemeProvider,
+  breakpoint: () => breakpoint,
+  classNames: () => classNames,
+  getTypoStyle: () => getTypoStyle,
+  theme: () => theme,
+  useDarkTheme: () => useDarkTheme,
+  useLanguage: () => useLanguage,
+  vars: () => vars
+});
+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 useDarkTheme = /* @__PURE__ */ __name(() => {
+  const [isDarkMode, setIsDarkMode] = (0, import_recoil.useRecoilState)(theme);
+  const setDarkTheme = /* @__PURE__ */ __name(() => {
+    document.documentElement.setAttribute("color-theme", "dark");
+    localStorage.setItem("theme", "dark");
+    setIsDarkMode(true);
+  }, "setDarkTheme");
+  const setLightTheme = /* @__PURE__ */ __name(() => {
+    document.documentElement.setAttribute("color-theme", "light");
+    localStorage.setItem("theme", "light");
+    setIsDarkMode(false);
+  }, "setLightTheme");
+  const setPreferTheme = /* @__PURE__ */ __name(() => {
+    const isOsColorThemeDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    localStorage.removeItem("theme");
+    document.documentElement.setAttribute("color-theme", isOsColorThemeDark ? "dark" : "light");
+    setIsDarkMode(isOsColorThemeDark);
+  }, "setPreferTheme");
+  return {
+    setDarkTheme,
+    setLightTheme,
+    setPreferTheme,
+    isDarkMode
+  };
+}, "useDarkTheme");
+
+// src/hooks/useLanguage.ts
+var useLanguage = /* @__PURE__ */ __name(() => {
+}, "useLanguage");
+
+// src/generated/vars.ts
+var 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-yellow": "var(--accent-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-container-highlight": "var(--function-container-highlight)", "function-container-selection": "var(--function-container-selection)", "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": { "xxs": "var(--lp-sys-radius-xxs)", "xs": "var(--lp-sys-radius-xs)", "s": "var(--lp-sys-radius-s)", "m": "var(--lp-sys-radius-m)", "l": "var(--lp-sys-radius-l)", "xl": "var(--lp-sys-radius-xl)", "xxl": "var(--lp-sys-radius-xxl)" }, "opacity": { "0": "var(--lp-pri-opacity-0)", "1": "var(--lp-pri-opacity-1)", "4": "var(--lp-pri-opacity-4)", "8": "var(--lp-pri-opacity-8)", "12": "var(--lp-pri-opacity-12)", "16": "var(--lp-pri-opacity-16)", "20": "var(--lp-pri-opacity-20)", "24": "var(--lp-pri-opacity-24)", "28": "var(--lp-pri-opacity-28)", "32": "var(--lp-pri-opacity-32)", "36": "var(--lp-pri-opacity-36)", "40": "var(--lp-pri-opacity-40)", "44": "var(--lp-pri-opacity-44)", "48": "var(--lp-pri-opacity-48)", "50": "var(--lp-pri-opacity-50)", "56": "var(--lp-pri-opacity-56)", "64": "var(--lp-pri-opacity-64)", "72": "var(--lp-pri-opacity-72)", "80": "var(--lp-pri-opacity-80)" }, "padding": { "component-50": "var(--lp-sys-padding-component-50)", "component-100": "var(--lp-sys-padding-component-100)", "component-150": "var(--lp-sys-padding-component-150)", "component-200": "var(--lp-sys-padding-component-200)", "component-300": "var(--lp-sys-padding-component-300)", "component-400": "var(--lp-sys-padding-component-400)", "component-500": "var(--lp-sys-padding-component-500)", "component-600": "var(--lp-sys-padding-component-600)", "component-700": "var(--lp-sys-padding-component-700)", "component-800": "var(--lp-sys-padding-component-800)", "component-900": "var(--lp-sys-padding-component-900)", "section-50": "var(--lp-sys-padding-section-50)", "section-100": "var(--lp-sys-padding-section-100)", "section-200": "var(--lp-sys-padding-section-200)", "section-300": "var(--lp-sys-padding-section-300)", "section-400": "var(--lp-sys-padding-section-400)", "section-500": "var(--lp-sys-padding-section-500)", "section-600": "var(--lp-sys-padding-section-600)", "section-700": "var(--lp-sys-padding-section-700)", "section-800": "var(--lp-sys-padding-section-800)", "section-900": "var(--lp-sys-padding-section-900)" }, "size": { "0": "var(--lp-pri-size-0)", "1": "var(--lp-pri-size-1)", "2": "var(--lp-pri-size-2)", "3": "var(--lp-pri-size-3)", "4": "var(--lp-pri-size-4)", "6": "var(--lp-pri-size-6)", "8": "var(--lp-pri-size-8)", "10": "var(--lp-pri-size-10)", "12": "var(--lp-pri-size-12)", "14": "var(--lp-pri-size-14)", "16": "var(--lp-pri-size-16)", "18": "var(--lp-pri-size-18)", "20": "var(--lp-pri-size-20)", "24": "var(--lp-pri-size-24)", "32": "var(--lp-pri-size-32)", "40": "var(--lp-pri-size-40)", "48": "var(--lp-pri-size-48)", "56": "var(--lp-pri-size-56)", "64": "var(--lp-pri-size-64)", "80": "var(--lp-pri-size-80)", "100": "var(--lp-pri-size-100)", "120": "var(--lp-pri-size-120)", "140": "var(--lp-pri-size-140)", "160": "var(--lp-pri-size-160)", "180": "var(--lp-pri-size-180)", "200": "var(--lp-pri-size-200)", "minus6": "var(--lp-pri-size-minus6)", "minus4": "var(--lp-pri-size-minus4)", "minus2": "var(--lp-pri-size-minus2)" }, "gap": { "positive-50": "var(--lp-sys-gap-positive-50)", "positive-100": "var(--lp-sys-gap-positive-100)", "positive-150": "var(--lp-sys-gap-positive-150)", "positive-200": "var(--lp-sys-gap-positive-200)", "positive-300": "var(--lp-sys-gap-positive-300)", "positive-400": "var(--lp-sys-gap-positive-400)", "positive-500": "var(--lp-sys-gap-positive-500)", "positive-600": "var(--lp-sys-gap-positive-600)", "positive-700": "var(--lp-sys-gap-positive-700)", "positive-800": "var(--lp-sys-gap-positive-800)", "positive-900": "var(--lp-sys-gap-positive-900)", "negative-700": "var(--lp-sys-gap-negative-700)", "negative-800": "var(--lp-sys-gap-negative-800)", "negative-900": "var(--lp-sys-gap-negative-900)" }, "shadow": { "normal": "var(--lp-sys-shadow-normal)", "strong": "var(--lp-sys-shadow-strong)", "heavy": "var(--lp-sys-shadow-heavy)" }, "iconSize": { "xs": "var(--lp-sys-icon-size-xs)", "s": "var(--lp-sys-icon-size-s)", "m": "var(--lp-sys-icon-size-m)", "l": "var(--lp-sys-icon-size-l)", "xl": "var(--lp-sys-icon-size-xl)" }, "breakpoint": { "xs": "var(--lp-pri-breakpoint-xs)", "s": "var(--lp-pri-breakpoint-s)", "m": "var(--lp-pri-breakpoint-m)", "l": "var(--lp-pri-breakpoint-l)", "xl": "var(--lp-pri-breakpoint-xl)", "xxl": "var(--lp-pri-breakpoint-xxl)", "xxxl": "var(--lp-pri-breakpoint-xxxl)" } };
+
+// src/generated/classNames.ts
+var classNames = { "typography": { "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-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-caption2-normal-medium": "lp-sys-typo-caption2-normal-medium", "lp-sys-typo-caption3-normal-medium": "lp-sys-typo-caption3-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" } };
+
+// src/scripts/create-css/constants/typography/index.ts
+var typography = {
+  "lp-sys-typo-display2-accent-black": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-800",
+    lineHeight: "lp-pri-font-lineheight-120",
+    size: "lp-pri-font-size-64"
+  },
+  "lp-sys-typo-display3-accent-black": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-800",
+    lineHeight: "lp-pri-font-lineheight-120",
+    size: "lp-pri-font-size-40"
+  },
+  "lp-sys-typo-display2-normal-black": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-800",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-56"
+  },
+  "lp-sys-typo-display3-normal-black": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-800",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-40"
+  },
+  "lp-sys-typo-heading1-answer": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-180",
+    size: "lp-pri-font-size-28"
+  },
+  "lp-sys-typo-heading2-answer": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-180",
+    size: "lp-pri-font-size-24"
+  },
+  "lp-sys-typo-heading3-answer": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-180",
+    size: "lp-pri-font-size-20"
+  },
+  "lp-sys-typo-heading4-answer": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-180",
+    size: "lp-pri-font-size-17"
+  },
+  "lp-sys-typo-heading5-answer": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-180",
+    size: "lp-pri-font-size-17"
+  },
+  "lp-sys-typo-heading6-answer": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-180",
+    size: "lp-pri-font-size-17"
+  },
+  "lp-sys-typo-title1-accent-bold": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-32"
+  },
+  "lp-sys-typo-title2-accent-bold": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-28"
+  },
+  "lp-sys-typo-title3-accent-bold": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-24"
+  },
+  "lp-sys-typo-title4-accent-bold": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-20"
+  },
+  "lp-sys-typo-title1-accent-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-32"
+  },
+  "lp-sys-typo-title2-accent-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-28"
+  },
+  "lp-sys-typo-title3-accent-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-24"
+  },
+  "lp-sys-typo-title4-accent-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-20"
+  },
+  "lp-sys-typo-title1-normal-bold": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-32"
+  },
+  "lp-sys-typo-title2-normal-bold": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-28"
+  },
+  "lp-sys-typo-title3-normal-bold": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-24"
+  },
+  "lp-sys-typo-title4-normal-bold": {
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-20",
+    family: "lp-pri-font-family-variables-pretendard"
+  },
+  "lp-sys-typo-title1-normal-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    size: "lp-pri-font-size-32",
+    lineHeight: "lp-pri-font-lineheight-130"
+  },
+  "lp-sys-typo-title2-normal-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    size: "lp-pri-font-size-28",
+    lineHeight: "lp-pri-font-lineheight-130"
+  },
+  "lp-sys-typo-title3-normal-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    size: "lp-pri-font-size-24",
+    lineHeight: "lp-pri-font-lineheight-130"
+  },
+  "lp-sys-typo-title4-normal-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    size: "lp-pri-font-size-20",
+    lineHeight: "lp-pri-font-lineheight-130"
+  },
+  "lp-sys-typo-paragraph1-accent-bold": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-17"
+  },
+  "lp-sys-typo-paragraph2-accent-bold": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-16"
+  },
+  "lp-sys-typo-paragraph3-accent-bold": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-15"
+  },
+  "lp-sys-typo-paragraph1-accent-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-17"
+  },
+  "lp-sys-typo-paragraph2-accent-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-16"
+  },
+  "lp-sys-typo-paragraph3-accent-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-15"
+  },
+  "lp-sys-typo-paragraph1-accent-regular": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-350",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-17"
+  },
+  "lp-sys-typo-paragraph2-accent-regular": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-350",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-16"
+  },
+  "lp-sys-typo-paragraph3-accent-regular": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-350",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-15"
+  },
+  "lp-sys-typo-paragraph1-normal-bold": {
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-17",
+    family: "lp-pri-font-family-variables-pretendard"
+  },
+  "lp-sys-typo-paragraph2-normal-bold": {
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-16",
+    family: "lp-pri-font-family-variables-pretendard"
+  },
+  "lp-sys-typo-paragraph3-normal-bold": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-15"
+  },
+  "lp-sys-typo-paragraph4-normal-bold": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-14"
+  },
+  "lp-sys-typo-paragraph1-normal-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-17"
+  },
+  "lp-sys-typo-paragraph2-normal-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-16"
+  },
+  "lp-sys-typo-paragraph3-normal-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-15"
+  },
+  "lp-sys-typo-paragraph4-normal-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-14"
+  },
+  "lp-sys-typo-paragraph1-normal-regular": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-350",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-17"
+  },
+  "lp-sys-typo-paragraph2-normal-regular": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-350",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-16"
+  },
+  "lp-sys-typo-paragraph3-normal-regular": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-350",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-15"
+  },
+  "lp-sys-typo-paragraph4-normal-regular": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-350",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-14"
+  },
+  "lp-sys-typo-paragraph1-post-regular": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-350",
+    lineHeight: "lp-pri-font-lineheight-150",
+    size: "lp-pri-font-size-17"
+  },
+  "lp-sys-typo-paragraph3-post-regular": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-350",
+    lineHeight: "lp-pri-font-lineheight-150",
+    size: "lp-pri-font-size-15"
+  },
+  "lp-sys-typo-paragraph1-answer-bold": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-800",
+    lineHeight: "lp-pri-font-lineheight-180",
+    size: "lp-pri-font-size-16"
+  },
+  "lp-sys-typo-paragraph1-answer-regular": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-350",
+    lineHeight: "lp-pri-font-lineheight-180",
+    size: "lp-pri-font-size-16"
+  },
+  "lp-sys-typo-caption1-normal-bold": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-13"
+  },
+  "lp-sys-typo-caption2-normal-bold": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-12"
+  },
+  "lp-sys-typo-caption3-normal-bold": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-11"
+  },
+  "lp-sys-typo-caption1-normal-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-13"
+  },
+  "lp-sys-typo-caption2-normal-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-12"
+  },
+  "lp-sys-typo-caption3-normal-medium": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-500",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-11"
+  },
+  "lp-sys-typo-caption1-normal-regular": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-350",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-13"
+  },
+  "lp-sys-typo-caption2-normal-regular": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-350",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-12"
+  },
+  "lp-sys-typo-caption3-normal-regular": {
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-350",
+    lineHeight: "lp-pri-font-lineheight-130",
+    size: "lp-pri-font-size-11"
+  }
+};
+var typographyClassName = (() => {
+  const result = {};
+  for (const key in typography) {
+    const typedKey = key;
+    result[typedKey] = typedKey;
+  }
+  return result;
+})();
+var typographyEnglish = {
+  "lp-sys-typo-display2-accent-black": {
+    ...typography["lp-sys-typo-display2-accent-black"],
+    family: "lp-pri-font-family-merriweather",
+    weight: "lp-pri-font-weight-900"
+  },
+  "lp-sys-typo-display3-accent-black": {
+    ...typography["lp-sys-typo-display3-accent-black"],
+    family: "lp-pri-font-family-merriweather",
+    weight: "lp-pri-font-weight-900"
+  },
+  "lp-sys-typo-title1-accent-bold": {
+    ...typography["lp-sys-typo-title1-accent-bold"],
+    family: "lp-pri-font-family-merriweather"
+  },
+  "lp-sys-typo-title2-accent-bold": {
+    ...typography["lp-sys-typo-title2-accent-bold"],
+    family: "lp-pri-font-family-merriweather"
+  },
+  "lp-sys-typo-title3-accent-bold": {
+    ...typography["lp-sys-typo-title3-accent-bold"],
+    family: "lp-pri-font-family-merriweather"
+  },
+  "lp-sys-typo-title4-accent-bold": {
+    ...typography["lp-sys-typo-title4-accent-bold"],
+    family: "lp-pri-font-family-merriweather"
+  },
+  "lp-sys-typo-title1-accent-medium": {
+    ...typography["lp-sys-typo-title1-accent-medium"],
+    family: "lp-pri-font-family-merriweather"
+  },
+  "lp-sys-typo-title2-accent-medium": {
+    ...typography["lp-sys-typo-title2-accent-medium"],
+    family: "lp-pri-font-family-merriweather"
+  },
+  "lp-sys-typo-title3-accent-medium": {
+    ...typography["lp-sys-typo-title3-accent-medium"],
+    family: "lp-pri-font-family-merriweather"
+  },
+  "lp-sys-typo-title4-accent-medium": {
+    ...typography["lp-sys-typo-title4-accent-medium"],
+    family: "lp-pri-font-family-merriweather"
+  },
+  "lp-sys-typo-paragraph1-accent-bold": {
+    ...typography["lp-sys-typo-paragraph1-accent-bold"],
+    family: "lp-pri-font-family-merriweather",
+    weight: "lp-pri-font-weight-700"
+  },
+  "lp-sys-typo-paragraph2-accent-bold": {
+    ...typography["lp-sys-typo-paragraph2-accent-bold"],
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700"
+  },
+  "lp-sys-typo-paragraph3-accent-bold": {
+    ...typography["lp-sys-typo-paragraph3-accent-bold"],
+    family: "lp-pri-font-family-variables-pretendard",
+    weight: "lp-pri-font-weight-700"
+  },
+  "lp-sys-typo-paragraph1-accent-medium": {
+    ...typography["lp-sys-typo-paragraph1-accent-medium"],
+    family: "lp-pri-font-family-merriweather",
+    weight: "lp-pri-font-weight-500"
+  },
+  "lp-sys-typo-paragraph2-accent-medium": {
+    ...typography["lp-sys-typo-paragraph2-accent-medium"],
+    family: "lp-pri-font-family-merriweather",
+    weight: "lp-pri-font-weight-500"
+  },
+  "lp-sys-typo-paragraph3-accent-medium": {
+    ...typography["lp-sys-typo-paragraph3-accent-medium"],
+    family: "lp-pri-font-family-merriweather",
+    weight: "lp-pri-font-weight-500"
+  },
+  "lp-sys-typo-paragraph1-accent-regular": {
+    ...typography["lp-sys-typo-paragraph1-accent-regular"],
+    weight: "lp-pri-font-weight-300",
+    family: "lp-pri-font-family-merriweather"
+  },
+  "lp-sys-typo-paragraph2-accent-regular": {
+    ...typography["lp-sys-typo-paragraph2-accent-regular"],
+    weight: "lp-pri-font-weight-300",
+    family: "lp-pri-font-family-merriweather"
+  },
+  "lp-sys-typo-paragraph3-accent-regular": {
+    ...typography["lp-sys-typo-paragraph3-accent-regular"],
+    weight: "lp-pri-font-weight-300",
+    family: "lp-pri-font-family-merriweather"
+  },
+  "lp-sys-typo-display2-normal-black": {
+    ...typography["lp-sys-typo-display2-normal-black"],
+    family: "lp-pri-font-family-variables-pretendard"
+  },
+  "lp-sys-typo-paragraph1-answer-bold": {
+    ...typography["lp-sys-typo-paragraph1-answer-bold"],
+    family: "lp-pri-font-family-merriweather"
+    // size: 'lp-pri-font-size-15',
+  },
+  "lp-sys-typo-paragraph1-answer-regular": {
+    ...typography["lp-sys-typo-paragraph1-answer-regular"],
+    family: "lp-pri-font-family-merriweather"
+    // size: 'lp-pri-font-size-15',
+  }
+};
+
+// src/helpers/getTypoStyle.ts
+var transformCSS = /* @__PURE__ */ __name((family, size, weight, lineHeight) => `
+        'font-family': ${family},
+        'font-size': ${size},
+        'font-weight': ${weight},
+        'line-height': ${lineHeight},
+        `, "transformCSS");
+var getTypoStyle = /* @__PURE__ */ __name((key) => {
+  const locale = document.documentElement.getAttribute("lang");
+  const { family, size, weight, lineHeight } = typography[key];
+  if (locale === "en") {
+    if (typographyEnglish[key]) {
+      const { family: family2, size: size2, weight: weight2, lineHeight: lineHeight2 } = typographyEnglish[key];
+      return transformCSS(family2, size2, weight2, lineHeight2);
+    }
+    return transformCSS(family, size, weight, lineHeight);
+  }
+  if (locale === "ja") {
+    return transformCSS("lp-pri-font-family-variables-pretendard-jp", size, weight, lineHeight);
+  }
+  return transformCSS(family, size, weight, lineHeight);
+}, "getTypoStyle");
+
+// src/helpers/setDarkModeScript.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var SetDarkModeScript = /* @__PURE__ */ __name(() => {
+  const darkThemeScript = `(
+      function (){
+          const localStorageTheme = window.localStorage.getItem("theme")
+          document.documentElement.setAttribute("color-theme", localStorageTheme || (window.matchMedia('(prefers-color-scheme: dark)').matches ? "dark" : "light"))
+      })()`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", { dangerouslySetInnerHTML: { __html: darkThemeScript } });
+}, "SetDarkModeScript");
+
+// src/components/ThemeProvider.tsx
+var import_react = require("react");
+var import_recoil2 = require("recoil");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ThemeProvider = /* @__PURE__ */ __name(({ children }) => {
+  const setIsDarkMode = (0, import_recoil2.useSetRecoilState)(theme);
+  (0, import_react.useLayoutEffect)(() => {
+    setIsDarkMode(document.documentElement.getAttribute("color-theme") === "dark");
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children });
+}, "ThemeProvider");
+
+// src/scripts/create-css/constants/breakpoint/index.ts
+var breakpoint = {
+  "lp-pri-breakpoint-xs": "0px",
+  "lp-pri-breakpoint-s": "600px",
+  "lp-pri-breakpoint-m": "1024px",
+  "lp-pri-breakpoint-l": "1366px",
+  "lp-pri-breakpoint-xl": "1536px",
+  "lp-pri-breakpoint-xxl": "1920px",
+  "lp-pri-breakpoint-xxxl": "2560px"
+};
+//# sourceMappingURL=index.cjs.map