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

package/lib/constants/styles/size.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    height: {
+        base: {
+            x_small: 16,
+            small: 24,
+            medium: 32,
+            large: 40,
+            x_large: 48,
+            '2x_large': 56,
+        },
+        codeEditor: {
+            header: 40,
+            resizer: 16,
+            panelHeader: 28,
+            panelFooter: 24,
+            panelMin: 130,
+            panelDefault: 240,
+        },
+        header: 68,
+        nav: 322,
+        nav_shrinked: 120,
+        tray_header: 48,
+        opengraph: 630,
+    },
+    width: {
+        adaptives: {
+            desktop: 1280,
+            laptop: 1024,
+            tablet: 768,
+            mobile: 360,
+        },
+        cards: {
+            small: 200,
+            medium: 280,
+            large: 360,
+        },
+        codeEditor: {
+            navigationBar: 60,
+            resizer: 16,
+            sideViewerMin: 300,
+            sideViewerDefault: 400,
+        },
+        toast: 320,
+        sidebar: 284,
+        modal: 600,
+        opengraph: 1200,
+    },
+    margin: {
+        section: 32,
+        main_bottom: 64,
+        main_horizontal: 24,
+        dropdown: 4,
+        base: {
+            x_small: 4,
+            small: 8,
+            medium: 16,
+            large: 24,
+            x_large: 32,
+            '2x_large': 64,
+            '3x_large': 128,
+        },
+    },
+    borderRadius: {
+        x_small: 4,
+        small: 8,
+        medium: 16,
+        large: 24,
+    },
+};
+//# sourceMappingURL=size.js.map

package/lib/constants/styles/size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.js","sourceRoot":"","sources":["../../../src/constants/styles/size.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,OAAO,EAAE,EAAE;YACX,UAAU,EAAE,EAAE;SACf;QACD,UAAU,EAAE;YACV,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;YACX,WAAW,EAAE,EAAE;YACf,WAAW,EAAE,EAAE;YACf,QAAQ,EAAE,GAAG;YACb,YAAY,EAAE,GAAG;SAClB;QACD,MAAM,EAAE,EAAE;QACV,GAAG,EAAE,GAAG;QACR,YAAY,EAAE,GAAG;QACjB,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,GAAG;KACf;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,GAAG;YACX,MAAM,EAAE,GAAG;SAC4B;QACzC,KAAK,EAAE;YACL,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,KAAK,EAAE,GAAG;SACX;QACD,UAAU,EAAE;YACV,aAAa,EAAE,EAAE;YACjB,OAAO,EAAE,EAAE;YACX,aAAa,EAAE,GAAG;YAClB,iBAAiB,EAAE,GAAG;SACvB;QACD,KAAK,EAAE,GAAG;QACV,OAAO,EAAE,GAAG;QACZ,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,EAAE;QACX,WAAW,EAAE,EAAE;QACf,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE,CAAC;QACX,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC;YACV,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,OAAO,EAAE,EAAE;YACX,UAAU,EAAE,EAAE;YACd,UAAU,EAAE,GAAG;SAChB;KACF;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;CACO,CAAC"}

package/lib/constants/styles/text.d.ts

@@ -0,0 +1,20 @@
+import type { RuleSet } from 'styled-components';
+export declare const textTypes: readonly ["x_small", "x_small-bold", "small", "small-bold", "medium", "medium-bold", "medium-extra_bold", "large", "large-bold", "x_large", "x_large-bold", "2x_large-bold", "3x_large-bold", "4x_large-bold"];
+export type TextType = (typeof textTypes)[number];
+declare const _default: {
+    x_small: RuleSet<object>;
+    'x_small-bold': RuleSet<object>;
+    small: RuleSet<object>;
+    'small-bold': RuleSet<object>;
+    medium: RuleSet<object>;
+    'medium-bold': RuleSet<object>;
+    'medium-extra_bold': RuleSet<object>;
+    large: RuleSet<object>;
+    'large-bold': RuleSet<object>;
+    x_large: RuleSet<object>;
+    'x_large-bold': RuleSet<object>;
+    '2x_large-bold': RuleSet<object>;
+    '3x_large-bold': RuleSet<object>;
+    '4x_large-bold': RuleSet<object>;
+};
+export default _default;

