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

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

@@ -0,0 +1,8 @@
+import { BasicChips as p } from "./BasicChips/index.es.js";
+import { ChipItem as m } from "./ChipItem/index.es.js";
+import { ChipsFrame as t } from "./ChipsFrame/index.es.js";
+export {
+  p as BasicChips,
+  m as ChipItem,
+  t as ChipsFrame
+};

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1 @@
+export type ChipsType = 'basic' | 'select';

package/dist/components/Chips/type.es.js

@@ -0,0 +1 @@
+

package/dist/components/Comment/Group/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/jsx-runtime.713F0z8w.js"),o=require("./index.styled.cjs.js"),r=({children:e})=>t.jsxRuntimeExports.jsx(o.Wrapper,{children:e});exports.CommentGroup=r;

package/dist/components/Comment/Group/index.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren, ReactFCWithChildren } from '../../../types/react';
+type CommentGroupProps = PropsWithChildren;
+declare const CommentGroup: ReactFCWithChildren<CommentGroupProps>;
+export type { CommentGroupProps };
+export { CommentGroup };

package/dist/components/Comment/Group/index.es.js

@@ -0,0 +1,6 @@
+import { j as o } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { Wrapper as t } from "./index.styled.es.js";
+const e = ({ children: r }) => /* @__PURE__ */ o.jsx(t, { children: r });
+export {
+  e as CommentGroup
+};

