@edu-tosel/design 1.0.16 → 1.0.18

package/layout/template/dashboard/Header.js

@@ -1,17 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { cn, gradient } from "../../../util";
+import { cn } from "../../../util";
 import { useWidgetStore } from "../../../store";
-export function Header({ title, image, }) {
+export function Header({ title, logo, options }) {
+    const { text, background, className } = options ?? {};
     const { isDark, setDark } = useWidgetStore();
     const [isOpen, setIsOpen] = useState(false);
-    const [src, href] = image ?? [];
     const container = {
         positions: "fixed xl:static top-0 left-0 z-40",
         displays: "flex items-center justify-between ",
         sizes: "h-15 w-full",
-        background: !isDark ? `bg-${gradient.greenToRed}` : "bg-black",
+        background: `${background ?? "bg-white"} dark:bg-black`,
+        text: `${text ?? "text-black"} dark:text-white`,
         styles: "px-5 xl:px-8 2xl:px-16 ",
+        className,
     };
-    return (_jsxs("div", { className: cn(container), children: [_jsxs("div", { className: "flex h-12 items-center gap-8 xl:gap-24 2xl:gap-22", children: [src && href ? (_jsx("a", { href: href, children: _jsx("img", { src: src, alt: "logo", className: "h-6.25 w-28.78" }) })) : (_jsx("div", { className: "text-2xl", children: "TOSEL" })), _jsx("div", { className: "text-3xl font-bold text-white ", children: title })] }), _jsx("button", { onClick: setDark, className: "text-white", children: "DARK" })] }));
+    return (_jsxs("div", { className: cn(container), children: [_jsxs("div", { className: "flex h-12 items-center gap-8 xl:gap-24 2xl:gap-26", children: [logo ? (_jsx("a", { href: logo.href, children: _jsx("img", { src: logo.image, alt: "logo", className: "h-6.25 w-28.78" }) })) : (_jsx("div", { className: "text-2xl", children: "TOSEL" })), _jsx("div", { className: "text-3xl font-bold", children: title })] }), _jsx("button", { onClick: setDark, children: "DARK" })] }));
 }

package/layout/template/dashboard/index.d.ts

@@ -1,9 +1,5 @@
-declare function Layout({ subject, colors, navigations, children, }: {
-    subject: [string, string, string];
-    colors?: [string, string];
-    navigations: React.ReactNode[];
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+import { DashboardProps } from "../../../interface";
+declare function Layout({ header, navigations, children, options }: DashboardProps): import("react/jsx-runtime").JSX.Element;
 declare const Dashboard: {
     Layout: typeof Layout;
 };

package/layout/template/dashboard/index.js

@@ -4,10 +4,10 @@ import { NavigationContainer } from "../../../navigation";
 import { Header } from "./Header";
 import { cn } from "../../../util";
 import { useWidgetStore } from "../../../store";
-function Layout({ subject, colors, navigations, children, }) {
+function Layout({ header, navigations, children, options }) {
     const { isDark, flag, setFlag, isOwn, setIsOwn, clearView } = useWidgetStore();
-    const [title, image, imageUrl] = subject ?? ["", "", ""];
-    const [bgColor, textColor] = colors ?? ["white", "black"];
+    const { title, options: headerOptions, logo } = header;
+    const { background } = options ?? {};
     useEffect(() => {
         if (isOwn) {
             return setIsOwn(false);
@@ -16,8 +16,8 @@ function Layout({ subject, colors, navigations, children, }) {
     }, [flag]);
     const container = {
         sizes: "min-h-screen h-screen xl:h-auto",
-        background: !isDark ? `bg-${bgColor}` : "bg-black/80",
-        styles: `text-${textColor} font-pretendard-medium`,
+        background: `${background ?? "bg-gray-light"} dark:bg-black/80`,
+        styles: "font-pretendard-medium",
         dark: isDark && "dark",
     };
     const body = {
@@ -25,7 +25,7 @@ function Layout({ subject, colors, navigations, children, }) {
         displays: "flex gap-12 xl:gap-7.5 ",
         paddings: "pt-15 xl:pl-2 2xl:px-12 xl:pt-7.5",
     };
-    return (_jsxs("div", { className: cn(container), onClick: setFlag, children: [_jsx(Header, { title: title, image: [image, imageUrl] }), _jsxs("div", { className: cn(body), children: [_jsx(NavigationContainer, { children: navigations.map((nav, index) => (_jsx(Fragment, { children: nav }, index))) }), children] })] }));
+    return (_jsxs("div", { className: cn(container), onClick: setFlag, children: [_jsx(Header, { title: title, options: headerOptions, logo: logo }), _jsxs("div", { className: cn(body), children: [_jsx(NavigationContainer, { children: navigations.map((nav, index) => (_jsx(Fragment, { children: nav }, index))) }), children] })] }));
 }
 const Dashboard = {
     Layout,

package/layout/widget/DataField.design.d.ts

@@ -0,0 +1,2 @@
+import { DataFieldProps } from "../../interface";
+export default function DataFieldDesign<T extends Record<string, any>>({ id, dataField, options, }: DataFieldProps<T>): import("react/jsx-runtime").JSX.Element;

package/{board/widget/DataField.js → layout/widget/DataField.design.js}

@@ -1,23 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { cn } from "../../util";
-import { useWidgetStore } from "./../../store";
-export default function BoardDataField({ id, dataField, }) {
+import { useWidgetStore } from "../../store";
+export default function DataFieldDesign({ id, dataField, options, }) {
     const { order, setOrder } = useWidgetStore();
+    const { padding, position } = options ?? {};
     const orders = order[id] ?? [];
     const container = {
-        positions: "fixed top-34 xl:top-0 left-0 xl:relative z-20",
+        positions: position && position,
         displays: "flex items-center",
         sizes: "w-full h-13.75",
-        paddings: "px-2 xs:px-4 xl:px-7.5",
-        styles: "bg-white",
-        test: "box-shadow-sm",
+        paddings: padding && padding,
+        styles: "bg-white box-shadow-sm font-bold",
     };
     const block = {
         displays: "xl:hidden block ",
         sizes: container.sizes,
     };
     return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn(container), children: dataField &&
-                    Object.keys(dataField).map((key) => (_jsx("div", { className: `w-${dataField[key]?.size}/100 `, children: _jsxs("button", { onClick: () => setOrder(id, key), className: "flex items-center", children: [_jsx("div", { children: dataField[key]?.title }), _jsx("div", { className: "text-xs", children: orders?.map(({ orderBy, orderHow }) => {
+                    Object.keys(dataField).map((key) => (_jsx("div", { className: `w-${dataField[key]?.size}/100`, children: _jsxs("button", { onClick: () => setOrder(id, key), className: "flex items-center", children: [_jsx("div", { children: dataField[key]?.title }), _jsx("div", { className: "text-xs", children: orders?.map(({ orderBy, orderHow }) => {
                                         if (orderBy === key) {
                                             if (orderHow === "asc")
                                                 return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M7.15859 15.0437C6.7079 15.9134 7.27152 17 8.17239 17H15.8279C16.7282 17 17.2919 15.9134 16.8417 15.0437L13.0145 7.65229C12.5638 6.78257 11.4365 6.78257 10.9858 7.65229L7.15859 15.0437Z", fill: "#105652" }) }));
@@ -26,5 +26,5 @@ export default function BoardDataField({ id, dataField, }) {
                                             else
                                                 return "";
                                         }
-                                    }) })] }) }, id + key))) }), _jsx("div", { className: cn(block) })] }));
+                                    }) })] }) }, id + key))) }), position && _jsx("div", { className: cn(block) })] }));
 }

