@pfct/purple 1.11.0 → 1.11.1

package/dist/components/Input/ResidentNumberInput/index.styled.esm.js

@@ -1,104 +0,0 @@
-import { basicColors as e, generateHexWithAlphaInLightMode as t } from "../../../core/Colors/index.esm.js";
-import { typographyMap as n } from "../../../core/TextStyles/index.esm.js";
-import { INNER_POSITION_BOTTOM as r, INNER_POSITION_TOP as i } from "../common/InputFrame/constant.esm.js";
-import { InputDisabledTextColor as a, NotActivePlaceholderOrLabelStyle as o } from "../common/InputFrame/index.styled.esm.js";
-import { css as s } from "@emotion/react";
-import c from "@emotion/styled";
-//#region src/components/Input/ResidentNumberInput/index.styled.ts
-var l = s`
-	${n.title1}
-`, u = ({ hasLabel: e }) => e && s`
-		padding: ${i.hasLabel}px 0 ${r.hasLabel}px 0;
-	`, d = c.input`
-	${l};
-	${u};
-
-	padding-left: ${20}px;
-
-	width: ${({ focused: e }) => e ? "150px" : "100%"};
-	height: 100%;
-	border: none;
-	background-color: ${t(e.white, "0%")};
-
-	&:focus {
-		outline: none;
-	}
-
-	&:disabled {
-		color: ${a};
-	}
-
-	&::placeholder {
-		${({ hasLabel: e }) => o({ hasLabel: e })}
-		top: initial;
-	}
-`, f = c.div`
-	${l};
-	${u};
-
-	margin-right: 5px;
-	visibility: ${({ visible: e }) => e ? "visible" : "hidden"};
-
-	${({ disabled: e }) => e && s`
-			color: ${a};
-		`}
-`, p = c.input`
-	${l};
-	${u};
-
-	width: 20px;
-	height: ${63}px;
-
-	outline: none;
-	border: none;
-	pointer-events: none;
-
-	&:disabled {
-		color: ${a};
-	}
-`, m = c.div`
-	${u};
-
-	position: relative;
-	height: 65px;
-	box-sizing: border-box;
-`, h = s`
-	height: 23px;
-	line-height: 23px;
-`, g = c.div`
-	${l};
-	${h};
-
-	color: ${e.gray200};
-	position: absolute;
-	z-index: 1;
-	visibility: ${({ visible: e }) => e ? "visible" : "hidden"};
-	pointer-events: none;
-`, _ = c.div`
-	${l};
-	${h};
-
-	position: absolute;
-	pointer-events: none;
-	z-index: 2;
-	color: ${({ disabled: t }) => t ? a : e.gray900};
-`, v = c(d)`
-	${h};
-
-	width: 105px;
-	padding: 0;
-	color: transparent !important;
-	caret-color: transparent !important;
-
-	&:focus {
-		outline: none;
-	}
-`, y = c.div`
-	${h};
-	color: ${({ disabled: t }) => t ? a : e.gray900};
-
-	visibility: ${({ visible: e }) => e ? "visible" : "hidden"};
-	pointer-events: all;
-`;
-//#endregion
-export { d as BirthInput, m as FakeInputWrapper, v as FakeSecurityInput, p as GenderNumberInput, f as Hyphen, g as SecurityPlaceHolder, _ as VirtualPlaceHolder, y as VirtualPlaceHolderSevenTypeInput };

package/dist/components/Input/common/InputFrame/index.styled.cjs.js