package/lib/constants/styles/text.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textTypes = void 0;
+const styled_components_1 = require("styled-components");
+exports.textTypes = [
+    'x_small',
+    'x_small-bold',
+    'small',
+    'small-bold',
+    'medium',
+    'medium-bold',
+    'medium-extra_bold',
+    'large',
+    'large-bold',
+    'x_large',
+    'x_large-bold',
+    '2x_large-bold',
+    '3x_large-bold',
+    '4x_large-bold',
+];
+exports.default = {
+    x_small: (0, styled_components_1.css) `
+    font-size: 12px;
+    font-size: clamp(12px, 10.5px + 0.5vw, 14px);
+    font-weight: 400;
+    line-height: 16px;
+    line-height: clamp(16px, 14.5px + 0.5vw, 18px);
+  `,
+    'x_small-bold': (0, styled_components_1.css) `
+    font-size: 12px;
+    font-size: clamp(12px, 10.5px + 0.5vw, 14px);
+    font-weight: 700;
+    line-height: 16px;
+    line-height: clamp(16px, 14.5px + 0.5vw, 18px);
+  `,
+    small: (0, styled_components_1.css) `
+    font-size: 14px;
+    font-size: clamp(14px, 11.5px + 0.5vw, 16px);
+    font-weight: 400;
+    line-height: 20px;
+    line-height: clamp(20px, 17.5px + 0.5vw, 22px);
+  `,
+    'small-bold': (0, styled_components_1.css) `
+    font-size: 14px;
+    font-size: clamp(14px, 11.5px + 0.5vw, 16px);
+    font-weight: 700;
+    line-height: 20px;
+    line-height: clamp(20px, 17.5px + 0.5vw, 22px);
+  `,
+    medium: (0, styled_components_1.css) `
+    font-size: 16px;
+    font-size: clamp(16px, 13.5px + 0.5vw, 18px);
+    font-weight: 400;
+    line-height: 24px;
+    line-height: clamp(24px, 21.5px + 0.5vw, 26px);
+  `,
+    'medium-bold': (0, styled_components_1.css) `
+    font-size: 16px;
+    font-size: clamp(16px, 13.5px + 0.5vw, 18px);
+    font-weight: 700;
+    line-height: 24px;
+    line-height: clamp(24px, 21.5px + 0.5vw, 26px);
+  `,
+    'medium-extra_bold': (0, styled_components_1.css) `
+    font-size: 16px;
+    font-size: clamp(16px, 13.5px + 0.5vw, 18px);
+    font-weight: 800;
+    line-height: 24px;
+    line-height: clamp(24px, 21.5px + 0.5vw, 26px);
+  `,
+    large: (0, styled_components_1.css) `
+    font-size: 20px;
+    font-size: clamp(20px, 17.5px + 0.5vw, 22px);
+    font-weight: 400;
+    line-height: 28px;
+    line-height: clamp(28px, 25.5px + 0.5vw, 30px);
+  `,
+    'large-bold': (0, styled_components_1.css) `
+    font-size: 20px;
+    font-size: clamp(20px, 17.5px + 0.5vw, 22px);
+    font-weight: 700;
+    line-height: 28px;
+    line-height: clamp(28px, 25.5px + 0.5vw, 30px);
+  `,
+    x_large: (0, styled_components_1.css) `
+    font-size: 24px;
+    font-size: clamp(24px, 21.5px + 0.5vw, 26px);
+    font-weight: 400;
+    line-height: 32px;
+    line-height: clamp(32px, 29.5px + 0.5vw, 34px);
+  `,
+    'x_large-bold': (0, styled_components_1.css) `
+    font-size: 24px;
+    font-size: clamp(24px, 21.5px + 0.5vw, 26px);
+    font-weight: 700;
+    line-height: 32px;
+    line-height: clamp(32px, 29.5px + 0.5vw, 34px);
+  `,
+    '2x_large-bold': (0, styled_components_1.css) `
+    font-size: 32px;
+    font-size: clamp(32px, 29.5px + 0.8vw, 36px);
+    font-weight: 700;
+    line-height: 40px;
+    line-height: clamp(40px, 37.5px + 0.8vw, 44px);
+  `,
+    '3x_large-bold': (0, styled_components_1.css) `
+    font-size: 44px;
+    font-size: clamp(44px, 41.5px + 0.8vw, 48px);
+    font-weight: 700;
+    line-height: 52px;
+    line-height: clamp(52px, 49.5px + 0.8vw, 56px);
+  `,
+    '4x_large-bold': (0, styled_components_1.css) `
+    font-size: 56px;
+    font-size: clamp(56px, 53.5px + 0.8vw, 60px);
+    font-weight: 700;
+    line-height: 64px;
+    line-height: clamp(64px, 61.5px + 0.8vw, 58px);
+  `,
+};
+//# sourceMappingURL=text.js.map