package/layout/widget/Row.design.d.ts

@@ -0,0 +1,2 @@
+import { RowProps } from "../../interface";
+export default function RowDesign<T extends Record<string, any>>({ dataSet, dataField, options, onClick, }: RowProps<T>): import("react/jsx-runtime").JSX.Element;

package/layout/widget/Row.design.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useId } from "react";
+import { cn } from "../../util";
+export default function RowDesign({ dataSet, dataField, options, onClick, }) {
+    const { size, padding, text } = options ?? {};
+    const id = useId();
+    const container = {
+        displays: "flex items-center ",
+        sizes: size,
+        paddings: padding,
+        text: text,
+        styles: "hover:bg-gray-100 duration-100",
+    };
+    return (_jsx("div", { className: cn(container), onClick: onClick, children: dataField &&
+            Object.keys(dataField).map((key) => (_jsx("div", { className: `w-${dataField[key]?.size}/100 truncate`, children: dataSet[key] }, id + key))) }));
+}

package/modal/template/Alert.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { col } from "../../util";
 import ModalDesign from "../widget/Modal.design";
 export default function Alert({ isVisible, title, scripts, options, }) {
     const { script, subScript } = scripts ?? {};
     const { buttons } = options ?? {};
-    return (_jsx(ModalDesign, { isVisible: isVisible, classNames: "pt-18 px-25", options: { buttons, isCloseButton: true }, children: _jsx("div", { className: col(3), children: _jsxs("div", { className: col(6), children: [_jsx("div", { className: "text-3xl font-bold", children: title }), _jsx("div", { className: "h-2 w-14 rounded-full bg-pale-lavender" }), _jsx("div", { className: "text-xl font-bold", children: script })] }) }) }));
+    return (_jsx(ModalDesign, { isVisible: isVisible, classNames: "pt-18 px-25", options: { buttons, isCloseButton: true }, children: _jsx("div", { className: "flex flex-col gap-3", children: _jsxs("div", { className: "flex flex-col gap-6", children: [_jsx("div", { className: "text-3xl font-bold", children: title }), _jsx("div", { className: "h-2 w-14 rounded-full bg-pale-lavender" }), _jsx("div", { className: "text-xl font-bold", children: script })] }) }) }));
 }

