@pfct/purple 1.13.0 → 1.15.0

package/dist/components/DatePicker/SingleDatePicker.test.esm.js

@@ -0,0 +1,37 @@
+import { SingleDatePicker as e } from "./SingleDatePicker.esm.js";
+import { a as t, c as n, i as r, l as i, n as a, o, r as s, s as c, t as l } from "../../chunks/test.DNmyFkvJ.BcfgRAxR.js";
+import { useState as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
+//#region src/components/DatePicker/SingleDatePicker.test.tsx
+var f = new Date(2026, 0, 15), p = new Date(2026, 0, 1);
+function m({ maxDate: t, onSelect: n }) {
+	let [r, i] = u(p), [a, o] = u();
+	return /* @__PURE__ */ d(e, {
+		currentMonth: r,
+		maxDate: t,
+		onMonthChange: i,
+		onSelect: (e) => {
+			o(e), n?.(e);
+		},
+		selected: a
+	});
+}
+t("SingleDatePicker", () => {
+	r(() => {
+		a.useFakeTimers(), a.setSystemTime(f);
+	}), s(() => {
+		a.useRealTimers();
+	}), o("현재 월과 요일 헤더를 렌더한다", () => {
+		n(/* @__PURE__ */ d(m, {})), l(i.getByText("2026년 1월")).toBeInTheDocument(), l(i.getByText("일")).toBeInTheDocument(), l(i.getByText("토")).toBeInTheDocument();
+	}), o("날짜를 클릭하면 해당 Date로 onSelect가 호출된다", () => {
+		let e = a.fn();
+		n(/* @__PURE__ */ d(m, { onSelect: e })), c.click(i.getByText("12")), l(e).toHaveBeenCalled();
+		let t = e.mock.calls.at(-1)?.[0];
+		l(t?.getDate()).toBe(12);
+	}), o("maxDate 이후 날짜는 비활성화된다", () => {
+		n(/* @__PURE__ */ d(m, { maxDate: f })), l(i.getByText("20").closest("button")).toBeDisabled();
+	}), o("오늘(1월 15일) 셀에 today 클래스가 적용된다", () => {
+		n(/* @__PURE__ */ d(m, {})), l(i.getByText("15").closest("td")?.className).toContain("today");
+	});
+});
+//#endregion

package/dist/components/DatePicker/hooks.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/dateMatchModifiers.DWzTSPL9.js"),t=require("./utils.cjs.js");let n=require("react");var r=({displayMonth:e,onMonthChange:r,minDate:i,maxDate:a})=>{let{minNav:o,maxNav:s}=(0,n.useMemo)(()=>{let e=t.startOfMonth(new Date);return{minNav:i??t.addYears(e,-100),maxNav:a??t.addYears(e,100)}},[i,a]),c=e.getFullYear();return{year:c,month:e.getMonth()+1,disablePrevMonth:t.monthIndex(e)<=t.monthIndex(o),disableNextMonth:t.monthIndex(e)>=t.monthIndex(s),disablePrevYear:c<=o.getFullYear(),disableNextYear:c>=s.getFullYear(),handlePrevYear:(0,n.useCallback)(()=>r(t.addYears(e,-1)),[e,r]),handleNextYear:(0,n.useCallback)(()=>r(t.addYears(e,1)),[e,r]),handlePrevMonth:(0,n.useCallback)(()=>r(t.addMonths(e,-1)),[e,r]),handleNextMonth:(0,n.useCallback)(()=>r(t.addMonths(e,1)),[e,r])}},i=({displayMonth:r,minDate:i,maxDate:a,disabledDays:o})=>{let{start:s,end:c}=(0,n.useMemo)(()=>({start:t.startOfMonth(r),end:t.endOfMonth(r)}),[r]),l=(0,n.useMemo)(()=>{let e=[{before:s}];return i&&e.push({before:i}),a&&e.push({after:a}),o!==void 0&&e.push(o),e},[s,i,a,o]),u=(0,n.useCallback)(t=>!e.t(t,l),[l]);return{modifiers:(0,n.useMemo)(()=>({currentMonthEnabled:e=>e>=s&&e<=c&&u(e),currentMonthDisabled:e=>e>=s&&e<=c&&!u(e),nextMonthEnabled:e=>e>c&&u(e),nextMonthDisabled:e=>e>c&&!u(e)}),[s,c,u]),disabled:l}};exports.useCalendarNavigation=r,exports.useMonthDayModifiers=i;

package/dist/components/DatePicker/hooks.d.ts

@@ -0,0 +1,46 @@
+import { Matcher } from 'react-day-picker';
+interface NavigationParams {
+    displayMonth: Date;
+    maxDate?: Date;
+    minDate?: Date;
+    onMonthChange: (date: Date) => void;
+}
+/**
+ * 연/월 이동 핸들러와 경계 비활성화 플래그를 계산.
+ * min/maxDate가 없으면 현재일 기준 ±100년(Notion 기본값)으로 이동을 제한한다.
+ */
+export declare const useCalendarNavigation: ({ displayMonth, onMonthChange, minDate, maxDate }: NavigationParams) => {
+    year: number;
+    month: number;
+    disablePrevMonth: boolean;
+    disableNextMonth: boolean;
+    disablePrevYear: boolean;
+    disableNextYear: boolean;
+    handlePrevYear: () => void;
+    handleNextYear: () => void;
+    handlePrevMonth: () => void;
+    handleNextMonth: () => void;
+};
+interface ModifierParams {
+    /** 선택 가능 범위 안에서 개별적으로 비활성화할 날짜(Date[]·범위·요일·조건 함수 등). */
+    disabledDays?: Matcher;
+    displayMonth: Date;
+    maxDate?: Date;
+    minDate?: Date;
+}
+/**
+ * 표시 월 맥락(현재/다음 달) 및 선택 가능 여부에 따른 rdp `modifiers`와 `disabled` 매처를 계산.
+ * 단일/기간 공용. 기본적으로 **표시 월 이전(leading) 날짜는 비활성화**되고, min/maxDate 경계 +
+ * `disabledDays`에 걸리는 날짜도 비활성화된다.
+ */
+export declare const useMonthDayModifiers: ({ displayMonth, minDate, maxDate, disabledDays }: ModifierParams) => {
+    modifiers: {
+        currentMonthEnabled: (date: Date) => boolean;
+        currentMonthDisabled: (date: Date) => boolean;
+        nextMonthEnabled: (date: Date) => boolean;
+        nextMonthDisabled: (date: Date) => boolean;
+    };
+    disabled: Matcher[];
+};
+export {};
+//# sourceMappingURL=hooks.d.ts.map

package/dist/components/DatePicker/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/hooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGpE,UAAU,gBAAgB;IACzB,YAAY,EAAE,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACpC;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,mDAAmD,gBAAgB;;;;;;;;;;;CAkCxG,CAAC;AAEF,UAAU,cAAc;IACvB,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;CACf;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,kDAAkD,cAAc;;oCA0BtE,IAAI,KAAG,OAAO;qCACb,IAAI,KAAG,OAAO;iCAClB,IAAI,KAAG,OAAO;kCACb,IAAI,KAAG,OAAO;;;CAM1C,CAAC"}

package/dist/components/DatePicker/hooks.esm.js

@@ -0,0 +1,53 @@
+import { t as e } from "../../chunks/dateMatchModifiers.BP6awhUm.js";
+import { addMonths as t, addYears as n, endOfMonth as r, monthIndex as i, startOfMonth as a } from "./utils.esm.js";
+import { useCallback as o, useMemo as s } from "react";
+//#region src/components/DatePicker/hooks.ts
+var c = ({ displayMonth: e, onMonthChange: r, minDate: c, maxDate: l }) => {
+	let { minNav: u, maxNav: d } = s(() => {
+		let e = a(/* @__PURE__ */ new Date());
+		return {
+			minNav: c ?? n(e, -100),
+			maxNav: l ?? n(e, 100)
+		};
+	}, [c, l]), f = e.getFullYear();
+	return {
+		year: f,
+		month: e.getMonth() + 1,
+		disablePrevMonth: i(e) <= i(u),
+		disableNextMonth: i(e) >= i(d),
+		disablePrevYear: f <= u.getFullYear(),
+		disableNextYear: f >= d.getFullYear(),
+		handlePrevYear: o(() => r(n(e, -1)), [e, r]),
+		handleNextYear: o(() => r(n(e, 1)), [e, r]),
+		handlePrevMonth: o(() => r(t(e, -1)), [e, r]),
+		handleNextMonth: o(() => r(t(e, 1)), [e, r])
+	};
+}, l = ({ displayMonth: t, minDate: n, maxDate: i, disabledDays: c }) => {
+	let { start: l, end: u } = s(() => ({
+		start: a(t),
+		end: r(t)
+	}), [t]), d = s(() => {
+		let e = [{ before: l }];
+		return n && e.push({ before: n }), i && e.push({ after: i }), c !== void 0 && e.push(c), e;
+	}, [
+		l,
+		n,
+		i,
+		c
+	]), f = o((t) => !e(t, d), [d]);
+	return {
+		modifiers: s(() => ({
+			currentMonthEnabled: (e) => e >= l && e <= u && f(e),
+			currentMonthDisabled: (e) => e >= l && e <= u && !f(e),
+			nextMonthEnabled: (e) => e > u && f(e),
+			nextMonthDisabled: (e) => e > u && !f(e)
+		}), [
+			l,
+			u,
+			f
+		]),
+		disabled: d
+	};
+};
+//#endregion
+export { c as useCalendarNavigation, l as useMonthDayModifiers };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./BaseDatePicker/index.cjs.js"),t=require("./RangeDatePicker/hooks/useRangeDatePicker.cjs.js");require("./RangeDatePicker/index.cjs.js");const n=require("./RangeDatePickerModal/useRangeDatePickerModal.cjs.js"),r=require("./RangeDatePickerModal/index.cjs.js"),i=require("./SingleDatePicker/hooks/useSingleDatePicker.cjs.js");require("./SingleDatePicker/index.cjs.js");const a=require("./SingleDatePickerModal/useSingleDatePickerModal.cjs.js"),o=require("./SingleDatePickerModal/index.cjs.js");exports.BaseDatePicker=e.BaseDatePicker,exports.RangeDatePickerModal=r.RangeDatePickerModal,exports.SingleDatePickerModal=o.SingleDatePickerModal,exports.useRangeDatePicker=t.useRangeDatePicker,exports.useRangeDatePickerModal=n.useRangeDatePickerModal,exports.useSingleDatePicker=i.useSingleDatePicker,exports.useSingleDatePickerModal=a.useSingleDatePickerModal;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./CalendarNavigation.cjs.js"),t=require("./RangeDatePicker.cjs.js"),n=require("./SingleDatePicker.cjs.js");exports.CalendarNavigation=e.CalendarNavigation,exports.RangeDatePicker=t.RangeDatePicker,exports.SingleDatePicker=n.SingleDatePicker;

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