@@ -1,63 +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("../../../../core/TextStyles/index.cjs.js"),r=require("./constant.cjs.js");let i=require("@emotion/react"),a=require("@emotion/styled");a=e.n(a);var o=e.t({ErrorText:()=>d,InputDisabledTextColor:()=>c,InputLabel:()=>u,InputWrapper:()=>l,NotActivePlaceholderOrLabelStyle:()=>s}),s=({hasLabel:e})=>i.css`
-	${n.typographyMap.title1}
-
-	position: absolute;
-	top: ${e?r.INNER_POSITION_TOP.hasLabel:r.INNER_POSITION_TOP.noLabel}px;
-	left: ${20}px;
-	color: ${t.basicColors.gray100};
-`,c=t.basicColors.gray200,l=a.default.div`
-	width: 100%;
-	height: ${65}px;
-	position: relative;
-	box-sizing: border-box;
-	background-color: ${t.basicColors.white};
-	border: 1px solid ${({active:e})=>e?t.basicColors.gray600:t.basicColors.gray50};
-	border-radius: 10px;
-	display: flex;
-	align-items: center;
-
-	${({error:e})=>e&&i.css`
-			border: 1px solid ${t.basicColors.red400};
-		`}
-
-	${({active:e})=>e&&i.css`
-			box-shadow: 0 2px 5px ${t.generateHexWithAlphaInLightMode(t.basicColors.gray900,`10%`)};
-		`}
-
-	${({disabled:e,error:n})=>n?null:e?i.css`
-						background-color: ${t.basicColors.gray25};
-						color: ${c};
-					`:i.css`
-						&:hover {
-							border: 1px solid ${t.basicColors.gray600};
-							box-shadow: 0 2px 5px ${t.generateHexWithAlphaInLightMode(t.basicColors.gray900,`10%`)};
-						}
-						&:focus {
-							border: 1px solid ${t.basicColors.gray600};
-							outline: none;
-						}
-					`};
-`,u=a.default.label`
-	position: absolute;
-	color: ${t.basicColors.gray200};
-	left: ${20}px;
-	pointer-events: none;
-	transition-property: font-size, transform;
-	transition-duration: 0.4s;
-
-	${({active:e})=>e?i.css`
-					top: 11px;
-					${n.typographyMap.body2}
-				`:i.css`
-					bottom: 50%;
-					transform: translate(0%, 50%);
-					${n.typographyMap.title1}
-				`};
-`,d=a.default.div`
-	bottom: 0px;
-	position: relative;
-	${n.typographyMap.body2};
-	color: ${t.basicColors.red400};
-	margin-top: 10px;
-	left: 5px;
-`;exports.ErrorText=d,exports.InputDisabledTextColor=c,exports.InputLabel=u,exports.InputWrapper=l,exports.NotActivePlaceholderOrLabelStyle=s,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/components/Input/common/InputFrame/index.styled.d.ts

