@pfct/purple 1.5.0-rc.1 → 1.5.0-rc.11

package/dist/components/Tabs/TextTabs/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=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");require("../../../chunks/index.styled.DX1B4OiV.js");require("../../../core/TextStyles/index.cjs.js");const a=require("../../../chunks/utils.Gb5_Gcy7.js"),l=require("../../ui/typography.cjs.js"),p=require("../../../utils/GenerateColorStyle/tab/text-tabs.cjs.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("../../Card/index.styled.cjs.js");require("../../Comment/index.cjs.js");require("../../Control/CheckBox/index.styled.cjs.js");require("../../Control/CheckMark/index.styled.cjs.js");require("../../Control/Switch/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Cancel_circle.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/Cart_fill.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.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/Search.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Re.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 c=({colorType:o,type:n,list:q,value:u,onChange:t})=>{const s=e=>{const{textColor:i,barColor:x}=p(o)[e?"on":"off"];return{color:i,borderBottom:`2px solid ${x}`}};switch(n){case"fixed":return r.jsxRuntimeExports.jsx("div",{className:"flex w-full border-b border-gray-50 bg-transparent whitespace-nowrap",children:q.map((e,i)=>r.jsxRuntimeExports.jsxs(l.Typography,{variant:e.value===u?"h6":"t3",className:a.cn("relative inline-flex flex-grow cursor-pointer justify-center gap-[1px]","pt-[15px] pb-[11px]"),style:s(e.value===u),onClick:()=>t(e.value),children:[e.label,e.hasBadge&&r.jsxRuntimeExports.jsx("div",{className:"h-[5px] w-[5px] rounded-full bg-red-400"})]},i))});case"scroll":return r.jsxRuntimeExports.jsx("div",{className:"flex w-full gap-[30px] overflow-x-auto border-b border-gray-50 bg-transparent px-5 whitespace-nowrap lg:px-0",children:q.map((e,i)=>r.jsxRuntimeExports.jsxs(l.Typography,{variant:e.value===u?"h6":"t3",className:a.cn("relative inline-flex min-w-max cursor-pointer justify-center text-center","py-4"),style:s(e.value===u),onClick:()=>t(e.value),children:[e.label,e.hasBadge&&r.jsxRuntimeExports.jsx("div",{className:"h-[5px] w-[5px] rounded-full bg-red-400"})]},i))});default:return r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:"WARN: 타입을 추가해주세요"})}};exports.TextTabs=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=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");require("../../../chunks/index.DYrg31YP.js");require("../../../core/TextStyles/index.cjs.js");const o=require("../../../lib/utils.cjs.js"),p=require("../../ui/typography.cjs.js"),b=require("../../../utils/GenerateColorStyle/tab/text-tabs.cjs.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("../../Card/index.styled.cjs.js");require("../../Comment/index.cjs.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_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/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/Person_fill.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Setting_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("../../Control/CheckMark/index.styled.cjs.js");require("../../Control/Switch/index.cjs.js");require("../../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/YearMonthController/index.styed.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("../../../chunks/index.D2jUN9AV.js");require("../../ui/bottomSheet.cjs.js");const d=({children:e,className:r,widthType:i="fit-content",...u})=>q.jsxRuntimeExports.jsx("div",{className:o.cn("flex w-full border-b border-gray-50 bg-transparent whitespace-nowrap",i==="fit-content"?"gap-[30px] overflow-x-auto px-5 lg:px-0":"",r),...u,children:e}),m=({item:e,value:r,onClick:i,className:u,colorType:n,...s})=>{const t=e.value===r,a=l=>{const{textColor:c,barColor:x}=b(n)[l?"on":"off"];return{color:c,borderBottom:`2px solid ${x}`}};return q.jsxRuntimeExports.jsxs(p.Typography,{variant:t?"h6":"t3",className:o.cn("relative inline-flex min-w-max cursor-pointer justify-center py-4 text-center",u),style:a(t),onClick:()=>i(e.value),...s,children:[e.label,e.hasBadge&&q.jsxRuntimeExports.jsx("div",{className:"h-[5px] w-[5px] rounded-full bg-red-400"})]})};exports.TextTabsContainer=d;exports.TextTabsItem=m;

package/dist/components/Tabs/TextTabs/index.d.ts

@@ -1,17 +1,21 @@
 import { default as React } from 'react';
 import { ColorType } from '../../../utils/GenerateColorStyle';
-type TextTabsType = 'fixed' | 'scroll';
-type TextTabsProps = {
-    colorType: ColorType;
-    type: TextTabsType;
-    value: string;
-    list: {
+import { TypographyProps } from '../../ui/typography';
+type TextTabsType = 'fixed' | 'fit-content';
+type TextTabsProps = React.HTMLAttributes<HTMLElement> & {
+    widthType?: TextTabsType;
+};
+declare const TextTabsContainer: React.FC<TextTabsProps>;
+type TextTabsItemProps = TypographyProps & {
+    item: {
         label: string;
         value: string;
         hasBadge?: boolean;
-    }[];
-    onChange: (value: string) => void;
+    };
+    value: string;
+    onClick: (value: string) => void;
+    colorType: ColorType;
 };
-declare const TextTabs: React.FC<TextTabsProps>;
-export type { TextTabsProps };
-export { TextTabs };
+declare const TextTabsItem: ({ item, value, onClick, className, colorType, ...props }: TextTabsItemProps) => React.JSX.Element;
+export type { TextTabsProps, TextTabsItemProps };
+export { TextTabsContainer, TextTabsItem };

package/dist/components/Tabs/TextTabs/index.es.js

@@ -1,13 +1,13 @@
-import { j as o } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { j as p } 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 "../../../chunks/index.styled.D_VcbV29.js";
+import "../../../chunks/index.D0q0M2nK.js";
 import "../../../core/TextStyles/index.es.js";
-import { c as a } from "../../../chunks/utils.B9KdtH6G.js";
-import { Typography as l } from "../../ui/typography.es.js";
-import c from "../../../utils/GenerateColorStyle/tab/text-tabs.es.js";
+import { cn as e } from "../../../lib/utils.es.js";
+import { Typography as f } from "../../ui/typography.es.js";
+import u from "../../../utils/GenerateColorStyle/tab/text-tabs.es.js";
 import "../../Accordion/index.es.js";
 import "../../Badge/IconBadge/index.styled.es.js";
 import "../../Badge/TextBadge/index.styled.es.js";
@@ -16,37 +16,36 @@ import "../../Loading/Skeleton/index.es.js";
 import "../../Loading/Spinner/index.styled.es.js";
 import "../../Card/index.styled.es.js";
 import "../../Comment/index.es.js";
-import "../../Control/CheckBox/index.styled.es.js";
-import "../../Control/CheckMark/index.styled.es.js";
-import "../../Control/Switch/index.styled.es.js";
-import "../../DatePicker/BaseDatePicker/index.styled.es.js";
-import "../../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
 import "../../../icons/src/icons/Alarm_fill.es.js";
 import "../../../icons/src/icons/Calendar.es.js";
+import "../../../icons/src/icons/Cancel.es.js";
+import "../../../icons/src/icons/Cancel_circle.es.js";
+import "../../../icons/src/icons/Cart_fill.es.js";
 import "../../../icons/src/icons/Check.es.js";
 import "../../../icons/src/icons/Chevron_down.es.js";
-import "../../../icons/src/icons/Cancel_circle.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/Cart_fill.es.js";
+import "../../../icons/src/icons/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/Double_Chevron_right.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/Search.es.js";
-import "../../../icons/src/icons/Filter.es.js";
-import "../../../icons/src/icons/Cancel.es.js";
-import "../../../icons/src/icons/Store.es.js";
+import "../../../icons/src/icons/Re.es.js";
 import "../../../icons/src/icons/Setting_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/Chevron_left.es.js";
-import "../../../icons/src/icons/Re.es.js";
+import "../../Control/CheckMark/index.styled.es.js";
+import "../../Control/Switch/index.es.js";
+import "../../DatePicker/BaseDatePicker/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
 import "../../../library/IconWithImage/index.styled.es.js";
 import "../../../library/List/BottomSheetItemList/index.styled.es.js";
 import "lottie-web";
@@ -70,55 +69,43 @@ 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 "../../../chunks/index.Dh7jK0Mq.js";
 import "../../ui/bottomSheet.es.js";
-const Wr = ({ colorType: s, type: n, list: i, value: p, onChange: m }) => {
-  const e = (r) => {
-    const { textColor: t, barColor: x } = c(s)[r ? "on" : "off"];
+const qt = ({ children: t, className: r, widthType: o = "fit-content", ...i }) => /* @__PURE__ */ p.jsx(
+  "div",
+  {
+    className: e(
+      "flex w-full border-b border-gray-50 bg-transparent whitespace-nowrap",
+      o === "fit-content" ? "gap-[30px] overflow-x-auto px-5 lg:px-0" : "",
+      r
+    ),
+    ...i,
+    children: t
+  }
+), zt = ({ item: t, value: r, onClick: o, className: i, colorType: n, ...a }) => {
+  const m = t.value === r, s = (l) => {
+    const { textColor: x, barColor: c } = u(n)[l ? "on" : "off"];
     return {
-      color: t,
-      borderBottom: `2px solid ${x}`
+      color: x,
+      borderBottom: `2px solid ${c}`
     };
   };
-  switch (n) {
-    case "fixed":
-      return /* @__PURE__ */ o.jsx("div", { className: "flex w-full border-b border-gray-50 bg-transparent whitespace-nowrap", children: i.map((r, t) => /* @__PURE__ */ o.jsxs(
-        l,
-        {
-          variant: r.value === p ? "h6" : "t3",
-          className: a(
-            "relative inline-flex flex-grow cursor-pointer justify-center gap-[1px]",
-            "pt-[15px] pb-[11px]"
-          ),
-          style: e(r.value === p),
-          onClick: () => m(r.value),
-          children: [
-            r.label,
-            r.hasBadge && /* @__PURE__ */ o.jsx("div", { className: "h-[5px] w-[5px] rounded-full bg-red-400" })
-          ]
-        },
-        t
-      )) });
-    case "scroll":
-      return /* @__PURE__ */ o.jsx("div", { className: "flex w-full gap-[30px] overflow-x-auto border-b border-gray-50 bg-transparent px-5 whitespace-nowrap lg:px-0", children: i.map((r, t) => /* @__PURE__ */ o.jsxs(
-        l,
-        {
-          variant: r.value === p ? "h6" : "t3",
-          className: a("relative inline-flex min-w-max cursor-pointer justify-center text-center", "py-4"),
-          style: e(r.value === p),
-          onClick: () => m(r.value),
-          children: [
-            r.label,
-            r.hasBadge && /* @__PURE__ */ o.jsx("div", { className: "h-[5px] w-[5px] rounded-full bg-red-400" })
-          ]
-        },
-        t
-      )) });
-    default:
-      return /* @__PURE__ */ o.jsx(o.Fragment, { children: "WARN: 타입을 추가해주세요" });
-  }
+  return /* @__PURE__ */ p.jsxs(
+    f,
+    {
+      variant: m ? "h6" : "t3",
+      className: e("relative inline-flex min-w-max cursor-pointer justify-center py-4 text-center", i),
+      style: s(m),
+      onClick: () => o(t.value),
+      ...a,
+      children: [
+        t.label,
+        t.hasBadge && /* @__PURE__ */ p.jsx("div", { className: "h-[5px] w-[5px] rounded-full bg-red-400" })
+      ]
+    }
+  );
 };
 export {
-  Wr as TextTabs
+  qt as TextTabsContainer,
+  zt as TextTabsItem
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TextTabs/index.cjs.js"),s=require("./FillTabs/index.cjs.js");exports.TextTabs=e.TextTabs;exports.FillTabs=s.FillTabs;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TextTabs/index.cjs.js"),t=require("./FillTabs/index.cjs.js");exports.TextTabsContainer=e.TextTabsContainer;exports.TextTabsItem=e.TextTabsItem;exports.FillTabs=t.FillTabs;

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

@@ -1,6 +1,7 @@
-import { TextTabs as e } from "./TextTabs/index.es.js";
-import { FillTabs as x } from "./FillTabs/index.es.js";
+import { TextTabsContainer as o, TextTabsItem as r } from "./TextTabs/index.es.js";
+import { FillTabs as a } from "./FillTabs/index.es.js";
 export {
-  x as FillTabs,
-  e as TextTabs
+  a as FillTabs,
+  o as TextTabsContainer,
+  r as TextTabsItem
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../chunks/jsx-runtime.713F0z8w.js"),s=require("../../chunks/index.styled.DX1B4OiV.js"),i=({children:e,colorType:t,type:r})=>o.jsxRuntimeExports.jsx(s.Wrapper$1,{colorType:t,type:r,children:e});exports.Tag=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../chunks/jsx-runtime.713F0z8w.js"),s=require("../../chunks/index.DYrg31YP.js"),i=({children:e,colorType:t,type:r})=>o.jsxRuntimeExports.jsx(s.Wrapper$1,{colorType:t,type:r,children:e});exports.Tag=i;

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

@@ -1,5 +1,5 @@
 import { j as p } from "../../chunks/jsx-runtime.Drh4NO5G.js";
-import { x as s } from "../../chunks/index.styled.D_VcbV29.js";
+import { x as s } from "../../chunks/index.D0q0M2nK.js";
 const a = ({ children: r, colorType: o, type: t }) => /* @__PURE__ */ p.jsx(s, { colorType: o, type: t, children: r });
 export {
   a as Tag

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/styled");require("@emotion/react");require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../chunks/index.styled.DX1B4OiV.js");require("../../core/TextStyles/index.cjs.js");require("../ui/typography.cjs.js");require("../Accordion/index.cjs.js");require("../Badge/IconBadge/index.styled.cjs.js");require("../Badge/TextBadge/index.styled.cjs.js");require("react");require("../Loading/Skeleton/index.cjs.js");require("../Loading/Spinner/index.styled.cjs.js");require("../Card/index.styled.cjs.js");require("../Comment/index.cjs.js");require("../Control/CheckBox/index.styled.cjs.js");require("../Control/CheckMark/index.styled.cjs.js");require("../Control/Switch/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");require("../../icons/src/icons/Check.cjs.js");require("../../icons/src/icons/Chevron_down.cjs.js");require("../../icons/src/icons/Cancel_circle.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/Cart_fill.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Double_Chevron_right.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/Search.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Store.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/Chevron_left.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../library/IconWithImage/index.styled.cjs.js");require("../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../library/Lottie/index.styled.cjs.js");require("../../library/Spacing/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../Divider/index.styled.cjs.js");require("../../chunks/index.styled.CMpDdHBq.js");require("../Input/BaseInput/index.cjs.js");require("../Input/PostfixInput/index.cjs.js");require("../Input/ResidentNumberInput/index.styled.cjs.js");require("../Navigation/index.styled.cjs.js");require("../Navigation/BaseNavigation/index.styled.cjs.js");require("../Navigation/constant.cjs.js");require("../Segment/BaseSegment/index.styled.cjs.js");require("../Segment/ExtendSegment/index.styled.cjs.js");require("../ToastMessage/Toast/index.styled.cjs.js");require("../Tooltip/TooltipBase/index.styled.cjs.js");require("../ui/bottomSheet.cjs.js");require("../../utils/GenerateColorStyle/tag.cjs.js");exports.Wrapper=e.Wrapper$1;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/styled");require("@emotion/react");require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../chunks/index.DYrg31YP.js");require("../../core/TextStyles/index.cjs.js");require("../ui/typography.cjs.js");require("../Accordion/index.cjs.js");require("../Badge/IconBadge/index.styled.cjs.js");require("../Badge/TextBadge/index.styled.cjs.js");require("react");require("../Loading/Skeleton/index.cjs.js");require("../Loading/Spinner/index.styled.cjs.js");require("../Card/index.styled.cjs.js");require("../Comment/index.cjs.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_right.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../icons/src/icons/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/Person_fill.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Setting_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("../Control/CheckMark/index.styled.cjs.js");require("../Control/Switch/index.cjs.js");require("../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/YearMonthController/index.styed.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("../../chunks/index.D2jUN9AV.js");require("../ui/bottomSheet.cjs.js");require("../../utils/GenerateColorStyle/tag.cjs.js");exports.Wrapper=e.Wrapper$1;

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

@@ -4,7 +4,7 @@ import "../../core/Colors/index.es.js";
 import "../../utils/GenerateColorStyle/mini-button.es.js";
 import "../../utils/GenerateColorStyle/datepicker.es.js";
 import "../../chunks/jsx-runtime.Drh4NO5G.js";
-import { x as ur } from "../../chunks/index.styled.D_VcbV29.js";
+import { x as nr } from "../../chunks/index.D0q0M2nK.js";
 import "../../core/TextStyles/index.es.js";
 import "../ui/typography.es.js";
 import "../Accordion/index.es.js";
@@ -15,37 +15,36 @@ import "../Loading/Skeleton/index.es.js";
 import "../Loading/Spinner/index.styled.es.js";
 import "../Card/index.styled.es.js";
 import "../Comment/index.es.js";
-import "../Control/CheckBox/index.styled.es.js";
-import "../Control/CheckMark/index.styled.es.js";
-import "../Control/Switch/index.styled.es.js";
-import "../DatePicker/BaseDatePicker/index.styled.es.js";
-import "../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
 import "../../icons/src/icons/Alarm_fill.es.js";
 import "../../icons/src/icons/Calendar.es.js";
+import "../../icons/src/icons/Cancel.es.js";
+import "../../icons/src/icons/Cancel_circle.es.js";
+import "../../icons/src/icons/Cart_fill.es.js";
 import "../../icons/src/icons/Check.es.js";
 import "../../icons/src/icons/Chevron_down.es.js";
-import "../../icons/src/icons/Cancel_circle.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/Cart_fill.es.js";
+import "../../icons/src/icons/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/Double_Chevron_right.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/Search.es.js";
-import "../../icons/src/icons/Filter.es.js";
-import "../../icons/src/icons/Cancel.es.js";
-import "../../icons/src/icons/Store.es.js";
+import "../../icons/src/icons/Re.es.js";
 import "../../icons/src/icons/Setting_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/Chevron_left.es.js";
-import "../../icons/src/icons/Re.es.js";
+import "../Control/CheckMark/index.styled.es.js";
+import "../Control/Switch/index.es.js";
+import "../DatePicker/BaseDatePicker/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
 import "../../library/IconWithImage/index.styled.es.js";
 import "../../library/List/BottomSheetItemList/index.styled.es.js";
 import "lottie-web";
@@ -69,10 +68,9 @@ 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 "../../chunks/index.Dh7jK0Mq.js";
 import "../ui/bottomSheet.es.js";
 import "../../utils/GenerateColorStyle/tag.es.js";
 export {
-  ur as Wrapper
+  nr as Wrapper
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/jsx-runtime.713F0z8w.js"),c=require("react"),l=require("../Control/CheckMark/CheckMark.cjs.js"),t=require("../ui/typography.cjs.js"),x=require("../Divider/index.cjs.js"),n=require("../Accordion/index.cjs.js");require("../../chunks/index.styled.DX1B4OiV.js");const a=require("../Control/CheckBox/index.cjs.js");require("@emotion/react");const q=require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../core/TextStyles/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("../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/Calendar.cjs.js");require("../../icons/src/icons/Check.cjs.js");require("../../icons/src/icons/Chevron_down.cjs.js");require("../../icons/src/icons/Cancel_circle.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/Cart_fill.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Double_Chevron_right.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/Search.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Store.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/Chevron_left.cjs.js");require("../../icons/src/icons/Re.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("../../chunks/index.styled.CMpDdHBq.js");require("../Input/BaseInput/index.cjs.js");require("../Input/PostfixInput/index.cjs.js");require("../Input/ResidentNumberInput/index.styled.cjs.js");require("../Navigation/index.styled.cjs.js");require("../Navigation/BaseNavigation/index.styled.cjs.js");require("../Navigation/constant.cjs.js");require("../Segment/BaseSegment/index.styled.cjs.js");require("../Segment/ExtendSegment/index.styled.cjs.js");require("../ToastMessage/Toast/index.styled.cjs.js");require("../Tooltip/TooltipBase/index.styled.cjs.js");require("../ui/bottomSheet.cjs.js");require("../Control/CheckMark/index.styled.cjs.js");require("../Control/Switch/index.styled.cjs.js");function p(){const[r,u]=c.useState([]),s=["[필수] 텍스트를 입력해주세요1","[필수] 텍스트를 입력해주세요2","[필수] 텍스트를 입력해주세요3","[필수] 텍스트를 입력해주세요4","[필수] 텍스트를 입력해주세요5"];return e.jsxRuntimeExports.jsxs("div",{className:"w-full",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center gap-2 py-[10px]",children:[e.jsxRuntimeExports.jsx(l,{fill:r.length===s.length?q.basicColors.lime400:q.basicColors.gray100,onClick:()=>{r.length===s.length?u([]):u(s)}}),e.jsxRuntimeExports.jsx(t.Typography,{variant:"h5",children:"모두 동의합니다"})]}),e.jsxRuntimeExports.jsx("div",{className:"py-[10px]",children:e.jsxRuntimeExports.jsx(x.Divider,{size:"s"})}),s.map(i=>e.jsxRuntimeExports.jsx(n.Accordion,{type:"single",collapsible:!0,className:"w-full py-2.5",children:e.jsxRuntimeExports.jsxs(n.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center gap-2",children:[e.jsxRuntimeExports.jsx(a.CheckBox,{type:"line",colorType:"lime",checked:r.includes(i),onChange:()=>{r.includes(i)?u(r.filter(o=>o!==i)):u([...r,i])}}),e.jsxRuntimeExports.jsx(n.AccordionTrigger,{className:"w-[calc(100%-25px)]",children:e.jsxRuntimeExports.jsx(t.Typography,{variant:"t3",className:"text-gray-400",children:i})})]}),e.jsxRuntimeExports.jsx(n.AccordionContent,{children:"아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠"})]})},i))]})}exports.TermsUI=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/jsx-runtime.713F0z8w.js"),c=require("react"),l=require("../Control/CheckMark/CheckMark.cjs.js"),t=require("../ui/typography.cjs.js"),x=require("../Divider/index.cjs.js"),n=require("../Accordion/index.cjs.js"),a=require("../ui/checkbox.cjs.js");require("../../chunks/index.DYrg31YP.js");require("@emotion/react");const q=require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../core/TextStyles/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("../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/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_right.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../icons/src/icons/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/Person_fill.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Setting_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("../../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("../../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("../../chunks/index.D2jUN9AV.js");require("../ui/bottomSheet.cjs.js");require("../Control/CheckMark/index.styled.cjs.js");require("../Control/Switch/index.cjs.js");function p(){const[r,u]=c.useState([]),s=["[필수] 텍스트를 입력해주세요1","[필수] 텍스트를 입력해주세요2","[필수] 텍스트를 입력해주세요3","[필수] 텍스트를 입력해주세요4","[필수] 텍스트를 입력해주세요5"];return e.jsxRuntimeExports.jsxs("div",{className:"w-full",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center gap-2 py-[10px]",children:[e.jsxRuntimeExports.jsx(l,{fill:r.length===s.length?q.basicColors.lime400:q.basicColors.gray100,onClick:()=>{r.length===s.length?u([]):u(s)}}),e.jsxRuntimeExports.jsx(t.Typography,{variant:"h5",children:"모두 동의합니다"})]}),e.jsxRuntimeExports.jsx("div",{className:"py-[10px]",children:e.jsxRuntimeExports.jsx(x.Divider,{size:"s"})}),s.map(i=>e.jsxRuntimeExports.jsx(n.Accordion,{type:"single",collapsible:!0,className:"w-full py-2.5",children:e.jsxRuntimeExports.jsxs(n.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center gap-2",children:[e.jsxRuntimeExports.jsx(a.Checkbox,{uiType:"line",colorType:"lime",checked:r.includes(i),onChange:()=>{r.includes(i)?u(r.filter(o=>o!==i)):u([...r,i])}}),e.jsxRuntimeExports.jsx(n.AccordionTrigger,{className:"w-[calc(100%-25px)]",children:e.jsxRuntimeExports.jsx(t.Typography,{variant:"t3",className:"text-gray-400",children:i})})]}),e.jsxRuntimeExports.jsx(n.AccordionContent,{children:"아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠"})]})},i))]})}exports.TermsUI=p;

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

