@wishket/design-system 2.1.3 → 2.1.5

package/dist/Components/Feedbacks/DialogBox/DialogBox.js

@@ -1,6 +1,6 @@
-"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twJoin as o}from"tailwind-merge";import{Typography as a}from"../../Base/Typography/Typography.js";import{Box as t}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{Button as l}from"../../Inputs/Button/Button.js";const i=({title:i,description:s,variant:n="primary",onClose:c,onConfirm:m,confirm:d,close:g="닫기",testId:p})=>{const u="caution"===n;/*#__PURE__*/
-return e(t,{className:"bg-w-white shadow-modal tablet:w-[400px] flex h-fit flex-col items-center gap-8 rounded-3xl p-8 font-normal not-italic","data-testid":p||"design-system--dialog-box",children:[
-/*#__PURE__*/e(t,{className:"flex w-full flex-col gap-6",children:[
+"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twJoin as o}from"tailwind-merge";import{Typography as a}from"../../Base/Typography/Typography.js";import{Box as l}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{Button as t}from"../../Inputs/Button/Button.js";const i=({title:i,description:s,variant:n="primary",onClose:c,onConfirm:m,confirm:d,close:g="닫기",testId:p})=>{const u="caution"===n;/*#__PURE__*/
+return e(l,{className:"bg-w-white shadow-modal tablet:w-[400px] flex h-fit max-w-[calc(100vw-40px)] flex-col items-center gap-8 rounded-3xl p-8 font-normal not-italic","data-testid":p||"design-system--dialog-box",children:[
+/*#__PURE__*/e(l,{className:"flex w-full flex-col gap-6",children:[
 /*#__PURE__*/r(a,{variant:"subTitle18",className:"text-w-gray-900 font-medium",children:i}),
 /*#__PURE__*/r(a,{variant:"body16",className:"text-w-gray-800 whitespace-break-spaces",children:s})]}),
-/*#__PURE__*/e(t,{className:"flex w-full items-center justify-end gap-4",children:[g&&/*#__PURE__*/r(l,{role:"close",onClick:c,variant:"solid",className:"border-w-bluegray-200 bg-w-bluegray-200 hover:border-w-bluegray-300 hover:bg-w-bluegray-300",children:g}),d&&/*#__PURE__*/r(l,{role:"confirm",onClick:m,variant:"solid",className:o(u&&"border-w-orange-500 bg-w-orange-500 hover:border-w-orange-600 hover:bg-w-orange-600"),children:d})]})]})};export{i as DialogBox};
+/*#__PURE__*/e(l,{className:"flex w-full items-center justify-end gap-4",children:[g&&/*#__PURE__*/r(t,{role:"close",onClick:c,variant:"solid",className:"border-w-bluegray-200 bg-w-bluegray-200 hover:border-w-bluegray-300 hover:bg-w-bluegray-300",children:g}),d&&/*#__PURE__*/r(t,{role:"confirm",onClick:m,variant:"solid",className:o(u&&"border-w-orange-500 bg-w-orange-500 hover:border-w-orange-600 hover:bg-w-orange-600"),children:d})]})]})};export{i as DialogBox};

package/dist/Components/Inputs/Calendar/Calendar.d.ts

@@ -12,6 +12,8 @@ import { CalendarProps } from './Calendar.types';
  * @param {boolean} [props.disabled] - 캘린더 비활성화 여부
  * @param {string} [props.placeholder] - 날짜가 선택되지 않았을 때 표시될 텍스트
  * @param {boolean} [props.isError] - 에러 상태 표시 여부
+ * @param {string} [props.className] - 컨테이너에 머지될 클래스 (예: 부모 너비에 맞추기 위한 `w-full`)
+ * @param {string} [props.triggerClassName] - 트리거(TextFieldContainer)에 머지될 클래스
  *
  * @example
  * ```tsx
@@ -33,7 +35,14 @@ import { CalendarProps } from './Calendar.types';
  *   isError={true}
  *   selected="2024-03-21"
  * />
+ *
+ * // 부모 너비에 맞추기 (popover/dialog 안에 풀-너비 배치)
+ * <Calendar
+ *   className="w-full"
+ *   triggerClassName="w-full"
+ *   selected="2024-03-21"
+ * />
  * ```
  */
-declare const Calendar: ({ defaultDate, selected, onChange, disabled, placeholder, isError, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+declare const Calendar: ({ defaultDate, selected, onChange, disabled, placeholder, isError, className, triggerClassName, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
 export { Calendar };

package/dist/Components/Inputs/Calendar/Calendar.js

@@ -1,4 +1,4 @@
-"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as a,useEffect as r}from"react";import{twMerge as s}from"tailwind-merge";import"../../DataDisplays/Avatar/Avatar.js";import{Typography as o}from"../../Base/Typography/Typography.js";import{Box as n}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{SystemIcon as i}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.js";import{TextFieldContainer as l}from"../TextFieldContainer/TextFieldContainer.js";import{SelectHeader as d,WeekHeader as c,DateBox as m}from"./Calendar.parts.js";import{generateDate as p,today as y,getKoreanTimeString as g,getMonthDate as h,isSameDate as x}from"./Calendar.utils.js";
+"use client";import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useState as t,useEffect as r}from"react";import{twMerge as s}from"tailwind-merge";import"../../DataDisplays/Avatar/Avatar.js";import{Typography as o}from"../../Base/Typography/Typography.js";import{Box as n}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{SystemIcon as i}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.js";import{TextFieldContainer as l}from"../TextFieldContainer/TextFieldContainer.js";import{SelectHeader as d,WeekHeader as c,DateBox as m}from"./Calendar.parts.js";import{generateDate as p,today as y,getKoreanTimeString as g,getMonthDate as h,isSameDate as x}from"./Calendar.utils.js";
 /**
  * 날짜를 선택할 수 있는 캘린더 컴포넌트입니다.
  *
@@ -12,6 +12,8 @@
  * @param {boolean} [props.disabled] - 캘린더 비활성화 여부
  * @param {string} [props.placeholder] - 날짜가 선택되지 않았을 때 표시될 텍스트
  * @param {boolean} [props.isError] - 에러 상태 표시 여부
+ * @param {string} [props.className] - 컨테이너에 머지될 클래스 (예: 부모 너비에 맞추기 위한 `w-full`)
+ * @param {string} [props.triggerClassName] - 트리거(TextFieldContainer)에 머지될 클래스
  *
  * @example
  * ```tsx
@@ -33,13 +35,20 @@
  *   isError={true}
  *   selected="2024-03-21"
  * />
+ *
+ * // 부모 너비에 맞추기 (popover/dialog 안에 풀-너비 배치)
+ * <Calendar
+ *   className="w-full"
+ *   triggerClassName="w-full"
+ *   selected="2024-03-21"
+ * />
  * ```
- */const u=({defaultDate:u,selected:f,onChange:w,disabled:j,placeholder:D,isError:b})=>{const[C,$]=a(!1),B=()=>{j||$((e=>!e))},N=u?p(u):y,[v,A]=a(f?p(f):N),F=f?p(f):N,{year:I,month:S,date:T}=g(F),{dateList:L}=h(v.year,v.month),k=[...Array.from({length:L[0].day},(()=>null)),...L],z=e=>{if(f&&x(e,F))return;const t=`${e.year}-${e.month}-${e.date}`;null==w||w(t),$(!1)};return r((()=>{!C&&f&&A(p(f));
+ */const u=({defaultDate:u,selected:f,onChange:w,disabled:j,placeholder:D,isError:b,className:C,triggerClassName:N})=>{const[$,B]=t(!1),v=()=>{j||B((e=>!e))},A=u?p(u):y,[F,I]=t(f?p(f):A),S=f?p(f):A,{year:T,month:L,date:k}=g(S),{dateList:z}=h(F.year,F.month),E=[...Array.from({length:z[0].day},(()=>null)),...z],_=e=>{if(f&&x(e,S))return;const a=`${e.year}-${e.month}-${e.date}`;null==w||w(a),B(!1)};return r((()=>{!$&&f&&I(p(f));
 // eslint-disable-next-line react-hooks/exhaustive-deps
-}),[C]),/*#__PURE__*/e(n,{className:"relative h-fit w-fit select-none","data-testid":"design-system-calendar--container",children:[
-/*#__PURE__*/t(n,{className:"cursor-pointer",children:/*#__PURE__*/e(l,{isFocused:C,isError:b,isDisabled:j,testId:"design-system-calendar--trigger",onClick:B,children:[
-/*#__PURE__*/t(i,{name:"medium_calendar",className:j||!f?"text-w-gray-300":"text-w-gray-400"}),
-/*#__PURE__*/t(o,{variant:"body16",className:s("text-w-gray-600 min-w-[178px]",!f&&"text-w-gray-300",j&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:f?`${I} ${S} ${T}`:D})]})}),C&&/*#__PURE__*/t("div",{className:"fixed top-0 left-0 z-10 h-screen w-screen bg-transparent",onClick:B}),C&&/*#__PURE__*/e(n,{"data-testid":"design-system-calendar--content",className:"border-w-gray-200 bg-w-white shadow-graymedium absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border px-[15px] py-[23px]",children:[
-/*#__PURE__*/t(d,{visibleDate:v,onChange:e=>{A(e)}}),
-/*#__PURE__*/t(c,{}),
-/*#__PURE__*/t(n,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:k.map(((e,a)=>{const r=!(!e||!f)&&x(e,F);return e?/*#__PURE__*/t(m,{date:e,selected:r,onChange:z},`${e.year}-${e.month}-${e.date}`):/*#__PURE__*/t(m,{disabled:!0},a)}))})]})]})};export{u as Calendar};
+}),[$]),/*#__PURE__*/e(n,{className:s("relative h-fit w-fit select-none",C),"data-testid":"design-system-calendar--container",children:[
+/*#__PURE__*/a(n,{className:"cursor-pointer",children:/*#__PURE__*/e(l,{isFocused:$,isError:b,isDisabled:j,testId:"design-system-calendar--trigger",onClick:v,className:N,children:[
+/*#__PURE__*/a(i,{name:"medium_calendar",className:j||!f?"text-w-gray-300":"text-w-gray-400"}),
+/*#__PURE__*/a(o,{variant:"body16",className:s("text-w-gray-600 min-w-[178px]",!f&&"text-w-gray-300",j&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:f?`${T} ${L} ${k}`:D})]})}),$&&/*#__PURE__*/a("div",{className:"fixed top-0 left-0 z-10 h-screen w-screen bg-transparent",onClick:v}),$&&/*#__PURE__*/e(n,{"data-testid":"design-system-calendar--content",className:"border-w-gray-200 bg-w-white shadow-graymedium absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border px-[15px] py-[23px]",children:[
+/*#__PURE__*/a(d,{visibleDate:F,onChange:e=>{I(e)}}),
+/*#__PURE__*/a(c,{}),
+/*#__PURE__*/a(n,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:E.map(((e,t)=>{const r=!(!e||!f)&&x(e,S);return e?/*#__PURE__*/a(m,{date:e,selected:r,onChange:_},`${e.year}-${e.month}-${e.date}`):/*#__PURE__*/a(m,{disabled:!0},t)}))})]})]})};export{u as Calendar};

package/dist/Components/Inputs/Calendar/Calendar.types.d.ts

@@ -5,6 +5,8 @@ export interface CalendarProps {
     disabled?: boolean;
     placeholder?: string;
     isError?: boolean;
+    className?: string;
+    triggerClassName?: string;
 }
 export interface DateType {
     year: number;

package/dist/Components/Utils/ModalContainer/ModalContainer.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{twJoin as o}from"tailwind-merge";import{Box as l}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const t=({size:t="md",overflow:r="auto",children:s})=>/*#__PURE__*/e(l,{"data-testid":"design-system--modal-container",className:o("bg-w-white shadow-modal h-fit rounded-3xl",// 아직 정해지지 않은 내부 레이아웃
+import{jsx as e}from"react/jsx-runtime";import{twJoin as o}from"tailwind-merge";import{Box as l}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const t=({size:t="md",overflow:r="auto",children:s})=>/*#__PURE__*/e(l,{"data-testid":"design-system--modal-container",className:o("bg-w-white shadow-modal h-fit max-w-[calc(100vw-40px)] rounded-3xl",// 아직 정해지지 않은 내부 레이아웃
 "flex items-center justify-center",{xs:"w-[320px]",sm:"w-[400px]",md:"w-[500px]",lg:"w-[600px]",xl:"w-[1000px]",full:"w-full"}[t],{auto:"overflow-auto",visible:"overflow-visible",hidden:"overflow-hidden",scroll:"overflow-scroll"}[r]),children:s});export{t as ModalContainer};

package/dist/cjs/Components/Feedbacks/DialogBox/DialogBox.js

@@ -1,6 +1,6 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),a=require("../../Base/Typography/Typography.js"),o=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var s=require("../../Inputs/Button/Button.js");exports.DialogBox=({title:l,description:t,variant:i="primary",onClose:n,onConfirm:c,confirm:u,close:d="닫기",testId:g})=>{const x="caution"===i;/*#__PURE__*/
-return e.jsxs(o.Box,{className:"bg-w-white shadow-modal tablet:w-[400px] flex h-fit flex-col items-center gap-8 rounded-3xl p-8 font-normal not-italic","data-testid":g||"design-system--dialog-box",children:[
+"use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),a=require("../../Base/Typography/Typography.js"),o=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var s=require("../../Inputs/Button/Button.js");exports.DialogBox=({title:l,description:t,variant:i="primary",onClose:n,onConfirm:c,confirm:u,close:d="닫기",testId:x})=>{const g="caution"===i;/*#__PURE__*/
+return e.jsxs(o.Box,{className:"bg-w-white shadow-modal tablet:w-[400px] flex h-fit max-w-[calc(100vw-40px)] flex-col items-center gap-8 rounded-3xl p-8 font-normal not-italic","data-testid":x||"design-system--dialog-box",children:[
 /*#__PURE__*/e.jsxs(o.Box,{className:"flex w-full flex-col gap-6",children:[
 /*#__PURE__*/e.jsx(a.Typography,{variant:"subTitle18",className:"text-w-gray-900 font-medium",children:l}),
 /*#__PURE__*/e.jsx(a.Typography,{variant:"body16",className:"text-w-gray-800 whitespace-break-spaces",children:t})]}),
-/*#__PURE__*/e.jsxs(o.Box,{className:"flex w-full items-center justify-end gap-4",children:[d&&/*#__PURE__*/e.jsx(s.Button,{role:"close",onClick:n,variant:"solid",className:"border-w-bluegray-200 bg-w-bluegray-200 hover:border-w-bluegray-300 hover:bg-w-bluegray-300",children:d}),u&&/*#__PURE__*/e.jsx(s.Button,{role:"confirm",onClick:c,variant:"solid",className:r.twJoin(x&&"border-w-orange-500 bg-w-orange-500 hover:border-w-orange-600 hover:bg-w-orange-600"),children:u})]})]})};
+/*#__PURE__*/e.jsxs(o.Box,{className:"flex w-full items-center justify-end gap-4",children:[d&&/*#__PURE__*/e.jsx(s.Button,{role:"close",onClick:n,variant:"solid",className:"border-w-bluegray-200 bg-w-bluegray-200 hover:border-w-bluegray-300 hover:bg-w-bluegray-300",children:d}),u&&/*#__PURE__*/e.jsx(s.Button,{role:"confirm",onClick:c,variant:"solid",className:r.twJoin(g&&"border-w-orange-500 bg-w-orange-500 hover:border-w-orange-600 hover:bg-w-orange-600"),children:u})]})]})};

package/dist/cjs/Components/Inputs/Calendar/Calendar.js

@@ -1,9 +1,9 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),a=require("react"),t=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var r=require("../../Base/Typography/Typography.js"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var i=require("../TextFieldContainer/TextFieldContainer.js"),l=require("./Calendar.parts.js"),d=require("./Calendar.utils.js");exports.Calendar=({defaultDate:o,selected:c,onChange:x,disabled:u,placeholder:y,isError:g})=>{const[m,p]=a.useState(!1),h=()=>{u||p((e=>!e))},j=o?d.generateDate(o):d.today,[D,w]=a.useState(c?d.generateDate(c):j),q=c?d.generateDate(c):j,{year:B,month:f,date:C}=d.getKoreanTimeString(q),{dateList:S}=d.getMonthDate(D.year,D.month),b=[...Array.from({length:S[0].day},(()=>null)),...S],v=e=>{if(c&&d.isSameDate(e,q))return;const a=`${e.year}-${e.month}-${e.date}`;null==x||x(a),p(!1)};return a.useEffect((()=>{!m&&c&&w(d.generateDate(c));
+"use client";"use strict";var e=require("react/jsx-runtime"),a=require("react"),t=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var r=require("../../Base/Typography/Typography.js"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var i=require("../TextFieldContainer/TextFieldContainer.js"),l=require("./Calendar.parts.js"),d=require("./Calendar.utils.js");exports.Calendar=({defaultDate:o,selected:c,onChange:x,disabled:g,placeholder:m,isError:u,className:y,triggerClassName:p})=>{const[h,j]=a.useState(!1),D=()=>{g||j((e=>!e))},w=o?d.generateDate(o):d.today,[q,B]=a.useState(c?d.generateDate(c):w),f=c?d.generateDate(c):w,{year:C,month:S,date:b}=d.getKoreanTimeString(f),{dateList:v}=d.getMonthDate(q.year,q.month),N=[...Array.from({length:v[0].day},(()=>null)),...v],$=e=>{if(c&&d.isSameDate(e,f))return;const a=`${e.year}-${e.month}-${e.date}`;null==x||x(a),j(!1)};return a.useEffect((()=>{!h&&c&&B(d.generateDate(c));
 // eslint-disable-next-line react-hooks/exhaustive-deps
-}),[m]),/*#__PURE__*/e.jsxs(s.Box,{className:"relative h-fit w-fit select-none","data-testid":"design-system-calendar--container",children:[
-/*#__PURE__*/e.jsx(s.Box,{className:"cursor-pointer",children:/*#__PURE__*/e.jsxs(i.TextFieldContainer,{isFocused:m,isError:g,isDisabled:u,testId:"design-system-calendar--trigger",onClick:h,children:[
-/*#__PURE__*/e.jsx(n.SystemIcon,{name:"medium_calendar",className:u||!c?"text-w-gray-300":"text-w-gray-400"}),
-/*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:t.twMerge("text-w-gray-600 min-w-[178px]",!c&&"text-w-gray-300",u&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:c?`${B} ${f} ${C}`:y})]})}),m&&/*#__PURE__*/e.jsx("div",{className:"fixed top-0 left-0 z-10 h-screen w-screen bg-transparent",onClick:h}),m&&/*#__PURE__*/e.jsxs(s.Box,{"data-testid":"design-system-calendar--content",className:"border-w-gray-200 bg-w-white shadow-graymedium absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border px-[15px] py-[23px]",children:[
-/*#__PURE__*/e.jsx(l.SelectHeader,{visibleDate:D,onChange:e=>{w(e)}}),
+}),[h]),/*#__PURE__*/e.jsxs(s.Box,{className:t.twMerge("relative h-fit w-fit select-none",y),"data-testid":"design-system-calendar--container",children:[
+/*#__PURE__*/e.jsx(s.Box,{className:"cursor-pointer",children:/*#__PURE__*/e.jsxs(i.TextFieldContainer,{isFocused:h,isError:u,isDisabled:g,testId:"design-system-calendar--trigger",onClick:D,className:p,children:[
+/*#__PURE__*/e.jsx(n.SystemIcon,{name:"medium_calendar",className:g||!c?"text-w-gray-300":"text-w-gray-400"}),
+/*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:t.twMerge("text-w-gray-600 min-w-[178px]",!c&&"text-w-gray-300",g&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:c?`${C} ${S} ${b}`:m})]})}),h&&/*#__PURE__*/e.jsx("div",{className:"fixed top-0 left-0 z-10 h-screen w-screen bg-transparent",onClick:D}),h&&/*#__PURE__*/e.jsxs(s.Box,{"data-testid":"design-system-calendar--content",className:"border-w-gray-200 bg-w-white shadow-graymedium absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border px-[15px] py-[23px]",children:[
+/*#__PURE__*/e.jsx(l.SelectHeader,{visibleDate:q,onChange:e=>{B(e)}}),
 /*#__PURE__*/e.jsx(l.WeekHeader,{}),
-/*#__PURE__*/e.jsx(s.Box,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:b.map(((a,t)=>{const r=!(!a||!c)&&d.isSameDate(a,q);return a?/*#__PURE__*/e.jsx(l.DateBox,{date:a,selected:r,onChange:v},`${a.year}-${a.month}-${a.date}`):/*#__PURE__*/e.jsx(l.DateBox,{disabled:!0},t)}))})]})]})};
+/*#__PURE__*/e.jsx(s.Box,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:N.map(((a,t)=>{const r=!(!a||!c)&&d.isSameDate(a,f);return a?/*#__PURE__*/e.jsx(l.DateBox,{date:a,selected:r,onChange:$},`${a.year}-${a.month}-${a.date}`):/*#__PURE__*/e.jsx(l.DateBox,{disabled:!0},t)}))})]})]})};

package/dist/cjs/Components/Utils/ModalContainer/ModalContainer.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),l=require("tailwind-merge"),o=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");exports.ModalContainer=({size:r="md",overflow:s="auto",children:i})=>/*#__PURE__*/e.jsx(o.Box,{"data-testid":"design-system--modal-container",className:l.twJoin("bg-w-white shadow-modal h-fit rounded-3xl",// 아직 정해지지 않은 내부 레이아웃
+"use strict";var e=require("react/jsx-runtime"),l=require("tailwind-merge"),o=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");exports.ModalContainer=({size:r="md",overflow:s="auto",children:i})=>/*#__PURE__*/e.jsx(o.Box,{"data-testid":"design-system--modal-container",className:l.twJoin("bg-w-white shadow-modal h-fit max-w-[calc(100vw-40px)] rounded-3xl",// 아직 정해지지 않은 내부 레이아웃
 "flex items-center justify-center",{xs:"w-[320px]",sm:"w-[400px]",md:"w-[500px]",lg:"w-[600px]",xl:"w-[1000px]",full:"w-full"}[r],{auto:"overflow-auto",visible:"overflow-visible",hidden:"overflow-hidden",scroll:"overflow-scroll"}[s]),children:i});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "type": "module",
   "description": "Wishket Design System",
   "main": "dist/index.js",