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

package/dist/index.es.js

@@ -0,0 +1,278 @@
+import { B as a, d as l, f as m, e as p, b as n, c as s, j as f, n as i, h as x, D as c, H as u, k as S, l as d, M as h, g as B, N as C, P as I, i as y, S as g, a as T, m as P, T as M, U as D, o as b, q as v, p as F, t as k } from "./chunks/index.styled.BTZpARWY.js";
+import { IconBadge as L } from "./components/Badge/IconBadge/index.es.js";
+import { TextBadge as E } 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 G } from "./components/Control/RadioButton/index.es.js";
+import { CheckBox as V } 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 ro } 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 no } from "./components/DatePicker/SingleDatePickerModal/index.es.js";
+import { RangeDatePickerModal as fo } from "./components/DatePicker/RangeDatePickerModal/index.es.js";
+import { Divider as xo } from "./components/Divider/index.es.js";
+import { InputFrame as uo } from "./components/Input/common/InputFrame/index.es.js";
+import { BaseInput as ho } 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 Mo, formatKoreaCurrency as Do, 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 Eo } 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 Go } from "./utils/GenerateColorStyle/progress-bar.es.js";
+import { default as Vo } 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 re } 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 ne } from "./components/Segment/BaseSegment/index.es.js";
+import { ExtendSegment as fe } from "./components/Segment/ExtendSegment/index.es.js";
+import { SelectBox as xe } from "./components/SelectBox/index.es.js";
+import { BasicChips as ue } from "./components/Chips/BasicChips/index.es.js";
+import { ChipItem as de } from "./components/Chips/ChipItem/index.es.js";
+import { ChipsFrame as Be } 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 De } 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 { basicColors as Ee, generateHexWithAlphaInLightMode as He, semanticColors as Ne, semanticColorsMethod as we } from "./core/Colors/index.es.js";
+import { default as ze } from "./core/Display/Pc.es.js";
+import { default as Qe } from "./core/Display/Mobile.es.js";
+import { Theme as We } from "./core/Theme/index.es.js";
+import { body1 as qe, body2 as Ke, headline1 as Ye, headline2 as Ge, headline3 as Je, headline4 as Ve, headline5 as Xe, headline6 as Ze, title1 as $e, title2 as or, title3 as er, title4 as rr, typography as tr } from "./core/TextStyles/index.es.js";
+import { Headline1 as lr } from "./core/Typography/Headline1.es.js";
+import { Headline2 as pr } from "./core/Typography/Headline2.es.js";
+import { Headline6 as sr } from "./core/Typography/Headline6.es.js";
+import { Body1 as ir } from "./core/Typography/Body1.es.js";
+import { Body2 as cr } from "./core/Typography/Body2.es.js";
+import { Title1 as Sr } from "./core/Typography/Title1.es.js";
+import { Title2 as hr } from "./core/Typography/Title2.es.js";
+import { Title4 as Cr } from "./core/Typography/Title4.es.js";
+import { getScrollParent as yr, isIOS as gr, isIPad as Tr, isIPhone as Pr, isInput as Mr, isMac as Dr, isSafari as br, isScrollable as vr, registerHookForOverlayPreventScroll as Fr, testPlatform as kr, useIsomorphicLayoutEffect as Ar, useOverlayPreventScroll as Lr, usePreventScroll as Rr } from "./hooks/useOverlayPreventScroll.es.js";
+import { default as Hr } from "./hooks/useLayoutIsMobile.es.js";
+import { default as wr } from "./hooks/useResize.es.js";
+import { default as zr } from "./hooks/useEventListener.es.js";
+import { AlarmFill as Qr } from "./Icon/generated/AlarmFill.es.js";
+import { Calendar as Wr } from "./Icon/generated/Calendar.es.js";
+import { Cancel as qr } from "./Icon/generated/Cancel.es.js";
+import { CancelCircle as Yr } from "./Icon/generated/CancelCircle.es.js";
+import { CartFill as Jr } from "./Icon/generated/CartFill.es.js";
+import { Check as Xr } from "./Icon/generated/Check.es.js";
+import { ChevronDown as $r } from "./Icon/generated/ChevronDown.es.js";
+import { ChevronLeft as et } from "./Icon/generated/ChevronLeft.es.js";
+import { ChevronRight as tt } from "./Icon/generated/ChevronRight.es.js";
+import { ChevronUp as lt } from "./Icon/generated/ChevronUp.es.js";
+import { DoubleChevronLeft as pt } from "./Icon/generated/DoubleChevronLeft.es.js";
+import { DoubleChevronRight as st } from "./Icon/generated/DoubleChevronRight.es.js";
+import { EyeFill as it } from "./Icon/generated/EyeFill.es.js";
+import { EyeSlashFill as ct } from "./Icon/generated/EyeSlashFill.es.js";
+import { Filter as St } from "./Icon/generated/Filter.es.js";
+import { Information as ht } from "./Icon/generated/Information.es.js";
+import { Menu as Ct } from "./Icon/generated/Menu.es.js";
+import { More as yt } from "./Icon/generated/More.es.js";
+import { PersonFill as Tt } from "./Icon/generated/PersonFill.es.js";
+import { Plus as Mt } from "./Icon/generated/Plus.es.js";
+import { QuestionCircle as bt } from "./Icon/generated/QuestionCircle.es.js";
+import { Re as Ft } from "./Icon/generated/Re.es.js";
+import { Search as At } from "./Icon/generated/Search.es.js";
+import { SettingFill as Rt } from "./Icon/generated/SettingFill.es.js";
+import { Share as Ht } from "./Icon/generated/Share.es.js";
+import { Store as wt } from "./Icon/generated/Store.es.js";
+import { IconWithImage as zt } from "./library/IconWithImage/index.es.js";
+import { BottomSheetItemList as Qt } from "./library/List/BottomSheetItemList/index.es.js";
+import { Lottie as Wt } from "./library/Lottie/index.es.js";
+import { Spacing as qt } from "./library/Spacing/index.es.js";
+import { EMPTY_DATE as Yt, END_DATE as Gt, PurpleDate as Jt, START_DATE as Vt } from "./types/date.es.js";
+import { LayoutSpacing as Zt, zIndex as $t } from "./constants/style.constants.es.js";
+import { useSingleDatePickerModal as ea } from "./components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import { useRangeDatePickerModal as ta } from "./components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import { i as la } from "./chunks/index.styled.SOJ65tcg.js";
+import { i as pa } from "./chunks/index.styled.Cw4AEFns.js";
+export {
+  Qr as AlarmFillIcon,
+  a as BaseBottomSheet,
+  l as BaseBottomSheetBody,
+  m as BaseBottomSheetCTADoubleButton,
+  p as BaseBottomSheetCTASingleButton,
+  n as BaseBottomSheetComp,
+  s as BaseBottomSheetHeader,
+  ro as BaseDatePicker,
+  ho as BaseInput,
+  pa as BaseInputStyled,
+  f as BaseModal,
+  i as BaseTypography,
+  ue as BasicChips,
+  ke as BasicTooltip,
+  Co as Between,
+  Io as BetweenPcAndMobile,
+  ir as Body1,
+  cr as Body2,
+  Qt as BottomSheetItemList,
+  x as BottomSheetNavigationTemplate,
+  ae as BoxMiniButton,
+  Wr as CalendarIcon,
+  Yr as CancelCircleIcon,
+  qr as CancelIcon,
+  j as Card,
+  Jr as CartFillIcon,
+  V as CheckBox,
+  Xr as CheckIcon,
+  Z as CheckMark,
+  $r as ChevronDownIcon,
+  et as ChevronLeftIcon,
+  tt as ChevronRightIcon,
+  lt as ChevronUpIcon,
+  de as ChipItem,
+  Be as ChipsFrame,
+  Fo as ColorTypeArray,
+  K as Comment,
+  xo as Divider,
+  c as DoubleButton,
+  pt as DoubleChevronLeftIcon,
+  st as DoubleChevronRightIcon,
+  Yt as EMPTY_DATE,
+  Gt as END_DATE,
+  fe as ExtendSegment,
+  it as EyeFillIcon,
+  ct as EyeSlashFillIcon,
+  ge as FillTabs,
+  St as FilterIcon,
+  O as FloatBaseButton,
+  U as FloatDoubleButton,
+  N as FloatSingleButton,
+  lr as Headline1,
+  pr as Headline2,
+  u as Headline3,
+  S as Headline4,
+  d as Headline5,
+  sr as Headline6,
+  L as IconBadge,
+  me as IconMiniButton,
+  zt as IconWithImage,
+  Le as ImpactTooltip,
+  ht as InformationIcon,
+  uo as InputFrame,
+  la as InputFrameStyled,
+  yo as Larger,
+  Zt as LayoutSpacing,
+  Wt as Lottie,
+  go as MediaQuerySize,
+  Ct as MenuIcon,
+  Qe as Mobile,
+  h as Modal,
+  yt as MoreIcon,
+  B as NavBottomSheet,
+  C as Navigation,
+  ze as Pc,
+  Tt as PersonFillIcon,
+  Mt as PlusIcon,
+  I as PostfixInput,
+  oe as ProgressBar,
+  Jt as PurpleDate,
+  ko as PurposeArray,
+  bt as QuestionCircleIcon,
+  G as RadioButton,
+  fo as RangeDatePickerModal,
+  Ft as ReIcon,
+  Zo as ResidentNumberInput,
+  Vt as START_DATE,
+  At as SearchIcon,
+  ne as Segment,
+  xe as SelectBox,
+  y as SelectBoxStyled,
+  Rt as SettingFillIcon,
+  Ht as ShareIcon,
+  g as SingleButton,
+  no as SingleDatePickerModal,
+  re as Skeleton,
+  To as Smaller,
+  qt as Spacing,
+  T as Spinner,
+  Ao as StateArray,
+  Lo as StatusArray,
+  wt as StoreIcon,
+  oo as Switch,
+  Pe as Tag,
+  _ as TestButton,
+  E as TextBadge,
+  Ie as TextTabs,
+  We as Theme,
+  De as Title,
+  Sr as Title1,
+  hr as Title2,
+  P as Title3,
+  Cr as Title4,
+  M as TitleBottomSheet,
+  ve as Toast,
+  D as UnderLineMiniButton,
+  Ee as basicColors,
+  qe as body1,
+  Ke as body2,
+  jo as checkBoxColorStyle,
+  Ko as checkMarkColorStyle,
+  b as chipColorStyle,
+  Uo as datepickerColorStyle,
+  Mo as extractNumber,
+  v as fillTabColorStyle,
+  Do as formatKoreaCurrency,
+  He as generateHexWithAlphaInLightMode,
+  yr as getScrollParent,
+  Ye as headline1,
+  Ge as headline2,
+  Je as headline3,
+  Ve as headline4,
+  Xe as headline5,
+  Ze as headline6,
+  gr as isIOS,
+  Tr as isIPad,
+  Pr as isIPhone,
+  Mr as isInput,
+  Dr as isMac,
+  br as isSafari,
+  vr as isScrollable,
+  No as miniButtonColorStyle,
+  bo as numberAccept,
+  Go as progressBarColorStyle,
+  _o as radioButtonColorStyle,
+  Fr as registerHookForOverlayPreventScroll,
+  Ne as semanticColors,
+  we as semanticColorsMethod,
+  Eo as singleButtonColorStyle,
+  Oo as switchColorStyle,
+  Vo as tagColorStyle,
+  kr as testPlatform,
+  F as textTabColorStyle,
+  $e as title1,
+  or as title2,
+  er as title3,
+  rr as title4,
+  tr as typography,
+  k as typographyList,
+  zr as useEventListener,
+  Ar as useIsomorphicLayoutEffect,
+  Hr as useLayoutIsMobile,
+  Lr as useOverlayPreventScroll,
+  Rr as usePreventScroll,
+  mo as useRangeDatePicker,
+  ta as useRangeDatePickerModal,
+  wr as useResize,
+  ao as useSingleDatePicker,
+  ea as useSingleDatePickerModal,
+  $t as zIndex
+};

