@pfct/purple 1.4.0-rc.3 → 1.4.0-rc.5

package/dist/core/Typography/BaseTypography/index.d.ts

@@ -15,18 +15,18 @@ export type OwnProps = {
 };
 export type BaseTypographyProps = TypoProps & OwnProps;
 export declare const typographyList: {
-    Headline1: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
-    Headline2: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
-    Headline3: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
-    Headline4: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
-    Headline5: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
-    Headline6: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
-    Title1: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
-    Title2: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
-    Title3: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
-    Title4: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
-    Body1: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
-    Body2: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
+    Headline1: (args?: import("../../TextStyles").TextStyleProperties) => import("@emotion/react").SerializedStyles;
+    Headline2: (args?: import("../../TextStyles").TextStyleProperties) => import("@emotion/react").SerializedStyles;
+    Headline3: (args?: import("../../TextStyles").TextStyleProperties) => import("@emotion/react").SerializedStyles;
+    Headline4: (args?: import("../../TextStyles").TextStyleProperties) => import("@emotion/react").SerializedStyles;
+    Headline5: (args?: import("../../TextStyles").TextStyleProperties) => import("@emotion/react").SerializedStyles;
+    Headline6: (args?: import("../../TextStyles").TextStyleProperties) => import("@emotion/react").SerializedStyles;
+    Title1: (args?: import("../../TextStyles").TextStyleProperties) => import("@emotion/react").SerializedStyles;
+    Title2: (args?: import("../../TextStyles").TextStyleProperties) => import("@emotion/react").SerializedStyles;
+    Title3: (args?: import("../../TextStyles").TextStyleProperties) => import("@emotion/react").SerializedStyles;
+    Title4: (args?: import("../../TextStyles").TextStyleProperties) => import("@emotion/react").SerializedStyles;
+    Body1: (args?: import("../../TextStyles").TextStyleProperties) => import("@emotion/react").SerializedStyles;
+    Body2: (args?: import("../../TextStyles").TextStyleProperties) => import("@emotion/react").SerializedStyles;
 };
 /**
  * @param lg - pc size typography

package/dist/core/Typography/BaseTypography/index.es.js

@@ -0,0 +1,79 @@
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import "@emotion/react";
+import "@emotion/styled";
+import "../../../utils/media.util.es.js";
+import "../../Colors/index.es.js";
+import "../../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../../utils/GenerateColorStyle/datepicker.es.js";
+import { n as kp, t as lp } from "../../../chunks/index.styled.BTZpARWY.js";
+import "../../TextStyles/index.es.js";
+import "../../../components/Badge/IconBadge/index.styled.es.js";
+import "../../../components/Badge/TextBadge/index.styled.es.js";
+import "../../../components/Button/DoubleButton/index.styled.es.js";
+import "../../../components/MiniButton/BoxMiniButton/index.styled.es.js";
+import "../../../components/Button/FloatBaseButton/index.styled.es.js";
+import "../../../components/Button/FloatDoubleButton/index.styled.es.js";
+import "../../../components/Card/index.styled.es.js";
+import "react";
+import "../../../components/Comment/index.es.js";
+import "../../../components/Control/CheckBox/index.styled.es.js";
+import "../../../components/Control/CheckMark/index.styled.es.js";
+import "../../../components/Control/Switch/index.styled.es.js";
+import "../../../components/DatePicker/BaseDatePicker/index.styled.es.js";
+import "../../../components/DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../../Icon/generated/AlarmFill.es.js";
+import "../../../Icon/generated/Calendar.es.js";
+import "../../../Icon/generated/Cancel.es.js";
+import "../../../Icon/generated/CancelCircle.es.js";
+import "../../../Icon/generated/CartFill.es.js";
+import "../../../Icon/generated/Check.es.js";
+import "../../../Icon/generated/ChevronDown.es.js";
+import "../../../Icon/generated/ChevronLeft.es.js";
+import "../../../Icon/generated/ChevronRight.es.js";
+import "../../../Icon/generated/ChevronUp.es.js";
+import "../../../Icon/generated/DoubleChevronLeft.es.js";
+import "../../../Icon/generated/DoubleChevronRight.es.js";
+import "../../../Icon/generated/EyeFill.es.js";
+import "../../../Icon/generated/EyeSlashFill.es.js";
+import "../../../Icon/generated/Filter.es.js";
+import "../../../Icon/generated/Information.es.js";
+import "../../../Icon/generated/Menu.es.js";
+import "../../../Icon/generated/More.es.js";
+import "../../../Icon/generated/PersonFill.es.js";
+import "../../../Icon/generated/Plus.es.js";
+import "../../../Icon/generated/QuestionCircle.es.js";
+import "../../../Icon/generated/Re.es.js";
+import "../../../Icon/generated/Search.es.js";
+import "../../../Icon/generated/SettingFill.es.js";
+import "../../../Icon/generated/Share.es.js";
+import "../../../Icon/generated/Store.es.js";
+import "../../../library/IconWithImage/index.styled.es.js";
+import "../../../library/List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../../../library/Lottie/index.styled.es.js";
+import "../../../library/Spacing/index.styled.es.js";
+import "../../../components/DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../../../components/DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../../types/date.es.js";
+import "../../../components/DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../../../components/DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../../../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../../../components/DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../../../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../../../components/Divider/index.styled.es.js";
+import "../../../chunks/index.styled.SOJ65tcg.js";
+import "../../../components/Input/BaseInput/index.es.js";
+import "../../../components/Input/ResidentNumberInput/index.styled.es.js";
+import "../../../components/Loading/Skeleton/index.es.js";
+import "../../../components/Loading/Spinner/index.styled.es.js";
+import "../../../components/Navigation/index.styled.es.js";
+import "../../../components/Navigation/BaseNavigation/index.styled.es.js";
+import "../../../components/Navigation/constant.es.js";
+import "../../../components/Segment/BaseSegment/index.styled.es.js";
+import "../../../components/Segment/ExtendSegment/index.styled.es.js";
+import "../../../components/ToastMessage/Toast/index.styled.es.js";
+import "../../../components/Tooltip/TooltipBase/index.styled.es.js";
+export {
+  kp as BaseTypography,
+  lp as typographyList
+};

package/dist/core/Typography/Body1.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../chunks/jsx-runtime.713F0z8w.js"),s=require("../../chunks/index.styled.SwCr6Bqs.js"),n=e=>{const{children:t,...r}=e;return o.jsxRuntimeExports.jsx(s.BaseTypography,{...r,md:"Body1",children:t})};exports.Body1=n;

package/dist/core/Typography/Body1.es.js

@@ -0,0 +1,9 @@
+import { j as t } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { n as p } from "../../chunks/index.styled.BTZpARWY.js";
+const n = (o) => {
+  const { children: r, ...s } = o;
+  return /* @__PURE__ */ t.jsx(p, { ...s, md: "Body1", children: r });
+};
+export {
+  n as Body1
+};

