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

package/lib/components/templates/CodeEditorTemplate/PanelHeader/index.js

@@ -0,0 +1,34 @@
+'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 OptionButton = ({ text, isSelected = false, ...props }) => {
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { "$position": "relative", "$display": "flex", "$alignItems": "start", "$paddingHorizontal": styles_1.theme.size.margin.base.x_small, "$height": "100%", "$opacity": isSelected || isHover ? 1 : 0.7, "$transition": "opacity", ...hoverProps, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Text, { value: text, "$color": isSelected
+                    ? styles_1.theme.color.palettes['button-solid']['background-primary']
+                    : styles_1.theme.color.code_editor_vars.foreground, "$transition": "color" }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$bottom": 0, "$left": 0, "$width": "100%", "$height": 2, "$background": styles_1.theme.color.palettes['button-solid']['background-primary'], "$opacity": isSelected ? 1 : 0, "$transition": "opacity" })] }));
+};
+const ActionButton = ({ icon, text, isFetching = 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.x_small, "$borderRadius": styles_1.theme.size.borderRadius.small, "$background": styles_1.theme.color.code_editor_vars['guide-background'], "$paddingHorizontal": styles_1.theme.size.margin.base.small, "$opacity": isHover && !isFetching ? 0.85 : 0.7, "$height": "100%", "$transition": "opacity", "$cursor": isFetching ? 'not-allowed' : 'pointer', ...hoverProps, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: isFetching ? 'hero/spinner-outline' : icon, "$size": 20, "$autoFill": styles_1.theme.color.code_editor_vars.foreground }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { value: text, "$color": styles_1.theme.color.code_editor_vars.foreground })] }));
+};
+exports.default = react_1.default.memo(({ selectedOption, onChangeSelectedOption, isFetchingReset, isFetchingSave, isFetchingRun, isFetchingSubmit, isDisplayActionButtons = true, onClickReset, onClickSave, onClickRun, onClickSubmit, ...props }) => {
+    const onClickInput = react_1.default.useCallback(() => {
+        onChangeSelectedOption === null || onChangeSelectedOption === void 0 ? void 0 : onChangeSelectedOption(selectedOption === 'input' ? undefined : 'input');
+    }, [selectedOption, onChangeSelectedOption]);
+    const onClickOutput = react_1.default.useCallback(() => {
+        onChangeSelectedOption === null || onChangeSelectedOption === void 0 ? void 0 : onChangeSelectedOption(selectedOption === 'output' ? undefined : 'output');
+    }, [selectedOption, onChangeSelectedOption]);
+    const onClickError = react_1.default.useCallback(() => {
+        onChangeSelectedOption === null || onChangeSelectedOption === void 0 ? void 0 : onChangeSelectedOption(selectedOption === 'error' ? undefined : 'error');
+    }, [selectedOption, onChangeSelectedOption]);
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$position": "relative", "$display": "flex", "$justifyContent": "space-between", "$width": "100%", "$height": styles_1.theme.size.height.codeEditor.panelHeader, "$paddingHorizontal": styles_1.theme.size.margin.base.medium, ...props, children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$height": "100%", "$gap": styles_1.theme.size.margin.base.x_small, children: [(0, jsx_runtime_1.jsx)(OptionButton, { text: "\uC785\uB825", isSelected: selectedOption === 'input', onClick: onClickInput }), (0, jsx_runtime_1.jsx)(OptionButton, { text: "\uCD9C\uB825", isSelected: selectedOption === 'output', onClick: onClickOutput }), (0, jsx_runtime_1.jsx)(OptionButton, { text: "\uC5D0\uB7EC", isSelected: selectedOption === 'error', onClick: onClickError })] }), isDisplayActionButtons && ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$height": "100%", "$gap": styles_1.theme.size.margin.base.x_small, children: [(0, jsx_runtime_1.jsx)(ActionButton, { icon: "phosphor/arrows-clockwise-regular", text: "\uCD08\uAE30\uD654", isFetching: isFetchingReset, onClick: onClickReset }), (0, jsx_runtime_1.jsx)(ActionButton, { icon: "phosphor/floppy-disk-regular", text: "\uC800\uC7A5", isFetching: isFetchingSave, onClick: onClickSave }), (0, jsx_runtime_1.jsx)(ActionButton, { icon: "phosphor/play-regular", text: "\uC2E4\uD589", isFetching: isFetchingRun, onClick: onClickRun }), (0, jsx_runtime_1.jsx)(ActionButton, { icon: "phosphor/arrow-circle-up-regular", text: "\uC81C\uCD9C", isFetching: isFetchingSubmit, onClick: onClickSubmit })] }))] }));
+});
+//# sourceMappingURL=index.js.map

package/lib/components/templates/CodeEditorTemplate/PanelHeader/index.js.map

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

package/lib/components/templates/CodeEditorTemplate/Resizer/index.d.ts

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

package/lib/components/templates/CodeEditorTemplate/Resizer/index.js