package/dist/index.js

@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+require("./style/global.css");
 __exportStar(require("./components"), exports);
 __exportStar(require("./core"), exports);
 __exportStar(require("./hooks"), exports);

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.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/BasicForm/index.js

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

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

@@ -0,0 +1 @@
+"use strict";const e=require("../../chunks/jsx-runtime.713F0z8w.js"),r=require("../../chunks/react.esm.DGn2IpBE.js"),i=require("./index.cjs.js"),u=require("../../chunks/index.styled.SwCr6Bqs.js");require("../../components/Badge/IconBadge/index.styled.cjs.js");require("../../components/Badge/TextBadge/index.styled.cjs.js");require("../../components/Button/DoubleButton/index.styled.cjs.js");require("../../core/TextStyles/index.cjs.js");require("../../components/MiniButton/BoxMiniButton/index.styled.cjs.js");require("../../components/Button/FloatBaseButton/index.styled.cjs.js");require("../../components/Button/FloatDoubleButton/index.styled.cjs.js");require("../../components/Card/index.styled.cjs.js");require("react");require("@emotion/react");require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../components/Comment/index.cjs.js");require("../../components/Control/CheckBox/index.styled.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/Loading/Spinner/index.styled.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");describe("Basic Form Component",()=>{test("renders without crashing",()=>{r.render(e.jsxRuntimeExports.jsx(i,{children:e.jsxRuntimeExports.jsx(u.SingleButton,{purpose:"main",colorType:"pink",children:"버튼"})})),expect(r.screen.getByText("버튼")).toBeInTheDocument()})});

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