@@ -1,26 +0,0 @@
-interface InputLabelType {
-    active: boolean;
-}
-interface DisabledType {
-    disabled?: boolean;
-}
-export declare const NotActivePlaceholderOrLabelStyle: ({ hasLabel }: {
-    hasLabel: boolean;
-}) => import('@emotion/utils').SerializedStyles;
-export declare const InputDisabledTextColor: "#C0C0C0";
-export declare const InputWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & InputLabelType & DisabledType & {
-    error: boolean;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const InputLabel: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & InputLabelType, import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const ErrorText: 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/components/Input/common/InputFrame/index.styled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/common/InputFrame/index.styled.ts"],"names":[],"mappings":"AAMA,UAAU,cAAc;IACvB,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,UAAU,YAAY;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,gCAAgC,GAAI,cAAc;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,8CAOnF,CAAC;AAEF,eAAO,MAAM,sBAAsB,WAAsB,CAAC;AAE1D,eAAO,MAAM,YAAY;;;;WAAuD,OAAO;yGAyCtF,CAAC;AAEF,eAAO,MAAM,UAAU;;;mIAmBtB,CAAC;AAEF,eAAO,MAAM,SAAS;;;yGAOrB,CAAC"}

package/dist/components/Input/common/InputFrame/index.styled.esm.js

@@ -1,78 +0,0 @@
-import { t as e } from "../../../../chunks/chunk.Dy4uBu1J.js";
-import { basicColors as t, generateHexWithAlphaInLightMode as n } from "../../../../core/Colors/index.esm.js";
-import { typographyMap as r } from "../../../../core/TextStyles/index.esm.js";
-import { INNER_POSITION_TOP as i } from "./constant.esm.js";
-import { css as a } from "@emotion/react";
-import o from "@emotion/styled";
-//#region src/components/Input/common/InputFrame/index.styled.ts
-var s = /* @__PURE__ */ e({
-	ErrorText: () => f,
-	InputDisabledTextColor: () => l,
-	InputLabel: () => d,
-	InputWrapper: () => u,
-	NotActivePlaceholderOrLabelStyle: () => c
-}), c = ({ hasLabel: e }) => a`
-	${r.title1}
-
-	position: absolute;
-	top: ${e ? i.hasLabel : i.noLabel}px;
-	left: ${20}px;
-	color: ${t.gray100};
-`, l = t.gray200, u = o.div`
-	width: 100%;
-	height: ${65}px;
-	position: relative;
-	box-sizing: border-box;
-	background-color: ${t.white};
-	border: 1px solid ${({ active: e }) => e ? t.gray600 : t.gray50};
-	border-radius: 10px;
-	display: flex;
-	align-items: center;
-
-	${({ error: e }) => e && a`
-			border: 1px solid ${t.red400};
-		`}
-
-	${({ active: e }) => e && a`
-			box-shadow: 0 2px 5px ${n(t.gray900, "10%")};
-		`}
-
-	${({ disabled: e, error: r }) => r ? null : e ? a`
-						background-color: ${t.gray25};
-						color: ${l};
-					` : a`
-						&:hover {
-							border: 1px solid ${t.gray600};
-							box-shadow: 0 2px 5px ${n(t.gray900, "10%")};
-						}
-						&:focus {
-							border: 1px solid ${t.gray600};
-							outline: none;
-						}
-					`};
-`, d = o.label`
-	position: absolute;
-	color: ${t.gray200};
-	left: ${20}px;
-	pointer-events: none;
-	transition-property: font-size, transform;
-	transition-duration: 0.4s;
-
-	${({ active: e }) => e ? a`
-					top: 11px;
-					${r.body2}
-				` : a`
-					bottom: 50%;
-					transform: translate(0%, 50%);
-					${r.title1}
-				`};
-`, f = o.div`
-	bottom: 0px;
-	position: relative;
-	${r.body2};
-	color: ${t.red400};
-	margin-top: 10px;
-	left: 5px;
-`;
-//#endregion
-export { f as ErrorText, l as InputDisabledTextColor, d as InputLabel, u as InputWrapper, c as NotActivePlaceholderOrLabelStyle, s as t };

package/dist/components/SelectBox/index.styled.cjs.js

@@ -1,68 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk.DWNI8pZO.js"),t=require("../../constants/style.constants.cjs.js"),n=require("../../core/Colors/index.cjs.js"),r=require("../../utils/media.util.cjs.js");require("../../utils/index.cjs.js");const i=require("../../core/TextStyles/index.cjs.js");let a=require("@emotion/react"),o=require("@emotion/styled");o=e.n(o);var s=e.t({Desktop:()=>m,IconWrapper:()=>p,Item:()=>f,ItemList:()=>d,ItemListWrapper:()=>l,ListBottomMargin:()=>u,Mobile:()=>h,Wrapper:()=>c}),c=o.default.div`
-	& > div > .select-box {
-		cursor: pointer;
-	}
-	position: relative;
-`,l=o.default.div`
-	position: absolute;
-	z-index: ${t.zIndex.basicLayer+1};
-	width: 100%;
-	height: max-content;
-
-	${r.Larger(a.css`
-		top: 70px;
-	`)}
-`,u=o.default.div`
-	height: 80px;
-	pointer-events: none;
-`,d=o.default.div`
-	box-shadow: 0 2px 10px ${n.generateHexWithAlphaInLightMode(n.basicColors.black,`20%`)};
-	background-color: ${n.basicColors.white};
-	border-radius: 10px;
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	max-height: ${65*4.5}px;
-	overflow-y: scroll;
-`,f=o.default.div`
-	width: 100%;
-	height: 50px;
-	padding: 15px 25px;
-	cursor: pointer;
-	${i.title2({color:n.basicColors.gray400})};
-	background-color: ${n.basicColors.white};
-
-	&:first-of-type {
-		border-top-right-radius: 10px;
-		border-top-left-radius: 10px;
-	}
-
-	&:last-of-type {
-		border-bottom-right-radius: 10px;
-		border-bottom-left-radius: 10px;
-	}
-
-	&:hover {
-		background-color: ${n.basicColors.gray25};
-	}
-
-	&:active {
-		background-color: ${n.basicColors.gray50};
-	}
-`,p=o.default.div`
-	position: absolute;
-	z-index: 10;
-	right: 20px;
-	top: ${({rotateArrow:e})=>e?`18px`:`20px`};
-	cursor: pointer;
-	transform: ${({rotateArrow:e})=>e?`rotate(180deg)`:`rotate(0)`};
-	pointer-events: none;
-`,m=o.default.div`
-	${r.Smaller(a.css`
-		display: none;
-	`)}
-`,h=o.default.div`
-	${r.Larger(a.css`
-		display: none;
-	`)}
-`;exports.Desktop=m,exports.IconWrapper=p,exports.Item=f,exports.ItemList=d,exports.ItemListWrapper=l,exports.ListBottomMargin=u,exports.Mobile=h,exports.Wrapper=c,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/dist/components/SelectBox/index.styled.d.ts

@@ -1,35 +0,0 @@
-export declare const Wrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ItemListWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ListBottomMargin: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ItemList: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Item: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const IconWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    rotateArrow: boolean;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Desktop: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Mobile: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=index.styled.d.ts.map

package/dist/components/SelectBox/index.styled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/index.styled.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO;;;yGAKnB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAS3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAG5B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yGASpB,CAAC;AAEF,eAAO,MAAM,IAAI;;;yGAyBhB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;iBAA6B,OAAO;yGAQ3D,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;yGAIlB,CAAC"}

package/dist/components/SelectBox/index.styled.esm.js

@@ -1,88 +0,0 @@
-import { t as e } from "../../chunks/chunk.Dy4uBu1J.js";
-import { zIndex as t } from "../../constants/style.constants.esm.js";
-import { basicColors as n, generateHexWithAlphaInLightMode as r } from "../../core/Colors/index.esm.js";
-import { Larger as i, Smaller as a } from "../../utils/media.util.esm.js";
-import "../../utils/index.esm.js";
-import { title2 as o } from "../../core/TextStyles/index.esm.js";
-import { css as s } from "@emotion/react";
-import c from "@emotion/styled";
-//#region src/components/SelectBox/index.styled.ts
-var l = /* @__PURE__ */ e({
-	Desktop: () => g,
-	IconWrapper: () => h,
-	Item: () => m,
-	ItemList: () => p,
-	ItemListWrapper: () => d,
-	ListBottomMargin: () => f,
-	Mobile: () => _,
-	Wrapper: () => u
-}), u = c.div`
-	& > div > .select-box {
-		cursor: pointer;
-	}
-	position: relative;
-`, d = c.div`
-	position: absolute;
-	z-index: ${t.basicLayer + 1};
-	width: 100%;
-	height: max-content;
-
-	${i(s`
-		top: 70px;
-	`)}
-`, f = c.div`
-	height: 80px;
-	pointer-events: none;
-`, p = c.div`
-	box-shadow: 0 2px 10px ${r(n.black, "20%")};
-	background-color: ${n.white};
-	border-radius: 10px;
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	max-height: ${65 * 4.5}px;
-	overflow-y: scroll;
-`, m = c.div`
-	width: 100%;
-	height: 50px;
-	padding: 15px 25px;
-	cursor: pointer;
-	${o({ color: n.gray400 })};
-	background-color: ${n.white};
-
-	&:first-of-type {
-		border-top-right-radius: 10px;
-		border-top-left-radius: 10px;
-	}
-
-	&:last-of-type {
-		border-bottom-right-radius: 10px;
-		border-bottom-left-radius: 10px;
-	}
-
-	&:hover {
-		background-color: ${n.gray25};
-	}
-
-	&:active {
-		background-color: ${n.gray50};
-	}
-`, h = c.div`
-	position: absolute;
-	z-index: 10;
-	right: 20px;
-	top: ${({ rotateArrow: e }) => e ? "18px" : "20px"};
-	cursor: pointer;
-	transform: ${({ rotateArrow: e }) => e ? "rotate(180deg)" : "rotate(0)"};
-	pointer-events: none;
-`, g = c.div`
-	${a(s`
-		display: none;
-	`)}
-`, _ = c.div`
-	${i(s`
-		display: none;
-	`)}
-`;
-//#endregion
-export { g as Desktop, h as IconWrapper, m as Item, p as ItemList, d as ItemListWrapper, f as ListBottomMargin, _ as Mobile, u as Wrapper, l as t };

package/dist/core/Display/Mobile.cjs.js

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./index.styled.cjs.js");let t=require("react/jsx-runtime");var n=({children:n})=>(0,t.jsx)(e.MobileWrapper,{children:n});exports.default=n;

package/dist/core/Display/Mobile.d.ts

@@ -1,4 +0,0 @@
-import { ReactFCWithChildren } from '../../types/react';
-declare const Mobile: ReactFCWithChildren;
-export default Mobile;
-//# sourceMappingURL=Mobile.d.ts.map

package/dist/core/Display/Mobile.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Mobile.d.ts","sourceRoot":"","sources":["../../../src/core/Display/Mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,QAAA,MAAM,MAAM,EAAE,mBAAiF,CAAC;AAEhG,eAAe,MAAM,CAAC"}

package/dist/core/Display/Mobile.esm.js

@@ -1,6 +0,0 @@
-import { MobileWrapper as e } from "./index.styled.esm.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/core/Display/Mobile.tsx
-var n = ({ children: n }) => /* @__PURE__ */ t(e, { children: n });
-//#endregion
-export { n as default };

package/dist/core/Display/Pc.cjs.js

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./index.styled.cjs.js");let t=require("react/jsx-runtime");var n=({children:n})=>(0,t.jsx)(e.PcWrapper,{children:n});exports.default=n;

package/dist/core/Display/Pc.d.ts

@@ -1,4 +0,0 @@
-import { ReactFCWithChildren } from '../../types/react';
-declare const Pc: ReactFCWithChildren;
-export default Pc;
-//# sourceMappingURL=Pc.d.ts.map

package/dist/core/Display/Pc.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pc.d.ts","sourceRoot":"","sources":["../../../src/core/Display/Pc.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,QAAA,MAAM,EAAE,EAAE,mBAAyE,CAAC;AAEpF,eAAe,EAAE,CAAC"}

package/dist/core/Display/Pc.esm.js

@@ -1,6 +0,0 @@
-import { PcWrapper as e } from "./index.styled.esm.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/core/Display/Pc.tsx
-var n = ({ children: n }) => /* @__PURE__ */ t(e, { children: n });
-//#endregion
-export { n as default };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./Mobile.cjs.js"),t=require("./Pc.cjs.js");exports.Mobile=e.default,exports.Pc=t.default;

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

@@ -1,4 +0,0 @@
-import { default as Mobile } from './Mobile';
-import { default as Pc } from './Pc';
-export { Mobile, Pc };
-//# sourceMappingURL=index.d.ts.map

package/dist/core/Display/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/Display/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC"}

package/dist/core/Display/index.esm.js

@@ -1,3 +0,0 @@
-import e from "./Mobile.esm.js";
-import t from "./Pc.esm.js";
-export { e as Mobile, t as Pc };

package/dist/core/Display/index.styled.cjs.js

@@ -1,9 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk.DWNI8pZO.js"),t=require("../../utils/media.util.cjs.js");require("../../utils/index.cjs.js");let n=require("@emotion/react"),r=require("@emotion/styled");r=e.n(r);var i=r.default.div`
-	${t.Smaller(n.css`
-		display: none;
-	`)}
-`,a=r.default.div`
-	${t.Larger(n.css`
-		display: none;
-	`)}
-`;exports.MobileWrapper=a,exports.PcWrapper=i;

package/dist/core/Display/index.styled.d.ts

@@ -1,9 +0,0 @@
-export declare const PcWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MobileWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=index.styled.d.ts.map

package/dist/core/Display/index.styled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../src/core/Display/index.styled.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;yGAIrB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAIzB,CAAC"}

package/dist/core/Display/index.styled.esm.js

@@ -1,16 +0,0 @@
-import { Larger as e, Smaller as t } from "../../utils/media.util.esm.js";
-import "../../utils/index.esm.js";
-import { css as n } from "@emotion/react";
-import r from "@emotion/styled";
-//#region src/core/Display/index.styled.ts
-var i = r.div`
-	${t(n`
-		display: none;
-	`)}
-`, a = r.div`
-	${e(n`
-		display: none;
-	`)}
-`;
-//#endregion
-export { a as MobileWrapper, i as PcWrapper };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../IconWithImage/index.cjs.js"),t=require("./index.styled.cjs.js");let n=require("react/jsx-runtime");var r=({imagePath:r,imageType:i,imageWidth:a,imageHeight:o})=>{let s=(0,n.jsx)(n.Fragment,{});return i===`pngSet`?s=(0,n.jsx)(e.IconWithImage,{srcPath:r,width:a}):i===`png`?s=(0,n.jsx)(t.ImgBase,{height:o,src:`${r}.png`,width:a}):i===`svg`&&(s=(0,n.jsx)(t.ImgBase,{height:o,src:`${r}.svg`,width:a})),(0,n.jsx)(t.CenterBody,{children:s})};exports.ImageCenterBodyComp=r;

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

@@ -1,16 +0,0 @@
-import { default as React } from 'react';
-/**
- * ImageCenterBodyComp : 이미지 한개만 갖고 있고, 상하좌우 중앙정렬을 자동 세팅해줍니다.
- *
- * @param imagePath
- * - process.env.NEXT_PUBLIC_ASSETS_URL 도 넘겨줍니다.
- * - A@2x.png -> A 만 넣기 / B.svg -> B 만 넣기
- * @returns
- */
-export declare const ImageCenterBodyComp: React.FC<{
-    imagePath: string;
-    imageType: 'pngSet' | 'png' | 'svg';
-    imageWidth: number;
-    imageHeight: number;
-}>;
-//# sourceMappingURL=Body.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/library/BasicLayout/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACpB,CAWA,CAAC"}

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

@@ -1,21 +0,0 @@
-import { IconWithImage as e } from "../IconWithImage/index.esm.js";
-import { CenterBody as t, ImgBase as n } from "./index.styled.esm.js";
-import { Fragment as r, jsx as i } from "react/jsx-runtime";
-//#region src/library/BasicLayout/Body.tsx
-var a = ({ imagePath: a, imageType: o, imageWidth: s, imageHeight: c }) => {
-	let l = /* @__PURE__ */ i(r, {});
-	return o === "pngSet" ? l = /* @__PURE__ */ i(e, {
-		srcPath: a,
-		width: s
-	}) : o === "png" ? l = /* @__PURE__ */ i(n, {
-		height: c,
-		src: `${a}.png`,
-		width: s
-	}) : o === "svg" && (l = /* @__PURE__ */ i(n, {
-		height: c,
-		src: `${a}.svg`,
-		width: s
-	})), /* @__PURE__ */ i(t, { children: l });
-};
-//#endregion
-export { a as ImageCenterBodyComp };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../icons/src/icons/Information.cjs.js"),t=require("../../components/ui/button.cjs.js"),n=require("../../components/Button/DoubleButton/index.cjs.js"),r=require("../../components/MiniButton/UnderLineMiniButton/index.cjs.js"),i=require("../../components/Button/FloatDoubleButton/index.cjs.js"),a=require("../../components/Button/FloatSingleButton/index.cjs.js"),o=require("../../hooks/useLayoutIsMobile.cjs.js");require("../../hooks/index.cjs.js");const s=require("../../components/ui/typography.cjs.js"),c=require("../Spacing/index.cjs.js"),l=require("../../chunks/impact-tooltip.CUkViB9L.js");require("../../index.cjs.js");const u=require("./index.styled.cjs.js");let d=require("react/jsx-runtime");var f=({marginBottomHasFooterBackgroundColor:e,...n})=>(0,d.jsx)(d.Fragment,{children:o.default()?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(a.FloatSingleButton,{...n}),(0,d.jsx)(u.MarginBottomHasFooter,{backgroundColor:e})]}):(0,d.jsxs)(u.ButtonWrapperInPc,{children:[n.underlineText&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(r.UnderLineMiniButton,{colorType:`gray`,disabled:n.underlineDisabled,onClick:n.underlineOnClick,size:`m`,children:n.underlineText}),(0,d.jsx)(c.Spacing,{spaceNumber:25})]}),(0,d.jsx)(t.Button,{...n,children:n.children})]})}),p=({target:e=`_blank`,...n})=>(0,d.jsx)(_,{children:(0,d.jsx)(u.ATagButton,{href:n.openUrl,onClick:n.onClick,rel:`noreferrer`,target:e,children:(0,d.jsx)(t.Button,{colorType:n.colorType,disabled:n.disabled,purpose:n.purpose,children:n.children})})}),m=e=>(0,d.jsx)(d.Fragment,{children:o.default()?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(i.FloatDoubleButton,{...e}),(0,d.jsx)(u.MarginBottomHasFooter,{})]}):(0,d.jsxs)(u.ButtonWrapperInPc,{children:[e.underlineText&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(r.UnderLineMiniButton,{colorType:`gray`,disabled:e.underlineDisabled,onClick:e.underlineOnClick,size:`m`,children:e.underlineText}),(0,d.jsx)(c.Spacing,{spaceNumber:25})]}),(0,d.jsx)(n.DoubleButton,{...e})]})}),h=e=>(0,d.jsx)(_,{children:e.tooltip?(0,d.jsxs)(l.t,{children:[(0,d.jsx)(l.a,{children:(0,d.jsx)(t.Button,{...e})}),(0,d.jsx)(l.i,{...e.tooltip})]}):(0,d.jsx)(t.Button,{...e})}),g=n=>(0,d.jsxs)(_,{children:[(0,d.jsxs)(u.InformationIconWrapper,{children:[(0,d.jsx)(e.default,{}),(0,d.jsx)(s.Typography,{className:`text-gray-400`,variant:`t3`,children:n.infoText})]}),(0,d.jsx)(c.Spacing,{spaceNumber:30}),(0,d.jsx)(t.Button,{...n})]}),_=({children:e})=>(0,d.jsxs)(d.Fragment,{children:[o.default()&&(0,d.jsx)(u.MarginBottomHasFooter,{}),(0,d.jsx)(u.StickBottomWrapper,{children:e})]});exports.DoubleButtonComp=m,exports.SingleATagComp=p,exports.SingleButtonComp=f,exports.SingleButtonWithInformationIconComp=g,exports.SingleButtonWithTooltipComp=h,exports.StickBottomWrapperComp=_;

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

@@ -1,23 +0,0 @@
-import { default as React } from 'react';
-import { ButtonProps } from '../../components/ui/button';
-import { ImpactTooltipContentProps } from '../../components';
-import { FloatDoubleButtonProps } from '../../components/Button/FloatDoubleButton';
-import { FloatSingleButtonProps } from '../../components/Button/FloatSingleButton';
-import { ReactFCWithChildren } from '../../types/react';
-export type SingleButtonCompProps = FloatSingleButtonProps & {
-    marginBottomHasFooterBackgroundColor?: string;
-};
-export declare const SingleButtonComp: React.FC<SingleButtonCompProps>;
-export declare const SingleATagComp: React.FC<FloatSingleButtonProps & {
-    openUrl: string;
-    target?: string;
-}>;
-export declare const DoubleButtonComp: React.FC<FloatDoubleButtonProps>;
-export declare const SingleButtonWithTooltipComp: React.FC<ButtonProps & {
-    tooltip: ImpactTooltipContentProps;
-}>;
-export declare const SingleButtonWithInformationIconComp: React.FC<ButtonProps & {
-    infoText: string;
-}>;
-export declare const StickBottomWrapperComp: ReactFCWithChildren;
-//# sourceMappingURL=Footer.d.ts.map