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

package/dist/components/Input/ResidentNumberInput/index.styled.d.ts

@@ -0,0 +1,52 @@
+type HasLabelType = {
+    hasLabel: boolean;
+};
+export declare const BirthInput: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    focused?: boolean;
+} & HasLabelType, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const Hyphen: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    disabled: boolean;
+    visible: boolean;
+} & HasLabelType, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const GenderNumberInput: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & HasLabelType, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const FakeInputWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & HasLabelType, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SecurityPlaceHolder: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    visible: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VirtualPlaceHolder: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    disabled?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FakeSecurityInput: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    focused?: boolean;
+} & HasLabelType & import('react').ClassAttributes<HTMLInputElement> & import('react').InputHTMLAttributes<HTMLInputElement> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const VirtualPlaceHolderSevenTypeInput: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    visible: boolean;
+    disabled?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

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

@@ -0,0 +1,111 @@
+import e from "@emotion/styled";
+import { typographyMap 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.DmJ27_dc.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/TextField/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/jsx-runtime.713F0z8w.js"),c=require("react"),u=require("../../../chunks/utils.Gb5_Gcy7.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");const w=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");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");const E=require("../../ui/typography.cjs.js"),N=s=>s&&typeof s=="object"&&"default"in s?s:{default:s},_=N(c),h=_.default.forwardRef(({className:s,type:y,label:a,error:o,decoration:n,placeholder:g,onDelete:l,guideMessage:b,...e},j)=>{const[d,m]=c.useState(!1),[q,f]=c.useState(!1),x=d||q,v=a&&x||!a,p=!n&&l!==void 0&&d&&q,R=r=>{r.stopPropagation(),l==null||l()};return c.useEffect(()=>{f(!!e.value)},[e.value]),t.jsxRuntimeExports.jsxs("div",{className:"relative",children:[t.jsxRuntimeExports.jsxs("div",{className:u.cn("relative flex items-center rounded-[10px] bg-white","border border-transparent hover:border hover:border-gray-600","transition-colors duration-200",d?"border border-gray-600":"",o?"border border-red-400 hover:border-red-400":"",e.disabled&&"bg-gray-25 cursor-not-allowed border border-gray-50 hover:border-gray-50"),children:[a&&t.jsxRuntimeExports.jsx("label",{className:u.cn("absolute left-[20px] text-gray-200 transition-all duration-200",x?"typo-b2 top-[11px]":"typo-t1 top-1/2 -translate-y-1/2",e.disabled&&"cursor-not-allowed"),htmlFor:e.id,children:a}),t.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-end justify-between pr-[15px]",children:[t.jsxRuntimeExports.jsx("input",{type:y,ref:j,className:u.cn("typo-t1 w-full py-[20px] pl-[20px] outline-none","file:border-0 file:bg-transparent","typo-t1 placeholder:text-gray-200","disabled:cursor-not-allowed disabled:text-gray-200",a&&x&&"pt-[30px] pb-[10px] pl-[20px]",n&&"pr-10",s),onFocus:r=>{var i;m(!0),(i=e.onFocus)==null||i.call(e,r)},onBlur:r=>{var i;m(!1),(i=e.onBlur)==null||i.call(e,r)},onChange:r=>{var i;f(r.target.value.length>0),(i=e.onChange)==null||i.call(e,r)},placeholder:v?g:void 0,...e}),p&&t.jsxRuntimeExports.jsx("button",{type:"button",onClick:R,onMouseDown:r=>r.preventDefault(),className:u.cn("absolute right-[15px] cursor-pointer",a?"bottom-[10px]":"bottom-[19px]"),children:t.jsxRuntimeExports.jsx(w.default,{className:"text-gray-200"})})]}),n&&t.jsxRuntimeExports.jsx("div",{className:"absolute right-[15px] flex items-center",children:n})]}),(o||b)&&t.jsxRuntimeExports.jsx(E.Typography,{variant:"b2",className:u.cn("mt-[9px] ml-[5px]",o?"text-red-400":"text-gray-400"),children:o||b})]})});h.displayName="TextField";exports.TextField=h;

package/dist/components/Input/TextField/index.d.ts

