@pfct/purple 1.5.0-npm-next.1 → 1.5.0-npm-next.3

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

@@ -0,0 +1,145 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react"),l=require("../Colors/index.cjs.js"),i=l.basicColors.gray900,n=600,c=500,s=400,o={h1:e.css`
+		font-size: 41px;
+		line-height: 56px;
+		letter-spacing: -0.8px;
+		font-weight: ${n};
+	`,h2:e.css`
+		font-size: 29px;
+		line-height: 38px;
+		letter-spacing: -0.4px;
+		font-weight: ${n};
+	`,h3:e.css`
+		font-size: 23px;
+		line-height: 32px;
+		letter-spacing: -0.3px;
+		font-weight: ${n};
+	`,h4:e.css`
+		font-size: 19px;
+		line-height: 26px;
+		letter-spacing: -0.3px;
+		font-weight: ${n};
+	`,h5:e.css`
+		font-size: 17px;
+		line-height: 24px;
+		letter-spacing: -0.3px;
+		font-weight: ${n};
+	`,h6:e.css`
+		font-size: 15px;
+		line-height: 22px;
+		letter-spacing: -0.2px;
+		font-weight: ${n};
+	`,h7:e.css`
+		font-size: 13px;
+		line-height: 18px;
+		letter-spacing: -0.2px;
+		font-weight: ${n};
+	`,h8:e.css`
+		font-size: 11px;
+		line-height: 18px;
+		letter-spacing: -0.2px;
+		font-weight: ${n};
+	`,title1:e.css`
+		font-size: 19px;
+		line-height: 26px;
+		letter-spacing: -0.3px;
+		font-weight: ${c};
+	`,title2:e.css`
+		font-size: 17px;
+		line-height: 24px;
+		letter-spacing: -0.2px;
+		font-weight: ${c};
+	`,title3:e.css`
+		font-size: 15px;
+		line-height: 22px;
+		letter-spacing: -0.2px;
+		font-weight: ${c};
+	`,title4:e.css`
+		font-size: 13px;
+		line-height: 18px;
+		letter-spacing: -0.2px;
+		font-weight: ${c};
+	`,body1:e.css`
+		font-size: 15px;
+		line-height: 22px;
+		letter-spacing: -0.2px;
+		font-weight: ${s};
+	`,body2:e.css`
+		font-size: 13px;
+		line-height: 18px;
+		letter-spacing: -0.2px;
+		font-weight: ${s};
+	`,caption1:e.css`
+		font-size: 11px;
+		line-height: 18px;
+		letter-spacing: -0.2px;
+		font-weight: ${s};
+	`,caption2:e.css`
+		font-size: 9px;
+		line-height: 14px;
+		letter-spacing: -0.2px;
+		font-weight: ${s};
+	`},h=t=>e.css`
+	${o.h1};
+	margin: 0;
+	color: ${t&&t.color||i};
+`,p=t=>e.css`
+	${o.h2};
+	margin: 0;
+	color: ${t&&t.color||i};
+`,r=t=>e.css`
+	${o.h3};
+	margin: 0;
+	color: ${t&&t.color||i};
+`,g=t=>e.css`
+	${o.h4};
+	margin: 0;
+	color: ${t&&t.color||i};
+`,a=t=>e.css`
+	${o.h5};
+	margin: 0;
+	color: ${t&&t.color||i};
+`,x=t=>e.css`
+	${o.h6};
+	margin: 0;
+	color: ${t&&t.color||i};
+`,$=t=>e.css`
+	${o.h7};
+	margin: 0;
+	color: ${t&&t.color||i};
+`,f=t=>e.css`
+	${o.h8};
+	margin: 0;
+	color: ${t&&t.color||i};
+`,d=t=>e.css`
+	${o.title1};
+	margin: 0;
+	color: ${t&&t.color||i};
+`,T=t=>e.css`
+	${o.title2};
+	margin: 0;
+	color: ${t&&t.color||i};
+`,m=t=>e.css`
+	${o.title3};
+	margin: 0;
+	color: ${t&&t.color||i};
+`,w=t=>e.css`
+	${o.title4};
+	margin: 0;
+	color: ${t&&t.color||i};
+`,z=t=>e.css`
+	${o.body1};
+	margin: 0;
+	color: ${t&&t.color||i};
+`,_=t=>e.css`
+	${o.body2};
+	margin: 0;
+	color: ${t&&t.color||i};
+`,y=t=>e.css`
+	${o.caption1};
+	margin: 0;
+	color: ${t&&t.color||i};
+`,E=t=>e.css`
+	${o.caption2};
+	margin: 0;
+	color: ${t&&t.color||i};
+`;exports.body1=z;exports.body2=_;exports.caption1=y;exports.caption2=E;exports.headline1=h;exports.headline2=p;exports.headline3=r;exports.headline4=g;exports.headline5=a;exports.headline6=x;exports.headline7=$;exports.headline8=f;exports.title1=d;exports.title2=T;exports.title3=m;exports.title4=w;exports.typographyMap=o;

package/dist/core/TextStyles/index.d.ts

@@ -0,0 +1,37 @@
+export declare const typographyMap: {
+    h1: import('@emotion/react').SerializedStyles;
+    h2: import('@emotion/react').SerializedStyles;
+    h3: import('@emotion/react').SerializedStyles;
+    h4: import('@emotion/react').SerializedStyles;
+    h5: import('@emotion/react').SerializedStyles;
+    h6: import('@emotion/react').SerializedStyles;
+    h7: import('@emotion/react').SerializedStyles;
+    h8: import('@emotion/react').SerializedStyles;
+    title1: import('@emotion/react').SerializedStyles;
+    title2: import('@emotion/react').SerializedStyles;
+    title3: import('@emotion/react').SerializedStyles;
+    title4: import('@emotion/react').SerializedStyles;
+    body1: import('@emotion/react').SerializedStyles;
+    body2: import('@emotion/react').SerializedStyles;
+    caption1: import('@emotion/react').SerializedStyles;
+    caption2: import('@emotion/react').SerializedStyles;
+};
+export interface TextStyleProperties {
+    color?: string;
+}
+export declare const headline1: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
+export declare const headline2: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
+export declare const headline3: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
+export declare const headline4: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
+export declare const headline5: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
+export declare const headline6: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
+export declare const headline7: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
+export declare const headline8: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
+export declare const title1: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
+export declare const title2: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
+export declare const title3: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
+export declare const title4: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
+export declare const body1: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
+export declare const body2: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
+export declare const caption1: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
+export declare const caption2: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;

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

@@ -0,0 +1,183 @@
+import { css as o } from "@emotion/react";
+import { basicColors as p } from "../Colors/index.es.js";
+const e = p.gray900, n = 600, l = 500, c = 400, i = {
+  h1: o`
+		font-size: 41px;
+		line-height: 56px;
+		letter-spacing: -0.8px;
+		font-weight: ${n};
+	`,
+  h2: o`
+		font-size: 29px;
+		line-height: 38px;
+		letter-spacing: -0.4px;
+		font-weight: ${n};
+	`,
+  h3: o`
+		font-size: 23px;
+		line-height: 32px;
+		letter-spacing: -0.3px;
+		font-weight: ${n};
+	`,
+  h4: o`
+		font-size: 19px;
+		line-height: 26px;
+		letter-spacing: -0.3px;
+		font-weight: ${n};
+	`,
+  h5: o`
+		font-size: 17px;
+		line-height: 24px;
+		letter-spacing: -0.3px;
+		font-weight: ${n};
+	`,
+  h6: o`
+		font-size: 15px;
+		line-height: 22px;
+		letter-spacing: -0.2px;
+		font-weight: ${n};
+	`,
+  h7: o`
+		font-size: 13px;
+		line-height: 18px;
+		letter-spacing: -0.2px;
+		font-weight: ${n};
+	`,
+  h8: o`
+		font-size: 11px;
+		line-height: 18px;
+		letter-spacing: -0.2px;
+		font-weight: ${n};
+	`,
+  title1: o`
+		font-size: 19px;
+		line-height: 26px;
+		letter-spacing: -0.3px;
+		font-weight: ${l};
+	`,
+  title2: o`
+		font-size: 17px;
+		line-height: 24px;
+		letter-spacing: -0.2px;
+		font-weight: ${l};
+	`,
+  title3: o`
+		font-size: 15px;
+		line-height: 22px;
+		letter-spacing: -0.2px;
+		font-weight: ${l};
+	`,
+  title4: o`
+		font-size: 13px;
+		line-height: 18px;
+		letter-spacing: -0.2px;
+		font-weight: ${l};
+	`,
+  body1: o`
+		font-size: 15px;
+		line-height: 22px;
+		letter-spacing: -0.2px;
+		font-weight: ${c};
+	`,
+  body2: o`
+		font-size: 13px;
+		line-height: 18px;
+		letter-spacing: -0.2px;
+		font-weight: ${c};
+	`,
+  caption1: o`
+		font-size: 11px;
+		line-height: 18px;
+		letter-spacing: -0.2px;
+		font-weight: ${c};
+	`,
+  caption2: o`
+		font-size: 9px;
+		line-height: 14px;
+		letter-spacing: -0.2px;
+		font-weight: ${c};
+	`
+}, g = (t) => o`
+	${i.h1};
+	margin: 0;
+	color: ${t && t.color || e};
+`, x = (t) => o`
+	${i.h2};
+	margin: 0;
+	color: ${t && t.color || e};
+`, $ = (t) => o`
+	${i.h3};
+	margin: 0;
+	color: ${t && t.color || e};
+`, s = (t) => o`
+	${i.h4};
+	margin: 0;
+	color: ${t && t.color || e};
+`, a = (t) => o`
+	${i.h5};
+	margin: 0;
+	color: ${t && t.color || e};
+`, f = (t) => o`
+	${i.h6};
+	margin: 0;
+	color: ${t && t.color || e};
+`, m = (t) => o`
+	${i.h7};
+	margin: 0;
+	color: ${t && t.color || e};
+`, T = (t) => o`
+	${i.h8};
+	margin: 0;
+	color: ${t && t.color || e};
+`, w = (t) => o`
+	${i.title1};
+	margin: 0;
+	color: ${t && t.color || e};
+`, z = (t) => o`
+	${i.title2};
+	margin: 0;
+	color: ${t && t.color || e};
+`, d = (t) => o`
+	${i.title3};
+	margin: 0;
+	color: ${t && t.color || e};
+`, E = (t) => o`
+	${i.title4};
+	margin: 0;
+	color: ${t && t.color || e};
+`, _ = (t) => o`
+	${i.body1};
+	margin: 0;
+	color: ${t && t.color || e};
+`, y = (t) => o`
+	${i.body2};
+	margin: 0;
+	color: ${t && t.color || e};
+`, b = (t) => o`
+	${i.caption1};
+	margin: 0;
+	color: ${t && t.color || e};
+`, F = (t) => o`
+	${i.caption2};
+	margin: 0;
+	color: ${t && t.color || e};
+`;
+export {
+  _ as body1,
+  y as body2,
+  b as caption1,
+  F as caption2,
+  g as headline1,
+  x as headline2,
+  $ as headline3,
+  s as headline4,
+  a as headline5,
+  f as headline6,
+  m as headline7,
+  T as headline8,
+  w as title1,
+  z as title2,
+  d as title3,
+  E as title4,
+  i as typographyMap
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={mode:"DARK"},t={mode:"LIGHT"},o={dark:e,light:t};exports.Theme=o;

package/dist/core/Theme/index.d.ts

@@ -0,0 +1,13 @@
+declare enum ThemeMode {
+    DARK = "DARK",
+    LIGHT = "LIGHT"
+}
+interface ThemeConfig {
+    mode: ThemeMode;
+}
+declare const Theme: {
+    dark: ThemeConfig;
+    light: ThemeConfig;
+};
+export type { ThemeMode, ThemeConfig };
+export { Theme };

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

@@ -0,0 +1,13 @@
+const o = {
+  mode: "DARK"
+  /* DARK */
+}, e = {
+  mode: "LIGHT"
+  /* LIGHT */
+}, t = {
+  dark: o,
+  light: e
+};
+export {
+  t as Theme
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../chunks/jsx-runtime.713F0z8w.js");require("../../TextStyles/index.cjs.js");const n=require("../../../chunks/utils.Gb5_Gcy7.js"),u=require("../../../components/ui/typography.cjs.js"),p=({md:r,children:t,textAlign:e,className:s,variant:o,...a})=>i.jsxRuntimeExports.jsx(u.Typography,{variant:o??r,className:n.cn(e&&`text-${e}`,s),...a,children:t});exports.BaseTypography=p;

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

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { TypographyProps } from '../../../components/ui/typography';
+export type Typo = keyof typeof typographyList;
+export interface TypoProps extends TypographyProps {
+    textAlign?: 'start' | 'end' | 'left' | 'right' | 'center';
+}
+export type BaseTypographyProps = TypoProps & {
+    md: Typo;
+};
+declare const typographyList: {
+    readonly Headline1: (args?: import('../../TextStyles').TextStyleProperties) => import('@emotion/utils').SerializedStyles;
+    readonly Headline2: (args?: import('../../TextStyles').TextStyleProperties) => import('@emotion/utils').SerializedStyles;
+    readonly Headline3: (args?: import('../../TextStyles').TextStyleProperties) => import('@emotion/utils').SerializedStyles;
+    readonly Headline4: (args?: import('../../TextStyles').TextStyleProperties) => import('@emotion/utils').SerializedStyles;
+    readonly Headline5: (args?: import('../../TextStyles').TextStyleProperties) => import('@emotion/utils').SerializedStyles;
+    readonly Headline6: (args?: import('../../TextStyles').TextStyleProperties) => import('@emotion/utils').SerializedStyles;
+    readonly Headline7: (args?: import('../../TextStyles').TextStyleProperties) => import('@emotion/utils').SerializedStyles;
+    readonly Headline8: (args?: import('../../TextStyles').TextStyleProperties) => import('@emotion/utils').SerializedStyles;
+    readonly Title1: (args?: import('../../TextStyles').TextStyleProperties) => import('@emotion/utils').SerializedStyles;
+    readonly Title2: (args?: import('../../TextStyles').TextStyleProperties) => import('@emotion/utils').SerializedStyles;
+    readonly Title3: (args?: import('../../TextStyles').TextStyleProperties) => import('@emotion/utils').SerializedStyles;
+    readonly Title4: (args?: import('../../TextStyles').TextStyleProperties) => import('@emotion/utils').SerializedStyles;
+    readonly Body1: (args?: import('../../TextStyles').TextStyleProperties) => import('@emotion/utils').SerializedStyles;
+    readonly Body2: (args?: import('../../TextStyles').TextStyleProperties) => import('@emotion/utils').SerializedStyles;
+    readonly Caption1: (args?: import('../../TextStyles').TextStyleProperties) => import('@emotion/utils').SerializedStyles;
+    readonly Caption2: (args?: import('../../TextStyles').TextStyleProperties) => import('@emotion/utils').SerializedStyles;
+};
+/**
+ * @param lg - pc size typography
+ * @param md - OwnProps 로 분류되어 lg, sm이 공통일 경우 md하나로 사용 가능하다.
+ * @param sm - mobile size typography
+ */
+export declare const BaseTypography: ({ md, children, textAlign, className, variant, ...restProps }: BaseTypographyProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import { j as s } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import "../../TextStyles/index.es.js";
+import { c as e } from "../../../chunks/utils.B9KdtH6G.js";
+import { Typography as i } from "../../../components/ui/typography.es.js";
+const f = ({ md: o, children: p, textAlign: r, className: t, variant: a, ...m }) => /* @__PURE__ */ s.jsx(i, { variant: a ?? o, className: e(r && `text-${r}`, t), ...m, children: p });
+export {
+  f as BaseTypography
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../chunks/jsx-runtime.713F0z8w.js"),t=require("./BaseTypography/index.cjs.js"),o=e=>s.jsxRuntimeExports.jsx(t.BaseTypography,{...e,md:"Headline1"}),n=e=>s.jsxRuntimeExports.jsx(t.BaseTypography,{...e,md:"Headline2"}),a=e=>s.jsxRuntimeExports.jsx(t.BaseTypography,{...e,md:"Headline3"}),i=e=>s.jsxRuntimeExports.jsx(t.BaseTypography,{...e,md:"Headline4"}),p=e=>s.jsxRuntimeExports.jsx(t.BaseTypography,{...e,md:"Headline5"}),x=e=>s.jsxRuntimeExports.jsx(t.BaseTypography,{...e,md:"Headline6"}),d=e=>s.jsxRuntimeExports.jsx(t.BaseTypography,{...e,md:"Headline7"}),y=e=>s.jsxRuntimeExports.jsx(t.BaseTypography,{...e,md:"Headline8"}),r=e=>s.jsxRuntimeExports.jsx(t.BaseTypography,{...e,md:"Title1"}),l=e=>s.jsxRuntimeExports.jsx(t.BaseTypography,{...e,md:"Title2"}),j=e=>s.jsxRuntimeExports.jsx(t.BaseTypography,{...e,md:"Title3"}),m=e=>s.jsxRuntimeExports.jsx(t.BaseTypography,{...e,md:"Title4"}),T=e=>s.jsxRuntimeExports.jsx(t.BaseTypography,{...e,md:"Body1"}),H=e=>s.jsxRuntimeExports.jsx(t.BaseTypography,{...e,md:"Body2"}),B=e=>s.jsxRuntimeExports.jsx(t.BaseTypography,{...e,md:"Caption1"}),u=e=>s.jsxRuntimeExports.jsx(t.BaseTypography,{...e,md:"Caption2"});exports.Body1=T;exports.Body2=H;exports.Caption1=B;exports.Caption2=u;exports.Headline1=o;exports.Headline2=n;exports.Headline3=a;exports.Headline4=i;exports.Headline5=p;exports.Headline6=x;exports.Headline7=d;exports.Headline8=y;exports.Title1=r;exports.Title2=l;exports.Title3=j;exports.Title4=m;

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { TypoProps } from './BaseTypography';
+export declare const Headline1: (props: TypoProps) => React.JSX.Element;
+export declare const Headline2: (props: TypoProps) => React.JSX.Element;
+export declare const Headline3: (props: TypoProps) => React.JSX.Element;
+export declare const Headline4: (props: TypoProps) => React.JSX.Element;
+export declare const Headline5: (props: TypoProps) => React.JSX.Element;
+export declare const Headline6: (props: TypoProps) => React.JSX.Element;
+export declare const Headline7: (props: TypoProps) => React.JSX.Element;
+export declare const Headline8: (props: TypoProps) => React.JSX.Element;
+export declare const Title1: (props: TypoProps) => React.JSX.Element;
+export declare const Title2: (props: TypoProps) => React.JSX.Element;
+export declare const Title3: (props: TypoProps) => React.JSX.Element;
+export declare const Title4: (props: TypoProps) => React.JSX.Element;
+export declare const Body1: (props: TypoProps) => React.JSX.Element;
+export declare const Body2: (props: TypoProps) => React.JSX.Element;
+export declare const Caption1: (props: TypoProps) => React.JSX.Element;
+export declare const Caption2: (props: TypoProps) => React.JSX.Element;

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

@@ -0,0 +1,21 @@
+import { j as n } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { BaseTypography as d } from "./BaseTypography/index.es.js";
+const i = (e) => /* @__PURE__ */ n.jsx(d, { ...e, md: "Headline1" }), o = (e) => /* @__PURE__ */ n.jsx(d, { ...e, md: "Headline2" }), l = (e) => /* @__PURE__ */ n.jsx(d, { ...e, md: "Headline3" }), a = (e) => /* @__PURE__ */ n.jsx(d, { ...e, md: "Headline4" }), m = (e) => /* @__PURE__ */ n.jsx(d, { ...e, md: "Headline5" }), x = (e) => /* @__PURE__ */ n.jsx(d, { ...e, md: "Headline6" }), j = (e) => /* @__PURE__ */ n.jsx(d, { ...e, md: "Headline7" }), c = (e) => /* @__PURE__ */ n.jsx(d, { ...e, md: "Headline8" }), H = (e) => /* @__PURE__ */ n.jsx(d, { ...e, md: "Title1" }), p = (e) => /* @__PURE__ */ n.jsx(d, { ...e, md: "Title2" }), T = (e) => /* @__PURE__ */ n.jsx(d, { ...e, md: "Title3" }), r = (e) => /* @__PURE__ */ n.jsx(d, { ...e, md: "Title4" }), y = (e) => /* @__PURE__ */ n.jsx(d, { ...e, md: "Body1" }), B = (e) => /* @__PURE__ */ n.jsx(d, { ...e, md: "Body2" }), C = (e) => /* @__PURE__ */ n.jsx(d, { ...e, md: "Caption1" }), f = (e) => /* @__PURE__ */ n.jsx(d, { ...e, md: "Caption2" });
+export {
+  y as Body1,
+  B as Body2,
+  C as Caption1,
+  f as Caption2,
+  i as Headline1,
+  o as Headline2,
+  l as Headline3,
+  a as Headline4,
+  m as Headline5,
+  x as Headline6,
+  j as Headline7,
+  c as Headline8,
+  H as Title1,
+  p as Title2,
+  T as Title3,
+  r as Title4
+};

package/dist/core/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./Colors/index.cjs.js"),n=require("./Display/Pc.cjs.js"),t=require("./Display/Mobile.cjs.js"),a=require("./Theme/index.cjs.js"),e=require("./TextStyles/index.cjs.js"),i=require("./Typography/index.cjs.js");exports.basicColors=l.basicColors;exports.generateHexWithAlphaInLightMode=l.generateHexWithAlphaInLightMode;exports.semanticColors=l.semanticColors;exports.semanticColorsMethod=l.semanticColorsMethod;exports.Pc=n;exports.Mobile=t;exports.Theme=a.Theme;exports.body1=e.body1;exports.body2=e.body2;exports.caption1=e.caption1;exports.caption2=e.caption2;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.headline7=e.headline7;exports.headline8=e.headline8;exports.title1=e.title1;exports.title2=e.title2;exports.title3=e.title3;exports.title4=e.title4;exports.typographyMap=e.typographyMap;exports.Body1=i.Body1;exports.Body2=i.Body2;exports.Caption1=i.Caption1;exports.Caption2=i.Caption2;exports.Headline1=i.Headline1;exports.Headline2=i.Headline2;exports.Headline3=i.Headline3;exports.Headline4=i.Headline4;exports.Headline5=i.Headline5;exports.Headline6=i.Headline6;exports.Headline7=i.Headline7;exports.Headline8=i.Headline8;exports.Title1=i.Title1;exports.Title2=i.Title2;exports.Title3=i.Title3;exports.Title4=i.Title4;

package/dist/core/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Colors';
+export * from './Display';
+export * from './Theme';
+export * from './TextStyles';
+export * from './Typography';

package/dist/core/index.es.js

@@ -0,0 +1,48 @@
+import { basicColors as a, generateHexWithAlphaInLightMode as l, semanticColors as t, semanticColorsMethod as o } from "./Colors/index.es.js";
+import { default as n } from "./Display/Pc.es.js";
+import { default as h } from "./Display/Mobile.es.js";
+import { Theme as m } from "./Theme/index.es.js";
+import { body1 as f, body2 as s, caption1 as x, caption2 as c, headline1 as y, headline2 as C, headline3 as T, headline4 as b, headline5 as M, headline6 as g, headline7 as u, headline8 as B, title1 as A, title2 as I, title3 as L, title4 as P, typographyMap as W } from "./TextStyles/index.es.js";
+import { Body1 as k, Body2 as q, Caption1 as v, Caption2 as w, Headline1 as z, Headline2 as D, Headline3 as E, Headline4 as F, Headline5 as G, Headline6 as J, Headline7 as K, Headline8 as N, Title1 as O, Title2 as Q, Title3 as R, Title4 as S } from "./Typography/index.es.js";
+export {
+  k as Body1,
+  q as Body2,
+  v as Caption1,
+  w as Caption2,
+  z as Headline1,
+  D as Headline2,
+  E as Headline3,
+  F as Headline4,
+  G as Headline5,
+  J as Headline6,
+  K as Headline7,
+  N as Headline8,
+  h as Mobile,
+  n as Pc,
+  m as Theme,
+  O as Title1,
+  Q as Title2,
+  R as Title3,
+  S as Title4,
+  a as basicColors,
+  f as body1,
+  s as body2,
+  x as caption1,
+  c as caption2,
+  l as generateHexWithAlphaInLightMode,
+  y as headline1,
+  C as headline2,
+  T as headline3,
+  b as headline4,
+  M as headline5,
+  g as headline6,
+  u as headline7,
+  B as headline8,
+  t as semanticColors,
+  o as semanticColorsMethod,
+  A as title1,
+  I as title2,
+  L as title3,
+  P as title4,
+  W as typographyMap
+};

package/dist/hooks/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useOverlayPreventScroll.cjs.js"),s=require("./useLayoutIsMobile.cjs.js"),o=require("./useResize.cjs.js"),r=require("./useEventListener.cjs.js");exports.useOverlayPreventScroll=e.useOverlayPreventScroll;exports.useLayoutIsMobile=s;exports.useResize=o;exports.useEventListener=r;

package/dist/hooks/index.d.ts

@@ -0,0 +1,5 @@
+import { useOverlayPreventScroll } from './useOverlayPreventScroll';
+import { default as useLayoutIsMobile } from './useLayoutIsMobile';
+import { default as useResize } from './useResize';
+import { default as useEventListener } from './useEventListener';
+export { useOverlayPreventScroll, useLayoutIsMobile, useResize, useEventListener };

package/dist/hooks/index.es.js

@@ -0,0 +1,10 @@
+import { useOverlayPreventScroll as o } from "./useOverlayPreventScroll.es.js";
+import { default as s } from "./useLayoutIsMobile.es.js";
+import { default as u } from "./useResize.es.js";
+import { default as l } from "./useEventListener.es.js";
+export {
+  l as useEventListener,
+  s as useLayoutIsMobile,
+  o as useOverlayPreventScroll,
+  u as useResize
+};

package/dist/hooks/useEventListener.cjs.js

@@ -0,0 +1 @@
+"use strict";const c=require("react"),L=(s,n,u,r)=>{const e=c.useRef(n);c.useEffect(()=>{e.current=n},[n]),c.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,r),()=>{i&&t.removeEventListener(s,o,r)}},[s,r,u])};module.exports=L;

package/dist/hooks/useEventListener.d.ts

@@ -0,0 +1,5 @@
+interface EventListener {
+    (evt: Event): void;
+}
+declare const useEventListener: (eventName: string, handler: EventListener, target?: HTMLElement, option?: AddEventListenerOptions) => void;
+export default useEventListener;

package/dist/hooks/useEventListener.es.js

@@ -0,0 +1,18 @@
+import { useRef as L, useEffect as f } from "react";
+const v = (n, s, o, r) => {
+  const e = L(s);
+  f(() => {
+    e.current = s;
+  }, [s]), 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, r), () => {
+      c && t.removeEventListener(n, u, r);
+    };
+  }, [n, r, o]);
+};
+export {
+  v as default
+};

package/dist/hooks/useLayoutIsMobile.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=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.7ZYWAl1u.js");require("../core/TextStyles/index.cjs.js");require("../components/ui/typography.cjs.js");require("../components/Accordion/index.cjs.js");require("../components/Badge/IconBadge/index.styled.cjs.js");require("../components/Badge/TextBadge/index.styled.cjs.js");require("react");require("../components/Loading/Skeleton/index.cjs.js");require("../components/Loading/Spinner/index.styled.cjs.js");require("../components/Card/index.styled.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("../icons/src/icons/Calendar.cjs.js");require("../icons/src/icons/Cancel_circle.cjs.js");require("../icons/src/icons/Cancel.cjs.js");require("../icons/src/icons/Chevron_down.cjs.js");require("../icons/src/icons/Alarm_fill.cjs.js");require("../icons/src/icons/Chevron_right.cjs.js");require("../icons/src/icons/Chevron_up.cjs.js");require("../icons/src/icons/Double_Chevron_left.cjs.js");require("../icons/src/icons/Double_Chevron_right.cjs.js");require("../icons/src/icons/Eye_fill.cjs.js");require("../icons/src/icons/Eye_slash_fill.cjs.js");require("../icons/src/icons/Filter.cjs.js");require("../icons/src/icons/Information.cjs.js");require("../icons/src/icons/Menu.cjs.js");require("../icons/src/icons/More.cjs.js");require("../icons/src/icons/Person_fill.cjs.js");require("../icons/src/icons/Plus.cjs.js");require("../icons/src/icons/Question_circle.cjs.js");require("../icons/src/icons/Re.cjs.js");require("../icons/src/icons/Share.cjs.js");require("../icons/src/icons/Setting_fill.cjs.js");require("../icons/src/icons/Search.cjs.js");require("../icons/src/icons/Check.cjs.js");require("../icons/src/icons/Store.cjs.js");require("../icons/src/icons/Chevron_left.cjs.js");require("../icons/src/icons/Cart_fill.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.CMpDdHBq.js");require("../components/Input/BaseInput/index.cjs.js");require("../components/Input/PostfixInput/index.cjs.js");require("../components/Input/ResidentNumberInput/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");require("../components/ui/bottomSheet.cjs.js");const r=require("../lib/useMediaQuery.cjs.js"),i=()=>r.useMediaQuery(`(max-width: ${e.MediaQuerySize.Mobile}px)`);module.exports=i;

package/dist/hooks/useLayoutIsMobile.d.ts

@@ -0,0 +1,42 @@
+/**
+ * 현재 뷰포트가 모바일 크기인지 판단하는 커스텀 훅
+ *
+ * 이 훅은 미디어 쿼리를 사용하여 뷰포트 너비가 MediaQuerySize.Mobile(768px)에 정의된
+ * 모바일 브레이크포인트 이하인지 확인합니다. 화면 크기에 따른 반응형 레이아웃과
+ * 조건부 렌더링에 유용합니다.
+ *
+ * @returns {boolean | null}
+ *   - `true` 뷰포트가 모바일 크기인 경우 (너비 <= MediaQuerySize.Mobile)
+ *   - `false` 뷰포트가 모바일 크기보다 큰 경우
+ *   - `null` 초기 렌더링 중 (SSR 호환성)
+ *
+ * @note hydration 에러를 방지하기 위해 `null` 값을 적절히 처리하는 것을 권장합니다.
+ * 서버와 클라이언트 간의 렌더링 차이로 인한 불일치를 방지할 수 있습니다.
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const isMobile = useLayoutIsMobile();
+ *
+ *   if (isMobile === null) {
+ *     // SSR 중 로딩 상태 처리
+ *     return <div>로딩 중...</div>;
+ *   }
+ *
+ *   return (
+ *     <div>
+ *       {isMobile ? (
+ *         <MobileLayout />
+ *       ) : (
+ *         <DesktopLayout />
+ *       )}
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @see {@link useMediaQuery} - 기본이 되는 미디어 쿼리 훅
+ * @see {@link MediaQuerySize} - 반응형 디자인에 사용되는 브레이크포인트 상수
+ */
+declare const useLayoutIsMobile: () => boolean | null;
+export default useLayoutIsMobile;