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

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

@@ -0,0 +1,109 @@
+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 {
+    width: number;
+    height: 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 {};

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

@@ -0,0 +1,257 @@
+import { css as o } from "@emotion/react";
+import t from "@emotion/styled";
+import { basicColors as e } from "../../core/Colors/index.es.js";
+import "../../chunks/jsx-runtime.Drh4NO5G.js";
+import "../../chunks/index.styled.BYf5H-kQ.js";
+import "../../core/TextStyles/index.es.js";
+import "../../components/ui/typography.es.js";
+import { GNB_HEIGHT as m } from "../GNB/index.constant.es.js";
+import { Larger as r } from "../../utils/media.util.es.js";
+import "../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../components/Accordion/index.es.js";
+import "../../components/Badge/IconBadge/index.styled.es.js";
+import "../../components/Badge/TextBadge/index.styled.es.js";
+import "react";
+import "../../components/Loading/Skeleton/index.es.js";
+import "../../components/Loading/Spinner/index.styled.es.js";
+import "../../components/Card/index.styled.es.js";
+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 "../../icons/src/icons/Alarm_fill.es.js";
+import "../../icons/src/icons/Cancel.es.js";
+import "../../icons/src/icons/Cancel_circle.es.js";
+import "../../icons/src/icons/Calendar.es.js";
+import "../../icons/src/icons/Check.es.js";
+import "../../icons/src/icons/Chevron_down.es.js";
+import "../../icons/src/icons/Chevron_up.es.js";
+import "../../icons/src/icons/Chevron_left.es.js";
+import "../../icons/src/icons/Double_Chevron_right.es.js";
+import "../../icons/src/icons/Cart_fill.es.js";
+import "../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../icons/src/icons/Chevron_right.es.js";
+import "../../icons/src/icons/Filter.es.js";
+import "../../icons/src/icons/Plus.es.js";
+import "../../icons/src/icons/Question_circle.es.js";
+import "../../icons/src/icons/Re.es.js";
+import "../../icons/src/icons/Person_fill.es.js";
+import "../../icons/src/icons/Menu.es.js";
+import "../../icons/src/icons/Setting_fill.es.js";
+import "../../icons/src/icons/Information.es.js";
+import "../../icons/src/icons/Eye_fill.es.js";
+import "../../icons/src/icons/More.es.js";
+import "../../icons/src/icons/Store.es.js";
+import "../../icons/src/icons/Share.es.js";
+import "../../icons/src/icons/Search.es.js";
+import "../IconWithImage/index.styled.es.js";
+import "../List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../Lottie/index.styled.es.js";
+import "../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.DmJ27_dc.js";
+import "../../components/Input/BaseInput/index.es.js";
+import "../../components/Input/PostfixInput/index.es.js";
+import "../../components/Input/ResidentNumberInput/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";
+import "../../components/ui/bottomSheet.es.js";
+const n = (i = 0) => o`
+	height: calc(100vh - ${i}px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
+	height: calc(100vh - ${i}px - constant(safe-area-inset-top) - constant(safe-area-inset-bottom));
+`, a = {
+  ParentWrapper: t.div`
+		${({ hasGlobalLayoutHeader: i }) => i ? n(m.mobile) : n()}
+
+		${({ bodyCenterizing: i }) => !i && o`
+				height: inherit;
+			`}
+
+		${r(o`
+			/* scroll 생기기 전에는 sticky > relative 로 자리차지 */
+			height: initial;
+			padding: 80px 0;
+		`)};
+	`,
+  ChildrenWrapper: t.div`
+		width: 100%;
+		/* <Card /> spec 에서 disabled, click 등의 속성 없앰 */
+
+		box-sizing: border-box;
+		background-color: ${e.white};
+		border-radius: 20px;
+
+		/* [flex] stretch component 를 위해 우선 적용 */
+		${({ bodyCenterizing: i }) => i && o`
+				display: flex;
+				flex-direction: column;
+				height: 100%;
+			`}
+
+		${r(o`
+			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: t.div``,
+  Body: t.div``,
+  Footer: t.div``
+}, Nt = {
+  ParentWrapper: t.div`
+		${n()}
+	`,
+  VerticalHorizontalCenterBody: t.div`
+		${n()}
+
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		flex-direction: column;
+	`
+}, p = {
+  larger: 80,
+  smaller: 20
+}, _t = t(a.Body)`
+	padding: 0 ${p.smaller}px;
+
+	${r(o`
+		padding: 0 ${p.larger}px;
+	`)};
+`, kt = t(a.Body)`
+	/* 주의사항 : BasicLayout.props bodyCenterizing={true} 를 넘겨줘야합니다 */
+	/* 세로 - full 차지 */
+	flex-grow: 1;
+
+	/* 박스 내 가로/세로 중앙 */
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-direction: column;
+`, Ot = t.img`
+	width: ${({ width: i }) => i}px;
+	height: ${({ height: i }) => i}px;
+`, d = 25, zt = t.div`
+	width: 100%;
+	height: ${d}px; /** TODO: 임시, 정확한 수치 찾기 */
+
+	${r(o`
+		height: 80px;
+	`)}
+`, Et = t.div`
+	width: 100%;
+	height: ${m.mobile}px;
+
+	${r(o`
+		height: ${m.pc}px;
+	`)}
+`, Ft = t.div`
+	width: 100%;
+	min-height: 80px; /* Body = flex-grow 에 대응하기위해 단순 height 로는 안됨 */
+
+	/** pc, mobile 공통 */
+`, jt = t.div`
+	width: 100%;
+	height: 150px;
+
+	${({ backgroundColor: i }) => i && `background-color:${i}`};
+
+	${r(o`
+		width: auto;
+		height: auto;
+	`)}
+`, At = t.div`
+	padding: 60px ${p.larger}px 80px;
+
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+`, Gt = t.a`
+	color: transparent;
+	text-decoration: none;
+	width: 100%;
+`, Rt = t.div`
+	padding: 0 ${p.smaller}px;
+
+	${r(o`
+		padding: 0 ${p.larger}px;
+	`)}
+`, St = t.div`
+	height: 15px;
+
+	${r(o`
+		height: 60px;
+	`)}
+`, Dt = t.div`
+	width: 100%;
+
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+
+	padding: 0 ${p.smaller}px;
+	position: fixed;
+	bottom: 20px;
+
+	${r(o`
+		padding: 60px ${p.larger}px 80px;
+		position: static;
+	`)}
+`, Vt = t.div`
+	.tippy-content {
+		background-color: ${e.gray900};
+		color: ${e.white};
+	}
+	.tippy-arrow:before {
+		border-top-color: ${e.gray900} !important;
+	}
+
+	width: 100%;
+`, qt = t.div`
+	display: flex;
+	justify-content: center;
+	align-items: center;
+`;
+export {
+  Gt as ATagButton,
+  a as BasicLayoutBase,
+  At as ButtonWrapperInPc,
+  kt as CenterBody,
+  Rt as ContentsPadding,
+  St as ContentsVerticalPadding,
+  Ot as ImgBase,
+  qt as InformationIconWrapper,
+  jt as MarginBottomHasFooter,
+  Ft as MarginBottomNoFooter,
+  Et as MarginTopHasHeader,
+  zt as MarginTopNoHeader,
+  Nt as PureLayoutBase,
+  _t as SidePaddingBody,
+  Dt as StickBottomWrapper,
+  Vt as TooltipButtonWrapper,
+  p as defaultLRPadding
+};

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

@@ -0,0 +1 @@
+"use strict";const n=require("react"),e=require("./index.styled.cjs.js"),o=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},l=o(n),a=Object.assign(l.default.Fragment,{Row:e.FlexContainerRow,Column:e.FlexContainerColumn,Item:e.FlexItem});module.exports=a;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import * as Styled from './index.styled';
+interface FlexComponent extends React.FC {
+    Row: typeof Styled.FlexContainerRow;
+    Column: typeof Styled.FlexContainerColumn;
+    Item: typeof Styled.FlexItem;
+}
+declare const Flex: FlexComponent;
+export default Flex;

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

