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

package/dist/components/Input/ResidentNumberInput/index.styled.es.js

@@ -0,0 +1,111 @@
+import e from "@emotion/styled";
+import { typography as a } from "../../../core/TextStyles/index.es.js";
+import { generateHexWithAlphaInLightMode as s, basicColors as n } from "../../../core/Colors/index.es.js";
+import { css as r } from "@emotion/react";
+import { INNER_POSITION_LEFT as d, INPUT_HEIGHT as c, INNER_POSITION_TOP as $, INNER_POSITION_BOTTOM as h } from "../common/InputFrame/constant.es.js";
+import { b as t, N as b } from "../../../chunks/index.styled.SOJ65tcg.js";
+const i = r`
+	${a.title1}
+`, l = ({ hasLabel: o }) => o && r`
+		padding: ${$.hasLabel}px 0 ${h.hasLabel}px 0;
+	`, u = e.input`
+	${i};
+	${l};
+
+	padding-left: ${d}px;
+
+	width: ${({ focused: o }) => o ? "150px" : "100%"};
+	height: 100%;
+	border: none;
+	background-color: ${s(n.white, "0%")};
+
+	&:focus {
+		outline: none;
+	}
+
+	&:disabled {
+		color: ${t};
+	}
+
+	&::placeholder {
+		${({ hasLabel: o }) => b({ hasLabel: o })}
+		top: initial;
+	}
+`, N = e.div`
+	${i};
+	${l};
+
+	margin-right: 5px;
+	visibility: ${({ visible: o }) => o ? "visible" : "hidden"};
+
+	${({ disabled: o }) => o && r`
+			color: ${t};
+		`}
+`, T = e.input`
+	${i};
+	${l};
+
+	width: 20px;
+	height: ${c - 2}px;
+
+	outline: none;
+	border: none;
+	pointer-events: none;
+
+	&:disabled {
+		color: ${t};
+	}
+`, O = e.div`
+	${l};
+
+	position: relative;
+	height: 65px;
+	box-sizing: border-box;
+`, p = r`
+	height: 23px;
+	line-height: 23px;
+`, P = e.div`
+	${i};
+	${p};
+
+	color: ${n.gray200};
+	position: absolute;
+	z-index: 1;
+	visibility: ${({ visible: o }) => o ? "visible" : "hidden"};
+	pointer-events: none;
+`, S = e.div`
+	${i};
+	${p};
+
+	position: absolute;
+	pointer-events: none;
+	z-index: 2;
+	color: ${({ disabled: o }) => o ? t : n.gray900};
+`, f = e(u)`
+	${p};
+
+	width: 105px;
+	padding: 0;
+	color: transparent !important;
+	caret-color: transparent !important;
+
+	&:focus {
+		outline: none;
+	}
+`, H = e.div`
+	${p};
+	color: ${({ disabled: o }) => o ? t : n.gray900};
+
+	visibility: ${({ visible: o }) => o ? "visible" : "hidden"};
+	pointer-events: all;
+`;
+export {
+  u as BirthInput,
+  O as FakeInputWrapper,
+  f as FakeSecurityInput,
+  T as GenderNumberInput,
+  N as Hyphen,
+  P as SecurityPlaceHolder,
+  S as VirtualPlaceHolder,
+  H as VirtualPlaceHolderSevenTypeInput
+};

package/dist/components/Input/common/InputFrame/constant.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=65,T=20,I={hasLabel:31,noLabel:21},N={active:12,passive:I.noLabel},_={hasLabel:11,noLabel:0};exports.INNER_POSITION_BOTTOM=_;exports.INNER_POSITION_LEFT=T;exports.INNER_POSITION_TOP=I;exports.INPUT_HEIGHT=O;exports.LABEL_TOP_POSITION=N;

package/dist/components/Input/common/InputFrame/constant.es.js

