@ceed/cds 0.0.125 → 0.0.127

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

@@ -0,0 +1,248 @@
+"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"
+            ? (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());
+                prevMonth.setMonth(prevMonth.getMonth() - 1);
+                (_a = ownerState.onMonthChange) === null || _a === void 0 ? void 0 : _a.call(ownerState, prevMonth);
+            }
+            else if (ownerState.view === "month") {
+                var prevYear = new Date(ownerState.viewMonth || new Date());
+                prevYear.setFullYear(prevYear.getFullYear() - 1);
+                (_b = ownerState.onMonthChange) === null || _b === void 0 ? void 0 : _b.call(ownerState, prevYear);
+            }
+        }, [ownerState.onMonthChange, ownerState.viewMonth, ownerState.view]),
+        onNext: (0, react_1.useCallback)(function () {
+            var _a, _b;
+            if (ownerState.view === "day") {
+                var nextMonth = new Date(ownerState.viewMonth || new Date());
+                nextMonth.setMonth(nextMonth.getMonth() + 1);
+                (_a = ownerState.onMonthChange) === null || _a === void 0 ? void 0 : _a.call(ownerState, nextMonth);
+            }
+            else if (ownerState.view === "month") {
+                var nextYear = new Date(ownerState.viewMonth || new Date());
+                nextYear.setFullYear(nextYear.getFullYear() + 1);
+                (_b = ownerState.onMonthChange) === null || _b === void 0 ? void 0 : _b.call(ownerState, nextYear);
+            }
+        }, [ownerState.onMonthChange, ownerState.viewMonth, ownerState.view]),
+        getDayCellProps: (0, react_1.useCallback)(function (day) {
+            var thisDay = new Date(ownerState.viewMonth || new Date());
+            thisDay.setHours(0, 0, 0, 0);
+            thisDay.setDate(day);
+            var inRange = ownerState.rangeSelection &&
+                ownerState.value &&
+                ownerState.value[0] &&
+                // NOTE: hover day is not included in the range
+                ((hoverDay &&
+                    (0, utils_1.isWithinRange)(ownerState.value[0], hoverDay, thisDay)) ||
+                    // NOTE: Selected range is included in the range
+                    (ownerState.value[1] &&
+                        (0, utils_1.isWithinRange)(ownerState.value[0], ownerState.value[1], thisDay)));
+            return {
+                "aria-label": thisDay.toLocaleDateString(),
+                "aria-current": inRange ? "date" : undefined,
+            };
+        }, [
+            ownerState.rangeSelection,
+            ownerState.value,
+            ownerState.viewMonth,
+            hoverDay,
+        ]),
+        getMonthCellProps: (0, react_1.useCallback)(function (monthIndex) {
+            var _a;
+            var thisMonth = new Date(ownerState.viewMonth || new Date());
+            thisMonth.setDate(1);
+            thisMonth.setHours(0, 0, 0, 0);
+            thisMonth.setMonth(monthIndex);
+            var isMonthRangeSelection = !((_a = ownerState.views) === null || _a === void 0 ? void 0 : _a.find(function (view) { return view === 'day'; })) && ownerState.rangeSelection;
+            var inRange = isMonthRangeSelection &&
+                ownerState.value &&
+                ownerState.value[0] &&
+                // NOTE: hover day is not included in the range
+                ((hoverMonth &&
+                    (0, utils_1.isWithinRange)(ownerState.value[0], hoverMonth, thisMonth)) ||
+                    // NOTE: Selected range is included in the range
+                    (ownerState.value[1] &&
+                        (0, utils_1.isWithinRange)(ownerState.value[0], ownerState.value[1], thisMonth)));
+            return {
+                "aria-label": thisMonth.toLocaleDateString(),
+                "aria-current": inRange ? "date" : undefined,
+            };
+        }, [
+            ownerState.rangeSelection,
+            ownerState.value,
+            ownerState.viewMonth,
+            hoverMonth,
+        ]),
+        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 &&
+                ((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 &&
+                    (0, utils_1.isWithinRange)(ownerState.value[0], hoverDay, thisDay)) ||
+                    // NOTE: Selected range is included in the range
+                    (ownerState.value[1] &&
+                        (0, utils_1.isWithinRange)(ownerState.value[0], ownerState.value[1], thisDay)));
+            var handleDayClick = function () {
+                var _a, _b, _c, _d;
+                if (ownerState.rangeSelection) {
+                    if (!ownerState.value) {
+                        (_a = ownerState.onChange) === null || _a === void 0 ? void 0 : _a.call(ownerState, [thisDay, undefined]);
+                    }
+                    else if (ownerState.value[0] && !ownerState.value[1]) {
+                        (_b = ownerState.onChange) === null || _b === void 0 ? void 0 : _b.call(ownerState, [
+                            new Date(Math.min(ownerState.value[0].getTime(), thisDay.getTime())),
+                            new Date(Math.max(ownerState.value[0].getTime(), thisDay.getTime())),
+                        ]);
+                    }
+                    else {
+                        (_c = ownerState.onChange) === null || _c === void 0 ? void 0 : _c.call(ownerState, [thisDay, undefined]);
+                    }
+                }
+                else {
+                    (_d = ownerState.onChange) === null || _d === void 0 ? void 0 : _d.call(ownerState, [thisDay, undefined]);
+                }
+                setHoverDay(null);
+            };
+            return {
+                isToday: (0, utils_1.isToday)(thisDay),
+                isSelected: isSelected,
+                onClick: handleDayClick,
+                onMouseEnter: ownerState.rangeSelection &&
+                    ((_a = ownerState.value) === null || _a === void 0 ? void 0 : _a[0]) &&
+                    !((_b = ownerState.value) === null || _b === void 0 ? void 0 : _b[1])
+                    ? function () { return setHoverDay(thisDay); }
+                    : undefined,
+                disabled: (ownerState.minDate && thisDay < ownerState.minDate) ||
+                    (ownerState.maxDate && thisDay > ownerState.maxDate) ||
+                    (ownerState.disableFuture && thisDay > new Date()) ||
+                    (ownerState.disablePast &&
+                        thisDay <
+                            (function () {
+                                var today = new Date();
+                                today.setHours(0, 0, 0, 0);
+                                return today;
+                            })()),
+                tabIndex: -1,
+                "aria-label": thisDay.toLocaleDateString(),
+                "aria-selected": isSelected ? "true" : undefined,
+                "aria-current": inRange ? "date" : undefined,
+            };
+        }, [
+            ownerState.onChange,
+            ownerState.value,
+            ownerState.viewMonth,
+            ownerState.rangeSelection,
+            ownerState.minDate,
+            ownerState.maxDate,
+            ownerState.disableFuture,
+            ownerState.disablePast,
+            hoverDay,
+        ]),
+        getPickerMonthProps: (0, react_1.useCallback)(function (monthIndex) {
+            var _a, _b, _c;
+            var thisMonth = new Date(ownerState.viewMonth || new Date());
+            thisMonth.setDate(1);
+            thisMonth.setHours(0, 0, 0, 0);
+            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 &&
+                ((0, utils_1.isSameMonth)(thisMonth, ownerState.value[0]) ||
+                    (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 &&
+                    (0, utils_1.isWithinRange)(ownerState.value[0], hoverMonth, thisMonth)) ||
+                    // NOTE: Selected range is included in the range
+                    (ownerState.value[1] &&
+                        (0, utils_1.isWithinRange)(ownerState.value[0], ownerState.value[1], thisMonth)));
+            var handleMonthClick = function () {
+                var _a, _b, _c, _d, _e;
+                if (isMonthRangeSelection) {
+                    if (!ownerState.value) {
+                        (_a = ownerState.onChange) === null || _a === void 0 ? void 0 : _a.call(ownerState, [thisMonth, undefined]);
+                    }
+                    else if (ownerState.value[0] && !ownerState.value[1]) {
+                        (_b = ownerState.onChange) === null || _b === void 0 ? void 0 : _b.call(ownerState, [
+                            new Date(Math.min(ownerState.value[0].getTime(), thisMonth.getTime())),
+                            new Date(Math.max(ownerState.value[0].getTime(), thisMonth.getTime())),
+                        ]);
+                    }
+                    else {
+                        (_c = ownerState.onChange) === null || _c === void 0 ? void 0 : _c.call(ownerState, [thisMonth, undefined]);
+                    }
+                }
+                else {
+                    (_d = ownerState.onViewChange) === null || _d === void 0 ? void 0 : _d.call(ownerState, "day");
+                    (_e = ownerState.onMonthChange) === null || _e === void 0 ? void 0 : _e.call(ownerState, thisMonth);
+                }
+                setHoverMonth(null);
+            };
+            return {
+                isSelected: isSelected,
+                onMouseEnter: isMonthRangeSelection &&
+                    ((_b = ownerState.value) === null || _b === void 0 ? void 0 : _b[0]) &&
+                    !((_c = ownerState.value) === null || _c === void 0 ? void 0 : _c[1])
+                    ? function () { return setHoverMonth(thisMonth); }
+                    : undefined,
+                disabled: (ownerState.minDate &&
+                    (function () {
+                        // check all days disabled in this month
+                        var lastDay = new Date(thisMonth);
+                        lastDay.setMonth(lastDay.getMonth() + 1);
+                        lastDay.setDate(0);
+                        return lastDay < ownerState.minDate;
+                    })()) ||
+                    (ownerState.maxDate &&
+                        (function () {
+                            // check all days disabled in this month
+                            var lastDay = new Date(thisMonth);
+                            lastDay.setDate(0);
+                            return lastDay > ownerState.maxDate;
+                        })()) ||
+                    (ownerState.disableFuture && thisMonth > new Date()) ||
+                    (ownerState.disablePast && thisMonth < new Date() && !(0, utils_1.isSameMonth)(thisMonth, new Date())),
+                onClick: handleMonthClick,
+                tabIndex: -1,
+                "aria-label": (0, utils_1.getMonthName)(thisMonth, ownerState.locale || "default"),
+                "aria-selected": isSelected ? "true" : undefined,
+                "aria-current": inRange ? "date" : undefined,
+            };
+        }, [
+            ownerState.onMonthChange,
+            ownerState.onViewChange,
+            ownerState.onChange,
+            ownerState.viewMonth,
+            ownerState.locale,
+            ownerState.value,
+            ownerState.minDate,
+            ownerState.maxDate,
+            ownerState.disableFuture,
+            ownerState.disablePast,
+            hoverMonth,
+        ]),
+    };
+};
+exports.useCalendar = useCalendar;

