@pfct/purple 1.4.0-rc.3 → 1.4.0-rc.5

package/dist/components/ToastMessage/BaseToastMessage/index.es.js

@@ -0,0 +1,25 @@
+import { j as s } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { useState as x, useRef as j, useEffect as u } from "react";
+import { al as T, am as R } from "../../../chunks/index.styled.BTZpARWY.js";
+const h = ({
+  visible: r,
+  children: i,
+  onClose: t,
+  milliSeconds: a = 3e3,
+  className: m
+}) => {
+  const [c, e] = x(!1), p = j(null);
+  return u(() => {
+    r ? e(!0) : (e(!1), t == null || t());
+  }, [r, t]), u(() => {
+    const f = setTimeout(() => {
+      e(!1), t == null || t();
+    }, a);
+    return () => {
+      f !== void 0 && clearTimeout(f);
+    };
+  }, [a, t]), /* @__PURE__ */ s.jsx(T, { className: m, visible: c, onClick: t, ref: p, children: /* @__PURE__ */ s.jsx(R, { children: i }) });
+};
+export {
+  h as BaseToastMessage
+};

package/dist/components/ToastMessage/BaseToastMessage/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseToastMessage = void 0;
 const react_1 = __importStar(require("react"));

package/dist/components/ToastMessage/BaseToastMessage/index.styled.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/react");require("@emotion/styled");require("../../../constants/style.constants.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../core/TextStyles/index.cjs.js");require("../../../utils/media.util.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../../chunks/index.styled.SwCr6Bqs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("../../Button/DoubleButton/index.styled.cjs.js");require("../../MiniButton/BoxMiniButton/index.styled.cjs.js");require("../../Button/FloatBaseButton/index.styled.cjs.js");require("../../Button/FloatDoubleButton/index.styled.cjs.js");require("../../Card/index.styled.cjs.js");require("react");require("../../Comment/index.cjs.js");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("../../../Icon/generated/AlarmFill.cjs.js");require("../../../Icon/generated/Calendar.cjs.js");require("../../../Icon/generated/Cancel.cjs.js");require("../../../Icon/generated/CancelCircle.cjs.js");require("../../../Icon/generated/CartFill.cjs.js");require("../../../Icon/generated/Check.cjs.js");require("../../../Icon/generated/ChevronDown.cjs.js");require("../../../Icon/generated/ChevronLeft.cjs.js");require("../../../Icon/generated/ChevronRight.cjs.js");require("../../../Icon/generated/ChevronUp.cjs.js");require("../../../Icon/generated/DoubleChevronLeft.cjs.js");require("../../../Icon/generated/DoubleChevronRight.cjs.js");require("../../../Icon/generated/EyeFill.cjs.js");require("../../../Icon/generated/EyeSlashFill.cjs.js");require("../../../Icon/generated/Filter.cjs.js");require("../../../Icon/generated/Information.cjs.js");require("../../../Icon/generated/Menu.cjs.js");require("../../../Icon/generated/More.cjs.js");require("../../../Icon/generated/PersonFill.cjs.js");require("../../../Icon/generated/Plus.cjs.js");require("../../../Icon/generated/QuestionCircle.cjs.js");require("../../../Icon/generated/Re.cjs.js");require("../../../Icon/generated/Search.cjs.js");require("../../../Icon/generated/SettingFill.cjs.js");require("../../../Icon/generated/Share.cjs.js");require("../../../Icon/generated/Store.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.DkE3TbtV.js");require("../../Input/BaseInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Loading/Skeleton/index.cjs.js");require("../../Loading/Spinner/index.styled.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("../Toast/index.styled.cjs.js");require("../../Tooltip/TooltipBase/index.styled.cjs.js");exports.Content=e.Content$1;exports.Toast=e.Toast;

package/dist/components/ToastMessage/BaseToastMessage/index.styled.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 export declare const Toast: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     visible: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Content: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/ToastMessage/BaseToastMessage/index.styled.es.js

@@ -0,0 +1,80 @@
+import "@emotion/react";
+import "@emotion/styled";
+import "../../../constants/style.constants.es.js";
+import "../../../core/Colors/index.es.js";
+import "../../../core/TextStyles/index.es.js";
+import "../../../utils/media.util.es.js";
+import "../../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { am as vo, al as wo } from "../../../chunks/index.styled.BTZpARWY.js";
+import "../../Badge/IconBadge/index.styled.es.js";
+import "../../Badge/TextBadge/index.styled.es.js";
+import "../../Button/DoubleButton/index.styled.es.js";
+import "../../MiniButton/BoxMiniButton/index.styled.es.js";
+import "../../Button/FloatBaseButton/index.styled.es.js";
+import "../../Button/FloatDoubleButton/index.styled.es.js";
+import "../../Card/index.styled.es.js";
+import "react";
+import "../../Comment/index.es.js";
+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 "../../../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 "../../../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.SOJ65tcg.js";
+import "../../Input/BaseInput/index.es.js";
+import "../../Input/ResidentNumberInput/index.styled.es.js";
+import "../../Loading/Skeleton/index.es.js";
+import "../../Loading/Spinner/index.styled.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 "../Toast/index.styled.es.js";
+import "../../Tooltip/TooltipBase/index.styled.es.js";
+export {
+  vo as Content,
+  wo as Toast
+};

package/dist/components/ToastMessage/Toast/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),d=require("react"),j=require("../../MiniButton/BoxMiniButton/index.cjs.js"),l=require("../BaseToastMessage/index.cjs.js"),i=require("./index.styled.cjs.js"),m=({milliSeconds:a=2e3,children:t,icon:o,onClick:s,hasButton:n,buttonText:x,...u})=>{const p=n?5e3:a,c=d.useCallback(r=>{r.preventDefault(),r.stopPropagation(),s==null||s()},[s]);return e.jsxRuntimeExports.jsx(l.BaseToastMessage,{milliSeconds:p,...u,children:e.jsxRuntimeExports.jsxs(i.ContentWrapper,{children:[o?e.jsxRuntimeExports.jsxs(i.IconWrapper,{children:[o," ",e.jsxRuntimeExports.jsx("div",{children:t})]}):e.jsxRuntimeExports.jsx("div",{children:t}),n&&e.jsxRuntimeExports.jsx(j.BoxMiniButton,{colorType:"gray",onClick:c,children:x})]})})};exports.Toast=m;