@@ -0,0 +1,20 @@
+'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");
+exports.default = react_1.default.memo(({ type, ...props }) => {
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$width": type === 'row' ? '100%' : styles_1.theme.size.width.codeEditor.resizer, "$height": type === 'row' ? styles_1.theme.size.height.codeEditor.resizer : '100%', "$cursor": type === 'row' ? 'row-resize' : 'col-resize', "$display": "flex", "$flexDirection": type === 'row' ? 'column' : 'row-reverse', "$transition": "background", ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": type === 'row' ? '100%' : 1, "$height": type === 'row' ? 2 : '100%', "$background": type === 'row'
+                    ? styles_1.theme.color.code_editor_vars['guide-background']
+                    : styles_1.theme.color.palettes.body['border-primary'] }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$width": type === 'row' ? '100%' : 0, "$height": type === 'row' ? 0 : '100%', "$background": styles_1.theme.color.palettes.body['background-hovered'], "$flexDirection": type === 'row' ? 'column-reverse' : 'row', "$opacity": isHover ? 1 : 0, "$transition": "opacity", "$flexGrow": true, ...hoverProps, children: (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": type === 'row' ? '100%' : 1, "$height": type === 'row' ? 1 : '100%', "$background": type === 'row'
+                        ? styles_1.theme.color.code_editor_vars['guide-background']
+                        : styles_1.theme.color.palettes.body['border-primary'] }) })] }));
+});
+//# sourceMappingURL=index.js.map

