@pfct/purple 1.5.0-npm-next.6 → 1.5.0-npm-next.7

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

@@ -1,13 +1,13 @@
-import { jsx as m, jsxs as f } from "react/jsx-runtime";
+import { j as p } from "../../../chunks/jsx-runtime.OVHDjVDe.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.B9NKU_3J.js";
+import "../../../chunks/index.CqzduzUN.js";
 import "../../../core/TextStyles/index.es.js";
-import { c as e } from "../../../chunks/utils.B9KdtH6G.js";
-import { Typography as b } from "../../ui/typography.es.js";
-import d 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/Cancel.es.js";
 import "../../../icons/src/icons/Cancel_circle.es.js";
+import "../../../icons/src/icons/Calendar.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/Chevron_left.es.js";
 import "../../../icons/src/icons/Chevron_right.es.js";
-import "../../../icons/src/icons/Cart_fill.es.js";
+import "../../../icons/src/icons/Chevron_up.es.js";
+import "../../../icons/src/icons/Double_Chevron_right.es.js";
 import "../../../icons/src/icons/Double_Chevron_left.es.js";
 import "../../../icons/src/icons/Eye_fill.es.js";
-import "../../../icons/src/icons/Filter.es.js";
-import "../../../icons/src/icons/Cancel.es.js";
-import "../../../icons/src/icons/Double_Chevron_right.es.js";
 import "../../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../../icons/src/icons/Filter.es.js";
 import "../../../icons/src/icons/Information.es.js";
+import "../../../icons/src/icons/Menu.es.js";
 import "../../../icons/src/icons/More.es.js";
+import "../../../icons/src/icons/Person_fill.es.js";
 import "../../../icons/src/icons/Plus.es.js";
-import "../../../icons/src/icons/Menu.es.js";
-import "../../../icons/src/icons/Calendar.es.js";
 import "../../../icons/src/icons/Question_circle.es.js";
-import "../../../icons/src/icons/Share.es.js";
-import "../../../icons/src/icons/Setting_fill.es.js";
-import "../../../icons/src/icons/Person_fill.es.js";
-import "../../../icons/src/icons/Chevron_up.es.js";
-import "../../../icons/src/icons/Store.es.js";
 import "../../../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/Store.es.js";
+import "../../../icons/src/icons/Share.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 "../../../library/IconWithImage/index.styled.es.js";
 import "../../../library/List/BottomSheetItemList/index.styled.es.js";
 import "lottie-web";