@@ -0,0 +1,17 @@
+const O = 65, N = 20, I = {
+  hasLabel: 31,
+  noLabel: 21
+}, T = {
+  active: 12,
+  passive: I.noLabel
+}, a = {
+  hasLabel: 11,
+  noLabel: 0
+};
+export {
+  a as INNER_POSITION_BOTTOM,
+  N as INNER_POSITION_LEFT,
+  I as INNER_POSITION_TOP,
+  O as INPUT_HEIGHT,
+  T as LABEL_TOP_POSITION
+};

package/dist/components/Input/common/InputFrame/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../chunks/jsx-runtime.713F0z8w.js"),e=require("../../../../chunks/index.styled.DkE3TbtV.js"),p=({focused:s,active:o,disabled:i,errorText:n,label:r,children:u,handleClickInput:m})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(e.InputWrapper,{active:s,disabled:i,error:!!n,onClick:m,children:[r&&t.jsxRuntimeExports.jsx(e.InputLabel,{htmlFor:r,active:o,children:r}),u]}),n&&t.jsxRuntimeExports.jsx(e.ErrorText,{children:n})]});exports.InputFrameStyled=e.index_styled;exports.InputFrame=p;

package/dist/components/Input/common/InputFrame/index.es.js

@@ -0,0 +1,22 @@
+import { j as r } from "../../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { I as i, a as m, E as c } from "../../../../chunks/index.styled.SOJ65tcg.js";
+import { i as l } from "../../../../chunks/index.styled.SOJ65tcg.js";
+const u = ({
+  focused: s,
+  active: o,
+  disabled: e,
+  errorText: t,
+  label: n,
+  children: a,
+  handleClickInput: p
+}) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  /* @__PURE__ */ r.jsxs(i, { active: s, disabled: e, error: !!t, onClick: p, children: [
+    n && /* @__PURE__ */ r.jsx(m, { htmlFor: n, active: o, children: n }),
+    a
+  ] }),
+  t && /* @__PURE__ */ r.jsx(c, { children: t })
+] });
+export {
+  u as InputFrame,
+  l as InputFrameStyled
+};

package/dist/components/Input/common/InputFrame/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/components/Input/common/InputFrame/index.styled.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/react");require("@emotion/styled");require("../../../../core/TextStyles/index.cjs.js");require("../../../../core/Colors/index.cjs.js");require("./constant.cjs.js");const e=require("../../../../chunks/index.styled.DkE3TbtV.js");exports.ErrorText=e.ErrorText;exports.InputDisabledTextColor=e.InputDisabledTextColor;exports.InputLabel=e.InputLabel;exports.InputWrapper=e.InputWrapper;exports.NotActivePlaceholderOrLabelStyle=e.NotActivePlaceholderOrLabelStyle;

package/dist/components/Input/common/InputFrame/index.styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type InputLabelType = {
     active: boolean;
 };
