@pfct/purple 1.11.0 → 1.11.1

package/dist/library/BasicLayout/Footer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/library/BasicLayout/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGlE,OAAO,EAGN,KAAK,yBAAyB,EAE9B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AAC3G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AAGxF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,GAAG;IAC5D,oCAAoC,CAAC,EAAE,MAAM,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmC5D,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAmBlG,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA8B7D,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,GAAG;IAAE,OAAO,EAAE,yBAAyB,CAAA;CAAE,CAatG,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,CAW5F,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,mBASpC,CAAC"}

package/dist/library/BasicLayout/Footer.esm.js

@@ -1,52 +0,0 @@
-import e from "../../icons/src/icons/Information.esm.js";
-import { Button as t } from "../../components/ui/button.esm.js";
-import { DoubleButton as n } from "../../components/Button/DoubleButton/index.esm.js";
-import { UnderLineMiniButton as r } from "../../components/MiniButton/UnderLineMiniButton/index.esm.js";
-import { FloatDoubleButton as i } from "../../components/Button/FloatDoubleButton/index.esm.js";
-import { FloatSingleButton as a } from "../../components/Button/FloatSingleButton/index.esm.js";
-import o from "../../hooks/useLayoutIsMobile.esm.js";
-import "../../hooks/index.esm.js";
-import { Typography as s } from "../../components/ui/typography.esm.js";
-import { Spacing as c } from "../Spacing/index.esm.js";
-import { a as l, i as u, t as d } from "../../chunks/impact-tooltip.CqzKZc1i.js";
-import "../../index.esm.js";
-import { ATagButton as f, ButtonWrapperInPc as p, InformationIconWrapper as m, MarginBottomHasFooter as h, StickBottomWrapper as g } from "./index.styled.esm.js";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-//#region src/library/BasicLayout/Footer.tsx
-var b = ({ marginBottomHasFooterBackgroundColor: e, ...n }) => /* @__PURE__ */ v(_, { children: o() ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(a, { ...n }), /* @__PURE__ */ v(h, { backgroundColor: e })] }) : /* @__PURE__ */ y(p, { children: [n.underlineText && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(r, {
-	colorType: "gray",
-	disabled: n.underlineDisabled,
-	onClick: n.underlineOnClick,
-	size: "m",
-	children: n.underlineText
-}), /* @__PURE__ */ v(c, { spaceNumber: 25 })] }), /* @__PURE__ */ v(t, {
-	...n,
-	children: n.children
-})] }) }), x = ({ target: e = "_blank", ...n }) => /* @__PURE__ */ v(T, { children: /* @__PURE__ */ v(f, {
-	href: n.openUrl,
-	onClick: n.onClick,
-	rel: "noreferrer",
-	target: e,
-	children: /* @__PURE__ */ v(t, {
-		colorType: n.colorType,
-		disabled: n.disabled,
-		purpose: n.purpose,
-		children: n.children
-	})
-}) }), S = (e) => /* @__PURE__ */ v(_, { children: o() ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(i, { ...e }), /* @__PURE__ */ v(h, {})] }) : /* @__PURE__ */ y(p, { children: [e.underlineText && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(r, {
-	colorType: "gray",
-	disabled: e.underlineDisabled,
-	onClick: e.underlineOnClick,
-	size: "m",
-	children: e.underlineText
-}), /* @__PURE__ */ v(c, { spaceNumber: 25 })] }), /* @__PURE__ */ v(n, { ...e })] }) }), C = (e) => /* @__PURE__ */ v(T, { children: e.tooltip ? /* @__PURE__ */ y(d, { children: [/* @__PURE__ */ v(l, { children: /* @__PURE__ */ v(t, { ...e }) }), /* @__PURE__ */ v(u, { ...e.tooltip })] }) : /* @__PURE__ */ v(t, { ...e }) }), w = (n) => /* @__PURE__ */ y(T, { children: [
-	/* @__PURE__ */ y(m, { children: [/* @__PURE__ */ v(e, {}), /* @__PURE__ */ v(s, {
-		className: "text-gray-400",
-		variant: "t3",
-		children: n.infoText
-	})] }),
-	/* @__PURE__ */ v(c, { spaceNumber: 30 }),
-	/* @__PURE__ */ v(t, { ...n })
-] }), T = ({ children: e }) => /* @__PURE__ */ y(_, { children: [o() && /* @__PURE__ */ v(h, {}), /* @__PURE__ */ v(g, { children: e })] });
-//#endregion
-export { S as DoubleButtonComp, x as SingleATagComp, b as SingleButtonComp, w as SingleButtonWithInformationIconComp, C as SingleButtonWithTooltipComp, T as StickBottomWrapperComp };

