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

package/dist/components/Badge/BaseBadge/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const t=require("../../../chunks/jsx-runtime.713F0z8w.js"),e=require("../../../chunks/index.styled.CX8FCbwl.js"),r=s=>{const{type:n,testId:x}=s;return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[n==="dot"&&t.jsxRuntimeExports.jsx(e.Dot,{"data-testid":x}),n==="new-short"&&t.jsxRuntimeExports.jsx(e.Badge,{"data-testid":x,children:t.jsxRuntimeExports.jsx(e.BadgeContent,{children:"N"})}),n==="new-long"&&t.jsxRuntimeExports.jsx(e.Badge,{"data-testid":x,children:t.jsxRuntimeExports.jsx(e.BadgeContent,{children:"NEW"})}),n==="number"&&t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:s.value&&t.jsxRuntimeExports.jsx(e.Badge,{"data-testid":x,children:t.jsxRuntimeExports.jsx(e.BadgeContent,{children:s.value>9?"9+":s.value})})})]})};module.exports=r;

package/dist/components/Badge/BaseBadge/index.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+export type BadgeTypes = 'dot' | 'new-short' | 'new-long' | 'number';
+type commonType = {
+    readonly type: BadgeTypes;
+    readonly testId?: string;
+};
+export type DotBadgeProps = commonType & {
+    readonly type: 'dot';
+};
+export type NewShortBadgeProps = commonType & {
+    readonly type: 'new-short';
+};
+export type NewLongBadgeProps = commonType & {
+    readonly type: 'new-long';
+};
+export type NumberBadgeProps = commonType & {
+    readonly type: 'number';
+    readonly value: number;
+};
+export type BaseBadgeProps = DotBadgeProps | NewShortBadgeProps | NewLongBadgeProps | NumberBadgeProps;
+declare const BaseBadge: React.FC<BaseBadgeProps>;
+export default BaseBadge;

package/dist/components/Badge/BaseBadge/index.es.js

@@ -0,0 +1,14 @@
+import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { F as r, G as d, H as n } from "../../../chunks/index.styled.BYf5H-kQ.js";
+const x = (t) => {
+  const { type: a, testId: s } = t;
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    a === "dot" && /* @__PURE__ */ e.jsx(r, { "data-testid": s }),
+    a === "new-short" && /* @__PURE__ */ e.jsx(d, { "data-testid": s, children: /* @__PURE__ */ e.jsx(n, { children: "N" }) }),
+    a === "new-long" && /* @__PURE__ */ e.jsx(d, { "data-testid": s, children: /* @__PURE__ */ e.jsx(n, { children: "NEW" }) }),
+    a === "number" && /* @__PURE__ */ e.jsx(e.Fragment, { children: t.value && /* @__PURE__ */ e.jsx(d, { "data-testid": s, children: /* @__PURE__ */ e.jsx(n, { children: t.value > 9 ? "9+" : t.value }) }) })
+  ] });
+};
+export {
+  x as default
+};

package/dist/components/Badge/BaseBadge/index.styled.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/styled");require("@emotion/react");require("../../../core/Colors/index.cjs.js");require("../../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../../chunks/index.styled.CX8FCbwl.js");require("../../../core/TextStyles/index.cjs.js");require("../../ui/typography.cjs.js");exports.Badge=e.Badge;exports.BadgeContent=e.BadgeContent;exports.Dot=e.Dot;

package/dist/components/Badge/BaseBadge/index.styled.d.ts

@@ -0,0 +1,12 @@
+export declare const Dot: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Badge: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BadgeContent: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Badge/BaseBadge/index.styled.es.js

@@ -0,0 +1,12 @@
+import "@emotion/styled";
+import "@emotion/react";
+import "../../../core/Colors/index.es.js";
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { G as s, H as d, F as g } from "../../../chunks/index.styled.BYf5H-kQ.js";
+import "../../../core/TextStyles/index.es.js";
+import "../../ui/typography.es.js";
+export {
+  s as Badge,
+  d as BadgeContent,
+  g as Dot
+};