package/dist/core/Typography/Body2.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../chunks/jsx-runtime.713F0z8w.js"),s=require("../../chunks/index.styled.SwCr6Bqs.js"),n=e=>{const{children:t,...r}=e;return o.jsxRuntimeExports.jsx(s.BaseTypography,{...r,md:"Body2",children:t})};exports.Body2=n;

package/dist/core/Typography/Body2.es.js

@@ -0,0 +1,9 @@
+import { j as t } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { n as p } from "../../chunks/index.styled.BTZpARWY.js";
+const n = (o) => {
+  const { children: r, ...s } = o;
+  return /* @__PURE__ */ t.jsx(p, { ...s, md: "Body2", children: r });
+};
+export {
+  n as Body2
+};

package/dist/core/Typography/Headline1.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../chunks/jsx-runtime.713F0z8w.js"),s=require("../../chunks/index.styled.SwCr6Bqs.js"),i=e=>{const{children:t,...r}=e;return n.jsxRuntimeExports.jsx(s.BaseTypography,{...r,md:"Headline1",children:t})};exports.Headline1=i;

package/dist/core/Typography/Headline1.es.js

@@ -0,0 +1,9 @@
+import { j as s } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { n as t } from "../../chunks/index.styled.BTZpARWY.js";
+const a = (r) => {
+  const { children: e, ...o } = r;
+  return /* @__PURE__ */ s.jsx(t, { ...o, md: "Headline1", children: e });
+};
+export {
+  a as Headline1
+};