package/dist/components/ToastMessage/Toast/index.es.js

@@ -0,0 +1,32 @@
+import { j as s } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { useCallback as d } from "react";
+import { BoxMiniButton as j } from "../../MiniButton/BoxMiniButton/index.es.js";
+import { BaseToastMessage as l } from "../BaseToastMessage/index.es.js";
+import { ContentWrapper as c, IconWrapper as f } from "./index.styled.es.js";
+const v = ({
+  milliSeconds: p = 2e3,
+  children: r,
+  icon: t,
+  onClick: o,
+  hasButton: e,
+  buttonText: i,
+  ...n
+}) => {
+  const m = e ? 5e3 : p, x = d(
+    (a) => {
+      a.preventDefault(), a.stopPropagation(), o == null || o();
+    },
+    [o]
+  );
+  return /* @__PURE__ */ s.jsx(l, { milliSeconds: m, ...n, children: /* @__PURE__ */ s.jsxs(c, { children: [
+    t ? /* @__PURE__ */ s.jsxs(f, { children: [
+      t,
+      " ",
+      /* @__PURE__ */ s.jsx("div", { children: r })
+    ] }) : /* @__PURE__ */ s.jsx("div", { children: r }),
+    e && /* @__PURE__ */ s.jsx(j, { colorType: "gray", onClick: x, children: i })
+  ] }) });
+};
+export {
+  v as Toast
+};

