@euler-edu/react 0.0.0-stage → 7.0.1-beta0

package/lib/components/molecules/dropdowns/DateDropdown.js

@@ -0,0 +1,99 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const day_1 = __importDefault(require("@euler-edu/utils/day"));
+const styles_1 = require("../../../utils/styles");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const molecules_1 = require("../../../components/molecules");
+const WEEKDAY_COUNT = 7;
+const WEEK_ROWS = 6;
+const cellSize = 28;
+const rowWidth = cellSize * WEEKDAY_COUNT;
+const weekdayLabels = Array.from({ length: WEEKDAY_COUNT }, (_, index) => (0, day_1.default)().day(index).format('dd'));
+const DayCell = ({ date, palette = 'button-chip', isOutsideMonth, isToday, isSelected, ...props }) => {
+    var _a, _b, _c, _d;
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { "$display": "flex", "$alignItems": "center", "$justifyContent": "center", "$size": cellSize, "$borderRadius": styles_1.theme.size.borderRadius.x_small, "$cursor": "pointer", "$background": isSelected
+            ? (_a = styles_1.theme.color.palettes[palette]) === null || _a === void 0 ? void 0 : _a['background-selected']
+            : isHover
+                ? (_b = styles_1.theme.color.palettes[palette]) === null || _b === void 0 ? void 0 : _b['background-hovered']
+                : 'none', "$transition": "background, color", ...hoverProps, ...props, children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: isToday ? 'x_small-bold' : 'x_small', value: date.date(), "$color": isSelected
+                ? (_c = styles_1.theme.color.palettes[palette]) === null || _c === void 0 ? void 0 : _c['content-selected']
+                : isOutsideMonth
+                    ? styles_1.theme.color.palettes.body['content-secondary']
+                    : (_d = styles_1.theme.color.palettes[palette]) === null || _d === void 0 ? void 0 : _d['content-primary'], "$textDecoration": isToday ? 'underline' : 'none', "$transition": "color" }) }));
+};
+const DayPage = ({ value, viewDate, onChangeValue, onChangeViewDate, onClickMonth, }) => {
+    const monthLabel = react_1.default.useMemo(() => viewDate.format('YYYY년 M월'), [viewDate]);
+    const dates = react_1.default.useMemo(() => {
+        const firstOfMonth = viewDate.startOf('month');
+        const leadingBlanks = firstOfMonth.day();
+        return Array.from({ length: WEEKDAY_COUNT * WEEK_ROWS }, (_, index) => firstOfMonth.add(index - leadingBlanks, 'day'));
+    }, [viewDate]);
+    const cells = react_1.default.useMemo(() => dates.map(date => ({
+        date,
+        isOutsideMonth: date.month() !== viewDate.month(),
+        isToday: date.isSame((0, day_1.default)(), 'day'),
+        isSelected: !!value && date.isSame(value, 'day'),
+        onClick: () => {
+            if (value && date.isSame(value, 'day')) {
+                onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(undefined);
+            }
+            else {
+                onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(date.startOf('day'));
+            }
+        },
+    })), [dates, value, onChangeValue]);
+    const onClickPrev = react_1.default.useCallback(() => onChangeViewDate(viewDate.subtract(1, 'month')), [viewDate]);
+    const onClickNext = react_1.default.useCallback(() => onChangeViewDate(viewDate.add(1, 'month')), [viewDate]);
+    const onClickToday = react_1.default.useCallback(() => {
+        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue((0, day_1.default)().startOf('day'));
+        onChangeViewDate === null || onChangeViewDate === void 0 ? void 0 : onChangeViewDate((0, day_1.default)().startOf('day'));
+    }, [onChangeValue, onChangeViewDate]);
+    const onClickReset = react_1.default.useCallback(() => onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(undefined), [onChangeValue]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$justifyContent": "space-between", children: [(0, jsx_runtime_1.jsx)(atoms_1.TextButton, { type: "plain", size: "small", icon: "hero/chevron-left-outline", onClick: onClickPrev, palette: "button-ghost-softly" }), (0, jsx_runtime_1.jsx)(atoms_1.TextButton, { size: "small", text: monthLabel, palette: "button-ghost-borderless", onClick: onClickMonth }), (0, jsx_runtime_1.jsx)(atoms_1.TextButton, { type: "plain", size: "small", icon: "hero/chevron-right-outline", onClick: onClickNext, palette: "button-ghost-softly" })] }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$marginTop": styles_1.theme.size.margin.base.small, children: weekdayLabels.map(label => ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$justifyContent": "center", "$size": cellSize, children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "x_small", value: label, "$color": styles_1.theme.color.palettes.body['content-secondary'], "$noneUserSelect": true }) }, label))) }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$flexWrap": "wrap", children: cells.map(({ date, ...props }) => ((0, jsx_runtime_1.jsx)(DayCell, { date: date, ...props }, date.valueOf()))) }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$justifyContent": "end", "$gap": styles_1.theme.size.margin.base.small, "$marginTop": styles_1.theme.size.margin.base.small, children: [!!value && ((0, jsx_runtime_1.jsx)(atoms_1.TextButton, { type: "plain", size: "small", text: "\uCD08\uAE30\uD654", palette: "button-ghost-softly", isUnderlineEffect: true, onClick: onClickReset })), (0, jsx_runtime_1.jsx)(atoms_1.TextButton, { type: "plain", size: "small", text: "\uC624\uB298", palette: "button-ghost-softly", isUnderlineEffect: true, onClick: onClickToday })] })] }));
+};
+const MonthPage = ({ value, viewDate, onChangeValue, onChangeViewDate, onClickMonth, }) => {
+    const [viewYear, setViewYear] = react_1.default.useState(viewDate);
+    const yearLabel = react_1.default.useMemo(() => viewYear.format('YYYY년'), [viewYear]);
+    const months = react_1.default.useMemo(() => {
+        const firstOfYear = viewYear.startOf('year');
+        return Array.from({ length: 12 }, (_, index) => firstOfYear.add(index, 'month'));
+    }, [viewYear]);
+    const buttons = react_1.default.useMemo(() => months.map(month => ({
+        text: month.format('M월'),
+        isSelected: !!value && month.isSame(value, 'month'),
+        onClick: () => {
+            onChangeViewDate === null || onChangeViewDate === void 0 ? void 0 : onChangeViewDate(month);
+            onClickMonth === null || onClickMonth === void 0 ? void 0 : onClickMonth();
+        },
+    })), [months, value, onChangeViewDate, onClickMonth]);
+    const onClickPrev = react_1.default.useCallback(() => setViewYear(viewYear.subtract(1, 'year')), [viewYear]);
+    const onClickNext = react_1.default.useCallback(() => setViewYear(viewYear.add(1, 'year')), [viewYear]);
+    const onClickToday = react_1.default.useCallback(() => {
+        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue((0, day_1.default)().startOf('day'));
+        onChangeViewDate === null || onChangeViewDate === void 0 ? void 0 : onChangeViewDate((0, day_1.default)());
+        onClickMonth === null || onClickMonth === void 0 ? void 0 : onClickMonth();
+    }, [onChangeValue, onChangeViewDate, onClickMonth]);
+    const onClickReset = react_1.default.useCallback(() => onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(undefined), [onChangeValue]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$justifyContent": "space-between", children: [(0, jsx_runtime_1.jsx)(atoms_1.TextButton, { type: "plain", size: "small", icon: "hero/chevron-left-outline", onClick: onClickPrev, palette: "button-ghost-softly" }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "medium", value: yearLabel, "$color": styles_1.theme.color.palettes.body['content-primary'] }), (0, jsx_runtime_1.jsx)(atoms_1.TextButton, { type: "plain", size: "small", icon: "hero/chevron-right-outline", onClick: onClickNext, palette: "button-ghost-softly" })] }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "relative", "$display": "flex", "$gap": styles_1.theme.size.margin.base.x_small, "$marginTop": styles_1.theme.size.margin.base.small, "$flexWrap": true, children: buttons.map(({ text, ...props }) => ((0, jsx_runtime_1.jsx)(atoms_1.TextChipButton, { type: "rounded", text: text, contentAlign: "center", "$width": `calc(calc(100% / 3) - calc(${styles_1.theme.size.margin.base.x_small}px * 2 / 3))`, ...props }, text))) }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$justifyContent": "end", "$gap": styles_1.theme.size.margin.base.small, "$marginTop": styles_1.theme.size.margin.base.small, children: [!!value && ((0, jsx_runtime_1.jsx)(atoms_1.TextButton, { type: "plain", size: "small", text: "\uCD08\uAE30\uD654", palette: "button-ghost-softly", isUnderlineEffect: true, onClick: onClickReset })), (0, jsx_runtime_1.jsx)(atoms_1.TextButton, { type: "plain", size: "small", text: "\uC624\uB298", palette: "button-ghost-softly", isUnderlineEffect: true, onClick: onClickToday })] })] }));
+};
+exports.default = react_1.default.memo(({ value, onChangeValue, ...props }) => {
+    const [page, setPage] = react_1.default.useState('day');
+    const selected = react_1.default.useMemo(() => (value ? (0, day_1.default)(value) : null), [value]);
+    const [viewDate, setViewDate] = react_1.default.useState(() => selected !== null && selected !== void 0 ? selected : (0, day_1.default)());
+    const setMonthView = react_1.default.useCallback(() => setPage('month'), []);
+    const setDayView = react_1.default.useCallback(() => setPage('day'), []);
+    react_1.default.useEffect(() => {
+        if (selected)
+            setViewDate(selected !== null && selected !== void 0 ? selected : (0, day_1.default)());
+    }, [selected]);
+    return ((0, jsx_runtime_1.jsx)(molecules_1.DropdownOverlay, { "$padding": styles_1.theme.size.margin.base.medium, ...props, children: (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$width": rowWidth, children: [page === 'day' && ((0, jsx_runtime_1.jsx)(DayPage, { value: selected, viewDate: viewDate, onChangeValue: onChangeValue, onChangeViewDate: setViewDate, onClickMonth: setMonthView })), page === 'month' && ((0, jsx_runtime_1.jsx)(MonthPage, { value: selected, viewDate: viewDate, onChangeValue: onChangeValue, onChangeViewDate: setViewDate, onClickMonth: setDayView }))] }) }));
+});
+//# sourceMappingURL=DateDropdown.js.map

package/lib/components/molecules/dropdowns/DateDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateDropdown.js","sourceRoot":"","sources":["../../../../src/components/molecules/dropdowns/DateDropdown.tsx"],"names":[],"mappings":"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"}

package/lib/components/molecules/dropdowns/DateRangeDropdown.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { DateInput } from '../../../components/atoms';
+import { DropdownOverlay } from '../../../components/molecules';
+type Props = {
+    values?: [
+        React.ComponentProps<typeof DateInput>['value'],
+        React.ComponentProps<typeof DateInput>['value']
+    ];
+    onChangeValues?: (values: [
+        React.ComponentProps<typeof DateInput>['value'],
+        React.ComponentProps<typeof DateInput>['value']
+    ]) => void;
+} & React.ComponentProps<typeof DropdownOverlay>;
+declare const _default: React.MemoExoticComponent<({ values, onChangeValues, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/molecules/dropdowns/DateRangeDropdown.js

@@ -0,0 +1,32 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../utils/styles");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const molecules_1 = require("../../../components/molecules");
+exports.default = react_1.default.memo(({ values, onChangeValues, ...props }) => {
+    const [startValue, endValue] = values !== null && values !== void 0 ? values : [undefined, undefined];
+    const startButtonRef = react_1.default.useRef(null);
+    const endButtonRef = react_1.default.useRef(null);
+    const [startDropdownProps, isStartOpen, onChangeIsStartOpen] = (0, styles_2.useDropdownProps)(startButtonRef, 'bottom-start');
+    const [endDropdownProps, isEndOpen, onChangeIsEndOpen] = (0, styles_2.useDropdownProps)(endButtonRef, 'bottom-start');
+    const onChangeStartValue = react_1.default.useCallback((date) => {
+        onChangeValues === null || onChangeValues === void 0 ? void 0 : onChangeValues([date, endValue]);
+        onChangeIsStartOpen(false);
+    }, [onChangeValues, endValue, onChangeIsStartOpen]);
+    const onChangeEndValue = react_1.default.useCallback((date) => {
+        onChangeValues === null || onChangeValues === void 0 ? void 0 : onChangeValues([startValue, date]);
+        onChangeIsEndOpen(false);
+    }, [onChangeValues, startValue, onChangeIsEndOpen]);
+    const onClickReset = react_1.default.useCallback(() => {
+        onChangeValues === null || onChangeValues === void 0 ? void 0 : onChangeValues([undefined, undefined]);
+    }, [onChangeValues]);
+    return ((0, jsx_runtime_1.jsxs)(molecules_1.DropdownOverlay, { "$padding": styles_1.theme.size.margin.base.small, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: "\uC2DC\uC791\uC77C", "$color": styles_1.theme.color.palettes.body['content-secondary'] }), (0, jsx_runtime_1.jsx)(atoms_1.DateInput, { ref: startButtonRef, dateFormatType: "date", value: startValue, placeholder: "\uC2DC\uC791\uC77C \uC5C6\uC74C", isSelected: isStartOpen }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: "\uC885\uB8CC\uC77C", "$color": styles_1.theme.color.palettes.body['content-secondary'], "$marginTop": styles_1.theme.size.margin.base.x_small }), (0, jsx_runtime_1.jsx)(atoms_1.DateInput, { ref: endButtonRef, dateFormatType: "date", value: endValue, placeholder: "\uC885\uB8CC\uC77C \uC5C6\uC74C", isSelected: isEndOpen }), !!(startValue || endValue) && ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$justifyContent": "end", "$gap": styles_1.theme.size.margin.base.small, "$marginTop": styles_1.theme.size.margin.base.small, children: (0, jsx_runtime_1.jsx)(atoms_1.TextButton, { type: "plain", size: "small", text: "\uCD08\uAE30\uD654", palette: "button-ghost-softly", isUnderlineEffect: true, onClick: onClickReset }) })), isStartOpen && ((0, jsx_runtime_1.jsx)(molecules_1.DateDropdown, { value: startValue, onChangeValue: onChangeStartValue, ...startDropdownProps })), isEndOpen && ((0, jsx_runtime_1.jsx)(molecules_1.DateDropdown, { value: endValue, onChangeValue: onChangeEndValue, ...endDropdownProps }))] }));
+});
+//# sourceMappingURL=DateRangeDropdown.js.map

package/lib/components/molecules/dropdowns/DateRangeDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeDropdown.js","sourceRoot":"","sources":["../../../../src/components/molecules/dropdowns/DateRangeDropdown.tsx"],"names":[],"mappings":"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"}

package/lib/components/molecules/dropdowns/Dropdown.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Container, SelectableTextButton, Text, TextButton } from '../../../components/atoms';
+import { CheckboxLabelRow, DropdownOverlay, RadioLabelRow } from '../../../components/molecules';
+type DropdownSectionProps = {
+    title?: React.ComponentProps<typeof Text>['value'];
+    textButtons?: ({
+        key: React.Key;
+    } & React.ComponentProps<typeof TextButton>)[];
+    selectableTextButtons?: ({
+        key: React.Key;
+    } & React.ComponentProps<typeof SelectableTextButton>)[];
+    checkboxLabelRows?: ({
+        key: React.Key;
+        onClickContainer?: React.ComponentProps<typeof Container>['onClick'];
+    } & React.ComponentProps<typeof CheckboxLabelRow>)[];
+    radioLabelRows?: ({
+        key: React.Key;
+        onClickContainer?: React.ComponentProps<typeof Container>['onClick'];
+    } & React.ComponentProps<typeof RadioLabelRow>)[];
+} & React.ComponentProps<typeof Container>;
+type Props = {
+    sections?: Array<{
+        key: React.Key;
+    } & DropdownSectionProps>;
+} & React.ComponentProps<typeof DropdownOverlay>;
+declare const _default: React.MemoExoticComponent<({ sections, children, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/molecules/dropdowns/Dropdown.js

@@ -0,0 +1,25 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../constants/styles");
+const styles_2 = require("../../../utils/styles");
+const atoms_1 = require("../../../components/atoms");
+const molecules_1 = require("../../../components/molecules");
+const withAutoCloseClass = (_className) => [styles_1.className.dropdownItem, _className].filter(Boolean).join(' ');
+const DropdownSection = ({ title, textButtons, selectableTextButtons, checkboxLabelRows, radioLabelRows, children, ...props }) => {
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$padding": styles_2.theme.size.margin.base.small, ...props, children: [!!title && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: title, "$color": styles_2.theme.color.palettes.body['content-secondary'] })), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", children: [!!textButtons &&
+                        textButtons.map(({ key, className, ...button }) => ((0, jsx_runtime_1.jsx)(atoms_1.TextButton, { palette: "button-ghost-borderless", className: withAutoCloseClass(className), ...button }, key))), !!selectableTextButtons &&
+                        selectableTextButtons.map(({ key, className, ...button }) => ((0, jsx_runtime_1.jsx)(atoms_1.SelectableTextButton, { size: "small", palette: "button-ghost-borderless", className: withAutoCloseClass(className), ...button }, key))), !!checkboxLabelRows &&
+                        checkboxLabelRows.map(({ key, ...props }) => ((0, jsx_runtime_1.jsx)(molecules_1.CheckboxLabelRow, { size: "small", ...props }, key))), !!radioLabelRows &&
+                        radioLabelRows.map(({ key, className, ...props }) => ((0, jsx_runtime_1.jsx)(molecules_1.RadioLabelRow, { size: "small", className: withAutoCloseClass(className), ...props }, key))), children] })] }));
+};
+exports.default = react_1.default.memo(({ sections, children, ...props }) => ((0, jsx_runtime_1.jsxs)(molecules_1.DropdownOverlay, { ...props, children: [!!sections &&
+            sections.map(({ key, ...props }, index) => ((0, jsx_runtime_1.jsx)(DropdownSection, { "$borderBottom": index < sections.length - 1
+                    ? `1px solid ${styles_2.theme.color.palettes.body['border-primary']}`
+                    : undefined, ...props }, key))), children] })));
+//# sourceMappingURL=Dropdown.js.map

package/lib/components/molecules/dropdowns/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/molecules/dropdowns/Dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAEb,kDAA0B;AAE1B,+CAA+C;AAE/C,2CAAuC;AAEvC,8CAK4B;AAC5B,sDAIgC;AAEhC,MAAM,kBAAkB,GAAG,CAAC,UAAmB,EAAE,EAAE,CACjD,CAAC,kBAAS,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAwBjE,MAAM,eAAe,GAAG,CAAC,EACvB,KAAK,EACL,WAAW,EACX,qBAAqB,EACrB,iBAAiB,EACjB,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACa,EAAE,EAAE;IACzB,OAAO,CACL,wBAAC,iBAAS,gBAAW,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,KAAM,KAAK,aACzD,CAAC,CAAC,KAAK,IAAI,CACV,uBAAC,YAAI,IACH,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,YACJ,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,GACtD,CACH,EACD,wBAAC,iBAAS,gBAAU,MAAM,oBAAgB,QAAQ,aAC/C,CAAC,CAAC,WAAW;wBACZ,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,CACjD,uBAAC,kBAAU,IAET,OAAO,EAAC,yBAAyB,EACjC,SAAS,EAAE,kBAAkB,CAAC,SAAS,CAAC,KACpC,MAAM,IAHL,GAAG,CAIR,CACH,CAAC,EACH,CAAC,CAAC,qBAAqB;wBACtB,qBAAqB,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,CAC3D,uBAAC,4BAAoB,IAEnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,yBAAyB,EACjC,SAAS,EAAE,kBAAkB,CAAC,SAAS,CAAC,KACpC,MAAM,IAJL,GAAG,CAKR,CACH,CAAC,EACH,CAAC,CAAC,iBAAiB;wBAClB,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC3C,uBAAC,4BAAgB,IAAW,IAAI,EAAC,OAAO,KAAK,KAAK,IAA3B,GAAG,CAA4B,CACvD,CAAC,EACH,CAAC,CAAC,cAAc;wBACf,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACnD,uBAAC,yBAAa,IAEZ,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,kBAAkB,CAAC,SAAS,CAAC,KACpC,KAAK,IAHJ,GAAG,CAIR,CACH,CAAC,EACH,QAAQ,IACC,IACF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAK,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE,CAAC,CACrE,wBAAC,2BAAe,OAAK,KAAK,aACvB,CAAC,CAAC,QAAQ;YACT,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,uBAAC,eAAe,qBAGZ,KAAK,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC;oBACzB,CAAC,CAAC,aAAa,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE;oBAC5D,CAAC,CAAC,SAAS,KAEX,KAAK,IANJ,GAAG,CAOR,CACH,CAAC,EACH,QAAQ,IACO,CACnB,CAAC,CAAC"}

package/lib/components/molecules/dropdowns/SearchDropdown.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Avatar, ClickableContainer, Text } from '../../../components/atoms';
+import { DropdownOverlay } from '../../../components/molecules';
+type UserRowButtonProps = {
+    avatar: React.ComponentProps<typeof Avatar>;
+    text: React.ComponentProps<typeof Text>['value'];
+    description?: React.ComponentProps<typeof Text>['value'];
+    isSelected?: boolean;
+} & React.ComponentProps<typeof ClickableContainer>;
+type ProblemRowButtonProps = {
+    id: React.ComponentProps<typeof Text>['value'];
+    text: React.ComponentProps<typeof Text>['value'];
+    isSelected?: boolean;
+} & React.ComponentProps<typeof ClickableContainer>;
+type Props = {
+    users?: UserRowButtonProps[];
+    problems?: ProblemRowButtonProps[];
+    isLoading?: boolean;
+} & React.ComponentProps<typeof DropdownOverlay>;
+declare const _default: React.MemoExoticComponent<({ users, problems, isLoading, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/molecules/dropdowns/SearchDropdown.js

@@ -0,0 +1,35 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../utils/styles");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const molecules_1 = require("../../../components/molecules");
+const UserRowButton = ({ avatar, text, description, isSelected = false, ...props }) => {
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.small, "$padding": styles_1.theme.size.margin.base.small, "$borderRadius": styles_1.theme.size.borderRadius.small, "$background": isHover || isSelected
+            ? styles_1.theme.color.palettes.body['background-hovered']
+            : styles_1.theme.color.palettes.body['background-selected'], "$transition": "background", ...hoverProps, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Avatar, { size: "medium", ...avatar }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$width": 0, "$flexGrow": true, children: [(0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: text, "$ellipsis": true }), !!description && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "x_small", value: description, "$color": styles_1.theme.color.palettes.body['content-secondary'], "$ellipsis": true }))] })] }));
+};
+const ProblemRowButton = ({ id, text, isSelected = false, ...props }) => {
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { "$padding": styles_1.theme.size.margin.base.small, "$borderRadius": styles_1.theme.size.borderRadius.small, "$background": isHover || isSelected
+            ? styles_1.theme.color.palettes.body['background-hovered']
+            : styles_1.theme.color.palettes.body['background-selected'], "$transition": "background", ...hoverProps, ...props, children: (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$gap": styles_1.theme.size.margin.base.small, "$alignItems": "center", children: [(0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: text, "$flexShrink": true, "$ellipsis": true }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "x_small", value: `#${id}`, "$color": styles_1.theme.color.palettes.body['content-secondary'], "$ellipsis": true })] }) }));
+};
+const ShortKeyHelp = ({ shortcuts: _shortcuts, text, }) => {
+    const shortcuts = _shortcuts.every(item => Array.isArray(item))
+        ? _shortcuts
+        : [_shortcuts];
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": 2, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$background": styles_1.theme.color.palettes.body['background-selected'], "$borderRadius": styles_1.theme.size.borderRadius.x_small, "$border": `1px solid ${styles_1.theme.color.palettes.body['border-primary']}`, "$paddingHorizontal": 2, children: shortcuts.map((shortcut, index) => ((0, jsx_runtime_1.jsx)(atoms_1.KbdText, { type: "x_small", value: shortcut, "$color": styles_1.theme.color.palettes.body['content-secondary'] }, index))) }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "x_small", value: text, "$color": styles_1.theme.color.palettes.body['content-secondary'] })] }));
+};
+exports.default = react_1.default.memo(({ users, problems, isLoading = false, ...props }) => {
+    const isEmpty = !(users === null || users === void 0 ? void 0 : users.length) && !(problems === null || problems === void 0 ? void 0 : problems.length);
+    return ((0, jsx_runtime_1.jsx)(molecules_1.DropdownOverlay, { ...props, children: isLoading ? ((0, jsx_runtime_1.jsx)(molecules_1.Empty, { size: "small", type: "loading", "$paddingVertical": styles_1.theme.size.margin.base.medium, "$paddingHorizontal": styles_1.theme.size.margin.base.small })) : isEmpty ? ((0, jsx_runtime_1.jsx)(molecules_1.Empty, { size: "small", type: "no-content", text: "\uAC80\uC0C9 \uACB0\uACFC\uAC00 \uC5C6\uC5B4\uC694", "$paddingVertical": styles_1.theme.size.margin.base.medium, "$paddingHorizontal": styles_1.theme.size.margin.base.small })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$padding": styles_1.theme.size.margin.base.small, "$flexDirection": "column", children: [(users || []).map((user, index) => ((0, jsx_runtime_1.jsx)(UserRowButton, { ...user }, index))), (problems || []).map((problem, index) => ((0, jsx_runtime_1.jsx)(ProblemRowButton, { ...problem }, index)))] }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$padding": styles_1.theme.size.margin.base.small, "$gap": styles_1.theme.size.margin.base.small, "$background": styles_1.theme.color.palettes.body['background-primary'], "$borderTop": `1px solid ${styles_1.theme.color.palettes.body['border-primary']}`, "$flexWrap": true, children: [(0, jsx_runtime_1.jsx)(ShortKeyHelp, { shortcuts: [['ArrowUp'], ['ArrowDown']], text: "\uC774\uB3D9" }), (0, jsx_runtime_1.jsx)(ShortKeyHelp, { shortcuts: ['Enter'], text: "\uC785\uB825" }), (0, jsx_runtime_1.jsx)(ShortKeyHelp, { shortcuts: ['Escape'], text: "\uB2EB\uAE30" })] })] })) }));
+});
+//# sourceMappingURL=SearchDropdown.js.map