package/dist/components/Calendar/index.js

@@ -0,0 +1,19 @@
+"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

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

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

@@ -0,0 +1,84 @@
+"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);
+    var firstWeekInThisMonth = Math.ceil((firstDay.getDay() + 1) / 7);
+    var lastWeekInThisMonth = Math.ceil((lastDay.getDate() + firstDay.getDay()) / 7);
+    var day = 1;
+    for (var i = 1; i <= lastWeekInThisMonth; i++) {
+        var week = [];
+        for (var j = 1; j <= 7; j++) {
+            if (i === firstWeekInThisMonth && j < firstDay.getDay() + 1) {
+                week.push(undefined);
+            }
+            else if (day > lastDay.getDate()) {
+                week.push(undefined);
+            }
+            else {
+                week.push(day);
+                day++;
+            }
+        }
+        dates.push(week);
+    }
+    return dates;
+};
+exports.getCalendarDates = getCalendarDates;
+var getYearName = function (date, locale) {
+    return date.toLocaleString(locale, { year: "numeric" });
+};
+exports.getYearName = getYearName;
+var getMonthName = function (date, locale) {
+    return date.toLocaleString(locale, { year: "numeric", month: "long" });
+};
+exports.getMonthName = getMonthName;
+var getMonthNameFromIndex = function (index, locale) {
+    return new Date(0, index).toLocaleString(locale, { month: "short" });
+};
+exports.getMonthNameFromIndex = getMonthNameFromIndex;
+/**
+ * 일~토 / Sun ~ Sat 같은 요일 이름을 가져옵니다.
+ */
+var getWeekdayNames = function (locale) {
+    var currentDay = new Date().getDay();
+    var date = new Date();
+    date.setDate(date.getDate() - currentDay);
+    return Array.from({ length: 7 }).map(function () {
+        var day = date.toLocaleString(locale, { weekday: "short" });
+        date.setDate(date.getDate() + 1);
+        return day;
+    });
+};
+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();
+};
+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();
+};
+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;
+};
+exports.isWithinRange = isWithinRange;
+var isSameMonth = function (date1, date2) {
+    return (date1.getFullYear() === date2.getFullYear() &&
+        date1.getMonth() === date2.getMonth());
+};
+exports.isSameMonth = isSameMonth;