@@ -71,10 +70,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";
-const Ht = ({ children: t, className: r, widthType: o = "fit-content", ...i }) => /* @__PURE__ */ m(
+const zt = ({ children: t, className: r, widthType: o = "fit-content", ...i }) => /* @__PURE__ */ p.jsx(
   "div",
   {
     className: e(
@@ -85,30 +83,30 @@ const Ht = ({ children: t, className: r, widthType: o = "fit-content", ...i }) =
     ...i,
     children: t
   }
-), Jt = ({ item: t, value: r, onClick: o, className: i, colorType: a, ...n }) => {
-  const p = t.value === r, l = (s) => {
-    const { textColor: c, barColor: x } = d(a)[s ? "on" : "off"];
+), Dt = ({ 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: c,
-      borderBottom: `2px solid ${x}`
+      color: x,
+      borderBottom: `2px solid ${c}`
     };
   };
-  return /* @__PURE__ */ f(
-    b,
+  return /* @__PURE__ */ p.jsxs(
+    f,
     {
-      variant: p ? "h6" : "t3",
+      variant: m ? "h6" : "t3",
       className: e("relative inline-flex min-w-max cursor-pointer justify-center py-4 text-center", i),
-      style: l(p),
+      style: s(m),
       onClick: () => o(t.value),
-      ...n,
+      ...a,
       children: [
         t.label,
-        t.hasBadge && /* @__PURE__ */ m("div", { className: "h-[5px] w-[5px] rounded-full bg-red-400" })
+        t.hasBadge && /* @__PURE__ */ p.jsx("div", { className: "h-[5px] w-[5px] rounded-full bg-red-400" })
       ]
     }
   );
 };
 export {
-  Ht as TextTabsContainer,
-  Jt as TextTabsItem
+  zt as TextTabsContainer,
+  Dt as TextTabsItem
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("../../chunks/index.styled.D12n8i_w.js"),n=({children:e,colorType:r,type:t})=>o.jsx(i.Wrapper$1,{colorType:r,type:t,children:e});exports.Tag=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../chunks/jsx-runtime.CrDL12FN.js"),s=require("../../chunks/index.Cg0AsUJe.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,6 +1,6 @@
-import { jsx as t } from "react/jsx-runtime";
-import { x as m } from "../../chunks/index.styled.B9NKU_3J.js";
-const s = ({ children: r, colorType: o, type: p }) => /* @__PURE__ */ t(m, { colorType: o, type: p, children: r });
+import { j as p } from "../../chunks/jsx-runtime.OVHDjVDe.js";
+import { x as s } from "../../chunks/index.CqzduzUN.js";
+const a = ({ children: r, colorType: o, type: t }) => /* @__PURE__ */ p.jsx(s, { colorType: o, type: t, children: r });
 export {
-  s as Tag
+  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("react/jsx-runtime");const e=require("../../chunks/index.styled.D12n8i_w.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/Cancel_circle.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/Cart_fill.cjs.js");require("../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Information.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Menu.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Store.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../library/IconWithImage/index.styled.cjs.js");require("../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../library/Lottie/index.styled.cjs.js");require("../../library/Spacing/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../Divider/index.styled.cjs.js");require("../../chunks/index.styled.CMpDdHBq.js");require("../Input/BaseInput/index.cjs.js");require("../Input/PostfixInput/index.cjs.js");require("../Input/ResidentNumberInput/index.styled.cjs.js");require("../Input/TextField/index.cjs.js");require("../Navigation/index.styled.cjs.js");require("../Navigation/BaseNavigation/index.styled.cjs.js");require("../Navigation/constant.cjs.js");require("../Segment/BaseSegment/index.styled.cjs.js");require("../Segment/ExtendSegment/index.styled.cjs.js");require("../ToastMessage/Toast/index.styled.cjs.js");require("../Tooltip/TooltipBase/index.styled.cjs.js");require("../ui/bottomSheet.cjs.js");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.CrDL12FN.js");const e=require("../../chunks/index.Cg0AsUJe.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/Cancel.cjs.js");require("../../icons/src/icons/Cancel_circle.cjs.js");require("../../icons/src/icons/Calendar.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_right.cjs.js");require("../../icons/src/icons/Double_Chevron_left.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/Store.cjs.js");require("../../icons/src/icons/Share.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("../../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("../Input/TextField/index.cjs.js");require("../Navigation/index.styled.cjs.js");require("../Navigation/BaseNavigation/index.styled.cjs.js");require("../Navigation/constant.cjs.js");require("../Segment/BaseSegment/index.styled.cjs.js");require("../Segment/ExtendSegment/index.styled.cjs.js");require("../../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.d.ts

@@ -4,9 +4,9 @@ export type TagStyleProps = TagColorStyleParams & {
     inline?: boolean;
 };
 export declare const Wrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
+    theme?: import('../../../node_modules/@emotion/react/dist/emotion-react.cjs').Theme;
     as?: React.ElementType;
 } & TagColorStyleParams & {
     /** 태그 배치시 줄바꿈 여부(기본값: 줄바꿈) */
     inline?: boolean;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -3,8 +3,8 @@ import "@emotion/react";
 import "../../core/Colors/index.es.js";
 import "../../utils/GenerateColorStyle/mini-button.es.js";
 import "../../utils/GenerateColorStyle/datepicker.es.js";
-import "react/jsx-runtime";
-import { x as vr } from "../../chunks/index.styled.B9NKU_3J.js";
+import "../../chunks/jsx-runtime.OVHDjVDe.js";
+import { x as qr } from "../../chunks/index.CqzduzUN.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/Cancel.es.js";
 import "../../icons/src/icons/Cancel_circle.es.js";
+import "../../icons/src/icons/Calendar.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/Chevron_left.es.js";
 import "../../icons/src/icons/Chevron_right.es.js";
-import "../../icons/src/icons/Cart_fill.es.js";
+import "../../icons/src/icons/Chevron_up.es.js";
+import "../../icons/src/icons/Double_Chevron_right.es.js";
 import "../../icons/src/icons/Double_Chevron_left.es.js";
 import "../../icons/src/icons/Eye_fill.es.js";
-import "../../icons/src/icons/Filter.es.js";
-import "../../icons/src/icons/Cancel.es.js";
-import "../../icons/src/icons/Double_Chevron_right.es.js";
 import "../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../icons/src/icons/Filter.es.js";
 import "../../icons/src/icons/Information.es.js";
+import "../../icons/src/icons/Menu.es.js";
 import "../../icons/src/icons/More.es.js";
+import "../../icons/src/icons/Person_fill.es.js";
 import "../../icons/src/icons/Plus.es.js";
-import "../../icons/src/icons/Menu.es.js";
-import "../../icons/src/icons/Calendar.es.js";
 import "../../icons/src/icons/Question_circle.es.js";
-import "../../icons/src/icons/Share.es.js";
-import "../../icons/src/icons/Setting_fill.es.js";
-import "../../icons/src/icons/Person_fill.es.js";
-import "../../icons/src/icons/Chevron_up.es.js";
-import "../../icons/src/icons/Store.es.js";
 import "../../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/Store.es.js";
+import "../../icons/src/icons/Share.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 "../../library/IconWithImage/index.styled.es.js";
 import "../../library/List/BottomSheetItemList/index.styled.es.js";
 import "lottie-web";
@@ -70,10 +69,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 {
-  vr as Wrapper
+  qr as Wrapper
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),t=require("../Control/CheckMark/CheckMark.cjs.js"),c=require("../ui/typography.cjs.js"),a=require("../Divider/index.cjs.js"),s=require("../Accordion/index.cjs.js");require("../../chunks/index.styled.D12n8i_w.js");const d=require("../Control/CheckBox/index.cjs.js");require("@emotion/react");const n=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/Cancel_circle.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/Cart_fill.cjs.js");require("../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Information.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Menu.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Store.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../library/IconWithImage/index.styled.cjs.js");require("../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../library/Lottie/index.styled.cjs.js");require("../../library/Spacing/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../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("../Input/TextField/index.cjs.js");require("../Navigation/index.styled.cjs.js");require("../Navigation/BaseNavigation/index.styled.cjs.js");require("../Navigation/constant.cjs.js");require("../Segment/BaseSegment/index.styled.cjs.js");require("../Segment/ExtendSegment/index.styled.cjs.js");require("../ToastMessage/Toast/index.styled.cjs.js");require("../Tooltip/TooltipBase/index.styled.cjs.js");require("../ui/bottomSheet.cjs.js");require("../Control/CheckMark/index.styled.cjs.js");require("../Control/Switch/index.styled.cjs.js");function x(){const[r,u]=o.useState([]),q=["[필수] 텍스트를 입력해주세요1","[필수] 텍스트를 입력해주세요2","[필수] 텍스트를 입력해주세요3","[필수] 텍스트를 입력해주세요4","[필수] 텍스트를 입력해주세요5"];return e.jsxs("div",{className:"w-full",children:[e.jsxs("div",{className:"flex w-full items-center gap-2 py-[10px]",children:[e.jsx(t,{fill:r.length===q.length?n.basicColors.lime400:n.basicColors.gray100,onClick:()=>{r.length===q.length?u([]):u(q)}}),e.jsx(c.Typography,{variant:"h5",children:"모두 동의합니다"})]}),e.jsx("div",{className:"py-[10px]",children:e.jsx(a.Divider,{size:"s"})}),q.map(i=>e.jsx(s.Accordion,{type:"single",collapsible:!0,className:"w-full py-2.5",children:e.jsxs(s.AccordionItem,{value:"item-1",children:[e.jsxs("div",{className:"flex w-full items-center gap-2",children:[e.jsx(d.CheckBox,{type:"line",colorType:"lime",checked:r.includes(i),onChange:()=>{r.includes(i)?u(r.filter(l=>l!==i)):u([...r,i])}}),e.jsx(s.AccordionTrigger,{className:"w-[calc(100%-25px)]",children:e.jsx(c.Typography,{variant:"t3",className:"text-gray-400",children:i})})]}),e.jsx(s.AccordionContent,{children:"아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠"})]})},i))]})}exports.TermsUI=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/jsx-runtime.CrDL12FN.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.Cg0AsUJe.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/Cancel.cjs.js");require("../../icons/src/icons/Cancel_circle.cjs.js");require("../../icons/src/icons/Calendar.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_right.cjs.js");require("../../icons/src/icons/Double_Chevron_left.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/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("../Input/TextField/index.cjs.js");require("../Navigation/index.styled.cjs.js");require("../Navigation/BaseNavigation/index.styled.cjs.js");require("../Navigation/constant.cjs.js");require("../Segment/BaseSegment/index.styled.cjs.js");require("../Segment/ExtendSegment/index.styled.cjs.js");require("../../chunks/index.D2jUN9AV.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,{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

@@ -1,13 +1,13 @@
-import { jsxs as p, jsx as i } from "react/jsx-runtime";
-import { useState as s } from "react";
-import n from "../Control/CheckMark/CheckMark.es.js";
-import { Typography as e } from "../ui/typography.es.js";
-import { Divider as a } from "../Divider/index.es.js";
-import { Accordion as d, AccordionItem as h, AccordionTrigger as f, AccordionContent as g } from "../Accordion/index.es.js";
-import "../../chunks/index.styled.B9NKU_3J.js";
-import { CheckBox as u } from "../Control/CheckBox/index.es.js";
+import { j as i } from "../../chunks/jsx-runtime.OVHDjVDe.js";
+import { useState as l } from "react";
+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 { Checkbox as f } from "../ui/checkbox.es.js";
+import "../../chunks/index.CqzduzUN.js";
 import "@emotion/react";
-import { basicColors as l } from "../../core/Colors/index.es.js";
+import { basicColors as e } from "../../core/Colors/index.es.js";
 import "../../utils/GenerateColorStyle/mini-button.es.js";
 import "../../utils/GenerateColorStyle/datepicker.es.js";
 import "../../core/TextStyles/index.es.js";
@@ -20,31 +20,31 @@ import "../Comment/index.es.js";
 import "../DatePicker/BaseDatePicker/index.styled.es.js";
 import "../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
 import "../../icons/src/icons/Alarm_fill.es.js";
+import "../../icons/src/icons/Cancel.es.js";
 import "../../icons/src/icons/Cancel_circle.es.js";
+import "../../icons/src/icons/Calendar.es.js";
+import "../../icons/src/icons/Cart_fill.es.js";
 import "../../icons/src/icons/Check.es.js";
 import "../../icons/src/icons/Chevron_down.es.js";
 import "../../icons/src/icons/Chevron_left.es.js";
 import "../../icons/src/icons/Chevron_right.es.js";
-import "../../icons/src/icons/Cart_fill.es.js";
+import "../../icons/src/icons/Chevron_up.es.js";
+import "../../icons/src/icons/Double_Chevron_right.es.js";
 import "../../icons/src/icons/Double_Chevron_left.es.js";
 import "../../icons/src/icons/Eye_fill.es.js";
-import "../../icons/src/icons/Filter.es.js";
-import "../../icons/src/icons/Cancel.es.js";
-import "../../icons/src/icons/Double_Chevron_right.es.js";
 import "../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../icons/src/icons/Filter.es.js";
 import "../../icons/src/icons/Information.es.js";
+import "../../icons/src/icons/Menu.es.js";
 import "../../icons/src/icons/More.es.js";
+import "../../icons/src/icons/Person_fill.es.js";
 import "../../icons/src/icons/Plus.es.js";
-import "../../icons/src/icons/Menu.es.js";
-import "../../icons/src/icons/Calendar.es.js";
 import "../../icons/src/icons/Question_circle.es.js";
-import "../../icons/src/icons/Share.es.js";
-import "../../icons/src/icons/Setting_fill.es.js";
-import "../../icons/src/icons/Person_fill.es.js";
-import "../../icons/src/icons/Chevron_up.es.js";
-import "../../icons/src/icons/Store.es.js";
 import "../../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/Store.es.js";
+import "../../icons/src/icons/Share.es.js";
 import "../../library/IconWithImage/index.styled.es.js";
 import "../../library/List/BottomSheetItemList/index.styled.es.js";
 import "lottie-web";
@@ -68,52 +68,51 @@ 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";
-function Fi() {
-  const [r, t] = s([]), m = [
+function Ui() {
+  const [r, t] = l([]), m = [
     "[필수] 텍스트를 입력해주세요1",
     "[필수] 텍스트를 입력해주세요2",
     "[필수] 텍스트를 입력해주세요3",
     "[필수] 텍스트를 입력해주세요4",
     "[필수] 텍스트를 입력해주세요5"
   ];
-  return /* @__PURE__ */ p("div", { className: "w-full", children: [
-    /* @__PURE__ */ p("div", { className: "flex w-full items-center gap-2 py-[10px]", children: [
-      /* @__PURE__ */ i(
-        n,
+  return /* @__PURE__ */ i.jsxs("div", { className: "w-full", children: [
+    /* @__PURE__ */ i.jsxs("div", { className: "flex w-full items-center gap-2 py-[10px]", children: [
+      /* @__PURE__ */ i.jsx(
+        c,
         {
-          fill: r.length === m.length ? l.lime400 : l.gray100,
+          fill: r.length === m.length ? e.lime400 : e.gray100,
           onClick: () => {
             r.length === m.length ? t([]) : t(m);
           }
         }
       ),
-      /* @__PURE__ */ i(e, { variant: "h5", children: "모두 동의합니다" })
+      /* @__PURE__ */ i.jsx(p, { variant: "h5", children: "모두 동의합니다" })
     ] }),
-    /* @__PURE__ */ i("div", { className: "py-[10px]", children: /* @__PURE__ */ i(a, { size: "s" }) }),
-    m.map((o) => /* @__PURE__ */ i(d, { type: "single", collapsible: !0, className: "w-full py-2.5", children: /* @__PURE__ */ p(h, { value: "item-1", children: [
-      /* @__PURE__ */ p("div", { className: "flex w-full items-center gap-2", children: [
-        /* @__PURE__ */ i(
-          u,
+    /* @__PURE__ */ i.jsx("div", { className: "py-[10px]", children: /* @__PURE__ */ i.jsx(n, { size: "s" }) }),
+    m.map((o) => /* @__PURE__ */ i.jsx(a, { type: "single", collapsible: !0, className: "w-full py-2.5", children: /* @__PURE__ */ i.jsxs(x, { value: "item-1", children: [
+      /* @__PURE__ */ i.jsxs("div", { className: "flex w-full items-center gap-2", children: [
+        /* @__PURE__ */ i.jsx(
+          f,
           {
-            type: "line",
+            uiType: "line",
             colorType: "lime",
             checked: r.includes(o),
             onChange: () => {
-              r.includes(o) ? t(r.filter((c) => c !== o)) : t([...r, o]);
+              r.includes(o) ? t(r.filter((s) => s !== o)) : t([...r, o]);
             }
           }
         ),
-        /* @__PURE__ */ i(f, { className: "w-[calc(100%-25px)]", children: /* @__PURE__ */ i(e, { variant: "t3", className: "text-gray-400", children: o }) })
+        /* @__PURE__ */ i.jsx(d, { className: "w-[calc(100%-25px)]", children: /* @__PURE__ */ i.jsx(p, { variant: "t3", className: "text-gray-400", children: o }) })
       ] }),
-      /* @__PURE__ */ i(g, { children: "아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠" })
+      /* @__PURE__ */ i.jsx(h, { children: "아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠 아코디언 컨텐츠" })
     ] }) }, o))
   ] });
 }
 export {
-  Fi as TermsUI
+  Ui as TermsUI
 };

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.CrDL12FN.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.OVHDjVDe.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("react/jsx-runtime"),l=require("../../core/Colors/index.cjs.js"),i=require("../../chunks/index.styled.D12n8i_w.js");require("../../core/TextStyles/index.cjs.js");const p=require("../../core/Typography/index.cjs.js"),a=({title:t,subTitle:r,image:s,deletePaddingTop:c=!1,subTitleColor:o=l.basicColors.gray400})=>e.jsxs(i.Wrapper$2,{deletePaddingTop:c,children:[s&&e.jsx(i.ImageWrapper,{children:s}),e.jsx(p.Headline3,{className:"px-[25px] whitespace-pre-wrap md:p-0",children:t}),r&&e.jsx(p.Title3,{className:"mt-[10px] px-[25px] whitespace-pre-wrap md:p-0",color:o,children:r})]});exports.Title=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/jsx-runtime.CrDL12FN.js"),c=require("../../core/Colors/index.cjs.js"),t=require("../../chunks/index.Cg0AsUJe.js");require("../../core/TextStyles/index.cjs.js");const i=require("../../core/Typography/index.cjs.js"),x=({title:p,subTitle:r,image:s,deletePaddingTop:o=!1,subTitleColor:n=c.basicColors.gray400})=>e.jsxRuntimeExports.jsxs(t.Wrapper$2,{deletePaddingTop:o,children:[s&&e.jsxRuntimeExports.jsx(t.ImageWrapper,{children:s}),e.jsxRuntimeExports.jsx(i.Headline3,{className:"px-[25px] whitespace-pre-wrap md:p-0",children:p}),r&&e.jsxRuntimeExports.jsx(i.Title3,{className:"mt-[10px] px-[25px] whitespace-pre-wrap md:p-0",color:n,children:r})]});exports.Title=x;

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

@@ -1,19 +1,19 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { basicColors as i } from "../../core/Colors/index.es.js";
-import { y as t, z as c } from "../../chunks/index.styled.B9NKU_3J.js";
+import { j as r } from "../../chunks/jsx-runtime.OVHDjVDe.js";
+import { basicColors as m } from "../../core/Colors/index.es.js";
+import { y as i, z as t } from "../../chunks/index.CqzduzUN.js";
 import "../../core/TextStyles/index.es.js";
-import { Headline3 as l, Title3 as x } from "../../core/Typography/index.es.js";
-const j = ({
-  title: a,
+import { Headline3 as x, Title3 as c } from "../../core/Typography/index.es.js";
+const f = ({
+  title: s,
   subTitle: p,
   image: e,
-  deletePaddingTop: o = !1,
-  subTitleColor: m = i.gray400
-}) => /* @__PURE__ */ s(t, { deletePaddingTop: o, children: [
-  e && /* @__PURE__ */ r(c, { children: e }),
-  /* @__PURE__ */ r(l, { className: "px-[25px] whitespace-pre-wrap md:p-0", children: a }),
-  p && /* @__PURE__ */ r(x, { className: "mt-[10px] px-[25px] whitespace-pre-wrap md:p-0", color: m, children: p })
+  deletePaddingTop: a = !1,
+  subTitleColor: o = m.gray400
+}) => /* @__PURE__ */ r.jsxs(i, { deletePaddingTop: a, children: [
+  e && /* @__PURE__ */ r.jsx(t, { children: e }),
+  /* @__PURE__ */ r.jsx(x, { className: "px-[25px] whitespace-pre-wrap md:p-0", children: s }),
+  p && /* @__PURE__ */ r.jsx(c, { className: "mt-[10px] px-[25px] whitespace-pre-wrap md:p-0", color: o, children: p })
 ] });
 export {
-  j as Title
+  f as Title
 };