package/dist/library/BasicLayout/index.cjs.js

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../chunks/chunk.DWNI8pZO.js"),t=require("../../hooks/useLayoutIsMobile.cjs.js");require("../../hooks/index.cjs.js");const n=require("../../components/Title/index.cjs.js");require("../../index.cjs.js");const r=require("../GlobalLayoutHeaderProvider/index.type.cjs.js"),i=require("../BasicForm/index.cjs.js"),a=require("./index.styled.cjs.js"),o=require("./Body.cjs.js"),s=require("./Footer.cjs.js");let c=require("react");c=e.n(c);let l=require("react/jsx-runtime");var u=c.default.memo(({hasHeader:e,hasFooter:n,children:i,bottomExtraComp:o,bodyCenterizing:s=!1})=>{let u=t.default(),{hasGlobalLayoutHeaderInMobile:d,hasGlobalLayoutHeader:f}=(0,c.useContext)(r.GlobalLayoutHeaderContext);return(0,l.jsxs)(a.BasicLayoutBase.ParentWrapper,{bodyCenterizing:s,hasGlobalLayoutHeader:f,children:[(0,l.jsxs)(a.BasicLayoutBase.ChildrenWrapper,{bodyCenterizing:s,children:[!(d||e)&&(0,l.jsx)(a.MarginTopNoHeader,{}),i,u&&!!o&&o,!n&&(0,l.jsx)(a.MarginBottomNoFooter,{})]}),!u&&!!o&&o]})}),d=Object.assign(u,{VerticalHorizontalCenterLayout:({children:e})=>(0,l.jsx)(a.PureLayoutBase.ParentWrapper,{children:(0,l.jsx)(a.PureLayoutBase.VerticalHorizontalCenterBody,{children:e})}),Header:n.Title,Body:a.BasicLayoutBase.Body,SidePaddingBody:a.SidePaddingBody,CenterBody:a.CenterBody,ImageCenterBody:o.ImageCenterBodyComp,Footer:a.BasicLayoutBase.Footer,SingleButton:s.SingleButtonComp,SingleATag:s.SingleATagComp,DoubleButton:s.DoubleButtonComp,ContentsPadding:a.ContentsPadding,ContentsVerticalPadding:a.ContentsVerticalPadding,StickBottomWrapper:s.StickBottomWrapperComp,SingleButtonWithTooltip:s.SingleButtonWithTooltipComp,SingleButtonWithInformationIcon:s.SingleButtonWithInformationIconComp,Form:i.default});exports.default=d;

package/dist/library/BasicLayout/index.d.ts