package/dist/components/Card/Card.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardOverflow = exports.CardActions = exports.CardCover = exports.CardContent = exports.Card = void 0;
+var joy_1 = require("@mui/joy");
+var framer_motion_1 = require("framer-motion");
+var MotionCard = (0, framer_motion_1.motion)(joy_1.Card);
+var Card = MotionCard;
+exports.Card = Card;
+Card.displayName = "Card";
+var MotionCardContent = (0, framer_motion_1.motion)(joy_1.CardContent);
+var CardContent = MotionCardContent;
+exports.CardContent = CardContent;
+CardContent.displayName = "CardContent";
+var MotionCardCover = (0, framer_motion_1.motion)(joy_1.CardCover);
+var CardCover = MotionCardCover;
+exports.CardCover = CardCover;
+CardCover.displayName = "CardCover";
+var MotionCardActions = (0, framer_motion_1.motion)(joy_1.CardActions);
+var CardActions = MotionCardActions;
+exports.CardActions = CardActions;
+CardActions.displayName = "CardActions";
+var MotionCardOverflow = (0, framer_motion_1.motion)(joy_1.CardOverflow);
+var CardOverflow = MotionCardOverflow;
+exports.CardOverflow = CardOverflow;
+CardOverflow.displayName = "CardOverflow";