package/lib/components/molecules/dropdowns/SearchDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchDropdown.js","sourceRoot":"","sources":["../../../../src/components/molecules/dropdowns/SearchDropdown.tsx"],"names":[],"mappings":"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"}

package/lib/components/molecules/dropdowns/index.d.ts

@@ -0,0 +1,4 @@
+export { default as DateDropdown } from './DateDropdown';
+export { default as DateRangeDropdown } from './DateRangeDropdown';
+export { default as Dropdown } from './Dropdown';
+export { default as SearchDropdown } from './SearchDropdown';

package/lib/components/molecules/dropdowns/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchDropdown = exports.Dropdown = exports.DateRangeDropdown = exports.DateDropdown = void 0;
+var DateDropdown_1 = require("./DateDropdown");
+Object.defineProperty(exports, "DateDropdown", { enumerable: true, get: function () { return __importDefault(DateDropdown_1).default; } });
+var DateRangeDropdown_1 = require("./DateRangeDropdown");
+Object.defineProperty(exports, "DateRangeDropdown", { enumerable: true, get: function () { return __importDefault(DateRangeDropdown_1).default; } });
+var Dropdown_1 = require("./Dropdown");
+Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return __importDefault(Dropdown_1).default; } });
+var SearchDropdown_1 = require("./SearchDropdown");
+Object.defineProperty(exports, "SearchDropdown", { enumerable: true, get: function () { return __importDefault(SearchDropdown_1).default; } });
+//# sourceMappingURL=index.js.map