@@ -0,0 +1,82 @@
+import { j as r } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { r as o, s as t } from "../../chunks/react.esm.CbGyPoJJ.js";
+import i from "./index.es.js";
+import { S as m } from "../../chunks/index.styled.BTZpARWY.js";
+import "../../components/Badge/IconBadge/index.styled.es.js";
+import "../../components/Badge/TextBadge/index.styled.es.js";
+import "../../components/Button/DoubleButton/index.styled.es.js";
+import "../../core/TextStyles/index.es.js";
+import "../../components/MiniButton/BoxMiniButton/index.styled.es.js";
+import "../../components/Button/FloatBaseButton/index.styled.es.js";
+import "../../components/Button/FloatDoubleButton/index.styled.es.js";
+import "../../components/Card/index.styled.es.js";
+import "react";
+import "@emotion/react";
+import "../../core/Colors/index.es.js";
+import "../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../components/Comment/index.es.js";
+import "../../components/Control/CheckBox/index.styled.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 "../../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/index.styled.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/Loading/Spinner/index.styled.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";
+describe("Basic Form Component", () => {
+  test("renders without crashing", () => {
+    o(
+      /* @__PURE__ */ r.jsx(i, { children: /* @__PURE__ */ r.jsx(m, { purpose: "main", colorType: "pink", children: "버튼" }) })
+    ), expect(t.getByText("버튼")).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/jsx-runtime.713F0z8w.js"),s=require("react"),u=require("./index.cjs.js"),n=require("../../chunks/index.styled.SwCr6Bqs.js");require("../../components/Badge/IconBadge/index.styled.cjs.js");require("../../components/Badge/TextBadge/index.styled.cjs.js");require("../../components/Button/DoubleButton/index.styled.cjs.js");require("../../core/TextStyles/index.cjs.js");require("../../components/MiniButton/BoxMiniButton/index.styled.cjs.js");require("../../components/Button/FloatBaseButton/index.styled.cjs.js");require("../../components/Button/FloatDoubleButton/index.styled.cjs.js");require("../../components/Card/index.styled.cjs.js");require("@emotion/react");require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../components/Comment/index.cjs.js");require("../../components/Control/CheckBox/index.styled.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");const r=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");const i=require("../../components/Input/BaseInput/index.cjs.js");require("../../components/Input/ResidentNumberInput/index.styled.cjs.js");require("../../components/Loading/Skeleton/index.cjs.js");require("../../components/Loading/Spinner/index.styled.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 o={title:"Library/BasicForm",component:u,tags:["autodocs"]},q=()=>{const t=s.useCallback(()=>{alert("제출 완료!")},[]);return e.jsxRuntimeExports.jsxs(u,{onSubmit:t,children:[e.jsxRuntimeExports.jsx(i.BaseInput,{placeholder:"아이디",value:"id",onChange:()=>console.log("onChange")}),e.jsxRuntimeExports.jsx(r.Spacing,{spaceNumber:20}),e.jsxRuntimeExports.jsx(i.BaseInput,{type:"password",placeholder:"비밀번호",value:"password",onChange:()=>console.log("onChange")}),e.jsxRuntimeExports.jsx(r.Spacing,{spaceNumber:20}),e.jsxRuntimeExports.jsx(n.SingleButton,{colorType:"pink",purpose:"main",children:"버튼"})]})};q.storyName="예제";exports.Story1=q;exports.default=o;

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

@@ -0,0 +1,95 @@
+import { j as o } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { useCallback as i } from "react";
+import m from "./index.es.js";
+import { S as e } from "../../chunks/index.styled.BTZpARWY.js";
+import "../../components/Badge/IconBadge/index.styled.es.js";
+import "../../components/Badge/TextBadge/index.styled.es.js";
+import "../../components/Button/DoubleButton/index.styled.es.js";
+import "../../core/TextStyles/index.es.js";
+import "../../components/MiniButton/BoxMiniButton/index.styled.es.js";
+import "../../components/Button/FloatBaseButton/index.styled.es.js";
+import "../../components/Button/FloatDoubleButton/index.styled.es.js";
+import "../../components/Card/index.styled.es.js";
+import "@emotion/react";
+import "../../core/Colors/index.es.js";
+import "../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../components/Comment/index.es.js";
+import "../../components/Control/CheckBox/index.styled.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 "../../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 r } 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 { BaseInput as t } from "../../components/Input/BaseInput/index.es.js";
+import "../../components/Input/ResidentNumberInput/index.styled.es.js";
+import "../../components/Loading/Skeleton/index.es.js";
+import "../../components/Loading/Spinner/index.styled.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";
+const Eo = {
+  title: "Library/BasicForm",
+  component: m,
+  tags: ["autodocs"]
+}, s = () => {
+  const p = i(() => {
+    alert("제출 완료!");
+  }, []);
+  return /* @__PURE__ */ o.jsxs(m, { onSubmit: p, children: [
+    /* @__PURE__ */ o.jsx(t, { placeholder: "아이디", value: "id", onChange: () => console.log("onChange") }),
+    /* @__PURE__ */ o.jsx(r, { spaceNumber: 20 }),
+    /* @__PURE__ */ o.jsx(t, { type: "password", placeholder: "비밀번호", value: "password", onChange: () => console.log("onChange") }),
+    /* @__PURE__ */ o.jsx(r, { spaceNumber: 20 }),
+    /* @__PURE__ */ o.jsx(e, { colorType: "pink", purpose: "main", children: "버튼" })
+  ] });
+};
+s.storyName = "예제";
+export {
+  s as Story1,
+  Eo as default
+};

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -44,7 +54,7 @@ const Story1 = () => {
     return (react_1.default.createElement(_1.default, { onSubmit: handleSubmit },
         react_1.default.createElement(__1.BaseInput, { placeholder: "\uC544\uC774\uB514", value: 'id', onChange: () => console.log('onChange') }),
         react_1.default.createElement(Spacing_1.Spacing, { spaceNumber: 20 }),
-        react_1.default.createElement(__1.BaseInput, { type: 'isPasswordVisible' ? 'text' : 'password', placeholder: "\uBE44\uBC00\uBC88\uD638", value: 'password', onChange: () => console.log('onChange') }),
+        react_1.default.createElement(__1.BaseInput, { type: 'password', placeholder: "\uBE44\uBC00\uBC88\uD638", value: 'password', onChange: () => console.log('onChange') }),
         react_1.default.createElement(Spacing_1.Spacing, { spaceNumber: 20 }),
         react_1.default.createElement(__1.SingleButton, { colorType: "pink", purpose: "main" }, "\uBC84\uD2BC")));
 };