@@ -0,0 +1,10 @@
+import { default as React, InputHTMLAttributes } from 'react';
+export interface TextFieldProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    error?: string;
+    decoration?: React.ReactNode;
+    onDelete?: () => void;
+    guideMessage?: string;
+}
+declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+export { TextField };

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

@@ -0,0 +1,116 @@
+import { j as r } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import N, { useState as b, useEffect as F } from "react";
+import { c as i } from "../../../chunks/utils.B9KdtH6G.js";
+import "../../../icons/src/icons/Alarm_fill.es.js";
+import "../../../icons/src/icons/Cancel.es.js";
+import C from "../../../icons/src/icons/Cancel_circle.es.js";
+import "../../../icons/src/icons/Calendar.es.js";
+import "../../../icons/src/icons/Check.es.js";
+import "../../../icons/src/icons/Chevron_down.es.js";
+import "../../../icons/src/icons/Chevron_up.es.js";
+import "../../../icons/src/icons/Chevron_left.es.js";
+import "../../../icons/src/icons/Double_Chevron_right.es.js";
+import "../../../icons/src/icons/Cart_fill.es.js";
+import "../../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../../icons/src/icons/Chevron_right.es.js";
+import "../../../icons/src/icons/Filter.es.js";
+import "../../../icons/src/icons/Plus.es.js";
+import "../../../icons/src/icons/Question_circle.es.js";
+import "../../../icons/src/icons/Re.es.js";
+import "../../../icons/src/icons/Person_fill.es.js";
+import "../../../icons/src/icons/Menu.es.js";
+import "../../../icons/src/icons/Setting_fill.es.js";
+import "../../../icons/src/icons/Information.es.js";
+import "../../../icons/src/icons/Eye_fill.es.js";
+import "../../../icons/src/icons/More.es.js";
+import "../../../icons/src/icons/Store.es.js";
+import "../../../icons/src/icons/Share.es.js";
+import "../../../icons/src/icons/Search.es.js";
+import { Typography as B } from "../../ui/typography.es.js";
+const R = N.forwardRef(
+  ({ className: h, type: f, label: a, error: l, decoration: s, placeholder: y, onDelete: m, guideMessage: c, ...t }, g) => {
+    const [n, x] = b(!1), [u, p] = b(!1), d = n || u, v = a && d || !a, j = !s && m !== void 0 && n && u, w = (e) => {
+      e.stopPropagation(), m == null || m();
+    };
+    return F(() => {
+      p(!!t.value);
+    }, [t.value]), /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ r.jsxs(
+        "div",
+        {
+          className: i(
+            "relative flex items-center rounded-[10px] bg-white",
+            "border border-transparent hover:border hover:border-gray-600",
+            "transition-colors duration-200",
+            n ? "border border-gray-600" : "",
+            l ? "border border-red-400 hover:border-red-400" : "",
+            t.disabled && "bg-gray-25 cursor-not-allowed border border-gray-50 hover:border-gray-50"
+          ),
+          children: [
+            a && /* @__PURE__ */ r.jsx(
+              "label",
+              {
+                className: i(
+                  "absolute left-[20px] text-gray-200 transition-all duration-200",
+                  d ? "typo-b2 top-[11px]" : "typo-t1 top-1/2 -translate-y-1/2",
+                  t.disabled && "cursor-not-allowed"
+                ),
+                htmlFor: t.id,
+                children: a
+              }
+            ),
+            /* @__PURE__ */ r.jsxs("div", { className: "flex w-full items-end justify-between pr-[15px]", children: [
+              /* @__PURE__ */ r.jsx(
+                "input",
+                {
+                  type: f,
+                  ref: g,
+                  className: i(
+                    "typo-t1 w-full py-[20px] pl-[20px] outline-none",
+                    "file:border-0 file:bg-transparent",
+                    "typo-t1 placeholder:text-gray-200",
+                    "disabled:cursor-not-allowed disabled:text-gray-200",
+                    a && d && "pt-[30px] pb-[10px] pl-[20px]",
+                    s && "pr-10",
+                    h
+                  ),
+                  onFocus: (e) => {
+                    var o;
+                    x(!0), (o = t.onFocus) == null || o.call(t, e);
+                  },
+                  onBlur: (e) => {
+                    var o;
+                    x(!1), (o = t.onBlur) == null || o.call(t, e);
+                  },
+                  onChange: (e) => {
+                    var o;
+                    p(e.target.value.length > 0), (o = t.onChange) == null || o.call(t, e);
+                  },
+                  placeholder: v ? y : void 0,
+                  ...t
+                }
+              ),
+              j && /* @__PURE__ */ r.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: w,
+                  onMouseDown: (e) => e.preventDefault(),
+                  className: i("absolute right-[15px] cursor-pointer", a ? "bottom-[10px]" : "bottom-[19px]"),
+                  children: /* @__PURE__ */ r.jsx(C, { className: "text-gray-200" })
+                }
+              )
+            ] }),
+            s && /* @__PURE__ */ r.jsx("div", { className: "absolute right-[15px] flex items-center", children: s })
+          ]
+        }
+      ),
+      (l || c) && /* @__PURE__ */ r.jsx(B, { variant: "b2", className: i("mt-[9px] ml-[5px]", l ? "text-red-400" : "text-gray-400"), children: l || c })
+    ] });
+  }
+);
+R.displayName = "TextField";
+export {
+  R as TextField
+};

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.d.ts