package/lib/components/templates/CodeEditorTemplate/Resizer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/templates/CodeEditorTemplate/Resizer/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAKb,kDAA0B;AAE1B,2CAAuC;AAEvC,2CAA+C;AAE/C,8CAA+C;AAM/C,kBAAe,eAAK,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE;IACtD,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,IAAA,sBAAa,GAAE,CAAC;IAC9C,OAAO,CACL,wBAAC,iBAAS,cACA,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,aAC5D,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,aAC9D,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,cAC5C,MAAM,oBACC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,iBAC7C,YAAY,KACpB,KAAK,aAET,uBAAC,iBAAS,cACA,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,aAC1B,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,iBAElC,IAAI,KAAK,KAAK;oBACZ,CAAC,CAAC,cAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;oBAClD,CAAC,CAAC,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAEjD,EACF,uBAAC,iBAAS,gBACC,MAAM,YACP,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,aAC1B,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,iBACvB,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,CAAC,oBAC5C,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,cAC/C,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBACb,SAAS,wBAEjB,UAAU,YAEd,uBAAC,iBAAS,cACA,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,aAC1B,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,iBAElC,IAAI,KAAK,KAAK;wBACZ,CAAC,CAAC,cAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;wBAClD,CAAC,CAAC,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAEjD,GACQ,IACF,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/components/templates/CodeEditorTemplate/index.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import { Container } from '../../../components/atoms';
+import Editor from './Editor';
+import Header from './Header';
+import NavigationBar from './NavigationBar';
+import Panel from './Panel';
+import PanelFooter from './PanelFooter';
+import PanelHeader from './PanelHeader';
+type Props = {
+    homeHref?: React.ComponentProps<typeof NavigationBar>['homeHref'];
+    shortcutSettingHref?: React.ComponentProps<typeof Header>['shortcutSettingHref'];
+    avatarButton?: React.ComponentProps<typeof NavigationBar>['avatarButton'];
+    selectedTabPage?: React.ComponentProps<typeof Header>['selectedPage'];
+    sidePages?: ({
+        children?: React.ReactNode;
+    } & NonNullable<React.ComponentProps<typeof NavigationBar>['options']>[number])[];
+    tabPages?: ({
+        language?: React.ComponentProps<typeof Editor>['language'];
+        code?: React.ComponentProps<typeof Editor>['initValue'];
+    } & NonNullable<React.ComponentProps<typeof Header>['pages']>[number])[];
+    initCode?: React.ComponentProps<typeof Editor>['initValue'];
+    initCodeVersion?: React.ComponentProps<typeof Editor>['initValueVersion'];
+    savedCode?: React.ComponentProps<typeof Editor>['initValue'];
+    inputText?: React.ComponentProps<typeof Panel>['value'];
+    inputTextVersion?: string;
+    outputText?: React.ComponentProps<typeof Panel>['value'];
+    outputTextVersion?: string;
+    errorText?: React.ComponentProps<typeof Panel>['value'];
+    errorTextVersion?: string;
+    language?: React.ComponentProps<typeof Header>['language'];
+    environment?: React.ComponentProps<typeof PanelFooter>['environment'];
+    theme?: React.ComponentProps<typeof Editor>['theme'];
+    onChangeInputText?: React.ComponentProps<typeof Panel>['onChangeValue'];
+    onChangeLanguage?: React.ComponentProps<typeof Header>['onChangeLanguage'];
+    onChangeSelectedTabPage?: React.ComponentProps<typeof Header>['onChangeSelectedPage'];
+    onDeleteTabPage?: React.ComponentProps<typeof Header>['onDeletePage'];
+    onClickReset?: React.ComponentProps<typeof PanelHeader>['onClickReset'];
+    onClickSave?: (code: string) => void;
+    onClickRun?: (code: string) => void;
+    onClickSubmit?: (code: string) => void;
+    isFetchingReset?: React.ComponentProps<typeof PanelHeader>['isFetchingReset'];
+    isFetchingSave?: React.ComponentProps<typeof PanelHeader>['isFetchingSave'];
+    isFetchingRun?: React.ComponentProps<typeof PanelHeader>['isFetchingRun'];
+    isFetchingSubmit?: React.ComponentProps<typeof PanelHeader>['isFetchingSubmit'];
+    $letterSpacing?: React.ComponentProps<typeof Editor>['$letterSpacing'];
+    $font?: React.ComponentProps<typeof Editor>['$font'];
+    $fontSize?: React.ComponentProps<typeof Editor>['$fontSize'];
+    $tabSize?: React.ComponentProps<typeof Editor>['$tabSize'];
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ homeHref, shortcutSettingHref, avatarButton, selectedTabPage: _selectedTabPage, sidePages, tabPages, initCode, initCodeVersion, savedCode, inputText, inputTextVersion, outputText, outputTextVersion, errorText, errorTextVersion, language, environment, theme: _theme, onChangeInputText, onChangeLanguage, onChangeSelectedTabPage, onDeleteTabPage, onClickReset, onClickSave: _onClickSave, onClickRun: _onClickRun, onClickSubmit: _onClickSubmit, isFetchingReset, isFetchingSave, isFetchingRun, isFetchingSubmit, $letterSpacing, $font, $fontSize, $tabSize, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/templates/CodeEditorTemplate/index.js

@@ -0,0 +1,283 @@
+'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 clientStorages_1 = require("../../../utils/clientStorages");
+const styles_1 = require("../../../utils/styles");
+const navigation_1 = require("../../../hooks/navigation");
+const stores_1 = require("../../../hooks/stores");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const Editor_1 = __importDefault(require("./Editor"));
+const Header_1 = __importDefault(require("./Header"));
+const NavigationBar_1 = __importDefault(require("./NavigationBar"));
+const Panel_1 = __importDefault(require("./Panel"));
+const PanelFooter_1 = __importDefault(require("./PanelFooter"));
+const PanelHeader_1 = __importDefault(require("./PanelHeader"));
+const Resizer_1 = __importDefault(require("./Resizer"));
+const compactedPanelHeight = styles_1.theme.size.height.codeEditor.panelHeader +
+    styles_1.theme.size.height.codeEditor.panelFooter +
+    styles_1.theme.size.height.codeEditor.resizer;
+exports.default = react_1.default.memo(({ homeHref, shortcutSettingHref, avatarButton, selectedTabPage: _selectedTabPage, sidePages, tabPages, initCode, initCodeVersion, savedCode, inputText, inputTextVersion, outputText, outputTextVersion, errorText, errorTextVersion, language, environment, theme: _theme, onChangeInputText, onChangeLanguage, onChangeSelectedTabPage, onDeleteTabPage, onClickReset, onClickSave: _onClickSave, onClickRun: _onClickRun, onClickSubmit: _onClickSubmit, isFetchingReset, isFetchingSave, isFetchingRun, isFetchingSubmit, $letterSpacing, $font, $fontSize, $tabSize, ...props }) => {
+    var _a, _b, _c;
+    const bodyRef = react_1.default.useRef(null);
+    const sideViewerRef = react_1.default.useRef(null);
+    const panelRef = react_1.default.useRef(null);
+    const codeRef = react_1.default.useRef({
+        initValue: initCode || '',
+        initValueVersion: initCodeVersion,
+        value: initCode || '',
+    });
+    const [code, setCode] = react_1.default.useState(initCode || '');
+    const [widthSideViewer, setWidthSideViewer] = react_1.default.useState(clientStorages_1.getCodeEditorSideViewerWidthFromClientStorage);
+    const [heightPanel, setHeightPanel] = react_1.default.useState(clientStorages_1.getCodeEditorPanelHeightFromClientStorage);
+    const [selectedNavigationOption, setSelectedNavigationOption] = react_1.default.useState((_a = sidePages === null || sidePages === void 0 ? void 0 : sidePages[0]) === null || _a === void 0 ? void 0 : _a.value);
+    const [selectedPanelOption, setSelectedPanelOption] = react_1.default.useState('input');
+    const [lineNumber, setLineNumber] = react_1.default.useState(undefined);
+    const [columnNumber, setColumnNumber] = react_1.default.useState(undefined);
+    const navigationOptions = react_1.default.useMemo(() => (sidePages === null || sidePages === void 0 ? void 0 : sidePages.map(({ value, text, icon }) => ({ value, text, icon }))) ||
+        [], [sidePages]);
+    const [selectedTabPage, editor] = react_1.default.useMemo(() => {
+        const page = tabPages === null || tabPages === void 0 ? void 0 : tabPages.find(({ value }) => value === _selectedTabPage);
+        if (page && page.value !== 'main') {
+            return [
+                page.value,
+                {
+                    language: page.language || 'plaintext',
+                    initValue: page.code || '',
+                    initValueVersion: page.value,
+                    isReadOnly: true,
+                },
+            ];
+        }
+        return [
+            'main',
+            {
+                language,
+                initValue: codeRef.current.initValue === initCode &&
+                    codeRef.current.initValueVersion === initCodeVersion
+                    ? codeRef.current.value
+                    : initCode,
+                initValueVersion: `main-${initCodeVersion}`,
+                onChangeValue: setCode,
+            },
+        ];
+    }, [
+        tabPages,
+        _selectedTabPage,
+        language,
+        initCode,
+        initCodeVersion,
+        setCode,
+    ]);
+    const isClickedColumnResizerRef = react_1.default.useRef(false);
+    const isClickedRowResizerRef = react_1.default.useRef(false);
+    const [hoverColumnResizerProps, , isClickedColumnResizer] = (0, styles_2.useHoverProps)();
+    const [hoverRowResizerProps, , isClickedRowResizer] = (0, styles_2.useHoverProps)();
+    const moveEvent = react_1.default.useCallback((x = 0, y = 0) => {
+        var _a, _b;
+        const bodyWidth = ((_a = bodyRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
+        const bodyHeight = ((_b = bodyRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0;
+        const cusorX = Math.min(Math.max(x, 0), bodyWidth);
+        const cusorY = Math.min(Math.max(y, 0), bodyHeight);
+        if (isClickedColumnResizerRef.current) {
+            const width = Math.max(cusorX -
+                styles_1.theme.size.width.codeEditor.navigationBar +
+                styles_1.theme.size.width.codeEditor.resizer / 2, 0);
+            setWidthSideViewer(width);
+        }
+        if (isClickedRowResizerRef.current) {
+            const height = Math.max(bodyHeight - cusorY + styles_1.theme.size.height.codeEditor.resizer / 2, compactedPanelHeight);
+            setHeightPanel(height);
+        }
+    }, []);
+    const resizeEvent = react_1.default.useCallback(() => {
+        var _a, _b, _c, _d;
+        const bodyWidth = ((_a = bodyRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
+        const bodyHeight = ((_b = bodyRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0;
+        const widthSideViewer = ((_c = sideViewerRef.current) === null || _c === void 0 ? void 0 : _c.offsetWidth) || 0;
+        const heightPanel = ((_d = panelRef.current) === null || _d === void 0 ? void 0 : _d.offsetHeight) || 0;
+        const widthSideViewerMax = bodyWidth - styles_1.theme.size.width.codeEditor.navigationBar;
+        const heightPanelMax = bodyHeight - styles_1.theme.size.height.codeEditor.header;
+        let newWidthSideViewer = widthSideViewer;
+        if (widthSideViewer < styles_1.theme.size.width.codeEditor.sideViewerMin) {
+            newWidthSideViewer = 0;
+        }
+        else if (widthSideViewer > widthSideViewerMax) {
+            newWidthSideViewer = widthSideViewerMax;
+        }
+        else if (widthSideViewerMax - widthSideViewer < 80) {
+            newWidthSideViewer = widthSideViewerMax;
+        }
+        if (widthSideViewer !== newWidthSideViewer) {
+            setWidthSideViewer(newWidthSideViewer);
+        }
+        if (newWidthSideViewer > 0) {
+            (0, clientStorages_1.setCodeEditorSideViewerWidthToClientStorage)(newWidthSideViewer);
+        }
+        let newHeightPanel = heightPanel;
+        if (heightPanel < styles_1.theme.size.height.codeEditor.panelMin) {
+            newHeightPanel = compactedPanelHeight;
+        }
+        else if (heightPanel > heightPanelMax) {
+            newHeightPanel = heightPanelMax;
+        }
+        else if (heightPanelMax - heightPanel < 80) {
+            newHeightPanel = heightPanelMax;
+        }
+        if (heightPanel !== newHeightPanel) {
+            setHeightPanel(newHeightPanel);
+        }
+        if (newHeightPanel > compactedPanelHeight) {
+            (0, clientStorages_1.setCodeEditorPanelHeightToClientStorage)(newHeightPanel);
+        }
+    }, []);
+    react_1.default.useEffect(() => {
+        const mousemoveEvent = (e) => moveEvent(e.pageX, e.pageY);
+        const toucemoveEvent = (e) => {
+            const touch = e.touches[0];
+            if (touch)
+                moveEvent(touch.pageX, touch.pageY);
+        };
+        const mouseupEvent = () => {
+            if (isClickedColumnResizerRef.current ||
+                isClickedRowResizerRef.current) {
+                resizeEvent();
+            }
+            isClickedColumnResizerRef.current = false;
+            isClickedRowResizerRef.current = false;
+        };
+        resizeEvent();
+        document.addEventListener('mousemove', mousemoveEvent);
+        document.addEventListener('touchmove', toucemoveEvent, false);
+        document.addEventListener('mouseup', mouseupEvent);
+        document.addEventListener('touchend', mouseupEvent);
+        document.addEventListener('touchcancel', mouseupEvent);
+        window.addEventListener('resize', resizeEvent);
+        return () => {
+            document.removeEventListener('mousemove', mousemoveEvent);
+            document.removeEventListener('touchmove', toucemoveEvent);
+            document.removeEventListener('mouseup', mouseupEvent);
+            document.removeEventListener('touchend', mouseupEvent);
+            document.removeEventListener('touchcancel', mouseupEvent);
+            window.removeEventListener('resize', resizeEvent);
+        };
+    }, [moveEvent, resizeEvent]);
+    react_1.default.useEffect(() => {
+        if (isClickedColumnResizer)
+            isClickedColumnResizerRef.current = true;
+    }, [isClickedColumnResizer]);
+    react_1.default.useEffect(() => {
+        if (isClickedRowResizer)
+            isClickedRowResizerRef.current = true;
+    }, [isClickedRowResizer]);
+    react_1.default.useEffect(() => {
+        if (widthSideViewer <= 0) {
+            setSelectedNavigationOption(undefined);
+        }
+        else {
+            setSelectedNavigationOption(prev => { var _a; return prev || ((_a = sidePages === null || sidePages === void 0 ? void 0 : sidePages[0]) === null || _a === void 0 ? void 0 : _a.value); });
+        }
+    }, [selectedNavigationOption, widthSideViewer]);
+    react_1.default.useEffect(() => {
+        if (heightPanel <= compactedPanelHeight) {
+            setSelectedPanelOption(undefined);
+        }
+        else {
+            setSelectedPanelOption(prev => prev || 'input');
+        }
+    }, [selectedPanelOption, heightPanel]);
+    const onChangeSelectedNavigationOption = react_1.default.useCallback((option) => {
+        if (option && widthSideViewer <= 0) {
+            setWidthSideViewer((0, clientStorages_1.getCodeEditorSideViewerWidthFromClientStorage)());
+        }
+        else if (!option && widthSideViewer > 0) {
+            setWidthSideViewer(0);
+        }
+        setSelectedNavigationOption(option);
+    }, [widthSideViewer]);
+    const onChangeSelectedPanelOption = react_1.default.useCallback((option) => {
+        if (option && heightPanel <= compactedPanelHeight) {
+            setHeightPanel((0, clientStorages_1.getCodeEditorPanelHeightFromClientStorage)());
+        }
+        else if (!option && heightPanel > compactedPanelHeight) {
+            setHeightPanel(compactedPanelHeight);
+        }
+        setSelectedPanelOption(option);
+    }, [heightPanel]);
+    const isSaveable = react_1.default.useMemo(() => code !== savedCode, [code, savedCode]);
+    react_1.default.useEffect(() => {
+        setCode(initCode || '');
+    }, [initCode]);
+    react_1.default.useEffect(() => {
+        codeRef.current.initValue = initCode || '';
+        codeRef.current.initValueVersion = initCodeVersion;
+        codeRef.current.value = code;
+    }, [code]);
+    const initInputTextVersion = react_1.default.useRef(inputTextVersion);
+    const initOutputTextVersion = react_1.default.useRef(outputTextVersion);
+    const initErrorTextVersion = react_1.default.useRef(errorTextVersion);
+    react_1.default.useEffect(() => {
+        if (initInputTextVersion.current === inputTextVersion) {
+            return;
+        }
+        initInputTextVersion.current = inputTextVersion;
+        if (selectedPanelOption !== 'input') {
+            onChangeSelectedPanelOption('input');
+        }
+    }, [inputTextVersion, onChangeSelectedPanelOption]);
+    react_1.default.useEffect(() => {
+        if (initOutputTextVersion.current === outputTextVersion) {
+            return;
+        }
+        initOutputTextVersion.current = outputTextVersion;
+        if (selectedPanelOption !== 'output') {
+            onChangeSelectedPanelOption('output');
+        }
+    }, [outputTextVersion, onChangeSelectedPanelOption]);
+    react_1.default.useEffect(() => {
+        if (initErrorTextVersion.current === errorTextVersion) {
+            return;
+        }
+        initErrorTextVersion.current = errorTextVersion;
+        if (selectedPanelOption !== 'error') {
+            onChangeSelectedPanelOption('error');
+        }
+    }, [errorTextVersion, onChangeSelectedPanelOption]);
+    const onClickSave = react_1.default.useCallback(() => {
+        _onClickSave === null || _onClickSave === void 0 ? void 0 : _onClickSave(codeRef.current.value);
+    }, [_onClickSave]);
+    const onClickRun = react_1.default.useCallback(() => {
+        _onClickRun === null || _onClickRun === void 0 ? void 0 : _onClickRun(codeRef.current.value);
+    }, [_onClickRun]);
+    const onClickSubmit = react_1.default.useCallback(() => {
+        _onClickSubmit === null || _onClickSubmit === void 0 ? void 0 : _onClickSubmit(codeRef.current.value);
+    }, [_onClickSubmit]);
+    (0, stores_1.useShortcutEffect)('problem-editor', _onClickRun && onClickRun, [
+        onClickRun,
+    ]);
+    (0, stores_1.useShortcutEffect)('problem-submit', _onClickSubmit && onClickSubmit, [
+        onClickSubmit,
+    ]);
+    (0, stores_1.useShortcutEffect)('editor-save', _onClickSave && onClickSave, [
+        onClickSave,
+    ]);
+    (0, styles_2.useDisableScrollEffect)(true);
+    (0, navigation_1.useConfirmBeforeNavigationEffect)(isSaveable);
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { ref: bodyRef, "$display": "flex", "$width": "100%", "$height": "100vh", "$overflow": true, ...props, children: [(0, jsx_runtime_1.jsx)(NavigationBar_1.default, { homeHref: homeHref, avatarButton: avatarButton, selectedOption: selectedNavigationOption, options: navigationOptions, onChangeSelectedOption: onChangeSelectedNavigationOption, isFetching: isFetchingReset ||
+                    isFetchingSave ||
+                    isFetchingRun ||
+                    isFetchingSubmit }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { ref: sideViewerRef, "$display": "flex", "$width": widthSideViewer, "$height": "100%", "$background": styles_1.theme.color.palettes.body['background-primary'], "$transition": "width", children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": 0, "$height": "100%", "$overflowY": "auto", "$overflowX": "hidden", "$paddingTop": styles_1.theme.size.margin.base.medium, "$paddingBottom": styles_1.theme.size.margin.main_bottom, "$paddingLeft": styles_1.theme.size.margin.base.medium, "$paddingRight": styles_1.theme.size.margin.base.medium -
+                            styles_1.theme.size.width.codeEditor.resizer, "$css": styles_1.theme.effect.hideScrollbar, "$flexGrow": true, children: ((_c = (_b = sidePages === null || sidePages === void 0 ? void 0 : sidePages.find) === null || _b === void 0 ? void 0 : _b.call(sidePages, ({ value }) => value === selectedNavigationOption)) === null || _c === void 0 ? void 0 : _c.children) || null }), (0, jsx_runtime_1.jsx)(Resizer_1.default, { type: "column", ...hoverColumnResizerProps })] }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$position": "relative", "$display": "flex", "$flexDirection": "column", "$background": styles_1.theme.color.code_editor_vars.background, "$width": 0, "$flexGrow": true, children: [(0, jsx_runtime_1.jsx)(Header_1.default, { shortcutSettingHref: shortcutSettingHref, language: language, selectedPage: selectedTabPage, pages: tabPages, isSaveable: isSaveable, onChangeLanguage: onChangeLanguage, onChangeSelectedPage: onChangeSelectedTabPage, onDeletePage: onDeleteTabPage }), (0, jsx_runtime_1.jsx)(Editor_1.default, { ...editor, theme: _theme, onChangeLineNumber: setLineNumber, onChangeColumnNumber: setColumnNumber, "$letterSpacing": $letterSpacing, "$font": $font, "$fontSize": $fontSize, "$tabSize": $tabSize, "$height": 0, "$flexGrow": true }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { ref: panelRef, "$display": "flex", "$flexDirection": "column", "$height": heightPanel, "$width": "100%", "$transition": "height", children: [(0, jsx_runtime_1.jsx)(Resizer_1.default, { type: "row", ...hoverRowResizerProps }), (0, jsx_runtime_1.jsx)(PanelHeader_1.default, { selectedOption: selectedPanelOption, onChangeSelectedOption: onChangeSelectedPanelOption, isFetchingReset: isFetchingReset, isFetchingSave: isFetchingSave, isFetchingRun: isFetchingRun, isFetchingSubmit: isFetchingSubmit, isDisplayActionButtons: selectedTabPage === 'main', onClickReset: onClickReset, onClickSave: onClickSave, onClickRun: onClickRun, onClickSubmit: onClickSubmit }), (0, jsx_runtime_1.jsx)(Panel_1.default, { value: selectedPanelOption === 'input'
+                                    ? inputText
+                                    : selectedPanelOption === 'output'
+                                        ? outputText
+                                        : selectedPanelOption === 'error'
+                                            ? errorText
+                                            : '', onChangeValue: selectedPanelOption === 'input' ? onChangeInputText : undefined, isReadOnly: selectedPanelOption !== 'input', isVisible: !!selectedPanelOption, "$height": 0, "$flexGrow": true }), (0, jsx_runtime_1.jsx)(PanelFooter_1.default, { environment: environment, lineNumber: lineNumber, columnNumber: columnNumber })] })] })] }));
+});
+//# sourceMappingURL=index.js.map