package/dist/components/Badge/IconBadge/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),r=require("../BaseBadge/index.cjs.js"),s=require("./index.styled.cjs.js"),o=({children:n,badge:t})=>e.jsxRuntimeExports.jsxs(s.IconBadgeWrapper,{type:t.type,children:[n,e.jsxRuntimeExports.jsx(s.AbsoluteWrapper,{className:s.className.absoluteWrapper,children:e.jsxRuntimeExports.jsx(r,{...t})})]});exports.IconBadge=o;

package/dist/components/Badge/IconBadge/index.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { BaseBadgeProps } from '../BaseBadge';
+type IconBadgeProps = {
+    children: React.ReactNode;
+    badge: BaseBadgeProps;
+};
+declare const IconBadge: React.FC<IconBadgeProps>;
+export type { IconBadgeProps };
+export { IconBadge };

package/dist/components/Badge/IconBadge/index.es.js

@@ -0,0 +1,10 @@
+import { j as r } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import o from "../BaseBadge/index.es.js";
+import { IconBadgeWrapper as p, AbsoluteWrapper as a, className as t } from "./index.styled.es.js";
+const i = ({ children: s, badge: e }) => /* @__PURE__ */ r.jsxs(p, { type: e.type, children: [
+  s,
+  /* @__PURE__ */ r.jsx(a, { className: t.absoluteWrapper, children: /* @__PURE__ */ r.jsx(o, { ...e }) })
+] });
+export {
+  i as IconBadge
+};