package/dist/core/Typography/Headline2.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../chunks/jsx-runtime.713F0z8w.js"),s=require("../../chunks/index.styled.SwCr6Bqs.js"),i=e=>{const{children:t,...r}=e;return n.jsxRuntimeExports.jsx(s.BaseTypography,{...r,md:"Headline2",children:t})};exports.Headline2=i;

package/dist/core/Typography/Headline2.es.js

@@ -0,0 +1,9 @@
+import { j as s } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { n as t } from "../../chunks/index.styled.BTZpARWY.js";
+const a = (r) => {
+  const { children: e, ...o } = r;
+  return /* @__PURE__ */ s.jsx(t, { ...o, md: "Headline2", children: e });
+};
+export {
+  a as Headline2
+};

package/dist/core/Typography/Headline3.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../chunks/index.styled.SwCr6Bqs.js");exports.Headline3=e.Headline3;

package/dist/core/Typography/Headline3.es.js

@@ -0,0 +1,5 @@
+import "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { H as a } from "../../chunks/index.styled.BTZpARWY.js";
+export {
+  a as Headline3
+};

package/dist/core/Typography/Headline4.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../chunks/index.styled.SwCr6Bqs.js");exports.Headline4=e.Headline4;

package/dist/core/Typography/Headline4.es.js

@@ -0,0 +1,5 @@
+import "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { k as a } from "../../chunks/index.styled.BTZpARWY.js";
+export {
+  a as Headline4
+};

package/dist/core/Typography/Headline5.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../chunks/index.styled.SwCr6Bqs.js");exports.Headline5=e.Headline5;

package/dist/core/Typography/Headline5.es.js

@@ -0,0 +1,5 @@
+import "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { l as a } from "../../chunks/index.styled.BTZpARWY.js";
+export {
+  a as Headline5
+};

package/dist/core/Typography/Headline6.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../chunks/jsx-runtime.713F0z8w.js"),s=require("../../chunks/index.styled.SwCr6Bqs.js"),i=e=>{const{children:t,...r}=e;return n.jsxRuntimeExports.jsx(s.BaseTypography,{...r,md:"Headline6",children:t})};exports.Headline6=i;

package/dist/core/Typography/Headline6.es.js

@@ -0,0 +1,9 @@
+import { j as s } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { n as t } from "../../chunks/index.styled.BTZpARWY.js";
+const a = (r) => {
+  const { children: e, ...o } = r;
+  return /* @__PURE__ */ s.jsx(t, { ...o, md: "Headline6", children: e });
+};
+export {
+  a as Headline6
+};

package/dist/core/Typography/Title1.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../chunks/jsx-runtime.713F0z8w.js"),i=require("../../chunks/index.styled.SwCr6Bqs.js"),o=e=>{const{children:t,...r}=e;return s.jsxRuntimeExports.jsx(i.BaseTypography,{...r,md:"Title1",children:t})};exports.Title1=o;

package/dist/core/Typography/Title1.es.js

@@ -0,0 +1,9 @@
+import { j as s } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { n as e } from "../../chunks/index.styled.BTZpARWY.js";
+const m = (r) => {
+  const { children: t, ...o } = r;
+  return /* @__PURE__ */ s.jsx(e, { ...o, md: "Title1", children: t });
+};
+export {
+  m as Title1
+};

package/dist/core/Typography/Title2.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../chunks/jsx-runtime.713F0z8w.js"),i=require("../../chunks/index.styled.SwCr6Bqs.js"),o=e=>{const{children:t,...r}=e;return s.jsxRuntimeExports.jsx(i.BaseTypography,{...r,md:"Title2",children:t})};exports.Title2=o;

