@pfct/purple 1.4.0-rc.4 → 1.4.0-rc.6

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

@@ -0,0 +1,254 @@
+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.ByGzJNsf.js";
+import "../../core/TextStyles/index.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/Badge/IconBadge/index.styled.es.js";
+import "../../components/Badge/TextBadge/index.styled.es.js";
+import "../../components/Loading/Spinner/index.styled.es.js";
+import "../../components/Card/index.styled.es.js";
+import "react";
+import "../../components/Comment/index.es.js";
+import "../../components/Control/CheckBox/index.styled.es.js";
+import "../../components/Control/CheckMark/index.styled.es.js";
+import "../../components/Control/Switch/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../Icon/generated/AlarmFill.es.js";
+import "../../Icon/generated/Calendar.es.js";
+import "../../Icon/generated/Cancel.es.js";
+import "../../Icon/generated/CancelCircle.es.js";
+import "../../Icon/generated/CartFill.es.js";
+import "../../Icon/generated/Check.es.js";
+import "../../Icon/generated/ChevronDown.es.js";
+import "../../Icon/generated/ChevronLeft.es.js";
+import "../../Icon/generated/ChevronRight.es.js";
+import "../../Icon/generated/ChevronUp.es.js";
+import "../../Icon/generated/DoubleChevronLeft.es.js";
+import "../../Icon/generated/DoubleChevronRight.es.js";
+import "../../Icon/generated/EyeFill.es.js";
+import "../../Icon/generated/EyeSlashFill.es.js";
+import "../../Icon/generated/Filter.es.js";
+import "../../Icon/generated/Information.es.js";
+import "../../Icon/generated/Menu.es.js";
+import "../../Icon/generated/More.es.js";
+import "../../Icon/generated/PersonFill.es.js";
+import "../../Icon/generated/Plus.es.js";
+import "../../Icon/generated/QuestionCircle.es.js";
+import "../../Icon/generated/Re.es.js";
+import "../../Icon/generated/Search.es.js";
+import "../../Icon/generated/SettingFill.es.js";
+import "../../Icon/generated/Share.es.js";
+import "../../Icon/generated/Store.es.js";
+import "../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.SOJ65tcg.js";
+import "../../components/Input/BaseInput/index.es.js";
+import "../../components/Input/ResidentNumberInput/index.styled.es.js";
+import "../../components/Loading/Skeleton/index.es.js";
+import "../../components/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``
+}, Wt = {
+  ParentWrapper: t.div`
+		${n()}
+	`,
+  VerticalHorizontalCenterBody: t.div`
+		${n()}
+
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		flex-direction: column;
+	`
+}, p = {
+  larger: 80,
+  smaller: 20
+}, Lt = t(a.Body)`
+	padding: 0 ${p.smaller}px;
+
+	${r(o`
+		padding: 0 ${p.larger}px;
+	`)};
+`, Mt = t(a.Body)`
+	/* 주의사항 : BasicLayout.props bodyCenterizing={true} 를 넘겨줘야합니다 */
+	/* 세로 - full 차지 */
+	flex-grow: 1;
+
+	/* 박스 내 가로/세로 중앙 */
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-direction: column;
+`, Nt = t.img`
+	width: ${({ width: i }) => i}px;
+	height: ${({ height: i }) => i}px;
+`, d = 25, _t = t.div`
+	width: 100%;
+	height: ${d}px; /** TODO: 임시, 정확한 수치 찾기 */
+
+	${r(o`
+		height: 80px;
+	`)}
+`, kt = t.div`
+	width: 100%;
+	height: ${m.mobile}px;
+
+	${r(o`
+		height: ${m.pc}px;
+	`)}
+`, Ot = t.div`
+	width: 100%;
+	min-height: 80px; /* Body = flex-grow 에 대응하기위해 단순 height 로는 안됨 */
+
+	/** pc, mobile 공통 */
+`, zt = t.div`
+	width: 100%;
+	height: 150px;
+
+	${({ backgroundColor: i }) => i && `background-color:${i}`};
+
+	${r(o`
+		width: auto;
+		height: auto;
+	`)}
+`, Et = t.div`
+	padding: 60px ${p.larger}px 80px;
+
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+`, Ft = t.a`
+	color: transparent;
+	text-decoration: none;
+	width: 100%;
+`, jt = t.div`
+	padding: 0 ${p.smaller}px;
+
+	${r(o`
+		padding: 0 ${p.larger}px;
+	`)}
+`, At = t.div`
+	height: 15px;
+
+	${r(o`
+		height: 60px;
+	`)}
+`, Gt = 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;
+	`)}
+`, Rt = t.div`
+	.tippy-content {
+		background-color: ${e.gray900};
+		color: ${e.white};
+	}
+	.tippy-arrow:before {
+		border-top-color: ${e.gray900} !important;
+	}
+
+	width: 100%;
+`, St = t.div`
+	display: flex;
+	justify-content: center;
+	align-items: center;
+`;
+export {
+  Ft as ATagButton,
+  a as BasicLayoutBase,
+  Et as ButtonWrapperInPc,
+  Mt as CenterBody,
+  jt as ContentsPadding,
+  At as ContentsVerticalPadding,
+  Nt as ImgBase,
+  St as InformationIconWrapper,
+  zt as MarginBottomHasFooter,
+  Ot as MarginBottomNoFooter,
+  kt as MarginTopHasHeader,
+  _t as MarginTopNoHeader,
+  Wt as PureLayoutBase,
+  Lt as SidePaddingBody,
+  Gt as StickBottomWrapper,
+  Rt 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

@@ -1,19 +1,19 @@
-import React from 'react';
+import { default as React } from 'react';
 import * as Styled from './index.styled';
 declare const Flex: React.ExoticComponent<{
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }> & {
-    Row: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme | undefined;
-        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    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 | undefined;
-        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    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 | undefined;
-        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    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;

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

@@ -1,16 +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 | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & FlexContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FlexContainerColumn: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & FlexContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FlexItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & FlexItemProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+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.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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { NavigationProps } from '../../components/Navigation';
 type HeaderForNone = {
     type: 'none';

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface IconWithImageProps {
     srcPath: string;
     width: number;

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 interface IconWrapperProps {
     width: number;
     height: number;
 }
-export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & IconWrapperProps, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 type BottomSheetItemListProps<ValueType = string> = {
     item: SelectOptionProps<ValueType>[];
     onClick: (value: SelectOptionProps) => void;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-export declare const Item: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+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>, {}>;
+}, 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.es.js

@@ -0,0 +1,4 @@
+import { BottomSheetItemList as o } from "./BottomSheetItemList/index.es.js";
+export {
+  o as BottomSheetItemList
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../../chunks/jsx-runtime.713F0z8w.js"),l=require("react"),w=require("lottie-web"),P=require("../../hooks/useLayoutIsMobile.cjs.js"),T=require("../../utils/uuid.util.cjs.js"),$=require("../IconWithImage/index.cjs.js"),E=require("./index.styled.cjs.js"),O=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function V(e){if(e&&typeof e=="object"&&"default"in e)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const R=V(l),W=O(w);var M=new Map,S=new WeakMap,q=0,C=void 0;function D(e){return e?(S.has(e)||(q+=1,S.set(e,q.toString())),S.get(e)):"0"}function L(e){return Object.keys(e).sort().filter(n=>e[n]!==void 0).map(n=>`${n}_${n==="root"?D(e.root):e[n]}`).toString()}function z(e){const n=L(e);let t=M.get(n);if(!t){const o=new Map;let a;const f=new IntersectionObserver(u=>{u.forEach(s=>{var i;const g=s.isIntersecting&&a.some(d=>s.intersectionRatio>=d);e.trackVisibility&&typeof s.isVisible>"u"&&(s.isVisible=g),(i=o.get(s.target))==null||i.forEach(d=>{d(g,s)})})},e);a=f.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),t={id:n,observer:f,elements:o},M.set(n,t)}return t}function F(e,n,t={},o=C){if(typeof window.IntersectionObserver>"u"&&o!==void 0){const i=e.getBoundingClientRect();return n(o,{isIntersecting:o,target:e,intersectionRatio:typeof t.threshold=="number"?t.threshold:0,time:0,boundingClientRect:i,intersectionRect:i,rootBounds:i}),()=>{}}const{id:a,observer:f,elements:u}=z(t),s=u.get(e)||[];return u.has(e)||u.set(e,s),s.push(n),f.observe(e),function(){s.splice(s.indexOf(n),1),s.length===0&&(u.delete(e),f.unobserve(e)),u.size===0&&(f.disconnect(),M.delete(a))}}function I({threshold:e,delay:n,trackVisibility:t,rootMargin:o,root:a,triggerOnce:f,skip:u,initialInView:s,fallbackInView:i,onChange:g}={}){var d;const[h,j]=R.useState(null),p=R.useRef(g),[b,m]=R.useState({inView:!!s,entry:void 0});p.current=g,R.useEffect(()=>{if(u||!h)return;let v;return v=F(h,(A,x)=>{m({inView:A,entry:x}),p.current&&p.current(A,x),x.isIntersecting&&f&&v&&(v(),v=void 0)},{root:a,rootMargin:o,threshold:e,trackVisibility:t,delay:n},i),()=>{v&&v()}},[Array.isArray(e)?e.toString():e,h,a,o,f,u,t,i,n]);const r=(d=b.entry)==null?void 0:d.target,_=R.useRef(void 0);!h&&r&&!f&&!u&&_.current!==r&&(_.current=r,m({inView:!!s,entry:void 0}));const c=[j,b.inView,b.entry];return c.ref=c[0],c.inView=c[1],c.entry=c[2],c}const G=({width:e,height:n,viewBox:t,className:o,playOnce:a,autoplay:f=!1,alterImgSrcOnLoad:u,lottieFileSrcPath:s})=>{const[i,g]=l.useState(null),d=l.useRef(null),h=l.useRef(T.uuid()),j=P(),{ref:p,inView:b}=I({threshold:j?.4:.9,rootMargin:j?"20% 0% 0% 0%":"40% 0% 10% 0%"}),m=l.useMemo(()=>t?`${t.x??0} ${t.y??0} ${t.width} ${t.height}`:void 0,[t]),[r,_]=l.useState();return l.useEffect(()=>{fetch(s).then(c=>c.json()).then(c=>{g(c)}).catch(()=>{console.info("lottie load 에 실패했습니다.")})},[s]),l.useEffect(()=>{if(!d.current||!i)return;const c=W.default.loadAnimation({container:d.current,renderer:"svg",loop:!a,autoplay:f,animationData:i,rendererSettings:{viewBoxSize:m},name:o});return _(c),()=>c.destroy()},[i,o,f,a,m]),l.useEffect(()=>{b?r==null||r.goToAndPlay((r==null?void 0:r.currentFrame)>.9*(r==null?void 0:r.totalFrames)?0:r==null?void 0:r.currentFrame,!0):a?r==null||r.stop():r==null||r.pause()},[b,r,a]),i===null&&u?y.jsxRuntimeExports.jsx(E.AlterImageWrapper,{children:y.jsxRuntimeExports.jsx($.IconWithImage,{width:e||0,srcPath:u})}):y.jsxRuntimeExports.jsx(E.Wrapper,{ref:p,children:y.jsxRuntimeExports.jsx(E.Container,{id:h.current,className:o,ref:d,width:e,height:n})})};exports.Lottie=G;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import * as Styled from './index.styled';
 interface LottieProps extends Styled.LottieContainerProps {
     lottieFileSrcPath: string;