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

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubmitTray = exports.SelectedChipTray = exports.RankSetTray = exports.RankPodiumTray = exports.RankOverviewTray = exports.ProblemSetOverviewTray = exports.ProblemExampleTray = exports.CalloutTray = void 0;
+var CalloutTray_1 = require("./CalloutTray");
+Object.defineProperty(exports, "CalloutTray", { enumerable: true, get: function () { return __importDefault(CalloutTray_1).default; } });
+var ProblemExampleTray_1 = require("./ProblemExampleTray");
+Object.defineProperty(exports, "ProblemExampleTray", { enumerable: true, get: function () { return __importDefault(ProblemExampleTray_1).default; } });
+var ProblemSetOverviewTray_1 = require("./ProblemSetOverviewTray");
+Object.defineProperty(exports, "ProblemSetOverviewTray", { enumerable: true, get: function () { return __importDefault(ProblemSetOverviewTray_1).default; } });
+var RankOverviewTray_1 = require("./RankOverviewTray");
+Object.defineProperty(exports, "RankOverviewTray", { enumerable: true, get: function () { return __importDefault(RankOverviewTray_1).default; } });
+var RankPodiumTray_1 = require("./RankPodiumTray");
+Object.defineProperty(exports, "RankPodiumTray", { enumerable: true, get: function () { return __importDefault(RankPodiumTray_1).default; } });
+var RankSetTray_1 = require("./RankSetTray");
+Object.defineProperty(exports, "RankSetTray", { enumerable: true, get: function () { return __importDefault(RankSetTray_1).default; } });
+var SelectedChipTray_1 = require("./SelectedChipTray");
+Object.defineProperty(exports, "SelectedChipTray", { enumerable: true, get: function () { return __importDefault(SelectedChipTray_1).default; } });
+var SubmitTray_1 = require("./SubmitTray");
+Object.defineProperty(exports, "SubmitTray", { enumerable: true, get: function () { return __importDefault(SubmitTray_1).default; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/trays/index.tsx"],"names":[],"mappings":";;;;;;AAAA,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,2DAAqE;AAA5D,yIAAA,OAAO,OAAsB;AACtC,mEAA6E;AAApE,iJAAA,OAAO,OAA0B;AAC1C,uDAAiE;AAAxD,qIAAA,OAAO,OAAoB;AACpC,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,uDAAiE;AAAxD,qIAAA,OAAO,OAAoB;AACpC,2CAAqD;AAA5C,yHAAA,OAAO,OAAc"}

package/lib/components/molecules/trays/only_csr.d.ts

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

package/lib/components/molecules/trays/only_csr.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.CodeTray = void 0;
+var CodeTray_1 = require("./CodeTray");
+Object.defineProperty(exports, "CodeTray", { enumerable: true, get: function () { return __importDefault(CodeTray_1).default; } });
+//# sourceMappingURL=only_csr.js.map

package/lib/components/molecules/trays/only_csr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"only_csr.js","sourceRoot":"","sources":["../../../../src/components/molecules/trays/only_csr.tsx"],"names":[],"mappings":";;;;;;AAAA,uCAAiD;AAAxC,qHAAA,OAAO,OAAY"}

package/lib/components/organisms/bars/QueryToolBar.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { QueryToolBarFilterRowType } from '../../../constants/components';
+import { Container } from '../../../components/atoms';
+import { Dropdown } from '../../../components/molecules';
+type Props = {
+    filterRowType?: QueryToolBarFilterRowType;
+    search?: string;
+    selectedFilters?: string[];
+    selectedSort?: string;
+    filterOptions?: {
+        key: string;
+        text?: string;
+    }[];
+    sortOptions?: {
+        key: string;
+        text?: string;
+    }[];
+    moreDropdownSections?: React.ComponentProps<typeof Dropdown>['sections'];
+    onChangeSearch?: (values: string) => void;
+    onChangeSelectedFilter?: (values: string[]) => void;
+    onChangeSelectedSort?: (values: string) => void;
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ filterRowType, search, selectedFilters, selectedSort, filterOptions, sortOptions, moreDropdownSections, onChangeSearch, onChangeSelectedFilter, onChangeSelectedSort, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/organisms/bars/QueryToolBar.js

@@ -0,0 +1,102 @@
+'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 stores_1 = require("../../../hooks/stores");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const molecules_1 = require("../../../components/molecules");
+exports.default = react_1.default.memo(({ filterRowType = 'checkboxLabel', search, selectedFilters, selectedSort, filterOptions, sortOptions, moreDropdownSections, onChangeSearch, onChangeSelectedFilter, onChangeSelectedSort, ...props }) => {
+    const ref = react_1.default.useRef(null);
+    const filterButtonRef = react_1.default.useRef(null);
+    const sortButtonRef = react_1.default.useRef(null);
+    const moreButtonRef = react_1.default.useRef(null);
+    const { offsetWidth } = (0, styles_2.useElementStates)(ref);
+    const cachedTrimedSearch = react_1.default.useRef(null);
+    const trimedSearch = react_1.default.useMemo(() => { var _a, _b, _c; return (_c = (_b = (_a = search === null || search === void 0 ? void 0 : search.trim) === null || _a === void 0 ? void 0 : _a.call(search)) === null || _b === void 0 ? void 0 : _b.toLocaleLowerCase) === null || _c === void 0 ? void 0 : _c.call(_b); }, [search]);
+    const selectedFilterText = react_1.default.useMemo(() => selectedFilters && selectedFilters.length > 0
+        ? selectedFilters.length
+        : undefined, [selectedFilters, filterOptions]);
+    const selectedSortText = react_1.default.useMemo(() => {
+        var _a;
+        return selectedSort
+            ? (_a = sortOptions === null || sortOptions === void 0 ? void 0 : sortOptions.find(({ key }) => key === selectedSort)) === null || _a === void 0 ? void 0 : _a.text
+            : undefined;
+    }, [selectedSort, sortOptions]);
+    const filterDropdown = react_1.default.useMemo(() => !!filterOptions && filterOptions.length > 0
+        ? [
+            {
+                key: 'filter',
+                title: '필터',
+                [{
+                    checkboxLabel: 'checkboxLabelRows',
+                    radioLabel: 'radioLabelRows',
+                }[filterRowType]]: filterOptions.map(({ key, text }) => ({
+                    key,
+                    value: (selectedFilters || []).includes(key),
+                    onClick: () => {
+                        const filters = (selectedFilters || []).filter(k => k !== key);
+                        onChangeSelectedFilter === null || onChangeSelectedFilter === void 0 ? void 0 : onChangeSelectedFilter((selectedFilters || []).includes(key)
+                            ? filterRowType === 'checkboxLabel'
+                                ? filters
+                                : []
+                            : filterRowType === 'checkboxLabel'
+                                ? [...filters, key]
+                                : [key]);
+                    },
+                    text,
+                })),
+            },
+        ]
+        : undefined, [filterRowType, filterOptions, selectedFilters, onChangeSelectedFilter]);
+    const sortDropdown = react_1.default.useMemo(() => [
+        {
+            key: 'sort',
+            title: '정렬',
+            selectableTextButtons: (sortOptions !== null && sortOptions !== void 0 ? sortOptions : []).map(({ key, text }) => ({
+                key,
+                text,
+                isSelected: selectedSort === key,
+                onClick: () => {
+                    onChangeSelectedSort === null || onChangeSelectedSort === void 0 ? void 0 : onChangeSelectedSort(key);
+                },
+            })),
+        },
+    ], [selectedSort, sortOptions, onChangeSelectedSort]);
+    const resetButtons = react_1.default.useMemo(() => (selectedFilters || []).map(key => {
+        var _a, _b;
+        return ({
+            key,
+            text: ((_b = (_a = filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.find) === null || _a === void 0 ? void 0 : _a.call(filterOptions, ({ key: optionKey }) => optionKey === key)) === null || _b === void 0 ? void 0 : _b.text) || key,
+            onClick: () => onChangeSelectedFilter === null || onChangeSelectedFilter === void 0 ? void 0 : onChangeSelectedFilter((selectedFilters !== null && selectedFilters !== void 0 ? selectedFilters : []).filter(k => k !== key)),
+        });
+    }), [selectedFilters, filterOptions, onChangeSelectedFilter]);
+    const onClickSearchReset = react_1.default.useCallback(() => {
+        onChangeSearch === null || onChangeSearch === void 0 ? void 0 : onChangeSearch('');
+    }, [onChangeSearch]);
+    const onClickFilterReset = react_1.default.useCallback(() => {
+        onChangeSearch === null || onChangeSearch === void 0 ? void 0 : onChangeSearch('');
+        onChangeSelectedFilter === null || onChangeSelectedFilter === void 0 ? void 0 : onChangeSelectedFilter([]);
+    }, [onChangeSearch, onChangeSelectedFilter]);
+    react_1.default.useEffect(() => {
+        if (cachedTrimedSearch.current === '' &&
+            trimedSearch &&
+            (sortOptions === null || sortOptions === void 0 ? void 0 : sortOptions.find(({ key }) => key === 'searchSimilarity'))) {
+            onChangeSelectedSort === null || onChangeSelectedSort === void 0 ? void 0 : onChangeSelectedSort('searchSimilarity');
+        }
+        cachedTrimedSearch.current = trimedSearch !== null && trimedSearch !== void 0 ? trimedSearch : null;
+    }, [trimedSearch, sortOptions, onChangeSelectedSort]);
+    const isOpenFilterDropdown = (0, stores_1.useDropdownEffect)(filterButtonRef, (0, jsx_runtime_1.jsx)(molecules_1.Dropdown, { sections: filterDropdown }), 'bottom-start', {}, [filterDropdown]);
+    const isOpenSortDropdown = (0, stores_1.useDropdownEffect)(sortButtonRef, (0, jsx_runtime_1.jsx)(molecules_1.Dropdown, { sections: sortDropdown }), 'bottom-start', {}, [sortDropdown]);
+    (0, stores_1.useDropdownEffect)(moreButtonRef, (0, jsx_runtime_1.jsx)(molecules_1.Dropdown, { sections: moreDropdownSections }), 'bottom-end', {}, [moreDropdownSections]);
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { ref: ref, ...props, children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$position": "relative", "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.small, "$flexWrap": true, children: [typeof search === 'string' && ((0, jsx_runtime_1.jsx)(atoms_1.TextInput, { type: "rounded-search", placeholder: "\uAC80\uC0C9", value: search, onChangeValue: onChangeSearch, "$width": typeof offsetWidth === 'number' && offsetWidth < 580
+                            ? '100%'
+                            : 240, "$maxWidth": "100%" })), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$justifyContent": "space-between", "$gap": styles_1.theme.size.margin.base.small, "$maxWidth": "100%", "$flexWrap": true, "$flexGrow": true, children: [((!!filterOptions && filterOptions.length > 0) ||
+                                (!!sortOptions && sortOptions.length > 0)) && ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.small, "$maxWidth": "100%", "$flexWrap": true, children: [!!filterOptions && filterOptions.length > 0 && ((0, jsx_runtime_1.jsx)(atoms_1.SelectInput, { ref: filterButtonRef, icon: "hero/funnel-outline", text: selectedFilterText, isSelected: isOpenFilterDropdown })), !!sortOptions && sortOptions.length > 0 && ((0, jsx_runtime_1.jsx)(atoms_1.SelectInput, { ref: sortButtonRef, icon: "hero/arrows-up-down-outline", text: selectedSortText, isSelected: isOpenSortDropdown }))] })), !!moreDropdownSections && moreDropdownSections.length > 0 && ((0, jsx_runtime_1.jsx)(atoms_1.TextButton, { ref: moreButtonRef, icon: "hero/ellipsis-horizontal-outline" }))] })] }), (!!trimedSearch || resetButtons.length > 0) && ((0, jsx_runtime_1.jsxs)(molecules_1.SelectedChipTray, { onClickReset: onClickFilterReset, "$marginTop": styles_1.theme.size.margin.base.small, children: [!!trimedSearch && ((0, jsx_runtime_1.jsx)(atoms_1.TextChipButton, { text: trimedSearch, onClick: onClickSearchReset, isDisplayClose: true })), resetButtons.map(({ key, text, onClick }) => ((0, jsx_runtime_1.jsx)(atoms_1.TextChipButton, { text: text, onClick: onClick, isDisplayClose: true }, key)))] }))] }));
+});
+//# sourceMappingURL=QueryToolBar.js.map