package/dist/components/ToastMessage/Toast/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/dist/components/ToastMessage/Toast/index.stories.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),r=require("./index.cjs.js"),t=require("../../../Icon/generated/AlarmFill.cjs.js");require("../../../Icon/generated/Calendar.cjs.js");require("../../../Icon/generated/Cancel.cjs.js");require("../../../Icon/generated/CancelCircle.cjs.js");require("../../../Icon/generated/CartFill.cjs.js");require("../../../Icon/generated/Check.cjs.js");require("../../../Icon/generated/ChevronDown.cjs.js");require("../../../Icon/generated/ChevronLeft.cjs.js");require("../../../Icon/generated/ChevronRight.cjs.js");require("../../../Icon/generated/ChevronUp.cjs.js");require("../../../Icon/generated/DoubleChevronLeft.cjs.js");require("../../../Icon/generated/DoubleChevronRight.cjs.js");require("../../../Icon/generated/EyeFill.cjs.js");require("../../../Icon/generated/EyeSlashFill.cjs.js");require("../../../Icon/generated/Filter.cjs.js");require("../../../Icon/generated/Information.cjs.js");require("../../../Icon/generated/Menu.cjs.js");require("../../../Icon/generated/More.cjs.js");require("../../../Icon/generated/PersonFill.cjs.js");require("../../../Icon/generated/Plus.cjs.js");require("../../../Icon/generated/QuestionCircle.cjs.js");require("../../../Icon/generated/Re.cjs.js");require("../../../Icon/generated/Search.cjs.js");require("../../../Icon/generated/SettingFill.cjs.js");require("../../../Icon/generated/Share.cjs.js");require("../../../Icon/generated/Store.cjs.js");const u=require("../../../core/Colors/index.cjs.js"),o={title:"Component/Toast Message",component:r.Toast,tags:["autodocs"]},i={render:s=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:["Tip! visible 값을 바꿔보세요",e.jsxRuntimeExports.jsx(r.Toast,{...s})]}),args:{visible:!0,children:"텍스트를 입력해주세요",icon:e.jsxRuntimeExports.jsx(t.AlarmFill,{fillColor:u.basicColors.yellow400}),hasButton:!0}};i.storyName="Toast Message";exports.Story1=i;exports.default=o;

package/dist/components/ToastMessage/Toast/index.stories.es.js

@@ -0,0 +1,50 @@
+import { j as o } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { Toast as t } from "./index.es.js";
+import { AlarmFill as i } from "../../../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 { basicColors as m } from "../../../core/Colors/index.es.js";
+const z = {
+  title: "Component/Toast Message",
+  component: t,
+  tags: ["autodocs"]
+}, p = {
+  render: (r) => /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    "Tip! visible 값을 바꿔보세요",
+    /* @__PURE__ */ o.jsx(t, { ...r })
+  ] }),
+  args: {
+    visible: !0,
+    children: "텍스트를 입력해주세요",
+    icon: /* @__PURE__ */ o.jsx(i, { fillColor: m.yellow400 }),
+    hasButton: !0
+  }
+};
+p.storyName = "Toast Message";
+export {
+  p as Story1,
+  z as default
+};