@@ -0,0 +1,10 @@
+import e from "react";
+import { FlexItem as t, FlexContainerColumn as o, FlexContainerRow as m } from "./index.styled.es.js";
+const l = Object.assign(e.Fragment, {
+  Row: m,
+  Column: o,
+  Item: t
+});
+export {
+  l as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@emotion/styled"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(l),n=e=>({display:"flex",flexWrap:e.flexWrap?e.flexWrap:void 0,justifyContent:e.justifyContent?e.justifyContent:void 0,alignContent:e.alignContent?e.alignContent:void 0}),i=t.default.div(e=>({...n(e),flexDirection:"row"})),a=t.default.div(e=>({...n(e),flexDirection:"column"})),f=t.default.div(e=>({flexGrow:e.flexGrow?e.flexGrow:void 0,flexShrink:e.flexShrink?e.flexGrow:void 0,flexBasis:e.flexBasis?e.flexBasis:void 0}));exports.FlexContainerColumn=a;exports.FlexContainerRow=i;exports.FlexItem=f;

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

@@ -0,0 +1,16 @@
+import { CSSProperties } from 'react';
+export type FlexContainerProps = Pick<CSSProperties, 'flexWrap' | 'justifyContent' | 'alignItems' | 'alignContent'>;
+type FlexItemProps = Pick<CSSProperties, 'flexGrow' | 'flexShrink' | 'flexBasis'>;
+export declare const FlexContainerRow: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & FlexContainerProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FlexContainerColumn: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & FlexContainerProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FlexItem: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & FlexItemProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/library/Flex/index.styled.es.js

@@ -0,0 +1,22 @@
+import n from "@emotion/styled";
+const l = (e) => ({
+  display: "flex",
+  flexWrap: e.flexWrap ? e.flexWrap : void 0,
+  justifyContent: e.justifyContent ? e.justifyContent : void 0,
+  alignContent: e.alignContent ? e.alignContent : void 0
+}), t = n.div((e) => ({
+  ...l(e),
+  flexDirection: "row"
+})), i = n.div((e) => ({
+  ...l(e),
+  flexDirection: "column"
+})), x = n.div((e) => ({
+  flexGrow: e.flexGrow ? e.flexGrow : void 0,
+  flexShrink: e.flexShrink ? e.flexGrow : void 0,
+  flexBasis: e.flexBasis ? e.flexBasis : void 0
+}));
+export {
+  i as FlexContainerColumn,
+  t as FlexContainerRow,
+  x as FlexItem
+};

package/dist/library/GNB/index.constant.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={pc:84,mobile:55};exports.GNB_HEIGHT=e;

package/dist/library/GNB/index.constant.d.ts

@@ -0,0 +1,4 @@
+export declare const GNB_HEIGHT: {
+    pc: number;
+    mobile: number;
+};

package/dist/library/GNB/index.constant.es.js

@@ -0,0 +1,7 @@
+const o = {
+  pc: 84,
+  mobile: 55
+};
+export {
+  o as GNB_HEIGHT
+};

package/dist/library/GlobalLayoutHeaderProvider/index.type.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=t(o),l=a.default.createContext({hideGnb:()=>{console.info("")},showGnb:()=>{console.info("")},setGlobalLayoutHeader:()=>{console.info("")},hasGlobalLayoutHeaderInMobile:!1,hasGlobalLayoutHeader:!1});exports.GlobalLayoutHeaderContext=l;

package/dist/library/GlobalLayoutHeaderProvider/index.type.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { NavigationProps } from '../../components/Navigation';
+type HeaderForNone = {
+    type: 'none';
+};
+type HeaderForGNB = {
+    type: 'gnb';
+};
+type HeaderForNav = {
+    type: 'nav';
+} & NavigationProps;
+export type GlobalLayoutHeaderPcProps = HeaderForNone | HeaderForGNB;
+export type GlobalLayoutHeaderMobileProps = HeaderForNone | HeaderForGNB | HeaderForNav;
+export type SetGlobalLayoutHeaderProps<P, M, GnbExtraType> = {
+    pc: P extends 'gnb' ? HeaderForGNB & GnbExtraType : HeaderForNone;
+    mobile: M extends 'gnb' ? HeaderForGNB & GnbExtraType : M extends 'nav' ? HeaderForNav : HeaderForNone;
+};
+interface GlobalLayoutHeaderContext {
+    hideGnb: () => void;
+    showGnb: () => void;
+    setGlobalLayoutHeader: <P, M, GnbExtraType>(props: SetGlobalLayoutHeaderProps<P, M, GnbExtraType>) => void;
+    hasGlobalLayoutHeaderInMobile: boolean;
+    hasGlobalLayoutHeader: boolean;
+}
+export declare const GlobalLayoutHeaderContext: React.Context<GlobalLayoutHeaderContext>;
+export {};

package/dist/library/GlobalLayoutHeaderProvider/index.type.es.js

@@ -0,0 +1,17 @@
+import o from "react";
+const a = o.createContext({
+  hideGnb: () => {
+    console.info("");
+  },
+  showGnb: () => {
+    console.info("");
+  },
+  setGlobalLayoutHeader: () => {
+    console.info("");
+  },
+  hasGlobalLayoutHeaderInMobile: !1,
+  hasGlobalLayoutHeader: !1
+});
+export {
+  a as GlobalLayoutHeaderContext
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../chunks/jsx-runtime.713F0z8w.js"),i=require("./index.styled.cjs.js"),o=({srcPath:e,width:n,height:t})=>r.jsxRuntimeExports.jsx(i.IconWrapper,{width:n,height:t||n,src:`${e}.png`,srcSet:`${e}@2x.png 2x, ${e}@3x.png 3x`});exports.IconWithImage=o;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface IconWithImageProps {
+    srcPath: string;
+    width: number;
+    height?: number;
+}
+declare const IconWithImage: React.FC<IconWithImageProps>;
+export type { IconWithImageProps };
+export { IconWithImage };

package/dist/library/IconWithImage/index.es.js

@@ -0,0 +1,14 @@
+import { j as n } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { IconWrapper as x } from "./index.styled.es.js";
+const m = ({ srcPath: r, width: o, height: p }) => /* @__PURE__ */ n.jsx(
+  x,
+  {
+    width: o,
+    height: p || o,
+    src: `${r}.png`,
+    srcSet: `${r}@2x.png 2x, ${r}@3x.png 3x`
+  }
+);
+export {
+  m as IconWithImage
+};

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

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/react"),r=require("@emotion/styled"),c=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},a=c(r),n=a.default.img`
+	${({width:t,height:e})=>o.css`
+		width: ${t}px
+		height: ${e}px
+	`}
+`;exports.IconWrapper=n;

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

@@ -0,0 +1,9 @@
+interface IconWrapperProps {
+    width: number;
+    height: number;
+}
+export declare const IconWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IconWrapperProps, import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export {};

package/dist/library/IconWithImage/index.styled.es.js

@@ -0,0 +1,11 @@
+import { css as r } from "@emotion/react";
+import t from "@emotion/styled";
+const e = t.img`
+	${({ width: o, height: p }) => r`
+		width: ${o}px
+		height: ${p}px
+	`}
+`;
+export {
+  e as IconWrapper
+};

package/dist/library/List/BottomSheetItemList/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/jsx-runtime.713F0z8w.js"),r=require("./index.styled.cjs.js"),i=({item:s,onClick:l})=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:s.map(e=>t.jsxRuntimeExports.jsx(r.Item,{onClick:()=>{e.disabled||l({value:e.value,label:e.label})},disabled:e.disabled??!1,children:e.label},e.label))});exports.BottomSheetItemList=i;

package/dist/library/List/BottomSheetItemList/index.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+type BottomSheetItemListProps<ValueType = string> = {
+    item: SelectOptionProps<ValueType>[];
+    onClick: (value: SelectOptionProps) => void;
+};
+interface SelectOptionProps<ValueType = string> {
+    value: ValueType;
+    label: string;
+    disabled?: boolean;
+}
+declare const BottomSheetItemList: React.FC<BottomSheetItemListProps>;
+export type { BottomSheetItemListProps, SelectOptionProps };
+export { BottomSheetItemList };

package/dist/library/List/BottomSheetItemList/index.es.js

@@ -0,0 +1,16 @@
+import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { Item as s } from "./index.styled.es.js";
+const d = ({ item: a, onClick: r }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: a.map((l) => /* @__PURE__ */ e.jsx(
+  s,
+  {
+    onClick: () => {
+      l.disabled || r({ value: l.value, label: l.label });
+    },
+    disabled: l.disabled ?? !1,
+    children: l.label
+  },
+  l.label
+)) });
+export {
+  d as BottomSheetItemList
+};

package/dist/library/List/BottomSheetItemList/index.styled.cjs.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react"),e=require("@emotion/styled"),c=require("../../../core/TextStyles/index.cjs.js"),r=require("../../../core/Colors/index.cjs.js"),s=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},l=s(e),a=l.default.div`
+	width: 100%;
+	height: 48px;
+	padding: 15px 25px;
+	background-color: ${r.basicColors.white};
+	${c.title2({color:r.basicColors.gray400})}
+
+	${({disabled:o})=>o&&t.css`
+			background-color: ${r.basicColors.gray50};
+			color: ${r.basicColors.gray200};
+			cursor: not-allowed;
+		`}
+
+	&:active {
+		background-color: ${r.basicColors.gray25};
+	}
+`;exports.Item=a;

package/dist/library/List/BottomSheetItemList/index.styled.d.ts

@@ -0,0 +1,6 @@
+export declare const Item: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    disabled: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/library/List/BottomSheetItemList/index.styled.es.js

@@ -0,0 +1,24 @@
+import { css as t } from "@emotion/react";
+import c from "@emotion/styled";
+import { title2 as i } from "../../../core/TextStyles/index.es.js";
+import { basicColors as o } from "../../../core/Colors/index.es.js";
+const m = c.div`
+	width: 100%;
+	height: 48px;
+	padding: 15px 25px;
+	background-color: ${o.white};
+	${i({ color: o.gray400 })}
+
+	${({ disabled: r }) => r && t`
+			background-color: ${o.gray50};
+			color: ${o.gray200};
+			cursor: not-allowed;
+		`}
+
+	&:active {
+		background-color: ${o.gray25};
+	}
+`;
+export {
+  m as Item
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./BottomSheetItemList/index.cjs.js");exports.BottomSheetItemList=t.BottomSheetItemList;

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

@@ -0,0 +1 @@
+export * from './BottomSheetItemList';