@@ -1,6 +1,8 @@
-export * from './BaseDatePicker';
-export * from './RangeDatePicker';
-export * from './RangeDatePickerModal';
-export * from './SingleDatePicker';
-export * from './SingleDatePickerModal';
+export type { CalendarNavigationProps } from './CalendarNavigation';
+export { CalendarNavigation } from './CalendarNavigation';
+export type { RangeDatePickerProps } from './RangeDatePicker';
+export { RangeDatePicker } from './RangeDatePicker';
+export type { SingleDatePickerProps } from './SingleDatePicker';
+export { SingleDatePicker } from './SingleDatePicker';
+export type { DatePickerColorType } from './styles';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/DatePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/DatePicker/index.esm.js

@@ -1,10 +1,4 @@
-import { BaseDatePicker as e } from "./BaseDatePicker/index.esm.js";
-import { useRangeDatePicker as t } from "./RangeDatePicker/hooks/useRangeDatePicker.esm.js";
-import "./RangeDatePicker/index.esm.js";
-import { useRangeDatePickerModal as n } from "./RangeDatePickerModal/useRangeDatePickerModal.esm.js";
-import { RangeDatePickerModal as r } from "./RangeDatePickerModal/index.esm.js";
-import { useSingleDatePicker as i } from "./SingleDatePicker/hooks/useSingleDatePicker.esm.js";
-import "./SingleDatePicker/index.esm.js";
-import { useSingleDatePickerModal as a } from "./SingleDatePickerModal/useSingleDatePickerModal.esm.js";
-import { SingleDatePickerModal as o } from "./SingleDatePickerModal/index.esm.js";
-export { e as BaseDatePicker, r as RangeDatePickerModal, o as SingleDatePickerModal, t as useRangeDatePicker, n as useRangeDatePickerModal, i as useSingleDatePicker, a as useSingleDatePickerModal };
+import { CalendarNavigation as e } from "./CalendarNavigation.esm.js";
+import { RangeDatePicker as t } from "./RangeDatePicker.esm.js";
+import { SingleDatePicker as n } from "./SingleDatePicker.esm.js";
+export { e as CalendarNavigation, t as RangeDatePicker, n as SingleDatePicker };

package/dist/components/DatePicker/styles.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/utils.C67s_c-g.js"),t=require("../../chunks/calendar.xgzPWsAf.js");var n={lime:`[&>button]:rounded-full [&>button]:bg-lime-400 [&>button]:text-white [&>button]:hover:bg-lime-400`,gray:`[&>button]:rounded-full [&>button]:bg-gray-900 [&>button]:text-white [&>button]:hover:bg-gray-900`},r={lime:e.t(t.n,`aria-selected:rounded-full aria-selected:bg-lime-400 aria-selected:text-white aria-selected:hover:bg-lime-400`),gray:e.t(t.n,`aria-selected:rounded-full aria-selected:bg-gray-900 aria-selected:text-white aria-selected:hover:bg-gray-900`)},i=`bg-[length:100%_2rem] bg-top bg-no-repeat`,a={lime:{start:e.t(`bg-gradient-to-r from-50% from-transparent to-50% to-lime-25`,i),end:e.t(`bg-gradient-to-l from-50% from-transparent to-50% to-lime-25`,i),middle:e.t(`bg-gradient-to-b from-lime-25 to-lime-25`,i)},gray:{start:e.t(`bg-gradient-to-r from-50% from-transparent to-50% to-gray-50`,i),end:e.t(`bg-gradient-to-l from-50% from-transparent to-50% to-gray-50`,i),middle:e.t(`bg-gradient-to-b from-gray-50 to-gray-50`,i)}},o={lime:{day_button:r.lime,range_start:e.t(a.lime.start,n.lime),range_end:e.t(a.lime.end,n.lime),range_middle:a.lime.middle,selected:``},gray:{day_button:r.gray,range_start:e.t(a.gray.start,n.gray),range_end:e.t(a.gray.end,n.gray),range_middle:a.gray.middle,selected:``}},s={lime:{range_start:n.lime,range_end:n.lime,selected:n.lime},gray:{range_start:n.gray,range_end:n.gray,selected:n.gray}},c={nextMonthEnabled:`text-gray-300 [&>button]:hover:bg-gray-50`,nextMonthDisabled:`text-gray-100 [&>button]:cursor-not-allowed [&>button]:hover:bg-transparent`,currentMonthEnabled:`text-gray-900 cursor-pointer [&>button]:cursor-pointer`,currentMonthDisabled:`text-gray-100 cursor-not-allowed [&>button]:cursor-not-allowed [&>button]:hover:bg-transparent`},l=e=>({selected:n[e]}),u=(e,t)=>({...o[e],...t?s[e]:{}});exports.MODIFIERS_CLASS_NAMES=c,exports.getRangeClassNames=u,exports.getSingleClassNames=l;

package/dist/components/DatePicker/styles.d.ts

@@ -0,0 +1,25 @@
+import { DayPickerProps } from '../ui/calendar';
+/**
+ * DatePicker 색상 테마.
+ * - `lime`: 크플(cple) 서비스 영역
+ * - `gray`: 그 외 서비스/서브 영역
+ * (Tailwind JIT가 스캔할 수 있도록 클래스는 동적 조합 없이 리터럴로 작성한다.)
+ */
+export type DatePickerColorType = 'lime' | 'gray';
+type CalendarClassNames = DayPickerProps['classNames'];
+/** 표시 월 맥락별(현재/다음 달) 텍스트 색상. 색상 테마와 무관하게 고정. (이전 월 날짜는 기본 disabled) */
+export declare const MODIFIERS_CLASS_NAMES: {
+    nextMonthEnabled: string;
+    nextMonthDisabled: string;
+    currentMonthEnabled: string;
+    currentMonthDisabled: string;
+};
+/** 단일 선택 캘린더의 색상 오버라이드 classNames. */
+export declare const getSingleClassNames: (colorType: DatePickerColorType) => CalendarClassNames;
+/**
+ * 기간 선택 캘린더의 색상 오버라이드 classNames.
+ * `isSingleOrSame`이면 그라데이션을 제거하고 단일 원형만 남긴다.
+ */
+export declare const getRangeClassNames: (colorType: DatePickerColorType, isSingleOrSame: boolean) => CalendarClassNames;
+export {};
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/DatePicker/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEtE;;;;;GAKG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,CAAC;AAElD,KAAK,kBAAkB,GAAG,cAAc,CAAC,YAAY,CAAC,CAAC;AAqEvD,uEAAuE;AACvE,eAAO,MAAM,qBAAqB;;;;;CAMjC,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,mBAAmB,GAAI,WAAW,mBAAmB,KAAG,kBAEnE,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,WAAW,mBAAmB,EAAE,gBAAgB,OAAO,KAAG,kBAG3F,CAAC"}

package/dist/components/DatePicker/styles.esm.js