@@ -4,8 +4,8 @@ import c from "../Control/CheckMark/CheckMark.es.js";
 import { Typography as p } from "../ui/typography.es.js";
 import { Divider as n } from "../Divider/index.es.js";
 import { Accordion as a, AccordionItem as x, AccordionTrigger as d, AccordionContent as h } from "../Accordion/index.es.js";
-import "../../chunks/index.styled.D_VcbV29.js";
-import { CheckBox as f } from "../Control/CheckBox/index.es.js";
+import { Checkbox as f } from "../ui/checkbox.es.js";
+import "../../chunks/index.D0q0M2nK.js";
 import "@emotion/react";
 import { basicColors as e } from "../../core/Colors/index.es.js";
 import "../../utils/GenerateColorStyle/mini-button.es.js";
@@ -21,30 +21,30 @@ 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/Calendar.es.js";
+import "../../icons/src/icons/Cancel.es.js";
+import "../../icons/src/icons/Cancel_circle.es.js";
+import "../../icons/src/icons/Cart_fill.es.js";
 import "../../icons/src/icons/Check.es.js";
 import "../../icons/src/icons/Chevron_down.es.js";
-import "../../icons/src/icons/Cancel_circle.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/Cart_fill.es.js";
+import "../../icons/src/icons/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/Double_Chevron_right.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/Search.es.js";
-import "../../icons/src/icons/Filter.es.js";
-import "../../icons/src/icons/Cancel.es.js";
-import "../../icons/src/icons/Store.es.js";
+import "../../icons/src/icons/Re.es.js";
 import "../../icons/src/icons/Setting_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/Chevron_left.es.js";
