@ceed/cds 0.0.126 → 0.0.127

package/dist/components/Calendar/Calendar.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -20,26 +44,31 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { Fragment, forwardRef, useMemo } from "react";
-import { styled } from "@mui/joy";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendar = void 0;
+var react_1 = __importStar(require("react"));
+var joy_1 = require("@mui/joy");
 // @ts-ignore: ESM import 해야만 프레이머에서 정상적으로 동작한다. https://github.com/mui/material-ui/issues/35233
-import ChevronLeftIcon from "@mui/icons-material/esm/ChevronLeft.js";
+var ChevronLeft_js_1 = __importDefault(require("@mui/icons-material/esm/ChevronLeft.js"));
 // @ts-ignore: ESM import 해야만 프레이머에서 정상적으로 동작한다. https://github.com/mui/material-ui/issues/35233
-import ChevronRightIcon from "@mui/icons-material/esm/ChevronRight.js";
-import { AnimatePresence, motion } from "framer-motion";
-import Button from "../Button";
-import Typography from "../Typography";
-import { getCalendarDates, getMonthNameFromIndex, getWeekdayNames, } from "./utils";
-import IconButton from "../IconButton";
-import { useCalendarProps } from "./hooks/use-calendar-props";
-import { useCalendar } from "./hooks/use-calendar";
-var CalendarRoot = styled("div", {
+var ChevronRight_js_1 = __importDefault(require("@mui/icons-material/esm/ChevronRight.js"));
+var framer_motion_1 = require("framer-motion");
+var Button_1 = __importDefault(require("../Button"));
+var Typography_1 = __importDefault(require("../Typography"));
+var utils_1 = require("./utils");
+var IconButton_1 = __importDefault(require("../IconButton"));
+var use_calendar_props_1 = require("./hooks/use-calendar-props");
+var use_calendar_1 = require("./hooks/use-calendar");
+var CalendarRoot = (0, joy_1.styled)("div", {
     name: "Calendar",
     slot: "root",
 })({
     maxWidth: "264px",
 });
-var CalendarHeader = styled("div", {
+var CalendarHeader = (0, joy_1.styled)("div", {
     name: "Calendar",
     slot: "calendarHeader",
 })(function (_a) {
@@ -51,7 +80,7 @@ var CalendarHeader = styled("div", {
         padding: theme.spacing(1),
     });
 });
-var CalendarViewContainer = styled("div", {
+var CalendarViewContainer = (0, joy_1.styled)("div", {
     name: "Calendar",
     slot: "viewContainer",
 })(function (_a) {
@@ -64,7 +93,7 @@ var CalendarViewContainer = styled("div", {
         minHeight: calendarType === 'datePicker' ? "250px" : "unset",
     });
 });
-var CalendarViewTable = styled(motion.table, {
+var CalendarViewTable = (0, joy_1.styled)(framer_motion_1.motion.table, {
     name: "Calendar",
     slot: "viewTable",
 })(function (_a) {
@@ -80,15 +109,15 @@ var CalendarViewTable = styled(motion.table, {
         },
     });
 });
-var CalendarWeekHeaderContainer = styled("thead", {
+var CalendarWeekHeaderContainer = (0, joy_1.styled)("thead", {
     name: "Calendar",
     slot: "weekHeaderContainer",
 })({});
-var CalendarDayPickerContainer = styled("tbody", {
+var CalendarDayPickerContainer = (0, joy_1.styled)("tbody", {
     name: "Calendar",
     slot: "dayPickerContainer",
 })({});
-var CalendarSwitchViewButton = styled(Button, {
+var CalendarSwitchViewButton = (0, joy_1.styled)(Button_1.default, {
     name: "Calendar",
     slot: "switchViewButton",
 })(function (_a) {
@@ -99,7 +128,7 @@ var CalendarSwitchViewButton = styled(Button, {
         },
     ];
 });
-var CalendarDayCell = styled("td", {
+var CalendarDayCell = (0, joy_1.styled)("td", {
     name: "Calendar",
     slot: "dayCell",
 })(function (_a) {
@@ -124,7 +153,7 @@ var CalendarDayCell = styled("td", {
         },
     });
 });
-var CalendarMonthCell = styled("td", {
+var CalendarMonthCell = (0, joy_1.styled)("td", {
     name: "Calendar",
     slot: "monthCell",
 })(function (_a) {
@@ -149,7 +178,7 @@ var CalendarMonthCell = styled("td", {
         },
     });
 });
-var CalendarMonth = styled(Button, {
+var CalendarMonth = (0, joy_1.styled)(Button_1.default, {
     name: "Calendar",
     slot: "month",
 })(function (_a) {
@@ -186,7 +215,7 @@ var CalendarMonth = styled(Button, {
         },
     ];
 });
-var CalendarDay = styled(Button, {
+var CalendarDay = (0, joy_1.styled)(Button_1.default, {
     name: "Calendar",
     slot: "day",
 })(function (_a) {
@@ -260,18 +289,18 @@ var PickerDays = function (props) {
     // prop destruction
     var ownerState = props.ownerState;
     // lib hooks
-    var _a = useCalendar(ownerState), getPickerDayProps = _a.getPickerDayProps, getDayCellProps = _a.getDayCellProps;
+    var _a = (0, use_calendar_1.useCalendar)(ownerState), getPickerDayProps = _a.getPickerDayProps, getDayCellProps = _a.getDayCellProps;
     // state, ref, querystring hooks
     // form hooks
     // query hooks
     // calculated values
-    var calendarDates = useMemo(function () { return getCalendarDates(ownerState.viewMonth); }, [ownerState.viewMonth]);
-    var weekdayNames = useMemo(function () { return getWeekdayNames(ownerState.locale || "default"); }, [ownerState.locale]);
+    var calendarDates = (0, react_1.useMemo)(function () { return (0, utils_1.getCalendarDates)(ownerState.viewMonth); }, [ownerState.viewMonth]);
+    var weekdayNames = (0, react_1.useMemo)(function () { return (0, utils_1.getWeekdayNames)(ownerState.locale || "default"); }, [ownerState.locale]);
     // effects
     // handlers
-    return (React.createElement(CalendarViewContainer, { calendarType: "datePicker" },
-        React.createElement(AnimatePresence, { initial: false, custom: ownerState.direction },
-            React.createElement(CalendarViewTable
+    return (react_1.default.createElement(CalendarViewContainer, { calendarType: "datePicker" },
+        react_1.default.createElement(framer_motion_1.AnimatePresence, { initial: false, custom: ownerState.direction },
+            react_1.default.createElement(CalendarViewTable
             // #region framer-motion
             , { 
                 // #region framer-motion
@@ -293,27 +322,27 @@ var PickerDays = function (props) {
                         (_c = ownerState.onMonthChange) === null || _c === void 0 ? void 0 : _c.call(ownerState, date);
                     }
                 } },
-                React.createElement(CalendarWeekHeaderContainer, null,
-                    React.createElement("tr", null, weekdayNames.map(function (name, i) { return (React.createElement(React.Fragment, null,
-                        React.createElement("th", null,
-                            React.createElement(Typography, { level: "body-xs", textAlign: "center" }, name)),
-                        i < 6 && (React.createElement("th", { style: { width: 4 }, "aria-hidden": "true", "aria-description": "cell-gap" })))); }))),
-                React.createElement(CalendarDayPickerContainer, null, calendarDates.map(function (weekDates, rowIndex) { return (React.createElement(Fragment, { key: "".concat(ownerState.viewMonth, "_").concat(rowIndex) },
-                    React.createElement("tr", null, weekDates.map(function (date, i) {
-                        return date ? (React.createElement(Fragment, { key: i },
-                            React.createElement(CalendarDayCell, __assign({}, getDayCellProps(date)),
-                                React.createElement(CalendarDay, __assign({ size: "sm", variant: "plain", color: "neutral" }, getPickerDayProps(date)), date)),
-                            i < 6 && (React.createElement("td", { "aria-hidden": "true", "aria-description": "cell-gap" })))) : (React.createElement(Fragment, { key: i },
-                            React.createElement("td", null),
-                            i < 6 && (React.createElement("td", { "aria-hidden": "true", "aria-description": "cell-gap" }))));
+                react_1.default.createElement(CalendarWeekHeaderContainer, null,
+                    react_1.default.createElement("tr", null, weekdayNames.map(function (name, i) { return (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("th", null,
+                            react_1.default.createElement(Typography_1.default, { level: "body-xs", textAlign: "center" }, name)),
+                        i < 6 && (react_1.default.createElement("th", { style: { width: 4 }, "aria-hidden": "true", "aria-description": "cell-gap" })))); }))),
+                react_1.default.createElement(CalendarDayPickerContainer, null, calendarDates.map(function (weekDates, rowIndex) { return (react_1.default.createElement(react_1.Fragment, { key: "".concat(ownerState.viewMonth, "_").concat(rowIndex) },
+                    react_1.default.createElement("tr", null, weekDates.map(function (date, i) {
+                        return date ? (react_1.default.createElement(react_1.Fragment, { key: i },
+                            react_1.default.createElement(CalendarDayCell, __assign({}, getDayCellProps(date)),
+                                react_1.default.createElement(CalendarDay, __assign({ size: "sm", variant: "plain", color: "neutral" }, getPickerDayProps(date)), date)),
+                            i < 6 && (react_1.default.createElement("td", { "aria-hidden": "true", "aria-description": "cell-gap" })))) : (react_1.default.createElement(react_1.Fragment, { key: i },
+                            react_1.default.createElement("td", null),
+                            i < 6 && (react_1.default.createElement("td", { "aria-hidden": "true", "aria-description": "cell-gap" }))));
                     })),
-                    rowIndex < calendarDates.length - 1 && (React.createElement("tr", { "aria-hidden": "true", "aria-description": "row-gap" },
-                        React.createElement("td", { colSpan: 13, style: { height: 4 } }))))); }))))));
+                    rowIndex < calendarDates.length - 1 && (react_1.default.createElement("tr", { "aria-hidden": "true", "aria-description": "row-gap" },
+                        react_1.default.createElement("td", { colSpan: 13, style: { height: 4 } }))))); }))))));
 };
 var PickerMonths = function (props) {
     var _a;
     var ownerState = props.ownerState;
-    var _b = useCalendar(ownerState), getPickerMonthProps = _b.getPickerMonthProps, getMonthCellProps = _b.getMonthCellProps;
+    var _b = (0, use_calendar_1.useCalendar)(ownerState), getPickerMonthProps = _b.getPickerMonthProps, getMonthCellProps = _b.getMonthCellProps;
     var chunkedMonths = Array.from({ length: 12 }, function (_, i) { return i; }).reduce(function (acc, month) {
         if (acc[acc.length - 1].length === 4) {
             acc.push([]);
@@ -322,9 +351,9 @@ var PickerMonths = function (props) {
         return acc;
     }, [[]]);
     var isMonthRangeSelection = !((_a = ownerState.views) === null || _a === void 0 ? void 0 : _a.find(function (view) { return view === 'day'; })) && ownerState.rangeSelection;
-    return (React.createElement(CalendarViewContainer, { calendarType: isMonthRangeSelection ? 'monthPicker' : 'datePicker' },
-        React.createElement(AnimatePresence, { initial: false, custom: ownerState.direction },
-            React.createElement(CalendarViewTable
+    return (react_1.default.createElement(CalendarViewContainer, { calendarType: isMonthRangeSelection ? 'monthPicker' : 'datePicker' },
+        react_1.default.createElement(framer_motion_1.AnimatePresence, { initial: false, custom: ownerState.direction },
+            react_1.default.createElement(CalendarViewTable
             // #region framer-motion
             , { 
                 // #region framer-motion
@@ -346,38 +375,38 @@ var PickerMonths = function (props) {
                         (_c = ownerState.onMonthChange) === null || _c === void 0 ? void 0 : _c.call(ownerState, date);
                     }
                 } },
-                React.createElement("tbody", null, chunkedMonths.map(function (months, i) { return (React.createElement(Fragment, { key: i },
-                    React.createElement("tr", null, months.map(function (monthIndex, j) { return (React.createElement(Fragment, { key: monthIndex },
-                        React.createElement(CalendarMonthCell, __assign({}, getMonthCellProps(monthIndex)),
-                            React.createElement(CalendarMonth, __assign({ size: "sm", variant: "plain", color: "neutral" }, getPickerMonthProps(monthIndex)), getMonthNameFromIndex(monthIndex, ownerState.locale))),
-                        j < 3 && (React.createElement("td", { style: { width: 4 }, "aria-hidden": "true", "aria-description": "cell-gap" })))); })),
-                    i < chunkedMonths.length - 1 && (React.createElement("tr", { "aria-hidden": "true", "aria-description": "row-gap" },
-                        React.createElement("td", { colSpan: 7, style: { height: 4 } }))))); }))))));
+                react_1.default.createElement("tbody", null, chunkedMonths.map(function (months, i) { return (react_1.default.createElement(react_1.Fragment, { key: i },
+                    react_1.default.createElement("tr", null, months.map(function (monthIndex, j) { return (react_1.default.createElement(react_1.Fragment, { key: monthIndex },
+                        react_1.default.createElement(CalendarMonthCell, __assign({}, getMonthCellProps(monthIndex)),
+                            react_1.default.createElement(CalendarMonth, __assign({ size: "sm", variant: "plain", color: "neutral" }, getPickerMonthProps(monthIndex)), (0, utils_1.getMonthNameFromIndex)(monthIndex, ownerState.locale))),
+                        j < 3 && (react_1.default.createElement("td", { style: { width: 4 }, "aria-hidden": "true", "aria-description": "cell-gap" })))); })),
+                    i < chunkedMonths.length - 1 && (react_1.default.createElement("tr", { "aria-hidden": "true", "aria-description": "row-gap" },
+                        react_1.default.createElement("td", { colSpan: 7, style: { height: 4 } }))))); }))))));
 };
 /**
  * @see https://mui.com/x/api/date-pickers/date-calendar/ 인터페이스 참고
  */
-var Calendar = forwardRef(function (inProps, ref) {
+var Calendar = (0, react_1.forwardRef)(function (inProps, ref) {
     // prop destruction
-    var _a = useCalendarProps(inProps), props = _a[0], ownerState = _a[1];
+    var _a = (0, use_calendar_props_1.useCalendarProps)(inProps), props = _a[0], ownerState = _a[1];
     var value = props.value, defaultValue = props.defaultValue, onChange = props.onChange, locale = props.locale, onViewChange = props.onViewChange, onMonthChange = props.onMonthChange, view = props.view, views = props.views, rangeSelection = props.rangeSelection, others = __rest(props, ["value", "defaultValue", "onChange", "locale", "onViewChange", "onMonthChange", "view", "views", "rangeSelection"]);
     // lib hooks
-    var _b = useCalendar(ownerState), calendarTitle = _b.calendarTitle, onPrev = _b.onPrev, onNext = _b.onNext;
+    var _b = (0, use_calendar_1.useCalendar)(ownerState), calendarTitle = _b.calendarTitle, onPrev = _b.onPrev, onNext = _b.onNext;
     // state, ref, querystring hooks
     // form hooks
     // query hooks
     // calculated values
     // effects
     // handlers
-    return (React.createElement(CalendarRoot, __assign({ ref: ref }, others),
-        React.createElement(CalendarHeader, null,
-            React.createElement(IconButton, { size: "sm", onClick: onPrev },
-                React.createElement(ChevronLeftIcon, null)),
-            React.createElement(CalendarSwitchViewButton, { ownerState: ownerState, variant: "plain", color: "neutral", onClick: onViewChange }, calendarTitle),
-            React.createElement(IconButton, { size: "sm", onClick: onNext },
-                React.createElement(ChevronRightIcon, null))),
-        view === "day" && React.createElement(PickerDays, { ownerState: ownerState }),
-        view === "month" && React.createElement(PickerMonths, { ownerState: ownerState })));
+    return (react_1.default.createElement(CalendarRoot, __assign({ ref: ref }, others),
+        react_1.default.createElement(CalendarHeader, null,
+            react_1.default.createElement(IconButton_1.default, { size: "sm", onClick: onPrev },
+                react_1.default.createElement(ChevronLeft_js_1.default, null)),
+            react_1.default.createElement(CalendarSwitchViewButton, { ownerState: ownerState, variant: "plain", color: "neutral", onClick: onViewChange }, calendarTitle),
+            react_1.default.createElement(IconButton_1.default, { size: "sm", onClick: onNext },
+                react_1.default.createElement(ChevronRight_js_1.default, null))),
+        view === "day" && react_1.default.createElement(PickerDays, { ownerState: ownerState }),
+        view === "month" && react_1.default.createElement(PickerMonths, { ownerState: ownerState })));
 });
-export { Calendar };
+exports.Calendar = Calendar;
 Calendar.displayName = "Calendar";

package/dist/components/Calendar/hooks/use-calendar-props.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,30 +10,32 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { useCallback, useMemo, useState } from "react";
-import { useThemeProps } from "@mui/joy";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCalendarProps = void 0;
+var react_1 = require("react");
+var joy_1 = require("@mui/joy");
 var resolveView = function (view, views) {
     return views.includes(view) ? view : views[0];
 };
-export var useCalendarProps = function (inProps) {
+var useCalendarProps = function (inProps) {
     var _a, _b;
-    var _c = useState(function () {
+    var _c = (0, react_1.useState)(function () {
         return resolveView(inProps.view || "day", inProps.views || ["day", "month"]);
     }), uncontrolledView = _c[0], setUncontrolledView = _c[1];
-    var _d = useState(inProps.defaultValue), uncontrolledValue = _d[0], setUncontrolledValue = _d[1];
-    var _e = useState(function () {
+    var _d = (0, react_1.useState)(inProps.defaultValue), uncontrolledValue = _d[0], setUncontrolledValue = _d[1];
+    var _e = (0, react_1.useState)(function () {
         var _a, _b;
         var today = new Date();
         today.setDate(1);
         today.setHours(0, 0, 0, 0);
         return ((_a = inProps.value) === null || _a === void 0 ? void 0 : _a[0]) || ((_b = inProps.defaultValue) === null || _b === void 0 ? void 0 : _b[0]) || today;
     }), viewMonth = _e[0], setViewMonth = _e[1];
-    var _f = useState([0, 0]), _g = _f[0], page = _g[0], direction = _g[1], setPage = _f[1];
+    var _f = (0, react_1.useState)([0, 0]), _g = _f[0], page = _g[0], direction = _g[1], setPage = _f[1];
     var resolvedView = (_a = inProps.view) !== null && _a !== void 0 ? _a : uncontrolledView;
     var paginate = function (newDirection) {
         setPage([page + newDirection, newDirection]);
     };
-    var handleViewMonthChange = useCallback(function (newMonth) {
+    var handleViewMonthChange = (0, react_1.useCallback)(function (newMonth) {
         var _a;
         setViewMonth(newMonth);
         if (resolvedView === "month") {
@@ -45,7 +48,7 @@ export var useCalendarProps = function (inProps) {
         }
         (_a = inProps.onMonthChange) === null || _a === void 0 ? void 0 : _a.call(inProps, newMonth);
     }, [inProps.onMonthChange, viewMonth, resolvedView]);
-    var props = useThemeProps({
+    var props = (0, joy_1.useThemeProps)({
         props: __assign(__assign({ locale: "default", views: ["day", "month"], view: resolvedView, value: (_b = inProps.value) !== null && _b !== void 0 ? _b : uncontrolledValue }, inProps), { 
             // overrides
             onChange: inProps.value
@@ -75,6 +78,7 @@ export var useCalendarProps = function (inProps) {
     /**
      * For ownerState
      */
-    var ownerState = useMemo(function () { return (__assign(__assign({}, props), { viewMonth: viewMonth, direction: direction })); }, [props, viewMonth, direction]);
+    var ownerState = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props), { viewMonth: viewMonth, direction: direction })); }, [props, viewMonth, direction]);
     return [props, ownerState];
 };
+exports.useCalendarProps = useCalendarProps;

package/dist/components/Calendar/hooks/use-calendar.js

@@ -1,13 +1,16 @@
-import { useCallback, useState } from "react";
-import { isToday, isSameDay, isWithinRange, getMonthName, getYearName, isSameMonth, } from "../utils";
-export var useCalendar = function (ownerState) {
-    var _a = useState(null), hoverDay = _a[0], setHoverDay = _a[1];
-    var _b = useState(null), hoverMonth = _b[0], setHoverMonth = _b[1];
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCalendar = void 0;
+var react_1 = require("react");
+var utils_1 = require("../utils");
+var useCalendar = function (ownerState) {
+    var _a = (0, react_1.useState)(null), hoverDay = _a[0], setHoverDay = _a[1];
+    var _b = (0, react_1.useState)(null), hoverMonth = _b[0], setHoverMonth = _b[1];
     return {
         calendarTitle: ownerState.view === "month"
-            ? getYearName(ownerState.viewMonth, ownerState.locale || "default")
-            : getMonthName(ownerState.viewMonth, ownerState.locale || "default"),
-        onPrev: useCallback(function () {
+            ? (0, utils_1.getYearName)(ownerState.viewMonth, ownerState.locale || "default")
+            : (0, utils_1.getMonthName)(ownerState.viewMonth, ownerState.locale || "default"),
+        onPrev: (0, react_1.useCallback)(function () {
             var _a, _b;
             if (ownerState.view === "day") {
                 var prevMonth = new Date(ownerState.viewMonth || new Date());
@@ -20,7 +23,7 @@ export var useCalendar = function (ownerState) {
                 (_b = ownerState.onMonthChange) === null || _b === void 0 ? void 0 : _b.call(ownerState, prevYear);
             }
         }, [ownerState.onMonthChange, ownerState.viewMonth, ownerState.view]),
-        onNext: useCallback(function () {
+        onNext: (0, react_1.useCallback)(function () {
             var _a, _b;
             if (ownerState.view === "day") {
                 var nextMonth = new Date(ownerState.viewMonth || new Date());
@@ -33,7 +36,7 @@ export var useCalendar = function (ownerState) {
                 (_b = ownerState.onMonthChange) === null || _b === void 0 ? void 0 : _b.call(ownerState, nextYear);
             }
         }, [ownerState.onMonthChange, ownerState.viewMonth, ownerState.view]),
-        getDayCellProps: useCallback(function (day) {
+        getDayCellProps: (0, react_1.useCallback)(function (day) {
             var thisDay = new Date(ownerState.viewMonth || new Date());
             thisDay.setHours(0, 0, 0, 0);
             thisDay.setDate(day);
@@ -42,10 +45,10 @@ export var useCalendar = function (ownerState) {
                 ownerState.value[0] &&
                 // NOTE: hover day is not included in the range
                 ((hoverDay &&
-                    isWithinRange(ownerState.value[0], hoverDay, thisDay)) ||
+                    (0, utils_1.isWithinRange)(ownerState.value[0], hoverDay, thisDay)) ||
                     // NOTE: Selected range is included in the range
                     (ownerState.value[1] &&
-                        isWithinRange(ownerState.value[0], ownerState.value[1], thisDay)));
+                        (0, utils_1.isWithinRange)(ownerState.value[0], ownerState.value[1], thisDay)));
             return {
                 "aria-label": thisDay.toLocaleDateString(),
                 "aria-current": inRange ? "date" : undefined,
@@ -56,7 +59,7 @@ export var useCalendar = function (ownerState) {
             ownerState.viewMonth,
             hoverDay,
         ]),
-        getMonthCellProps: useCallback(function (monthIndex) {
+        getMonthCellProps: (0, react_1.useCallback)(function (monthIndex) {
             var _a;
             var thisMonth = new Date(ownerState.viewMonth || new Date());
             thisMonth.setDate(1);
@@ -68,10 +71,10 @@ export var useCalendar = function (ownerState) {
                 ownerState.value[0] &&
                 // NOTE: hover day is not included in the range
                 ((hoverMonth &&
-                    isWithinRange(ownerState.value[0], hoverMonth, thisMonth)) ||
+                    (0, utils_1.isWithinRange)(ownerState.value[0], hoverMonth, thisMonth)) ||
                     // NOTE: Selected range is included in the range
                     (ownerState.value[1] &&
-                        isWithinRange(ownerState.value[0], ownerState.value[1], thisMonth)));
+                        (0, utils_1.isWithinRange)(ownerState.value[0], ownerState.value[1], thisMonth)));
             return {
                 "aria-label": thisMonth.toLocaleDateString(),
                 "aria-current": inRange ? "date" : undefined,
@@ -82,23 +85,23 @@ export var useCalendar = function (ownerState) {
             ownerState.viewMonth,
             hoverMonth,
         ]),
-        getPickerDayProps: useCallback(function (day) {
+        getPickerDayProps: (0, react_1.useCallback)(function (day) {
             var _a, _b;
             var thisDay = new Date(ownerState.viewMonth || new Date());
             thisDay.setHours(0, 0, 0, 0);
             thisDay.setDate(day);
             var isSelected = !!ownerState.value &&
-                (isSameDay(thisDay, ownerState.value[0]) ||
-                    (ownerState.value[1] && isSameDay(thisDay, ownerState.value[1])));
+                ((0, utils_1.isSameDay)(thisDay, ownerState.value[0]) ||
+                    (ownerState.value[1] && (0, utils_1.isSameDay)(thisDay, ownerState.value[1])));
             var inRange = ownerState.rangeSelection &&
                 ownerState.value &&
                 ownerState.value[0] &&
                 // NOTE: hover day is not included in the range
                 ((hoverDay &&
-                    isWithinRange(ownerState.value[0], hoverDay, thisDay)) ||
+                    (0, utils_1.isWithinRange)(ownerState.value[0], hoverDay, thisDay)) ||
                     // NOTE: Selected range is included in the range
                     (ownerState.value[1] &&
-                        isWithinRange(ownerState.value[0], ownerState.value[1], thisDay)));
+                        (0, utils_1.isWithinRange)(ownerState.value[0], ownerState.value[1], thisDay)));
             var handleDayClick = function () {
                 var _a, _b, _c, _d;
                 if (ownerState.rangeSelection) {
@@ -121,7 +124,7 @@ export var useCalendar = function (ownerState) {
                 setHoverDay(null);
             };
             return {
-                isToday: isToday(thisDay),
+                isToday: (0, utils_1.isToday)(thisDay),
                 isSelected: isSelected,
                 onClick: handleDayClick,
                 onMouseEnter: ownerState.rangeSelection &&
@@ -155,7 +158,7 @@ export var useCalendar = function (ownerState) {
             ownerState.disablePast,
             hoverDay,
         ]),
-        getPickerMonthProps: useCallback(function (monthIndex) {
+        getPickerMonthProps: (0, react_1.useCallback)(function (monthIndex) {
             var _a, _b, _c;
             var thisMonth = new Date(ownerState.viewMonth || new Date());
             thisMonth.setDate(1);
@@ -163,18 +166,18 @@ export var useCalendar = function (ownerState) {
             thisMonth.setMonth(monthIndex);
             var isMonthRangeSelection = !((_a = ownerState.views) === null || _a === void 0 ? void 0 : _a.find(function (view) { return view === 'day'; })) && ownerState.rangeSelection;
             var isSelected = !!ownerState.value &&
-                (isSameMonth(thisMonth, ownerState.value[0]) ||
+                ((0, utils_1.isSameMonth)(thisMonth, ownerState.value[0]) ||
                     (ownerState.value[1] &&
-                        isSameMonth(thisMonth, ownerState.value[1])));
+                        (0, utils_1.isSameMonth)(thisMonth, ownerState.value[1])));
             var inRange = isMonthRangeSelection &&
                 ownerState.value &&
                 ownerState.value[0] &&
                 // NOTE: hover day is not included in the range
                 ((hoverMonth &&
-                    isWithinRange(ownerState.value[0], hoverMonth, thisMonth)) ||
+                    (0, utils_1.isWithinRange)(ownerState.value[0], hoverMonth, thisMonth)) ||
                     // NOTE: Selected range is included in the range
                     (ownerState.value[1] &&
-                        isWithinRange(ownerState.value[0], ownerState.value[1], thisMonth)));
+                        (0, utils_1.isWithinRange)(ownerState.value[0], ownerState.value[1], thisMonth)));
             var handleMonthClick = function () {
                 var _a, _b, _c, _d, _e;
                 if (isMonthRangeSelection) {
@@ -220,10 +223,10 @@ export var useCalendar = function (ownerState) {
                             return lastDay > ownerState.maxDate;
                         })()) ||
                     (ownerState.disableFuture && thisMonth > new Date()) ||
-                    (ownerState.disablePast && thisMonth < new Date() && !isSameMonth(thisMonth, new Date())),
+                    (ownerState.disablePast && thisMonth < new Date() && !(0, utils_1.isSameMonth)(thisMonth, new Date())),
                 onClick: handleMonthClick,
                 tabIndex: -1,
-                "aria-label": getMonthName(thisMonth, ownerState.locale || "default"),
+                "aria-label": (0, utils_1.getMonthName)(thisMonth, ownerState.locale || "default"),
                 "aria-selected": isSelected ? "true" : undefined,
                 "aria-current": inRange ? "date" : undefined,
             };
@@ -242,3 +245,4 @@ export var useCalendar = function (ownerState) {
         ]),
     };
 };
+exports.useCalendar = useCalendar;

package/dist/components/Calendar/index.js

@@ -1,3 +1,19 @@
-import { Calendar } from "./Calendar";
-export * from "./Calendar";
-export default Calendar;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Calendar_1 = require("./Calendar");
+__exportStar(require("./Calendar"), exports);
+exports.default = Calendar_1.Calendar;

package/dist/components/Calendar/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components/Calendar/utils/index.js

@@ -1,4 +1,7 @@
-export var getCalendarDates = function (date) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isSameMonth = exports.isWithinRange = exports.isSameDay = exports.isToday = exports.getWeekdayNames = exports.getMonthNameFromIndex = exports.getMonthName = exports.getYearName = exports.getCalendarDates = void 0;
+var getCalendarDates = function (date) {
     var dates = [];
     var firstDay = new Date(date.getFullYear(), date.getMonth(), 1);
     var lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0);
@@ -23,19 +26,23 @@ export var getCalendarDates = function (date) {
     }
     return dates;
 };
-export var getYearName = function (date, locale) {
+exports.getCalendarDates = getCalendarDates;
+var getYearName = function (date, locale) {
     return date.toLocaleString(locale, { year: "numeric" });
 };
-export var getMonthName = function (date, locale) {
+exports.getYearName = getYearName;
+var getMonthName = function (date, locale) {
     return date.toLocaleString(locale, { year: "numeric", month: "long" });
 };
-export var getMonthNameFromIndex = function (index, locale) {
+exports.getMonthName = getMonthName;
+var getMonthNameFromIndex = function (index, locale) {
     return new Date(0, index).toLocaleString(locale, { month: "short" });
 };
+exports.getMonthNameFromIndex = getMonthNameFromIndex;
 /**
  * 일~토 / Sun ~ Sat 같은 요일 이름을 가져옵니다.
  */
-export var getWeekdayNames = function (locale) {
+var getWeekdayNames = function (locale) {
     var currentDay = new Date().getDay();
     var date = new Date();
     date.setDate(date.getDate() - currentDay);
@@ -45,28 +52,33 @@ export var getWeekdayNames = function (locale) {
         return day;
     });
 };
-export var isToday = function (date) {
+exports.getWeekdayNames = getWeekdayNames;
+var isToday = function (date) {
     var today = new Date();
     var d = new Date(date);
     d.setHours(0, 0, 0, 0);
     today.setHours(0, 0, 0, 0);
     return d.getTime() === today.getTime();
 };
-export var isSameDay = function (date1, date2) {
+exports.isToday = isToday;
+var isSameDay = function (date1, date2) {
     var d1 = new Date(date1);
     var d2 = new Date(date2);
     d1.setHours(0, 0, 0, 0);
     d2.setHours(0, 0, 0, 0);
     return d1.getTime() === d2.getTime();
 };
-export var isWithinRange = function (d1, d2, date) {
+exports.isSameDay = isSameDay;
+var isWithinRange = function (d1, d2, date) {
     var dateToCheck = new Date(date);
     dateToCheck.setHours(0, 0, 0, 0);
     var minDate = new Date(Math.min(d1.getTime(), d2.getTime()));
     var maxDate = new Date(Math.max(d1.getTime(), d2.getTime()));
     return dateToCheck >= minDate && dateToCheck <= maxDate;
 };
-export var isSameMonth = function (date1, date2) {
+exports.isWithinRange = isWithinRange;
+var isSameMonth = function (date1, date2) {
     return (date1.getFullYear() === date2.getFullYear() &&
         date1.getMonth() === date2.getMonth());
 };
+exports.isSameMonth = isSameMonth;