package/lib/constants/styles/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/constants/styles/text.ts"],"names":[],"mappings":";;;AAAA,yDAAwC;AAG3B,QAAA,SAAS,GAAG;IACvB,SAAS;IACT,cAAc;IACd,OAAO;IACP,YAAY;IACZ,QAAQ;IACR,aAAa;IACb,mBAAmB;IACnB,OAAO;IACP,YAAY;IACZ,SAAS;IACT,cAAc;IACd,eAAe;IACf,eAAe;IACf,eAAe;CACP,CAAC;AAIX,kBAAe;IACb,OAAO,EAAE,IAAA,uBAAG,EAAA;;;;;;GAMX;IACD,cAAc,EAAE,IAAA,uBAAG,EAAA;;;;;;GAMlB;IACD,KAAK,EAAE,IAAA,uBAAG,EAAA;;;;;;GAMT;IACD,YAAY,EAAE,IAAA,uBAAG,EAAA;;;;;;GAMhB;IACD,MAAM,EAAE,IAAA,uBAAG,EAAA;;;;;;GAMV;IACD,aAAa,EAAE,IAAA,uBAAG,EAAA;;;;;;GAMjB;IACD,mBAAmB,EAAE,IAAA,uBAAG,EAAA;;;;;;GAMvB;IACD,KAAK,EAAE,IAAA,uBAAG,EAAA;;;;;;GAMT;IACD,YAAY,EAAE,IAAA,uBAAG,EAAA;;;;;;GAMhB;IACD,OAAO,EAAE,IAAA,uBAAG,EAAA;;;;;;GAMX;IACD,cAAc,EAAE,IAAA,uBAAG,EAAA;;;;;;GAMlB;IACD,eAAe,EAAE,IAAA,uBAAG,EAAA;;;;;;GAMnB;IACD,eAAe,EAAE,IAAA,uBAAG,EAAA;;;;;;GAMnB;IACD,eAAe,EAAE,IAAA,uBAAG,EAAA;;;;;;GAMnB;CACkC,CAAC"}

package/lib/constants/styles/time.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    readonly duration: "150ms";
+    readonly toastAutoClose: 5000;
+};
+export default _default;

package/lib/constants/styles/time.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    duration: '150ms',
+    toastAutoClose: 5000,
+};
+//# sourceMappingURL=time.js.map

package/lib/constants/styles/time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.js","sourceRoot":"","sources":["../../../src/constants/styles/time.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,QAAQ,EAAE,OAAO;IACjB,cAAc,EAAE,IAAI;CACZ,CAAC"}

package/lib/constants/styles/zIndex.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    readonly nav: 60;
+    readonly header: 90;
+    readonly sidebar: 100;
+    readonly modal: 120;
+    readonly tooltip: 150;
+    readonly dropdown: 170;
+};
+export default _default;

package/lib/constants/styles/zIndex.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    nav: 60,
+    header: 90,
+    sidebar: 100,
+    modal: 120,
+    tooltip: 150,
+    dropdown: 170,
+};
+//# sourceMappingURL=zIndex.js.map

package/lib/constants/styles/zIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zIndex.js","sourceRoot":"","sources":["../../../src/constants/styles/zIndex.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,GAAG,EAAE,EAAE;IACP,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,GAAG;IACZ,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,GAAG;IACZ,QAAQ,EAAE,GAAG;CACL,CAAC"}