@@ -10,17 +9,17 @@ export declare const NotActivePlaceholderOrLabelStyle: ({ hasLabel }: {
 }) => import("@emotion/react").SerializedStyles;
 export declare const InputDisabledTextColor: string;
 export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & InputLabelType & DisabledType & {
     error: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InputLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & InputLabelType, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
 export declare const ErrorText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/dist/components/Input/common/InputFrame/index.styled.es.js

@@ -0,0 +1,13 @@
+import "@emotion/react";
+import "@emotion/styled";
+import "../../../../core/TextStyles/index.es.js";
+import "../../../../core/Colors/index.es.js";
+import "./constant.es.js";
+import { E as l, b as m, a as s, I as b, N as I } from "../../../../chunks/index.styled.SOJ65tcg.js";
+export {
+  l as ErrorText,
+  m as InputDisabledTextColor,
+  s as InputLabel,
+  b as InputWrapper,
+  I as NotActivePlaceholderOrLabelStyle
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./common/InputFrame/index.cjs.js"),r=require("./BaseInput/index.cjs.js");require("../../chunks/jsx-runtime.713F0z8w.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");const u=require("../../chunks/index.styled.SwCr6Bqs.js");require("../../core/TextStyles/index.cjs.js");require("../Badge/IconBadge/index.styled.cjs.js");require("../Badge/TextBadge/index.styled.cjs.js");require("../Button/DoubleButton/index.styled.cjs.js");require("../MiniButton/BoxMiniButton/index.styled.cjs.js");require("../Button/FloatBaseButton/index.styled.cjs.js");require("../Button/FloatDoubleButton/index.styled.cjs.js");require("../Card/index.styled.cjs.js");require("../Comment/index.cjs.js");require("../Control/CheckBox/index.styled.cjs.js");require("../Control/CheckMark/index.styled.cjs.js");require("../Control/Switch/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../Icon/generated/AlarmFill.cjs.js");require("../../Icon/generated/Calendar.cjs.js");require("../../Icon/generated/Cancel.cjs.js");require("../../Icon/generated/CancelCircle.cjs.js");require("../../Icon/generated/CartFill.cjs.js");require("../../Icon/generated/Check.cjs.js");require("../../Icon/generated/ChevronDown.cjs.js");require("../../Icon/generated/ChevronLeft.cjs.js");require("../../Icon/generated/ChevronRight.cjs.js");require("../../Icon/generated/ChevronUp.cjs.js");require("../../Icon/generated/DoubleChevronLeft.cjs.js");require("../../Icon/generated/DoubleChevronRight.cjs.js");require("../../Icon/generated/EyeFill.cjs.js");require("../../Icon/generated/EyeSlashFill.cjs.js");require("../../Icon/generated/Filter.cjs.js");require("../../Icon/generated/Information.cjs.js");require("../../Icon/generated/Menu.cjs.js");require("../../Icon/generated/More.cjs.js");require("../../Icon/generated/PersonFill.cjs.js");require("../../Icon/generated/Plus.cjs.js");require("../../Icon/generated/QuestionCircle.cjs.js");require("../../Icon/generated/Re.cjs.js");require("../../Icon/generated/Search.cjs.js");require("../../Icon/generated/SettingFill.cjs.js");require("../../Icon/generated/Share.cjs.js");require("../../Icon/generated/Store.cjs.js");require("../../library/IconWithImage/index.styled.cjs.js");require("../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../library/Lottie/index.styled.cjs.js");require("../../library/Spacing/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../Divider/index.styled.cjs.js");const i=require("./ResidentNumberInput/index.cjs.js");require("../Loading/Skeleton/index.cjs.js");require("../Loading/Spinner/index.styled.cjs.js");require("../Navigation/index.styled.cjs.js");require("../Navigation/BaseNavigation/index.styled.cjs.js");require("../Navigation/constant.cjs.js");require("../Segment/BaseSegment/index.styled.cjs.js");require("../Segment/ExtendSegment/index.styled.cjs.js");require("../ToastMessage/Toast/index.styled.cjs.js");require("../Tooltip/TooltipBase/index.styled.cjs.js");const q=require("../../chunks/index.styled.DkE3TbtV.js"),n=require("../../chunks/index.styled.bRkhLIZX.js");exports.InputFrame=e.InputFrame;exports.BaseInput=r.BaseInput;exports.PostfixInput=u.PostfixInput;exports.ResidentNumberInput=i.ResidentNumberInput;exports.InputFrameStyled=q.index_styled;exports.BaseInputStyled=n.index_styled;

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

@@ -0,0 +1,83 @@
+import { InputFrame as Bt } from "./common/InputFrame/index.es.js";
+import { BaseInput as Pt } from "./BaseInput/index.es.js";
+import "../../chunks/jsx-runtime.Drh4NO5G.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 { P as bt } from "../../chunks/index.styled.BTZpARWY.js";
+import "../../core/TextStyles/index.es.js";
+import "../Badge/IconBadge/index.styled.es.js";
+import "../Badge/TextBadge/index.styled.es.js";
+import "../Button/DoubleButton/index.styled.es.js";
+import "../MiniButton/BoxMiniButton/index.styled.es.js";
+import "../Button/FloatBaseButton/index.styled.es.js";
+import "../Button/FloatDoubleButton/index.styled.es.js";
+import "../Card/index.styled.es.js";
+import "../Comment/index.es.js";
+import "../Control/CheckBox/index.styled.es.js";
+import "../Control/CheckMark/index.styled.es.js";
+import "../Control/Switch/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../Icon/generated/AlarmFill.es.js";
+import "../../Icon/generated/Calendar.es.js";
+import "../../Icon/generated/Cancel.es.js";
+import "../../Icon/generated/CancelCircle.es.js";
+import "../../Icon/generated/CartFill.es.js";
+import "../../Icon/generated/Check.es.js";
+import "../../Icon/generated/ChevronDown.es.js";
+import "../../Icon/generated/ChevronLeft.es.js";
+import "../../Icon/generated/ChevronRight.es.js";
+import "../../Icon/generated/ChevronUp.es.js";
+import "../../Icon/generated/DoubleChevronLeft.es.js";
+import "../../Icon/generated/DoubleChevronRight.es.js";
+import "../../Icon/generated/EyeFill.es.js";
+import "../../Icon/generated/EyeSlashFill.es.js";
+import "../../Icon/generated/Filter.es.js";
+import "../../Icon/generated/Information.es.js";
+import "../../Icon/generated/Menu.es.js";
+import "../../Icon/generated/More.es.js";
+import "../../Icon/generated/PersonFill.es.js";
+import "../../Icon/generated/Plus.es.js";
+import "../../Icon/generated/QuestionCircle.es.js";
+import "../../Icon/generated/Re.es.js";
+import "../../Icon/generated/Search.es.js";
+import "../../Icon/generated/SettingFill.es.js";
+import "../../Icon/generated/Share.es.js";
+import "../../Icon/generated/Store.es.js";
+import "../../library/IconWithImage/index.styled.es.js";
+import "../../library/List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../../library/Lottie/index.styled.es.js";
+import "../../library/Spacing/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../types/date.es.js";
+import "../DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../Divider/index.styled.es.js";
+import { ResidentNumberInput as Rt } from "./ResidentNumberInput/index.es.js";
+import "../Loading/Skeleton/index.es.js";
+import "../Loading/Spinner/index.styled.es.js";
+import "../Navigation/index.styled.es.js";
+import "../Navigation/BaseNavigation/index.styled.es.js";
+import "../Navigation/constant.es.js";
+import "../Segment/BaseSegment/index.styled.es.js";
+import "../Segment/ExtendSegment/index.styled.es.js";
+import "../ToastMessage/Toast/index.styled.es.js";
+import "../Tooltip/TooltipBase/index.styled.es.js";
+import { i as gt } from "../../chunks/index.styled.SOJ65tcg.js";
+import { i as jt } from "../../chunks/index.styled.Cw4AEFns.js";
+export {
+  Pt as BaseInput,
+  jt as BaseInputStyled,
+  Bt as InputFrame,
+  gt as InputFrameStyled,
+  bt as PostfixInput,
+  Rt as ResidentNumberInput
+};

package/dist/components/Input/index.stories.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../chunks/jsx-runtime.713F0z8w.js"),a=require("react"),R=require("../MiniButton/BoxMiniButton/index.cjs.js"),_=require("../../chunks/index.styled.SwCr6Bqs.js");require("../../chunks/index.styled.DkE3TbtV.js");const x=require("./BaseInput/index.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("../../core/TextStyles/index.cjs.js");require("../Badge/IconBadge/index.styled.cjs.js");require("../Badge/TextBadge/index.styled.cjs.js");require("../Button/DoubleButton/index.styled.cjs.js");require("../Button/FloatBaseButton/index.styled.cjs.js");require("../Button/FloatDoubleButton/index.styled.cjs.js");require("../Card/index.styled.cjs.js");require("../Comment/index.cjs.js");require("../Control/CheckBox/index.styled.cjs.js");require("../Control/CheckMark/index.styled.cjs.js");require("../Control/Switch/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../Icon/generated/AlarmFill.cjs.js");require("../../Icon/generated/Calendar.cjs.js");require("../../Icon/generated/Cancel.cjs.js");require("../../Icon/generated/CancelCircle.cjs.js");require("../../Icon/generated/CartFill.cjs.js");require("../../Icon/generated/Check.cjs.js");require("../../Icon/generated/ChevronDown.cjs.js");require("../../Icon/generated/ChevronLeft.cjs.js");require("../../Icon/generated/ChevronRight.cjs.js");require("../../Icon/generated/ChevronUp.cjs.js");require("../../Icon/generated/DoubleChevronLeft.cjs.js");require("../../Icon/generated/DoubleChevronRight.cjs.js");require("../../Icon/generated/EyeFill.cjs.js");require("../../Icon/generated/EyeSlashFill.cjs.js");require("../../Icon/generated/Filter.cjs.js");require("../../Icon/generated/Information.cjs.js");require("../../Icon/generated/Menu.cjs.js");require("../../Icon/generated/More.cjs.js");require("../../Icon/generated/PersonFill.cjs.js");require("../../Icon/generated/Plus.cjs.js");require("../../Icon/generated/QuestionCircle.cjs.js");require("../../Icon/generated/Re.cjs.js");require("../../Icon/generated/Search.cjs.js");require("../../Icon/generated/SettingFill.cjs.js");require("../../Icon/generated/Share.cjs.js");require("../../Icon/generated/Store.cjs.js");require("../../library/IconWithImage/index.styled.cjs.js");require("../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../library/Lottie/index.styled.cjs.js");require("../../library/Spacing/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../Divider/index.styled.cjs.js");require("../Loading/Skeleton/index.cjs.js");require("../Loading/Spinner/index.styled.cjs.js");require("../Navigation/index.styled.cjs.js");require("../Navigation/BaseNavigation/index.styled.cjs.js");require("../Navigation/constant.cjs.js");require("../Segment/BaseSegment/index.styled.cjs.js");require("../Segment/ExtendSegment/index.styled.cjs.js");const g=require("../SelectBox/index.cjs.js");require("../ToastMessage/Toast/index.styled.cjs.js");require("../Tooltip/TooltipBase/index.styled.cjs.js");const h=require("./ResidentNumberInput/index.cjs.js"),l=require("./PostfixInput/index.util.cjs.js"),o={label:"레이블",placeholder:"플레이스홀더",disabled:!1},n=({width:e="400px",height:t,children:u})=>r.jsxRuntimeExports.jsx("div",{style:{width:e,height:t},children:u}),q=e=>{const[t,u]=a.useState(""),i=s=>{u(s.target.value)};return r.jsxRuntimeExports.jsx(x.BaseInput,{...e,value:t,onChange:i})},b={title:"Component/TextField",component:x.BaseInput,tags:["autodocs"]},p={render:e=>r.jsxRuntimeExports.jsx(n,{children:r.jsxRuntimeExports.jsx(q,{...e})}),args:{...o,errorValidation:[{condition:e=>e[0]==="1",errorText:"1로 시작해주세요"}]}};p.storyName="Basic";const c={render:e=>r.jsxRuntimeExports.jsx(n,{children:r.jsxRuntimeExports.jsx(q,{...e})}),args:{label:"레이블",placeholder:"플레이스홀더",decoration:r.jsxRuntimeExports.jsx(R.BoxMiniButton,{colorType:"pink",children:"인증 요청"}),errorValidation:[{condition:e=>e[0]==="1",errorText:"1로 시작해주세요"}]}};c.storyName="+ Button (Decoration)";const V=e=>{const[t,u]=a.useState(""),i=s=>{u(s)};return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:["selected: ",t,r.jsxRuntimeExports.jsx("br",{}),r.jsxRuntimeExports.jsx("br",{}),r.jsxRuntimeExports.jsx(g.SelectBox,{...e,value:t,onChange:i})]})},m={render:e=>r.jsxRuntimeExports.jsx(n,{height:400,children:r.jsxRuntimeExports.jsx(V,{...e})}),args:{...o,bottomSheetTitle:"모바일 타이틀",itemList:[{label:"선택 1",value:"VALUE_1"},{label:"선택 2",value:"VALUE_2"},{label:"선택 3",value:"VALUE_3"},{label:"선택 4",value:"VALUE_4"},{label:"선택 5",value:"VALUE_5"},{label:"선택 6",value:"VALUE_6"},{label:"선택 7",value:"VALUE_7"},{label:"선택 8",value:"VALUE_8"},{label:"선택 9",value:"VALUE_9"},{label:"선택 10",value:"VALUE_10"},{label:"선택 11",value:"VALUE_11"}]},argTypes:{onChange:{action:"onChange"}},parameters:{docs:{description:{story:"PC) 셀렉트 필드를 클릭하면 드랍다운 메뉴가 나타납니다.<br/> MOBILE) 셀렉트 필드를 탭 하면 바텀 시트를 제공합니다."}}}};m.storyName="+ Select";const j=e=>{const[t,u]=a.useState(""),i=s=>{u(s)};return r.jsxRuntimeExports.jsx(h.ResidentNumberInput,{...e,value:t,setValue:i})},d={render:e=>r.jsxRuntimeExports.jsx(n,{children:r.jsxRuntimeExports.jsx(j,{...e})}),args:{...o},argTypes:{onChange:{action:"onChange"}}};d.storyName="+ Blind (rrnInputType=13)";const E={render:e=>r.jsxRuntimeExports.jsx(n,{children:r.jsxRuntimeExports.jsx(j,{...e})}),args:{...o,rrnInputType:7},argTypes:{onChange:{action:"onChange"}}};E.storyName="+ Blind (rrnInputType=7)";const S=e=>{const[t,u]=a.useState(""),i=Number(t);return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:["submitValue : ",i,r.jsxRuntimeExports.jsx(_.PostfixInput,{...e,realValue:t,updateRealValue:u,formatRealValue:l.formatRealValueWithManWon,formatDisplayValue:l.formatDisplayValueWithManWon})]})},y={render:e=>r.jsxRuntimeExports.jsx(n,{children:r.jsxRuntimeExports.jsx(S,{...e})}),args:{...o,postfix:"만원",max:1e11},argTypes:{onChange:{action:"onChange"}}};y.storyName="+ Unit";exports.Story1=p;exports.Story2=c;exports.Story3=m;exports.Story4=d;exports.Story5=E;exports.Story6=y;exports.default=b;

