@pfct/purple 1.7.0-next.3 → 1.7.0-next.5

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@emotion/react"),l=require("@emotion/styled"),n=require("../../../core/Colors/index.cjs.js");require("../../../chunks/jsx-runtime.B0Vkbtvx.js");require("../../../core/Display/index.styled.cjs.js");require("../../../core/TextStyles/index.cjs.js");require("../../ui/typography.cjs.js");const c=require("../ChipItem/index.styled.cjs.js"),d=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},t=d(l),r={ControlIconContainer:2},e=c.CHIP_ITEM_HEIGHT,i=20,s=n.basicColors.white,u=t.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@emotion/react"),l=require("@emotion/styled"),n=require("../../../core/Colors/index.cjs.js");require("react/jsx-runtime");require("../../../core/Display/index.styled.cjs.js");require("../../../core/TextStyles/index.cjs.js");require("../../ui/typography.cjs.js");const c=require("../ChipItem/index.styled.cjs.js"),d=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},t=d(l),r={ControlIconContainer:2},e=c.CHIP_ITEM_HEIGHT,i=20,s=n.basicColors.white,u=t.default.div`
 	display: flex;
 	align-items: center;
 	position: relative;

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

@@ -1,7 +1,7 @@
 import { css as a } from "@emotion/react";
 import o from "@emotion/styled";
 import { basicColors as n } from "../../../core/Colors/index.es.js";
-import "../../../chunks/jsx-runtime.C63F304d.js";
+import "react/jsx-runtime";
 import "../../../core/Display/index.styled.es.js";
 import "../../../core/TextStyles/index.es.js";
 import "../../ui/typography.es.js";

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/jsx-runtime.B0Vkbtvx.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");const a=require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Check.cjs.js");const l=require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_left.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/Search.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");;/* empty css                               */require("../../Accordion/index.cjs.js");require("../../Badge/BaseBadge/index.styled.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("../../BottomSheet/BaseBottomSheet/index.cjs.js");require("../../BottomSheet/NavBottomSheet/index.cjs.js");require("../../BottomSheet/TitleBottomSheet/index.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../core/Display/index.styled.cjs.js");require("../../../core/TextStyles/index.cjs.js");const p=require("../../../core/Typography/index.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("react");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("@emotion/react");require("../../Card/index.styled.cjs.js");require("../ChipsFrame/index.styled.cjs.js");require("../../Comment/index.cjs.js");require("../../Control/RadioButton/index.styled.cjs.js");require("../../Control/CheckMark/index.styled.cjs.js");require("../../Control/Switch/index.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("../../../types/date.cjs.js");require("../../DatePicker/BaseDatePicker/DateOfMonth/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/DayOfWeek/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../Input/BaseInput/index.cjs.js");require("../../../chunks/index.styled.B7iLJCvg.js");require("../../Input/PostfixInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Input/TextField/index.cjs.js");require("../../LegacyModal/index.cjs.js");require("../../Loading/ProgressBar/index.styled.cjs.js");require("../../Navigation/BaseNavigation/index.styled.cjs.js");require("../../Navigation/constant.cjs.js");require("../../Navigation/index.styled.cjs.js");require("../../Segment/BaseSegment/index.styled.cjs.js");require("../../Segment/ExtendSegment/index.styled.cjs.js");require("../../../chunks/index.styled.CggCs0YZ.js");require("../../ui/typography.cjs.js");require("../../Title/index.styled.cjs.js");require("../../../chunks/index.DQRGy2h4.js");require("../../ui/bottomSheet.cjs.js");const i=require("./index.styled.cjs.js"),m=({type:u,colorType:q,displayValue:s,disabled:n=!1,selected:r=!1,onClick:t,onReset:o})=>{const c=r||u==="select";return e.jsxRuntimeExports.jsxs(i.Container,{colorType:q,disabled:n,hasRightIcon:c,onClick:t,selected:r,children:[e.jsxRuntimeExports.jsx(p.Title3,{className:i.className.Text,children:s}),r&&e.jsxRuntimeExports.jsx(i.CancelIconWrapper,{onClick:x=>{x.stopPropagation(),o?.()},children:e.jsxRuntimeExports.jsx(a.default,{size:18})}),!r&&u==="select"&&e.jsxRuntimeExports.jsx(l.default,{size:18})]})};exports.ChipItem=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");const l=require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Check.cjs.js");const _=require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_left.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/Search.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");;/* empty css                               */require("../../Accordion/index.cjs.js");require("../../Badge/BaseBadge/index.styled.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("../../BottomSheet/BaseBottomSheet/index.cjs.js");require("../../BottomSheet/NavBottomSheet/index.cjs.js");require("../../BottomSheet/TitleBottomSheet/index.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../core/Display/index.styled.cjs.js");require("../../../core/TextStyles/index.cjs.js");const h=require("../../../core/Typography/index.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("react");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("@emotion/react");require("../../Card/index.styled.cjs.js");require("../ChipsFrame/index.styled.cjs.js");require("../../Comment/index.cjs.js");require("../../Control/RadioButton/index.styled.cjs.js");require("../../Control/CheckMark/index.styled.cjs.js");require("../../Control/Switch/index.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("../../../types/date.cjs.js");require("../../DatePicker/BaseDatePicker/DateOfMonth/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/DayOfWeek/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../Input/BaseInput/index.cjs.js");require("../../../chunks/index.styled.B7iLJCvg.js");require("../../Input/PostfixInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Input/TextField/index.cjs.js");require("../../LegacyModal/index.cjs.js");require("../../Loading/ProgressBar/index.styled.cjs.js");require("../../Navigation/BaseNavigation/index.styled.cjs.js");require("../../Navigation/constant.cjs.js");require("../../Navigation/index.styled.cjs.js");require("../../Segment/BaseSegment/index.styled.cjs.js");require("../../Segment/ExtendSegment/index.styled.cjs.js");require("../../../chunks/index.styled.CggCs0YZ.js");require("../../ui/typography.cjs.js");require("../../Title/index.styled.cjs.js");require("../../../chunks/index.DQRGy2h4.js");require("../../ui/bottomSheet.cjs.js");const i=require("./index.styled.cjs.js"),p=({type:u,colorType:q,displayValue:s,disabled:n=!1,selected:r=!1,onClick:o,onReset:c})=>{const t=r||u==="select";return e.jsxs(i.Container,{colorType:q,disabled:n,hasRightIcon:t,onClick:o,selected:r,children:[e.jsx(h.Title3,{className:i.className.Text,children:s}),r&&e.jsx(i.CancelIconWrapper,{onClick:a=>{a.stopPropagation(),c?.()},children:e.jsx(l.default,{size:18})}),!r&&u==="select"&&e.jsx(_.default,{size:18})]})};exports.ChipItem=p;

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

@@ -1,4 +1,4 @@
-import { j as o } from "../../../chunks/jsx-runtime.C63F304d.js";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import "../../../icons/src/icons/Alarm_fill.es.js";
 import "../../../icons/src/icons/Calendar.es.js";
 import c from "../../../icons/src/icons/Cancel.es.js";
@@ -36,7 +36,7 @@ import "../../BottomSheet/TitleBottomSheet/index.es.js";
 import "../../../core/Colors/index.es.js";
 import "../../../core/Display/index.styled.es.js";
 import "../../../core/TextStyles/index.es.js";
-import { Title3 as x } from "../../../core/Typography/index.es.js";
+import { Title3 as h } from "../../../core/Typography/index.es.js";
 import "../../Loading/Spinner/index.styled.es.js";
 import "react";
 import "../../../utils/GenerateColorStyle/datepicker.es.js";
@@ -82,41 +82,38 @@ import "../../ui/typography.es.js";
 import "../../Title/index.styled.es.js";
 import "../../../chunks/index.C4iHL8Gs.js";
 import "../../ui/bottomSheet.es.js";
-import { Container as f, className as h, CancelIconWrapper as j } from "./index.styled.es.js";
-const Xo = ({
+import { Container as f, className as C, CancelIconWrapper as x } from "./index.styled.es.js";
+const Yo = ({
   type: i,
   colorType: t,
   displayValue: m,
   disabled: p = !1,
-  selected: r = !1,
-  onClick: s,
-  onReset: n
-}) => {
-  const a = r || i === "select";
-  return /* @__PURE__ */ o.jsxs(
-    f,
-    {
-      colorType: t,
-      disabled: p,
-      hasRightIcon: a,
-      onClick: s,
-      selected: r,
-      children: [
-        /* @__PURE__ */ o.jsx(x, { className: h.Text, children: m }),
-        r && /* @__PURE__ */ o.jsx(
-          j,
-          {
-            onClick: (e) => {
-              e.stopPropagation(), n?.();
-            },
-            children: /* @__PURE__ */ o.jsx(c, { size: 18 })
-          }
-        ),
-        !r && i === "select" && /* @__PURE__ */ o.jsx(l, { size: 18 })
-      ]
-    }
-  );
-};
+  selected: o = !1,
+  onClick: n,
+  onReset: s
+}) => /* @__PURE__ */ e(
+  f,
+  {
+    colorType: t,
+    disabled: p,
+    hasRightIcon: o || i === "select",
+    onClick: n,
+    selected: o,
+    children: [
+      /* @__PURE__ */ r(h, { className: C.Text, children: m }),
+      o && /* @__PURE__ */ r(
+        x,
+        {
+          onClick: (a) => {
+            a.stopPropagation(), s?.();
+          },
+          children: /* @__PURE__ */ r(c, { size: 18 })
+        }
+      ),
+      !o && i === "select" && /* @__PURE__ */ r(l, { size: 18 })
+    ]
+  }
+);
 export {
-  Xo as ChipItem
+  Yo as ChipItem
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/jsx-runtime.B0Vkbtvx.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_left.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 t=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 s=require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");const i=require("./index.styled.cjs.js"),u=r=>{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:r.icon?.onClick,children:[r.icon?.type==="reset"&&e.jsxRuntimeExports.jsx(s.default,{size:21.375}),r.icon?.type==="filter"&&e.jsxRuntimeExports.jsx(t.default,{size:17})]})]}),e.jsxRuntimeExports.jsx(i.ChipListContainer,{hasIconArea:n,children:r.children})]})};exports.ChipsFrame=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_left.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 u=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 o=require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");const i=require("./index.styled.cjs.js"),t=r=>{const n=!!r.icon;return e.jsxs(i.OutterContainer,{children:[n&&e.jsxs(i.ControlIconContainer,{children:[e.jsx(i.ControlIconGradientBackground,{}),e.jsxs(i.ControlIconCircleWrapper,{onClick:r.icon?.onClick,children:[r.icon?.type==="reset"&&e.jsx(o.default,{size:21.375}),r.icon?.type==="filter"&&e.jsx(u.default,{size:17})]})]}),e.jsx(i.ChipListContainer,{hasIconArea:n,children:r.children})]})};exports.ChipsFrame=t;

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

@@ -1,4 +1,4 @@
-import { j as o } from "../../../chunks/jsx-runtime.C63F304d.js";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "../../../icons/src/icons/Alarm_fill.es.js";
 import "../../../icons/src/icons/Calendar.es.js";
 import "../../../icons/src/icons/Cancel.es.js";
@@ -13,32 +13,32 @@ 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 t from "../../../icons/src/icons/Filter.es.js";
+import m 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 m from "../../../icons/src/icons/Re.es.js";
+import n from "../../../icons/src/icons/Re.es.js";
 import "../../../icons/src/icons/Search.es.js";
 import "../../../icons/src/icons/Setting_fill.es.js";
 import "../../../icons/src/icons/Share.es.js";
 import "../../../icons/src/icons/Store.es.js";
-import { OutterContainer as n, ControlIconContainer as p, ControlIconGradientBackground as e, ControlIconCircleWrapper as c, ChipListContainer as s } from "./index.styled.es.js";
-const H = (r) => {
-  const i = !!r.icon;
-  return /* @__PURE__ */ o.jsxs(n, { children: [
-    i && /* @__PURE__ */ o.jsxs(p, { children: [
-      /* @__PURE__ */ o.jsx(e, {}),
-      /* @__PURE__ */ o.jsxs(c, { onClick: r.icon?.onClick, children: [
-        r.icon?.type === "reset" && /* @__PURE__ */ o.jsx(m, { size: 21.375 }),
-        r.icon?.type === "filter" && /* @__PURE__ */ o.jsx(t, { size: 17 })
+import { OutterContainer as p, ControlIconContainer as e, ControlIconGradientBackground as c, ControlIconCircleWrapper as l, ChipListContainer as C } from "./index.styled.es.js";
+const J = (o) => {
+  const t = !!o.icon;
+  return /* @__PURE__ */ i(p, { children: [
+    t && /* @__PURE__ */ i(e, { children: [
+      /* @__PURE__ */ r(c, {}),
+      /* @__PURE__ */ i(l, { onClick: o.icon?.onClick, children: [
+        o.icon?.type === "reset" && /* @__PURE__ */ r(n, { size: 21.375 }),
+        o.icon?.type === "filter" && /* @__PURE__ */ r(m, { size: 17 })
       ] })
     ] }),
-    /* @__PURE__ */ o.jsx(s, { hasIconArea: i, children: r.children })
+    /* @__PURE__ */ r(C, { hasIconArea: t, children: o.children })
   ] });
 };
 export {
-  H as ChipsFrame
+  J as ChipsFrame
 };

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react"),l=require("@emotion/styled"),n=require("../../../core/Colors/index.cjs.js");require("../../../chunks/jsx-runtime.B0Vkbtvx.js");require("../../../core/Display/index.styled.cjs.js");require("../../../core/TextStyles/index.cjs.js");require("../../ui/typography.cjs.js");const a=require("../../../style/common.cjs.js"),c=require("../ChipItem/index.styled.cjs.js"),d=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},t=d(l),r={ControlIconContainer:2},e=c.CHIP_ITEM_HEIGHT,s=25,u=n.basicColors.white,p=t.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react"),l=require("@emotion/styled"),n=require("../../../core/Colors/index.cjs.js");require("react/jsx-runtime");require("../../../core/Display/index.styled.cjs.js");require("../../../core/TextStyles/index.cjs.js");require("../../ui/typography.cjs.js");const a=require("../../../style/common.cjs.js"),c=require("../ChipItem/index.styled.cjs.js"),d=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},t=d(l),r={ControlIconContainer:2},e=c.CHIP_ITEM_HEIGHT,s=25,u=n.basicColors.white,p=t.default.div`
 	display: flex;
 	align-items: center;
 	position: relative;

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

