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

package/dist/components/Button/TestButton/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TestButton: () => React.JSX.Element;
+export { TestButton };

package/dist/components/Button/TestButton/index.es.js

@@ -0,0 +1,5 @@
+import { j as t } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+const r = () => /* @__PURE__ */ t.jsx("button", { className: "bg-red-500 text-white px-4 py-2 rounded hover:bg-red-600", children: "Tailwind Button" });
+export {
+  r as TestButton
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/index.styled.B3JLBK5h.js"),o=require("./FloatSingleButton/index.cjs.js"),e=require("./FloatDoubleButton/index.cjs.js"),n=require("./FloatBaseButton/index.cjs.js"),u=require("./TestButton/index.cjs.js");exports.DoubleButton=t.DoubleButton;exports.SingleButton=t.SingleButton;exports.FloatSingleButton=o.FloatSingleButton;exports.FloatDoubleButton=e.FloatDoubleButton;exports.FloatBaseButton=n.FloatBaseButton;exports.TestButton=u.TestButton;

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

@@ -3,3 +3,4 @@ export * from './DoubleButton';
 export * from './FloatSingleButton';
 export * from './FloatDoubleButton';
 export * from './FloatBaseButton';
+export * from './TestButton';

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

@@ -0,0 +1,13 @@
+import { D as e, S as r } from "../../chunks/index.styled.ByGzJNsf.js";
+import { FloatSingleButton as u } from "./FloatSingleButton/index.es.js";
+import { FloatDoubleButton as B } from "./FloatDoubleButton/index.es.js";
+import { FloatBaseButton as f } from "./FloatBaseButton/index.es.js";
+import { TestButton as p } from "./TestButton/index.es.js";
+export {
+  e as DoubleButton,
+  f as FloatBaseButton,
+  B as FloatDoubleButton,
+  u as FloatSingleButton,
+  r as SingleButton,
+  p as TestButton
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/jsx-runtime.713F0z8w.js"),r=require("./index.styled.cjs.js");require("react");const c=require("../../hooks/useLayoutIsMobile.cjs.js"),x=({fixedSize:s,disabled:e,clickable:o,children:n})=>{const i=c(),u=s||(i?"s":"m");return t.jsxRuntimeExports.jsx(r.Wrapper,{size:u,disabled:e,clickable:o,children:t.jsxRuntimeExports.jsx(r.ContentContainer,{disabled:e,children:n})})};exports.Card=x;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 type CardProps = {
     disabled?: boolean;
     clickable?: boolean;

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

@@ -0,0 +1,11 @@
+import { j as r } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { Wrapper as m, ContentContainer as p } from "./index.styled.es.js";
+import "react";
+import x from "../../hooks/useLayoutIsMobile.es.js";
+const f = ({ fixedSize: t, disabled: o, clickable: s, children: e }) => {
+  const i = x(), n = t || (i ? "s" : "m");
+  return /* @__PURE__ */ r.jsx(m, { size: n, disabled: o, clickable: s, children: /* @__PURE__ */ r.jsx(p, { disabled: o, children: e }) });
+};
+export {
+  f as Card
+};

package/dist/components/Card/index.styled.cjs.js

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/react"),c=require("@emotion/styled"),r=require("../../core/Colors/index.cjs.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(c),i=t.default.div`
+	box-sizing: border-box;
+	width: 100%;
+	background-color: ${r.basicColors.white};
+
+	${({clickable:e})=>e?o.css`
+					cursor: pointer;
+			  `:o.css`
+					cursor: default;
+			  `};
+
+	${({disabled:e})=>e&&o.css`
+			cursor: not-allowed;
+		`};
+
+	${({disabled:e,clickable:s})=>!e&&s&&o.css`
+			&:hover {
+				background-color: ${r.generateHexWithAlphaInLightMode(r.basicColors.white,"50%")};
+			}
+
+			&:active {
+				background-color: ${r.generateHexWithAlphaInLightMode(r.basicColors.white,"30%")};
+			}
+		`}
+
+	${({size:e})=>{switch(e){case"m":return o.css`
+					border-radius: 20px;
+				`;case"s":return o.css`
+					border-radius: 10px;
+				`;default:return}}}
+`,n=t.default.div`
+	${({disabled:e})=>e&&o.css`
+			opacity: 0.3;
+		`};
+`;exports.ContentContainer=n;exports.Wrapper=i;

package/dist/components/Card/index.styled.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
 import { CardProps } from '.';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+export declare const Wrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
 } & {
-    disabled?: boolean | undefined;
-    clickable?: boolean | undefined;
-    size?: "s" | "m" | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContentContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & CardProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    disabled?: boolean;
+    clickable?: boolean;
+    size?: "s" | "m";
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & CardProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Card/index.styled.es.js

@@ -0,0 +1,51 @@
+import { css as o } from "@emotion/react";
+import i from "@emotion/styled";
+import { basicColors as e, generateHexWithAlphaInLightMode as t } from "../../core/Colors/index.es.js";
+const s = i.div`
+	box-sizing: border-box;
+	width: 100%;
+	background-color: ${e.white};
+
+	${({ clickable: r }) => r ? o`
+					cursor: pointer;
+			  ` : o`
+					cursor: default;
+			  `};
+
+	${({ disabled: r }) => r && o`
+			cursor: not-allowed;
+		`};
+
+	${({ disabled: r, clickable: c }) => !r && c && o`
+			&:hover {
+				background-color: ${t(e.white, "50%")};
+			}
+
+			&:active {
+				background-color: ${t(e.white, "30%")};
+			}
+		`}
+
+	${({ size: r }) => {
+  switch (r) {
+    case "m":
+      return o`
+					border-radius: 20px;
+				`;
+    case "s":
+      return o`
+					border-radius: 10px;
+				`;
+    default:
+      return;
+  }
+}}
+`, u = i.div`
+	${({ disabled: r }) => r && o`
+			opacity: 0.3;
+		`};
+`;
+export {
+  u as ContentContainer,
+  s as Wrapper
+};

package/dist/components/Chips/BasicChips/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../chunks/jsx-runtime.713F0z8w.js"),a=require("../ChipItem/index.cjs.js"),u=require("../ChipsFrame/index.cjs.js"),h=e=>{const o=e.value.length>0?{type:"reset",onClick:()=>{e.onChange([])}}:void 0,t=n=>{const c=e.value.findIndex(s=>s===n);if(c===-1)e.onChange([...e.value,n]);else{const s=e.value,l=[...s.slice(0,c),...s.slice(c+1)];e.onChange(l)}};return i.jsxRuntimeExports.jsx(u.ChipsFrame,{colorType:e.colorType,type:"basic",icon:o,children:e.list.map((n,c)=>i.jsxRuntimeExports.jsx(a.ChipItem,{type:"basic",colorType:e.colorType,displayValue:n.label,selected:e.value.includes(n.value),onClick:()=>t(n.value),onReset:()=>t(n.value)},c))})};exports.BasicChips=h;

package/dist/components/Chips/BasicChips/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { SelectItemProps } from '../../SelectBox';
 import { ColorType } from '../../../utils';
 type MultiSelectProps<T> = {

package/dist/components/Chips/BasicChips/index.es.js

@@ -0,0 +1,31 @@
+import { j as t } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { ChipItem as a } from "../ChipItem/index.es.js";
+import { ChipsFrame as h } from "../ChipsFrame/index.es.js";
+const m = (e) => {
+  const i = e.value.length > 0 ? { type: "reset", onClick: () => {
+    e.onChange([]);
+  } } : void 0, o = (n) => {
+    const l = e.value.findIndex((c) => c === n);
+    if (l === -1)
+      e.onChange([...e.value, n]);
+    else {
+      const c = e.value, s = [...c.slice(0, l), ...c.slice(l + 1)];
+      e.onChange(s);
+    }
+  };
+  return /* @__PURE__ */ t.jsx(h, { colorType: e.colorType, type: "basic", icon: i, children: e.list.map((n, l) => /* @__PURE__ */ t.jsx(
+    a,
+    {
+      type: "basic",
+      colorType: e.colorType,
+      displayValue: n.label,
+      selected: e.value.includes(n.value),
+      onClick: () => o(n.value),
+      onReset: () => o(n.value)
+    },
+    l
+  )) });
+};
+export {
+  m as BasicChips
+};

package/dist/components/Chips/BasicChips/index.styled.cjs.js

@@ -0,0 +1,53 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@emotion/styled"),e=require("../../../core/Colors/index.cjs.js");require("../../../chunks/jsx-runtime.713F0z8w.js");const l=require("../../../chunks/index.styled.B3JLBK5h.js");require("../../../core/TextStyles/index.cjs.js");const c=require("@emotion/react"),d=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},t=d(a),r={ControlIconContainer:2},n=l.CHIP_ITEM_HEIGHT,i=20,s=e.basicColors.white,u=t.default.div`
+	display: flex;
+	align-items: center;
+	position: relative;
+	overflow: hidden;
+
+	width: 100%;
+`,p=t.default.div`
+	display: flex;
+	gap: 5px;
+	z-index: ${r.ControlIconContainer-1};
+
+	overflow: auto;
+
+	${({hasIconArea:o})=>o&&c.css`
+			padding-left: ${n+i}px;
+		`}
+	padding-right: 20px;
+`,C=t.default.div`
+	cursor: pointer;
+	position: absolute;
+	left: 0;
+	top: 0;
+
+	z-index: ${r.ControlIconContainer};
+
+	background-color: ${s};
+	width: ${n}px;
+	height: ${n}px;
+`,g=t.default.div`
+	width: ${i}px;
+	height: 100%;
+
+	/* TODO: 컬러, 범위, 여백 수정 필요 */
+	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.01) 100%);
+
+	position: absolute;
+	left: ${n}px;
+	top: 0;
+`,f=t.default.div`
+	width: 100%;
+	height: 100%;
+	border-radius: 50%;
+
+	background: ${e.basicColors.gray50};
+	display: flex;
+	align-items: center;
+	justify-content: center;
+
+	position: absolute;
+	left: 0;
+	top: 0;
+`;exports.ChipListContainer=p;exports.ControlIconCircleWrapper=f;exports.ControlIconContainer=C;exports.ControlIconGradientBackground=g;exports.OutterContainer=u;

package/dist/components/Chips/BasicChips/index.styled.d.ts

@@ -1,23 +1,22 @@
-/// <reference types="react" />
-export declare const OutterContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ChipListContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+export declare const OutterContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ChipListContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
 } & {
     hasIconArea: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ControlIconContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ControlIconGradientBackground: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ControlIconCircleWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ControlIconContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ControlIconGradientBackground: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ControlIconCircleWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Chips/BasicChips/index.styled.es.js

@@ -0,0 +1,68 @@
+import o from "@emotion/styled";
+import { basicColors as n } from "../../../core/Colors/index.es.js";
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { an as a } from "../../../chunks/index.styled.ByGzJNsf.js";
+import "../../../core/TextStyles/index.es.js";
+import { css as d } from "@emotion/react";
+const i = {
+  ControlIconContainer: 2
+}, t = a, r = 20, c = n.white, h = o.div`
+	display: flex;
+	align-items: center;
+	position: relative;
+	overflow: hidden;
+
+	width: 100%;
+`, f = o.div`
+	display: flex;
+	gap: 5px;
+	z-index: ${i.ControlIconContainer - 1};
+
+	overflow: auto;
+
+	${({ hasIconArea: e }) => e && d`
+			padding-left: ${t + r}px;
+		`}
+	padding-right: 20px;
+`, u = o.div`
+	cursor: pointer;
+	position: absolute;
+	left: 0;
+	top: 0;
+
+	z-index: ${i.ControlIconContainer};
+
+	background-color: ${c};
+	width: ${t}px;
+	height: ${t}px;
+`, I = o.div`
+	width: ${r}px;
+	height: 100%;
+
+	/* TODO: 컬러, 범위, 여백 수정 필요 */
+	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.01) 100%);
+
+	position: absolute;
+	left: ${t}px;
+	top: 0;
+`, m = o.div`
+	width: 100%;
+	height: 100%;
+	border-radius: 50%;
+
+	background: ${n.gray50};
+	display: flex;
+	align-items: center;
+	justify-content: center;
+
+	position: absolute;
+	left: 0;
+	top: 0;
+`;
+export {
+  f as ChipListContainer,
+  m as ControlIconCircleWrapper,
+  u as ControlIconContainer,
+  I as ControlIconGradientBackground,
+  h as OutterContainer
+};

package/dist/components/Chips/ChipItem/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),i=require("../../../chunks/index.styled.B3JLBK5h.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../core/TextStyles/index.cjs.js");require("../../Card/index.styled.cjs.js");require("react");require("@emotion/react");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.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");const l=require("../../../Icon/generated/Cancel.cjs.js");require("../../../Icon/generated/CancelCircle.cjs.js");require("../../../Icon/generated/CartFill.cjs.js");require("../../../Icon/generated/Check.cjs.js");const x=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("../../../chunks/index.styled.DkE3TbtV.js");require("../../Input/BaseInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Loading/Skeleton/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 j=({type:q,colorType:n,displayValue:s,disabled:t=!1,selected:r=!1,onClick:o,onReset:u})=>{const c=r||q==="select";return e.jsxRuntimeExports.jsxs(i.Container,{colorType:n,disabled:t,selected:r,hasRightIcon:c,onClick:o,children:[e.jsxRuntimeExports.jsx(i.Title3,{className:i.className.Text,children:s}),r&&e.jsxRuntimeExports.jsx(i.CancelIconWrapper,{onClick:a=>{a.stopPropagation(),u==null||u()},children:e.jsxRuntimeExports.jsx(l.Cancel,{size:18})}),!r&&q==="select"&&e.jsxRuntimeExports.jsx(x.ChevronDown,{size:18})]})};exports.ChipItem=j;

package/dist/components/Chips/ChipItem/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ColorType } from '../../..';
 import { ChipsType } from '../type';
 type ChipItemProps = {

package/dist/components/Chips/ChipItem/index.es.js

@@ -0,0 +1,107 @@
+import { j as r } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { E as l, m as x, F as h, G as j } from "../../../chunks/index.styled.ByGzJNsf.js";
+import "../../Badge/IconBadge/index.styled.es.js";
+import "../../Badge/TextBadge/index.styled.es.js";
+import "../../Loading/Spinner/index.styled.es.js";
+import "../../../core/Colors/index.es.js";
+import "../../../core/TextStyles/index.es.js";
+import "../../Card/index.styled.es.js";
+import "react";
+import "@emotion/react";
+import "../../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../../utils/GenerateColorStyle/datepicker.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 { Cancel as e } from "../../../Icon/generated/Cancel.es.js";
+import "../../../Icon/generated/CancelCircle.es.js";
+import "../../../Icon/generated/CartFill.es.js";
+import "../../../Icon/generated/Check.es.js";
+import { ChevronDown as f } from "../../../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 "../../../chunks/index.styled.SOJ65tcg.js";
+import "../../Input/BaseInput/index.es.js";
+import "../../Input/ResidentNumberInput/index.styled.es.js";
+import "../../Loading/Skeleton/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";
+const br = ({
+  type: m,
+  colorType: t,
+  displayValue: p,
+  disabled: s = !1,
+  selected: o = !1,
+  onClick: a,
+  onReset: i
+}) => {
+  const n = o || m === "select";
+  return /* @__PURE__ */ r.jsxs(
+    l,
+    {
+      colorType: t,
+      disabled: s,
+      selected: o,
+      hasRightIcon: n,
+      onClick: a,
+      children: [
+        /* @__PURE__ */ r.jsx(x, { className: h.Text, children: p }),
+        o && /* @__PURE__ */ r.jsx(
+          j,
+          {
+            onClick: (c) => {
+              c.stopPropagation(), i == null || i();
+            },
+            children: /* @__PURE__ */ r.jsx(e, { size: 18 })
+          }
+        ),
+        !o && m === "select" && /* @__PURE__ */ r.jsx(f, { size: 18 })
+      ]
+    }
+  );
+};
+export {
+  br as ChipItem
+};

package/dist/components/Chips/ChipItem/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");const e=require("../../../chunks/index.styled.B3JLBK5h.js");require("../../../chunks/jsx-runtime.713F0z8w.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../../core/TextStyles/index.cjs.js");require("../../Card/index.styled.cjs.js");require("react");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("../../../chunks/index.styled.DkE3TbtV.js");require("../../Input/BaseInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Loading/Skeleton/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");exports.CHIP_ITEM_HEIGHT=e.CHIP_ITEM_HEIGHT;exports.CancelIconWrapper=e.CancelIconWrapper;exports.Container=e.Container;exports.className=e.className;

package/dist/components/Chips/ChipItem/index.styled.d.ts

@@ -1,19 +1,18 @@
-/// <reference types="react" />
 import { ColorType } from '../../../utils/GenerateColorStyle';
 export declare const className: {
     Text: string;
 };
 export declare const CHIP_ITEM_HEIGHT = 38;
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+export declare const Container: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
 } & {
     disabled: boolean;
     selected: boolean;
     colorType: ColorType;
     hasRightIcon: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const CancelIconWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const CancelIconWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;