package/dist/components/Input/index.stories.es.js

@@ -0,0 +1,225 @@
+import { j as r } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { useState as n } from "react";
+import { BoxMiniButton as c } from "../MiniButton/BoxMiniButton/index.es.js";
+import { P as d } from "../../chunks/index.styled.BTZpARWY.js";
+import "../../chunks/index.styled.SOJ65tcg.js";
+import { BaseInput as s } from "./BaseInput/index.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 "../../core/TextStyles/index.es.js";
+import "../Badge/IconBadge/index.styled.es.js";
+import "../Badge/TextBadge/index.styled.es.js";
+import "../Button/DoubleButton/index.styled.es.js";
+import "../Button/FloatBaseButton/index.styled.es.js";
+import "../Button/FloatDoubleButton/index.styled.es.js";
+import "../Card/index.styled.es.js";
+import "../Comment/index.es.js";
+import "../Control/CheckBox/index.styled.es.js";
+import "../Control/CheckMark/index.styled.es.js";
+import "../Control/Switch/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../Icon/generated/AlarmFill.es.js";
+import "../../Icon/generated/Calendar.es.js";
+import "../../Icon/generated/Cancel.es.js";
+import "../../Icon/generated/CancelCircle.es.js";
+import "../../Icon/generated/CartFill.es.js";
+import "../../Icon/generated/Check.es.js";
+import "../../Icon/generated/ChevronDown.es.js";
+import "../../Icon/generated/ChevronLeft.es.js";
+import "../../Icon/generated/ChevronRight.es.js";
+import "../../Icon/generated/ChevronUp.es.js";
+import "../../Icon/generated/DoubleChevronLeft.es.js";
+import "../../Icon/generated/DoubleChevronRight.es.js";
+import "../../Icon/generated/EyeFill.es.js";
+import "../../Icon/generated/EyeSlashFill.es.js";
+import "../../Icon/generated/Filter.es.js";
+import "../../Icon/generated/Information.es.js";
+import "../../Icon/generated/Menu.es.js";
+import "../../Icon/generated/More.es.js";
+import "../../Icon/generated/PersonFill.es.js";
+import "../../Icon/generated/Plus.es.js";
+import "../../Icon/generated/QuestionCircle.es.js";
+import "../../Icon/generated/Re.es.js";
+import "../../Icon/generated/Search.es.js";
+import "../../Icon/generated/SettingFill.es.js";
+import "../../Icon/generated/Share.es.js";
+import "../../Icon/generated/Store.es.js";
+import "../../library/IconWithImage/index.styled.es.js";
+import "../../library/List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../../library/Lottie/index.styled.es.js";
+import "../../library/Spacing/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../types/date.es.js";
+import "../DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../Divider/index.styled.es.js";
+import "../Loading/Skeleton/index.es.js";
+import "../Loading/Spinner/index.styled.es.js";
+import "../Navigation/index.styled.es.js";
+import "../Navigation/BaseNavigation/index.styled.es.js";
+import "../Navigation/constant.es.js";
+import "../Segment/BaseSegment/index.styled.es.js";
+import "../Segment/ExtendSegment/index.styled.es.js";
+import { SelectBox as x } from "../SelectBox/index.es.js";
+import "../ToastMessage/Toast/index.styled.es.js";
+import "../Tooltip/TooltipBase/index.styled.es.js";
+import { ResidentNumberInput as h } from "./ResidentNumberInput/index.es.js";
+import { formatDisplayValueWithManWon as g, formatRealValueWithManWon as V } from "./PostfixInput/index.util.es.js";
+const p = {
+  label: "레이블",
+  placeholder: "플레이스홀더",
+  disabled: !1
+}, a = ({
+  width: t = "400px",
+  height: o,
+  children: e
+}) => /* @__PURE__ */ r.jsx("div", { style: { width: t, height: o }, children: e }), l = (t) => {
+  const [o, e] = n(""), i = (m) => {
+    e(m.target.value);
+  };
+  return /* @__PURE__ */ r.jsx(s, { ...t, value: o, onChange: i });
+}, Jt = {
+  title: "Component/TextField",
+  component: s,
+  tags: ["autodocs"]
+}, j = {
+  render: (t) => /* @__PURE__ */ r.jsx(a, { children: /* @__PURE__ */ r.jsx(l, { ...t }) }),
+  args: {
+    ...p,
+    errorValidation: [
+      {
+        condition: (t) => t[0] === "1",
+        errorText: "1로 시작해주세요"
+      }
+    ]
+  }
+};
+j.storyName = "Basic";
+const y = {
+  render: (t) => /* @__PURE__ */ r.jsx(a, { children: /* @__PURE__ */ r.jsx(l, { ...t }) }),
+  args: {
+    label: "레이블",
+    placeholder: "플레이스홀더",
+    decoration: /* @__PURE__ */ r.jsx(c, { colorType: "pink", children: "인증 요청" }),
+    errorValidation: [
+      {
+        condition: (t) => t[0] === "1",
+        errorText: "1로 시작해주세요"
+      }
+    ]
+  }
+};
+y.storyName = "+ Button (Decoration)";
+const b = (t) => {
+  const [o, e] = n(""), i = (m) => {
+    e(m);
+  };
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    "selected: ",
+    o,
+    /* @__PURE__ */ r.jsx("br", {}),
+    /* @__PURE__ */ r.jsx("br", {}),
+    /* @__PURE__ */ r.jsx(x, { ...t, value: o, onChange: i })
+  ] });
+}, f = {
+  render: (t) => /* @__PURE__ */ r.jsx(a, { height: 400, children: /* @__PURE__ */ r.jsx(b, { ...t }) }),
+  args: {
+    ...p,
+    bottomSheetTitle: "모바일 타이틀",
+    itemList: [
+      { label: "선택 1", value: "VALUE_1" },
+      { label: "선택 2", value: "VALUE_2" },
+      { label: "선택 3", value: "VALUE_3" },
+      { label: "선택 4", value: "VALUE_4" },
+      { label: "선택 5", value: "VALUE_5" },
+      { label: "선택 6", value: "VALUE_6" },
+      { label: "선택 7", value: "VALUE_7" },
+      { label: "선택 8", value: "VALUE_8" },
+      { label: "선택 9", value: "VALUE_9" },
+      { label: "선택 10", value: "VALUE_10" },
+      { label: "선택 11", value: "VALUE_11" }
+    ]
+  },
+  argTypes: {
+    onChange: { action: "onChange" }
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "PC) 셀렉트 필드를 클릭하면 드랍다운 메뉴가 나타납니다.<br/> MOBILE) 셀렉트 필드를 탭 하면 바텀 시트를 제공합니다."
+      }
+    }
+  }
+};
+f.storyName = "+ Select";
+const u = (t) => {
+  const [o, e] = n(""), i = (m) => {
+    e(m);
+  };
+  return /* @__PURE__ */ r.jsx(h, { ...t, value: o, setValue: i });
+}, C = {
+  render: (t) => /* @__PURE__ */ r.jsx(a, { children: /* @__PURE__ */ r.jsx(u, { ...t }) }),
+  args: {
+    ...p
+  },
+  argTypes: {
+    onChange: { action: "onChange" }
+  }
+};
+C.storyName = "+ Blind (rrnInputType=13)";
+const v = {
+  render: (t) => /* @__PURE__ */ r.jsx(a, { children: /* @__PURE__ */ r.jsx(u, { ...t }) }),
+  args: {
+    ...p,
+    rrnInputType: 7
+  },
+  argTypes: {
+    onChange: { action: "onChange" }
+  }
+};
+v.storyName = "+ Blind (rrnInputType=7)";
+const L = (t) => {
+  const [o, e] = n(""), i = Number(o);
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    "submitValue : ",
+    i,
+    /* @__PURE__ */ r.jsx(
+      d,
+      {
+        ...t,
+        realValue: o,
+        updateRealValue: e,
+        formatRealValue: V,
+        formatDisplayValue: g
+      }
+    )
+  ] });
+}, E = {
+  render: (t) => /* @__PURE__ */ r.jsx(a, { children: /* @__PURE__ */ r.jsx(L, { ...t }) }),
+  args: {
+    ...p,
+    postfix: "만원",
+    max: 1e11
+  },
+  argTypes: {
+    onChange: { action: "onChange" }
+  }
+};
+E.storyName = "+ Unit";
+export {
+  j as Story1,
+  y as Story2,
+  f as Story3,
+  C as Story4,
+  v as Story5,
+  E as Story6,
+  Jt as default
+};

