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

package/dist/index.es.js

@@ -0,0 +1,294 @@
+import { B as a, d as l, f as m, e as n, b as p, c as s, j as i, n as f, h as x, D as c, H as S, k as h, l as u, M as B, g as d, N as C, P as I, i as y, S as g, a as T, m as P, T as D, U as M, o as b, q as v, p as F, t as k } from "./chunks/index.styled.ByGzJNsf.js";
+import { IconBadge as L } from "./components/Badge/IconBadge/index.es.js";
+import { TextBadge as R } from "./components/Badge/TextBadge/index.es.js";
+import { FloatSingleButton as N } from "./components/Button/FloatSingleButton/index.es.js";
+import { FloatDoubleButton as U } from "./components/Button/FloatDoubleButton/index.es.js";
+import { FloatBaseButton as O } from "./components/Button/FloatBaseButton/index.es.js";
+import { TestButton as _ } from "./components/Button/TestButton/index.es.js";
+import { Card as j } from "./components/Card/index.es.js";
+import { Comment as K } from "./components/Comment/index.es.js";
+import { RadioButton as Y } from "./components/Control/RadioButton/index.es.js";
+import { CheckBox as J } from "./components/Control/CheckBox/index.es.js";
+import { CheckMark as Z } from "./components/Control/CheckMark/index.es.js";
+import { Switch as oo } from "./components/Control/Switch/index.es.js";
+import { BaseDatePicker as to } from "./components/DatePicker/BaseDatePicker/index.es.js";
+import { useSingleDatePicker as ao } from "./components/DatePicker/SingleDatePicker/hooks/useSingleDatePicker.es.js";
+import { useRangeDatePicker as mo } from "./components/DatePicker/RangeDatePicker/hooks/useRangeDatePicker.es.js";
+import { SingleDatePickerModal as po } from "./components/DatePicker/SingleDatePickerModal/index.es.js";
+import { RangeDatePickerModal as io } from "./components/DatePicker/RangeDatePickerModal/index.es.js";
+import { Divider as xo } from "./components/Divider/index.es.js";
+import { InputFrame as So } from "./components/Input/common/InputFrame/index.es.js";
+import { BaseInput as uo } from "./components/Input/BaseInput/index.es.js";
+import "./chunks/jsx-runtime.Drh4NO5G.js";
+import "react";
+import { Between as Co, BetweenPcAndMobile as Io, Larger as yo, MediaQuerySize as go, Smaller as To } from "./utils/media.util.es.js";
+import { extractNumber as Do, formatKoreaCurrency as Mo, numberAccept as bo } from "./utils/format.util.es.js";
+import { ColorTypeArray as Fo, PurposeArray as ko, StateArray as Ao, StatusArray as Lo } from "./utils/GenerateColorStyle/common/type.es.js";
+import { default as Ro } from "./utils/GenerateColorStyle/single-button.es.js";
+import { default as No } from "./utils/GenerateColorStyle/mini-button.es.js";
+import { default as Uo } from "./utils/GenerateColorStyle/datepicker.es.js";
+import { default as Oo } from "./utils/GenerateColorStyle/control/switch.es.js";
+import { default as _o } from "./utils/GenerateColorStyle/control/radio-button.es.js";
+import { default as jo } from "./utils/GenerateColorStyle/control/check-box.es.js";
+import { default as Ko } from "./utils/GenerateColorStyle/control/check-mark.es.js";
+import { default as Yo } from "./utils/GenerateColorStyle/progress-bar.es.js";
+import { default as Jo } from "./utils/GenerateColorStyle/tag.es.js";
+import { ResidentNumberInput as Zo } from "./components/Input/ResidentNumberInput/index.es.js";
+import { ProgressBar as oe } from "./components/Loading/ProgressBar/index.es.js";
+import { Skeleton as te } from "./components/Loading/Skeleton/index.es.js";
+import { BoxMiniButton as ae } from "./components/MiniButton/BoxMiniButton/index.es.js";
+import { IconMiniButton as me } from "./components/MiniButton/IconMiniButton/index.es.js";
+import { Segment as pe } from "./components/Segment/BaseSegment/index.es.js";
+import { ExtendSegment as ie } from "./components/Segment/ExtendSegment/index.es.js";
+import { SelectBox as xe } from "./components/SelectBox/index.es.js";
+import { BasicChips as Se } from "./components/Chips/BasicChips/index.es.js";
+import { ChipItem as ue } from "./components/Chips/ChipItem/index.es.js";
+import { ChipsFrame as de } from "./components/Chips/ChipsFrame/index.es.js";
+import { TextTabs as Ie } from "./components/Tabs/TextTabs/index.es.js";
+import { FillTabs as ge } from "./components/Tabs/FillTabs/index.es.js";
+import { Tag as Pe } from "./components/Tag/index.es.js";
+import { Title as Me } from "./components/Title/index.es.js";
+import { Toast as ve } from "./components/ToastMessage/Toast/index.es.js";
+import { default as ke } from "./components/Tooltip/BasicTooltip/index.es.js";
+import { default as Le } from "./components/Tooltip/ImpactTooltip/index.es.js";
+import { BottomSheet as Re, BottomSheetBody as Ee, BottomSheetClose as Ne, BottomSheetCloseIcon as we, BottomSheetContent as Ue, BottomSheetDescription as ze, BottomSheetFooter as Oe, BottomSheetHeader as Qe, BottomSheetNavigationHeader as _e, BottomSheetTitle as We, BottomSheetTitleHeader as je, BottomSheetTrigger as qe } from "./components/ui/bottomSheet.es.js";
+import { Button as Ve, buttonVariants as Ye } from "./components/ui/button.es.js";
+import { basicColors as Je, generateHexWithAlphaInLightMode as Xe, semanticColors as Ze, semanticColorsMethod as $e } from "./core/Colors/index.es.js";
+import { default as et } from "./core/Display/Pc.es.js";
+import { default as rt } from "./core/Display/Mobile.es.js";
+import { Theme as lt } from "./core/Theme/index.es.js";
+import { body1 as nt, body2 as pt, headline1 as st, headline2 as it, headline3 as ft, headline4 as xt, headline5 as ct, headline6 as St, title1 as ht, title2 as ut, title3 as Bt, title4 as dt, typography as Ct } from "./core/TextStyles/index.es.js";
+import { Headline1 as yt } from "./core/Typography/Headline1.es.js";
+import { Headline2 as Tt } from "./core/Typography/Headline2.es.js";
+import { Headline6 as Dt } from "./core/Typography/Headline6.es.js";
+import { Body1 as bt } from "./core/Typography/Body1.es.js";
+import { Body2 as Ft } from "./core/Typography/Body2.es.js";
+import { Title1 as At } from "./core/Typography/Title1.es.js";
+import { Title2 as Ht } from "./core/Typography/Title2.es.js";
+import { Title4 as Et } from "./core/Typography/Title4.es.js";
+import { getScrollParent as wt, isIOS as Ut, isIPad as zt, isIPhone as Ot, isInput as Qt, isMac as _t, isSafari as Wt, isScrollable as jt, registerHookForOverlayPreventScroll as qt, testPlatform as Kt, useIsomorphicLayoutEffect as Vt, useOverlayPreventScroll as Yt, usePreventScroll as Gt } from "./hooks/useOverlayPreventScroll.es.js";
+import { default as Xt } from "./hooks/useLayoutIsMobile.es.js";
+import { default as $t } from "./hooks/useResize.es.js";
+import { default as er } from "./hooks/useEventListener.es.js";
+import { AlarmFill as rr } from "./Icon/generated/AlarmFill.es.js";
+import { Calendar as lr } from "./Icon/generated/Calendar.es.js";
+import { Cancel as nr } from "./Icon/generated/Cancel.es.js";
+import { CancelCircle as sr } from "./Icon/generated/CancelCircle.es.js";
+import { CartFill as fr } from "./Icon/generated/CartFill.es.js";
+import { Check as cr } from "./Icon/generated/Check.es.js";
+import { ChevronDown as hr } from "./Icon/generated/ChevronDown.es.js";
+import { ChevronLeft as Br } from "./Icon/generated/ChevronLeft.es.js";
+import { ChevronRight as Cr } from "./Icon/generated/ChevronRight.es.js";
+import { ChevronUp as yr } from "./Icon/generated/ChevronUp.es.js";
+import { DoubleChevronLeft as Tr } from "./Icon/generated/DoubleChevronLeft.es.js";
+import { DoubleChevronRight as Dr } from "./Icon/generated/DoubleChevronRight.es.js";
+import { EyeFill as br } from "./Icon/generated/EyeFill.es.js";
+import { EyeSlashFill as Fr } from "./Icon/generated/EyeSlashFill.es.js";
+import { Filter as Ar } from "./Icon/generated/Filter.es.js";
+import { Information as Hr } from "./Icon/generated/Information.es.js";
+import { Menu as Er } from "./Icon/generated/Menu.es.js";
+import { More as wr } from "./Icon/generated/More.es.js";
+import { PersonFill as zr } from "./Icon/generated/PersonFill.es.js";
+import { Plus as Qr } from "./Icon/generated/Plus.es.js";
+import { QuestionCircle as Wr } from "./Icon/generated/QuestionCircle.es.js";
+import { Re as qr } from "./Icon/generated/Re.es.js";
+import { Search as Vr } from "./Icon/generated/Search.es.js";
+import { SettingFill as Gr } from "./Icon/generated/SettingFill.es.js";
+import { Share as Xr } from "./Icon/generated/Share.es.js";
+import { Store as $r } from "./Icon/generated/Store.es.js";
+import { IconWithImage as ea } from "./library/IconWithImage/index.es.js";
+import { BottomSheetItemList as ra } from "./library/List/BottomSheetItemList/index.es.js";
+import { Lottie as la } from "./library/Lottie/index.es.js";
+import { Spacing as na } from "./library/Spacing/index.es.js";
+import { EMPTY_DATE as sa, END_DATE as ia, PurpleDate as fa, START_DATE as xa } from "./types/date.es.js";
+import { LayoutSpacing as Sa, zIndex as ha } from "./constants/style.constants.es.js";
+import { useSingleDatePickerModal as Ba } from "./components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import { useRangeDatePickerModal as Ca } from "./components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import { i as ya } from "./chunks/index.styled.SOJ65tcg.js";
+import { i as Ta } from "./chunks/index.styled.Cw4AEFns.js";
+export {
+  rr as AlarmFillIcon,
+  a as BaseBottomSheet,
+  l as BaseBottomSheetBody,
+  m as BaseBottomSheetCTADoubleButton,
+  n as BaseBottomSheetCTASingleButton,
+  p as BaseBottomSheetComp,
+  s as BaseBottomSheetHeader,
+  to as BaseDatePicker,
+  uo as BaseInput,
+  Ta as BaseInputStyled,
+  i as BaseModal,
+  f as BaseTypography,
+  Se as BasicChips,
+  ke as BasicTooltip,
+  Co as Between,
+  Io as BetweenPcAndMobile,
+  bt as Body1,
+  Ft as Body2,
+  Re as BottomSheet,
+  Ee as BottomSheetBody,
+  Ne as BottomSheetClose,
+  we as BottomSheetCloseIcon,
+  Ue as BottomSheetContent,
+  ze as BottomSheetDescription,
+  Oe as BottomSheetFooter,
+  Qe as BottomSheetHeader,
+  ra as BottomSheetItemList,
+  _e as BottomSheetNavigationHeader,
+  x as BottomSheetNavigationTemplate,
+  We as BottomSheetTitle,
+  je as BottomSheetTitleHeader,
+  qe as BottomSheetTrigger,
+  ae as BoxMiniButton,
+  Ve as Button,
+  lr as CalendarIcon,
+  sr as CancelCircleIcon,
+  nr as CancelIcon,
+  j as Card,
+  fr as CartFillIcon,
+  J as CheckBox,
+  cr as CheckIcon,
+  Z as CheckMark,
+  hr as ChevronDownIcon,
+  Br as ChevronLeftIcon,
+  Cr as ChevronRightIcon,
+  yr as ChevronUpIcon,
+  ue as ChipItem,
+  de as ChipsFrame,
+  Fo as ColorTypeArray,
+  K as Comment,
+  xo as Divider,
+  c as DoubleButton,
+  Tr as DoubleChevronLeftIcon,
+  Dr as DoubleChevronRightIcon,
+  sa as EMPTY_DATE,
+  ia as END_DATE,
+  ie as ExtendSegment,
+  br as EyeFillIcon,
+  Fr as EyeSlashFillIcon,
+  ge as FillTabs,
+  Ar as FilterIcon,
+  O as FloatBaseButton,
+  U as FloatDoubleButton,
+  N as FloatSingleButton,
+  yt as Headline1,
+  Tt as Headline2,
+  S as Headline3,
+  h as Headline4,
+  u as Headline5,
+  Dt as Headline6,
+  L as IconBadge,
+  me as IconMiniButton,
+  ea as IconWithImage,
+  Le as ImpactTooltip,
+  Hr as InformationIcon,
+  So as InputFrame,
+  ya as InputFrameStyled,
+  yo as Larger,
+  Sa as LayoutSpacing,
+  la as Lottie,
+  go as MediaQuerySize,
+  Er as MenuIcon,
+  rt as Mobile,
+  B as Modal,
+  wr as MoreIcon,
+  d as NavBottomSheet,
+  C as Navigation,
+  et as Pc,
+  zr as PersonFillIcon,
+  Qr as PlusIcon,
+  I as PostfixInput,
+  oe as ProgressBar,
+  fa as PurpleDate,
+  ko as PurposeArray,
+  Wr as QuestionCircleIcon,
+  Y as RadioButton,
+  io as RangeDatePickerModal,
+  qr as ReIcon,
+  Zo as ResidentNumberInput,
+  xa as START_DATE,
+  Vr as SearchIcon,
+  pe as Segment,
+  xe as SelectBox,
+  y as SelectBoxStyled,
+  Gr as SettingFillIcon,
+  Xr as ShareIcon,
+  g as SingleButton,
+  po as SingleDatePickerModal,
+  te as Skeleton,
+  To as Smaller,
+  na as Spacing,
+  T as Spinner,
+  Ao as StateArray,
+  Lo as StatusArray,
+  $r as StoreIcon,
+  oo as Switch,
+  Pe as Tag,
+  _ as TestButton,
+  R as TextBadge,
+  Ie as TextTabs,
+  lt as Theme,
+  Me as Title,
+  At as Title1,
+  Ht as Title2,
+  P as Title3,
+  Et as Title4,
+  D as TitleBottomSheet,
+  ve as Toast,
+  M as UnderLineMiniButton,
+  Je as basicColors,
+  nt as body1,
+  pt as body2,
+  Ye as buttonVariants,
+  jo as checkBoxColorStyle,
+  Ko as checkMarkColorStyle,
+  b as chipColorStyle,
+  Uo as datepickerColorStyle,
+  Do as extractNumber,
+  v as fillTabColorStyle,
+  Mo as formatKoreaCurrency,
+  Xe as generateHexWithAlphaInLightMode,
+  wt as getScrollParent,
+  st as headline1,
+  it as headline2,
+  ft as headline3,
+  xt as headline4,
+  ct as headline5,
+  St as headline6,
+  Ut as isIOS,
+  zt as isIPad,
+  Ot as isIPhone,
+  Qt as isInput,
+  _t as isMac,
+  Wt as isSafari,
+  jt as isScrollable,
+  No as miniButtonColorStyle,
+  bo as numberAccept,
+  Yo as progressBarColorStyle,
+  _o as radioButtonColorStyle,
+  qt as registerHookForOverlayPreventScroll,
+  Ze as semanticColors,
+  $e as semanticColorsMethod,
+  Ro as singleButtonColorStyle,
+  Oo as switchColorStyle,
+  Jo as tagColorStyle,
+  Kt as testPlatform,
+  F as textTabColorStyle,
+  ht as title1,
+  ut as title2,
+  Bt as title3,
+  dt as title4,
+  Ct as typography,
+  k as typographyList,
+  er as useEventListener,
+  Vt as useIsomorphicLayoutEffect,
+  Xt as useLayoutIsMobile,
+  Yt as useOverlayPreventScroll,
+  Gt as usePreventScroll,
+  mo as useRangeDatePicker,
+  Ca as useRangeDatePickerModal,
+  $t as useResize,
+  ao as useSingleDatePicker,
+  Ba as useSingleDatePickerModal,
+  ha as zIndex
+};