@@ -0,0 +1,14 @@
+export declare const INPUT_HEIGHT = 65;
+export declare const INNER_POSITION_LEFT = 20;
+export declare const INNER_POSITION_TOP: {
+    hasLabel: number;
+    noLabel: number;
+};
+export declare const LABEL_TOP_POSITION: {
+    active: number;
+    passive: number;
+};
+export declare const INNER_POSITION_BOTTOM: {
+    hasLabel: number;
+    noLabel: number;
+};

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.CMpDdHBq.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.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { ReactFCWithChildren } from '../../../../types/react';
+interface InputFrameProps {
+    focused: boolean;
+    active: boolean;
+    disabled: boolean;
+    errorText: string;
+    label?: string;
+    handleClickInput?: (e: React.MouseEvent<HTMLInputElement>) => void;
+}
+declare const InputFrame: ReactFCWithChildren<InputFrameProps>;
+export type { InputFrameProps };
+export { InputFrame };
+export * as InputFrameStyled from './index.styled';

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.DmJ27_dc.js";
+import { i as l } from "../../../../chunks/index.styled.DmJ27_dc.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.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.CMpDdHBq.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

@@ -0,0 +1,25 @@
+type InputLabelType = {
+    active: boolean;
+};
+type DisabledType = {
+    disabled?: boolean;
+};
+export declare const NotActivePlaceholderOrLabelStyle: ({ hasLabel }: {
+    hasLabel: boolean;
+}) => import('@emotion/react').SerializedStyles;
+export declare const InputDisabledTextColor: "#C0C0C0";
+export declare const InputWrapper: import('@emotion/styled').StyledComponent<{
+    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;
+    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;
+    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.DmJ27_dc.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");require("../../chunks/index.styled.CX8FCbwl.js");require("../../core/TextStyles/index.cjs.js");require("../ui/typography.cjs.js");require("../Accordion/index.cjs.js");require("../Badge/IconBadge/index.styled.cjs.js");require("../Badge/TextBadge/index.styled.cjs.js");require("../Loading/Skeleton/index.cjs.js");require("../Loading/Spinner/index.styled.cjs.js");require("../Card/index.styled.cjs.js");require("../Comment/index.cjs.js");require("../Control/CheckBox/index.styled.cjs.js");require("../Control/CheckMark/index.styled.cjs.js");require("../Control/Switch/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Cancel.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");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("../../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 u=require("./PostfixInput/index.cjs.js"),i=require("./ResidentNumberInput/index.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");require("../ui/bottomSheet.cjs.js");const q=require("../../chunks/index.styled.CMpDdHBq.js"),n=require("../../chunks/index.styled.B2P8JvNq.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.d.ts

@@ -0,0 +1,5 @@
+export * from './common/InputFrame';
+export * from './BaseInput';
+export * from './NumberInput';
+export * from './PostfixInput';
+export * from './ResidentNumberInput';

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

@@ -0,0 +1,83 @@
+import { InputFrame as Bt } from "./common/InputFrame/index.es.js";
+import { BaseInput as St } 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 "../../chunks/index.styled.BYf5H-kQ.js";
+import "../../core/TextStyles/index.es.js";
+import "../ui/typography.es.js";
+import "../Accordion/index.es.js";
+import "../Badge/IconBadge/index.styled.es.js";
+import "../Badge/TextBadge/index.styled.es.js";
+import "../Loading/Skeleton/index.es.js";
+import "../Loading/Spinner/index.styled.es.js";
+import "../Card/index.styled.es.js";
+import "../Comment/index.es.js";
+import "../Control/CheckBox/index.styled.es.js";
+import "../Control/CheckMark/index.styled.es.js";
+import "../Control/Switch/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../icons/src/icons/Alarm_fill.es.js";
+import "../../icons/src/icons/Cancel.es.js";
+import "../../icons/src/icons/Cancel_circle.es.js";
+import "../../icons/src/icons/Calendar.es.js";
+import "../../icons/src/icons/Check.es.js";
+import "../../icons/src/icons/Chevron_down.es.js";
+import "../../icons/src/icons/Chevron_up.es.js";
+import "../../icons/src/icons/Chevron_left.es.js";
+import "../../icons/src/icons/Double_Chevron_right.es.js";
+import "../../icons/src/icons/Cart_fill.es.js";
+import "../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../icons/src/icons/Chevron_right.es.js";
+import "../../icons/src/icons/Filter.es.js";
+import "../../icons/src/icons/Plus.es.js";
+import "../../icons/src/icons/Question_circle.es.js";
+import "../../icons/src/icons/Re.es.js";
+import "../../icons/src/icons/Person_fill.es.js";
+import "../../icons/src/icons/Menu.es.js";
+import "../../icons/src/icons/Setting_fill.es.js";
+import "../../icons/src/icons/Information.es.js";
+import "../../icons/src/icons/Eye_fill.es.js";
+import "../../icons/src/icons/More.es.js";
+import "../../icons/src/icons/Store.es.js";
+import "../../icons/src/icons/Share.es.js";
+import "../../icons/src/icons/Search.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 { PostfixInput as Nt } from "./PostfixInput/index.es.js";
+import { ResidentNumberInput as Rt } from "./ResidentNumberInput/index.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 "../ui/bottomSheet.es.js";
+import { i as gt } from "../../chunks/index.styled.DmJ27_dc.js";
+import { i as jt } from "../../chunks/index.styled.Comn86rI.js";
+export {
+  St as BaseInput,
+  jt as BaseInputStyled,
+  Bt as InputFrame,
+  gt as InputFrameStyled,
+  Nt as PostfixInput,
+  Rt as ResidentNumberInput
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../chunks/jsx-runtime.713F0z8w.js"),s=require("../../chunks/utils.Gb5_Gcy7.js"),u=require("react"),o=require("../ui/typography.cjs.js");function p(t){if(t&&typeof t=="object"&&"default"in t)return t;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const l=p(u),a=l.forwardRef(({children:t,size:n="M",className:e,...r},c)=>i.jsxRuntimeExports.jsx("div",{ref:c,className:s.cn("flex items-center justify-between","px-[20px] md:px-[80px]",n==="S"?"py-[12px]":"py-[15px]",e),...r,children:t}));a.displayName="List";function x({size:t="M",children:n,className:e,...r}){return i.jsxRuntimeExports.jsx(o.Typography,{variant:t==="S"?"Title3":"h5",className:s.cn(e),...r,children:n})}function f({size:t="M",children:n,className:e,...r}){return i.jsxRuntimeExports.jsx(o.Typography,{variant:t==="S"?"Title3":"Title2",className:s.cn("text-gray-400",e),...r,children:n})}exports.List=a;exports.ListMainText=x;exports.ListSubText=f;

package/dist/components/List/index.d.ts

@@ -0,0 +1,18 @@
+import { TypographyProps } from '../ui/typography';
+import * as React from 'react';
+type ListProps = React.HTMLAttributes<HTMLDivElement> & {
+    size?: 'S' | 'M';
+};
+declare const List: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    size?: "S" | "M";
+} & React.RefAttributes<HTMLDivElement>>;
+type ListMainTextProps = TypographyProps & {
+    size?: 'S' | 'M';
+};
+declare function ListMainText({ size, children, className, ...props }: ListMainTextProps): React.JSX.Element;
+type ListSubTextProps = TypographyProps & {
+    size?: 'S' | 'M';
+};
+declare function ListSubText({ size, children, className, ...props }: ListSubTextProps): React.JSX.Element;
+export type { ListProps };
+export { List, ListMainText, ListSubText };

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

@@ -0,0 +1,30 @@
+import { j as i } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { c as a } from "../../chunks/utils.B9KdtH6G.js";
+import * as m from "react";
+import { Typography as p } from "../ui/typography.es.js";
+const n = m.forwardRef(({ children: t, size: e = "M", className: r, ...s }, x) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    ref: x,
+    className: a(
+      "flex items-center justify-between",
+      "px-[20px] md:px-[80px]",
+      e === "S" ? "py-[12px]" : "py-[15px]",
+      r
+    ),
+    ...s,
+    children: t
+  }
+));
+n.displayName = "List";
+function l({ size: t = "M", children: e, className: r, ...s }) {
+  return /* @__PURE__ */ i.jsx(p, { variant: t === "S" ? "Title3" : "h5", className: a(r), ...s, children: e });
+}
+function u({ size: t = "M", children: e, className: r, ...s }) {
+  return /* @__PURE__ */ i.jsx(p, { variant: t === "S" ? "Title3" : "Title2", className: a("text-gray-400", r), ...s, children: e });
+}
+export {
+  n as List,
+  l as ListMainText,
+  u as ListSubText
+};

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.CX8FCbwl.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.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { ColorType } from '../../../utils';
+interface ProgressBarProps {
+    progress: number;
+    colorType: ColorType;
+}
+declare const ProgressBar: React.FC<ProgressBarProps>;
+export type { ProgressBarProps };
+export { ProgressBar };

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 { P as u, l as P } from "../../../chunks/index.styled.BYf5H-kQ.js";
+const n = ({ progress: r, colorType: o }) => {
+  const [e, t] = m(r);
+  return a(() => {
+    t(r);
+  }, [r]), /* @__PURE__ */ s.jsx(u, { children: /* @__PURE__ */ s.jsx(P, { progress: e, colorType: o }) });
+};
+export {
+  n as ProgressBar
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/styled");require("@emotion/react");require("../../../core/Colors/index.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../../chunks/jsx-runtime.713F0z8w.js");const r=require("../../../chunks/index.styled.CX8FCbwl.js");require("../../../core/TextStyles/index.cjs.js");require("../../ui/typography.cjs.js");require("../../Accordion/index.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("react");require("../Skeleton/index.cjs.js");require("../Spinner/index.styled.cjs.js");require("../../Card/index.styled.cjs.js");require("../../Comment/index.cjs.js");require("../../Control/CheckBox/index.styled.cjs.js");require("../../Control/CheckMark/index.styled.cjs.js");require("../../Control/Switch/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Cancel.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");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("../../../library/IconWithImage/index.styled.cjs.js");require("../../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../../library/Lottie/index.styled.cjs.js");require("../../../library/Spacing/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../../types/date.cjs.js");require("../../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../Divider/index.styled.cjs.js");require("../../../chunks/index.styled.CMpDdHBq.js");require("../../Input/BaseInput/index.cjs.js");require("../../Input/PostfixInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Navigation/index.styled.cjs.js");require("../../Navigation/BaseNavigation/index.styled.cjs.js");require("../../Navigation/constant.cjs.js");require("../../Segment/BaseSegment/index.styled.cjs.js");require("../../Segment/ExtendSegment/index.styled.cjs.js");require("../../ToastMessage/Toast/index.styled.cjs.js");require("../../Tooltip/TooltipBase/index.styled.cjs.js");require("../../ui/bottomSheet.cjs.js");require("../../../utils/GenerateColorStyle/progress-bar.cjs.js");exports.Progress=r.Progress;exports.ProgressBar=r.ProgressBar;