package/dist/components/Input/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;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Story6 = exports.Story5 = exports.Story4 = exports.Story3 = exports.Story2 = exports.Story1 = void 0;
 const react_1 = __importStar(require("react"));

package/dist/components/Loading/ProgressBar/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../chunks/jsx-runtime.713F0z8w.js"),s=require("react"),t=require("../../../chunks/index.styled.SwCr6Bqs.js"),c=({progress:e,colorType:o})=>{const[u,n]=s.useState(e);return s.useEffect(()=>{n(e)},[e]),r.jsxRuntimeExports.jsx(t.ProgressBar,{children:r.jsxRuntimeExports.jsx(t.Progress,{progress:u,colorType:o})})};exports.ProgressBar=c;

package/dist/components/Loading/ProgressBar/index.es.js

@@ -0,0 +1,12 @@
+import { j as s } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { useState as m, useEffect as a } from "react";
+import { r as u, s as c } from "../../../chunks/index.styled.BTZpARWY.js";
+const x = ({ progress: r, colorType: o }) => {
+  const [e, t] = m(r);
+  return a(() => {
+    t(r);
+  }, [r]), /* @__PURE__ */ s.jsx(u, { children: /* @__PURE__ */ s.jsx(c, { progress: e, colorType: o }) });
+};
+export {
+  x as ProgressBar
+};