package/dist/components/Card/index.js

@@ -0,0 +1,19 @@
+"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 Card_1 = require("./Card");
+__exportStar(require("./Card"), exports);
+exports.default = Card_1.Card;

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+var react_1 = __importDefault(require("react"));
+var joy_1 = require("@mui/joy");
+var framer_motion_1 = require("framer-motion");
+var MotionCheckbox = (0, framer_motion_1.motion)(joy_1.Checkbox);
+var Checkbox = function (props) {
+    // prop destruction
+    // lib hooks
+    // state, ref, querystring hooks
+    // form hooks
+    // query hooks
+    // calculated values
+    // effects
+    // handlers
+    return react_1.default.createElement(MotionCheckbox, __assign({}, props));
+};
+exports.Checkbox = Checkbox;
+Checkbox.displayName = "Checkbox";

package/dist/components/Checkbox/index.js

@@ -0,0 +1,19 @@
+"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 Checkbox_1 = require("./Checkbox");
+__exportStar(require("./Checkbox"), exports);
+exports.default = Checkbox_1.Checkbox;

package/dist/components/Chip/Chip.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chip = void 0;
+var joy_1 = require("@mui/joy");
+var framer_motion_1 = require("framer-motion");
+var MotionChip = (0, framer_motion_1.motion)(joy_1.Chip);
+var Chip = MotionChip;
+exports.Chip = Chip;
+Chip.displayName = "Chip";

package/dist/components/Chip/index.js

@@ -0,0 +1,19 @@
+"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 Chip_1 = require("./Chip");
+__exportStar(require("./Chip"), exports);
+exports.default = Chip_1.Chip;

package/dist/components/Container/Container.js

@@ -0,0 +1,91 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+var joy_1 = require("@mui/joy");
+var react_1 = __importStar(require("react"));
+var ContainerRoot = (0, joy_1.styled)("div", {
+    name: "Container",
+    slot: "root",
+    shouldForwardProp: function (prop) {
+        return prop !== "maxWidth" && prop !== "overrideBreakpoint";
+    },
+})(function (_a) {
+    var _b;
+    var theme = _a.theme, _c = _a.maxWidth, maxWidth = _c === void 0 ? "lg" : _c, overrideBreakpoint = _a.overrideBreakpoint;
+    return [
+        (_b = {
+                width: "100%",
+                marginLeft: "auto",
+                boxSizing: "border-box",
+                marginRight: "auto",
+                display: "block", // Fix IE11 layout when used with main.
+                paddingLeft: theme.spacing(4),
+                paddingRight: theme.spacing(4)
+            },
+            _b[theme.breakpoints.up("lg")] = {
+                paddingLeft: theme.spacing(8),
+                paddingRight: theme.spacing(8),
+            },
+            _b.maxWidth = theme.breakpoints.values[maxWidth],
+            _b),
+        overrideBreakpoint
+            ? {
+                paddingLeft: theme.breakpoints.values[overrideBreakpoint] >=
+                    theme.breakpoints.values.lg
+                    ? theme.spacing(8)
+                    : theme.spacing(4),
+                paddingRight: theme.breakpoints.values[overrideBreakpoint] >=
+                    theme.breakpoints.values.lg
+                    ? theme.spacing(8)
+                    : theme.spacing(4),
+            }
+            : null,
+    ];
+});
+var Container = (0, react_1.forwardRef)(function Container(props, ref) {
+    // prop destruction
+    // lib hooks
+    // state, ref, querystring hooks
+    // form hooks
+    // query hooks
+    // calculated values
+    // effects
+    // handlers
+    return react_1.default.createElement(ContainerRoot, __assign({ ref: ref }, props));
+});
+exports.Container = Container;
+Container.displayName = "Container";

package/dist/components/Container/index.js

@@ -0,0 +1,19 @@
+"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 Container_1 = require("./Container");
+__exportStar(require("./Container"), exports);
+exports.default = Container_1.Container;