@@ -1,83 +0,0 @@
-import { default as React } from 'react';
-import { PropsWithChildren } from '../../types/react';
-export type BasicLayoutProps = PropsWithChildren<{
-    hasHeader: boolean;
-    hasFooter: boolean;
-    bottomExtraComp?: React.ReactNode;
-    bodyCenterizing?: boolean;
-    marginBottomNoFooterColor?: string;
-}>;
-declare const BasicLayout: React.FC<BasicLayoutProps> & {
-    VerticalHorizontalCenterLayout: React.FC<{
-        readonly children: React.ReactNode;
-    }>;
-    Header: React.FC<import('../..').TitleProps>;
-    Body: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    SidePaddingBody: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-        theme?: import('@emotion/react').Theme;
-    }, {}, {}>;
-    CenterBody: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-        theme?: import('@emotion/react').Theme;
-    }, {}, {}>;
-    ImageCenterBody: React.FC<{
-        imagePath: string;
-        imageType: "pngSet" | "png" | "svg";
-        imageWidth: number;
-        imageHeight: number;
-    }>;
-    Footer: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    SingleButton: React.FC<import('./Footer').SingleButtonCompProps>;
-    SingleATag: React.FC<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & import('class-variance-authority').VariantProps<(props?: ({
-        colorType?: "gray" | "pink" | "red" | "orange" | "yellow" | "lime" | "green" | "mint" | "skyblue" | "blue" | "indigo" | "purple" | null | undefined;
-        purpose?: "sub" | "main" | null | undefined;
-    } & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
-        asChild?: boolean;
-        isLoading?: boolean;
-    } & import('../..').FloatBaseButtonProps & {
-        openUrl: string;
-        target?: string;
-    }>;
-    DoubleButton: React.FC<import('../..').FloatDoubleButtonProps>;
-    ContentsPadding: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    ContentsVerticalPadding: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    StickBottomWrapper: import('../..').ReactFCWithChildren;
-    SingleButtonWithTooltip: React.FC<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & import('class-variance-authority').VariantProps<(props?: ({
-        colorType?: "gray" | "pink" | "red" | "orange" | "yellow" | "lime" | "green" | "mint" | "skyblue" | "blue" | "indigo" | "purple" | null | undefined;
-        purpose?: "sub" | "main" | null | undefined;
-    } & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
-        asChild?: boolean;
-        isLoading?: boolean;
-    } & {
-        tooltip: import('../..').ImpactTooltipContentProps;
-    }>;
-    SingleButtonWithInformationIcon: React.FC<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & import('class-variance-authority').VariantProps<(props?: ({
-        colorType?: "gray" | "pink" | "red" | "orange" | "yellow" | "lime" | "green" | "mint" | "skyblue" | "blue" | "indigo" | "purple" | null | undefined;
-        purpose?: "sub" | "main" | null | undefined;
-    } & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
-        asChild?: boolean;
-        isLoading?: boolean;
-    } & {
-        infoText: string;
-    }>;
-    Form: React.FC<import('../BasicForm').BasicFormProps>;
-};
-export default BasicLayout;
-//# sourceMappingURL=index.d.ts.map

package/dist/library/BasicLayout/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/library/BasicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAc3D,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;IAChD,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAmC;IACpE,eAAe,CAAC,EAAE,OAAO,CAAgD;IACzE,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC,CAAC;AAgCH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Bf,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/library/BasicLayout/index.esm.js

@@ -1,47 +0,0 @@
-import e from "../../hooks/useLayoutIsMobile.esm.js";
-import "../../hooks/index.esm.js";
-import { Title as t } from "../../components/Title/index.esm.js";
-import "../../index.esm.js";
-import { GlobalLayoutHeaderContext as n } from "../GlobalLayoutHeaderProvider/index.type.esm.js";
-import r from "../BasicForm/index.esm.js";
-import { BasicLayoutBase as i, CenterBody as a, ContentsPadding as o, ContentsVerticalPadding as s, MarginBottomNoFooter as c, MarginTopNoHeader as l, PureLayoutBase as u, SidePaddingBody as d } from "./index.styled.esm.js";
-import { ImageCenterBodyComp as f } from "./Body.esm.js";
-import { DoubleButtonComp as p, SingleATagComp as m, SingleButtonComp as h, SingleButtonWithInformationIconComp as g, SingleButtonWithTooltipComp as _, StickBottomWrapperComp as v } from "./Footer.esm.js";
-import y, { useContext as b } from "react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-//#region src/library/BasicLayout/index.tsx
-var C = y.memo(({ hasHeader: t, hasFooter: r, children: a, bottomExtraComp: o, bodyCenterizing: s = !1 }) => {
-	let u = e(), { hasGlobalLayoutHeaderInMobile: d, hasGlobalLayoutHeader: f } = b(n);
-	return /* @__PURE__ */ S(i.ParentWrapper, {
-		bodyCenterizing: s,
-		hasGlobalLayoutHeader: f,
-		children: [/* @__PURE__ */ S(i.ChildrenWrapper, {
-			bodyCenterizing: s,
-			children: [
-				!(d || t) && /* @__PURE__ */ x(l, {}),
-				a,
-				u && !!o && o,
-				!r && /* @__PURE__ */ x(c, {})
-			]
-		}), !u && !!o && o]
-	});
-}), w = Object.assign(C, {
-	VerticalHorizontalCenterLayout: ({ children: e }) => /* @__PURE__ */ x(u.ParentWrapper, { children: /* @__PURE__ */ x(u.VerticalHorizontalCenterBody, { children: e }) }),
-	Header: t,
-	Body: i.Body,
-	SidePaddingBody: d,
-	CenterBody: a,
-	ImageCenterBody: f,
-	Footer: i.Footer,
-	SingleButton: h,
-	SingleATag: m,
-	DoubleButton: p,
-	ContentsPadding: o,
-	ContentsVerticalPadding: s,
-	StickBottomWrapper: v,
-	SingleButtonWithTooltip: _,
-	SingleButtonWithInformationIcon: g,
-	Form: r
-});
-//#endregion
-export { w as default };

package/dist/library/BasicLayout/index.styled.cjs.js

@@ -1,150 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk.DWNI8pZO.js"),t=require("../../core/Colors/index.cjs.js"),n=require("../../utils/media.util.cjs.js");require("../../utils/index.cjs.js"),require("../../core/index.cjs.js");const r=require("../GNB/index.constant.cjs.js");let i=require("@emotion/react"),a=require("@emotion/styled");a=e.n(a);var o=(e=0)=>i.css`
-	height: calc(100vh - ${e}px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
-	height: calc(100vh - ${e}px - constant(safe-area-inset-top) - constant(safe-area-inset-bottom));
-`,s={ParentWrapper:a.default.div`
-		${({hasGlobalLayoutHeader:e})=>e?o(r.GNB_HEIGHT.mobile):o()}
-
-		${({bodyCenterizing:e})=>!e&&i.css`
-				height: inherit;
-			`}
-
-		${n.Larger(i.css`
-			/* scroll 생기기 전에는 sticky > relative 로 자리차지 */
-			height: initial;
-			padding: 80px 0;
-		`)};
-	`,ChildrenWrapper:a.default.div`
-		width: 100%;
-		/* <Card /> spec 에서 disabled, click 등의 속성 없앰 */
-
-		box-sizing: border-box;
-		background-color: ${t.basicColors.white};
-		border-radius: 20px;
-
-		/* [flex] stretch component 를 위해 우선 적용 */
-		${({bodyCenterizing:e})=>e&&i.css`
-				display: flex;
-				flex-direction: column;
-				height: 100%;
-			`}
-
-		${n.Larger(i.css`
-			width: 600px;
-			margin: 0 auto;
-			border-radius: 20px;
-			box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.04);
-
-			/* [flex] 초기화 */
-			flex: initial;
-			/*  bodyCenterizing 초기화 */
-			height: initial;
-		`)}
-	`,Header:a.default.div``,Body:a.default.div``,Footer:a.default.div``},c={ParentWrapper:a.default.div`
-		${o()}
-	`,VerticalHorizontalCenterBody:a.default.div`
-		${o()}
-
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		flex-direction: column;
-	`},l={larger:80,smaller:20},u=(0,a.default)(s.Body)`
-	padding: 0 ${l.smaller}px;
-
-	${n.Larger(i.css`
-		padding: 0 ${l.larger}px;
-	`)};
-`,d=(0,a.default)(s.Body)`
-	/* 주의사항 : BasicLayout.props bodyCenterizing={true} 를 넘겨줘야합니다 */
-	/* 세로 - full 차지 */
-	flex-grow: 1;
-
-	/* 박스 내 가로/세로 중앙 */
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	flex-direction: column;
-`,f=a.default.img`
-	width: ${({width:e})=>e}px;
-	height: ${({height:e})=>e}px;
-`,p=a.default.div`
-	width: 100%;
-	height: ${25}px; /** TODO: 임시, 정확한 수치 찾기 */
-
-	${n.Larger(i.css`
-		height: 80px;
-	`)}
-`,m=a.default.div`
-	width: 100%;
-	height: ${r.GNB_HEIGHT.mobile}px;
-
-	${n.Larger(i.css`
-		height: ${r.GNB_HEIGHT.pc}px;
-	`)}
-`,h=a.default.div`
-	width: 100%;
-	min-height: 80px; /* Body = flex-grow 에 대응하기위해 단순 height 로는 안됨 */
-
-	/** pc, mobile 공통 */
-`,g=a.default.div`
-	width: 100%;
-	height: 150px;
-
-	${({backgroundColor:e})=>e&&`background-color:${e}`};
-
-	${n.Larger(i.css`
-		width: auto;
-		height: auto;
-	`)}
-`,_=a.default.div`
-	padding: 60px ${l.larger}px 80px;
-
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-`,v=a.default.a`
-	color: transparent;
-	text-decoration: none;
-	width: 100%;
-`,y=a.default.div`
-	padding: 0 ${l.smaller}px;
-
-	${n.Larger(i.css`
-		padding: 0 ${l.larger}px;
-	`)}
-`,b=a.default.div`
-	height: 15px;
-
-	${n.Larger(i.css`
-		height: 60px;
-	`)}
-`,x=a.default.div`
-	width: 100%;
-
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-
-	padding: 0 ${l.smaller}px;
-	position: fixed;
-	bottom: 20px;
-
-	${n.Larger(i.css`
-		padding: 60px ${l.larger}px 80px;
-		position: static;
-	`)}
-`,S=a.default.div`
-	.tippy-content {
-		background-color: ${t.basicColors.gray900};
-		color: ${t.basicColors.white};
-	}
-	.tippy-arrow:before {
-		border-top-color: ${t.basicColors.gray900} !important;
-	}
-
-	width: 100%;
-`,C=a.default.div`
-	display: flex;
-	justify-content: center;
-	align-items: center;
-`;exports.ATagButton=v,exports.BasicLayoutBase=s,exports.ButtonWrapperInPc=_,exports.CenterBody=d,exports.ContentsPadding=y,exports.ContentsVerticalPadding=b,exports.ImgBase=f,exports.InformationIconWrapper=C,exports.MarginBottomHasFooter=g,exports.MarginBottomNoFooter=h,exports.MarginTopHasHeader=m,exports.MarginTopNoHeader=p,exports.PureLayoutBase=c,exports.SidePaddingBody=u,exports.StickBottomWrapper=x,exports.TooltipButtonWrapper=S,exports.defaultLRPadding=l;

package/dist/library/BasicLayout/index.styled.d.ts

@@ -1,110 +0,0 @@
-interface BasicLayoutBodyCenterProps {
-    bodyCenterizing: boolean;
-}
-interface BasicLayoutParentProps extends BasicLayoutBodyCenterProps {
-    hasGlobalLayoutHeader: boolean;
-}
-export declare const BasicLayoutBase: {
-    ParentWrapper: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    } & BasicLayoutParentProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    ChildrenWrapper: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    } & BasicLayoutBodyCenterProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    Header: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    Body: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    Footer: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-};
-export declare const PureLayoutBase: {
-    ParentWrapper: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    VerticalHorizontalCenterBody: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-};
-export declare const defaultLRPadding: {
-    larger: number;
-    smaller: number;
-};
-export declare const SidePaddingBody: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
-    theme?: import('@emotion/react').Theme;
-}, {}, {}>;
-export declare const CenterBody: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
-    theme?: import('@emotion/react').Theme;
-}, {}, {}>;
-interface ImageProps {
-    height: number;
-    width: number;
-}
-export declare const ImgBase: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & ImageProps, import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const MarginTopNoHeader: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MarginTopHasHeader: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MarginBottomNoFooter: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MarginBottomHasFooter: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    backgroundColor?: string;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ButtonWrapperInPc: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ATagButton: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
-export declare const ContentsPadding: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContentsVerticalPadding: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StickBottomWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TooltipButtonWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const InformationIconWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};
-//# sourceMappingURL=index.styled.d.ts.map

package/dist/library/BasicLayout/index.styled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../src/library/BasicLayout/index.styled.ts"],"names":[],"mappings":"AAaA,UAAU,0BAA0B;IACnC,eAAe,EAAE,OAAO,CAAC;CACzB;AAED,UAAU,sBAAuB,SAAQ,0BAA0B;IAClE,qBAAqB,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;CAiD3B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;CAY1B,CAAC;AAGF,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;UAM3B,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;UAUtB,CAAC;AAEF,UAAU,UAAU;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,OAAO;;;6HAGnB,CAAC;AAMF,eAAO,MAAM,iBAAiB;;;yGAO7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAO9B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAKhC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;sBAAkC,MAAM;yGAUzE,CAAC;AAGF,eAAO,MAAM,iBAAiB;;;yGAM7B,CAAC;AAEF,eAAO,MAAM,UAAU;;;qHAItB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAM3B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAMnC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAe9B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAUhC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;yGAIlC,CAAC"}

package/dist/library/BasicLayout/index.styled.esm.js

@@ -1,172 +0,0 @@
-import { basicColors as e } from "../../core/Colors/index.esm.js";
-import { Larger as t } from "../../utils/media.util.esm.js";
-import "../../utils/index.esm.js";
-import "../../core/index.esm.js";
-import { GNB_HEIGHT as n } from "../GNB/index.constant.esm.js";
-import { css as r } from "@emotion/react";
-import i from "@emotion/styled";
-//#region src/library/BasicLayout/index.styled.ts
-var a = (e = 0) => r`
-	height: calc(100vh - ${e}px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
-	height: calc(100vh - ${e}px - constant(safe-area-inset-top) - constant(safe-area-inset-bottom));
-`, o = {
-	ParentWrapper: i.div`
-		${({ hasGlobalLayoutHeader: e }) => e ? a(n.mobile) : a()}
-
-		${({ bodyCenterizing: e }) => !e && r`
-				height: inherit;
-			`}
-
-		${t(r`
-			/* scroll 생기기 전에는 sticky > relative 로 자리차지 */
-			height: initial;
-			padding: 80px 0;
-		`)};
-	`,
-	ChildrenWrapper: i.div`
-		width: 100%;
-		/* <Card /> spec 에서 disabled, click 등의 속성 없앰 */
-
-		box-sizing: border-box;
-		background-color: ${e.white};
-		border-radius: 20px;
-
-		/* [flex] stretch component 를 위해 우선 적용 */
-		${({ bodyCenterizing: e }) => e && r`
-				display: flex;
-				flex-direction: column;
-				height: 100%;
-			`}
-
-		${t(r`
-			width: 600px;
-			margin: 0 auto;
-			border-radius: 20px;
-			box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.04);
-
-			/* [flex] 초기화 */
-			flex: initial;
-			/*  bodyCenterizing 초기화 */
-			height: initial;
-		`)}
-	`,
-	Header: i.div``,
-	Body: i.div``,
-	Footer: i.div``
-}, s = {
-	ParentWrapper: i.div`
-		${a()}
-	`,
-	VerticalHorizontalCenterBody: i.div`
-		${a()}
-
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		flex-direction: column;
-	`
-}, c = {
-	larger: 80,
-	smaller: 20
-}, l = i(o.Body)`
-	padding: 0 ${c.smaller}px;
-
-	${t(r`
-		padding: 0 ${c.larger}px;
-	`)};
-`, u = i(o.Body)`
-	/* 주의사항 : BasicLayout.props bodyCenterizing={true} 를 넘겨줘야합니다 */
-	/* 세로 - full 차지 */
-	flex-grow: 1;
-
-	/* 박스 내 가로/세로 중앙 */
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	flex-direction: column;
-`, d = i.img`
-	width: ${({ width: e }) => e}px;
-	height: ${({ height: e }) => e}px;
-`, f = i.div`
-	width: 100%;
-	height: ${25}px; /** TODO: 임시, 정확한 수치 찾기 */
-
-	${t(r`
-		height: 80px;
-	`)}
-`, p = i.div`
-	width: 100%;
-	height: ${n.mobile}px;
-
-	${t(r`
-		height: ${n.pc}px;
-	`)}
-`, m = i.div`
-	width: 100%;
-	min-height: 80px; /* Body = flex-grow 에 대응하기위해 단순 height 로는 안됨 */
-
-	/** pc, mobile 공통 */
-`, h = i.div`
-	width: 100%;
-	height: 150px;
-
-	${({ backgroundColor: e }) => e && `background-color:${e}`};
-
-	${t(r`
-		width: auto;
-		height: auto;
-	`)}
-`, g = i.div`
-	padding: 60px ${c.larger}px 80px;
-
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-`, _ = i.a`
-	color: transparent;
-	text-decoration: none;
-	width: 100%;
-`, v = i.div`
-	padding: 0 ${c.smaller}px;
-
-	${t(r`
-		padding: 0 ${c.larger}px;
-	`)}
-`, y = i.div`
-	height: 15px;
-
-	${t(r`
-		height: 60px;
-	`)}
-`, b = i.div`
-	width: 100%;
-
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-
-	padding: 0 ${c.smaller}px;
-	position: fixed;
-	bottom: 20px;
-
-	${t(r`
-		padding: 60px ${c.larger}px 80px;
-		position: static;
-	`)}
-`, x = i.div`
-	.tippy-content {
-		background-color: ${e.gray900};
-		color: ${e.white};
-	}
-	.tippy-arrow:before {
-		border-top-color: ${e.gray900} !important;
-	}
-
-	width: 100%;
-`, S = i.div`
-	display: flex;
-	justify-content: center;
-	align-items: center;
-`;
-//#endregion
-export { _ as ATagButton, o as BasicLayoutBase, g as ButtonWrapperInPc, u as CenterBody, v as ContentsPadding, y as ContentsVerticalPadding, d as ImgBase, S as InformationIconWrapper, h as MarginBottomHasFooter, m as MarginBottomNoFooter, p as MarginTopHasHeader, f as MarginTopNoHeader, s as PureLayoutBase, l as SidePaddingBody, b as StickBottomWrapper, x as TooltipButtonWrapper, c as defaultLRPadding };

package/dist/library/Flex/index.cjs.js

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../chunks/chunk.DWNI8pZO.js"),t=require("./index.styled.cjs.js");let n=require("react");n=e.n(n);var r=Object.assign(n.default.Fragment,{Row:t.FlexContainerRow,Column:t.FlexContainerColumn,Item:t.FlexItem});exports.default=r;

package/dist/library/Flex/index.d.ts

@@ -1,22 +0,0 @@
-import { default as React } from 'react';
-import * as Styled from './index.styled';
-declare const Flex: React.ExoticComponent<React.FragmentProps> & {
-    Row: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    } & Styled.FlexContainerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    Column: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    } & Styled.FlexContainerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    Item: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    } & {
-        flexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-        flexGrow?: import("csstype").Property.FlexGrow | undefined;
-        flexShrink?: import("csstype").Property.FlexShrink | undefined;
-    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-};
-export default Flex;
-//# sourceMappingURL=index.d.ts.map

package/dist/library/Flex/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/library/Flex/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAEzC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAIR,CAAC;AAEH,eAAe,IAAI,CAAC"}