@@ -1,7 +1,7 @@
 import { css as e } from "@emotion/react";
 import o from "@emotion/styled";
 import { basicColors as n } from "../../../core/Colors/index.es.js";
-import "../../../chunks/jsx-runtime.C63F304d.js";
+import "react/jsx-runtime";
 import "../../../core/Display/index.styled.es.js";
 import "../../../core/TextStyles/index.es.js";
 import "../../ui/typography.es.js";

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/jsx-runtime.B0Vkbtvx.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("./index.styled.cjs.js"),n=({text:r,hasBullet:s=!0})=>t.jsxs(e.Wrapper,{className:e.className.itemWrapper,children:[s&&t.jsx(e.BulletWrapper,{children:t.jsx(e.Bullet,{})}),t.jsx(e.Text,{children:r})]});exports.CommentItem=n;

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

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

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

@@ -1 +1 @@
-"use strict";const e=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),r=require("../../../core/Colors/index.cjs.js"),t=({fill:s=r.basicColors.gray100,...o})=>e.jsxRuntimeExports.jsx("svg",{fill:"none",height:"25",viewBox:"0 0 25 25",width:"25",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsxRuntimeExports.jsx("path",{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,fillRule:"evenodd"})});module.exports=t;
+"use strict";const e=require("react/jsx-runtime"),s=require("../../../core/Colors/index.cjs.js"),i=({fill:o=s.basicColors.gray100,...r})=>e.jsx("svg",{fill:"none",height:"25",viewBox:"0 0 25 25",width:"25",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx("path",{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,fillRule:"evenodd"})});module.exports=i;

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