@@ -0,0 +1,57 @@
+import { n as e } from "../../chunks/calendar.Yb0r9Gp2.js";
+import { t } from "../../chunks/utils.D6DjRYW1.js";
+//#region src/components/DatePicker/styles.ts
+var n = {
+	lime: "[&>button]:rounded-full [&>button]:bg-lime-400 [&>button]:text-white [&>button]:hover:bg-lime-400",
+	gray: "[&>button]:rounded-full [&>button]:bg-gray-900 [&>button]:text-white [&>button]:hover:bg-gray-900"
+}, r = {
+	lime: t(e, "aria-selected:rounded-full aria-selected:bg-lime-400 aria-selected:text-white aria-selected:hover:bg-lime-400"),
+	gray: t(e, "aria-selected:rounded-full aria-selected:bg-gray-900 aria-selected:text-white aria-selected:hover:bg-gray-900")
+}, i = "bg-[length:100%_2rem] bg-top bg-no-repeat", a = {
+	lime: {
+		start: t("bg-gradient-to-r from-50% from-transparent to-50% to-lime-25", i),
+		end: t("bg-gradient-to-l from-50% from-transparent to-50% to-lime-25", i),
+		middle: t("bg-gradient-to-b from-lime-25 to-lime-25", i)
+	},
+	gray: {
+		start: t("bg-gradient-to-r from-50% from-transparent to-50% to-gray-50", i),
+		end: t("bg-gradient-to-l from-50% from-transparent to-50% to-gray-50", i),
+		middle: t("bg-gradient-to-b from-gray-50 to-gray-50", i)
+	}
+}, o = {
+	lime: {
+		day_button: r.lime,
+		range_start: t(a.lime.start, n.lime),
+		range_end: t(a.lime.end, n.lime),
+		range_middle: a.lime.middle,
+		selected: ""
+	},
+	gray: {
+		day_button: r.gray,
+		range_start: t(a.gray.start, n.gray),
+		range_end: t(a.gray.end, n.gray),
+		range_middle: a.gray.middle,
+		selected: ""
+	}
+}, s = {
+	lime: {
+		range_start: n.lime,
+		range_end: n.lime,
+		selected: n.lime
+	},
+	gray: {
+		range_start: n.gray,
+		range_end: n.gray,
+		selected: n.gray
+	}
+}, c = {
+	nextMonthEnabled: "text-gray-300 [&>button]:hover:bg-gray-50",
+	nextMonthDisabled: "text-gray-100 [&>button]:cursor-not-allowed [&>button]:hover:bg-transparent",
+	currentMonthEnabled: "text-gray-900 cursor-pointer [&>button]:cursor-pointer",
+	currentMonthDisabled: "text-gray-100 cursor-not-allowed [&>button]:cursor-not-allowed [&>button]:hover:bg-transparent"
+}, l = (e) => ({ selected: n[e] }), u = (e, t) => ({
+	...o[e],
+	...t ? s[e] : {}
+});
+//#endregion
+export { c as MODIFIERS_CLASS_NAMES, u as getRangeClassNames, l as getSingleClassNames };

package/dist/components/DatePicker/utils.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=100,t=(e,t)=>new Date(e.getFullYear(),e.getMonth()+t,1),n=(e,t)=>new Date(e.getFullYear()+t,e.getMonth(),1),r=e=>new Date(e.getFullYear(),e.getMonth(),1),i=e=>new Date(e.getFullYear(),e.getMonth()+1,0),a=e=>e.getFullYear()*12+e.getMonth(),o=(e,t)=>e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate(),s=e=>`${String(e.getFullYear()).slice(2)}.${String(e.getMonth()+1).padStart(2,`0`)}.${String(e.getDate()).padStart(2,`0`)}`,c=(e,t)=>e?.from?e.to?t?.from?{from:e.from.getTime()===t.from.getTime()?t.to??t.from:t.from,to:void 0}:t:t?.from&&t.from.getTime()<e.from.getTime()?{from:t.from,to:void 0}:t?.from?t:{from:e.from,to:e.from}:{from:t?.from,to:void 0};exports.DEFAULT_NAV_YEAR_SPAN=e,exports.addMonths=t,exports.addYears=n,exports.calculateNewRange=c,exports.endOfMonth=i,exports.formatYYMMDD=s,exports.isSameDay=o,exports.monthIndex=a,exports.startOfMonth=r;

package/dist/components/DatePicker/utils.d.ts

@@ -0,0 +1,23 @@
+import { DateRange } from '../ui/calendar';
+/** 현재일 기준 연도 이동 기본 허용 범위(±100년). Notion 스펙 기본값. */
+export declare const DEFAULT_NAV_YEAR_SPAN = 100;
+/** 표시 월 이동용: 해당 월의 1일로 정규화한 날짜를 반환. */
+export declare const addMonths: (date: Date, amount: number) => Date;
+export declare const addYears: (date: Date, amount: number) => Date;
+export declare const startOfMonth: (date: Date) => Date;
+/** 해당 월의 마지막 날. */
+export declare const endOfMonth: (date: Date) => Date;
+/** 연·월을 단일 정수 인덱스로 변환(월 단위 대소 비교용). */
+export declare const monthIndex: (date: Date) => number;
+export declare const isSameDay: (a: Date, b: Date) => boolean;
+/** `YY.MM.DD` 형식 문자열. 선택 날짜 타이틀 표시에 사용. */
+export declare const formatYYMMDD: (date: Date) => string;
+/**
+ * react-day-picker의 raw range 선택 결과를 스펙 동작에 맞게 보정한다.
+ * - 미선택 상태 첫 클릭 → 시작일만 설정
+ * - 시작일만 있는 상태: 이전 날짜 클릭 → 시작일 재설정 / 같은 날 → 시작=종료 / 이후 → 범위 완성
+ * - 범위 완성 상태에서 새 클릭 → 클릭 날짜를 새 시작일로 리셋
+ * 4개 프로덕트 사용처에 중복되던 로직을 `RangeDatePicker` 내부로 이관한 것.
+ */
+export declare const calculateNewRange: (prevRange: DateRange | undefined, range: DateRange | undefined) => DateRange | undefined;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/DatePicker/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,mDAAmD;AACnD,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC,uCAAuC;AACvC,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,EAAE,QAAQ,MAAM,KAAG,IACG,CAAC;AAE3D,eAAO,MAAM,QAAQ,GAAI,MAAM,IAAI,EAAE,QAAQ,MAAM,KAAG,IAAiE,CAAC;AAExH,eAAO,MAAM,YAAY,GAAI,MAAM,IAAI,KAAG,IAAwD,CAAC;AAEnG,mBAAmB;AACnB,eAAO,MAAM,UAAU,GAAI,MAAM,IAAI,KAAG,IAA4D,CAAC;AAErG,uCAAuC;AACvC,eAAO,MAAM,UAAU,GAAI,MAAM,IAAI,KAAG,MAAmD,CAAC;AAE5F,eAAO,MAAM,SAAS,GAAI,GAAG,IAAI,EAAE,GAAG,IAAI,KAAG,OACuD,CAAC;AAErG,2CAA2C;AAC3C,eAAO,MAAM,YAAY,GAAI,MAAM,IAAI,KAAG,MAKzC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,GAC7B,WAAW,SAAS,GAAG,SAAS,EAChC,OAAO,SAAS,GAAG,SAAS,KAC1B,SAAS,GAAG,SAqBd,CAAC"}

package/dist/components/DatePicker/utils.esm.js

@@ -0,0 +1,16 @@
+//#region src/components/DatePicker/utils.ts
+var e = 100, t = (e, t) => new Date(e.getFullYear(), e.getMonth() + t, 1), n = (e, t) => new Date(e.getFullYear() + t, e.getMonth(), 1), r = (e) => new Date(e.getFullYear(), e.getMonth(), 1), i = (e) => new Date(e.getFullYear(), e.getMonth() + 1, 0), a = (e) => e.getFullYear() * 12 + e.getMonth(), o = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), s = (e) => `${String(e.getFullYear()).slice(2)}.${String(e.getMonth() + 1).padStart(2, "0")}.${String(e.getDate()).padStart(2, "0")}`, c = (e, t) => e?.from ? e.to ? t?.from ? {
+	from: e.from.getTime() === t.from.getTime() ? t.to ?? t.from : t.from,
+	to: void 0
+} : t : t?.from && t.from.getTime() < e.from.getTime() ? {
+	from: t.from,
+	to: void 0
+} : t?.from ? t : {
+	from: e.from,
+	to: e.from
+} : {
+	from: t?.from,
+	to: void 0
+};
+//#endregion
+export { e as DEFAULT_NAV_YEAR_SPAN, t as addMonths, n as addYears, c as calculateNewRange, i as endOfMonth, s as formatYYMMDD, o as isSameDay, a as monthIndex, r as startOfMonth };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/Divider.CinbGPsa.js");exports.Divider=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/Divider.BVQgWmJM.js");exports.Divider=e.t;

package/dist/components/ErrorUI/SectionError.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/aliases/index.cjs.js");const t=require("../../chunks/utils.C67s_c-g.js"),n=require("../ui/typography.cjs.js");let r=require("react/jsx-runtime");var i=[`vertical`,`horizontal`],a=`정보를 불러오지 못했어요`,o=({iconClassName:n,onRetry:i})=>(0,r.jsx)(`button`,{"aria-label":`다시 시도`,className:`flex size-6.25 cursor-pointer items-center justify-center`,onClick:i,type:`button`,children:(0,r.jsx)(e.default,{className:t.t(`size-4.25 text-gray-600`,n)})});function s({message:e=a,type:i=`vertical`,onRetry:s,className:c,iconClassName:l}){return i===`horizontal`?(0,r.jsxs)(`div`,{className:t.t(`flex items-center gap-2.5`,c),"data-slot":`section-error`,children:[(0,r.jsx)(n.Typography,{className:`text-gray-400`,variant:`t1`,children:e}),(0,r.jsx)(o,{iconClassName:l,onRetry:s})]}):(0,r.jsxs)(`div`,{className:t.t(`flex flex-col items-center justify-center gap-1.75`,c),"data-slot":`section-error`,children:[(0,r.jsx)(o,{iconClassName:l,onRetry:s}),(0,r.jsx)(n.Typography,{className:`text-gray-400`,variant:`t3`,children:e})]})}exports.SectionError=s,exports.sectionErrorTypes=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/aliases/index.cjs.js");const t=require("../../chunks/utils.C67s_c-g.js"),n=require("../ui/typography.cjs.js");let r=require("react/jsx-runtime");var i=[`vertical`,`horizontal`,`button_only`],a=`정보를 불러오지 못했어요`,o=({iconClassName:n,onRetry:i})=>(0,r.jsx)(`button`,{"aria-label":`다시 시도`,className:`flex size-7.25 cursor-pointer items-center justify-center rounded-full border border-gray-100 bg-white p-1.25`,onClick:i,type:`button`,children:(0,r.jsx)(e.default,{className:t.t(`size-5 text-gray-600`,n)})});function s({message:e=a,type:i=`vertical`,onRetry:s,className:c,iconClassName:l}){return i===`button_only`?(0,r.jsx)(o,{iconClassName:l,onRetry:s}):i===`horizontal`?(0,r.jsxs)(`div`,{className:t.t(`flex items-center gap-2`,c),"data-slot":`section-error`,children:[(0,r.jsx)(n.Typography,{className:`text-gray-400`,variant:`t3`,children:e}),(0,r.jsx)(o,{iconClassName:l,onRetry:s})]}):(0,r.jsxs)(`div`,{className:t.t(`flex flex-col items-center justify-center gap-2`,c),"data-slot":`section-error`,children:[(0,r.jsx)(o,{iconClassName:l,onRetry:s}),(0,r.jsx)(n.Typography,{className:`text-gray-400`,variant:`t3`,children:e})]})}exports.SectionError=s,exports.sectionErrorTypes=i;