package/lib/components/molecules/dropdowns/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/dropdowns/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,yDAAmE;AAA1D,uIAAA,OAAO,OAAqB;AACrC,uCAAiD;AAAxC,qHAAA,OAAO,OAAY;AAC5B,mDAA6D;AAApD,iIAAA,OAAO,OAAkB"}

package/lib/components/molecules/empties/Empty.d.ts

@@ -0,0 +1,10 @@
+import { EmptySize, EmptyType } from '../../../constants/components';
+import { Container, Icon, Text } from '../../../components/atoms';
+type Props = {
+    type?: EmptyType;
+    icon?: React.ComponentProps<typeof Icon>['type'];
+    size?: EmptySize;
+    text?: React.ComponentProps<typeof Text>['value'];
+} & React.ComponentProps<typeof Container>;
+declare const _default: ({ type, icon, size, text, children, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/molecules/empties/Empty.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const theme_1 = __importDefault(require("../../../utils/styles/theme"));
+const atoms_1 = require("../../../components/atoms");
+const iconByType = {
+    'coming-soon': 'hero/clock-outline',
+    'no-content': 'hero/face-frown-outline',
+    'not-found': 'hero/exclamation-triangle-outline',
+};
+const textSizeBySize = {
+    small: 'x_small',
+    medium: 'small',
+    large: 'medium',
+};
+const textByType = {
+    loading: '잠시만 기다려주세요',
+    'coming-soon': '곧 공개될 예정이에요',
+    'no-content': '표시할 데이터가 없어요',
+    'not-found': '데이터를 찾을 수 없어요',
+};
+const iconWrapperSizes = {
+    small: 28,
+    medium: 32,
+    large: 40,
+};
+exports.default = ({ type = 'plain', icon = type in iconByType
+    ? iconByType[type]
+    : undefined, size = 'medium', text = type in textByType
+    ? textByType[type]
+    : undefined, children, ...props }) => ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", "$alignItems": "center", "$gap": type === 'loading'
+        ? theme_1.default.size.margin.base.medium
+        : theme_1.default.size.margin.base.x_small, ...props, children: [type === 'loading' ? ((0, jsx_runtime_1.jsx)(atoms_1.LoadingIcon, { size: size })) : (!!icon && ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$justifyContent": "center", "$position": "relative", "$background": theme_1.default.color.palettes.body['background-primary'], "$borderRadius": theme_1.default.size.borderRadius.small, "$size": iconWrapperSizes[size], children: (0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: icon, "$size": "60%" }) }))), !!text && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: textSizeBySize[size], value: text, "$textAlign": "center" })), children] }));
+//# sourceMappingURL=Empty.js.map

package/lib/components/molecules/empties/Empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.js","sourceRoot":"","sources":["../../../../src/components/molecules/empties/Empty.tsx"],"names":[],"mappings":";;;;;;AAEA,iEAAyC;AAEzC,8CAAwE;AASxE,MAAM,UAAU,GAAG;IACjB,aAAa,EAAE,oBAAoB;IACnC,YAAY,EAAE,yBAAyB;IACvC,WAAW,EAAE,mCAAmC;CAGjD,CAAC;AAEF,MAAM,cAAc,GAAG;IACrB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,QAAQ;CACuD,CAAC;AAEzE,MAAM,UAAU,GAAG;IACjB,OAAO,EAAE,YAAY;IACrB,aAAa,EAAE,aAAa;IAC5B,YAAY,EAAE,cAAc;IAC5B,WAAW,EAAE,eAAe;CAG7B,CAAC;AAEF,MAAM,gBAAgB,GAAG;IACvB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACoE,CAAC;AAEhF,kBAAe,CAAC,EACd,IAAI,GAAG,OAAO,EACd,IAAI,GAAG,IAAI,IAAI,UAAU;IACvB,CAAC,CAAC,UAAU,CAAC,IAA+B,CAAC;IAC7C,CAAC,CAAC,SAAS,EACb,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,IAAI,IAAI,UAAU;IACvB,CAAC,CAAC,UAAU,CAAC,IAA+B,CAAC;IAC7C,CAAC,CAAC,SAAS,EACb,QAAQ,EACR,GAAG,KAAK,EACF,EAAE,EAAE,CAAC,CACX,wBAAC,iBAAS,gBACC,MAAM,oBACA,QAAQ,iBACX,QAAQ,UAElB,IAAI,KAAK,SAAS;QAChB,CAAC,CAAC,eAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM;QAC/B,CAAC,CAAC,eAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,KAEhC,KAAK,aAIR,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACpB,uBAAC,mBAAW,IAAC,IAAI,EAAE,IAAI,GAAI,CAC5B,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,IAAI,IAAI,CACR,uBAAC,iBAAS,gBACC,MAAM,iBACH,QAAQ,qBACJ,QAAQ,eACd,UAAU,iBACP,eAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,CAAC,mBAC7C,eAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,WACrC,gBAAgB,CAAC,IAAI,CAAC,YAE7B,uBAAC,YAAI,IAAC,IAAI,EAAE,IAAI,WAAQ,KAAK,GAAG,GACtB,CACb,CACF,EACA,CAAC,CAAC,IAAI,IAAI,CACT,uBAAC,YAAI,IAAC,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,gBAAa,QAAQ,GAAG,CACtE,EACA,QAAQ,IACC,CACb,CAAC"}

package/lib/components/molecules/empties/index.d.ts

@@ -0,0 +1 @@
+export { default as Empty } from './Empty';

package/lib/components/molecules/empties/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Empty = void 0;
+var Empty_1 = require("./Empty");
+Object.defineProperty(exports, "Empty", { enumerable: true, get: function () { return __importDefault(Empty_1).default; } });
+//# sourceMappingURL=index.js.map

package/lib/components/molecules/empties/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/empties/index.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAA2C;AAAlC,+GAAA,OAAO,OAAS"}

package/lib/components/molecules/index.d.ts

@@ -0,0 +1,9 @@
+export * from './breadcrumbs';
+export * from './cards';
+export * from './charts';
+export * from './dropdowns';
+export * from './empties';
+export * from './navigations';
+export * from './overlays';
+export * from './rows';
+export * from './trays';

package/lib/components/molecules/index.js

@@ -0,0 +1,26 @@
+"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 });
+__exportStar(require("./breadcrumbs"), exports);
+__exportStar(require("./cards"), exports);
+__exportStar(require("./charts"), exports);
+__exportStar(require("./dropdowns"), exports);
+__exportStar(require("./empties"), exports);
+__exportStar(require("./navigations"), exports);
+__exportStar(require("./overlays"), exports);
+__exportStar(require("./rows"), exports);
+__exportStar(require("./trays"), exports);
+//# sourceMappingURL=index.js.map

package/lib/components/molecules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/molecules/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,0CAAwB;AACxB,2CAAyB;AACzB,8CAA4B;AAC5B,4CAA0B;AAC1B,gDAA8B;AAC9B,6CAA2B;AAC3B,yCAAuB;AACvB,0CAAwB"}

package/lib/components/molecules/navigations/PaneNavigation.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { PaneNavigationType } from '../../../constants/components';
+import { Palette } from '../../../constants/styles';
+import { ClickableContainer, Container, Text } from '../../../components/atoms';
+type NavigationButtonProps = {
+    type?: 'link' | 'accordion-opened' | 'accordion-closed';
+    text?: React.ComponentProps<typeof Text>['value'];
+    isSelected?: boolean;
+    palette?: Palette;
+} & React.ComponentProps<typeof ClickableContainer>;
+type NavigationProps = {
+    type?: PaneNavigationType;
+    value: React.Key;
+    text?: NavigationButtonProps['text'];
+    href?: React.ComponentProps<typeof ClickableContainer>['href'];
+    navigations?: NavigationProps[];
+    selectedOption?: React.Key;
+    isWrapped?: boolean;
+    palette?: Palette;
+} & React.ComponentProps<typeof Container>;
+type Props = {
+    type?: PaneNavigationType;
+    options?: Omit<NavigationProps, 'isWrapped'>[];
+    selectedOption?: React.Key;
+    palette?: Palette;
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ type, options, selectedOption, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/molecules/navigations/PaneNavigation.js

@@ -0,0 +1,48 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../utils/styles");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const isSelectedNavigation = (navigation, selectedOption) => Array.isArray(navigation === null || navigation === void 0 ? void 0 : navigation.navigations) &&
+    navigation.navigations.some(subNavigation => subNavigation.value === selectedOption ||
+        isSelectedNavigation(subNavigation, selectedOption));
+const GroupHeader = ({ text, palette = 'body' }) => ((0, jsx_runtime_1.jsx)(atoms_1.Container, { children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: text, "$color": styles_1.theme.color.palettes[palette]['content-secondary'] }) }));
+const NavigationButton = ({ type = 'link', text, isSelected = false, palette = 'button-tab', ...props }) => {
+    const [hoverProps] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { "$width": "100%", "$display": "flex", "$paddingVertical": styles_1.theme.size.margin.base.x_small, ...hoverProps, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Text, { value: text, "$color": isSelected
+                    ? styles_1.theme.color.palettes[palette]['content-selected']
+                    : styles_1.theme.color.palettes[palette]['content-primary'], "$transition": "color", "$flexShrink": true, "$flexGrow": true, "$ellipsis": true }), type.startsWith('accordion') && ((0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "hero/chevron-down-outline", "$size": 20, "$transform": `rotate(${type === 'accordion-opened' ? 180 : 0}deg)`, "$autoFill": isSelected
+                    ? styles_1.theme.color.palettes[palette]['content-selected']
+                    : styles_1.theme.color.palettes[palette]['content-primary'], "$transition": true }))] }));
+};
+const Navigation = ({ type = 'accordion', value, text, href, navigations, selectedOption, isWrapped = false, palette = 'body', ...props }) => {
+    const isSelected = react_1.default.useMemo(() => isSelectedNavigation({ value, navigations }, selectedOption), [value, navigations, selectedOption]);
+    const isSelectedButton = !Array.isArray(navigations) && selectedOption === value;
+    const [isOpened, setIsOpened] = react_1.default.useState(() => false);
+    const onClick = react_1.default.useCallback(() => setIsOpened(prev => !prev), [setIsOpened]);
+    react_1.default.useEffect(() => {
+        if (isSelected) {
+            setIsOpened(true);
+        }
+        if (type === 'grouped') {
+            setIsOpened(true);
+        }
+    }, [isSelected, type]);
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$position": "relative", "$borderLeft": isWrapped
+            ? isSelectedButton
+                ? `2px solid ${styles_1.theme.color.palettes['button-solid']['background-primary']}`
+                : `1px solid ${styles_1.theme.color.palettes[palette]['border-primary']}`
+            : 'none', "$paddingLeft": isWrapped
+            ? isSelectedButton
+                ? styles_1.theme.size.margin.base.medium - 1
+                : styles_1.theme.size.margin.base.medium
+            : 0, ...props, children: [Array.isArray(navigations) ? (type === 'accordion' ? ((0, jsx_runtime_1.jsx)(NavigationButton, { text: text, type: isOpened ? 'accordion-opened' : 'accordion-closed', isSelected: isSelected || isSelectedButton, onClick: onClick })) : ((0, jsx_runtime_1.jsx)(GroupHeader, { text: text }))) : ((0, jsx_runtime_1.jsx)(NavigationButton, { text: text, href: href, isSelected: isSelected || isSelectedButton })), Array.isArray(navigations) ? ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$height": isOpened ? 'auto' : 0, "$marginLeft": styles_1.theme.size.margin.base.x_small, "$transition": "height", "$overflow": true, children: navigations.map(navigation => ((0, jsx_runtime_1.jsx)(Navigation, { type: type, selectedOption: selectedOption, palette: palette, isWrapped: true, ...navigation }, navigation.value))) })) : null] }));
+};
+exports.default = react_1.default.memo(({ type = 'accordion', options, selectedOption, palette = 'body', ...props }) => ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", "$gap": type === 'grouped' ? styles_1.theme.size.margin.base.medium : 0, ...props, children: (options || []).map(option => ((0, jsx_runtime_1.jsx)(Navigation, { type: type, palette: palette, selectedOption: selectedOption, ...option }, option.value))) })));
+//# sourceMappingURL=PaneNavigation.js.map

package/lib/components/molecules/navigations/PaneNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneNavigation.js","sourceRoot":"","sources":["../../../../src/components/molecules/navigations/PaneNavigation.tsx"],"names":[],"mappings":"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"}

package/lib/components/molecules/navigations/TabNavigation.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { Palette } from '../../../constants/styles';
+import { ClickableContainer, Container, Text } from '../../../components/atoms';
+type TabButtonProps = {
+    text: React.ComponentProps<typeof Text>['value'];
+    isSelected?: boolean;
+    palette?: Palette;
+} & React.ComponentProps<typeof ClickableContainer>;
+type Props = {
+    options?: {
+        text: TabButtonProps['text'];
+        href?: React.ComponentProps<typeof ClickableContainer>['href'];
+        value: string;
+    }[];
+    selectedOption?: string;
+    palette?: Palette;
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ options, selectedOption, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;