package/dist/components/Comment/Group/index.styled.cjs.js

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/styled"),o=require("../Item/index.styled.cjs.js"),r=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},a=r(e),n=a.default.ul`
+	margin: 0;
+	padding: 0;
+	.${o.className.itemWrapper} {
+		margin-top: 7px;
+
+		&:first-of-type {
+			margin-top: 0;
+		}
+	}
+`;exports.Wrapper=n;

package/dist/components/Comment/Group/index.styled.d.ts

@@ -0,0 +1,4 @@
+export declare const Wrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;

package/dist/components/Comment/Group/index.styled.es.js

@@ -0,0 +1,16 @@
+import r from "@emotion/styled";
+import { className as p } from "../Item/index.styled.es.js";
+const o = r.ul`
+	margin: 0;
+	padding: 0;
+	.${p.itemWrapper} {
+		margin-top: 7px;
+
+		&:first-of-type {
+			margin-top: 0;
+		}
+	}
+`;
+export {
+  o as Wrapper
+};

package/dist/components/Comment/Item/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("./index.styled.cjs.js"),n=({text:s,hasBullet:r=!0})=>t.jsxRuntimeExports.jsxs(e.Wrapper,{className:e.className.itemWrapper,children:[r&&t.jsxRuntimeExports.jsx(e.BulletWrapper,{children:t.jsxRuntimeExports.jsx(e.Bullet,{})}),t.jsxRuntimeExports.jsx(e.Text,{children:s})]});exports.CommentItem=n;

package/dist/components/Comment/Item/index.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface CommentItemProps {
+    text: React.ReactNode;
+    hasBullet?: boolean;
+}
+declare const CommentItem: React.FC<CommentItemProps>;
+export type { CommentItemProps };
+export { CommentItem };

package/dist/components/Comment/Item/index.es.js

@@ -0,0 +1,9 @@
+import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { Wrapper as s, className as m, BulletWrapper as p, Bullet as l, Text as a } from "./index.styled.es.js";
+const i = ({ text: r, hasBullet: t = !0 }) => /* @__PURE__ */ e.jsxs(s, { className: m.itemWrapper, children: [
+  t && /* @__PURE__ */ e.jsx(p, { children: /* @__PURE__ */ e.jsx(l, {}) }),
+  /* @__PURE__ */ e.jsx(a, { children: r })
+] });
+export {
+  i as CommentItem
+};

package/dist/components/Comment/Item/index.styled.cjs.js

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@emotion/styled"),o=require("../../../core/TextStyles/index.cjs.js"),r=require("../../../core/Colors/index.cjs.js"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=i(a),l={itemWrapper:"comment-item-wrapper"},p=t.default.div`
+	display: flex;
+`,s=t.default.div`
+	min-width: 16px;
+	min-height: 16px;
+	max-width: 16px;
+	max-height: 16px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+`,c=t.default.div`
+	width: 2px;
+	height: 2px;
+	border-radius: 50%;
+	background-color: ${r.basicColors.gray400};
+`,d=t.default.div`
+	color: ${r.basicColors.gray400} !important;
+	${o.typographyMap.body2};
+	white-space: pre-wrap;
+`;exports.Bullet=c;exports.BulletWrapper=s;exports.Text=d;exports.Wrapper=p;exports.className=l;

package/dist/components/Comment/Item/index.styled.d.ts

@@ -0,0 +1,19 @@
+export declare const className: {
+    itemWrapper: string;
+};
+export declare const Wrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BulletWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Bullet: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Text: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Comment/Item/index.styled.es.js

@@ -0,0 +1,32 @@
+import t from "@emotion/styled";
+import { typographyMap as e } from "../../../core/TextStyles/index.es.js";
+import { basicColors as r } from "../../../core/Colors/index.es.js";
+const a = {
+  itemWrapper: "comment-item-wrapper"
+}, m = t.div`
+	display: flex;
+`, s = t.div`
+	min-width: 16px;
+	min-height: 16px;
+	max-width: 16px;
+	max-height: 16px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+`, c = t.div`
+	width: 2px;
+	height: 2px;
+	border-radius: 50%;
+	background-color: ${r.gray400};
+`, n = t.div`
+	color: ${r.gray400} !important;
+	${e.body2};
+	white-space: pre-wrap;
+`;
+export {
+  c as Bullet,
+  s as BulletWrapper,
+  n as Text,
+  m as Wrapper,
+  a as className
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Item/index.cjs.js"),o=require("./Group/index.cjs.js"),t=Object.assign(e.CommentItem,{Group:o.CommentGroup});exports.Comment=t;

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

@@ -0,0 +1,9 @@
+import { CommentItemProps } from './Item';
+import { CommentGroupProps } from './Group';
+declare const Comment: import('react').FC<CommentItemProps> & {
+    Group: import('../..').ReactFCWithChildren<{
+        readonly children: import('react').ReactNode;
+    }>;
+};
+export type { CommentItemProps, CommentGroupProps };
+export { Comment };

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

@@ -0,0 +1,8 @@
+import { CommentItem as m } from "./Item/index.es.js";
+import { CommentGroup as o } from "./Group/index.es.js";
+const e = Object.assign(m, {
+  Group: o
+});
+export {
+  e as Comment
+};

package/dist/components/Control/CheckBox/CheckIcon.cjs.js

@@ -0,0 +1 @@
+"use strict";const t=require("../../../chunks/jsx-runtime.713F0z8w.js"),e=require("../../../core/Colors/index.cjs.js"),r=({fill:s=e.basicColors.white})=>t.jsxRuntimeExports.jsxs("svg",{width:"14",height:"10",viewBox:"0 0 14 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsxRuntimeExports.jsx("rect",{x:"0.61377",y:"5.31104",width:"1.88971",height:"6.61399",rx:"0.816356",transform:"rotate(-45 0.61377 5.31104)",fill:s}),t.jsxRuntimeExports.jsx("path",{d:"M11.3949 1.21202C11.7137 0.893209 12.2306 0.89321 12.5494 1.21202L12.7311 1.39374C13.05 1.71255 13.05 2.22944 12.7311 2.54825L5.86827 9.41112C5.54947 9.72993 5.03258 9.72992 4.71377 9.41112L4.53204 9.22939C4.21324 8.91058 4.21324 8.3937 4.53204 8.07489L11.3949 1.21202Z",fill:s})]});module.exports=r;

package/dist/components/Control/CheckBox/CheckIcon.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+type Props = {
+    fill?: string;
+};
+declare const CheckIcon: React.FC<Props>;
+export default CheckIcon;

package/dist/components/Control/CheckBox/CheckIcon.es.js

@@ -0,0 +1,26 @@
+import { j as t } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { basicColors as o } from "../../../core/Colors/index.es.js";
+const h = ({ fill: r = o.white }) => /* @__PURE__ */ t.jsxs("svg", { width: "14", height: "10", viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ t.jsx(
+    "rect",
+    {
+      x: "0.61377",
+      y: "5.31104",
+      width: "1.88971",
+      height: "6.61399",
+      rx: "0.816356",
+      transform: "rotate(-45 0.61377 5.31104)",
+      fill: r
+    }
+  ),
+  /* @__PURE__ */ t.jsx(
+    "path",
+    {
+      d: "M11.3949 1.21202C11.7137 0.893209 12.2306 0.89321 12.5494 1.21202L12.7311 1.39374C13.05 1.71255 13.05 2.22944 12.7311 2.54825L5.86827 9.41112C5.54947 9.72993 5.03258 9.72992 4.71377 9.41112L4.53204 9.22939C4.21324 8.91058 4.21324 8.3937 4.53204 8.07489L11.3949 1.21202Z",
+      fill: r
+    }
+  )
+] });
+export {
+  h as default
+};

package/dist/components/Control/CheckBox/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../chunks/jsx-runtime.713F0z8w.js"),s=require("react"),l=require("./CheckIcon.cjs.js"),c=require("./index.styled.cjs.js");require("@emotion/react");require("../../../core/Colors/index.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");const a=require("../../../utils/GenerateColorStyle/control/check-box.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("../CheckMark/index.styled.cjs.js");require("../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");const B=({onChange:o,colorType:x,type:C="fill",disabled:q=!1,checked:t})=>{const n=s.useCallback(()=>{q||o==null||o(!t)},[t,q,o]),e=a(x),r=t?"on":"off",i=q?"disabled":"default",j=s.useMemo(()=>e[i][r].containerColor,[e,i,r]),k=s.useMemo(()=>e[i][r].borderColor,[e,i,r]),m=s.useMemo(()=>e[i][r].iconColor,[e,i,r]),p=u.jsxRuntimeExports.jsx(c.Layer,{onClick:n,fillCheckboxBorder:k,backgroundColor:j,disabled:q,children:u.jsxRuntimeExports.jsx(c.IconWrapper,{children:t&&u.jsxRuntimeExports.jsx(l,{})})}),f=u.jsxRuntimeExports.jsx(c.LineLayer,{onClick:n,disabled:q,children:u.jsxRuntimeExports.jsx(c.IconWrapper,{children:u.jsxRuntimeExports.jsx(l,{fill:m})})});return C==="fill"?p:f};exports.CheckBox=B;

package/dist/components/Control/CheckBox/index.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { ColorType } from '../../../utils';
+type CheckBoxProps = {
+    colorType: ColorType;
+    checked: boolean;
+    type?: 'fill' | 'line';
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+};
+declare const CheckBox: React.FC<CheckBoxProps>;
+export type { CheckBoxProps };
+export { CheckBox };

package/dist/components/Control/CheckBox/index.es.js

@@ -0,0 +1,96 @@
+import { j as i } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { useCallback as h, useMemo as c } from "react";
+import s from "./CheckIcon.es.js";
+import { Layer as j, IconWrapper as n, LineLayer as u } from "./index.styled.es.js";
+import "@emotion/react";
+import "../../../core/Colors/index.es.js";
+import "../../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../../utils/GenerateColorStyle/datepicker.es.js";
+import a from "../../../utils/GenerateColorStyle/control/check-box.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 "../CheckMark/index.styled.es.js";
+import "../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 "../../../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";
+const Qo = ({ onChange: p, colorType: x, type: f = "fill", disabled: m = !1, checked: l }) => {
+  const e = h(() => {
+    m || p == null || p(!l);
+  }, [l, m, p]), o = a(x), r = l ? "on" : "off", t = m ? "disabled" : "default", C = c(
+    () => o[t][r].containerColor,
+    [o, t, r]
+  ), k = c(() => o[t][r].borderColor, [o, t, r]), B = c(() => o[t][r].iconColor, [o, t, r]);
+  return f === "fill" ? /* @__PURE__ */ i.jsx(
+    j,
+    {
+      onClick: e,
+      fillCheckboxBorder: k,
+      backgroundColor: C,
+      disabled: m,
+      children: /* @__PURE__ */ i.jsx(n, { children: l && /* @__PURE__ */ i.jsx(s, {}) })
+    }
+  ) : /* @__PURE__ */ i.jsx(u, { onClick: e, disabled: m, children: /* @__PURE__ */ i.jsx(n, { children: /* @__PURE__ */ i.jsx(s, { fill: B }) }) });
+};
+export {
+  Qo as CheckBox
+};

package/dist/components/Control/CheckBox/index.styled.cjs.js

@@ -0,0 +1,24 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/styled"),r=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=r(o),i=e.default.div`
+	box-sizing: border-box;
+	width: 21px;
+	height: 21px;
+	background-color: ${({backgroundColor:t})=>t};
+	border-radius: 2px;
+	position: relative;
+	cursor: ${({disabled:t})=>t?"not-allowed":"pointer"};
+	border: 2px solid ${({fillCheckboxBorder:t})=>t};
+`,n=e.default.div`
+	width: 21px;
+	height: 21px;
+	box-sizing: border-box;
+	position: relative;
+	cursor: ${({disabled:t})=>t?"not-allowed":"pointer"};
+`,a=e.default.div`
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+`;exports.IconWrapper=a;exports.Layer=i;exports.LineLayer=n;

package/dist/components/Control/CheckBox/index.styled.d.ts

@@ -0,0 +1,18 @@
+export declare const Layer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    fillCheckboxBorder: string;
+    backgroundColor: string;
+    disabled: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LineLayer: 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 IconWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Control/CheckBox/index.styled.es.js

@@ -0,0 +1,30 @@
+import r from "@emotion/styled";
+const e = r.div`
+	box-sizing: border-box;
+	width: 21px;
+	height: 21px;
+	background-color: ${({ backgroundColor: o }) => o};
+	border-radius: 2px;
+	position: relative;
+	cursor: ${({ disabled: o }) => o ? "not-allowed" : "pointer"};
+	border: 2px solid ${({ fillCheckboxBorder: o }) => o};
+`, i = r.div`
+	width: 21px;
+	height: 21px;
+	box-sizing: border-box;
+	position: relative;
+	cursor: ${({ disabled: o }) => o ? "not-allowed" : "pointer"};
+`, n = r.div`
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+`;
+export {
+  n as IconWrapper,
+  e as Layer,
+  i as LineLayer
+};

package/dist/components/Control/CheckMark/CheckMark.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),r=require("../../../core/Colors/index.cjs.js"),t=({fill:s=r.basicColors.gray100,...o})=>e.jsxRuntimeExports.jsx("svg",{width:"25",height:"25",viewBox:"0 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.5 25C19.4036 25 25 19.4036 25 12.5C25 5.59644 19.4036 0 12.5 0C5.59644 0 0 5.59644 0 12.5C0 19.4036 5.59644 25 12.5 25ZM7.19017 13.8888C6.87136 13.57 6.87136 13.0531 7.19017 12.7343L7.37189 12.5525C7.6907 12.2337 8.20759 12.2337 8.52639 12.5525L11.2899 15.3161L17.3939 9.21205C17.7128 8.89325 18.2296 8.89325 18.5484 9.21206L18.7302 9.39378C19.049 9.71259 19.049 10.2295 18.7302 10.5483L11.8673 17.4112C11.6587 17.6198 11.3652 17.6919 11.0979 17.6274C10.9567 17.5935 10.8227 17.5213 10.7125 17.4111L7.19017 13.8888Z",fill:s})});module.exports=t;

package/dist/components/Control/CheckMark/CheckMark.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+type CheckMarkIconProps = React.SVGProps<SVGSVGElement> & {
+    fill?: string;
+};
+declare const CheckMarkIcon: React.FC<CheckMarkIconProps>;
+export default CheckMarkIcon;

package/dist/components/Control/CheckMark/CheckMark.es.js

@@ -0,0 +1,14 @@
+import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { basicColors as t } from "../../../core/Colors/index.es.js";
+const i = ({ fill: o = t.gray100, ...r }) => /* @__PURE__ */ e.jsx("svg", { width: "25", height: "25", viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ e.jsx(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.5 25C19.4036 25 25 19.4036 25 12.5C25 5.59644 19.4036 0 12.5 0C5.59644 0 0 5.59644 0 12.5C0 19.4036 5.59644 25 12.5 25ZM7.19017 13.8888C6.87136 13.57 6.87136 13.0531 7.19017 12.7343L7.37189 12.5525C7.6907 12.2337 8.20759 12.2337 8.52639 12.5525L11.2899 15.3161L17.3939 9.21205C17.7128 8.89325 18.2296 8.89325 18.5484 9.21206L18.7302 9.39378C19.049 9.71259 19.049 10.2295 18.7302 10.5483L11.8673 17.4112C11.6587 17.6198 11.3652 17.6919 11.0979 17.6274C10.9567 17.5935 10.8227 17.5213 10.7125 17.4111L7.19017 13.8888Z",
+    fill: o
+  }
+) });
+export {
+  i as default
+};

package/dist/components/Control/CheckMark/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../chunks/jsx-runtime.713F0z8w.js");require("@emotion/react");require("../../../core/Colors/index.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");const k=require("../../../utils/GenerateColorStyle/control/check-mark.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");const s=require("react");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("../CheckBox/index.styled.cjs.js");require("../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");const a=require("./CheckMark.cjs.js"),_=require("./index.styled.cjs.js"),C=({colorType:c,checked:i,onChange:e,disabled:r=!1})=>{const l=s.useCallback(()=>{r||e==null||e(!i)},[i,r,e]),u=k(c),q=i?"on":"off",t=r?"disabled":"default",n=s.useMemo(()=>u[t][q].containerColor,[u,t,q]);return o.jsxRuntimeExports.jsx(_.CheckMarkLayer,{onClick:l,disabled:r,children:o.jsxRuntimeExports.jsx(a,{fill:n})})};exports.CheckMark=C;

package/dist/components/Control/CheckMark/index.d.ts

@@ -0,0 +1,11 @@
+import { ColorType } from '../../../utils';
+import { default as React } from 'react';
+type CheckMarkProps = {
+    colorType: ColorType;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+};
+declare const CheckMark: React.FC<CheckMarkProps>;
+export type { CheckMarkProps };
+export { CheckMark };

package/dist/components/Control/CheckMark/index.es.js

@@ -0,0 +1,84 @@
+import { j as l } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import "@emotion/react";
+import "../../../core/Colors/index.es.js";
+import "../../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../../utils/GenerateColorStyle/datepicker.es.js";
+import e from "../../../utils/GenerateColorStyle/control/check-mark.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 { useCallback as k, useMemo as a } from "react";
+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 "../CheckBox/index.styled.es.js";
+import "../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 "../../../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";
+import u from "./CheckMark.es.js";
+import { CheckMarkLayer as n } from "./index.styled.es.js";
+const Jo = ({ colorType: s, checked: t, onChange: o, disabled: r = !1 }) => {
+  const c = k(() => {
+    r || o == null || o(!t);
+  }, [t, r, o]), m = e(s), i = t ? "on" : "off", p = r ? "disabled" : "default", f = a(() => m[p][i].containerColor, [m, p, i]);
+  return /* @__PURE__ */ l.jsx(n, { onClick: c, disabled: r, children: /* @__PURE__ */ l.jsx(u, { fill: f }) });
+};
+export {
+  Jo as CheckMark
+};

package/dist/components/Control/CheckMark/index.styled.cjs.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/styled"),o=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},r=o(e),a=r.default.div`
+	width: 25px;
+	height: 25px;
+	border-radius: 50%;
+	position: relative;
+	cursor: ${({disabled:t})=>t?"not-allowed":"pointer"};
+`;exports.CheckMarkLayer=a;

package/dist/components/Control/CheckMark/index.styled.d.ts

@@ -0,0 +1,6 @@
+export declare const CheckMarkLayer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    disabled: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Control/CheckMark/index.styled.es.js

@@ -0,0 +1,11 @@
+import o from "@emotion/styled";
+const t = o.div`
+	width: 25px;
+	height: 25px;
+	border-radius: 50%;
+	position: relative;
+	cursor: ${({ disabled: r }) => r ? "not-allowed" : "pointer"};
+`;
+export {
+  t as CheckMarkLayer
+};

package/dist/components/Control/RadioButton/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../chunks/jsx-runtime.713F0z8w.js"),c=require("react"),l=require("../../../chunks/index.styled.CX8FCbwl.js"),a=({name:e,value:t,colorType:o,checked:r,onChange:n,disabled:u=!1})=>{const s=c.useRef(null);return i.jsxRuntimeExports.jsx(l.Input,{ref:s,type:"radio",checked:r,name:e,value:t,onChange:n,disabled:u,colorType:o})};exports.RadioButton=a;