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

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

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { SelectItemProps } from '../../SelectBox';
+import { ColorType } from '../../../utils';
+type MultiSelectProps<T> = {
+    list: SelectItemProps<T>[];
+    value: T[];
+    onChange: (params: T[]) => void;
+};
+type BasicChipsProps = MultiSelectProps<string> & {
+    colorType: ColorType;
+};
+declare const BasicChips: React.FC<BasicChipsProps>;
+export type { BasicChipsProps };
+export { BasicChips };

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"),n=require("../../../core/Colors/index.cjs.js");require("../../../chunks/jsx-runtime.713F0z8w.js");const l=require("../../../chunks/index.styled.7ZYWAl1u.js");require("../../../core/TextStyles/index.cjs.js");require("../../ui/typography.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},e=l.CHIP_ITEM_HEIGHT,i=20,s=n.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: ${e+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: ${e}px;
+	height: ${e}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: ${e}px;
+	top: 0;
+`,f=t.default.div`
+	width: 100%;
+	height: 100%;
+	border-radius: 50%;
+
+	background: ${n.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

@@ -0,0 +1,22 @@
+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;
+    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,69 @@
+import o from "@emotion/styled";
+import { basicColors as n } from "../../../core/Colors/index.es.js";
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { a3 as a } from "../../../chunks/index.styled.D9nfJhVZ.js";
+import "../../../core/TextStyles/index.es.js";
+import "../../ui/typography.es.js";
+import { css as d } from "@emotion/react";
+const i = {
+  ControlIconContainer: 2
+}, t = a, r = 20, c = n.white, f = o.div`
+	display: flex;
+	align-items: center;
+	position: relative;
+	overflow: hidden;
+
+	width: 100%;
+`, m = 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;
+`, b = 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 {
+  m as ChipListContainer,
+  b as ControlIconCircleWrapper,
+  u as ControlIconContainer,
+  I as ControlIconGradientBackground,
+  f 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"),u=require("../../../chunks/index.styled.7ZYWAl1u.js");require("../../Accordion/index.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("react");require("../../Loading/Skeleton/index.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../core/TextStyles/index.cjs.js");const l=require("../../../core/Typography/index.cjs.js");require("../../Card/index.styled.cjs.js");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("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");const x=require("../../../icons/src/icons/Cancel.cjs.js"),p=require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Person_fill.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/Share.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Cart_fill.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("../../ui/typography.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:s,displayValue:t,disabled:n=!1,selected:r=!1,onClick:o,onReset:i})=>{const c=r||q==="select";return e.jsxRuntimeExports.jsxs(u.Container,{colorType:s,disabled:n,selected:r,hasRightIcon:c,onClick:o,children:[e.jsxRuntimeExports.jsx(l.Title3,{className:u.className.Text,children:t}),r&&e.jsxRuntimeExports.jsx(u.CancelIconWrapper,{onClick:a=>{a.stopPropagation(),i==null||i()},children:e.jsxRuntimeExports.jsx(x.default,{size:18})}),!r&&q==="select"&&e.jsxRuntimeExports.jsx(p.default,{size:18})]})};exports.ChipItem=j;

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { ColorType } from '../../..';
+import { ChipsType } from '../type';
+type ChipItemProps = {
+    type: ChipsType;
+    colorType: ColorType;
+    displayValue: string;
+    disabled?: boolean;
+    selected?: boolean;
+    onClick?: () => void;
+    onReset?: () => void;
+};
+declare const ChipItem: React.FC<ChipItemProps>;
+export type { ChipItemProps };
+export { ChipItem };

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

@@ -0,0 +1,111 @@
+import { j as r } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { C as l, r as x, s as f } from "../../../chunks/index.styled.D9nfJhVZ.js";
+import "../../Accordion/index.es.js";
+import "../../Badge/IconBadge/index.styled.es.js";
+import "../../Badge/TextBadge/index.styled.es.js";
+import "react";
+import "../../Loading/Skeleton/index.es.js";
+import "../../Loading/Spinner/index.styled.es.js";
+import "../../../core/Colors/index.es.js";
+import "../../../core/TextStyles/index.es.js";
+import { Title3 as h } from "../../../core/Typography/index.es.js";
+import "../../Card/index.styled.es.js";
+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 "../../../icons/src/icons/Calendar.es.js";
+import "../../../icons/src/icons/Cancel_circle.es.js";
+import j from "../../../icons/src/icons/Cancel.es.js";
+import C from "../../../icons/src/icons/Chevron_down.es.js";
+import "../../../icons/src/icons/Alarm_fill.es.js";
+import "../../../icons/src/icons/Chevron_right.es.js";
+import "../../../icons/src/icons/Chevron_up.es.js";
+import "../../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../../icons/src/icons/Double_Chevron_right.es.js";
+import "../../../icons/src/icons/Eye_fill.es.js";
+import "../../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../../icons/src/icons/Filter.es.js";
+import "../../../icons/src/icons/Information.es.js";
+import "../../../icons/src/icons/Menu.es.js";
+import "../../../icons/src/icons/More.es.js";
+import "../../../icons/src/icons/Person_fill.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/Share.es.js";
+import "../../../icons/src/icons/Setting_fill.es.js";
+import "../../../icons/src/icons/Search.es.js";
+import "../../../icons/src/icons/Check.es.js";
+import "../../../icons/src/icons/Store.es.js";
+import "../../../icons/src/icons/Chevron_left.es.js";
+import "../../../icons/src/icons/Cart_fill.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.DmJ27_dc.js";
+import "../../Input/BaseInput/index.es.js";
+import "../../Input/PostfixInput/index.es.js";
+import "../../Input/ResidentNumberInput/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 "../../ui/typography.es.js";
+import "../../ToastMessage/Toast/index.styled.es.js";
+import "../../Tooltip/TooltipBase/index.styled.es.js";
+import "../../ui/bottomSheet.es.js";
+const Gr = ({
+  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(h, { className: x.Text, children: p }),
+        o && /* @__PURE__ */ r.jsx(
+          f,
+          {
+            onClick: (c) => {
+              c.stopPropagation(), i == null || i();
+            },
+            children: /* @__PURE__ */ r.jsx(j, { size: 18 })
+          }
+        ),
+        !o && m === "select" && /* @__PURE__ */ r.jsx(C, { size: 18 })
+      ]
+    }
+  );
+};
+export {
+  Gr 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.7ZYWAl1u.js");require("../../Accordion/index.cjs.js");require("../../../chunks/jsx-runtime.713F0z8w.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("react");require("../../Loading/Skeleton/index.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../../core/TextStyles/index.cjs.js");require("../../ui/typography.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/Calendar.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Person_fill.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/Share.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Cart_fill.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");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

@@ -0,0 +1,18 @@
+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;
+    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;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -0,0 +1,80 @@
+import "@emotion/styled";
+import "@emotion/react";
+import "../../../core/Colors/index.es.js";
+import "../../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../../utils/GenerateColorStyle/datepicker.es.js";
+import { a3 as Mr, s as Nr, C as Pr, r as Wr } from "../../../chunks/index.styled.D9nfJhVZ.js";
+import "../../Accordion/index.es.js";
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import "../../Badge/IconBadge/index.styled.es.js";
+import "../../Badge/TextBadge/index.styled.es.js";
+import "react";
+import "../../Loading/Skeleton/index.es.js";
+import "../../Loading/Spinner/index.styled.es.js";
+import "../../../core/TextStyles/index.es.js";
+import "../../ui/typography.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/Calendar.es.js";
+import "../../../icons/src/icons/Cancel_circle.es.js";
+import "../../../icons/src/icons/Cancel.es.js";
+import "../../../icons/src/icons/Chevron_down.es.js";
+import "../../../icons/src/icons/Alarm_fill.es.js";
+import "../../../icons/src/icons/Chevron_right.es.js";
+import "../../../icons/src/icons/Chevron_up.es.js";
+import "../../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../../icons/src/icons/Double_Chevron_right.es.js";
+import "../../../icons/src/icons/Eye_fill.es.js";
+import "../../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../../icons/src/icons/Filter.es.js";
+import "../../../icons/src/icons/Information.es.js";
+import "../../../icons/src/icons/Menu.es.js";
+import "../../../icons/src/icons/More.es.js";
+import "../../../icons/src/icons/Person_fill.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/Share.es.js";
+import "../../../icons/src/icons/Setting_fill.es.js";
+import "../../../icons/src/icons/Search.es.js";
+import "../../../icons/src/icons/Check.es.js";
+import "../../../icons/src/icons/Store.es.js";
+import "../../../icons/src/icons/Chevron_left.es.js";
+import "../../../icons/src/icons/Cart_fill.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.DmJ27_dc.js";
+import "../../Input/BaseInput/index.es.js";
+import "../../Input/PostfixInput/index.es.js";
+import "../../Input/ResidentNumberInput/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 "../../ui/bottomSheet.es.js";
+export {
+  Mr as CHIP_ITEM_HEIGHT,
+  Nr as CancelIconWrapper,
+  Pr as Container,
+  Wr as className
+};

package/dist/components/Chips/ChipsFrame/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.7ZYWAl1u.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");const o=require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");const c=require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");const q=r=>{var t,u,s;const n=!!r.icon;return e.jsxRuntimeExports.jsxs(i.OutterContainer,{children:[n&&e.jsxRuntimeExports.jsxs(i.ControlIconContainer,{children:[e.jsxRuntimeExports.jsx(i.ControlIconGradientBackground,{}),e.jsxRuntimeExports.jsxs(i.ControlIconCircleWrapper,{onClick:(t=r.icon)==null?void 0:t.onClick,children:[((u=r.icon)==null?void 0:u.type)==="reset"&&e.jsxRuntimeExports.jsx(c.default,{size:21.375}),((s=r.icon)==null?void 0:s.type)==="filter"&&e.jsxRuntimeExports.jsx(o.default,{size:17})]})]}),e.jsxRuntimeExports.jsx(i.ChipListContainer,{hasIconArea:n,children:r.children})]})};exports.ChipsFrame=q;

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

@@ -0,0 +1,14 @@
+import { ColorType } from '../../../utils';
+import { ChipsType } from '../type';
+import { ReactFCWithChildren } from '../../../types';
+type ChipsFrameProps = {
+    colorType: ColorType;
+    type: ChipsType;
+    icon?: {
+        type: 'reset' | 'filter';
+        onClick: () => void;
+    };
+};
+declare const ChipsFrame: ReactFCWithChildren<ChipsFrameProps>;
+export type { ChipsFrameProps };
+export { ChipsFrame };

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

@@ -0,0 +1,45 @@
+import { j as o } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { O as p, t as e, u as s, v as c, w as a } from "../../../chunks/index.styled.D9nfJhVZ.js";
+import "../../../icons/src/icons/Calendar.es.js";
+import "../../../icons/src/icons/Cancel_circle.es.js";
+import "../../../icons/src/icons/Cancel.es.js";
+import "../../../icons/src/icons/Chevron_down.es.js";
+import "../../../icons/src/icons/Alarm_fill.es.js";
+import "../../../icons/src/icons/Chevron_right.es.js";
+import "../../../icons/src/icons/Chevron_up.es.js";
+import "../../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../../icons/src/icons/Double_Chevron_right.es.js";
+import "../../../icons/src/icons/Eye_fill.es.js";
+import "../../../icons/src/icons/Eye_slash_fill.es.js";
+import l from "../../../icons/src/icons/Filter.es.js";
+import "../../../icons/src/icons/Information.es.js";
+import "../../../icons/src/icons/Menu.es.js";
+import "../../../icons/src/icons/More.es.js";
+import "../../../icons/src/icons/Person_fill.es.js";
+import "../../../icons/src/icons/Plus.es.js";
+import "../../../icons/src/icons/Question_circle.es.js";
+import C from "../../../icons/src/icons/Re.es.js";
+import "../../../icons/src/icons/Share.es.js";
+import "../../../icons/src/icons/Setting_fill.es.js";
+import "../../../icons/src/icons/Search.es.js";
+import "../../../icons/src/icons/Check.es.js";
+import "../../../icons/src/icons/Store.es.js";
+import "../../../icons/src/icons/Chevron_left.es.js";
+import "../../../icons/src/icons/Cart_fill.es.js";
+const M = (r) => {
+  var t, m, n;
+  const i = !!r.icon;
+  return /* @__PURE__ */ o.jsxs(p, { children: [
+    i && /* @__PURE__ */ o.jsxs(e, { children: [
+      /* @__PURE__ */ o.jsx(s, {}),
+      /* @__PURE__ */ o.jsxs(c, { onClick: (t = r.icon) == null ? void 0 : t.onClick, children: [
+        ((m = r.icon) == null ? void 0 : m.type) === "reset" && /* @__PURE__ */ o.jsx(C, { size: 21.375 }),
+        ((n = r.icon) == null ? void 0 : n.type) === "filter" && /* @__PURE__ */ o.jsx(l, { size: 17 })
+      ] })
+    ] }),
+    /* @__PURE__ */ o.jsx(a, { hasIconArea: i, children: r.children })
+  ] });
+};
+export {
+  M as ChipsFrame
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/styled");require("../../../core/Colors/index.cjs.js");require("../../../chunks/jsx-runtime.713F0z8w.js");const r=require("../../../chunks/index.styled.7ZYWAl1u.js");require("../../../core/TextStyles/index.cjs.js");require("../../ui/typography.cjs.js");require("@emotion/react");require("../../../style/common.cjs.js");exports.ChipListContainer=r.ChipListContainer;exports.ControlIconCircleWrapper=r.ControlIconCircleWrapper;exports.ControlIconContainer=r.ControlIconContainer;exports.ControlIconGradientBackground=r.ControlIconGradientBackground;exports.OutterContainer=r.OutterContainer;

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

@@ -0,0 +1,22 @@
+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;
+    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/ChipsFrame/index.styled.es.js

@@ -0,0 +1,15 @@
+import "@emotion/styled";
+import "../../../core/Colors/index.es.js";
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { w as C, v as s, t as c, u as l, O as u } from "../../../chunks/index.styled.D9nfJhVZ.js";
+import "../../../core/TextStyles/index.es.js";
+import "../../ui/typography.es.js";
+import "@emotion/react";
+import "../../../style/common.es.js";
+export {
+  C as ChipListContainer,
+  s as ControlIconCircleWrapper,
+  c as ControlIconContainer,
+  l as ControlIconGradientBackground,
+  u as OutterContainer
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./BasicChips/index.cjs.js"),i=require("./ChipItem/index.cjs.js"),s=require("./ChipsFrame/index.cjs.js");exports.BasicChips=e.BasicChips;exports.ChipItem=i.ChipItem;exports.ChipsFrame=s.ChipsFrame;

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

@@ -0,0 +1,3 @@
+export * from './BasicChips';
+export * from './ChipItem';
+export * from './ChipsFrame';