-import "../../icons/src/icons/Re.es.js";
 import "../../library/IconWithImage/index.styled.es.js";
 import "../../library/List/BottomSheetItemList/index.styled.es.js";
 import "lottie-web";
@@ -67,11 +67,10 @@ 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 "../../chunks/index.Dh7jK0Mq.js";
 import "../ui/bottomSheet.es.js";
 import "../Control/CheckMark/index.styled.es.js";
-import "../Control/Switch/index.styled.es.js";
+import "../Control/Switch/index.es.js";
 function Si() {
   const [r, t] = l([]), m = [
     "[필수] 텍스트를 입력해주세요1",
@@ -99,7 +98,7 @@ function Si() {
         /* @__PURE__ */ i.jsx(
           f,
           {
-            type: "line",
+            uiType: "line",
             colorType: "lime",
             checked: r.includes(o),
             onChange: () => {

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../chunks/jsx-runtime.713F0z8w.js"),u=require("../../lib/utils.cjs.js"),d=require("react"),l=require("../ui/typography.cjs.js");function x(e){if(e&&typeof e=="object"&&"default"in e)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const f=x(d);function y({errorMsg:e,maxLength:t=100,className:r,value:n,errorSlot:s,counterSlot:i,...p}){const o=f.useMemo(()=>typeof n=="string"?n.length:0,[n]),c=o>0&&!!e;return a.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-[10px]",children:[a.jsxRuntimeExports.jsx("textarea",{"data-slot":"textarea",maxLength:t,className:u.cn("disabled:bg-gray-25 typo-t3 field-sizing-content min-h-[150px] w-full resize-none rounded-[10px] border border-gray-50 p-[20px] placeholder:text-gray-200 focus:outline-none disabled:text-gray-200",c?"border-red-400":"",r),...p}),c&&e?s?s(e):a.jsxRuntimeExports.jsx(l.Typography,{variant:"b2",className:"pl-[5px] text-red-400",children:e}):t?i?i(o,t):a.jsxRuntimeExports.jsxs(l.Typography,{variant:"b2",className:"pl-[5px] text-gray-400",children:[o,"/",t]}):null]})}exports.Textarea=y;

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

@@ -0,0 +1,80 @@
+import * as React from 'react';
+type TextareaProps = React.ComponentProps<'textarea'> & {
+    errorMsg?: string;
+    /**
+     * 에러 메시지를 커스터마이징할 수 있는 slot입니다.
+     * @example
+     * ```tsx
+     * <Textarea
+     *   errorMsg="에러 메시지"
+     *   errorSlot={(message) => (
+     *     <Typography variant="b2" className="text-red-400 font-bold">
+     *       {message}
+     *     </Typography>
+     *   )}
+     * />
+     * ```
+     */
+    errorSlot?: (message: string) => React.ReactNode;
+    /**
+     * 글자 수 카운터를 커스터마이징할 수 있는 slot입니다.
+     * @example
+     * ```tsx
+     * <Textarea
+     *   maxLength={100}
+     *   counterSlot={(current, max) => (
+     *     <Typography variant="b2" className="text-gray-400 font-medium">
+     *       {current}/{max} 글자
+     *     </Typography>
+     *   )}
+     * />
+     * ```
+     */
+    counterSlot?: (current: number, max: number) => React.ReactNode;
+};
+/**
+ * Textarea 컴포넌트
+ *
+ * 디자인 시스템 요구사항:
+ * - 텍스트가 컨테이너를 넘어갈 경우, 텍스트가 늘어남에 따라 컨테이너도 함께 늘어납니다.
+ * - 이를 위해 `field-sizing-content` 클래스를 사용하여 컨테이너의 높이가 내용에 따라 자동으로 조절되도록 구현했습니다.
+ *
+ * @example
+ * ```tsx
+ * // 기본 사용
+ * <Textarea
+ *   placeholder="내용을 입력하세요"
+ *   maxLength={100}
+ * />
+ *
+ * // react-hook-form과 함께 사용할 경우
+ * const { register } = useForm();
+ * <Textarea
+ *   {...register('content', {
+ *     maxLength: {
+ *       value: 100,
+ *       message: '최대 100자까지 입력 가능합니다'
+ *     }
+ *   })}
+ * />
+ *
+ * // useState와 함께 사용할 경우
+ * const [value, setValue] = useState('');
+ * const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
+ *   const newValue = e.target.value;
+ *   if (args.maxLength && newValue.length > args.maxLength) {
+        setValue(e.target.value.slice(0, args.maxLength));
+        return;
+    }
+    setValue(e.target.value);
+ * };
+ * <Textarea
+ *   value={value}
+ *   onChange={handleChange}
+ *   maxLength={100}
+ * />
+ * ```
+ */
+declare function Textarea({ errorMsg, maxLength, className, value, errorSlot, counterSlot, ...props }: TextareaProps): React.JSX.Element;
+export type { TextareaProps };
+export { Textarea };

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

@@ -0,0 +1,30 @@
+import { j as a } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { cn as d } from "../../lib/utils.es.js";
+import * as c from "react";
+import { Typography as i } from "../ui/typography.es.js";
+function b({ errorMsg: e, maxLength: t = 100, className: p, value: r, errorSlot: o, counterSlot: n, ...x }) {
+  const s = c.useMemo(() => typeof r == "string" ? r.length : 0, [r]), l = s > 0 && !!e;
+  return /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col gap-[10px]", children: [
+    /* @__PURE__ */ a.jsx(
+      "textarea",
+      {
+        "data-slot": "textarea",
+        maxLength: t,
+        className: d(
+          "disabled:bg-gray-25 typo-t3 field-sizing-content min-h-[150px] w-full resize-none rounded-[10px] border border-gray-50 p-[20px] placeholder:text-gray-200 focus:outline-none disabled:text-gray-200",
+          l ? "border-red-400" : "",
+          p
+        ),
+        ...x
+      }
+    ),
+    l && e ? o ? o(e) : /* @__PURE__ */ a.jsx(i, { variant: "b2", className: "pl-[5px] text-red-400", children: e }) : t ? n ? n(s, t) : /* @__PURE__ */ a.jsxs(i, { variant: "b2", className: "pl-[5px] text-gray-400", children: [
+      s,
+      "/",
+      t
+    ] }) : null
+  ] });
+}
+export {
+  b as Textarea
+};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/jsx-runtime.713F0z8w.js"),l=require("../../core/Colors/index.cjs.js"),r=require("../../chunks/index.styled.DX1B4OiV.js"),c=({title:i,subTitle:t,image:s,deletePaddingTop:o=!1,subTitleColor:n=l.basicColors.gray400})=>e.jsxRuntimeExports.jsxs(r.Wrapper$2,{deletePaddingTop:o,children:[s&&e.jsxRuntimeExports.jsx(r.ImageWrapper,{children:s}),e.jsxRuntimeExports.jsx(r.Title,{children:i}),t&&e.jsxRuntimeExports.jsx(r.SubTitle,{color:n,children:t})]});exports.Title=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/jsx-runtime.713F0z8w.js"),l=require("../../core/Colors/index.cjs.js"),r=require("../../chunks/index.DYrg31YP.js"),c=({title:i,subTitle:t,image:s,deletePaddingTop:o=!1,subTitleColor:n=l.basicColors.gray400})=>e.jsxRuntimeExports.jsxs(r.Wrapper$2,{deletePaddingTop:o,children:[s&&e.jsxRuntimeExports.jsx(r.ImageWrapper,{children:s}),e.jsxRuntimeExports.jsx(r.Title,{children:i}),t&&e.jsxRuntimeExports.jsx(r.SubTitle,{color:n,children:t})]});exports.Title=c;

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

@@ -1,6 +1,6 @@
 import { j as r } from "../../chunks/jsx-runtime.Drh4NO5G.js";
 import { basicColors as t } from "../../core/Colors/index.es.js";
-import { y as l, z as p, A as c, E as m } from "../../chunks/index.styled.D_VcbV29.js";
+import { y as l, z as p, A as c, E as m } from "../../chunks/index.D0q0M2nK.js";
 const d = ({
   title: e,
   subTitle: s,