package/dist/lib/useMediaQuery.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function r(n){const[a,c]=s.useState();return s.useEffect(()=>{const e=window.matchMedia(n),t=()=>c(!!e.matches);return t(),e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[n]),a}exports.useMediaQuery=r;

package/dist/lib/useMediaQuery.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Modified from link below
+ * @see https://observablehq.com/@werehamster/avoiding-hydration-mismatch-when-using-react-hooks
+ * @param mediaQueryString
+ * @returns {unknown}
+ */
+export declare function useMediaQuery(mediaQueryString: string): boolean | undefined;

package/dist/lib/useMediaQuery.es.js

@@ -0,0 +1,11 @@
+import { useState as c, useEffect as o } from "react";
+function i(n) {
+  const [s, a] = c();
+  return o(() => {
+    const e = window.matchMedia(n), t = () => a(!!e.matches);
+    return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+  }, [n]), s;
+}
+export {
+  i as useMediaQuery
+};

package/dist/lib/utils.cjs.js

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

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.es.js

@@ -0,0 +1,4 @@
+import { c as r } from "../chunks/utils.B9KdtH6G.js";
+export {
+  r as cn
+};

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

@@ -0,0 +1 @@
+"use strict";const h=require("../../chunks/jsx-runtime.713F0z8w.js"),i=require("react"),m=require("../../hooks/useResize.cjs.js"),g=({children:l,onSubmit:a,buttonId:c})=>{const[u,E]=i.useState(0),n=i.useRef(null),s=i.useCallback((t=!0)=>{var e;const r=(e=n==null?void 0:n.current)==null?void 0:e.querySelector(`#${c}`);if(r&&r.parentElement){if(r.parentElement.style.transition="all 0.4s ease-in-out",!t){r.parentElement.style.bottom="-100px";return}r.parentElement.style.bottom="0"}},[c]),p=i.useCallback(()=>{u<window.innerHeight?s(!0):u>window.innerHeight&&s(!1),E(window.innerHeight)},[u,s]);return m(p),i.useEffect(()=>{var f;const t=()=>{s(!1)},r=()=>{s(!0)},e=(f=n==null?void 0:n.current)==null?void 0:f.querySelectorAll("input");return e&&e.length>0&&Array.from(e).forEach(o=>{o.addEventListener("focus",t),o.addEventListener("blur",r)}),()=>{e&&e.length>0&&Array.from(e).forEach(o=>{o.removeEventListener("focus",t),o.removeEventListener("blur",r)})}},[s,l]),h.jsxRuntimeExports.jsx("form",{ref:n,onSubmit:t=>(t.preventDefault(),t.stopPropagation(),a&&a(t),!1),children:l})};module.exports=g;

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

@@ -1,4 +1,4 @@
-import React, { FormEvent } from 'react';
+import { default as React, FormEvent } from 'react';
 import { PropsWithChildren } from '../../types/react';
 export type BasicFormProps = PropsWithChildren<{
     buttonId?: string;

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

@@ -0,0 +1,46 @@
+import { j as E } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { useState as h, useRef as d, useCallback as f, useEffect as g } from "react";
+import v from "../../hooks/useResize.es.js";
+const H = ({ children: u, onSubmit: l, buttonId: a }) => {
+  const [i, m] = h(0), n = d(null), s = f(
+    (t = !0) => {
+      var e;
+      const r = (e = n == null ? void 0 : n.current) == null ? void 0 : e.querySelector(`#${a}`);
+      if (r && r.parentElement) {
+        if (r.parentElement.style.transition = "all 0.4s ease-in-out", !t) {
+          r.parentElement.style.bottom = "-100px";
+          return;
+        }
+        r.parentElement.style.bottom = "0";
+      }
+    },
+    [a]
+  ), p = f(() => {
+    i < window.innerHeight ? s(!0) : i > window.innerHeight && s(!1), m(window.innerHeight);
+  }, [i, s]);
+  return v(p), g(() => {
+    var c;
+    const t = () => {
+      s(!1);
+    }, r = () => {
+      s(!0);
+    }, e = (c = n == null ? void 0 : n.current) == null ? void 0 : c.querySelectorAll("input");
+    return e && e.length > 0 && Array.from(e).forEach((o) => {
+      o.addEventListener("focus", t), o.addEventListener("blur", r);
+    }), () => {
+      e && e.length > 0 && Array.from(e).forEach((o) => {
+        o.removeEventListener("focus", t), o.removeEventListener("blur", r);
+      });
+    };
+  }, [s, u]), /* @__PURE__ */ E.jsx(
+    "form",
+    {
+      ref: n,
+      onSubmit: (t) => (t.preventDefault(), t.stopPropagation(), l && l(t), !1),
+      children: u
+    }
+  );
+};
+export {
+  H as default
+};

package/dist/library/BasicLayout/Body.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/jsx-runtime.713F0z8w.js"),o=require("./index.styled.cjs.js"),i=require("../IconWithImage/index.cjs.js"),u=({imagePath:t,imageType:r,imageWidth:n,imageHeight:x})=>{let s=e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});return r==="pngSet"?s=e.jsxRuntimeExports.jsx(i.IconWithImage,{srcPath:t,width:n}):r==="png"?s=e.jsxRuntimeExports.jsx(o.ImgBase,{src:`${t}.png`,width:n,height:x}):r==="svg"&&(s=e.jsxRuntimeExports.jsx(o.ImgBase,{src:`${t}.svg`,width:n,height:x})),e.jsxRuntimeExports.jsx(o.CenterBody,{children:s})};exports.ImageCenterBodyComp=u;

package/dist/library/BasicLayout/Body.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 /**
  * ImageCenterBodyComp : 이미지 한개만 갖고 있고, 상하좌우 중앙정렬을 자동 세팅해줍니다.
  *

package/dist/library/BasicLayout/Body.es.js

@@ -0,0 +1,10 @@
+import { j as r } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { CenterBody as x, ImgBase as p } from "./index.styled.es.js";
+import { IconWithImage as j } from "../IconWithImage/index.es.js";
+const h = ({ imagePath: t, imageType: o, imageWidth: n, imageHeight: e }) => {
+  let s = /* @__PURE__ */ r.jsx(r.Fragment, {});
+  return o === "pngSet" ? s = /* @__PURE__ */ r.jsx(j, { srcPath: t, width: n }) : o === "png" ? s = /* @__PURE__ */ r.jsx(p, { src: `${t}.png`, width: n, height: e }) : o === "svg" && (s = /* @__PURE__ */ r.jsx(p, { src: `${t}.svg`, width: n, height: e })), /* @__PURE__ */ r.jsx(x, { children: s });
+};
+export {
+  h as ImageCenterBodyComp
+};

package/dist/library/BasicLayout/Footer.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/jsx-runtime.713F0z8w.js"),t=require("../../chunks/index.styled.B3JLBK5h.js");require("../../components/Badge/IconBadge/index.styled.cjs.js");require("../../components/Badge/TextBadge/index.styled.cjs.js");const l=require("../../components/Button/FloatSingleButton/index.cjs.js"),m=require("../../components/Button/FloatDoubleButton/index.cjs.js");require("../../components/Loading/Spinner/index.styled.cjs.js");const c=require("../../core/Colors/index.cjs.js");require("../../core/TextStyles/index.cjs.js");require("../../components/Card/index.styled.cjs.js");require("react");const u=require("../../hooks/useLayoutIsMobile.cjs.js");require("../../components/Comment/index.cjs.js");require("../../components/Control/CheckBox/index.styled.cjs.js");require("@emotion/react");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../components/Control/CheckMark/index.styled.cjs.js");require("../../components/Control/Switch/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../components/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");const j=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("../IconWithImage/index.styled.cjs.js");require("../List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../Lottie/index.styled.cjs.js");const s=require("../Spacing/index.cjs.js");require("../../components/DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../../components/DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../components/Divider/index.styled.cjs.js");require("../../chunks/index.styled.DkE3TbtV.js");require("../../components/Input/BaseInput/index.cjs.js");require("../../components/Input/ResidentNumberInput/index.styled.cjs.js");require("../../components/Loading/Skeleton/index.cjs.js");require("../../components/Navigation/index.styled.cjs.js");require("../../components/Navigation/BaseNavigation/index.styled.cjs.js");require("../../components/Navigation/constant.cjs.js");require("../../components/Segment/BaseSegment/index.styled.cjs.js");require("../../components/Segment/ExtendSegment/index.styled.cjs.js");require("../../components/ToastMessage/Toast/index.styled.cjs.js");require("../../components/Tooltip/TooltipBase/index.styled.cjs.js");const q=require("../../components/Tooltip/ImpactTooltip/index.cjs.js");require("../../components/ui/bottomSheet.cjs.js");const n=require("./index.styled.cjs.js"),a=({marginBottomHasFooterBackgroundColor:r,...i})=>{const x=u();return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:x?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(l.FloatSingleButton,{...i}),e.jsxRuntimeExports.jsx(n.MarginBottomHasFooter,{backgroundColor:r})]}):e.jsxRuntimeExports.jsxs(n.ButtonWrapperInPc,{children:[i.underlineText&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(t.UnderLineMiniButton,{size:"m",colorType:"gray",disabled:i.underlineDisabled,onClick:i.underlineOnClick,children:i.underlineText}),e.jsxRuntimeExports.jsx(s.Spacing,{spaceNumber:25})]}),e.jsxRuntimeExports.jsx(t.SingleButton,{...i,children:i.children})]})})},d=({target:r="_blank",...i})=>e.jsxRuntimeExports.jsx(o,{children:e.jsxRuntimeExports.jsx(n.ATagButton,{href:i.openUrl,target:r,rel:"noreferrer",onClick:i.onClick,children:e.jsxRuntimeExports.jsx(t.SingleButton,{disabled:i.disabled,colorType:i.colorType,purpose:i.purpose,children:i.children})})}),p=r=>{const i=u();return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:i?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(m.FloatDoubleButton,{...r}),e.jsxRuntimeExports.jsx(n.MarginBottomHasFooter,{})]}):e.jsxRuntimeExports.jsxs(n.ButtonWrapperInPc,{children:[r.underlineText&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(t.UnderLineMiniButton,{size:"m",colorType:"gray",disabled:r.underlineDisabled,onClick:r.underlineOnClick,children:r.underlineText}),e.jsxRuntimeExports.jsx(s.Spacing,{spaceNumber:25})]}),e.jsxRuntimeExports.jsx(t.DoubleButton,{...r})]})})},R=r=>e.jsxRuntimeExports.jsx(o,{children:r.tooltip?e.jsxRuntimeExports.jsx(q,{...r.tooltip,isChildrenFullWidth:!0,children:e.jsxRuntimeExports.jsx(t.SingleButton,{...r})}):e.jsxRuntimeExports.jsx(t.SingleButton,{...r})}),E=r=>e.jsxRuntimeExports.jsxs(o,{children:[e.jsxRuntimeExports.jsxs(n.InformationIconWrapper,{children:[e.jsxRuntimeExports.jsx(j.Information,{}),e.jsxRuntimeExports.jsx(t.BaseTypography,{md:"Title3",color:c.basicColors.gray400,children:r.infoText})]}),e.jsxRuntimeExports.jsx(s.Spacing,{spaceNumber:30}),e.jsxRuntimeExports.jsx(t.SingleButton,{...r})]}),o=({children:r})=>{const i=u();return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[i&&e.jsxRuntimeExports.jsx(n.MarginBottomHasFooter,{}),e.jsxRuntimeExports.jsx(n.StickBottomWrapper,{children:r})]})};exports.DoubleButtonComp=p;exports.SingleATagComp=d;exports.SingleButtonComp=a;exports.SingleButtonWithInformationIconComp=E;exports.SingleButtonWithTooltipComp=R;exports.StickBottomWrapperComp=o;