package/dist/components/Badge/IconBadge/index.styled.cjs.js

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/styled"),o=require("@emotion/react"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=p(r),t={absoluteWrapper:"absolute-wrapper"},c=a.default.div`
+	position: absolute;
+`,s=25,l=a.default.div`
+	position: relative;
+	width: ${s}px;
+	height: ${s}px;
+
+	${({type:e})=>{switch(e){case"dot":return o.css`
+					.${t.absoluteWrapper} {
+						left: 20px;
+						bottom: 21px;
+					}
+				`;case"new-short":case"new-long":case"number":return o.css`
+					.${t.absoluteWrapper} {
+						left: 13px;
+						bottom: 13px;
+					}
+				`}}}
+`;exports.AbsoluteWrapper=c;exports.IconBadgeWrapper=l;exports.className=t;

package/dist/components/Badge/IconBadge/index.styled.d.ts

@@ -0,0 +1,14 @@
+import { BadgeTypes } from '../BaseBadge';
+export declare const className: {
+    absoluteWrapper: string;
+};
+export declare const AbsoluteWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconBadgeWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    type: BadgeTypes;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Badge/IconBadge/index.styled.es.js

@@ -0,0 +1,37 @@
+import r from "@emotion/styled";
+import { css as e } from "@emotion/react";
+const t = {
+  absoluteWrapper: "absolute-wrapper"
+}, n = r.div`
+	position: absolute;
+`, o = 25, c = r.div`
+	position: relative;
+	width: ${o}px;
+	height: ${o}px;
+
+	${({ type: p }) => {
+  switch (p) {
+    case "dot":
+      return e`
+					.${t.absoluteWrapper} {
+						left: 20px;
+						bottom: 21px;
+					}
+				`;
+    case "new-short":
+    case "new-long":
+    case "number":
+      return e`
+					.${t.absoluteWrapper} {
+						left: 13px;
+						bottom: 13px;
+					}
+				`;
+  }
+}}
+`;
+export {
+  n as AbsoluteWrapper,
+  c as IconBadgeWrapper,
+  t as className
+};

package/dist/components/Badge/TextBadge/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/jsx-runtime.713F0z8w.js"),n=require("../BaseBadge/index.cjs.js"),r=require("./index.styled.cjs.js"),o=({children:s,badge:e})=>t.jsxRuntimeExports.jsxs(r.TextBadgeWrapper,{type:e.type,children:[s,t.jsxRuntimeExports.jsx(n,{...e})]});exports.TextBadge=o;

package/dist/components/Badge/TextBadge/index.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { BaseBadgeProps } from '../BaseBadge';
+type TextBadgeProps = {
+    children: React.ReactNode;
+    badge: BaseBadgeProps;
+};
+declare const TextBadge: React.FC<TextBadgeProps>;
+export type { TextBadgeProps };
+export { TextBadge };

package/dist/components/Badge/TextBadge/index.es.js

@@ -0,0 +1,10 @@
+import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import o from "../BaseBadge/index.es.js";
+import { TextBadgeWrapper as p } from "./index.styled.es.js";
+const a = ({ children: t, badge: r }) => /* @__PURE__ */ e.jsxs(p, { type: r.type, children: [
+  t,
+  /* @__PURE__ */ e.jsx(o, { ...r })
+] });
+export {
+  a as TextBadge
+};

package/dist/components/Badge/TextBadge/index.styled.cjs.js

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@emotion/styled"),t=require("@emotion/react"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=s(a),n=r.default.div`
+	display: flex;
+
+	${({type:e})=>{switch(e){case"dot":return t.css`
+					gap: 1px;
+					align-items: start;
+				`;case"new-short":case"new-long":case"number":return t.css`
+					gap: 3px;
+					align-items: center;
+				`}}}
+`;exports.TextBadgeWrapper=n;

package/dist/components/Badge/TextBadge/index.styled.d.ts

@@ -0,0 +1,7 @@
+import { BadgeTypes } from '../BaseBadge';
+export declare const TextBadgeWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    type: BadgeTypes;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Badge/TextBadge/index.styled.es.js

@@ -0,0 +1,25 @@
+import r from "@emotion/styled";
+import { css as e } from "@emotion/react";
+const n = r.div`
+	display: flex;
+
+	${({ type: t }) => {
+  switch (t) {
+    case "dot":
+      return e`
+					gap: 1px;
+					align-items: start;
+				`;
+    case "new-short":
+    case "new-long":
+    case "number":
+      return e`
+					gap: 3px;
+					align-items: center;
+				`;
+  }
+}}
+`;
+export {
+  n as TextBadgeWrapper
+};

package/dist/components/Badge/index.cjs.js

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

package/dist/components/Badge/index.d.ts

@@ -0,0 +1,4 @@
+import { IconBadge, IconBadgeProps } from './IconBadge';
+import { TextBadge, TextBadgeProps } from './TextBadge';
+export type { IconBadgeProps, TextBadgeProps };
+export { IconBadge, TextBadge };

package/dist/components/Badge/index.es.js

@@ -0,0 +1,6 @@
+import { IconBadge as r } from "./IconBadge/index.es.js";
+import { TextBadge as x } from "./TextBadge/index.es.js";
+export {
+  r as IconBadge,
+  x as TextBadge
+};

package/dist/components/BottomSheet/BaseBottomSheet/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../chunks/jsx-runtime.713F0z8w.js");require("../../../hooks/useOverlayPreventScroll.cjs.js");require("@emotion/react");require("../../../core/Colors/index.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");const e=require("../../../chunks/index.styled.CX8FCbwl.js");require("../../../core/TextStyles/index.cjs.js");require("../../ui/typography.cjs.js");require("../../Accordion/index.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../../constants/style.constants.cjs.js");require("../../Card/index.styled.cjs.js");require("../../Comment/index.cjs.js");require("react");require("../../Control/CheckBox/index.styled.cjs.js");require("../../Control/CheckMark/index.styled.cjs.js");require("../../Control/Switch/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../library/IconWithImage/index.styled.cjs.js");require("../../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../../library/Lottie/index.styled.cjs.js");require("../../../library/Spacing/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../../types/date.cjs.js");require("../../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../Divider/index.styled.cjs.js");require("../../../chunks/index.styled.CMpDdHBq.js");require("../../Input/BaseInput/index.cjs.js");require("../../Input/PostfixInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Loading/Skeleton/index.cjs.js");require("../../Navigation/index.styled.cjs.js");require("../../Navigation/BaseNavigation/index.styled.cjs.js");require("../../Navigation/constant.cjs.js");require("../../Segment/BaseSegment/index.styled.cjs.js");require("../../Segment/ExtendSegment/index.styled.cjs.js");require("../../ToastMessage/Toast/index.styled.cjs.js");require("../../Tooltip/TooltipBase/index.styled.cjs.js");require("../../ui/bottomSheet.cjs.js");require("../../../hooks/useResize.cjs.js");require("./index.styled.cjs.js");exports.BaseBottomSheet=e.BaseBottomSheet;exports.BaseBottomSheetBody=e.BaseBottomSheetBody;exports.BaseBottomSheetCTADoubleButton=e.BaseBottomSheetCTADoubleButton;exports.BaseBottomSheetCTASingleButton=e.BaseBottomSheetCTASingleButton;exports.BaseBottomSheetComp=e.BaseBottomSheetComp;exports.BaseBottomSheetHeader=e.BaseBottomSheetHeader;

package/dist/components/BottomSheet/BaseBottomSheet/index.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { ChildrenStyleProps } from './index.styled';
+import { DoubleButtonProps } from '../../Button/DoubleButton';
+import { OverlayRootProps } from '../../OverlayRoot';
+import { ReactFCWithChildren } from '../../../types/react';
+import { ButtonProps } from '../../ui/button';
+import * as Styled from './index.styled';
+declare const BaseBottomSheetCTASingleButton: React.FC<ButtonProps>;
+declare const BaseBottomSheetCTADoubleButton: React.FC<DoubleButtonProps>;
+declare const BaseBottomSheetBody: ReactFCWithChildren<ChildrenStyleProps>;
+declare const BaseBottomSheetHeader: ReactFCWithChildren;
+type BaseBottomSheetProps = Omit<OverlayRootProps, 'onClick'> & {
+    onMaskClick?: () => void;
+    hideOverflow?: boolean;
+    minHeight?: Styled.BottomSheetPropsHeight;
+    header?: React.ReactNode;
+};
+declare const BaseBottomSheetComp: ReactFCWithChildren<BaseBottomSheetProps>;
+declare const BaseBottomSheet: ReactFCWithChildren<BaseBottomSheetProps> & {
+    SingleButton: React.FC<ButtonProps>;
+    DoubleButton: React.FC<DoubleButtonProps>;
+    Body: ReactFCWithChildren<Styled.ChildrenStyleProps>;
+    Header: ReactFCWithChildren;
+};
+export type { BaseBottomSheetProps };
+export { BaseBottomSheet, BaseBottomSheetComp, BaseBottomSheetHeader, BaseBottomSheetBody, BaseBottomSheetCTASingleButton, BaseBottomSheetCTADoubleButton, };

package/dist/components/BottomSheet/BaseBottomSheet/index.es.js

@@ -0,0 +1,85 @@
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import "../../../hooks/useOverlayPreventScroll.es.js";
+import "@emotion/react";
+import "../../../core/Colors/index.es.js";
+import "../../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../../utils/GenerateColorStyle/datepicker.es.js";
+import { B as yt, c as Dt, e as Ht, d as jt, a as kt, b as qt } from "../../../chunks/index.styled.BYf5H-kQ.js";
+import "../../../core/TextStyles/index.es.js";
+import "../../ui/typography.es.js";
+import "../../Accordion/index.es.js";
+import "../../Badge/IconBadge/index.styled.es.js";
+import "../../Badge/TextBadge/index.styled.es.js";
+import "../../Loading/Spinner/index.styled.es.js";
+import "../../../constants/style.constants.es.js";
+import "../../Card/index.styled.es.js";
+import "../../Comment/index.es.js";
+import "react";
+import "../../Control/CheckBox/index.styled.es.js";
+import "../../Control/CheckMark/index.styled.es.js";
+import "../../Control/Switch/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/index.styled.es.js";
+import "../../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 "../../../library/IconWithImage/index.styled.es.js";
+import "../../../library/List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../../../library/Lottie/index.styled.es.js";
+import "../../../library/Spacing/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../../types/date.es.js";
+import "../../DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../../DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../../DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../../Divider/index.styled.es.js";
+import "../../../chunks/index.styled.DmJ27_dc.js";
+import "../../Input/BaseInput/index.es.js";
+import "../../Input/PostfixInput/index.es.js";
+import "../../Input/ResidentNumberInput/index.styled.es.js";
+import "../../Loading/Skeleton/index.es.js";
+import "../../Navigation/index.styled.es.js";
+import "../../Navigation/BaseNavigation/index.styled.es.js";
+import "../../Navigation/constant.es.js";
+import "../../Segment/BaseSegment/index.styled.es.js";
+import "../../Segment/ExtendSegment/index.styled.es.js";
+import "../../ToastMessage/Toast/index.styled.es.js";
+import "../../Tooltip/TooltipBase/index.styled.es.js";
+import "../../ui/bottomSheet.es.js";
+import "../../../hooks/useResize.es.js";
+import "./index.styled.es.js";
+export {
+  yt as BaseBottomSheet,
+  Dt as BaseBottomSheetBody,
+  Ht as BaseBottomSheetCTADoubleButton,
+  jt as BaseBottomSheetCTASingleButton,
+  kt as BaseBottomSheetComp,
+  qt as BaseBottomSheetHeader
+};

package/dist/components/BottomSheet/BaseBottomSheet/index.styled.cjs.js

@@ -0,0 +1,85 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/react"),c=require("@emotion/styled"),u=require("../../../core/Colors/index.cjs.js"),d=require("../../../constants/style.constants.cjs.js"),s=require("../../../utils/media.util.cjs.js"),f=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},n=f(c),l="100%",x=r.keyframes`
+	from {
+		transform: translate(0, ${l});
+		}
+	to {
+		transform: translate(0, 0);
+	}
+`,m=r.keyframes`
+	from {
+		transform: translate(0, 0);
+	}
+	to {
+		transform: translate(0, ${l});
+	}
+`,g=(t,e,a)=>{let o="initial";switch(a){case"s":o=e*.3+"px";break;case"m":o=e*.6+"px";break;case"l":o=e*.9+"px";break;case"full":o=e+"px";break}const i=a==="full";return r.css`
+		animation: ${t?r.css`
+					${x} 0.3s forwards
+			  `:r.css`
+					${m} 0.3s forwards
+			  `};
+
+		min-height: ${o};
+		max-height: calc(${e-(i?0:45)}px);
+		border-top-right-radius: ${i?0:"10px"};
+		border-top-left-radius: ${i?0:"10px"};
+
+		${s.Larger(r.css`
+			animation: none;
+		`)}
+	`},$=n.default.div`
+	position: fixed;
+	left: 0;
+	bottom: 0;
+	width: 100%;
+
+	display: flex;
+	justify-content: center;
+	align-items: center;
+
+	${s.Larger(r.css`
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+
+		width: auto;
+	`)}
+`,b=n.default.div`
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	background-color: ${u.basicColors.white};
+	z-index: ${t=>t.zIndex+1};
+
+	${({visible:t,minHeight:e,vh:a})=>g(t,a,e)};
+
+	${({vh:t})=>s.Larger(r.css`
+			width: 360px;
+			max-height: calc(${t-120}px);
+			min-height: initial;
+			border-radius: 10px;
+		`)}
+`,p=25,h=n.default.div`
+	flex: none;
+	width: 100%;
+`,y=n.default.div`
+	flex: 1;
+
+	${({hideOverflow:t=!0})=>t&&"overflow-y: auto;"}
+
+	${({hasContentPadding:t=!0,hasFullHeight:e=!1,hasBottomPadding:a=!0})=>{const o=e?0:a?d.LayoutSpacing.bottomMargin.mobile:0;return t?r.css`
+				padding: 0 ${p}px ${o}px;
+			`:r.css`
+				padding: 0 0 ${o}px 0;
+			`}};
+
+	${({hasFullHeight:t=!1,hasBottomPadding:e=!0})=>s.Larger(r.css`
+			padding-bottom: ${t?0:e?d.LayoutSpacing.bottomMargin.pc:0}px;
+		`)}
+`,w=n.default.div`
+	flex: none;
+	width: 100%;
+
+	padding: 0 20px 20px 20px;
+`;exports.ChildrenWrapper=y;exports.Content=b;exports.ContentWrapper=$;exports.ContentWrapperPadding=p;exports.FooterWrapper=w;exports.HeaderWrapper=h;

package/dist/components/BottomSheet/BaseBottomSheet/index.styled.d.ts

@@ -0,0 +1,33 @@
+export type BottomSheetPropsHeight = 's' | 'm' | 'l' | 'full';
+export declare const ContentWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Content: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    visible: boolean;
+    zIndex: number;
+    vh: number;
+    minHeight?: BottomSheetPropsHeight;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentWrapperPadding = 25;
+export declare const HeaderWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export type ChildrenStyleProps = {
+    readonly hasBottomPadding?: boolean;
+    readonly hasContentPadding?: boolean;
+    readonly hasFullHeight?: boolean;
+    readonly hideOverflow?: boolean;
+};
+export declare const ChildrenWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & ChildrenStyleProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FooterWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/BottomSheet/BaseBottomSheet/index.styled.es.js

@@ -0,0 +1,119 @@
+import { keyframes as d, css as r } from "@emotion/react";
+import a from "@emotion/styled";
+import { basicColors as m } from "../../../core/Colors/index.es.js";
+import { LayoutSpacing as p } from "../../../constants/style.constants.es.js";
+import { Larger as i } from "../../../utils/media.util.es.js";
+const l = "100%", c = d`
+	from {
+		transform: translate(0, ${l});
+		}
+	to {
+		transform: translate(0, 0);
+	}
+`, f = d`
+	from {
+		transform: translate(0, 0);
+	}
+	to {
+		transform: translate(0, ${l});
+	}
+`, x = (t, o, n) => {
+  let e = "initial";
+  switch (n) {
+    case "s":
+      e = o * 0.3 + "px";
+      break;
+    case "m":
+      e = o * 0.6 + "px";
+      break;
+    case "l":
+      e = o * 0.9 + "px";
+      break;
+    case "full":
+      e = o + "px";
+      break;
+  }
+  const s = n === "full";
+  return r`
+		animation: ${t ? r`
+					${c} 0.3s forwards
+			  ` : r`
+					${f} 0.3s forwards
+			  `};
+
+		min-height: ${e};
+		max-height: calc(${o - (s ? 0 : 45)}px);
+		border-top-right-radius: ${s ? 0 : "10px"};
+		border-top-left-radius: ${s ? 0 : "10px"};
+
+		${i(r`
+			animation: none;
+		`)}
+	`;
+}, y = a.div`
+	position: fixed;
+	left: 0;
+	bottom: 0;
+	width: 100%;
+
+	display: flex;
+	justify-content: center;
+	align-items: center;
+
+	${i(r`
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+
+		width: auto;
+	`)}
+`, k = a.div`
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	background-color: ${m.white};
+	z-index: ${(t) => t.zIndex + 1};
+
+	${({ visible: t, minHeight: o, vh: n }) => x(t, n, o)};
+
+	${({ vh: t }) => i(r`
+			width: 360px;
+			max-height: calc(${t - 120}px);
+			min-height: initial;
+			border-radius: 10px;
+		`)}
+`, $ = 25, C = a.div`
+	flex: none;
+	width: 100%;
+`, W = a.div`
+	flex: 1;
+
+	${({ hideOverflow: t = !0 }) => t && "overflow-y: auto;"}
+
+	${({ hasContentPadding: t = !0, hasFullHeight: o = !1, hasBottomPadding: n = !0 }) => {
+  const e = o ? 0 : n ? p.bottomMargin.mobile : 0;
+  return t ? r`
+				padding: 0 ${$}px ${e}px;
+			` : r`
+				padding: 0 0 ${e}px 0;
+			`;
+}};
+
+	${({ hasFullHeight: t = !1, hasBottomPadding: o = !0 }) => i(r`
+			padding-bottom: ${t ? 0 : o ? p.bottomMargin.pc : 0}px;
+		`)}
+`, L = a.div`
+	flex: none;
+	width: 100%;
+
+	padding: 0 20px 20px 20px;
+`;
+export {
+  W as ChildrenWrapper,
+  k as Content,
+  y as ContentWrapper,
+  $ as ContentWrapperPadding,
+  L as FooterWrapper,
+  C as HeaderWrapper
+};

package/dist/components/BottomSheet/NavBottomSheet/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../../chunks/index.styled.CX8FCbwl.js");require("../../Navigation/index.cjs.js");require("./index.styled.cjs.js");exports.BottomSheetNavigationTemplate=e.BottomSheetNavigationTemplate;exports.NavBottomSheet=e.NavBottomSheet;