package/lib/hooks/animations/index.d.ts

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

package/lib/hooks/animations/index.js

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

package/lib/hooks/animations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/animations/index.ts"],"names":[],"mappings":";;;;;;AAAA,yEAAmF;AAA1E,uJAAA,OAAO,OAA6B"}

package/lib/hooks/animations/useNumberCountUpAnimation.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (target: number, decimals?: number, duration?: number) => string;
+export default _default;

package/lib/hooks/animations/useNumberCountUpAnimation.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+exports.default = (target, decimals = 0, duration = 1500) => {
+    const [value, setValue] = react_1.default.useState(0);
+    react_1.default.useEffect(() => {
+        let raf;
+        const start = performance.now();
+        const factor = Math.pow(10, decimals);
+        const tick = (now) => {
+            const progress = Math.min((now - start) / duration, 1);
+            const eased = 1 - Math.pow(1 - progress, 3);
+            setValue(Math.round(eased * target * factor) / factor);
+            if (progress < 1)
+                raf = requestAnimationFrame(tick);
+        };
+        raf = requestAnimationFrame(tick);
+        return () => cancelAnimationFrame(raf);
+    }, [target, duration, decimals]);
+    return value.toFixed(decimals);
+};
+//# sourceMappingURL=useNumberCountUpAnimation.js.map

package/lib/hooks/animations/useNumberCountUpAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNumberCountUpAnimation.js","sourceRoot":"","sources":["../../../src/hooks/animations/useNumberCountUpAnimation.ts"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,kBAAe,CAAC,MAAc,EAAE,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,IAAI,EAAE,EAAE;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5C,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,GAAW,CAAC;QAChB,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;QAChC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QAEtC,MAAM,IAAI,GAAG,CAAC,GAAW,EAAE,EAAE;YAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC;YACvD,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC;YAC5C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC;YACvD,IAAI,QAAQ,GAAG,CAAC;gBAAE,GAAG,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QACtD,CAAC,CAAC;QAEF,GAAG,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAClC,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEjC,OAAO,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;AACjC,CAAC,CAAC"}

package/lib/hooks/components/buttons.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { TextButton } from '../../components/atoms';
+export declare const useCopyTextButton: (target?: string, button?: {
+    key?: React.Key;
+    icon?: React.ComponentProps<typeof TextButton>["icon"];
+    text?: React.ComponentProps<typeof TextButton>["text"];
+}, successText?: string, failText?: string) => {
+    key: React.Key;
+} & React.ComponentProps<typeof TextButton>;
+export declare const useDownloadTxtTextButton: (target?: string, filename?: string, button?: {
+    key?: React.Key;
+    icon?: React.ComponentProps<typeof TextButton>["icon"];
+    text?: React.ComponentProps<typeof TextButton>["text"];
+}, successText?: string, failText?: string) => {
+    key: React.Key;
+} & React.ComponentProps<typeof TextButton>;
+export declare const useCellTextButton: (cellNumber: string, alt: string) => {
+    key: React.Key;
+} & React.ComponentProps<typeof TextButton>;

package/lib/hooks/components/buttons.js