package/dist/core/Typography/Title2.es.js

@@ -0,0 +1,9 @@
+import { j as s } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { n as e } from "../../chunks/index.styled.BTZpARWY.js";
+const m = (r) => {
+  const { children: t, ...o } = r;
+  return /* @__PURE__ */ s.jsx(e, { ...o, md: "Title2", children: t });
+};
+export {
+  m as Title2
+};

package/dist/core/Typography/Title3.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../chunks/index.styled.SwCr6Bqs.js");exports.Title3=e.Title3;

package/dist/core/Typography/Title3.es.js

@@ -0,0 +1,5 @@
+import "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { m as t } from "../../chunks/index.styled.BTZpARWY.js";
+export {
+  t as Title3
+};

package/dist/core/Typography/Title4.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../chunks/jsx-runtime.713F0z8w.js"),i=require("../../chunks/index.styled.SwCr6Bqs.js"),o=e=>{const{children:t,...r}=e;return s.jsxRuntimeExports.jsx(i.BaseTypography,{...r,md:"Title4",children:t})};exports.Title4=o;

package/dist/core/Typography/Title4.es.js

@@ -0,0 +1,9 @@
+import { j as s } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { n as e } from "../../chunks/index.styled.BTZpARWY.js";
+const m = (r) => {
+  const { children: t, ...o } = r;
+  return /* @__PURE__ */ s.jsx(e, { ...o, md: "Title4", children: t });
+};
+export {
+  m as Title4
+};

package/dist/core/Typography/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Headline1.cjs.js"),i=require("./Headline2.cjs.js"),e=require("../../chunks/index.styled.SwCr6Bqs.js"),o=require("./Headline6.cjs.js"),t=require("./Body1.cjs.js"),y=require("./Body2.cjs.js"),a=require("./Title1.cjs.js"),l=require("./Title2.cjs.js"),n=require("./Title4.cjs.js");exports.Headline1=r.Headline1;exports.Headline2=i.Headline2;exports.BaseTypography=e.BaseTypography;exports.Headline3=e.Headline3;exports.Headline4=e.Headline4;exports.Headline5=e.Headline5;exports.Title3=e.Title3;exports.typographyList=e.typographyList;exports.Headline6=o.Headline6;exports.Body1=t.Body1;exports.Body2=y.Body2;exports.Title1=a.Title1;exports.Title2=l.Title2;exports.Title4=n.Title4;

package/dist/core/Typography/index.es.js

@@ -0,0 +1,25 @@
+import { Headline1 as r } from "./Headline1.es.js";
+import { Headline2 as a } from "./Headline2.es.js";
+import { n as i, H as l, k as m, l as f, m as x, t as d } from "../../chunks/index.styled.BTZpARWY.js";
+import { Headline6 as n } from "./Headline6.es.js";
+import { Body1 as y } from "./Body1.es.js";
+import { Body2 as B } from "./Body2.es.js";
+import { Title1 as h } from "./Title1.es.js";
+import { Title2 as L } from "./Title2.es.js";
+import { Title4 as c } from "./Title4.es.js";
+export {
+  i as BaseTypography,
+  y as Body1,
+  B as Body2,
+  r as Headline1,
+  a as Headline2,
+  l as Headline3,
+  m as Headline4,
+  f as Headline5,
+  n as Headline6,
+  h as Title1,
+  L as Title2,
+  x as Title3,
+  c as Title4,
+  d as typographyList
+};