@@ -1,6 +1,6 @@
-import { j as e } from "../../../chunks/jsx-runtime.C63F304d.js";
-import { basicColors as t } from "../../../core/Colors/index.es.js";
-const i = ({ fill: o = t.gray100, ...r }) => /* @__PURE__ */ e.jsx("svg", { fill: "none", height: "25", viewBox: "0 0 25 25", width: "25", xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ e.jsx(
+import { jsx as e } from "react/jsx-runtime";
+import { basicColors as C } from "../../../core/Colors/index.es.js";
+const i = ({ fill: o = C.gray100, ...r }) => /* @__PURE__ */ e("svg", { fill: "none", height: "25", viewBox: "0 0 25 25", width: "25", xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ e(
   "path",
   {
     clipRule: "evenodd",

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

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

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

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

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

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

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

@@ -1,22 +1,22 @@
-import { j as p } from "../../../chunks/jsx-runtime.C63F304d.js";
-import { useRef as f } from "react";
-import { Input as i } from "./index.styled.es.js";
-const j = ({ name: o, value: t, colorType: r, checked: e, onChange: s, disabled: m = !1 }) => {
-  const n = f(null);
-  return /* @__PURE__ */ p.jsx(
-    i,
+import { jsx as p } from "react/jsx-runtime";
+import { useRef as i } from "react";
+import { Input as s } from "./index.styled.es.js";
+const c = ({ name: o, value: r, colorType: t, checked: e, onChange: f, disabled: m = !1 }) => {
+  const n = i(null);
+  return /* @__PURE__ */ p(
+    s,
     {
       checked: e,
-      colorType: r,
+      colorType: t,
       disabled: m,
       name: o,
-      onChange: s,
+      onChange: f,
       ref: n,
       type: "radio",
-      value: t
+      value: r
     }
   );
 };
 export {
-  j as RadioButton
+  c as RadioButton
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),M=require("react"),S=require("../../../chunks/index.BTUe9yKh.js"),R=require("../../../chunks/index.BIcga6m3.js"),B=require("../../../chunks/index.Zd9j6m3g.js"),I=require("../../../chunks/index.B3rAhBCw.js"),z=require("../../../chunks/index.C82NwRX6.js"),j=require("../../../lib/utils.cjs.js");function $(e){if(e&&typeof e=="object"&&"default"in e)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=$(M);var y="Switch",[A]=S.createContextScope(y),[H,L]=A(y),E=a.forwardRef((e,n)=>{const{__scopeSwitch:t,name:s,checked:c,defaultChecked:i,required:r,disabled:o,value:u="on",onCheckedChange:m,form:d,...b}=e,[p,f]=a.useState(null),x=R.useComposedRefs(n,v=>f(v)),w=a.useRef(!1),h=p?d||!!p.closest("form"):!0,[g,q]=S.useControllableState({prop:c,defaultProp:i??!1,onChange:m,caller:y});return l.jsxRuntimeExports.jsxs(H,{scope:t,checked:g,disabled:o,children:[l.jsxRuntimeExports.jsx(S.Primitive.button,{type:"button",role:"switch","aria-checked":g,"aria-required":r,"data-state":_(g),"data-disabled":o?"":void 0,disabled:o,value:u,...b,ref:x,onClick:S.composeEventHandlers(e.onClick,v=>{q(O=>!O),h&&(w.current=v.isPropagationStopped(),w.current||v.stopPropagation())})}),h&&l.jsxRuntimeExports.jsx(T,{control:p,bubbles:!w.current,name:s,value:u,checked:g,required:r,disabled:o,form:d,style:{transform:"translateX(-100%)"}})]})});E.displayName=y;var C="SwitchThumb",P=a.forwardRef((e,n)=>{const{__scopeSwitch:t,...s}=e,c=L(C,t);return l.jsxRuntimeExports.jsx(S.Primitive.span,{"data-state":_(c.checked),"data-disabled":c.disabled?"":void 0,...s,ref:n})});P.displayName=C;var U="SwitchBubbleInput",T=a.forwardRef(({__scopeSwitch:e,control:n,checked:t,bubbles:s=!0,...c},i)=>{const r=a.useRef(null),o=R.useComposedRefs(r,i),u=B.usePrevious(t),m=I.useSize(n);return a.useEffect(()=>{const d=r.current;if(!d)return;const b=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(b,"checked").set;if(u!==t&&f){const x=new Event("click",{bubbles:s});f.call(d,t),d.dispatchEvent(x)}},[u,t,s]),l.jsxRuntimeExports.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:t,...c,tabIndex:-1,ref:o,style:{...c.style,...m,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})});T.displayName=U;function _(e){return e?"checked":"unchecked"}var D=E,F=P;const k="lime",V=z.cva("peer inline-flex cursor-pointer items-center rounded-full p-[3px] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-gray-100",{variants:{colorType:{blue:"data-[state=checked]:bg-blue-500",lime:"data-[state=checked]:bg-lime-400",gray:"data-[state=checked]:bg-gray-900",pink:"data-[state=checked]:bg-pink-400"},size:{s:"h-[clamp(18px,3.5vw,22px)] w-[clamp(30px,5.8vw,36px)]",m:"h-[clamp(24px,5vw,30px)] w-[clamp(40px,8.3vw,50px)]"}},defaultVariants:{colorType:k,size:"m"}}),W="pointer-events-none block rounded-full bg-white aspect-square h-full shrink-0",X="transition-[flex] duration-200 ease-out data-[state=unchecked]:flex-none data-[state=unchecked]:w-0 data-[state=checked]:flex-1",N=a.forwardRef(({className:e,colorType:n=k,size:t="m",checked:s,disabled:c,activeColor:i,inactiveColor:r,controlColor:o,style:u,thumbClassName:m,onCheckedChange:d,...b},p)=>{const f=a.useMemo(()=>{const h={...u};return s&&i?h.backgroundColor=i:!s&&r&&(h.backgroundColor=r),h},[i,r,s,u]),x=a.useMemo(()=>{if(o)return{backgroundColor:o}},[o]),w=i||r?k:n;return l.jsxRuntimeExports.jsxs(D,{checked:s,className:j.cn(V({colorType:w,size:t}),e),disabled:c,onCheckedChange:d,ref:p,style:f,...b,children:[l.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",className:X,"data-state":s?"checked":"unchecked"}),l.jsxRuntimeExports.jsx(F,{className:j.cn(W,m),style:x})]})});N.displayName="Switch";exports.Switch=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),M=require("react"),S=require("../../../chunks/index.eYfYnSCV.js"),P=require("../../../chunks/index.BIcga6m3.js"),B=require("../../../chunks/index.Zd9j6m3g.js"),I=require("../../../chunks/index.CskkVMdK.js"),z=require("../../../chunks/index.C82NwRX6.js"),C=require("../../../lib/utils.cjs.js");function $(e){if(e&&typeof e=="object"&&"default"in e)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=$(M);var y="Switch",[A]=S.createContextScope(y),[H,L]=A(y),j=a.forwardRef((e,n)=>{const{__scopeSwitch:t,name:s,checked:c,defaultChecked:i,required:r,disabled:o,value:u="on",onCheckedChange:b,form:d,...m}=e,[p,f]=a.useState(null),w=P.useComposedRefs(n,v=>f(v)),x=a.useRef(!1),h=p?d||!!p.closest("form"):!0,[g,q]=S.useControllableState({prop:c,defaultProp:i??!1,onChange:b,caller:y});return l.jsxs(H,{scope:t,checked:g,disabled:o,children:[l.jsx(S.Primitive.button,{type:"button",role:"switch","aria-checked":g,"aria-required":r,"data-state":E(g),"data-disabled":o?"":void 0,disabled:o,value:u,...m,ref:w,onClick:S.composeEventHandlers(e.onClick,v=>{q(O=>!O),h&&(x.current=v.isPropagationStopped(),x.current||v.stopPropagation())})}),h&&l.jsx(_,{control:p,bubbles:!x.current,name:s,value:u,checked:g,required:r,disabled:o,form:d,style:{transform:"translateX(-100%)"}})]})});j.displayName=y;var R="SwitchThumb",T=a.forwardRef((e,n)=>{const{__scopeSwitch:t,...s}=e,c=L(R,t);return l.jsx(S.Primitive.span,{"data-state":E(c.checked),"data-disabled":c.disabled?"":void 0,...s,ref:n})});T.displayName=R;var U="SwitchBubbleInput",_=a.forwardRef(({__scopeSwitch:e,control:n,checked:t,bubbles:s=!0,...c},i)=>{const r=a.useRef(null),o=P.useComposedRefs(r,i),u=B.usePrevious(t),b=I.useSize(n);return a.useEffect(()=>{const d=r.current;if(!d)return;const m=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(m,"checked").set;if(u!==t&&f){const w=new Event("click",{bubbles:s});f.call(d,t),d.dispatchEvent(w)}},[u,t,s]),l.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:t,...c,tabIndex:-1,ref:o,style:{...c.style,...b,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})});_.displayName=U;function E(e){return e?"checked":"unchecked"}var D=j,F=T;const k="lime",V=z.cva("peer inline-flex cursor-pointer items-center rounded-full p-[3px] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-gray-100",{variants:{colorType:{blue:"data-[state=checked]:bg-blue-500",lime:"data-[state=checked]:bg-lime-400",gray:"data-[state=checked]:bg-gray-900",pink:"data-[state=checked]:bg-pink-400"},size:{s:"h-[clamp(18px,3.5vw,22px)] w-[clamp(30px,5.8vw,36px)]",m:"h-[clamp(24px,5vw,30px)] w-[clamp(40px,8.3vw,50px)]"}},defaultVariants:{colorType:k,size:"m"}}),W="pointer-events-none block rounded-full bg-white aspect-square h-full shrink-0",X="transition-[flex] duration-200 ease-out data-[state=unchecked]:flex-none data-[state=unchecked]:w-0 data-[state=checked]:flex-1",N=a.forwardRef(({className:e,colorType:n=k,size:t="m",checked:s,disabled:c,activeColor:i,inactiveColor:r,controlColor:o,style:u,thumbClassName:b,onCheckedChange:d,...m},p)=>{const f=a.useMemo(()=>{const h={...u};return s&&i?h.backgroundColor=i:!s&&r&&(h.backgroundColor=r),h},[i,r,s,u]),w=a.useMemo(()=>{if(o)return{backgroundColor:o}},[o]),x=i||r?k:n;return l.jsxs(D,{checked:s,className:C.cn(V({colorType:x,size:t}),e),disabled:c,onCheckedChange:d,ref:p,style:f,...m,children:[l.jsx("span",{"aria-hidden":"true",className:X,"data-state":s?"checked":"unchecked"}),l.jsx(F,{className:C.cn(W,b),style:w})]})});N.displayName="Switch";exports.Switch=N;