@@ -0,0 +1,82 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCellTextButton = exports.useDownloadTxtTextButton = exports.useCopyTextButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const clipboards_1 = require("../../utils/clipboards");
+const downloads_1 = require("../../utils/downloads");
+const hrefs_1 = require("../../utils/hrefs");
+const toasts_1 = require("../../utils/toasts");
+const instance_1 = require("../../hooks/instance");
+const stores_1 = require("../../hooks/stores");
+const organisms_1 = require("../../components/organisms");
+const useCopyTextButton = (target, button, successText = '복사되었어요', failText = '복사에 실패했어요') => {
+    const { key = 'copy', icon = 'hero/square-2-stack-outline', text = '복사하기', } = button || {};
+    const [onClick, isFetching] = (0, instance_1.useAsyncCallback)(async () => {
+        if (typeof target !== 'string') {
+            (0, toasts_1.toast)((0, jsx_runtime_1.jsx)(organisms_1.Toast, { type: "error", text: failText }));
+            return;
+        }
+        try {
+            await (0, clipboards_1.writeToClipboard)(target);
+            (0, toasts_1.toast)((0, jsx_runtime_1.jsx)(organisms_1.Toast, { type: "success", icon: "hero/square-2-stack-outline", text: successText }));
+        }
+        catch (e) {
+            console.error(e);
+            (0, toasts_1.toast)((0, jsx_runtime_1.jsx)(organisms_1.Toast, { type: "error", text: failText }));
+        }
+    }, [target, successText, failText]);
+    return react_1.default.useMemo(() => ({
+        key,
+        icon: isFetching ? 'hero/spinner-outline' : icon,
+        text: text,
+        onClick,
+    }), [key, icon, text, isFetching, onClick]);
+};
+exports.useCopyTextButton = useCopyTextButton;
+const useDownloadTxtTextButton = (target, filename, button, successText = '파일 다운로드가 시작되었어요', failText = '파일 다운로드에 실패했어요') => {
+    const { key = 'download-txt', icon = 'hero/arrow-down-tray-outline', text = '다운로드', } = button || {};
+    const [onClick, isFetching] = (0, instance_1.useAsyncCallback)(async () => {
+        if (typeof target !== 'string') {
+            (0, toasts_1.toast)((0, jsx_runtime_1.jsx)(organisms_1.Toast, { type: "error", text: failText }));
+            return;
+        }
+        try {
+            (0, downloads_1.downloadTextFile)(target, filename);
+            (0, toasts_1.toast)((0, jsx_runtime_1.jsx)(organisms_1.Toast, { type: "info", icon: "hero/arrow-down-tray-outline", text: successText }));
+        }
+        catch (e) {
+            console.error(e);
+            (0, toasts_1.toast)((0, jsx_runtime_1.jsx)(organisms_1.Toast, { type: "error", text: failText }));
+        }
+    }, [target, filename, successText, failText]);
+    return react_1.default.useMemo(() => ({
+        key,
+        icon: isFetching ? 'hero/spinner-outline' : icon,
+        text: text,
+        onClick,
+    }), [key, icon, text, isFetching, onClick]);
+};
+exports.useDownloadTxtTextButton = useDownloadTxtTextButton;
+const useCellTextButton = (cellNumber, alt) => {
+    const { clientPlatform } = (0, stores_1.useClientStore)();
+    const [isOpenModal, setIsOpenModal] = react_1.default.useState(false);
+    const href = react_1.default.useMemo(() => (0, hrefs_1.getCellHref)(cellNumber), [cellNumber]);
+    (0, stores_1.useModalEffect)({
+        isOpen: isOpenModal,
+        onChangeIsOpen: setIsOpenModal,
+        content: ((0, jsx_runtime_1.jsx)(organisms_1.CellModal, { title: alt, cellNumber: cellNumber, onClickClose: () => setIsOpenModal(false) })),
+    }, [cellNumber, alt]);
+    return react_1.default.useMemo(() => ({
+        key: 'cell',
+        ...(['android', 'ios'].includes(clientPlatform)
+            ? { href }
+            : { onClick: () => setIsOpenModal(true) }),
+    }), [clientPlatform, href]);
+};
+exports.useCellTextButton = useCellTextButton;
+//# sourceMappingURL=buttons.js.map

package/lib/hooks/components/buttons.js.map

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

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

@@ -0,0 +1 @@
+export * from './buttons';

package/lib/hooks/components/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./buttons"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}

package/lib/hooks/day/index.d.ts

@@ -0,0 +1,2 @@
+import { type Dayjs } from '@euler-edu/utils/day';
+export declare const useDayNowServer: () => Dayjs;

package/lib/hooks/day/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDayNowServer = void 0;
+const react_1 = __importDefault(require("react"));
+const day_1 = require("@euler-edu/utils/day");
+const useDayNowServer = () => {
+    const [now, setNow] = react_1.default.useState(() => (0, day_1.dayNowServer)());
+    react_1.default.useEffect(() => {
+        const interval = setInterval(() => {
+            setNow((0, day_1.dayNowServer)());
+        }, 1000);
+        return () => clearInterval(interval);
+    }, []);
+    return now;
+};
+exports.useDayNowServer = useDayNowServer;
+//# sourceMappingURL=index.js.map