package/dist/library/BasicLayout/Footer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { FloatSingleButtonProps } from '../../components/Button/FloatSingleButton';
 import { FloatDoubleButtonProps } from '../../components/Button/FloatDoubleButton';
 import { SingleButtonProps } from '../../components/Button/SingleButton';

package/dist/library/BasicLayout/Footer.es.js

@@ -0,0 +1,154 @@
+import { j as r } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { n as a, S as o, U as p, D as d } from "../../chunks/index.styled.ByGzJNsf.js";
+import "../../components/Badge/IconBadge/index.styled.es.js";
+import "../../components/Badge/TextBadge/index.styled.es.js";
+import { FloatSingleButton as x } from "../../components/Button/FloatSingleButton/index.es.js";
+import { FloatDoubleButton as u } from "../../components/Button/FloatDoubleButton/index.es.js";
+import "../../components/Loading/Spinner/index.styled.es.js";
+import { basicColors as j } from "../../core/Colors/index.es.js";
+import "../../core/TextStyles/index.es.js";
+import "../../components/Card/index.styled.es.js";
+import "react";
+import m from "../../hooks/useLayoutIsMobile.es.js";
+import "../../components/Comment/index.es.js";
+import "../../components/Control/CheckBox/index.styled.es.js";
+import "@emotion/react";
+import "../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../components/Control/CheckMark/index.styled.es.js";
+import "../../components/Control/Switch/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../Icon/generated/AlarmFill.es.js";
+import "../../Icon/generated/Calendar.es.js";
+import "../../Icon/generated/Cancel.es.js";
+import "../../Icon/generated/CancelCircle.es.js";
+import "../../Icon/generated/CartFill.es.js";
+import "../../Icon/generated/Check.es.js";
+import "../../Icon/generated/ChevronDown.es.js";
+import "../../Icon/generated/ChevronLeft.es.js";
+import "../../Icon/generated/ChevronRight.es.js";
+import "../../Icon/generated/ChevronUp.es.js";
+import "../../Icon/generated/DoubleChevronLeft.es.js";
+import "../../Icon/generated/DoubleChevronRight.es.js";
+import "../../Icon/generated/EyeFill.es.js";
+import "../../Icon/generated/EyeSlashFill.es.js";
+import "../../Icon/generated/Filter.es.js";
+import { Information as h } from "../../Icon/generated/Information.es.js";
+import "../../Icon/generated/Menu.es.js";
+import "../../Icon/generated/More.es.js";
+import "../../Icon/generated/PersonFill.es.js";
+import "../../Icon/generated/Plus.es.js";
+import "../../Icon/generated/QuestionCircle.es.js";
+import "../../Icon/generated/Re.es.js";
+import "../../Icon/generated/Search.es.js";
+import "../../Icon/generated/SettingFill.es.js";
+import "../../Icon/generated/Share.es.js";
+import "../../Icon/generated/Store.es.js";
+import "../IconWithImage/index.styled.es.js";
+import "../List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../Lottie/index.styled.es.js";
+import { Spacing as e } from "../Spacing/index.es.js";
+import "../../components/DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../types/date.es.js";
+import "../../components/DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../../components/DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../../components/DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../../components/Divider/index.styled.es.js";
+import "../../chunks/index.styled.SOJ65tcg.js";
+import "../../components/Input/BaseInput/index.es.js";
+import "../../components/Input/ResidentNumberInput/index.styled.es.js";
+import "../../components/Loading/Skeleton/index.es.js";
+import "../../components/Navigation/index.styled.es.js";
+import "../../components/Navigation/BaseNavigation/index.styled.es.js";
+import "../../components/Navigation/constant.es.js";
+import "../../components/Segment/BaseSegment/index.styled.es.js";
+import "../../components/Segment/ExtendSegment/index.styled.es.js";
+import "../../components/ToastMessage/Toast/index.styled.es.js";
+import "../../components/Tooltip/TooltipBase/index.styled.es.js";
+import g from "../../components/Tooltip/ImpactTooltip/index.es.js";
+import "../../components/ui/bottomSheet.es.js";
+import { InformationIconWrapper as b, MarginBottomHasFooter as n, StickBottomWrapper as f, ButtonWrapperInPc as s, ATagButton as B } from "./index.styled.es.js";
+const qr = ({
+  marginBottomHasFooterBackgroundColor: i,
+  ...t
+}) => {
+  const c = m();
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: c ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(x, { ...t }),
+    /* @__PURE__ */ r.jsx(n, { backgroundColor: i })
+  ] }) : /* @__PURE__ */ r.jsxs(s, { children: [
+    t.underlineText && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx(
+        p,
+        {
+          size: "m",
+          colorType: "gray",
+          disabled: t.underlineDisabled,
+          onClick: t.underlineOnClick,
+          children: t.underlineText
+        }
+      ),
+      /* @__PURE__ */ r.jsx(e, { spaceNumber: 25 })
+    ] }),
+    /* @__PURE__ */ r.jsx(o, { ...t, children: t.children })
+  ] }) });
+}, vr = ({
+  target: i = "_blank",
+  ...t
+}) => /* @__PURE__ */ r.jsx(l, { children: /* @__PURE__ */ r.jsx(
+  B,
+  {
+    href: t.openUrl,
+    target: i,
+    rel: "noreferrer",
+    onClick: t.onClick,
+    children: /* @__PURE__ */ r.jsx(o, { disabled: t.disabled, colorType: t.colorType, purpose: t.purpose, children: t.children })
+  }
+) }), wr = (i) => {
+  const t = m();
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: t ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(u, { ...i }),
+    /* @__PURE__ */ r.jsx(n, {})
+  ] }) : /* @__PURE__ */ r.jsxs(s, { children: [
+    i.underlineText && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx(
+        p,
+        {
+          size: "m",
+          colorType: "gray",
+          disabled: i.underlineDisabled,
+          onClick: i.underlineOnClick,
+          children: i.underlineText
+        }
+      ),
+      /* @__PURE__ */ r.jsx(e, { spaceNumber: 25 })
+    ] }),
+    /* @__PURE__ */ r.jsx(d, { ...i })
+  ] }) });
+}, Gr = (i) => /* @__PURE__ */ r.jsx(l, { children: i.tooltip ? /* @__PURE__ */ r.jsx(g, { ...i.tooltip, isChildrenFullWidth: !0, children: /* @__PURE__ */ r.jsx(o, { ...i }) }) : /* @__PURE__ */ r.jsx(o, { ...i }) }), Jr = (i) => /* @__PURE__ */ r.jsxs(l, { children: [
+  /* @__PURE__ */ r.jsxs(b, { children: [
+    /* @__PURE__ */ r.jsx(h, {}),
+    /* @__PURE__ */ r.jsx(a, { md: "Title3", color: j.gray400, children: i.infoText })
+  ] }),
+  /* @__PURE__ */ r.jsx(e, { spaceNumber: 30 }),
+  /* @__PURE__ */ r.jsx(o, { ...i })
+] }), l = ({ children: i }) => {
+  const t = m();
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    t && /* @__PURE__ */ r.jsx(n, {}),
+    /* @__PURE__ */ r.jsx(f, { children: i })
+  ] });
+};
+export {
+  wr as DoubleButtonComp,
+  vr as SingleATagComp,
+  qr as SingleButtonComp,
+  Jr as SingleButtonWithInformationIconComp,
+  Gr as SingleButtonWithTooltipComp,
+  l as StickBottomWrapperComp
+};

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