package/navigation/Navigation.js

@@ -12,10 +12,10 @@ export const buttonClassNames = (href, nowPath, color) => {
     };
     const toggle = checkPathMatch(href, nowPath)
         ? !isDark
-            ? `bg-${bg} text-${selectedText}`
+            ? `${bg} ${selectedText}`
             : "bg-white text-black"
         : (!isDark ? "bg-white " : "bg-black ") +
-            `xl:bg-transparent xl:hover:bg-white/50 hover:text-green-dark text-${text} dark:text-white`;
+            `xl:bg-transparent xl:hover:bg-white/50 hover:text-green-dark ${text} dark:text-white`;
     return [cn(container), toggle].join(" ");
 };
 export function NavigationContainer({ children, }) {

package/overlay/template/Manage.js

@@ -8,7 +8,7 @@ export default function Manage({ titles, isVisible, event, elements, }) {
             if (type === "select")
                 return (_jsx(Frame, { title: title, children: _jsx(Select, { state: state, selectOptions: selectOptions }) }, id + title));
             if (type === "toggle")
-                return (_jsx(Frame, { title: title, children: _jsx(Toggle, { state: state, labels: labels, isDisabled: isDisabled }) }, id + title));
+                return (_jsx(Frame, { title: title, children: _jsx(Toggle, { state: state, labels: labels, options: { disabled: isDisabled } }) }, id + title));
             return null;
         }) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edu-tosel/design",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "UI components for International TOSEL Committee",
   "keywords": [
     "jsx",

package/tailwind.config.ts

@@ -48,6 +48,8 @@ export default {
       colors: {
         "white-off": "#F5F5F5",
         "red-burgundy": "#933652",
+        "crimson-burgundy": "#910023",
+        "crimson-dark": "#760023",
         "red-crimson": "#760023",
         "red-velvet": "#AC647A",
         "green-dark": "#105652",
@@ -86,18 +88,25 @@ export default {
         2.5: "0.625rem",
         3.5: "0.875rem",
         3.75: "0.9375rem",
+        4.25: "1.0625rem",
         4.75: "1.1875rem",
+        5.25: "1.3125rem",
         6.25: "1.5625rem",
+        6.4: "1.6rem",
         6.5: "1.625rem",
         7: "1.75rem",
         7.5: "1.875rem",
         8: "2rem",
         9: "2.25rem",
+        9.25: "2.3125rem",
+        10.25: "2.5625rem",
         11: "2.75rem",
+        11.25: "2.8125rem",
         12: "3rem",
         13.25: "3.3125rem",
         13.75: "3.4375rem",
         14: "3.5rem",
+        14.125: "3.53125rem",
         14.5: "3.625rem",
         15: "3.75rem",
         16: "4rem",
@@ -105,9 +114,14 @@ export default {
         18.75: "4.6875rem",
         19: "4.75rem",
         19.25: "4.8125rem",
+        19.5: "4.875rem",
+        20: "5rem",
+        20.5: "5.125rem",
         21: "5.25rem",
+        21.5: "5.375rem",
         21.75: "5.4375rem",
         22: "5.5rem",
+        22.5: "5.625rem",
         23: "5.75rem",
         25: "6.25rem",
         26: "6.5rem",
@@ -121,6 +135,7 @@ export default {
         40: "10rem",
         41: "10.25rem",
         42: "10.5rem",
+        43: "10.75rem",
         44: "11rem",
         45: "11.25rem",
         48: "12rem",
@@ -492,54 +507,7 @@ export default {
     },
   },
   safelist: [
-    {
-      pattern: /font-.*/,
-    },
-    {
-      pattern: /animate-.*/,
-    },
-    {
-      pattern: /shadow-.*/,
-    },
-
-    {
-      pattern: /flex-.*/,
-    },
-    {
-      pattern: /overflow-*./,
-    },
-    {
-      pattern: /col-.*/,
-    },
-    {
-      pattern: /row-.*/,
-    },
-    {
-      pattern: /flex-.*/,
-    },
-    {
-      pattern: /justify-.*/,
-    },
-    {
-      pattern: /items-.*/,
-    },
-    {
-      pattern: /grid-.*/,
-    },
-    {
-      pattern: /gap-.*/,
-    },
-    {
-      pattern: /border-.*/,
-    },
-    {
-      pattern: /min-.*/,
-    },
-    {
-      pattern: /max-.*/,
-    },
     { pattern: /w-.*/ },
-    { pattern: /h-.*/ },
     {
       pattern: /top-.*/,
     },
@@ -558,53 +526,9 @@ export default {
     {
       pattern: /right*.*/,
     },
-    { pattern: /bg-.*/ },
-    { pattern: /text-.*/ },
-    {
-      pattern: /p-.*/,
-    },
-    {
-      pattern: /px-.*/,
-    },
-    {
-      pattern: /pl-.*/,
-    },
-    {
-      pattern: /py-.*/,
-    },
-    {
-      pattern: /pb-.*/,
-    },
-    {
-      pattern: /m-.*/,
-    },
-    {
-      pattern: /mx-.*/,
-    },
-    {
-      pattern: /my-.*/,
-    },
-    {
-      pattern: /z-.*/,
-    },
-    {
-      pattern: /from-.*/,
-    },
-    {
-      pattern: /to-.*/,
-    },
-    {
-      pattern: /via-.*/,
-    },
     {
       pattern: /delay-.*/,
     },
-    {
-      pattern: /overflow-.*/,
-    },
-    {
-      pattern: /duration-.*/,
-    },
   ],
   plugins: [tailwindcssAnimate],
   darkMode: "selector",

package/text/Formatter.d.ts

@@ -1,3 +1,3 @@
-export declare function Formatter({ script }: {
+export default function Formatter({ script }: {
     script: string;
 }): import("react/jsx-runtime").JSX.Element;

package/text/Formatter.js

@@ -1,18 +1,81 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-export function Formatter({ script }) {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment, useId } from "react";
+export default function Formatter({ script }) {
+    const parses = parseType(script);
+    const results = parses.map(([type, content], index) => {
+        if (type === "code")
+            return (_jsx("div", { className: "bg-gray-500 p-2", children: parseCodeLines(content) }, index));
+        else
+            return _jsx("div", { children: parseTextLines(content) }, index);
+    });
+    return _jsx("div", { className: "flex flex-col", children: results });
+}
+function parseType(script) {
+    const segments = script.split("```");
+    return segments.reduce((acc, segment, index) => {
+        if (index % 2 === 0) {
+            acc.push(["text", segment]);
+        }
+        else {
+            acc.push(["code", segment]);
+        }
+        return acc;
+    }, []);
+}
+function parseCodeLines(script) {
+    const lines = script.split("\n");
+    return lines.map((line, index) => _jsx("div", { children: line }, index));
+}
+function parseTextLines(script) {
     const lines = script.split("\n");
-    const htmlRegex = /<div.*?>.*?<\/div>/gs;
-    const result = lines.map((line, index) => {
-        const htmlMatch = line.match(htmlRegex);
-        if (htmlMatch)
-            return (_jsx("div", { dangerouslySetInnerHTML: { __html: htmlMatch[0] } }, index));
-        if (line.startsWith("# "))
+    return lines.map((line, index) => {
+        if (line === "") {
+            return _jsx("br", {}, index);
+        }
+        else if (line.startsWith("# ")) {
             return (_jsx("div", { className: "text-3xl", children: line.replace("# ", "") }, index));
-        if (line.startsWith("## "))
+        }
+        else if (line.startsWith("## ")) {
             return (_jsx("div", { className: "text-2xl", children: line.replace("## ", "") }, index));
-        if (line.startsWith("```"))
-            return (_jsx("div", { className: "bg-gray-200 p-2", children: line.replace(/^```|```$/g, "") }, index));
-        return _jsx("div", { children: line }, index);
+        }
+        else if (line.startsWith("### ")) {
+            return (_jsx("div", { className: "text-xl", children: line.replace("### ", "") }, index));
+        }
+        else {
+            return (_jsx("div", { children: _jsx(Parse, { script: line }) }, index));
+        }
+    });
+}
+function Parse({ script }) {
+    const id = useId();
+    const arrs = [[[], script]];
+    const arrs2 = parseStyles("**", "bold", arrs);
+    const arrs3 = parseStyles("*", "italic", arrs2);
+    const parseFontType = (types) => {
+        if (types.length === 0)
+            return "";
+        const classNames = types.map((type) => {
+            if (type === "bold")
+                return "font-bold";
+            if (type === "italic")
+                return "italic";
+            return "";
+        });
+        return classNames.join(" ");
+    };
+    return (_jsx(Fragment, { children: arrs3.map(([types, script], index) => (_jsx("span", { className: parseFontType(types), children: script }, id + index))) }, id));
+}
+function parseStyles(trigger, type, props) {
+    const result = props.flatMap(([types, script]) => {
+        const segments = script.split(trigger);
+        return segments.map((segment, index) => {
+            if (index % 2 !== 0) {
+                return [[...types, type], segment];
+            }
+            else {
+                return [[...types], segment];
+            }
+        });
     });
-    return _jsx(_Fragment, { children: result });
+    return result;
 }

package/util/colors.d.ts

@@ -5,8 +5,15 @@ export declare const colorsByLevel: {
     JR: string;
     HJ: string;
 };
-export declare const gradient: {
+export declare const gradientBackground: {
     lab: string;
     greenToRed: string;
     greenToRedSoft: string;
 };
+export declare const gradient: {
+    bg: {
+        lab: string;
+        greenToRed: string;
+        greenToRedSoft: string;
+    };
+};

package/util/colors.js

@@ -5,8 +5,11 @@ export const colorsByLevel = {
     JR: "jr-blue",
     HJ: "hj-blue",
 };
+export const gradientBackground = {
+    lab: "bg-gradient-to-br from-violet-light/20 to-blue-sky/40 ",
+    greenToRed: "bg-gradient-to-r from-green-dark to-red-crimson",
+    greenToRedSoft: "bg-gradient-to-r from-green-dark/20 to-red-crimson/20",
+};
 export const gradient = {
-    lab: "gradient-to-br from-violet-light/20 to-blue-sky/40 ",
-    greenToRed: "gradient-to-r from-green-dark to-red-crimson",
-    greenToRedSoft: "gradient-to-r from-green-dark/20 to-red-crimson/20",
+    bg: gradientBackground,
 };

package/util/index.d.ts

@@ -4,10 +4,7 @@ export { default as isDebug } from "./isDebug";
 export { default as sortByOrder } from "./sortByOrder";
 export { default as checkPathMatch } from "./checkPathMatch";
 export * from "./colors";
-export * from "./display";
-export * from "./displayResponsive";
 export * from "./hooks";
 export * from "./pattern";
-export * from "./position";
 export * from "./shape";
 export * from "./hooks";

package/util/index.js

@@ -4,10 +4,7 @@ export { default as isDebug } from "./isDebug";
 export { default as sortByOrder } from "./sortByOrder";
 export { default as checkPathMatch } from "./checkPathMatch";
 export * from "./colors";
-export * from "./display";
-export * from "./displayResponsive";
 export * from "./hooks";
 export * from "./pattern";
-export * from "./position";
 export * from "./shape";
 export * from "./hooks";

package/version.txt

@@ -1 +1 @@
-1.0.16
+1.0.18

package/board/widget/DataField.d.ts

@@ -1,7 +0,0 @@
-import { DataField } from "../../interface";
-export default function BoardDataField<T extends Record<string, any>>({ id, dataField, }: {
-    id: string;
-    dataField: {
-        [p in keyof T]?: Partial<DataField>;
-    };
-}): import("react/jsx-runtime").JSX.Element;

package/board/widget/Tags.d.ts

@@ -1,14 +0,0 @@
-import { Dispatch } from "react";
-import { Size } from "../../interface";
-export declare function Select({ title, width, onChange, selectOptions, }: {
-    title: string;
-    width?: Size;
-    onChange: Dispatch<string>;
-    selectOptions?: [string | number, string][];
-}): import("react/jsx-runtime").JSX.Element;
-export declare function Input({ title, onChange, placeholder, width, }: {
-    title: string;
-    onChange: Dispatch<string>;
-    placeholder?: string;
-    width?: Size;
-}): import("react/jsx-runtime").JSX.Element;

package/board/widget/Tags.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from "react";
-export function Select({ title, width, onChange, selectOptions, }) {
-    const id = useId();
-    const widthSize = {
-        xs: "w-32",
-        sm: "w-48",
-        md: "w-64",
-        lg: "w-96",
-        xl: "w-128",
-        "2xl": "w-144",
-        full: "w-full",
-    };
-    const classNames = `${widthSize[width ?? "md"]} h-10 rounded-full pl-4`;
-    return (_jsxs("div", { className: "flex justify-center items-center gap-4", children: [_jsx("label", { htmlFor: id, className: "font-bold", children: title }), _jsx("select", { id: id, onChange: (e) => onChange(e.target.value), className: classNames, children: selectOptions?.map(([id, title]) => (_jsx("option", { value: id, children: title }, id))) })] }));
-}
-export function Input({ title, onChange, placeholder, width, }) {
-    const id = useId();
-    const widthSize = {
-        xs: "w-28",
-        sm: "w-48",
-        md: "w-64",
-        lg: "w-96",
-        xl: "w-128",
-        "2xl": "w-144",
-        full: "w-full",
-    };
-    const classNames = `${widthSize[width ?? "md"]} h-10 rounded-full pl-4`;
-    return (_jsxs("div", { className: "flex justify-center items-center gap-4", children: [_jsx("label", { htmlFor: id, className: "font-bold", children: title }), _jsx("input", { className: classNames, id: id, type: "text", placeholder: placeholder ?? "", onChange: (e) => onChange(e.target.value) })] }));
-}

package/card/template/ProfileCard.d.ts

@@ -1,14 +0,0 @@
-type Level = "PS" | "ST" | "BA" | "JR" | "HJ";
-export default function ProfileCard({ info, gradeData, }: {
-    info: {
-        name: string;
-        birthday: string;
-        image?: string;
-    };
-    gradeData?: {
-        level?: Level;
-        score?: number;
-        grade?: number;
-    };
-}): import("react/jsx-runtime").JSX.Element;
-export {};

package/card/template/ProfileCard.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from "../widget/Card";
-import { colorsByLevel } from "../../util";
-export default function ProfileCard({ info, gradeData, }) {
-    const { name, birthday, image } = info;
-    const { level, score, grade } = gradeData ?? {};
-    return (_jsx(Card, { options: { width: "sm" }, children: _jsxs("div", { className: "flex", children: [_jsx("img", { src: image, alt: "profile", className: "h-20 w-20 overflow-hidden rounded-full object-cover " }), _jsxs("div", { className: "ml-auto flex flex-col gap-4", children: [_jsxs("div", { className: "flex w-52 items-end gap-2 border-b-2 border-blue-navy pb-2", children: [_jsx("div", { className: "text-xl font-bold", children: name }), _jsx("div", { children: birthday })] }), _jsxs("div", { children: [_jsx("div", { children: "\uD559\uC6D0\uC0DD" }), _jsx("div", { children: level ? colorsByLevel[level] : "" })] })] })] }) }));
-}

package/card/template/ReportCard.d.ts

@@ -1,33 +0,0 @@
-import { Titles } from "../../interface";
-export default function ReportCard({ titles, dataField, }: {
-    titles: Titles;
-    type: "text" | "table" | "chart";
-    dataSets: {
-        items: Record<string, string | number>[];
-        average?: {
-            x: string;
-            score: number;
-        };
-    };
-    dataField: {
-        fields: Record<string, string>;
-        axis?: {
-            x: string;
-            y: string;
-        };
-        lines?: {
-            dataKey: string;
-            stroke: string;
-        }[];
-        bars?: {
-            name: string;
-            dataKey: string;
-            fill: string;
-        }[];
-        areas?: {
-            dataKey: string;
-            fill: string;
-        }[];
-        sizes?: Record<string, string>;
-    };
-}): import("react/jsx-runtime").JSX.Element;

package/card/template/ReportCard.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../util";
-export default function ReportCard({ titles, dataField, }) {
-    const { title, subtitle } = titles;
-    const { axis, fields, lines, bars, areas, sizes } = dataField;
-    const container = {
-        displays: "flex flex-col gap-4",
-    };
-    const titleBox = {
-        container: "flex flex-col gap-1",
-        title: "text-lg font-bold",
-        subtitle: "text-sm",
-    };
-    return (_jsx("div", { className: cn(container) }));
-}

package/card/template/RowCard.d.ts

@@ -1,2 +0,0 @@
-import { RowCardProps } from "../../interface";
-export default function RowCard<T extends Record<string, any>>({ onClick, dataSet, dataField, }: RowCardProps<T>): import("react/jsx-runtime").JSX.Element;