package/dist/core/Typography/index.stories.cjs.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../chunks/jsx-runtime.713F0z8w.js"),c=require("./Headline1.cjs.js"),p=require("./Headline2.cjs.js"),o=require("../../chunks/index.styled.SwCr6Bqs.js"),l=require("./Headline6.cjs.js"),y=require("./Title1.cjs.js"),d=require("./Title2.cjs.js"),T=require("./Title4.cjs.js"),u=require("./Body1.cjs.js"),g=require("./Body2.cjs.js"),e=`보통 사람을 위한
+보통이 아닌 금융
+Extraordinary
+Finance for the
+Ordinary`,x=({children:n})=>{const a=[{tag:"H1",content:e,Typo:c.Headline1},{tag:"H2",content:e,Typo:p.Headline2},{tag:"H3",content:e,Typo:o.Headline3},{tag:"H4",content:e,Typo:o.Headline4},{tag:"H5",content:e,Typo:o.Headline5},{tag:"H6",content:e,Typo:l.Headline6},{tag:"T1",content:e,Typo:y.Title1},{tag:"T2",content:e,Typo:d.Title2},{tag:"T3",content:e,Typo:o.Title3},{tag:"T4",content:e,Typo:T.Title4},{tag:"B1",content:e,Typo:u.Body1},{tag:"B2",content:e,Typo:g.Body2}];return t.jsxRuntimeExports.jsx("table",{style:{borderCollapse:"collapse"},children:a.map(({tag:r,content:s,Typo:i})=>t.jsxRuntimeExports.jsxs("tr",{style:{border:"1px solid black"},children:[t.jsxRuntimeExports.jsx("td",{style:{border:"1px solid black",textAlign:"center",width:200},children:t.jsxRuntimeExports.jsx(i,{children:r})}),t.jsxRuntimeExports.jsx("td",{style:{border:"1px solid black",textAlign:"center",width:400,padding:"15px 0"},children:t.jsxRuntimeExports.jsx(i,{children:n||s})})]},r))})},h={title:"Foundation/Typography",tags:["autodocs"]},_={render:n=>t.jsxRuntimeExports.jsx(x,{...n}),args:{children:""}};exports.Typography=_;exports.default=h;

package/dist/core/Typography/index.stories.es.js

@@ -0,0 +1,132 @@
+import { j as o } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { Headline1 as l } from "./Headline1.es.js";
+import { Headline2 as p } from "./Headline2.es.js";
+import { H as d, k as s, l as c, m } from "../../chunks/index.styled.BTZpARWY.js";
+import { Headline6 as y } from "./Headline6.es.js";
+import { Title1 as T } from "./Title1.es.js";
+import { Title2 as g } from "./Title2.es.js";
+import { Title4 as x } from "./Title4.es.js";
+import { Body1 as H } from "./Body1.es.js";
+import { Body2 as f } from "./Body2.es.js";
+const t = `보통 사람을 위한
+보통이 아닌 금융
+Extraordinary
+Finance for the
+Ordinary`, h = ({ children: e }) => {
+  const a = [
+    {
+      tag: "H1",
+      content: t,
+      Typo: l
+    },
+    {
+      tag: "H2",
+      content: t,
+      Typo: p
+    },
+    {
+      tag: "H3",
+      content: t,
+      Typo: d
+    },
+    {
+      tag: "H4",
+      content: t,
+      Typo: s
+    },
+    {
+      tag: "H5",
+      content: t,
+      Typo: c
+    },
+    {
+      tag: "H6",
+      content: t,
+      Typo: y
+    },
+    {
+      tag: "T1",
+      content: t,
+      Typo: T
+    },
+    {
+      tag: "T2",
+      content: t,
+      Typo: g
+    },
+    {
+      tag: "T3",
+      content: t,
+      Typo: m
+    },
+    {
+      tag: "T4",
+      content: t,
+      Typo: x
+    },
+    {
+      tag: "B1",
+      content: t,
+      Typo: H
+    },
+    {
+      tag: "B2",
+      content: t,
+      Typo: f
+    }
+  ];
+  return /* @__PURE__ */ o.jsx(
+    "table",
+    {
+      style: {
+        borderCollapse: "collapse"
+      },
+      children: a.map(({ tag: n, content: i, Typo: r }) => /* @__PURE__ */ o.jsxs(
+        "tr",
+        {
+          style: {
+            border: "1px solid black"
+          },
+          children: [
+            /* @__PURE__ */ o.jsx(
+              "td",
+              {
+                style: {
+                  border: "1px solid black",
+                  textAlign: "center",
+                  width: 200
+                },
+                children: /* @__PURE__ */ o.jsx(r, { children: n })
+              }
+            ),
+            /* @__PURE__ */ o.jsx(
+              "td",
+              {
+                style: {
+                  border: "1px solid black",
+                  textAlign: "center",
+                  width: 400,
+                  padding: "15px 0"
+                },
+                children: /* @__PURE__ */ o.jsx(r, { children: e || i })
+              }
+            )
+          ]
+        },
+        n
+      ))
+    }
+  );
+}, N = {
+  title: "Foundation/Typography",
+  tags: ["autodocs"]
+}, O = {
+  render: (e) => /* @__PURE__ */ o.jsx(h, { ...e }),
+  args: {
+    children: ""
+  }
+};
+export {
+  O as Typography,
+  N as default
+};

package/dist/core/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Colors/index.cjs.js"),r=require("./Display/Pc.cjs.js"),t=require("./Display/Mobile.cjs.js"),l=require("./Theme/index.cjs.js"),e=require("./TextStyles/index.cjs.js"),a=require("./Typography/Headline1.cjs.js"),n=require("./Typography/Headline2.cjs.js"),i=require("../chunks/index.styled.SwCr6Bqs.js"),d=require("./Typography/Headline6.cjs.js"),y=require("./Typography/Body1.cjs.js"),c=require("./Typography/Body2.cjs.js"),h=require("./Typography/Title1.cjs.js"),s=require("./Typography/Title2.cjs.js"),p=require("./Typography/Title4.cjs.js");exports.basicColors=o.basicColors;exports.generateHexWithAlphaInLightMode=o.generateHexWithAlphaInLightMode;exports.semanticColors=o.semanticColors;exports.semanticColorsMethod=o.semanticColorsMethod;exports.Pc=r;exports.Mobile=t;exports.Theme=l.Theme;exports.body1=e.body1;exports.body2=e.body2;exports.headline1=e.headline1;exports.headline2=e.headline2;exports.headline3=e.headline3;exports.headline4=e.headline4;exports.headline5=e.headline5;exports.headline6=e.headline6;exports.title1=e.title1;exports.title2=e.title2;exports.title3=e.title3;exports.title4=e.title4;exports.typography=e.typography;exports.Headline1=a.Headline1;exports.Headline2=n.Headline2;exports.BaseTypography=i.BaseTypography;exports.Headline3=i.Headline3;exports.Headline4=i.Headline4;exports.Headline5=i.Headline5;exports.Title3=i.Title3;exports.typographyList=i.typographyList;exports.Headline6=d.Headline6;exports.Body1=y.Body1;exports.Body2=c.Body2;exports.Title1=h.Title1;exports.Title2=s.Title2;exports.Title4=p.Title4;

package/dist/core/index.es.js

@@ -0,0 +1,50 @@
+import { basicColors as t, generateHexWithAlphaInLightMode as r, semanticColors as a, semanticColorsMethod as l } from "./Colors/index.es.js";
+import { default as p } from "./Display/Pc.es.js";
+import { default as m } from "./Display/Mobile.es.js";
+import { Theme as f } from "./Theme/index.es.js";
+import { body1 as x, body2 as h, headline1 as y, headline2 as H, headline3 as T, headline4 as g, headline5 as b, headline6 as c, title1 as B, title2 as C, title3 as M, title4 as u, typography as L } from "./TextStyles/index.es.js";
+import { Headline1 as A } from "./Typography/Headline1.es.js";
+import { Headline2 as P } from "./Typography/Headline2.es.js";
+import { n as j, H as q, k as v, l as w, m as z, t as D } from "../chunks/index.styled.BTZpARWY.js";
+import { Headline6 as F } from "./Typography/Headline6.es.js";
+import { Body1 as J } from "./Typography/Body1.es.js";
+import { Body2 as N } from "./Typography/Body2.es.js";
+import { Title1 as Q } from "./Typography/Title1.es.js";
+import { Title2 as S } from "./Typography/Title2.es.js";
+import { Title4 as V } from "./Typography/Title4.es.js";
+export {
+  j as BaseTypography,
+  J as Body1,
+  N as Body2,
+  A as Headline1,
+  P as Headline2,
+  q as Headline3,
+  v as Headline4,
+  w as Headline5,
+  F as Headline6,
+  m as Mobile,
+  p as Pc,
+  f as Theme,
+  Q as Title1,
+  S as Title2,
+  z as Title3,
+  V as Title4,
+  t as basicColors,
+  x as body1,
+  h as body2,
+  r as generateHexWithAlphaInLightMode,
+  y as headline1,
+  H as headline2,
+  T as headline3,
+  g as headline4,
+  b as headline5,
+  c as headline6,
+  a as semanticColors,
+  l as semanticColorsMethod,
+  B as title1,
+  C as title2,
+  M as title3,
+  u as title4,
+  L as typography,
+  D as typographyList
+};

package/dist/hooks/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useOverlayPreventScroll.cjs.js"),r=require("./useLayoutIsMobile.cjs.js"),s=require("./useResize.cjs.js"),o=require("./useEventListener.cjs.js");exports.getScrollParent=e.getScrollParent;exports.isIOS=e.isIOS;exports.isIPad=e.isIPad;exports.isIPhone=e.isIPhone;exports.isInput=e.isInput;exports.isMac=e.isMac;exports.isSafari=e.isSafari;exports.isScrollable=e.isScrollable;exports.registerHookForOverlayPreventScroll=e.registerHookForOverlayPreventScroll;exports.testPlatform=e.testPlatform;exports.useIsomorphicLayoutEffect=e.useIsomorphicLayoutEffect;exports.useOverlayPreventScroll=e.useOverlayPreventScroll;exports.usePreventScroll=e.usePreventScroll;exports.useLayoutIsMobile=r;exports.useResize=s;exports.useEventListener=o;

package/dist/hooks/index.es.js

@@ -0,0 +1,22 @@
+import { getScrollParent as o, isIOS as s, isIPad as t, isIPhone as l, isInput as a, isMac as i, isSafari as u, isScrollable as f, registerHookForOverlayPreventScroll as c, testPlatform as n, useIsomorphicLayoutEffect as P, useOverlayPreventScroll as S, usePreventScroll as m } from "./useOverlayPreventScroll.es.js";
+import { default as v } from "./useLayoutIsMobile.es.js";
+import { default as d } from "./useResize.es.js";
+import { default as y } from "./useEventListener.es.js";
+export {
+  o as getScrollParent,
+  s as isIOS,
+  t as isIPad,
+  l as isIPhone,
+  a as isInput,
+  i as isMac,
+  u as isSafari,
+  f as isScrollable,
+  c as registerHookForOverlayPreventScroll,
+  n as testPlatform,
+  y as useEventListener,
+  P as useIsomorphicLayoutEffect,
+  v as useLayoutIsMobile,
+  S as useOverlayPreventScroll,
+  m as usePreventScroll,
+  d as useResize
+};

package/dist/hooks/useEventListener.cjs.js

@@ -0,0 +1 @@
+"use strict";const r=require("react"),L=(s,c,u,n)=>{const e=r.useRef();r.useEffect(()=>{e.current=c},[c]),r.useEffect(()=>{const t=u??window,i=!!(t&&t.addEventListener),o=E=>{var f;return(f=e.current)==null?void 0:f.call(e,E)};return i&&t.addEventListener(s,o,n),()=>{i&&t.removeEventListener(s,o,n)}},[s,n,u])};module.exports=L;

package/dist/hooks/useEventListener.es.js

@@ -0,0 +1,18 @@
+import { useRef as L, useEffect as f } from "react";
+const v = (n, r, o, s) => {
+  const e = L();
+  f(() => {
+    e.current = r;
+  }, [r]), f(() => {
+    const t = o ?? window, c = !!(t && t.addEventListener), u = (E) => {
+      var i;
+      return (i = e.current) == null ? void 0 : i.call(e, E);
+    };
+    return c && t.addEventListener(n, u, s), () => {
+      c && t.removeEventListener(n, u, s);
+    };
+  }, [n, s, o]);
+};
+export {
+  v as default
+};

package/dist/hooks/useLayoutIsMobile.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=require("react"),q=require("../utils/media.util.cjs.js");require("../core/Colors/index.cjs.js");require("../utils/GenerateColorStyle/mini-button.cjs.js");require("../utils/GenerateColorStyle/datepicker.cjs.js");require("../chunks/jsx-runtime.713F0z8w.js");require("../chunks/index.styled.SwCr6Bqs.js");require("../core/TextStyles/index.cjs.js");require("../components/Badge/IconBadge/index.styled.cjs.js");require("../components/Badge/TextBadge/index.styled.cjs.js");require("../components/Button/DoubleButton/index.styled.cjs.js");require("../components/MiniButton/BoxMiniButton/index.styled.cjs.js");require("../components/Button/FloatBaseButton/index.styled.cjs.js");require("../components/Button/FloatDoubleButton/index.styled.cjs.js");require("../components/Card/index.styled.cjs.js");const s=require("./useResize.cjs.js");require("../components/Comment/index.cjs.js");require("../components/Control/CheckBox/index.styled.cjs.js");require("../components/Control/CheckMark/index.styled.cjs.js");require("../components/Control/Switch/index.styled.cjs.js");require("../components/DatePicker/BaseDatePicker/index.styled.cjs.js");require("../components/DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../Icon/generated/AlarmFill.cjs.js");require("../Icon/generated/Calendar.cjs.js");require("../Icon/generated/Cancel.cjs.js");require("../Icon/generated/CancelCircle.cjs.js");require("../Icon/generated/CartFill.cjs.js");require("../Icon/generated/Check.cjs.js");require("../Icon/generated/ChevronDown.cjs.js");require("../Icon/generated/ChevronLeft.cjs.js");require("../Icon/generated/ChevronRight.cjs.js");require("../Icon/generated/ChevronUp.cjs.js");require("../Icon/generated/DoubleChevronLeft.cjs.js");require("../Icon/generated/DoubleChevronRight.cjs.js");require("../Icon/generated/EyeFill.cjs.js");require("../Icon/generated/EyeSlashFill.cjs.js");require("../Icon/generated/Filter.cjs.js");require("../Icon/generated/Information.cjs.js");require("../Icon/generated/Menu.cjs.js");require("../Icon/generated/More.cjs.js");require("../Icon/generated/PersonFill.cjs.js");require("../Icon/generated/Plus.cjs.js");require("../Icon/generated/QuestionCircle.cjs.js");require("../Icon/generated/Re.cjs.js");require("../Icon/generated/Search.cjs.js");require("../Icon/generated/SettingFill.cjs.js");require("../Icon/generated/Share.cjs.js");require("../Icon/generated/Store.cjs.js");require("../library/IconWithImage/index.styled.cjs.js");require("../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../library/Lottie/index.styled.cjs.js");require("../library/Spacing/index.styled.cjs.js");require("../components/DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../components/DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../types/date.cjs.js");require("../components/DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../components/DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../components/DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../components/Divider/index.styled.cjs.js");require("../chunks/index.styled.DkE3TbtV.js");require("../components/Input/BaseInput/index.cjs.js");require("../components/Input/ResidentNumberInput/index.styled.cjs.js");require("../components/Loading/Skeleton/index.cjs.js");require("../components/Loading/Spinner/index.styled.cjs.js");require("../components/Navigation/index.styled.cjs.js");require("../components/Navigation/BaseNavigation/index.styled.cjs.js");require("../components/Navigation/constant.cjs.js");require("../components/Segment/BaseSegment/index.styled.cjs.js");require("../components/Segment/ExtendSegment/index.styled.cjs.js");require("../components/ToastMessage/Toast/index.styled.cjs.js");require("../components/Tooltip/TooltipBase/index.styled.cjs.js");const t=()=>{const[r,i]=e.useState(!0),u=e.useCallback(()=>{i(window.outerWidth<=q.MediaQuerySize.Mobile)},[]);return s(u),r};module.exports=t;