@@ -0,0 +1 @@
+"use strict";const t=require("../../chunks/jsx-runtime.713F0z8w.js"),a=require("react");require("../../chunks/index.styled.B3JLBK5h.js");require("../../components/Badge/IconBadge/index.styled.cjs.js");require("../../components/Badge/TextBadge/index.styled.cjs.js");require("../../components/Loading/Spinner/index.styled.cjs.js");require("../../core/Colors/index.cjs.js");require("../../core/TextStyles/index.cjs.js");require("../../components/Card/index.styled.cjs.js");const d=require("../../hooks/useLayoutIsMobile.cjs.js");require("../../components/Comment/index.cjs.js");require("../../components/Control/CheckBox/index.styled.cjs.js");require("@emotion/react");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../components/Control/CheckMark/index.styled.cjs.js");require("../../components/Control/Switch/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../components/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("../IconWithImage/index.styled.cjs.js");require("../List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../Lottie/index.styled.cjs.js");require("../Spacing/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../../components/DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../components/Divider/index.styled.cjs.js");require("../../chunks/index.styled.DkE3TbtV.js");require("../../components/Input/BaseInput/index.cjs.js");require("../../components/Input/ResidentNumberInput/index.styled.cjs.js");require("../../components/Loading/Skeleton/index.cjs.js");require("../../components/Navigation/index.styled.cjs.js");require("../../components/Navigation/BaseNavigation/index.styled.cjs.js");require("../../components/Navigation/constant.cjs.js");require("../../components/Segment/BaseSegment/index.styled.cjs.js");require("../../components/Segment/ExtendSegment/index.styled.cjs.js");const B=require("../../components/Title/index.cjs.js");require("../../components/ToastMessage/Toast/index.styled.cjs.js");require("../../components/Tooltip/TooltipBase/index.styled.cjs.js");require("../../components/ui/bottomSheet.cjs.js");const y=require("../BasicForm/index.cjs.js"),e=require("./index.styled.cjs.js"),p=require("./Body.cjs.js"),i=require("./Footer.cjs.js"),m=require("../GlobalLayoutHeaderProvider/index.type.cjs.js"),x=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},g=x(a),C=g.default.memo(({hasHeader:r,hasFooter:q,children:s,bottomExtraComp:u,bodyCenterizing:o=!1})=>{const n=d(),{hasGlobalLayoutHeaderInMobile:l,hasGlobalLayoutHeader:c}=a.useContext(m.GlobalLayoutHeaderContext);return t.jsxRuntimeExports.jsxs(e.BasicLayoutBase.ParentWrapper,{hasGlobalLayoutHeader:c,bodyCenterizing:o,children:[t.jsxRuntimeExports.jsxs(e.BasicLayoutBase.ChildrenWrapper,{bodyCenterizing:o,children:[!l&&!r&&t.jsxRuntimeExports.jsx(e.MarginTopNoHeader,{}),s,n&&!!u&&u,!q&&t.jsxRuntimeExports.jsx(e.MarginBottomNoFooter,{})]}),!n&&!!u&&u]})}),L=({children:r})=>t.jsxRuntimeExports.jsx(e.PureLayoutBase.ParentWrapper,{children:t.jsxRuntimeExports.jsx(e.PureLayoutBase.VerticalHorizontalCenterBody,{children:r})}),_=Object.assign(C,{VerticalHorizontalCenterLayout:L,Header:B.Title,Body:e.BasicLayoutBase.Body,SidePaddingBody:e.SidePaddingBody,CenterBody:e.CenterBody,ImageCenterBody:p.ImageCenterBodyComp,Footer:e.BasicLayoutBase.Footer,SingleButton:i.SingleButtonComp,SingleATag:i.SingleATagComp,DoubleButton:i.DoubleButtonComp,ContentsPadding:e.ContentsPadding,ContentsVerticalPadding:e.ContentsVerticalPadding,StickBottomWrapper:i.StickBottomWrapperComp,SingleButtonWithTooltip:i.SingleButtonWithTooltipComp,SingleButtonWithInformationIcon:i.SingleButtonWithInformationIconComp,Form:y});module.exports=_;