@pfct/purple 1.5.0-rc.5 → 1.5.0-rc.7

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

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-import { PropsWithChildren } from '../../../types/react';
-type ToastPosition = 'TOP' | 'TOP_RIGHT' | 'TOP_LEFT' | 'BOTTOM' | 'BOTTOM_LEFT' | 'BOTTOM_RIGHT';
-type BaseToastMessageProps = PropsWithChildren<{
-    visible: boolean;
-    onClose?: () => void;
-    milliSeconds?: number;
-    className?: string;
-    position?: ToastPosition;
-}>;
-declare const BaseToastMessage: React.FC<BaseToastMessageProps>;
-export type { BaseToastMessageProps };
-export { BaseToastMessage };

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

@@ -1,25 +0,0 @@
-import { j as s } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
-import { useState as x, useRef as j, useEffect as u } from "react";
-import { a3 as T, a4 as R } from "../../../chunks/index.styled.Bc4yfmzB.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.styled.cjs.js

@@ -1 +0,0 @@
-"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.cvcvIoeD.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("react");require("../../Loading/Skeleton/index.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../Card/index.styled.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("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Calendar.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("../../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");require("../../ui/bottomSheet.cjs.js");exports.Content=e.Content;exports.Toast=e.Toast;

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

@@ -1,10 +0,0 @@
-export declare const Toast: import('@emotion/styled').StyledComponent<{
-    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;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,80 +0,0 @@
-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 { a4 as vo, a3 as wo } from "../../../chunks/index.styled.Bc4yfmzB.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 "react";
-import "../../Loading/Skeleton/index.es.js";
-import "../../Loading/Spinner/index.styled.es.js";
-import "../../Card/index.styled.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 "../../../icons/src/icons/Alarm_fill.es.js";
-import "../../../icons/src/icons/Cancel_circle.es.js";
-import "../../../icons/src/icons/Check.es.js";
-import "../../../icons/src/icons/Cart_fill.es.js";
-import "../../../icons/src/icons/Chevron_left.es.js";
-import "../../../icons/src/icons/Chevron_right.es.js";
-import "../../../icons/src/icons/Chevron_up.es.js";
-import "../../../icons/src/icons/Double_Chevron_left.es.js";
-import "../../../icons/src/icons/Double_Chevron_right.es.js";
-import "../../../icons/src/icons/Eye_fill.es.js";
-import "../../../icons/src/icons/Eye_slash_fill.es.js";
-import "../../../icons/src/icons/Filter.es.js";
-import "../../../icons/src/icons/Information.es.js";
-import "../../../icons/src/icons/Menu.es.js";
-import "../../../icons/src/icons/Person_fill.es.js";
-import "../../../icons/src/icons/Plus.es.js";
-import "../../../icons/src/icons/More.es.js";
-import "../../../icons/src/icons/Question_circle.es.js";
-import "../../../icons/src/icons/Search.es.js";
-import "../../../icons/src/icons/Setting_fill.es.js";
-import "../../../icons/src/icons/Re.es.js";
-import "../../../icons/src/icons/Cancel.es.js";
-import "../../../icons/src/icons/Share.es.js";
-import "../../../icons/src/icons/Store.es.js";
-import "../../../icons/src/icons/Chevron_down.es.js";
-import "../../../icons/src/icons/Calendar.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 "../../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";
-import "../../ui/bottomSheet.es.js";
-export {
-  vo as Content,
-  wo as Toast
-};

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

@@ -1 +0,0 @@
-"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.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-import { BaseToastMessageProps } from '../BaseToastMessage';
-import { PropsWithChildren } from '../../../types/react';
-type IconToastProps = {
-    icon?: React.ReactNode;
-    hasButton?: boolean;
-    onClick?: () => void;
-    buttonText?: string;
-};
-type ToastMessageProps = PropsWithChildren<BaseToastMessageProps & IconToastProps>;
-declare const Toast: React.FC<ToastMessageProps>;
-export type { ToastMessageProps };
-export { Toast };

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

@@ -1,32 +0,0 @@
-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.styled.cjs.js

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

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

@@ -1,8 +0,0 @@
-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 IconWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,18 +0,0 @@
-import e from "@emotion/styled";
-const n = e.div`
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	width: 100%;
-`, i = e.div`
-	display: flex;
-	align-items: center;
-
-	& > * + * {
-		margin-left: 10px;
-	}
-`;
-export {
-  n as ContentWrapper,
-  i as IconWrapper
-};

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

@@ -1 +0,0 @@
-"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.d.ts

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

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

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

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

@@ -1 +0,0 @@
-"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.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-import { TooltipBaseProps } from '../TooltipBase';
-export type BasicTooltipProps = Omit<TooltipBaseProps, 'colorType' | 'alwaysShow' | 'hasCloseButton'>;
-declare const BasicTooltip: React.FC<BasicTooltipProps>;
-export default BasicTooltip;

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

@@ -1,6 +0,0 @@
-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/ImpactTooltip/index.cjs.js

@@ -1 +0,0 @@
-"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.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { TooltipBaseProps, TooltipPlacementType } from '../TooltipBase';
-export type ImpactTooltipProps = Omit<TooltipBaseProps, 'alwaysShow' | 'placement'> & {
-    placement: TooltipPlacementType;
-};
-declare const ImpactTooltip: React.FC<ImpactTooltipProps>;
-export default ImpactTooltip;

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

@@ -1,23 +0,0 @@
-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/TooltipBase/index.cjs.js

@@ -1,8 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../../chunks/jsx-runtime.713F0z8w.js"),i=require("react"),n=require("./index.styled.cjs.js"),e=require("../../../core/Colors/index.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Re.cjs.js");const y=require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");const j=["white","pink","blue","gray","lime"],M=["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right","left-center","right-center"],_=5.8,E=2,R=({backgroundColor:t})=>t===e.basicColors.white?`<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M4.67395 2.01734L5.08584e-07 8L1.31297 8L5.46343 2.67569C5.86314 2.16294 6.63816 2.16193 7.03919 2.67364L11.2136 8L12.5 8L7.82605 2.01734C7.02531 0.992394 5.4747 0.992392 4.67395 2.01734Z" fill="${e.basicColors.gray100}" />
-        <path d="M11.201 8L1.30078 8L5.45142 2.66295C5.85118 2.14892 6.62777 2.14801 7.02874 2.6611L11.201 8Z" fill="${e.basicColors.white}"/>
-    </svg>`:`
-    <svg id="hello" width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M4.67395 0.768711L0 6.75137L1.30078 6.75137L11.201 6.75137H12.5L7.82605 0.768713C7.02531 -0.256236 5.4747 -0.256238 4.67395 0.768711Z" fill="${t}"/>
-    </svg>
-`,T=({placement:t,colorType:o,content:p,children:d,className:C,alwaysShow:s=!1,hasCloseButton:b=!1,zIndex:g,popperOptions:h,isChildrenFullWidth:f=!1})=>{const[l,c]=i.useState(!1),q=i.useMemo(()=>{switch(t){case"top-left":return"bottom-start";case"top-center":return"bottom";case"top-right":return"bottom-end";case"bottom-left":return"top-start";case"bottom-center":return"top";case"bottom-right":return"top-end";case"left-center":return"right";case"right-center":return"left";default:return"top"}},[t]),u=i.useMemo(()=>{switch(o){case"gray":return{backgroundColor:e.basicColors.gray700,borderColor:e.basicColors.gray700,contentColor:e.basicColors.gray25};case"white":return{backgroundColor:e.basicColors.white,borderColor:e.basicColors.gray100,contentColor:e.basicColors.gray400};default:return{backgroundColor:e.basicColors[`${o}400`],borderColor:e.basicColors[`${o}400`],contentColor:e.basicColors.gray25}}},[o]),m={visible:l,arrow:R({backgroundColor:u.backgroundColor})},x=()=>{c(!0)},a=()=>{c(!1)},w=r.jsxRuntimeExports.jsxs(n.TippyContentAndCloseButtonWrapper,{onClick:a,children:[r.jsxRuntimeExports.jsx("div",{children:p}),b&&r.jsxRuntimeExports.jsx(n.CloseButtonWrapper,{children:r.jsxRuntimeExports.jsx(y.default,{className:"text-white",size:20})})]}),v=()=>{l&&s||x()},L=()=>{l&&s||a()};return i.useEffect(()=>{s&&c(!0)},[s]),r.jsxRuntimeExports.jsx(n.TippyWrapper,{...u,...m,placement:q,className:C,content:w,offset:[0,_+E],interactive:!0,zIndex:g,popperOptions:h,children:r.jsxRuntimeExports.jsx(n.Children,{isChildrenFullWidth:f,onMouseEnter:v,onMouseLeave:L,children:d})})};exports.ColorTypeArray=j;exports.PlacementArray=M;exports.default=T;

package/dist/components/Tooltip/TooltipBase/index.d.ts

@@ -1,18 +0,0 @@
-import { default as React } from 'react';
-import { TippyProps } from '@tippyjs/react';
-import { ColorType } from '../../../utils';
-type ExtendColorType = ColorType | 'white';
-export declare const ColorTypeArray: ExtendColorType[];
-export declare const PlacementArray: readonly ["top-left", "top-center", "top-right", "bottom-left", "bottom-center", "bottom-right", "left-center", "right-center"];
-export type TooltipPlacementType = (typeof PlacementArray)[number];
-export type TooltipBaseProps = Pick<TippyProps, 'children' | 'zIndex' | 'popperOptions'> & {
-    colorType: ExtendColorType;
-    isChildrenFullWidth?: boolean;
-    placement?: TooltipPlacementType;
-    content: React.ReactNode | string;
-    className?: string;
-    alwaysShow?: boolean;
-    hasCloseButton?: boolean;
-};
-declare const TooltipBase: React.FC<TooltipBaseProps>;
-export default TooltipBase;

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

@@ -1,146 +0,0 @@
-import { j as r } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
-import { useState as y, useMemo as c, useEffect as j } from "react";
-import { TippyWrapper as M, Children as k, TippyContentAndCloseButtonWrapper as A, CloseButtonWrapper as B } from "./index.styled.es.js";
-import { basicColors as t } from "../../../core/Colors/index.es.js";
-import "../../../icons/src/icons/Alarm_fill.es.js";
-import "../../../icons/src/icons/Cancel_circle.es.js";
-import "../../../icons/src/icons/Check.es.js";
-import "../../../icons/src/icons/Cart_fill.es.js";
-import "../../../icons/src/icons/Chevron_left.es.js";
-import "../../../icons/src/icons/Chevron_right.es.js";
-import "../../../icons/src/icons/Chevron_up.es.js";
-import "../../../icons/src/icons/Double_Chevron_left.es.js";
-import "../../../icons/src/icons/Double_Chevron_right.es.js";
-import "../../../icons/src/icons/Eye_fill.es.js";
-import "../../../icons/src/icons/Eye_slash_fill.es.js";
-import "../../../icons/src/icons/Filter.es.js";
-import "../../../icons/src/icons/Information.es.js";
-import "../../../icons/src/icons/Menu.es.js";
-import "../../../icons/src/icons/Person_fill.es.js";
-import "../../../icons/src/icons/Plus.es.js";
-import "../../../icons/src/icons/More.es.js";
-import "../../../icons/src/icons/Question_circle.es.js";
-import "../../../icons/src/icons/Search.es.js";
-import "../../../icons/src/icons/Setting_fill.es.js";
-import "../../../icons/src/icons/Re.es.js";
-import $ from "../../../icons/src/icons/Cancel.es.js";
-import "../../../icons/src/icons/Share.es.js";
-import "../../../icons/src/icons/Store.es.js";
-import "../../../icons/src/icons/Chevron_down.es.js";
-import "../../../icons/src/icons/Calendar.es.js";
-const ct = ["white", "pink", "blue", "gray", "lime"], at = [
-  "top-left",
-  "top-center",
-  "top-right",
-  "bottom-left",
-  "bottom-center",
-  "bottom-right",
-  "left-center",
-  "right-center"
-], E = 5.8, P = 2, T = ({ backgroundColor: e }) => e === t.white ? `<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M4.67395 2.01734L5.08584e-07 8L1.31297 8L5.46343 2.67569C5.86314 2.16294 6.63816 2.16193 7.03919 2.67364L11.2136 8L12.5 8L7.82605 2.01734C7.02531 0.992394 5.4747 0.992392 4.67395 2.01734Z" fill="${t.gray100}" />
-        <path d="M11.201 8L1.30078 8L5.45142 2.66295C5.85118 2.14892 6.62777 2.14801 7.02874 2.6611L11.201 8Z" fill="${t.white}"/>
-    </svg>` : `
-    <svg id="hello" width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M4.67395 0.768711L0 6.75137L1.30078 6.75137L11.201 6.75137H12.5L7.82605 0.768713C7.02531 -0.256236 5.4747 -0.256238 4.67395 0.768711Z" fill="${e}"/>
-    </svg>
-`, mt = ({
-  placement: e,
-  colorType: o,
-  content: a,
-  children: m,
-  className: u,
-  alwaysShow: n = !1,
-  hasCloseButton: f = !1,
-  zIndex: h,
-  popperOptions: g,
-  isChildrenFullWidth: d = !1
-}) => {
-  const [i, s] = y(!1), C = c(() => {
-    switch (e) {
-      case "top-left":
-        return "bottom-start";
-      case "top-center":
-        return "bottom";
-      case "top-right":
-        return "bottom-end";
-      case "bottom-left":
-        return "top-start";
-      case "bottom-center":
-        return "top";
-      case "bottom-right":
-        return "top-end";
-      case "left-center":
-        return "right";
-      case "right-center":
-        return "left";
-      default:
-        return "top";
-    }
-  }, [e]), p = c(() => {
-    switch (o) {
-      case "gray":
-        return {
-          backgroundColor: t.gray700,
-          borderColor: t.gray700,
-          contentColor: t.gray25
-        };
-      case "white":
-        return {
-          backgroundColor: t.white,
-          borderColor: t.gray100,
-          contentColor: t.gray400
-        };
-      default:
-        return {
-          backgroundColor: t[`${o}400`],
-          borderColor: t[`${o}400`],
-          contentColor: t.gray25
-        };
-    }
-  }, [o]), b = {
-    visible: i,
-    arrow: T({ backgroundColor: p.backgroundColor })
-  }, w = () => {
-    s(!0);
-  }, l = () => {
-    s(!1);
-  }, x = /* @__PURE__ */ r.jsxs(A, { onClick: l, children: [
-    /* @__PURE__ */ r.jsx("div", { children: a }),
-    f && /* @__PURE__ */ r.jsx(B, { children: /* @__PURE__ */ r.jsx($, { className: "text-white", size: 20 }) })
-  ] }), L = () => {
-    i && n || w();
-  }, v = () => {
-    i && n || l();
-  };
-  return j(() => {
-    n && s(!0);
-  }, [n]), /* @__PURE__ */ r.jsx(
-    M,
-    {
-      ...p,
-      ...b,
-      placement: C,
-      className: u,
-      content: x,
-      offset: [0, E + P],
-      interactive: !0,
-      zIndex: h,
-      popperOptions: g,
-      children: /* @__PURE__ */ r.jsx(
-        k,
-        {
-          isChildrenFullWidth: d,
-          onMouseEnter: L,
-          onMouseLeave: v,
-          children: m
-        }
-      )
-    }
-  );
-};
-export {
-  ct as ColorTypeArray,
-  at as PlacementArray,
-  mt as default
-};