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

package/dist/index.es.js

@@ -0,0 +1,360 @@
+import { B as a, c as l, e as f, d as n, a as s, b as u, g as p, f as i, h as m, D as d, M as x, N as c, i as h, S as C, T as S, j as B, k as g } from "./chunks/index.styled.BYf5H-kQ.js";
+import { Accordion as P, AccordionContent as y, AccordionItem as T, AccordionTrigger as D } from "./components/Accordion/index.es.js";
+import { IconBadge as v } from "./components/Badge/IconBadge/index.es.js";
+import { TextBadge as b } from "./components/Badge/TextBadge/index.es.js";
+import { SingleButton as k } from "./components/Button/SingleButton/index.es.js";
+import { FloatSingleButton as E } from "./components/Button/FloatSingleButton/index.es.js";
+import { FloatDoubleButton as L } from "./components/Button/FloatDoubleButton/index.es.js";
+import { FloatBaseButton as w } from "./components/Button/FloatBaseButton/index.es.js";
+import { TestButton as U } from "./components/Button/TestButton/index.es.js";
+import { Card as z } from "./components/Card/index.es.js";
+import { Comment as O } from "./components/Comment/index.es.js";
+import { RadioButton as j } from "./components/Control/RadioButton/index.es.js";
+import { CheckBox as Y } from "./components/Control/CheckBox/index.es.js";
+import { CheckMark as G } from "./components/Control/CheckMark/index.es.js";
+import { Switch as X } from "./components/Control/Switch/index.es.js";
+import { BaseDatePicker as $ } from "./components/DatePicker/BaseDatePicker/index.es.js";
+import { useSingleDatePicker as oe } from "./components/DatePicker/SingleDatePicker/hooks/useSingleDatePicker.es.js";
+import { useRangeDatePicker as re } from "./components/DatePicker/RangeDatePicker/hooks/useRangeDatePicker.es.js";
+import { SingleDatePickerModal as le } from "./components/DatePicker/SingleDatePickerModal/index.es.js";
+import { RangeDatePickerModal as ne } from "./components/DatePicker/RangeDatePickerModal/index.es.js";
+import { Divider as ue } from "./components/Divider/index.es.js";
+import { InputFrame as ie } from "./components/Input/common/InputFrame/index.es.js";
+import { BaseInput as de } from "./components/Input/BaseInput/index.es.js";
+import "./chunks/jsx-runtime.Drh4NO5G.js";
+import "react";
+import { Between as ce, BetweenPcAndMobile as he, Larger as Ce, MediaQuerySize as Se, Smaller as Be } from "./utils/media.util.es.js";
+import { extractNumber as Ie, formatKoreaCurrency as Pe, numberAccept as ye } from "./utils/format.util.es.js";
+import { ColorTypeArray as De, PurposeArray as Fe, StateArray as ve, StatusArray as Me } from "./utils/GenerateColorStyle/common/type.es.js";
+import { default as Ae } from "./utils/GenerateColorStyle/single-button.es.js";
+import { default as Re } from "./utils/GenerateColorStyle/mini-button.es.js";
+import { default as He } from "./utils/GenerateColorStyle/datepicker.es.js";
+import { default as Ne } from "./utils/GenerateColorStyle/control/switch.es.js";
+import { default as Qe } from "./utils/GenerateColorStyle/control/radio-button.es.js";
+import { default as Ve } from "./utils/GenerateColorStyle/control/check-box.es.js";
+import { default as _e } from "./utils/GenerateColorStyle/control/check-mark.es.js";
+import { default as We } from "./utils/GenerateColorStyle/tab/text-tabs.es.js";
+import { default as Ke } from "./utils/GenerateColorStyle/tab/fill-tabs.es.js";
+import { default as qe } from "./utils/GenerateColorStyle/progress-bar.es.js";
+import { default as Je } from "./utils/GenerateColorStyle/tag.es.js";
+import { PostfixInput as Ze } from "./components/Input/PostfixInput/index.es.js";
+import { ResidentNumberInput as eo } from "./components/Input/ResidentNumberInput/index.es.js";
+import { ProgressBar as to } from "./components/Loading/ProgressBar/index.es.js";
+import { Skeleton as ao } from "./components/Loading/Skeleton/index.es.js";
+import { BoxMiniButton as fo } from "./components/MiniButton/BoxMiniButton/index.es.js";
+import { IconMiniButton as so, miniButtonTextVariants as uo } from "./components/MiniButton/IconMiniButton/index.es.js";
+import { UnderLineMiniButton as io } from "./components/MiniButton/UnderLineMiniButton/index.es.js";
+import { Navigation as xo } from "./components/Navigation/index.es.js";
+import { Segment as ho } from "./components/Segment/BaseSegment/index.es.js";
+import { ExtendSegment as So } from "./components/Segment/ExtendSegment/index.es.js";
+import { SelectBox as go } from "./components/SelectBox/index.es.js";
+import { BasicChips as Po } from "./components/Chips/BasicChips/index.es.js";
+import { ChipItem as To } from "./components/Chips/ChipItem/index.es.js";
+import { ChipsFrame as Fo } from "./components/Chips/ChipsFrame/index.es.js";
+import { TextTabsContainer as Mo, TextTabsItem as bo } from "./components/Tabs/TextTabs/index.es.js";
+import { FillTabs as ko } from "./components/Tabs/FillTabs/index.es.js";
+import { Tag as Eo } from "./components/Tag/index.es.js";
+import { Title as Lo } from "./components/Title/index.es.js";
+import { Toast as wo } from "./components/ToastMessage/Toast/index.es.js";
+import { default as Uo } from "./components/Tooltip/BasicTooltip/index.es.js";
+import { default as zo } from "./components/Tooltip/ImpactTooltip/index.es.js";
+import { BottomSheet as Oo, BottomSheetBody as Wo, BottomSheetClose as jo, BottomSheetCloseIcon as Ko, BottomSheetContent as Yo, BottomSheetDescription as qo, BottomSheetFooter as Go, BottomSheetHeader as Jo, BottomSheetNavigationHeader as Xo, BottomSheetTitle as Zo, BottomSheetTitleHeader as $o, BottomSheetTrigger as et } from "./components/ui/bottomSheet.es.js";
+import { Typography as tt, typographyVariantElementMap as rt, typographyVariants as at } from "./components/ui/typography.es.js";
+import { Dialog as ft, DialogClose as nt, DialogContent as st, DialogDescription as ut, DialogFooter as pt, DialogHeader as it, DialogOverlay as mt, DialogPortal as dt, DialogTitle as xt, DialogTrigger as ct } from "./components/ui/dialog.es.js";
+import { basicColors as Ct, generateHexWithAlphaInLightMode as St, semanticColors as Bt, semanticColorsMethod as gt } from "./core/Colors/index.es.js";
+import { default as Pt } from "./core/Display/Pc.es.js";
+import { default as Tt } from "./core/Display/Mobile.es.js";
+import { Theme as Ft } from "./core/Theme/index.es.js";
+import { body1 as Mt, body2 as bt, caption1 as At, caption2 as kt, headline1 as Rt, headline2 as Et, headline3 as Ht, headline4 as Lt, headline5 as Nt, headline6 as wt, headline7 as Qt, headline8 as Ut, title1 as Vt, title2 as zt, title3 as _t, title4 as Ot, typographyMap as Wt } from "./core/TextStyles/index.es.js";
+import { Body1 as Kt, Body2 as Yt, Caption1 as qt, Caption2 as Gt, Headline1 as Jt, Headline2 as Xt, Headline3 as Zt, Headline4 as $t, Headline5 as er, Headline6 as or, Headline7 as tr, Headline8 as rr, Title1 as ar, Title2 as lr, Title3 as fr, Title4 as nr } from "./core/Typography/index.es.js";
+import { useOverlayPreventScroll as ur } from "./hooks/useOverlayPreventScroll.es.js";
+import { default as ir } from "./hooks/useLayoutIsMobile.es.js";
+import { default as dr } from "./hooks/useResize.es.js";
+import { default as cr } from "./hooks/useEventListener.es.js";
+import { IconWithImage as Cr } from "./library/IconWithImage/index.es.js";
+import { BottomSheetItemList as Br } from "./library/List/BottomSheetItemList/index.es.js";
+import { Lottie as Ir } from "./library/Lottie/index.es.js";
+import { Spacing as yr } from "./library/Spacing/index.es.js";
+import { EMPTY_DATE as Dr, END_DATE as Fr, PurpleDate as vr, START_DATE as Mr } from "./types/date.es.js";
+import { LayoutSpacing as Ar, zIndex as kr } from "./constants/style.constants.es.js";
+import { default as Er, default as Hr, default as Lr } from "./icons/src/icons/Alarm_fill.es.js";
+import { default as wr, default as Qr, default as Ur } from "./icons/src/icons/Cancel.es.js";
+import { default as zr, default as _r, default as Or } from "./icons/src/icons/Cancel_circle.es.js";
+import { default as jr, default as Kr, default as Yr } from "./icons/src/icons/Calendar.es.js";
+import { default as Gr, default as Jr, default as Xr } from "./icons/src/icons/Check.es.js";
+import { default as $r, default as ea, default as oa } from "./icons/src/icons/Chevron_down.es.js";
+import { default as ra, default as aa, default as la } from "./icons/src/icons/Chevron_up.es.js";
+import { default as na, default as sa, default as ua } from "./icons/src/icons/Chevron_left.es.js";
+import { default as ia, default as ma, default as da } from "./icons/src/icons/Double_Chevron_right.es.js";
+import { default as ca, default as ha, default as Ca } from "./icons/src/icons/Cart_fill.es.js";
+import { default as Ba, default as ga, default as Ia } from "./icons/src/icons/Double_Chevron_left.es.js";
+import { default as ya, default as Ta, default as Da } from "./icons/src/icons/Eye_slash_fill.es.js";
+import { default as va, default as Ma, default as ba } from "./icons/src/icons/Chevron_right.es.js";
+import { default as ka, default as Ra, default as Ea } from "./icons/src/icons/Filter.es.js";
+import { default as La, default as Na, default as wa } from "./icons/src/icons/Plus.es.js";
+import { default as Ua, default as Va, default as za } from "./icons/src/icons/Question_circle.es.js";
+import { default as Oa, default as Wa, default as ja } from "./icons/src/icons/Re.es.js";
+import { default as Ya, default as qa, default as Ga } from "./icons/src/icons/Person_fill.es.js";
+import { default as Xa, default as Za, default as $a } from "./icons/src/icons/Menu.es.js";
+import { default as ol, default as tl, default as rl } from "./icons/src/icons/Setting_fill.es.js";
+import { default as ll, default as fl, default as nl } from "./icons/src/icons/Information.es.js";
+import { default as ul, default as pl, default as il } from "./icons/src/icons/Eye_fill.es.js";
+import { default as dl, default as xl, default as cl } from "./icons/src/icons/More.es.js";
+import { default as Cl, default as Sl, default as Bl } from "./icons/src/icons/Store.es.js";
+import { default as Il, default as Pl, default as yl } from "./icons/src/icons/Share.es.js";
+import { default as Dl, default as Fl, default as vl } from "./icons/src/icons/Search.es.js";
+import { useSingleDatePickerModal as bl } from "./components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import { useRangeDatePickerModal as kl } from "./components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import { i as El } from "./chunks/index.styled.DmJ27_dc.js";
+import { i as Ll } from "./chunks/index.styled.Comn86rI.js";
+export {
+  P as Accordion,
+  y as AccordionContent,
+  T as AccordionItem,
+  D as AccordionTrigger,
+  Er as AlarmFill,
+  Hr as AlarmFillIcon,
+  a as BaseBottomSheet,
+  l as BaseBottomSheetBody,
+  f as BaseBottomSheetCTADoubleButton,
+  n as BaseBottomSheetCTASingleButton,
+  s as BaseBottomSheetComp,
+  u as BaseBottomSheetHeader,
+  $ as BaseDatePicker,
+  de as BaseInput,
+  Ll as BaseInputStyled,
+  p as BaseModal,
+  Po as BasicChips,
+  Uo as BasicTooltip,
+  ce as Between,
+  he as BetweenPcAndMobile,
+  Kt as Body1,
+  Yt as Body2,
+  Oo as BottomSheet,
+  Wo as BottomSheetBody,
+  jo as BottomSheetClose,
+  Ko as BottomSheetCloseIcon,
+  Yo as BottomSheetContent,
+  qo as BottomSheetDescription,
+  Go as BottomSheetFooter,
+  Jo as BottomSheetHeader,
+  Br as BottomSheetItemList,
+  Xo as BottomSheetNavigationHeader,
+  i as BottomSheetNavigationTemplate,
+  Zo as BottomSheetTitle,
+  $o as BottomSheetTitleHeader,
+  et as BottomSheetTrigger,
+  fo as BoxMiniButton,
+  m as Button,
+  jr as Calendar,
+  Kr as CalendarIcon,
+  wr as Cancel,
+  zr as CancelCircle,
+  _r as CancelCircleIcon,
+  Qr as CancelIcon,
+  qt as Caption1,
+  Gt as Caption2,
+  z as Card,
+  ca as CartFill,
+  ha as CartFillIcon,
+  Gr as Check,
+  Y as CheckBox,
+  Jr as CheckIcon,
+  G as CheckMark,
+  $r as ChevronDown,
+  ea as ChevronDownIcon,
+  na as ChevronLeft,
+  sa as ChevronLeftIcon,
+  va as ChevronRight,
+  Ma as ChevronRightIcon,
+  ra as ChevronUp,
+  aa as ChevronUpIcon,
+  To as ChipItem,
+  Fo as ChipsFrame,
+  De as ColorTypeArray,
+  O as Comment,
+  ft as Dialog,
+  nt as DialogClose,
+  st as DialogContent,
+  ut as DialogDescription,
+  pt as DialogFooter,
+  it as DialogHeader,
+  mt as DialogOverlay,
+  dt as DialogPortal,
+  xt as DialogTitle,
+  ct as DialogTrigger,
+  ue as Divider,
+  d as DoubleButton,
+  Ba as DoubleChevronLeft,
+  ga as DoubleChevronLeftIcon,
+  ia as DoubleChevronRight,
+  ma as DoubleChevronRightIcon,
+  Dr as EMPTY_DATE,
+  Fr as END_DATE,
+  So as ExtendSegment,
+  ul as EyeFill,
+  pl as EyeFillIcon,
+  ya as EyeSlashFill,
+  Ta as EyeSlashFillIcon,
+  ko as FillTabs,
+  ka as Filter,
+  Ra as FilterIcon,
+  w as FloatBaseButton,
+  L as FloatDoubleButton,
+  E as FloatSingleButton,
+  Jt as Headline1,
+  Xt as Headline2,
+  Zt as Headline3,
+  $t as Headline4,
+  er as Headline5,
+  or as Headline6,
+  tr as Headline7,
+  rr as Headline8,
+  v as IconBadge,
+  so as IconMiniButton,
+  Cr as IconWithImage,
+  zo as ImpactTooltip,
+  ll as Information,
+  fl as InformationIcon,
+  ie as InputFrame,
+  El as InputFrameStyled,
+  Ce as Larger,
+  Ar as LayoutSpacing,
+  Ir as Lottie,
+  Se as MediaQuerySize,
+  Xa as Menu,
+  Za as MenuIcon,
+  Tt as Mobile,
+  x as Modal,
+  dl as More,
+  xl as MoreIcon,
+  c as NavBottomSheet,
+  xo as Navigation,
+  Pt as Pc,
+  Ya as PersonFill,
+  qa as PersonFillIcon,
+  La as Plus,
+  Na as PlusIcon,
+  Ze as PostfixInput,
+  to as ProgressBar,
+  Lr as PurpleAlarmFill,
+  Yr as PurpleCalendar,
+  Ur as PurpleCancel,
+  Or as PurpleCancelCircle,
+  Ca as PurpleCartFill,
+  Xr as PurpleCheck,
+  oa as PurpleChevronDown,
+  ua as PurpleChevronLeft,
+  ba as PurpleChevronRight,
+  la as PurpleChevronUp,
+  vr as PurpleDate,
+  Ia as PurpleDoubleChevronLeft,
+  da as PurpleDoubleChevronRight,
+  il as PurpleEyeFill,
+  Da as PurpleEyeSlashFill,
+  Ea as PurpleFilter,
+  nl as PurpleInformation,
+  $a as PurpleMenu,
+  cl as PurpleMore,
+  Ga as PurplePersonFill,
+  wa as PurplePlus,
+  Ua as PurpleQuestionCircle,
+  Oa as PurpleRe,
+  Dl as PurpleSearch,
+  ol as PurpleSettingFill,
+  Il as PurpleShare,
+  Cl as PurpleStore,
+  Fe as PurposeArray,
+  Va as QuestionCircle,
+  za as QuestionCircleIcon,
+  j as RadioButton,
+  ne as RangeDatePickerModal,
+  Wa as Re,
+  ja as ReIcon,
+  eo as ResidentNumberInput,
+  Mr as START_DATE,
+  Fl as Search,
+  vl as SearchIcon,
+  ho as Segment,
+  go as SelectBox,
+  h as SelectBoxStyled,
+  tl as SettingFill,
+  rl as SettingFillIcon,
+  Pl as Share,
+  yl as ShareIcon,
+  k as SingleButton,
+  le as SingleDatePickerModal,
+  ao as Skeleton,
+  Be as Smaller,
+  yr as Spacing,
+  C as Spinner,
+  ve as StateArray,
+  Me as StatusArray,
+  Sl as Store,
+  Bl as StoreIcon,
+  X as Switch,
+  Eo as Tag,
+  U as TestButton,
+  b as TextBadge,
+  Mo as TextTabsContainer,
+  bo as TextTabsItem,
+  Ft as Theme,
+  Lo as Title,
+  ar as Title1,
+  lr as Title2,
+  fr as Title3,
+  nr as Title4,
+  S as TitleBottomSheet,
+  wo as Toast,
+  tt as Typography,
+  io as UnderLineMiniButton,
+  Ct as basicColors,
+  Mt as body1,
+  bt as body2,
+  B as buttonVariants,
+  At as caption1,
+  kt as caption2,
+  Ve as checkBoxColorStyle,
+  _e as checkMarkColorStyle,
+  g as chipColorStyle,
+  He as datepickerColorStyle,
+  Ie as extractNumber,
+  Ke as fillTabColorStyle,
+  Pe as formatKoreaCurrency,
+  St as generateHexWithAlphaInLightMode,
+  Rt as headline1,
+  Et as headline2,
+  Ht as headline3,
+  Lt as headline4,
+  Nt as headline5,
+  wt as headline6,
+  Qt as headline7,
+  Ut as headline8,
+  Re as miniButtonColorStyle,
+  uo as miniButtonTextVariants,
+  ye as numberAccept,
+  qe as progressBarColorStyle,
+  Qe as radioButtonColorStyle,
+  Bt as semanticColors,
+  gt as semanticColorsMethod,
+  Ae as singleButtonColorStyle,
+  Ne as switchColorStyle,
+  Je as tagColorStyle,
+  We as textTabColorStyle,
+  Vt as title1,
+  zt as title2,
+  _t as title3,
+  Ot as title4,
+  Wt as typographyMap,
+  rt as typographyVariantElementMap,
+  at as typographyVariants,
+  cr as useEventListener,
+  ir as useLayoutIsMobile,
+  ur as useOverlayPreventScroll,
+  re as useRangeDatePicker,
+  kl as useRangeDatePickerModal,
+  dr as useResize,
+  oe as useSingleDatePicker,
+  bl as useSingleDatePickerModal,
+  kr 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(null);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 | null;

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(null);
+  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

@@ -0,0 +1,8 @@
+import { default as React, FormEvent } from 'react';
+import { PropsWithChildren } from '../../types/react';
+export type BasicFormProps = PropsWithChildren<{
+    buttonId?: string;
+    onSubmit?: (e: FormEvent<HTMLFormElement>) => void;
+}>;
+declare const BasicForm: React.FC<BasicFormProps>;
+export default BasicForm;

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+/**
+ * ImageCenterBodyComp : 이미지 한개만 갖고 있고, 상하좌우 중앙정렬을 자동 세팅해줍니다.
+ *
+ * @param imagePath
+ * - process.env.NEXT_PUBLIC_ASSETS_URL 도 넘겨줍니다.
+ * - A@2x.png -> A 만 넣기 / B.svg -> B 만 넣기
+ * @returns
+ */
+export declare const ImageCenterBodyComp: React.FC<{
+    imagePath: string;
+    imageType: 'pngSet' | 'png' | 'svg';
+    imageWidth: number;
+    imageHeight: number;
+}>;

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"),n=require("../../chunks/index.styled.CX8FCbwl.js");require("../../components/Accordion/index.cjs.js");require("../../components/Badge/IconBadge/index.styled.cjs.js");require("../../components/Badge/TextBadge/index.styled.cjs.js");const m=require("../../components/Button/FloatSingleButton/index.cjs.js"),c=require("../../components/Button/FloatDoubleButton/index.cjs.js");require("../../components/Loading/Spinner/index.styled.cjs.js");require("../../core/Colors/index.cjs.js");require("../../core/TextStyles/index.cjs.js");const q=require("../../components/ui/typography.cjs.js"),x=require("../../components/MiniButton/UnderLineMiniButton/index.cjs.js");require("../../components/Card/index.styled.cjs.js");require("react");const o=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("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Cancel_circle.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");require("../../icons/src/icons/Check.cjs.js");require("../../icons/src/icons/Chevron_down.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Chevron_left.cjs.js");require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/icons/Cart_fill.cjs.js");require("../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Chevron_right.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/Menu.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");const j=require("../../icons/src/icons/Information.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Store.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../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.CMpDdHBq.js");require("../../components/Input/BaseInput/index.cjs.js");require("../../components/Input/PostfixInput/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 a=require("../../components/Tooltip/ImpactTooltip/index.cjs.js");require("../../components/ui/bottomSheet.cjs.js");const t=require("./index.styled.cjs.js"),p=({marginBottomHasFooterBackgroundColor:r,...i})=>{const l=o();return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:l?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(m.FloatSingleButton,{...i}),e.jsxRuntimeExports.jsx(t.MarginBottomHasFooter,{backgroundColor:r})]}):e.jsxRuntimeExports.jsxs(t.ButtonWrapperInPc,{children:[i.underlineText&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(x.UnderLineMiniButton,{size:"m",colorType:"gray",disabled:i.underlineDisabled,onClick:i.underlineOnClick,children:i.underlineText}),e.jsxRuntimeExports.jsx(s.Spacing,{spaceNumber:25})]}),e.jsxRuntimeExports.jsx(n.Button,{...i,children:i.children})]})})},d=({target:r="_blank",...i})=>e.jsxRuntimeExports.jsx(u,{children:e.jsxRuntimeExports.jsx(t.ATagButton,{href:i.openUrl,target:r,rel:"noreferrer",onClick:i.onClick,children:e.jsxRuntimeExports.jsx(n.Button,{disabled:i.disabled,colorType:i.colorType,purpose:i.purpose,children:i.children})})}),R=r=>{const i=o();return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:i?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(c.FloatDoubleButton,{...r}),e.jsxRuntimeExports.jsx(t.MarginBottomHasFooter,{})]}):e.jsxRuntimeExports.jsxs(t.ButtonWrapperInPc,{children:[r.underlineText&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(x.UnderLineMiniButton,{size:"m",colorType:"gray",disabled:r.underlineDisabled,onClick:r.underlineOnClick,children:r.underlineText}),e.jsxRuntimeExports.jsx(s.Spacing,{spaceNumber:25})]}),e.jsxRuntimeExports.jsx(n.DoubleButton,{...r})]})})},E=r=>e.jsxRuntimeExports.jsx(u,{children:r.tooltip?e.jsxRuntimeExports.jsx(a,{...r.tooltip,isChildrenFullWidth:!0,children:e.jsxRuntimeExports.jsx(n.Button,{...r})}):e.jsxRuntimeExports.jsx(n.Button,{...r})}),g=r=>e.jsxRuntimeExports.jsxs(u,{children:[e.jsxRuntimeExports.jsxs(t.InformationIconWrapper,{children:[e.jsxRuntimeExports.jsx(j.default,{}),e.jsxRuntimeExports.jsx(q.Typography,{variant:"t3",className:"text-gray-400",children:r.infoText})]}),e.jsxRuntimeExports.jsx(s.Spacing,{spaceNumber:30}),e.jsxRuntimeExports.jsx(n.Button,{...r})]}),u=({children:r})=>{const i=o();return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[i&&e.jsxRuntimeExports.jsx(t.MarginBottomHasFooter,{}),e.jsxRuntimeExports.jsx(t.StickBottomWrapper,{children:r})]})};exports.DoubleButtonComp=R;exports.SingleATagComp=d;exports.SingleButtonComp=p;exports.SingleButtonWithInformationIconComp=g;exports.SingleButtonWithTooltipComp=E;exports.StickBottomWrapperComp=u;

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

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { FloatSingleButtonProps } from '../../components/Button/FloatSingleButton';
+import { FloatDoubleButtonProps } from '../../components/Button/FloatDoubleButton';
+import { ReactFCWithChildren } from '../../types/react';
+import { ImpactTooltipProps } from '../../components';
+import { ButtonProps } from '../../components/ui/button';
+export type SingleButtonCompProps = FloatSingleButtonProps & {
+    marginBottomHasFooterBackgroundColor?: string;
+};
+export declare const SingleButtonComp: React.FC<SingleButtonCompProps>;
+export declare const SingleATagComp: React.FC<FloatSingleButtonProps & {
+    openUrl: string;
+    target?: string;
+}>;
+export declare const DoubleButtonComp: React.FC<FloatDoubleButtonProps>;
+export declare const SingleButtonWithTooltipComp: React.FC<ButtonProps & {
+    tooltip: ImpactTooltipProps;
+}>;
+export declare const SingleButtonWithInformationIconComp: React.FC<ButtonProps & {
+    infoText: string;
+}>;
+export declare const StickBottomWrapperComp: ReactFCWithChildren;