package/lib/components/templates/CodeEditorTemplate/index.js.map

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

package/lib/components/templates/HeaderTemplate.d.ts

@@ -0,0 +1,7 @@
+import type { Palette } from '../../constants/styles';
+import { Header } from '../../components/organisms';
+type Props = {
+    palette?: Palette;
+} & Omit<React.ComponentProps<typeof Header>, 'type'>;
+declare const _default: ({ palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/templates/HeaderTemplate.js

@@ -0,0 +1,12 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("../../utils/styles");
+const useDocumentStates_1 = require("../../hooks/styles/useDocumentStates");
+const organisms_1 = require("../../components/organisms");
+exports.default = ({ palette = 'body', ...props }) => {
+    const scrollTop = (0, useDocumentStates_1.useDocumentScrollTop)();
+    return ((0, jsx_runtime_1.jsx)(organisms_1.Header, { type: scrollTop >= 20 ? 'primary' : 'borderless', palette: scrollTop >= 20 ? 'body' : palette, "$position": "fixed", "$zIndex": styles_1.theme.zIndex.header, "$top": 0, "$left": 0, "$right": 0, ...props }));
+};
+//# sourceMappingURL=HeaderTemplate.js.map

package/lib/components/templates/HeaderTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderTemplate.js","sourceRoot":"","sources":["../../../src/components/templates/HeaderTemplate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AAIb,2CAAuC;AAEvC,wEAAwE;AAExE,sDAAgD;AAMhD,kBAAe,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE;IACvD,MAAM,SAAS,GAAG,IAAA,wCAAoB,GAAE,CAAC;IACzC,OAAO,CACL,uBAAC,kBAAM,IACL,IAAI,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EAChD,OAAO,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,eACjC,OAAO,aACR,cAAK,CAAC,MAAM,CAAC,MAAM,UACtB,CAAC,WACA,CAAC,YACA,CAAC,KACL,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/templates/NavTemplate.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Container } from '../../components/atoms';
+type Props = {
+    backgroundSectionChildren?: React.ReactNode;
+    bodySectionChildren?: React.ReactNode;
+    navSectionChildren?: React.ReactNode;
+    height?: number;
+    minHeight?: number;
+    $navOverflowX?: React.ComponentProps<typeof Container>['$overflowX'];
+};
+declare const _default: ({ backgroundSectionChildren, bodySectionChildren, navSectionChildren, height, minHeight, $navOverflowX, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/templates/NavTemplate.js

@@ -0,0 +1,13 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("../../utils/styles");
+const useDocumentStates_1 = require("../../hooks/styles/useDocumentStates");
+const atoms_1 = require("../../components/atoms");
+exports.default = ({ backgroundSectionChildren, bodySectionChildren, navSectionChildren, height = styles_1.theme.size.height.nav, minHeight = styles_1.theme.size.height.nav_shrinked, $navOverflowX = 'auto', }) => {
+    const scrolledTop = (0, useDocumentStates_1.useDocumentScrollTop)();
+    const position = scrolledTop >= height - minHeight ? 'fixed' : 'relative';
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [position === 'fixed' && (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$height": height }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$position": position, "$zIndex": position === 'fixed' ? styles_1.theme.zIndex.nav : undefined, "$height": position === 'fixed' ? minHeight : height, "$background": styles_1.theme.color.palettes.body['background-primary'], "$borderBottom": `1px solid ${styles_1.theme.color.palettes.body['border-primary']}`, "$top": 0, "$left": 0, "$right": 0, "$overflow": true, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$bottom": 0, "$left": 0, "$right": 0, "$height": Math.max(height - scrolledTop, minHeight), children: backgroundSectionChildren }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$bottom": 0, "$left": 0, "$right": 0, "$height": minHeight - styles_1.theme.size.height.header, "$overflowX": $navOverflowX, "$zIndex": 2, children: navSectionChildren }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "fixed", "$top": styles_1.theme.size.height.header, "$left": 0, "$right": 0, "$height": Math.max(height - minHeight - scrolledTop, 0), "$zIndex": 1, children: bodySectionChildren })] })] }));
+};
+//# sourceMappingURL=NavTemplate.js.map