package/lib/components/organisms/bars/QueryToolBar.js.map

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

package/lib/components/organisms/bars/SubmitQueryToolBar.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import { ChipInput, Container, UserChipButton } from '../../../components/atoms';
+import { DateRangeDropdown, Dropdown, SearchDropdown } from '../../../components/molecules';
+type SelectedUser = {
+    id: React.ComponentProps<typeof UserChipButton>['id'];
+    profileImageUrl?: React.ComponentProps<typeof UserChipButton>['profileImageUrl'];
+    isValid?: boolean;
+};
+type SelectedProblem = {
+    id: string;
+};
+type Props = {
+    userSearch?: React.ComponentProps<typeof ChipInput>['value'];
+    problemSearch?: React.ComponentProps<typeof ChipInput>['value'];
+    selectedUserFilters?: SelectedUser[];
+    selectedProblemFilters?: SelectedProblem[];
+    selectedStatusFilters?: string[];
+    selectedLanguageFilters?: string[];
+    selectedCreatedAtFilters?: React.ComponentProps<typeof DateRangeDropdown>['values'];
+    selectedSort?: string;
+    statusFilterOptions?: {
+        key: string;
+        text?: string;
+    }[];
+    languageFilterOptions?: {
+        key: string;
+        text?: string;
+    }[];
+    sortOptions?: {
+        key: string;
+        text?: string;
+    }[];
+    moreDropdownSections?: React.ComponentProps<typeof Dropdown>['sections'];
+    userSearchDropdown?: React.ComponentProps<typeof SearchDropdown>;
+    problemSearchDropdown?: React.ComponentProps<typeof SearchDropdown>;
+    onChangeUserSearch?: (value: React.ComponentProps<typeof ChipInput>['value']) => void;
+    onChangeProblemSearch?: (value: React.ComponentProps<typeof ChipInput>['value']) => void;
+    onChangeSelectedUserFilter?: (values: SelectedUser[]) => void;
+    onChangeSelectedProblemFilter?: (values: SelectedProblem[]) => void;
+    onChangeSelectedStatusFilter?: (values: string[]) => void;
+    onChangeSelectedLanguageFilter?: (values: string[]) => void;
+    onChangeSelectedCreatedAtFilter?: React.ComponentProps<typeof DateRangeDropdown>['onChangeValues'];
+    onChangeSelectedSort?: (value: string) => void;
+    onEnterUserInput?: React.ComponentProps<typeof ChipInput>['onEnter'];
+    onEnterProblemInput?: React.ComponentProps<typeof ChipInput>['onEnter'];
+    onEscapeUserInput?: React.ComponentProps<typeof ChipInput>['onEscape'];
+    onEscapeProblemInput?: React.ComponentProps<typeof ChipInput>['onEscape'];
+    onArrowUpUserInput?: React.ComponentProps<typeof ChipInput>['onArrowUp'];
+    onArrowUpProblemInput?: React.ComponentProps<typeof ChipInput>['onArrowUp'];
+    onArrowDownUserInput?: React.ComponentProps<typeof ChipInput>['onArrowDown'];
+    onArrowDownProblemInput?: React.ComponentProps<typeof ChipInput>['onArrowDown'];
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ userSearch, problemSearch, selectedUserFilters, selectedProblemFilters, selectedStatusFilters, selectedLanguageFilters, selectedCreatedAtFilters, selectedSort, statusFilterOptions, languageFilterOptions, sortOptions, moreDropdownSections, userSearchDropdown, problemSearchDropdown, onChangeUserSearch, onChangeProblemSearch, onChangeSelectedUserFilter, onChangeSelectedProblemFilter, onChangeSelectedStatusFilter, onChangeSelectedLanguageFilter, onChangeSelectedCreatedAtFilter, onChangeSelectedSort, onEnterUserInput, onEnterProblemInput, onEscapeUserInput, onEscapeProblemInput, onArrowUpUserInput, onArrowUpProblemInput, onArrowDownUserInput, onArrowDownProblemInput, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/organisms/bars/SubmitQueryToolBar.js

@@ -0,0 +1,232 @@
+'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 = require("@euler-edu/utils/day");
+const styles_1 = require("../../../utils/styles");
+const stores_1 = require("../../../hooks/stores");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const molecules_1 = require("../../../components/molecules");
+exports.default = react_1.default.memo(({ userSearch, problemSearch, selectedUserFilters, selectedProblemFilters, selectedStatusFilters, selectedLanguageFilters, selectedCreatedAtFilters, selectedSort, statusFilterOptions, languageFilterOptions, sortOptions, moreDropdownSections, userSearchDropdown, problemSearchDropdown, onChangeUserSearch, onChangeProblemSearch, onChangeSelectedUserFilter, onChangeSelectedProblemFilter, onChangeSelectedStatusFilter, onChangeSelectedLanguageFilter, onChangeSelectedCreatedAtFilter, onChangeSelectedSort, onEnterUserInput, onEnterProblemInput, onEscapeUserInput, onEscapeProblemInput, onArrowUpUserInput, onArrowUpProblemInput, onArrowDownUserInput, onArrowDownProblemInput, ...props }) => {
+    const ref = react_1.default.useRef(null);
+    const statusFilterButtonRef = react_1.default.useRef(null);
+    const languageFilterButtonRef = react_1.default.useRef(null);
+    const createdAtFilterButtonRef = react_1.default.useRef(null);
+    const sortButtonRef = react_1.default.useRef(null);
+    const moreButtonRef = react_1.default.useRef(null);
+    const userInputRef = react_1.default.useRef(null);
+    const problemInputRef = react_1.default.useRef(null);
+    const { offsetWidth } = (0, styles_2.useElementStates)(ref, {
+        isTrackSize: true,
+    });
+    const { offsetWidth: userInputWidth } = (0, styles_2.useElementStates)(userInputRef, {
+        isTrackSize: true,
+    });
+    const { offsetWidth: problemInputWidth } = (0, styles_2.useElementStates)(problemInputRef, {
+        isTrackSize: true,
+    });
+    const selectedStatusFilterText = react_1.default.useMemo(() => selectedStatusFilters && selectedStatusFilters.length > 0
+        ? `채점 결과 (${selectedStatusFilters.length})`
+        : '채점 결과', [selectedStatusFilters, statusFilterOptions]);
+    const selectedLanguageFilterText = react_1.default.useMemo(() => selectedLanguageFilters && selectedLanguageFilters.length > 0
+        ? `언어 (${selectedLanguageFilters.length})`
+        : '언어', [selectedLanguageFilters, languageFilterOptions]);
+    const selectedCreatedAtFilterText = react_1.default.useMemo(() => selectedCreatedAtFilters
+        ? (selectedCreatedAtFilters === null || selectedCreatedAtFilters === void 0 ? void 0 : selectedCreatedAtFilters[0]) && (selectedCreatedAtFilters === null || selectedCreatedAtFilters === void 0 ? void 0 : selectedCreatedAtFilters[1])
+            ? `${(0, day_1.getFormattedDate)(selectedCreatedAtFilters[0], 'date')} → ${(0, day_1.getFormattedDate)(selectedCreatedAtFilters[1], 'date')}`
+            : (selectedCreatedAtFilters === null || selectedCreatedAtFilters === void 0 ? void 0 : selectedCreatedAtFilters[0])
+                ? `${(0, day_1.getFormattedDate)(selectedCreatedAtFilters[0], 'date')} 이후`
+                : (selectedCreatedAtFilters === null || selectedCreatedAtFilters === void 0 ? void 0 : selectedCreatedAtFilters[1])
+                    ? `${(0, day_1.getFormattedDate)(selectedCreatedAtFilters[1], 'date')} 이전`
+                    : '제출한 시간'
+        : '제출한 시간', [selectedCreatedAtFilters]);
+    const selectedSortText = react_1.default.useMemo(() => {
+        var _a;
+        return selectedSort && sortOptions
+            ? (_a = sortOptions.find(option => option.key === selectedSort)) === null || _a === void 0 ? void 0 : _a.text
+            : undefined;
+    }, [selectedSort, sortOptions]);
+    const onPopChipProblemInput = react_1.default.useCallback(() => {
+        onChangeSelectedProblemFilter === null || onChangeSelectedProblemFilter === void 0 ? void 0 : onChangeSelectedProblemFilter((selectedProblemFilters || []).slice(0, -1));
+    }, [onChangeSelectedProblemFilter, selectedProblemFilters]);
+    const onPopChipUserInput = react_1.default.useCallback(() => {
+        onChangeSelectedUserFilter === null || onChangeSelectedUserFilter === void 0 ? void 0 : onChangeSelectedUserFilter((selectedUserFilters || []).slice(0, -1));
+    }, [onChangeSelectedUserFilter, selectedUserFilters]);
+    const onPushChipProblemInput = react_1.default.useCallback((value) => {
+        onChangeSelectedProblemFilter === null || onChangeSelectedProblemFilter === void 0 ? void 0 : onChangeSelectedProblemFilter([
+            ...(selectedProblemFilters || []),
+            { id: value },
+        ]);
+    }, [onChangeSelectedProblemFilter, selectedProblemFilters]);
+    const onPushChipUserInput = react_1.default.useCallback((value) => {
+        onChangeSelectedUserFilter === null || onChangeSelectedUserFilter === void 0 ? void 0 : onChangeSelectedUserFilter([
+            ...(selectedUserFilters || []),
+            { id: value },
+        ]);
+    }, [onChangeSelectedUserFilter, selectedUserFilters]);
+    const onClickCloseProblemInput = react_1.default.useCallback(() => {
+        onChangeSelectedProblemFilter === null || onChangeSelectedProblemFilter === void 0 ? void 0 : onChangeSelectedProblemFilter([]);
+        onChangeProblemSearch === null || onChangeProblemSearch === void 0 ? void 0 : onChangeProblemSearch('');
+    }, [onChangeSelectedProblemFilter, onChangeProblemSearch]);
+    const onClickCloseUserInput = react_1.default.useCallback(() => {
+        onChangeSelectedUserFilter === null || onChangeSelectedUserFilter === void 0 ? void 0 : onChangeSelectedUserFilter([]);
+        onChangeUserSearch === null || onChangeUserSearch === void 0 ? void 0 : onChangeUserSearch('');
+    }, [onChangeSelectedUserFilter, onChangeUserSearch]);
+    const statusFilterDropdown = react_1.default.useMemo(() => !!statusFilterOptions && statusFilterOptions.length > 0
+        ? [
+            {
+                key: 'statusFilter',
+                title: '채점 결과 필터',
+                checkboxLabelRows: statusFilterOptions.map(({ key, text }) => ({
+                    key,
+                    value: (selectedStatusFilters || []).includes(key),
+                    onClick: () => {
+                        const filters = (selectedStatusFilters || []).filter(k => k !== key);
+                        onChangeSelectedStatusFilter === null || onChangeSelectedStatusFilter === void 0 ? void 0 : onChangeSelectedStatusFilter((selectedStatusFilters || []).includes(key)
+                            ? filters
+                            : [...filters, key]);
+                    },
+                    text,
+                })),
+            },
+        ]
+        : undefined, [
+        statusFilterOptions,
+        selectedStatusFilters,
+        onChangeSelectedLanguageFilter,
+    ]);
+    const languageFilterDropdown = react_1.default.useMemo(() => !!languageFilterOptions && languageFilterOptions.length > 0
+        ? [
+            {
+                key: 'languageFilter',
+                title: '언어 필터',
+                checkboxLabelRows: languageFilterOptions.map(({ key, text }) => ({
+                    key,
+                    value: (selectedLanguageFilters || []).includes(key),
+                    onClick: () => {
+                        const filters = (selectedLanguageFilters || []).filter(k => k !== key);
+                        onChangeSelectedLanguageFilter === null || onChangeSelectedLanguageFilter === void 0 ? void 0 : onChangeSelectedLanguageFilter((selectedLanguageFilters || []).includes(key)
+                            ? filters
+                            : [...filters, key]);
+                    },
+                    text,
+                })),
+            },
+        ]
+        : undefined, [
+        languageFilterOptions,
+        selectedLanguageFilters,
+        onChangeSelectedLanguageFilter,
+    ]);
+    const sortDropdown = react_1.default.useMemo(() => [
+        {
+            key: 'sort',
+            title: '정렬',
+            selectableTextButtons: (sortOptions !== null && sortOptions !== void 0 ? sortOptions : []).map(({ key, text }) => ({
+                key,
+                text,
+                isSelected: selectedSort === key,
+                onClick: () => {
+                    onChangeSelectedSort === null || onChangeSelectedSort === void 0 ? void 0 : onChangeSelectedSort(key);
+                },
+            })),
+        },
+    ], [selectedSort, sortOptions, onChangeSelectedSort]);
+    const resetProblemButtons = react_1.default.useMemo(() => (selectedProblemFilters || []).map(({ id }, index) => ({
+        key: `${index}-${id}`,
+        type: 'pill-rounded',
+        text: `#${id}`,
+        onClick: () => onChangeSelectedProblemFilter === null || onChangeSelectedProblemFilter === void 0 ? void 0 : onChangeSelectedProblemFilter((selectedProblemFilters !== null && selectedProblemFilters !== void 0 ? selectedProblemFilters : []).filter(p => p.id !== id)),
+        isDisplayClose: true,
+    })), [selectedProblemFilters, onChangeSelectedProblemFilter]);
+    const resetUserButtons = react_1.default.useMemo(() => (selectedUserFilters || []).map(({ isValid, id, profileImageUrl }, index) => ({
+        isValid,
+        id,
+        profileImageUrl,
+        key: `${index}-${id}`,
+        type: 'pill-rounded',
+        onClick: () => onChangeSelectedUserFilter === null || onChangeSelectedUserFilter === void 0 ? void 0 : onChangeSelectedUserFilter((selectedUserFilters !== null && selectedUserFilters !== void 0 ? selectedUserFilters : []).filter(u => u.id !== id)),
+        isDisplayClose: true,
+    })), [selectedUserFilters, onChangeSelectedUserFilter]);
+    const resetButtons = react_1.default.useMemo(() => [
+        ...(selectedStatusFilters || []).map(key => {
+            var _a, _b;
+            return ({
+                key,
+                text: ((_b = (_a = statusFilterOptions === null || statusFilterOptions === void 0 ? void 0 : statusFilterOptions.find) === null || _a === void 0 ? void 0 : _a.call(statusFilterOptions, ({ key: optionKey }) => optionKey === key)) === null || _b === void 0 ? void 0 : _b.text) || key,
+                onClick: () => onChangeSelectedStatusFilter === null || onChangeSelectedStatusFilter === void 0 ? void 0 : onChangeSelectedStatusFilter((selectedStatusFilters !== null && selectedStatusFilters !== void 0 ? selectedStatusFilters : []).filter(k => k !== key)),
+                isDisplayClose: true,
+            });
+        }),
+        ...(selectedLanguageFilters || []).map(key => {
+            var _a, _b;
+            return ({
+                key,
+                text: ((_b = (_a = languageFilterOptions === null || languageFilterOptions === void 0 ? void 0 : languageFilterOptions.find) === null || _a === void 0 ? void 0 : _a.call(languageFilterOptions, ({ key: optionKey }) => optionKey === key)) === null || _b === void 0 ? void 0 : _b.text) || key,
+                onClick: () => onChangeSelectedLanguageFilter === null || onChangeSelectedLanguageFilter === void 0 ? void 0 : onChangeSelectedLanguageFilter((selectedLanguageFilters !== null && selectedLanguageFilters !== void 0 ? selectedLanguageFilters : []).filter(k => k !== key)),
+                isDisplayClose: true,
+            });
+        }),
+        ...((selectedCreatedAtFilters === null || selectedCreatedAtFilters === void 0 ? void 0 : selectedCreatedAtFilters[0]) || (selectedCreatedAtFilters === null || selectedCreatedAtFilters === void 0 ? void 0 : selectedCreatedAtFilters[1])
+            ? [
+                {
+                    key: 'createdAt',
+                    text: selectedCreatedAtFilterText,
+                    onClick: () => {
+                        onChangeSelectedCreatedAtFilter === null || onChangeSelectedCreatedAtFilter === void 0 ? void 0 : onChangeSelectedCreatedAtFilter([undefined, undefined]);
+                    },
+                    isDisplayClose: true,
+                },
+            ]
+            : []),
+    ], [
+        selectedStatusFilters,
+        statusFilterOptions,
+        onChangeSelectedStatusFilter,
+        selectedLanguageFilters,
+        languageFilterOptions,
+        onChangeSelectedLanguageFilter,
+        selectedCreatedAtFilters,
+        selectedCreatedAtFilterText,
+        onChangeSelectedCreatedAtFilter,
+    ]);
+    (0, stores_1.useDropdownEffect)(userInputRef, (0, jsx_runtime_1.jsx)(molecules_1.SearchDropdown, { "$minWidth": userInputWidth, ...userSearchDropdown }), 'bottom-start', { isOpen: !!userSearchDropdown }, [userSearchDropdown, userInputWidth]);
+    (0, stores_1.useDropdownEffect)(problemInputRef, (0, jsx_runtime_1.jsx)(molecules_1.SearchDropdown, { "$minWidth": problemInputWidth, ...problemSearchDropdown }), 'bottom-start', { isOpen: !!problemSearchDropdown }, [problemSearchDropdown, problemInputWidth]);
+    const isOpenStatusFilterDropdown = (0, stores_1.useDropdownEffect)(statusFilterButtonRef, (0, jsx_runtime_1.jsx)(molecules_1.Dropdown, { sections: statusFilterDropdown }), 'bottom-start', {}, [statusFilterDropdown]);
+    const isOpenLanguageFilterDropdown = (0, stores_1.useDropdownEffect)(languageFilterButtonRef, (0, jsx_runtime_1.jsx)(molecules_1.Dropdown, { sections: languageFilterDropdown }), 'bottom-start', {}, [languageFilterDropdown]);
+    const isOpenCreatedAtFilterDropdown = (0, stores_1.useDropdownEffect)(createdAtFilterButtonRef, (0, jsx_runtime_1.jsx)(molecules_1.DateRangeDropdown, { values: selectedCreatedAtFilters, onChangeValues: onChangeSelectedCreatedAtFilter }), 'bottom-start', {}, [selectedCreatedAtFilters, onChangeSelectedCreatedAtFilter]);
+    const isOpenSortDropdown = (0, stores_1.useDropdownEffect)(sortButtonRef, (0, jsx_runtime_1.jsx)(molecules_1.Dropdown, { sections: sortDropdown }), 'bottom-start', {}, [sortDropdown]);
+    (0, stores_1.useDropdownEffect)(moreButtonRef, (0, jsx_runtime_1.jsx)(molecules_1.Dropdown, { sections: moreDropdownSections }), 'bottom-end', {}, [moreDropdownSections]);
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { ref: ref, ...props, children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$position": "relative", "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.small, "$flexWrap": true, children: [Array.isArray(selectedUserFilters) && ((0, jsx_runtime_1.jsx)(atoms_1.ChipInput, { ref: userInputRef, type: "rounded", size: "medium", icon: selectedUserFilters.length + ((userSearch === null || userSearch === void 0 ? void 0 : userSearch.trim()) ? 1 : 0) > 1
+                            ? 'hero/users-outline'
+                            : 'hero/user-outline', placeholder: "\uC81C\uCD9C\uC790", value: userSearch, onChangeValue: onChangeUserSearch, onPopChip: onPopChipUserInput, onPushChip: onPushChipUserInput, onClickClose: onClickCloseUserInput, onEnter: onEnterUserInput, onEscape: onEscapeUserInput, onArrowUp: onArrowUpUserInput, onArrowDown: onArrowDownUserInput, "$width": typeof offsetWidth === 'number' && offsetWidth < 580
+                            ? '100%'
+                            : typeof offsetWidth === 'number' && offsetWidth < 1000
+                                ? `calc(50% - ${styles_1.theme.size.margin.base.small / 2}px)`
+                                : (offsetWidth || 0) > 1160
+                                    ? 240
+                                    : 160, "$maxWidth": "100%", children: resetUserButtons.map(({ isValid, id, profileImageUrl, ...button }) => isValid ? ((0, jsx_runtime_1.jsx)(atoms_1.UserChipButton, { size: "small", id: id, profileImageUrl: profileImageUrl, ...button })) : ((0, jsx_runtime_1.jsx)(atoms_1.TextChipButton, { size: "small", text: id, ...button }))) })), Array.isArray(selectedProblemFilters) && ((0, jsx_runtime_1.jsx)(atoms_1.ChipInput, { ref: problemInputRef, type: "rounded", size: "medium", icon: "hero/hashtag-outline", placeholder: "\uBB38\uC81C", value: problemSearch, onChangeValue: onChangeProblemSearch, onPopChip: onPopChipProblemInput, onPushChip: onPushChipProblemInput, onClickClose: onClickCloseProblemInput, onEnter: onEnterProblemInput, onEscape: onEscapeProblemInput, onArrowUp: onArrowUpProblemInput, onArrowDown: onArrowDownProblemInput, "$width": typeof offsetWidth === 'number' && offsetWidth < 580
+                            ? '100%'
+                            : typeof offsetWidth === 'number' && offsetWidth < 1000
+                                ? `calc(50% - ${styles_1.theme.size.margin.base.small / 2}px)`
+                                : (offsetWidth || 0) > 1160
+                                    ? 240
+                                    : 160, "$maxWidth": "100%", children: resetProblemButtons.map(button => ((0, jsx_runtime_1.jsx)(atoms_1.TextChipButton, { size: "small", ...button }))) })), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$justifyContent": "space-between", "$gap": styles_1.theme.size.margin.base.small, "$maxWidth": "100%", "$flexWrap": true, "$flexGrow": true, children: [((!!statusFilterOptions && statusFilterOptions.length > 0) ||
+                                (!!languageFilterOptions && languageFilterOptions.length > 0) ||
+                                (!!sortOptions && sortOptions.length > 0)) && ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.small, "$maxWidth": "100%", "$flexWrap": true, children: [!!statusFilterOptions && statusFilterOptions.length > 0 && ((0, jsx_runtime_1.jsx)(atoms_1.SelectInput, { ref: statusFilterButtonRef, icon: "hero/funnel-outline", text: selectedStatusFilterText, isSelected: isOpenStatusFilterDropdown })), !!languageFilterOptions &&
+                                        languageFilterOptions.length > 0 && ((0, jsx_runtime_1.jsx)(atoms_1.SelectInput, { ref: languageFilterButtonRef, icon: "hero/funnel-outline", text: selectedLanguageFilterText, isSelected: isOpenLanguageFilterDropdown })), !!selectedCreatedAtFilters && ((0, jsx_runtime_1.jsx)(atoms_1.SelectInput, { ref: createdAtFilterButtonRef, icon: "hero/funnel-outline", text: selectedCreatedAtFilterText, isSelected: isOpenCreatedAtFilterDropdown })), !!sortOptions && sortOptions.length > 0 && ((0, jsx_runtime_1.jsx)(atoms_1.SelectInput, { ref: sortButtonRef, icon: "hero/arrows-up-down-outline", text: selectedSortText, isSelected: isOpenSortDropdown }))] })), !!moreDropdownSections && moreDropdownSections.length > 0 && ((0, jsx_runtime_1.jsx)(atoms_1.TextButton, { ref: moreButtonRef, icon: "hero/ellipsis-horizontal-outline" }))] })] }), (resetProblemButtons.length > 0 ||
+                resetUserButtons.length > 0 ||
+                resetButtons.length > 0) && ((0, jsx_runtime_1.jsxs)(molecules_1.SelectedChipTray, { onClickReset: () => {
+                    onChangeSelectedProblemFilter === null || onChangeSelectedProblemFilter === void 0 ? void 0 : onChangeSelectedProblemFilter([]);
+                    onChangeSelectedUserFilter === null || onChangeSelectedUserFilter === void 0 ? void 0 : onChangeSelectedUserFilter([]);
+                    onChangeSelectedStatusFilter === null || onChangeSelectedStatusFilter === void 0 ? void 0 : onChangeSelectedStatusFilter([]);
+                    onChangeSelectedLanguageFilter === null || onChangeSelectedLanguageFilter === void 0 ? void 0 : onChangeSelectedLanguageFilter([]);
+                    onChangeSelectedCreatedAtFilter === null || onChangeSelectedCreatedAtFilter === void 0 ? void 0 : onChangeSelectedCreatedAtFilter([undefined, undefined]);
+                }, "$marginTop": styles_1.theme.size.margin.base.small, children: [resetProblemButtons.map(button => ((0, jsx_runtime_1.jsx)(atoms_1.TextChipButton, { ...button }))), resetUserButtons.map(({ isValid, id, profileImageUrl, ...button }) => isValid ? ((0, jsx_runtime_1.jsx)(atoms_1.UserChipButton, { id: id, profileImageUrl: profileImageUrl, ...button })) : ((0, jsx_runtime_1.jsx)(atoms_1.TextChipButton, { text: id, ...button }))), resetButtons.map(button => ((0, jsx_runtime_1.jsx)(atoms_1.TextChipButton, { ...button })))] }))] }));
+});
+//# sourceMappingURL=SubmitQueryToolBar.js.map