package/lib/hooks/day/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/day/index.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8CAAgE;AAEzD,MAAM,eAAe,GAAG,GAAU,EAAE;IACzC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAA,kBAAY,GAAE,CAAC,CAAC;IAC3D,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,MAAM,CAAC,IAAA,kBAAY,GAAE,CAAC,CAAC;QACzB,CAAC,EAAE,IAAI,CAAC,CAAC;QACT,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AATW,QAAA,eAAe,mBAS1B"}

package/lib/hooks/instance/callback.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useAsyncCallback: <Args extends unknown[]>(_callback: (...args: Args) => Promise<void>, dependencies?: React.DependencyList) => [(...args: Args) => Promise<void>, boolean];

package/lib/hooks/instance/callback.js

@@ -0,0 +1,32 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAsyncCallback = void 0;
+const react_1 = __importDefault(require("react"));
+const useAsyncCallback = (_callback, dependencies = []) => {
+    const isProcessing = react_1.default.useRef(false);
+    const [isFetching, setIsFetching] = react_1.default.useState(false);
+    const callback = react_1.default.useCallback(async (...args) => {
+        if (isProcessing.current)
+            return;
+        isProcessing.current = true;
+        setIsFetching(true);
+        try {
+            await _callback(...args);
+            isProcessing.current = false;
+            setIsFetching(false);
+        }
+        catch (error) {
+            console.error(error);
+            isProcessing.current = false;
+            setIsFetching(false);
+            throw error;
+        }
+    }, dependencies);
+    return [callback, isFetching];
+};
+exports.useAsyncCallback = useAsyncCallback;
+//# sourceMappingURL=callback.js.map

package/lib/hooks/instance/callback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callback.js","sourceRoot":"","sources":["../../../src/hooks/instance/callback.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAEb,kDAA0B;AAEnB,MAAM,gBAAgB,GAAG,CAC9B,SAA2C,EAC3C,eAAqC,EAAE,EACM,EAAE;IAC/C,MAAM,YAAY,GAAG,eAAK,CAAC,MAAM,CAAU,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,QAAQ,GAAG,eAAK,CAAC,WAAW,CAChC,KAAK,EAAE,GAAG,IAAU,EAAiB,EAAE;QACrC,IAAI,YAAY,CAAC,OAAO;YAAE,OAAO;QACjC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,aAAa,CAAC,IAAI,CAAC,CAAC;QAEpB,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC;YACzB,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;YAC7B,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACrB,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;YAC7B,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,MAAM,KAAK,CAAC;QACd,CAAC;IACH,CAAC,EACD,YAAY,CACb,CAAC;IAEF,OAAO,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAChC,CAAC,CAAC;AA5BW,QAAA,gBAAgB,oBA4B3B"}

package/lib/hooks/instance/fetch.d.ts

@@ -0,0 +1,15 @@
+import { SWRResponse } from 'swr';
+import { z } from '@euler-edu/schema';
+import type { Endpoint } from '@euler-edu/schema/types';
+import type { InstanceResponse } from '@euler-edu/utils/instance';
+import type { Falsy } from '../../types/utils';
+export declare const useFetch: <Req extends Endpoint & {
+    method: "get";
+}>(req: Req, args?: Array<string> | Falsy, query?: Record<string, string> | Falsy) => SWRResponse<InstanceResponse<Req["data"]>, any, any>;
+export declare const useThrottledFetch: <Req extends Endpoint & {
+    method: "get";
+}>(req: Req, args?: Array<string>, query?: Record<string, string>, throttlingInterval?: number, debouncingInterval?: number) => SWRResponse<InstanceResponse<Req["data"]>, any, any>;
+export declare const useMutate: () => (req: Endpoint, args?: Array<string>, query?: Record<string, string>) => void;
+export declare const useQueryForFetch: <Req extends Endpoint & {
+    method: "get";
+} & Required<Pick<Endpoint, "query">>>(req: Req, query: z.input<Req["query"]> | Falsy, deps?: Array<any>) => Record<string, string> | null;