package/dist/components/ErrorUI/SectionError.d.ts

@@ -1,10 +1,10 @@
-declare const sectionErrorTypes: readonly ["vertical", "horizontal"];
+declare const sectionErrorTypes: readonly ["vertical", "horizontal", "button_only"];
 type SectionErrorType = (typeof sectionErrorTypes)[number];
 interface SectionErrorProps extends RetryButtonProps {
     readonly className?: string;
     /** 안내 문구 */
     readonly message?: string;
-    /** 레이아웃. vertical(아이콘 위·문구 아래) / horizontal(문구·아이콘 가로) */
+    /** 레이아웃. vertical(아이콘 위·문구 아래) / horizontal(문구·아이콘 가로) / button_only(재시도 버튼만 단독) */
     readonly type?: SectionErrorType;
 }
 interface RetryButtonProps {

package/dist/components/ErrorUI/SectionError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionError.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorUI/SectionError.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,iBAAiB,qCAAsC,CAAC;AAC9D,KAAK,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAI3D,UAAU,iBAAkB,SAAQ,gBAAgB;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY;IACZ,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAED,UAAU,gBAAgB;IACzB,6CAA6C;IAC7C,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,mBAAmB;IACnB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAaD;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EACrB,OAAyB,EACzB,IAAiB,EACjB,OAAO,EACP,SAAS,EACT,aAAa,GACb,EAAE,iBAAiB,+BAoBnB;AAED,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"SectionError.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorUI/SectionError.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,iBAAiB,oDAAqD,CAAC;AAC7E,KAAK,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAI3D,UAAU,iBAAkB,SAAQ,gBAAgB;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY;IACZ,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,oFAAoF;IACpF,QAAQ,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAED,UAAU,gBAAgB;IACzB,6CAA6C;IAC7C,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,mBAAmB;IACnB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAaD;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EACrB,OAAyB,EACzB,IAAiB,EACjB,OAAO,EACP,SAAS,EACT,aAAa,GACb,EAAE,iBAAiB,+BAwBnB;AAED,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/ErrorUI/SectionError.esm.js

@@ -4,27 +4,34 @@ import { t } from "../../chunks/utils.D6DjRYW1.js";
 import { Typography as n } from "../ui/typography.esm.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/ErrorUI/SectionError.tsx
-var a = ["vertical", "horizontal"], o = "정보를 불러오지 못했어요", s = ({ iconClassName: n, onRetry: i }) => /* @__PURE__ */ r("button", {
+var a = [
+	"vertical",
+	"horizontal",
+	"button_only"
+], o = "정보를 불러오지 못했어요", s = ({ iconClassName: n, onRetry: i }) => /* @__PURE__ */ r("button", {
 	"aria-label": "다시 시도",
-	className: "flex size-6.25 cursor-pointer items-center justify-center",
+	className: "flex size-7.25 cursor-pointer items-center justify-center rounded-full border border-gray-100 bg-white p-1.25",
 	onClick: i,
 	type: "button",
-	children: /* @__PURE__ */ r(e, { className: t("size-4.25 text-gray-600", n) })
+	children: /* @__PURE__ */ r(e, { className: t("size-5 text-gray-600", n) })
 });
 function c({ message: e = o, type: a = "vertical", onRetry: c, className: l, iconClassName: u }) {
-	return a === "horizontal" ? /* @__PURE__ */ i("div", {
-		className: t("flex items-center gap-2.5", l),
+	return a === "button_only" ? /* @__PURE__ */ r(s, {
+		iconClassName: u,
+		onRetry: c
+	}) : a === "horizontal" ? /* @__PURE__ */ i("div", {
+		className: t("flex items-center gap-2", l),
 		"data-slot": "section-error",
 		children: [/* @__PURE__ */ r(n, {
 			className: "text-gray-400",
-			variant: "t1",
+			variant: "t3",
 			children: e
 		}), /* @__PURE__ */ r(s, {
 			iconClassName: u,
 			onRetry: c
 		})]
 	}) : /* @__PURE__ */ i("div", {
-		className: t("flex flex-col items-center justify-center gap-1.75", l),
+		className: t("flex flex-col items-center justify-center gap-2", l),
 		"data-slot": "section-error",
 		children: [/* @__PURE__ */ r(s, {
 			iconClassName: u,

package/dist/components/Input/BaseInput/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/chunk.CMqjfN_6.js"),t=require("../../../chunks/utils.C67s_c-g.js"),n=require("../common/InputFrame/index.cjs.js");let r=require("react");r=e.t(r);let i=require("react/jsx-runtime");var a=({ref:e,...a})=>{let{value:o=``,placeholder:s,onBlur:c,onFocus:l,onChange:u,disabled:d,label:f,decoration:p,errorValidation:m,logRocketMasking:h,focus:g=!1,focusedAnimation:_=!0,format:v=``,pattern:y,type:b,className:x,...S}=a,[C,w]=(0,r.useState)(``),[T,E]=(0,r.useState)(!1),D=(0,r.useRef)(null),O=T||!!o,k=f&&O||!f,A=(0,r.useCallback)(e=>{let{type:t}=e;S.readOnly||d||_&&E(t===`focus`)},[d,_,S.readOnly]);return(0,r.useEffect)(()=>{g&&D.current?.focus()},[g]),(0,r.useEffect)(()=>{if(o.replace(v,``).trim()&&m)for(let e=0;e<m.length;e++){if(!m[e]?.condition(o)&&o.length!==0){w(m[e]?.errorText??``);break}w(``)}},[o,m,v]),(0,r.useEffect)(()=>{let e=D.current,t=e=>{e.preventDefault()};if(e)return e.addEventListener(`wheel`,t),()=>{e.removeEventListener(`wheel`,t)}},[]),(0,i.jsxs)(n.InputFrame,{active:O,disabled:!!d,errorText:C,focused:T,label:f,children:[(0,i.jsx)(`input`,{className:t.t(`typo-t1 box-border h-[65px] w-full appearance-none border-none bg-transparent pl-[20px] text-gray-900 transition-all duration-200 placeholder:text-gray-100 focus:outline-none disabled:text-gray-200 disabled:opacity-100 disabled:[-webkit-text-fill-color:#C0C0C0] [&::-webkit-date-and-time-value]:[text-align:initial] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none`,f?`pt-[31px] pb-[11px]`:`pb-0`,p?`rounded-l-[10px]`:`rounded-[10px]`,x),"data-private":h,disabled:d,name:f,onBlur:e=>{c?.(e),A(e)},onChange:u,onFocus:e=>{l?.(e),A(e)},pattern:b===`number`?`\\d*`:y,placeholder:k?s:``,ref:e||D,type:b,value:o,...S}),p&&(0,i.jsx)(`div`,{className:t.t(`flex h-full items-center rounded-r-[10px] pr-[15px]`,d?`bg-gray-25`:`bg-white`),children:p})]})};exports.BaseInput=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/rolldown-runtime.mLOUI7ql.js"),t=require("../../../chunks/utils.C67s_c-g.js"),n=require("../common/InputFrame/index.cjs.js");let r=require("react");r=e.r(r);let i=require("react/jsx-runtime");var a=({ref:e,...a})=>{let{value:o=``,placeholder:s,onBlur:c,onFocus:l,onChange:u,disabled:d,label:f,decoration:p,errorValidation:m,logRocketMasking:h,focus:g=!1,focusedAnimation:_=!0,format:v=``,pattern:y,type:b,className:x,...S}=a,[C,w]=(0,r.useState)(``),[T,E]=(0,r.useState)(!1),D=(0,r.useRef)(null),O=T||!!o,k=f&&O||!f,A=(0,r.useCallback)(e=>{let{type:t}=e;S.readOnly||d||_&&E(t===`focus`)},[d,_,S.readOnly]);return(0,r.useEffect)(()=>{g&&D.current?.focus()},[g]),(0,r.useEffect)(()=>{if(o.replace(v,``).trim()&&m)for(let e=0;e<m.length;e++){if(!m[e]?.condition(o)&&o.length!==0){w(m[e]?.errorText??``);break}w(``)}},[o,m,v]),(0,r.useEffect)(()=>{let e=D.current,t=e=>{e.preventDefault()};if(e)return e.addEventListener(`wheel`,t),()=>{e.removeEventListener(`wheel`,t)}},[]),(0,i.jsxs)(n.InputFrame,{active:O,disabled:!!d,errorText:C,focused:T,label:f,children:[(0,i.jsx)(`input`,{className:t.t(`typo-t1 box-border h-[65px] w-full appearance-none border-none bg-transparent pl-[20px] text-gray-900 transition-all duration-200 placeholder:text-gray-100 focus:outline-none disabled:text-gray-200 disabled:opacity-100 disabled:[-webkit-text-fill-color:#C0C0C0] [&::-webkit-date-and-time-value]:[text-align:initial] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none`,f?`pt-[31px] pb-[11px]`:`pb-0`,p?`rounded-l-[10px]`:`rounded-[10px]`,x),"data-private":h,disabled:d,name:f,onBlur:e=>{c?.(e),A(e)},onChange:u,onFocus:e=>{l?.(e),A(e)},pattern:b===`number`?`\\d*`:y,placeholder:k?s:``,ref:e||D,type:b,value:o,...S}),p&&(0,i.jsx)(`div`,{className:t.t(`flex h-full items-center rounded-r-[10px] pr-[15px]`,d?`bg-gray-25`:`bg-white`),children:p})]})};exports.BaseInput=a;

package/dist/components/Input/PostfixInput/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/utils.C67s_c-g.js"),t=require("../../../core/Colors/index.cjs.js"),n=require("../../../core/Typography/BaseTypography/index.cjs.js"),r=require("../common/InputFrame/index.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o=({ref:o,...s})=>{let{realValue:c,postfix:l,onBlur:u,onFocus:d,onClick:f,disabled:p,label:m,placeholder:h,errorValidation:g,logRocketMasking:_,focus:v=!1,max:y,decoration:b,updateRealValue:x,formatRealValue:S,formatDisplayValue:C,type:w,pattern:T,...E}=s,[D,O]=(0,i.useState)(``),[k,A]=(0,i.useState)(``),[j,M]=(0,i.useState)(v),N=(0,i.useRef)(null),P=j||!!D,F=!(m||P)&&!!h,I=(0,i.useCallback)(e=>{if(e.length===0||e===`0`){A(``);return}if(g)for(let t=0;t<g.length;t++){if(!g[t]?.condition(e)&&e.length!==0){A(g[t]?.errorText??``);break}A(``)}},[g]),L=(0,i.useCallback)(e=>{let{type:t}=e;M(t===`focus`)},[]),R=(0,i.useCallback)(e=>{f?.(e),N.current?.focus()},[f]),z=(0,i.useCallback)(e=>{let t=S?.(e)||e,n=Number(y),r=Number(t);n&&!Number.isNaN(r)&&r>n||x(t)},[y,x,S]);return(0,i.useEffect)(()=>{let e=c;C&&(e=C?.(e)||``),O(e),I(c)},[C,I,c]),(0,i.useEffect)(()=>{v&&N.current?.focus()},[v]),(0,a.jsxs)(r.InputFrame,{active:P,disabled:!!p,errorText:k,focused:j,handleClickInput:R,label:m,children:[(0,a.jsxs)(`div`,{className:`flex w-full`,children:[(0,a.jsxs)(`div`,{className:e.t(`inline-grid flex-none`,j&&`w-fit pr-1`),children:[(0,a.jsx)(`input`,{...E,className:`typo-t1 box-border h-[65px] w-full resize-none appearance-none border-none bg-transparent pr-0 pl-[20px] text-gray-900 transition-all duration-200 [grid-area:1/2] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200 disabled:opacity-100 disabled:[-webkit-text-fill-color:#C0C0C0] [&::-webkit-date-and-time-value]:[text-align:initial] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none`,"data-private":_,disabled:p,name:m,onBlur:e=>{u?.(e),L(e)},onChange:e=>{let t=e.currentTarget.value;z(t)},onClick:R,onFocus:e=>{d?.(e),L(e)},pattern:w===`number`?`\\d*`:T,placeholder:F?h:``,ref:o||N,size:F?void 0:1,type:w,value:C?D:c}),(0,a.jsx)(`span`,{"aria-hidden":!0,className:`typo-t1 invisible whitespace-pre-wrap pl-[25px] [grid-area:1/2]`,children:`${D} `})]}),(0,a.jsx)(`div`,{className:`relative block flex-1`,children:P&&(0,a.jsx)(`div`,{className:e.t(`absolute`,m?`top-[31px]`:`top-[21px]`),children:(0,a.jsx)(n.BaseTypography,{color:p?t.basicColors.gray200:void 0,md:`Title1`,children:l})})})]}),b&&(0,a.jsx)(`div`,{className:e.t(`flex h-full items-center rounded-r-[10px] pr-[15px]`,p?`bg-gray-25`:`bg-white`),children:b})]})};exports.PostfixInput=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/utils.C67s_c-g.js"),t=require("../../../core/Colors/index.cjs.js"),n=require("../../../core/Typography/BaseTypography/index.cjs.js"),r=require("../common/InputFrame/index.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o=({ref:o,...s})=>{let{realValue:c,postfix:l,onBlur:u,onFocus:d,onClick:f,disabled:p,label:m,placeholder:h,errorValidation:g,logRocketMasking:_,focus:v=!1,max:y,decoration:b,updateRealValue:x,formatRealValue:S,formatDisplayValue:C,type:w,pattern:T,...E}=s,[D,O]=(0,i.useState)(``),[k,A]=(0,i.useState)(``),[j,M]=(0,i.useState)(v),N=(0,i.useRef)(null),P=j||!!D,F=!(m||P)&&!!h,I=(0,i.useCallback)(e=>{if(e.length===0||e===`0`){A(``);return}if(g)for(let t=0;t<g.length;t++){if(!g[t]?.condition(e)&&e.length!==0){A(g[t]?.errorText??``);break}A(``)}},[g]),L=(0,i.useCallback)(e=>{let{type:t}=e;M(t===`focus`)},[]),R=(0,i.useCallback)(e=>{f?.(e),N.current?.focus()},[f]),z=(0,i.useCallback)(e=>{let t=S?.(e)||e,n=Number(y),r=Number(t);n&&!Number.isNaN(r)&&r>n||x(t)},[y,x,S]);return(0,i.useEffect)(()=>{let e=c;C&&(e=C?.(e)||``),O(e),I(c)},[C,I,c]),(0,i.useEffect)(()=>{v&&N.current?.focus()},[v]),(0,a.jsxs)(r.InputFrame,{active:P,disabled:!!p,errorText:k,focused:j,handleClickInput:R,label:m,children:[(0,a.jsxs)(`div`,{className:`flex w-full`,children:[(0,a.jsxs)(`div`,{className:e.t(`inline-grid flex-none`,j&&`w-fit pr-1`),children:[(0,a.jsx)(`input`,{...E,className:e.t(`typo-t1 box-border h-[65px] w-full resize-none appearance-none border-none bg-transparent pr-0 pl-[20px] text-gray-900 transition-all duration-200 [grid-area:1/2] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200 disabled:opacity-100 disabled:[-webkit-text-fill-color:#C0C0C0] [&::-webkit-date-and-time-value]:[text-align:initial] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none`,m?`pt-[31px] pb-[11px]`:`pb-0`),"data-private":_,disabled:p,name:m,onBlur:e=>{u?.(e),L(e)},onChange:e=>{let t=e.currentTarget.value;z(t)},onClick:R,onFocus:e=>{d?.(e),L(e)},pattern:w===`number`?`\\d*`:T,placeholder:F?h:``,ref:o||N,size:F?void 0:1,type:w,value:C?D:c}),(0,a.jsx)(`span`,{"aria-hidden":!0,className:`typo-t1 invisible whitespace-pre-wrap pl-[25px] [grid-area:1/2]`,children:`${D} `})]}),(0,a.jsx)(`div`,{className:`relative block flex-1`,children:P&&(0,a.jsx)(`div`,{className:e.t(`absolute`,m?`top-[31px]`:`top-[21px]`),children:(0,a.jsx)(n.BaseTypography,{color:p?t.basicColors.gray200:void 0,md:`Title1`,children:l})})})]}),b&&(0,a.jsx)(`div`,{className:e.t(`flex h-full items-center rounded-r-[10px] pr-[15px]`,p?`bg-gray-25`:`bg-white`),children:b})]})};exports.PostfixInput=o;

package/dist/components/Input/PostfixInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/PostfixInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,UAAU,iBAAkB,SAAQ,eAAe;IAClD,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED;;GAEG;AACH,QAAA,MAAM,YAAY,GAAI,iCAAiC,iBAAiB,sBAgKvE,CAAC;AAEF,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/PostfixInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,UAAU,iBAAkB,SAAQ,eAAe;IAClD,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED;;GAEG;AACH,QAAA,MAAM,YAAY,GAAI,iCAAiC,iBAAiB,sBAoKvE,CAAC;AAEF,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Input/PostfixInput/index.esm.js

@@ -53,7 +53,7 @@ var u = ({ ref: u, ...d }) => {
 				className: e("inline-grid flex-none", F && "w-fit pr-1"),
 				children: [/* @__PURE__ */ c("input", {
 					...A,
-					className: "typo-t1 box-border h-[65px] w-full resize-none appearance-none border-none bg-transparent pr-0 pl-[20px] text-gray-900 transition-all duration-200 [grid-area:1/2] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200 disabled:opacity-100 disabled:[-webkit-text-fill-color:#C0C0C0] [&::-webkit-date-and-time-value]:[text-align:initial] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none",
+					className: e("typo-t1 box-border h-[65px] w-full resize-none appearance-none border-none bg-transparent pr-0 pl-[20px] text-gray-900 transition-all duration-200 [grid-area:1/2] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200 disabled:opacity-100 disabled:[-webkit-text-fill-color:#C0C0C0] [&::-webkit-date-and-time-value]:[text-align:initial] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none", v ? "pt-[31px] pb-[11px]" : "pb-0"),
 					"data-private": x,
 					disabled: _,
 					name: v,

package/dist/components/Input/ResidentNumberInput/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/utils.C67s_c-g.js"),t=require("../common/InputFrame/index.cjs.js"),n=require("./rrn.cjs.js");let r=require("react"),i=require("react/jsx-runtime");var a=e=>e&&`pt-[31px] pr-0 pb-[11px] pl-0`,o=({value:o,onChange:s,rrnInputType:c=13,label:l,placeholder:u,disabled:d=!1,errorValidation:f=[],onBlur:p})=>{let m=c===7?n.RRN_LENGTHS.birth+n.RRN_LENGTHS.gender:n.RRN_LENGTHS.total,h=n.sanitizeRRN(o).slice(0,m),g=n.splitRRN(h),_=h.length>0,[v,y]=(0,r.useState)(!1),[b,x]=(0,r.useState)(``),S=v||_,C=!(l||S)&&!!u,w=v||_,T=(0,r.useRef)(null),E=(0,r.useRef)(null),D=(0,r.useRef)(null),O={birth:E,gender:D,security:D},k={birth:null,gender:T,security:E},A=(0,r.useMemo)(()=>`●`.repeat(g.security.length),[g.security]),j=(0,r.useRef)(void 0);(0,r.useEffect)(()=>{let e=h,t=j.current,r=t===void 0||t===``;j.current=e,r&&e.length>0&&e.length<m&&(e.length>=n.RRN_LENGTHS.birth+n.RRN_LENGTHS.gender?D.current?.focus():e.length>=n.RRN_LENGTHS.birth&&E.current?.focus())},[h,m]),(0,r.useEffect)(()=>{if(h.length===0||v){x(``);return}for(let e of f)if(!e.condition(h)){x(e.errorText);return}x(``)},[h,v,f]);let M=()=>y(!0),N=e=>{let t=e.relatedTarget;t===T.current||t===E.current||t===D.current||(y(!1),p?.(e))},P=e=>t=>{if(e===`security`&&(t.key===`ArrowLeft`||t.key===`ArrowRight`)){t.preventDefault();return}t.key===`Backspace`&&g[e].length===0&&k[e]?.current?.focus()},F=e=>t=>{let r=t.target.value,i={...g,[e]:r};s(n.sanitizeRRN(`${i.birth}${i.gender}${i.security}`).slice(0,m)),e!==`security`&&r.length>=n.RRN_LENGTHS[e]&&O[e].current?.focus()};return(0,i.jsxs)(t.InputFrame,{active:S,disabled:!!d,errorText:b,focused:v,label:l,children:[(0,i.jsx)(`input`,{className:e.t(`typo-t1 h-full border-none bg-transparent pl-[20px] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200`,a(!!l),w?`w-[150px]`:`w-full`),disabled:!!d,onBlur:N,onChange:F(`birth`),onFocus:M,onKeyDown:P(`birth`),placeholder:C?u:``,ref:T,type:`tel`,value:g.birth}),w&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:e.t(`typo-t1 mr-[5px]`,a(!!l),g.birth.length>=n.RRN_LENGTHS.birth?`visible`:`invisible`,d&&`text-gray-200`),children:`-`}),(0,i.jsx)(`input`,{className:e.t(`typo-t1 pointer-events-none h-[63px] w-[20px] border-none outline-none disabled:text-gray-200`,a(!!l)),disabled:!!d,onBlur:N,onChange:F(`gender`),onFocus:M,onKeyDown:P(`gender`),ref:E,type:`tel`,value:g.gender}),(0,i.jsx)(`div`,{className:e.t(`relative box-border h-[65px]`,a(!!l)),children:c===7?(0,i.jsx)(`div`,{className:e.t(`h-[23px] leading-[23px] [pointer-events:all]`,d?`text-gray-200`:`text-gray-900`,g.gender.length>0?`visible`:`invisible`),onClick:()=>E.current?.focus(),children:`●●●●●●`}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:e.t(`typo-t1 pointer-events-none absolute z-[2] h-[23px] leading-[23px]`,d?`text-gray-200`:`text-gray-900`),children:A}),(0,i.jsx)(`div`,{className:e.t(`typo-t1 pointer-events-none absolute z-[1] h-[23px] text-gray-200 leading-[23px]`,g.gender.length>0?`visible`:`invisible`),children:`●●●●●●`}),(0,i.jsx)(`input`,{className:`typo-t1 h-[23px] w-[105px] border-none bg-transparent p-0 leading-[23px] outline-none [caret-color:transparent!important] [color:transparent!important] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200`,disabled:!!d,onBlur:N,onChange:F(`security`),onClick:()=>{D.current?.setSelectionRange(g.security.length,g.security.length)},onFocus:M,onKeyDown:P(`security`),ref:D,type:`tel`,value:g.security})]})})]})]})};exports.RRN_LENGTHS=n.RRN_LENGTHS,exports.ResidentNumberInput=o,exports.sanitizeRRN=n.sanitizeRRN,exports.splitRRN=n.splitRRN;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/utils.C67s_c-g.js"),t=require("../common/InputFrame/index.cjs.js"),n=require("./rrn.cjs.js");let r=require("react"),i=require("react/jsx-runtime");var a=e=>e&&`pt-[31px] pb-[11px]`,o=({value:o,onChange:s,rrnInputType:c=13,label:l,placeholder:u,disabled:d=!1,errorValidation:f=[],onBlur:p})=>{let m=c===7?n.RRN_LENGTHS.birth+n.RRN_LENGTHS.gender:n.RRN_LENGTHS.total,h=n.sanitizeRRN(o).slice(0,m),g=n.splitRRN(h),_=h.length>0,[v,y]=(0,r.useState)(!1),[b,x]=(0,r.useState)(``),S=v||_,C=!(l||S)&&!!u,w=v||_,T=(0,r.useRef)(null),E=(0,r.useRef)(null),D=(0,r.useRef)(null),O={birth:E,gender:D,security:D},k={birth:null,gender:T,security:E},A=(0,r.useMemo)(()=>`●`.repeat(g.security.length),[g.security]),j=(0,r.useRef)(void 0);(0,r.useEffect)(()=>{let e=h,t=j.current,r=t===void 0||t===``;j.current=e,r&&e.length>0&&e.length<m&&(e.length>=n.RRN_LENGTHS.birth+n.RRN_LENGTHS.gender?D.current?.focus():e.length>=n.RRN_LENGTHS.birth&&E.current?.focus())},[h,m]),(0,r.useEffect)(()=>{if(h.length===0||v){x(``);return}for(let e of f)if(!e.condition(h)){x(e.errorText);return}x(``)},[h,v,f]);let M=()=>y(!0),N=e=>{let t=e.relatedTarget;t===T.current||t===E.current||t===D.current||(y(!1),p?.(e))},P=e=>t=>{if(e===`security`&&(t.key===`ArrowLeft`||t.key===`ArrowRight`)){t.preventDefault();return}t.key===`Backspace`&&g[e].length===0&&k[e]?.current?.focus()},F=e=>t=>{let r=t.target.value,i={...g,[e]:r};s(n.sanitizeRRN(`${i.birth}${i.gender}${i.security}`).slice(0,m)),e!==`security`&&r.length>=n.RRN_LENGTHS[e]&&O[e].current?.focus()};return(0,i.jsxs)(t.InputFrame,{active:S,disabled:!!d,errorText:b,focused:v,label:l,children:[(0,i.jsx)(`input`,{className:e.t(`typo-t1 h-full border-none bg-transparent pl-[20px] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200`,a(!!l),w?`w-[150px]`:`w-full`),disabled:!!d,onBlur:N,onChange:F(`birth`),onFocus:M,onKeyDown:P(`birth`),placeholder:C?u:``,ref:T,type:`tel`,value:g.birth}),w&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:e.t(`typo-t1 mr-[5px]`,a(!!l),g.birth.length>=n.RRN_LENGTHS.birth?`visible`:`invisible`,d&&`text-gray-200`),children:`-`}),(0,i.jsx)(`input`,{className:e.t(`typo-t1 pointer-events-none h-[63px] w-[20px] border-none outline-none disabled:text-gray-200`,a(!!l)),disabled:!!d,onBlur:N,onChange:F(`gender`),onFocus:M,onKeyDown:P(`gender`),ref:E,type:`tel`,value:g.gender}),(0,i.jsx)(`div`,{className:e.t(`relative box-border h-[65px]`,a(!!l)),children:c===7?(0,i.jsx)(`div`,{className:e.t(`h-[23px] leading-[23px] [pointer-events:all]`,d?`text-gray-200`:`text-gray-900`,g.gender.length>0?`visible`:`invisible`),onClick:()=>E.current?.focus(),children:`●●●●●●`}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:e.t(`typo-t1 pointer-events-none absolute z-[2] h-[23px] leading-[23px]`,d?`text-gray-200`:`text-gray-900`),children:A}),(0,i.jsx)(`div`,{className:e.t(`typo-t1 pointer-events-none absolute z-[1] h-[23px] text-gray-200 leading-[23px]`,g.gender.length>0?`visible`:`invisible`),children:`●●●●●●`}),(0,i.jsx)(`input`,{className:`typo-t1 h-[23px] w-[105px] border-none bg-transparent p-0 text-transparent! leading-[23px] caret-transparent! outline-none placeholder:text-gray-100 focus:outline-none disabled:text-gray-200`,disabled:!!d,onBlur:N,onChange:F(`security`),onClick:()=>{D.current?.setSelectionRange(g.security.length,g.security.length)},onFocus:M,onKeyDown:P(`security`),ref:D,type:`tel`,value:g.security})]})})]})]})};exports.RRN_LENGTHS=n.RRN_LENGTHS,exports.ResidentNumberInput=o,exports.sanitizeRRN=n.sanitizeRRN,exports.splitRRN=n.splitRRN;

package/dist/components/Input/ResidentNumberInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/ResidentNumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,KAAK,wBAAwB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC,GAAG;IAC7G,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC;CACtB,CAAC;AAOF,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+L3D,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,YAAY,EAAE,wBAAwB,EAAE,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/ResidentNumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,KAAK,wBAAwB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC,GAAG;IAC7G,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC;CACtB,CAAC;AASF,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+L3D,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,YAAY,EAAE,wBAAwB,EAAE,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/Input/ResidentNumberInput/index.esm.js

@@ -4,7 +4,7 @@ import { RRN_LENGTHS as n, sanitizeRRN as r, splitRRN as i } from "./rrn.esm.js"
 import { useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/Input/ResidentNumberInput/index.tsx
-var f = (e) => e && "pt-[31px] pr-0 pb-[11px] pl-0", p = ({ value: p, onChange: m, rrnInputType: h = 13, label: g, placeholder: _, disabled: v = !1, errorValidation: y = [], onBlur: b }) => {
+var f = (e) => e && "pt-[31px] pb-[11px]", p = ({ value: p, onChange: m, rrnInputType: h = 13, label: g, placeholder: _, disabled: v = !1, errorValidation: y = [], onBlur: b }) => {
 	let x = h === 7 ? n.birth + n.gender : n.total, S = r(p).slice(0, x), C = i(S), w = S.length > 0, [T, E] = c(!1), [D, O] = c(""), k = T || w, A = !(g || k) && !!_, j = T || w, M = s(null), N = s(null), P = s(null), F = {
 		birth: N,
 		gender: P,
@@ -97,7 +97,7 @@ var f = (e) => e && "pt-[31px] pr-0 pb-[11px] pl-0", p = ({ value: p, onChange:
 						children: "●●●●●●"
 					}),
 					/* @__PURE__ */ u("input", {
-						className: "typo-t1 h-[23px] w-[105px] border-none bg-transparent p-0 leading-[23px] outline-none [caret-color:transparent!important] [color:transparent!important] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200",
+						className: "typo-t1 h-[23px] w-[105px] border-none bg-transparent p-0 text-transparent! leading-[23px] caret-transparent! outline-none placeholder:text-gray-100 focus:outline-none disabled:text-gray-200",
 						disabled: !!v,
 						onBlur: B,
 						onChange: H("security"),

package/dist/components/Input/TextField/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/chunk.CMqjfN_6.js"),t=require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/aliases/index.cjs.js");const n=require("../../../chunks/utils.C67s_c-g.js"),r=require("../../ui/typography.cjs.js");let i=require("react");i=e.t(i);let a=require("react/jsx-runtime");var o=({className:e,type:o,label:s,error:c,decoration:l,placeholder:u,onDelete:d,guideMessage:f,ref:p,...m})=>{let[h,g]=(0,i.useState)(!1),[_,v]=(0,i.useState)(!1),y=h||_,b=s&&y||!s,x=!l&&d!==void 0&&h&&_,S=e=>{e.stopPropagation(),d?.()};return(0,i.useEffect)(()=>{v(!!m.value)},[m.value]),(0,a.jsxs)(`div`,{className:`relative`,children:[(0,a.jsxs)(`div`,{className:n.t(`relative flex items-center rounded-[10px] bg-white`,`border border-transparent hover:border hover:border-gray-600`,`transition-colors duration-200`,h?`border border-gray-600`:``,c?`border border-red-400 hover:border-red-400`:``,m.disabled&&`cursor-not-allowed border border-gray-50 bg-gray-25 hover:border-gray-50`),children:[s&&(0,a.jsx)(`label`,{className:n.t(`absolute left-[20px] text-gray-200 transition-all duration-200`,y?`typo-b2 top-[11px]`:`typo-t1 top-1/2 -translate-y-1/2`,m.disabled&&`cursor-not-allowed`),htmlFor:m.id,children:s}),(0,a.jsxs)(`div`,{className:`flex w-full items-end justify-between pr-[15px]`,children:[(0,a.jsx)(`input`,{className:n.t(`typo-t1 w-full py-[20px] pl-[20px] outline-none`,`file:border-0 file:bg-transparent`,`typo-t1 placeholder:text-gray-200`,`disabled:cursor-not-allowed disabled:text-gray-200`,s&&y&&`pt-[30px] pb-[10px] pl-[20px]`,l&&`pr-10`,e),onBlur:e=>{g(!1),m.onBlur?.(e)},onChange:e=>{v(e.target.value.length>0),m.onChange?.(e)},onFocus:e=>{g(!0),m.onFocus?.(e)},placeholder:b?u:void 0,ref:p,type:o,...m}),x&&(0,a.jsx)(`button`,{className:n.t(`absolute right-[15px] cursor-pointer`,s?`bottom-[10px]`:`bottom-[19px]`),onClick:S,onMouseDown:e=>e.preventDefault(),type:`button`,children:(0,a.jsx)(t.default,{className:`text-gray-200`})})]}),l&&(0,a.jsx)(`div`,{className:`absolute right-[15px] flex items-center`,children:l})]}),(c||f)&&(0,a.jsx)(r.Typography,{className:n.t(`mt-[9px] ml-[5px]`,c?`text-red-400`:`text-gray-400`),variant:`b2`,children:c||f})]})};o.displayName=`TextField`,exports.TextField=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/rolldown-runtime.mLOUI7ql.js"),t=require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/aliases/index.cjs.js");const n=require("../../../chunks/utils.C67s_c-g.js"),r=require("../../ui/typography.cjs.js");let i=require("react");i=e.r(i);let a=require("react/jsx-runtime");var o=({className:e,type:o,label:s,error:c,decoration:l,placeholder:u,onDelete:d,guideMessage:f,ref:p,...m})=>{let[h,g]=(0,i.useState)(!1),[_,v]=(0,i.useState)(!1),y=h||_,b=s&&y||!s,x=!l&&d!==void 0&&h&&_,S=e=>{e.stopPropagation(),d?.()};return(0,i.useEffect)(()=>{v(!!m.value)},[m.value]),(0,a.jsxs)(`div`,{className:`relative`,children:[(0,a.jsxs)(`div`,{className:n.t(`relative flex items-center rounded-[10px] bg-white`,`border border-transparent hover:border hover:border-gray-600`,`transition-colors duration-200`,h?`border border-gray-600`:``,c?`border border-red-400 hover:border-red-400`:``,m.disabled&&`cursor-not-allowed border border-gray-50 bg-gray-25 hover:border-gray-50`),children:[s&&(0,a.jsx)(`label`,{className:n.t(`absolute left-[20px] text-gray-200 transition-all duration-200`,y?`typo-b2 top-[11px]`:`typo-t1 top-1/2 -translate-y-1/2`,m.disabled&&`cursor-not-allowed`),htmlFor:m.id,children:s}),(0,a.jsxs)(`div`,{className:`flex w-full items-end justify-between pr-[15px]`,children:[(0,a.jsx)(`input`,{className:n.t(`typo-t1 w-full py-[20px] pl-[20px] outline-none`,`file:border-0 file:bg-transparent`,`typo-t1 placeholder:text-gray-200`,`disabled:cursor-not-allowed disabled:text-gray-200`,s&&y&&`pt-[30px] pb-[10px] pl-[20px]`,l&&`pr-10`,e),onBlur:e=>{g(!1),m.onBlur?.(e)},onChange:e=>{v(e.target.value.length>0),m.onChange?.(e)},onFocus:e=>{g(!0),m.onFocus?.(e)},placeholder:b?u:void 0,ref:p,type:o,...m}),x&&(0,a.jsx)(`button`,{className:n.t(`absolute right-[15px] cursor-pointer`,s?`bottom-[10px]`:`bottom-[19px]`),onClick:S,onMouseDown:e=>e.preventDefault(),type:`button`,children:(0,a.jsx)(t.default,{className:`text-gray-200`})})]}),l&&(0,a.jsx)(`div`,{className:`absolute right-[15px] flex items-center`,children:l})]}),(c||f)&&(0,a.jsx)(r.Typography,{className:n.t(`mt-[9px] ml-[5px]`,c?`text-red-400`:`text-gray-400`),variant:`b2`,children:c||f})]})};o.displayName=`TextField`,exports.TextField=o;

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk.CMqjfN_6.js"),t=require("../../chunks/utils.C67s_c-g.js"),n=require("../ui/button.cjs.js"),r=require("../Button/DoubleButton/index.cjs.js"),i=require("../../constants/style.constants.cjs.js"),a=require("../MiniButton/UnderLineMiniButton/index.cjs.js"),o=require("../../core/Typography/index.cjs.js"),s=require("../../chunks/dist.OINbhiqU.js");let c=require("react");c=e.t(c);let l=require("react/jsx-runtime");var u=e=>(0,l.jsx)(`div`,{className:`box-border px-[15px]`,children:(0,l.jsx)(n.Button,{...e})}),d=e=>(0,l.jsx)(`div`,{className:`box-border px-[15px]`,children:(0,l.jsx)(r.DoubleButton,{...e})}),f=({title:e,subTitle:t})=>(0,l.jsxs)(`div`,{className:`whitespace-pre-wrap px-[15px] text-center`,children:[(0,l.jsx)(o.Headline4,{children:e}),t&&(0,l.jsx)(o.Title3,{className:`mt-2.5 whitespace-pre-wrap text-center font-medium text-gray-400`,children:t})]}),p=({children:e})=>(0,l.jsx)(`div`,{className:`typo-b1 whitespace-pre-wrap rounded-[10px] bg-gray-25 p-3 text-center text-gray-400`,children:e}),m=({onClick:e,disabled:t,text:n})=>(0,l.jsx)(`div`,{className:`flex justify-center px-[11px]`,children:(0,l.jsx)(a.UnderLineMiniButton,{colorType:`gray`,disabled:t,onClick:e,size:`m`,children:n})}),h=({children:e,hasContentPadding:n=!0})=>(0,l.jsx)(`div`,{className:t.t(`pb-[30px] [&>*]:mt-5`,n?`px-5`:`px-0`),children:e}),g=c.default.memo(({visible:e,onMaskClick:n,zIndex:r=i.zIndex.modal,className:a,children:o})=>(0,l.jsx)(s.t,{open:e,children:(0,l.jsxs)(s.o,{children:[(0,l.jsx)(s.a,{className:t.t(`fixed inset-0 box-border bg-black/60 data-[state=closed]:animate-overlay-fade-out data-[state=open]:animate-overlay-fade-in`,a),"data-slot":`legacy-modal-overlay`,style:{zIndex:r}}),(0,l.jsxs)(s.r,{"aria-describedby":void 0,className:`fixed top-1/2 left-1/2 w-[320px] -translate-x-1/2 -translate-y-1/2 rounded-[10px] bg-white pt-[30px] pb-[15px] data-[state=closed]:animate-overlay-fade-out data-[state=open]:animate-overlay-fade-in`,"data-slot":`legacy-modal-content`,onEscapeKeyDown:e=>e.preventDefault(),onOpenAutoFocus:e=>e.preventDefault(),onPointerDownOutside:()=>n?.(),style:{zIndex:r},children:[(0,l.jsx)(s.s,{className:`sr-only`,children:`알림`}),o]})]})})),_=Object.assign(g,{SingleButton:u,DoubleButton:d,Title:f,Body:h,Comment:p,UnderLineMiniButton:m});exports.LegacyModal=_;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/rolldown-runtime.mLOUI7ql.js"),t=require("../../chunks/utils.C67s_c-g.js"),n=require("../ui/button.cjs.js"),r=require("../Button/DoubleButton/index.cjs.js"),i=require("../../constants/style.constants.cjs.js"),a=require("../MiniButton/UnderLineMiniButton/index.cjs.js"),o=require("../../core/Typography/index.cjs.js"),s=require("../../chunks/dist.cKdeuHWp.js");let c=require("react");c=e.r(c);let l=require("react/jsx-runtime");var u=e=>(0,l.jsx)(`div`,{className:`box-border px-[15px]`,children:(0,l.jsx)(n.Button,{...e})}),d=e=>(0,l.jsx)(`div`,{className:`box-border px-[15px]`,children:(0,l.jsx)(r.DoubleButton,{...e})}),f=({title:e,subTitle:t})=>(0,l.jsxs)(`div`,{className:`whitespace-pre-wrap px-[15px] text-center`,children:[(0,l.jsx)(o.Headline4,{children:e}),t&&(0,l.jsx)(o.Title3,{className:`mt-2.5 whitespace-pre-wrap text-center font-medium text-gray-400`,children:t})]}),p=({children:e})=>(0,l.jsx)(`div`,{className:`typo-b1 whitespace-pre-wrap rounded-[10px] bg-gray-25 p-3 text-center text-gray-400`,children:e}),m=({onClick:e,disabled:t,text:n})=>(0,l.jsx)(`div`,{className:`flex justify-center px-[11px]`,children:(0,l.jsx)(a.UnderLineMiniButton,{colorType:`gray`,disabled:t,onClick:e,size:`m`,children:n})}),h=({children:e,hasContentPadding:n=!0})=>(0,l.jsx)(`div`,{className:t.t(`pb-[30px] [&>*]:mt-5`,n?`px-5`:`px-0`),children:e}),g=c.default.memo(({visible:e,onMaskClick:n,zIndex:r=i.zIndex.modal,className:a,children:o})=>(0,l.jsx)(s.t,{open:e,children:(0,l.jsxs)(s.o,{children:[(0,l.jsx)(s.a,{className:t.t(`fixed inset-0 box-border bg-black/60 data-[state=closed]:animate-overlay-fade-out data-[state=open]:animate-overlay-fade-in`,a),"data-slot":`legacy-modal-overlay`,style:{zIndex:r}}),(0,l.jsxs)(s.r,{"aria-describedby":void 0,className:`fixed top-1/2 left-1/2 w-[320px] -translate-x-1/2 -translate-y-1/2 rounded-[10px] bg-white pt-[30px] pb-[15px] data-[state=closed]:animate-overlay-fade-out data-[state=open]:animate-overlay-fade-in`,"data-slot":`legacy-modal-content`,onEscapeKeyDown:e=>e.preventDefault(),onOpenAutoFocus:e=>e.preventDefault(),onPointerDownOutside:()=>n?.(),style:{zIndex:r},children:[(0,l.jsx)(s.s,{className:`sr-only`,children:`알림`}),o]})]})})),_=Object.assign(g,{SingleButton:u,DoubleButton:d,Title:f,Body:h,Comment:p,UnderLineMiniButton:m});exports.LegacyModal=_;

package/dist/components/LegacyModal/index.esm.js

@@ -4,7 +4,7 @@ import { DoubleButton as n } from "../Button/DoubleButton/index.esm.js";
 import { zIndex as r } from "../../constants/style.constants.esm.js";
 import { UnderLineMiniButton as i } from "../MiniButton/UnderLineMiniButton/index.esm.js";
 import { Headline4 as a, Title3 as o } from "../../core/Typography/index.esm.js";
-import { a as s, o as c, r as l, s as u, t as d } from "../../chunks/dist.DTByVKhF.js";
+import { a as s, o as c, r as l, s as u, t as d } from "../../chunks/dist.DrZbhygc.js";
 import f from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/LegacyModal/index.tsx

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/utils.C67s_c-g.js"),t=require("../ui/typography.cjs.js");let n=require("react/jsx-runtime");var r=({children:t,size:r=`M`,className:i,ref:a,...o})=>(0,n.jsx)(`div`,{className:e.t(`flex items-center justify-between`,`pc:px-[80px] px-[20px]`,r===`S`?`py-[12px]`:`py-[15px]`,i),ref:a,...o,children:t});r.displayName=`List`;function i({size:r=`M`,children:i,className:a,...o}){return(0,n.jsx)(t.Typography,{className:e.t(a),variant:r===`S`?`Title3`:`h5`,...o,children:i})}function a({size:r=`M`,children:i,className:a,...o}){return(0,n.jsx)(t.Typography,{className:e.t(`text-gray-400`,a),variant:r===`S`?`Title3`:`Title2`,...o,children:i})}exports.List=r,exports.ListMainText=i,exports.ListSubText=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/rolldown-runtime.mLOUI7ql.js"),t=require("../../chunks/utils.C67s_c-g.js"),n=require("../ui/typography.cjs.js");let r=require("react");r=e.r(r);let i=require("react/jsx-runtime");var a=r.createContext({size:`M`});function o(e){let t=r.useContext(a);return e??t.size}var s=({children:e,size:n=`M`,className:r,ref:o,...s})=>(0,i.jsx)(a.Provider,{value:{size:n},children:(0,i.jsx)(`div`,{className:t.t(`flex items-center justify-between pc:px-20 px-5`,n===`S`?`py-3`:`py-3.75`,r),ref:o,...s,children:e})});s.displayName=`List`;var c=e=>e===`S`?`t3`:`h5`,l=e=>e===`S`?`t3`:`t2`;function u({size:e,children:r,className:a,...s}){let l=o(e);return(0,i.jsx)(n.Typography,{className:t.t(a),variant:c(l),...s,children:r})}function d({size:e,children:r,className:a,...s}){let c=o(e);return(0,i.jsx)(n.Typography,{className:t.t(`text-gray-400`,a),variant:l(c),...s,children:r})}function f({size:e,children:r,className:a,...s}){let c=o(e);return(0,i.jsx)(n.Typography,{className:t.t(`text-gray-400`,a),variant:c===`S`?`t4`:`t3`,...s,children:r})}function p({size:e=`M`,variant:r=`main`,leading:a,title:o,caption:s,captionPosition:p=`down`,trailing:m,controlId:h,className:g,ref:_,...v}){let y=r===`sub`,b=y?l(e):c(e),x;x=h?(0,i.jsx)(`label`,{className:t.t(n.typographyVariants({variant:b}),y&&`text-gray-400`,`cursor-pointer`),htmlFor:h,children:o}):y?(0,i.jsx)(d,{size:e,children:o}):(0,i.jsx)(u,{size:e,children:o});let S=!y&&s!=null&&s!==``?(0,i.jsx)(f,{size:e,children:s}):null;return(0,i.jsxs)(`div`,{className:t.t(`flex items-center gap-2.5 pc:px-20 px-5`,e===`S`?`py-3`:`py-3.75`,g),ref:_,...v,children:[a!=null&&(0,i.jsx)(`div`,{className:`flex shrink-0 items-center`,children:a}),(0,i.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col items-start gap-1.25`,children:[p===`up`&&S,x,p!==`up`&&S]}),m!=null&&(0,i.jsx)(`div`,{className:`ml-2.5 flex shrink-0 items-center`,children:m})]})}p.displayName=`ListItem`,exports.List=s,exports.ListCaption=f,exports.ListItem=p,exports.ListMainText=u,exports.ListSubText=d;