package/lib/components/organisms/bars/SubmitQueryToolBar.js.map

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

package/lib/components/organisms/bars/index.d.ts

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

package/lib/components/organisms/bars/index.js

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

package/lib/components/organisms/bars/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/bars/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,2DAAqE;AAA5D,yIAAA,OAAO,OAAsB"}

package/lib/components/organisms/footers/CellTextButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TextButton } from '../../../components/atoms';
+type Props = React.ComponentProps<typeof TextButton>;
+declare const _default: ({ ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/organisms/footers/CellTextButton.js

@@ -0,0 +1,12 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const metadata_1 = require("../../../constants/metadata");
+const buttons_1 = require("../../../hooks/components/buttons");
+const atoms_1 = require("../../../components/atoms");
+exports.default = ({ ...props }) => {
+    const button = (0, buttons_1.useCellTextButton)(metadata_1.metadata.cell, '오일러학원 전화번호');
+    return ((0, jsx_runtime_1.jsx)(atoms_1.TextButton, { icon: "phosphor/phone-regular", text: "\uC804\uD654\uC0C1\uB2F4 \uC608\uC57D\uD558\uAE30", palette: "button-solid", ...button, ...props }));
+};
+//# sourceMappingURL=CellTextButton.js.map

package/lib/components/organisms/footers/CellTextButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellTextButton.js","sourceRoot":"","sources":["../../../../src/components/organisms/footers/CellTextButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AAIb,mDAAgD;AAEhD,wDAA+D;AAE/D,8CAAgD;AAIhD,kBAAe,CAAC,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE;IACrC,MAAM,MAAM,GAAG,IAAA,2BAAiB,EAAC,mBAAQ,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IAC9D,OAAO,CACL,uBAAC,kBAAU,IACT,IAAI,EAAC,wBAAwB,EAC7B,IAAI,EAAC,mDAAW,EAChB,OAAO,EAAC,cAAc,KAClB,MAAM,KACN,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/organisms/footers/Footer.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ClickableContainer, Container, Text, TextButton } from '../../../components/atoms';
+type Props = {
+    sections?: {
+        title: React.ComponentProps<typeof Text>['value'];
+        buttons?: {
+            text: React.ComponentProps<typeof TextButton>['text'];
+            href?: React.ComponentProps<typeof ClickableContainer>['href'];
+        }[];
+    }[];
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ sections, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/organisms/footers/Footer.js

@@ -0,0 +1,21 @@
+"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 metadata_1 = require("../../../constants/metadata");
+const styles_1 = require("../../../utils/styles");
+const atoms_1 = require("../../../components/atoms");
+const atoms_2 = require("../../../components/atoms");
+const CellTextButton_1 = __importDefault(require("./CellTextButton"));
+exports.default = react_1.default.memo(({ sections, ...props }) => {
+    var _a;
+    return ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$borderTop": `1px solid ${(_a = styles_1.theme.color.palettes.body) === null || _a === void 0 ? void 0 : _a['border-primary']}`, "$background": styles_1.theme.color.palettes.body['background-selected'], "$paddingTop": styles_1.theme.size.margin.section, "$paddingBottom": 120, "$transition": "background", ...props, children: (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$adaptiveCenter": "desktop", children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$position": "relative", "$display": "flex", "$gap": styles_1.theme.size.margin.base.x_large, "$flexWrap": true, children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$width": 0, "$minWidth": 125, "$height": 32, "$alignItems": "center", "$flexGrow": true, "$noneUserSelect": true, children: [(0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "primary/euler", "$autoFill": styles_1.theme.color.palettes.body['content-primary'], "$size": 32 }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { value: metadata_1.metadata.title, type: "x_large-bold", "$font": "BitgoeulGwangju", "$noneUserSelect": true })] }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$width": 0, "$minWidth": "min(510px, 100%)", "$flexGrow": 2, "$gap": styles_1.theme.size.margin.base.medium, children: sections &&
+                                sections.map(({ title, buttons }) => ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$width": 0, "$flexGrow": true, children: [(0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "medium-bold", value: title, "$marginBottom": styles_1.theme.size.margin.base.small }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", "$alignItems": "flex-start", children: buttons === null || buttons === void 0 ? void 0 : buttons.map(({ text, href }) => ((0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { href: href, children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { value: text, "$color": styles_1.theme.color.palettes.body['content-secondary'] }) }, href))) })] }, title))) }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$width": 0, "$minWidth": "min(275px, 100%)", "$flexGrow": true, children: [(0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "medium-bold", value: "\uCF54\uB529, \uC218\uD559, \uACFC\uD559\uC804\uBB38 \uC624\uC77C\uB7EC\uD559\uC6D0\uC5D0\uC11C \uC6B0\uB9AC \uC544\uC774\uC758 \uBBF8\uB798\uB97C \uAC19\uC774 \uC124\uACC4\uD574\uBCF4\uC544\uC694", "$wordBreak": "keep-all", "$marginBottom": styles_1.theme.size.margin.base.small }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", "$alignItems": "start", "$gap": styles_1.theme.size.margin.base.x_small, children: [(0, jsx_runtime_1.jsx)(atoms_1.TextButton, { icon: "hero/arrow-up-right-outline", text: "\uBC29\uBB38\uC0C1\uB2F4 \uC608\uC57D\uD558\uAE30", href: metadata_1.urls.consultation, palette: "button-solid" }), (0, jsx_runtime_1.jsx)(CellTextButton_1.default, {})] })] })] }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: metadata_1.metadata.copyright, "$color": styles_1.theme.color.palettes.body['content-secondary'], "$marginTop": styles_1.theme.size.margin.base['2x_large'] }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$marginTop": styles_1.theme.size.margin.base.large, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$gap": styles_1.theme.size.margin.base.x_small, "$flexWrap": "wrap", children: Object.entries(metadata_1.socials).map(([, social]) => {
+                                var _a;
+                                return ((0, jsx_runtime_1.jsx)(atoms_1.IconButton, { type: "plain", size: "small", icon: (_a = social.icon) !== null && _a !== void 0 ? _a : 'primary/euler', title: social.title, href: social.href, palette: "button-ghost-softly" }, social.href));
+                            }) }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$marginTop": styles_1.theme.size.margin.base.small, children: (0, jsx_runtime_1.jsx)(atoms_2.ThemePicker, {}) })] })] }) }));
+});
+//# sourceMappingURL=Footer.js.map