package/dist/components/ToastMessage/Toast/index.styled.cjs.js

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/styled"),n=require("../../MiniButton/BoxMiniButton/index.styled.cjs.js"),r=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=r(o),a=e.default.div`
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	width: 100%;
+`,i=e.default.div`
+	display: flex;
+	align-items: center;
+
+	& > * + * {
+		margin-left: 10px;
+	}
+`,p=e.default(n.Wrapper);exports.Content=n.Content;exports.ButtonWrapper=p;exports.ContentWrapper=a;exports.IconWrapper=i;

package/dist/components/ToastMessage/Toast/index.styled.d.ts

@@ -1,19 +1,16 @@
-/// <reference types="react" />
 import { Content } from '../../MiniButton/BoxMiniButton/index.styled';
 export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ButtonWrapper: import("@emotion/styled").CreateStyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export { Content };

package/dist/components/ToastMessage/Toast/index.styled.es.js

@@ -0,0 +1,22 @@
+import t from "@emotion/styled";
+import { Wrapper as e } from "../../MiniButton/BoxMiniButton/index.styled.es.js";
+import { Content as c } from "../../MiniButton/BoxMiniButton/index.styled.es.js";
+const p = t.div`
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	width: 100%;
+`, o = t.div`
+	display: flex;
+	align-items: center;
+
+	& > * + * {
+		margin-left: 10px;
+	}
+`, i = t(e);
+export {
+  i as ButtonWrapper,
+  c as Content,
+  p as ContentWrapper,
+  o as IconWrapper
+};

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

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

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

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

package/dist/components/Tooltip/BasicTooltip/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require("../../../chunks/jsx-runtime.713F0z8w.js"),s=require("../TooltipBase/index.cjs.js"),t=e=>o.jsxRuntimeExports.jsx(s.default,{...e,colorType:"white",alwaysShow:!1,hasCloseButton:!1});module.exports=t;

package/dist/components/Tooltip/BasicTooltip/index.es.js

@@ -0,0 +1,6 @@
+import { j as s } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import t from "../TooltipBase/index.es.js";
+const r = (o) => /* @__PURE__ */ s.jsx(t, { ...o, colorType: "white", alwaysShow: !1, hasCloseButton: !1 });
+export {
+  r as default
+};

package/dist/components/Tooltip/BasicTooltip/index.stories.cjs.js

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),p=require("@emotion/styled"),i=require("./index.cjs.js"),l=require("../TooltipBase/index.cjs.js");require("../../../Icon/generated/AlarmFill.cjs.js");require("../../../Icon/generated/Calendar.cjs.js");require("../../../Icon/generated/Cancel.cjs.js");require("../../../Icon/generated/CancelCircle.cjs.js");require("../../../Icon/generated/CartFill.cjs.js");require("../../../Icon/generated/Check.cjs.js");require("../../../Icon/generated/ChevronDown.cjs.js");require("../../../Icon/generated/ChevronLeft.cjs.js");const u=require("../../../Icon/generated/ChevronRight.cjs.js");require("../../../Icon/generated/ChevronUp.cjs.js");require("../../../Icon/generated/DoubleChevronLeft.cjs.js");require("../../../Icon/generated/DoubleChevronRight.cjs.js");require("../../../Icon/generated/EyeFill.cjs.js");require("../../../Icon/generated/EyeSlashFill.cjs.js");require("../../../Icon/generated/Filter.cjs.js");require("../../../Icon/generated/Information.cjs.js");require("../../../Icon/generated/Menu.cjs.js");require("../../../Icon/generated/More.cjs.js");require("../../../Icon/generated/PersonFill.cjs.js");require("../../../Icon/generated/Plus.cjs.js");const a=require("../../../Icon/generated/QuestionCircle.cjs.js");require("../../../Icon/generated/Re.cjs.js");require("../../../Icon/generated/Search.cjs.js");require("../../../Icon/generated/SettingFill.cjs.js");require("../../../Icon/generated/Share.cjs.js");require("../../../Icon/generated/Store.cjs.js");const m=require("../../../chunks/index.styled.SwCr6Bqs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("../../Button/DoubleButton/index.styled.cjs.js");const j=require("../../MiniButton/BoxMiniButton/index.cjs.js"),s=require("../../MiniButton/IconMiniButton/index.cjs.js");require("../../Button/FloatBaseButton/index.styled.cjs.js");require("../../Button/FloatDoubleButton/index.styled.cjs.js");require("../../Card/index.styled.cjs.js");require("react");require("@emotion/react");require("../../../core/Colors/index.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../../core/TextStyles/index.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");const o=require("../../../library/Spacing/index.cjs.js");require("../../../types/date.cjs.js");require("../../Comment/index.cjs.js");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("../../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Week/index.styled.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.DkE3TbtV.js");require("../../Input/BaseInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Loading/Skeleton/index.cjs.js");require("../../Loading/Spinner/index.styled.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");const d=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},y=d(p),g={title:"Component/Tooltip/BasicTooltip",component:i,tags:["autodocs"]},t={placement:{options:l.PlacementArray,control:{type:"radio"}}},n=y.default.div`
+	width: 100%;
+	padding: 100px 0;
+`,_=r=>e.jsxRuntimeExports.jsx(n,{children:e.jsxRuntimeExports.jsx(i,{...r,children:e.jsxRuntimeExports.jsx(a.QuestionCircle,{})})}),q={render:r=>e.jsxRuntimeExports.jsx(_,{...r}),args:{content:"툴팁 문구를 입력해주세요"},argTypes:t,parameters:{docs:{description:{story:"종속된 컴포넌트 위치에 따라 말풍선 꼬리의 위치를 결정합니다. 화면을 가로로 3등분 하여 콘텐츠의 위치에 따라 왼쪽, 중앙, 오른쪽에 꼬리를 표시하고, 화면을 세로로 2등분 하여 위쪽, 아래쪽으로 말풍선 꼬리를 표시합니다."}}}};q.storyName="w. QuestionIcon";const R=r=>e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx(i,{...r,children:e.jsxRuntimeExports.jsx(j.BoxMiniButton,{colorType:"gray",children:"상품 필터"})}),e.jsxRuntimeExports.jsx(o.Spacing,{spaceNumber:30}),e.jsxRuntimeExports.jsx(i,{...r,isChildrenFullWidth:!0,children:e.jsxRuntimeExports.jsx(m.SingleButton,{colorType:"gray",purpose:"main",children:"SingleButton"})}),e.jsxRuntimeExports.jsx(o.Spacing,{spaceNumber:30}),e.jsxRuntimeExports.jsx(i,{...r,children:e.jsxRuntimeExports.jsx(s.IconMiniButton,{colorType:"gray",size:"s",icon:e.jsxRuntimeExports.jsx(u.ChevronRight,{size:20}),children:"상품 가이드"})})]}),c={render:r=>e.jsxRuntimeExports.jsx(R,{...r}),args:{content:"툴팁 문구를 입력해주세요"},argTypes:t};c.storyName="w. Buttons";const h=r=>e.jsxRuntimeExports.jsx(n,{children:e.jsxRuntimeExports.jsx(i,{...r,children:e.jsxRuntimeExports.jsx(s.IconMiniButton,{colorType:"gray",size:"s",icon:e.jsxRuntimeExports.jsx(u.ChevronRight,{size:20}),children:"상품 가이드"})})}),x={render:r=>e.jsxRuntimeExports.jsx(h,{...r}),args:{content:"툴팁 문구를 입력해주세요"},argTypes:t};x.storyName="w. IconMiniButton";exports.Story1=q;exports.Story2=c;exports.Story3=x;exports.default=g;

package/dist/components/Tooltip/BasicTooltip/index.stories.es.js

@@ -0,0 +1,131 @@
+import { j as o } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import s from "@emotion/styled";
+import t from "./index.es.js";
+import { PlacementArray as c } from "../TooltipBase/index.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 { ChevronRight as n } from "../../../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 { QuestionCircle as a } from "../../../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 { S as l } from "../../../chunks/index.styled.BTZpARWY.js";
+import "../../Badge/IconBadge/index.styled.es.js";
+import "../../Badge/TextBadge/index.styled.es.js";
+import "../../Button/DoubleButton/index.styled.es.js";
+import { BoxMiniButton as d } from "../../MiniButton/BoxMiniButton/index.es.js";
+import { IconMiniButton as e } from "../../MiniButton/IconMiniButton/index.es.js";
+import "../../Button/FloatBaseButton/index.styled.es.js";
+import "../../Button/FloatDoubleButton/index.styled.es.js";
+import "../../Card/index.styled.es.js";
+import "react";
+import "@emotion/react";
+import "../../../core/Colors/index.es.js";
+import "../../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../../core/TextStyles/index.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 { Spacing as p } from "../../../library/Spacing/index.es.js";
+import "../../../types/date.es.js";
+import "../../Comment/index.es.js";
+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 "../../DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/Week/index.styled.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.SOJ65tcg.js";
+import "../../Input/BaseInput/index.es.js";
+import "../../Input/ResidentNumberInput/index.styled.es.js";
+import "../../Loading/Skeleton/index.es.js";
+import "../../Loading/Spinner/index.styled.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";
+const Ho = {
+  title: "Component/Tooltip/BasicTooltip",
+  component: t,
+  tags: ["autodocs"]
+}, i = {
+  placement: {
+    options: c,
+    control: { type: "radio" }
+  }
+}, m = s.div`
+	width: 100%;
+	padding: 100px 0;
+`, x = (r) => /* @__PURE__ */ o.jsx(m, { children: /* @__PURE__ */ o.jsx(t, { ...r, children: /* @__PURE__ */ o.jsx(a, {}) }) }), y = {
+  render: (r) => /* @__PURE__ */ o.jsx(x, { ...r }),
+  args: {
+    content: "툴팁 문구를 입력해주세요"
+  },
+  argTypes: i,
+  parameters: {
+    docs: {
+      description: {
+        story: "종속된 컴포넌트 위치에 따라 말풍선 꼬리의 위치를 결정합니다. 화면을 가로로 3등분 하여 콘텐츠의 위치에 따라 왼쪽, 중앙, 오른쪽에 꼬리를 표시하고, 화면을 세로로 2등분 하여 위쪽, 아래쪽으로 말풍선 꼬리를 표시합니다."
+      }
+    }
+  }
+};
+y.storyName = "w. QuestionIcon";
+const j = (r) => /* @__PURE__ */ o.jsxs(m, { children: [
+  /* @__PURE__ */ o.jsx(t, { ...r, children: /* @__PURE__ */ o.jsx(d, { colorType: "gray", children: "상품 필터" }) }),
+  /* @__PURE__ */ o.jsx(p, { spaceNumber: 30 }),
+  /* @__PURE__ */ o.jsx(t, { ...r, isChildrenFullWidth: !0, children: /* @__PURE__ */ o.jsx(l, { colorType: "gray", purpose: "main", children: "SingleButton" }) }),
+  /* @__PURE__ */ o.jsx(p, { spaceNumber: 30 }),
+  /* @__PURE__ */ o.jsx(t, { ...r, children: /* @__PURE__ */ o.jsx(e, { colorType: "gray", size: "s", icon: /* @__PURE__ */ o.jsx(n, { size: 20 }), children: "상품 가이드" }) })
+] }), u = {
+  render: (r) => /* @__PURE__ */ o.jsx(j, { ...r }),
+  args: {
+    content: "툴팁 문구를 입력해주세요"
+  },
+  argTypes: i
+};
+u.storyName = "w. Buttons";
+const g = (r) => /* @__PURE__ */ o.jsx(m, { children: /* @__PURE__ */ o.jsx(t, { ...r, children: /* @__PURE__ */ o.jsx(e, { colorType: "gray", size: "s", icon: /* @__PURE__ */ o.jsx(n, { size: 20 }), children: "상품 가이드" }) }) }), h = {
+  render: (r) => /* @__PURE__ */ o.jsx(g, { ...r }),
+  args: {
+    content: "툴팁 문구를 입력해주세요"
+  },
+  argTypes: i
+};
+h.storyName = "w. IconMiniButton";
+export {
+  y as Story1,
+  u as Story2,
+  h as Story3,
+  Ho as default
+};

package/dist/components/Tooltip/BasicTooltip/index.stories.js

@@ -38,7 +38,7 @@ const ContainerForStorybook = styled_1.default.div `
 const Component1 = (props) => {
     return (react_1.default.createElement(ContainerForStorybook, null,
         react_1.default.createElement(_1.default, Object.assign({}, props),
-            react_1.default.createElement(Icon_1.QuestionIcon, null))));
+            react_1.default.createElement(Icon_1.QuestionCircleIcon, null))));
 };
 // Props 교체 가능
 exports.Story1 = {
@@ -65,7 +65,7 @@ const Component2 = (props) => {
             react_1.default.createElement(__1.SingleButton, { colorType: "gray", purpose: "main" }, "SingleButton")),
         react_1.default.createElement(library_1.Spacing, { spaceNumber: 30 }),
         react_1.default.createElement(_1.default, Object.assign({}, props),
-            react_1.default.createElement(__1.IconMiniButton, { colorType: "gray", size: "s", icon: react_1.default.createElement(Icon_1.ChevronRightSIcon, null) }, "\uC0C1\uD488 \uAC00\uC774\uB4DC"))));
+            react_1.default.createElement(__1.IconMiniButton, { colorType: "gray", size: "s", icon: react_1.default.createElement(Icon_1.ChevronRightIcon, { size: 20 }) }, "\uC0C1\uD488 \uAC00\uC774\uB4DC"))));
 };
 // Props 교체 가능
 exports.Story2 = {
@@ -79,7 +79,7 @@ exports.Story2.storyName = 'w. Buttons';
 const Component3 = (props) => {
     return (react_1.default.createElement(ContainerForStorybook, null,
         react_1.default.createElement(_1.default, Object.assign({}, props),
-            react_1.default.createElement(__1.IconMiniButton, { colorType: "gray", size: "s", icon: react_1.default.createElement(Icon_1.ChevronRightSIcon, null) }, "\uC0C1\uD488 \uAC00\uC774\uB4DC"))));
+            react_1.default.createElement(__1.IconMiniButton, { colorType: "gray", size: "s", icon: react_1.default.createElement(Icon_1.ChevronRightIcon, { size: 20 }) }, "\uC0C1\uD488 \uAC00\uC774\uB4DC"))));
 };
 // Props 교체 가능
 exports.Story3 = {

package/dist/components/Tooltip/ImpactTooltip/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require("../../../chunks/jsx-runtime.713F0z8w.js"),t=require("../TooltipBase/index.cjs.js"),s=e=>o.jsxRuntimeExports.jsx(t.default,{...e,alwaysShow:!0,popperOptions:{modifiers:[{name:"flip",enabled:!1},{name:"preventOverflow",options:{mainAxis:!1}}]}});module.exports=s;

package/dist/components/Tooltip/ImpactTooltip/index.es.js

@@ -0,0 +1,23 @@
+import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import t from "../TooltipBase/index.es.js";
+const a = (o) => /* @__PURE__ */ e.jsx(
+  t,
+  {
+    ...o,
+    alwaysShow: !0,
+    popperOptions: {
+      modifiers: [
+        { name: "flip", enabled: !1 },
+        {
+          name: "preventOverflow",
+          options: {
+            mainAxis: !1
+          }
+        }
+      ]
+    }
+  }
+);
+export {
+  a as default
+};

package/dist/components/Tooltip/ImpactTooltip/index.stories.cjs.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../../chunks/jsx-runtime.713F0z8w.js"),t=require("../TooltipBase/index.cjs.js"),o=require("./index.cjs.js"),n=require("@emotion/styled");require("../../../Icon/generated/AlarmFill.cjs.js");require("../../../Icon/generated/Calendar.cjs.js");require("../../../Icon/generated/Cancel.cjs.js");require("../../../Icon/generated/CancelCircle.cjs.js");require("../../../Icon/generated/CartFill.cjs.js");require("../../../Icon/generated/Check.cjs.js");require("../../../Icon/generated/ChevronDown.cjs.js");require("../../../Icon/generated/ChevronLeft.cjs.js");require("../../../Icon/generated/ChevronRight.cjs.js");require("../../../Icon/generated/ChevronUp.cjs.js");require("../../../Icon/generated/DoubleChevronLeft.cjs.js");require("../../../Icon/generated/DoubleChevronRight.cjs.js");require("../../../Icon/generated/EyeFill.cjs.js");require("../../../Icon/generated/EyeSlashFill.cjs.js");require("../../../Icon/generated/Filter.cjs.js");require("../../../Icon/generated/Information.cjs.js");require("../../../Icon/generated/Menu.cjs.js");require("../../../Icon/generated/More.cjs.js");require("../../../Icon/generated/PersonFill.cjs.js");require("../../../Icon/generated/Plus.cjs.js");const u=require("../../../Icon/generated/QuestionCircle.cjs.js");require("../../../Icon/generated/Re.cjs.js");require("../../../Icon/generated/Search.cjs.js");require("../../../Icon/generated/SettingFill.cjs.js");require("../../../Icon/generated/Share.cjs.js");require("../../../Icon/generated/Store.cjs.js");const s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=s(n),l={title:"Component/Tooltip/ImpactTooltip",component:o,tags:["autodocs"]},p={colorType:{options:t.ColorTypeArray.filter(e=>e!=="white"),control:{type:"radio"}},placement:{options:t.PlacementArray,control:{type:"radio"}},hasCloseButton:{control:{type:"boolean"}}},a=c.default.div`
+	width: 100%;
+	padding: 100px 0;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+`,q=e=>r.jsxRuntimeExports.jsx(a,{children:r.jsxRuntimeExports.jsx(o,{...e,children:r.jsxRuntimeExports.jsx(u.QuestionCircle,{})})}),i={render:e=>r.jsxRuntimeExports.jsx(q,{...e}),args:{colorType:"gray",content:"툴팁 문구를 입력해주세요",placement:"top-center"},argTypes:p,parameters:{docs:{description:{story:"화면 영향 없이 콘텐츠가 가려지지 않는 방향으로 자유롭게 말풍선 꼬리를 표시합니다."}}}};i.storyName="playground";exports.Story1=i;exports.default=l;