package/lib/components/templates/NavTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavTemplate.js","sourceRoot":"","sources":["../../../src/components/templates/NavTemplate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AAIb,2CAAuC;AAEvC,wEAAwE;AAExE,8CAA+C;AAW/C,kBAAe,CAAC,EACd,yBAAyB,EACzB,mBAAmB,EACnB,kBAAkB,EAClB,MAAM,GAAG,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,EAC9B,SAAS,GAAG,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,EAC1C,aAAa,GAAG,MAAM,GAChB,EAAE,EAAE;IACV,MAAM,WAAW,GAAG,IAAA,wCAAoB,GAAE,CAAC;IAC3C,MAAM,QAAQ,GAAG,WAAW,IAAI,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;IAE1E,OAAO,CACL,6DACG,QAAQ,KAAK,OAAO,IAAI,uBAAC,iBAAS,eAAU,MAAM,GAAI,EACvD,wBAAC,iBAAS,iBACG,QAAQ,aACV,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,cAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,aACnD,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,iBACrC,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,CAAC,mBAC7C,aAAa,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,UACnE,CAAC,WACA,CAAC,YACA,CAAC,gCAGT,uBAAC,iBAAS,iBACE,UAAU,aACX,CAAC,WACH,CAAC,YACA,CAAC,aACA,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,WAAW,EAAE,SAAS,CAAC,YAEjD,yBAAyB,GAChB,EACZ,uBAAC,iBAAS,iBACE,UAAU,aACX,CAAC,WACH,CAAC,YACA,CAAC,aACA,SAAS,GAAG,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,gBACjC,aAAa,aAChB,CAAC,YAET,kBAAkB,GACT,EACZ,uBAAC,iBAAS,iBACE,OAAO,UACX,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,WACvB,CAAC,YACA,CAAC,aACA,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,GAAG,WAAW,EAAE,CAAC,CAAC,aAC7C,CAAC,YAET,mBAAmB,GACV,IACF,IACX,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/templates/SidebarTemplate.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Container, Text } from '../../components/atoms';
+type Props = {
+    title?: React.ComponentProps<typeof Text>['value'];
+    sidebarTitle?: React.ComponentProps<typeof Text>['value'];
+    sidebarChildren?: React.ReactNode;
+    $sidebarPadding?: React.ComponentProps<typeof Container>['$padding'];
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ title, sidebarTitle, sidebarChildren, children, $sidebarPadding, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/templates/SidebarTemplate.js

@@ -0,0 +1,31 @@
+'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");
+exports.default = react_1.default.memo(({ title, sidebarTitle, sidebarChildren, children, $sidebarPadding, ...props }) => {
+    const [isSidebarOpened, setIsSidebarOpened] = react_1.default.useState(false);
+    const documentWidth = (0, styles_2.useDocumentWidth)();
+    const onClickSidebarOpen = react_1.default.useCallback(() => {
+        setIsSidebarOpened(true);
+    }, [setIsSidebarOpened]);
+    const onClickSidebarClose = react_1.default.useCallback(() => {
+        setIsSidebarOpened(false);
+    }, [setIsSidebarOpened]);
+    const onClickSidebar = react_1.default.useCallback((e) => {
+        if (e.target.closest('a')) {
+            setIsSidebarOpened(false);
+        }
+    }, [setIsSidebarOpened]);
+    (0, styles_2.useDisableScrollEffect)(documentWidth <= styles_1.theme.size.width.adaptives.tablet && isSidebarOpened);
+    return documentWidth > styles_1.theme.size.width.adaptives.tablet ? ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$paddingTop": styles_1.theme.size.height.header + styles_1.theme.size.margin.section, "$paddingBottom": styles_1.theme.size.margin.main_bottom, "$gap": styles_1.theme.size.margin.section, "$adaptiveCenter": "desktop", ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": styles_1.theme.size.width.sidebar, children: (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "sticky", "$overflowY": "auto", "$top": styles_1.theme.size.height.header + styles_1.theme.size.margin.section, "$maxHeight": `calc(100vh - ${styles_1.theme.size.height.header + styles_1.theme.size.margin.section * 2}px)`, "$borderRadius": styles_1.theme.size.borderRadius.medium, "$background": styles_1.theme.color.palettes.body['background-selected'], "$border": `1px solid ${styles_1.theme.color.palettes.body['border-primary']}`, children: (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$padding": $sidebarPadding !== null && $sidebarPadding !== void 0 ? $sidebarPadding : styles_1.theme.size.margin.base.medium, children: sidebarChildren }) }) }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$flexGrow": true, "$width": 0, children: children })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$position": "fixed", "$height": styles_1.theme.size.height.nav_shrinked, "$background": styles_1.theme.color.palettes.body['background-selected'], "$borderBottom": `1px solid ${styles_1.theme.color.palettes.body['border-primary']}`, "$transition": "background", "$zIndex": styles_1.theme.zIndex.nav, "$top": 0, "$left": 0, "$right": 0, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$height": styles_1.theme.size.height.header }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$adaptiveCenter": "desktop", "$height": styles_1.theme.size.height.nav_shrinked - styles_1.theme.size.height.header, "$gap": styles_1.theme.size.margin.base.small, children: [(0, jsx_runtime_1.jsx)(atoms_1.TextButton, { icon: "hero/chevron-right-outline", palette: "button-ghost-borderless", onClick: onClickSidebarOpen }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { value: sidebarTitle, "$width": 0, "$flexGrow": true, "$ellipsis": true })] })] }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$position": "fixed", "$top": 0, "$bottom": 0, "$left": 0, "$right": 0, "$zIndex": styles_1.theme.zIndex.sidebar, "$nonePointerEvents": isSidebarOpened ? false : true, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { onClick: onClickSidebarClose, "$position": "absolute", "$css": styles_1.theme.effect.blur(), "$opacity": isSidebarOpened ? 1 : 0, "$transition": "opacity", "$top": 0, "$bottom": 0, "$left": 0, "$right": 0, "$cursor": true }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", "$position": "absolute", "$transition": "left", "$width": `calc(100% - ${styles_1.theme.size.margin.base['2x_large']}px)`, "$background": styles_1.theme.color.palettes.body['background-selected'], "$borderRight": `1px solid ${styles_1.theme.color.palettes.body['border-primary']}`, "$left": isSidebarOpened
+                            ? 0
+                            : `calc(${styles_1.theme.size.margin.base['2x_large']}px - 100%)`, "$top": 0, "$bottom": 0, "$flexGrow": true, children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$position": "relative", "$alignItems": "center", "$adaptiveCenter": "desktop", "$height": 30 + styles_1.theme.size.margin.base.medium * 2, children: [(0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { href: "/", children: (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$height": "100%", "$gap": styles_1.theme.size.margin.base.x_small, "$noneUserSelect": true, children: [(0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "primary/euler", "$autoFill": styles_1.theme.color.base.primary.eulerRed, "$size": 30 }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { value: title, type: "large-bold", "$font": "BitgoeulGwangju", "$transition": "color", "$color": styles_1.theme.color.palettes['body']['content-primary'], "$noneUserSelect": true })] }) }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$flexGrow": true }), (0, jsx_runtime_1.jsx)(atoms_1.IconButton, { icon: "hero/x-mark-outline", size: "small", onClick: onClickSidebarClose })] }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$height": 0, "$overflowY": "auto", "$flexGrow": true, children: (0, jsx_runtime_1.jsx)(atoms_1.Container, { onClick: onClickSidebar, "$adaptiveCenter": "desktop", "$paddingTop": styles_1.theme.size.margin.base.small, "$paddingBottom": styles_1.theme.size.margin.base['2x_large'], children: sidebarChildren }) })] })] }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$paddingTop": styles_1.theme.size.height.nav_shrinked + styles_1.theme.size.margin.section, "$paddingBottom": styles_1.theme.size.margin.section, "$adaptiveCenter": "desktop", ...props, children: children })] }));
+});
+//# sourceMappingURL=SidebarTemplate.js.map

package/lib/components/templates/SidebarTemplate.js.map

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

package/lib/components/templates/SubHeaderTemplate.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    fixedChildren?: React.ReactNode;
+    children?: React.ReactNode;
+};
+declare const _default: ({ fixedChildren, children }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;