@edu-tosel/design 1.0.12 → 1.0.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edu-tosel/design",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "UI components for International TOSEL Committee",
   "keywords": [
     "jsx",
@@ -14,11 +14,12 @@
   "type": "module",
   "scripts": {},
   "dependencies": {
-    "@edu-tosel/design": "^1.0.11",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-icons": "^5.0.1",
     "react-lottie-player": "^1.5.6",
     "react-router-dom": "^6.21.3",
+    "react-spring": "^9.7.3",
     "recharts": "^2.11.0",
     "tailwind-scrollbar-hide": "^1.1.7",
     "tailwindcss-animate": "^1.0.7",

package/store/index.d.ts

@@ -1,4 +1,4 @@
-import { WidgetEvent } from "../interface/Widget";
+import { Order, WidgetEvent } from "../interface";
 interface WidgetProps {
     events: WidgetEvent[];
     setView: (prop: string) => void;
@@ -6,11 +6,15 @@ interface WidgetProps {
     setModal: (prop: string) => void;
     removeModal: (prop: string) => void;
     clearModal: () => void;
-    order: [string, "asc" | "desc"];
-    setOrder: (prop: string) => void;
+    order: Record<string, Order[]>;
+    setOrder: (prop: string, id: string) => void;
     tempData: Record<string, string | number>;
     setTempData: (prop: Record<string, string | number>) => void;
     clearTempData: () => void;
+    flag: boolean;
+    setFlag: () => void;
+    isDark: boolean;
+    setDark: () => void;
 }
 export declare const useWidgetStore: import("zustand").UseBoundStore<import("zustand").StoreApi<WidgetProps>>;
 export {};

package/store/index.js

@@ -9,16 +9,30 @@ export const useWidgetStore = create((set) => ({
             events: state.events.filter(({ event }) => event !== prop),
         }));
     },
-    order: ["", "asc"],
-    setOrder: (prop) => {
+    order: {},
+    setOrder: (id, prop) => {
         set((state) => {
-            if (state.order[0] !== prop) {
-                return {
-                    order: [prop, "asc"],
-                };
-            }
+            const currentOrder = state.order[id] ?? [];
+            const update = () => {
+                const temp = currentOrder.find(({ orderBy }) => orderBy === prop);
+                if (temp !== undefined) {
+                    return {
+                        ...temp,
+                        orderHow: temp.orderHow === "asc"
+                            ? "desc"
+                            : temp.orderHow === "desc"
+                                ? ""
+                                : "asc",
+                    };
+                }
+                return { orderBy: prop, orderHow: "asc" };
+            };
+            const updatedOrder = [
+                ...currentOrder.filter(({ orderBy }) => orderBy !== prop),
+                update(),
+            ];
             return {
-                order: [prop, state.order[1] === "asc" ? "desc" : "asc"],
+                order: { ...state.order, [id]: updatedOrder },
             };
         });
     },
@@ -36,4 +50,8 @@ export const useWidgetStore = create((set) => ({
     tempData: {},
     setTempData: (prop) => set((state) => ({ tempData: { ...state.tempData, ...prop } })),
     clearTempData: () => set({ tempData: {} }),
+    flag: false,
+    setFlag: () => set((state) => ({ flag: !state.flag })),
+    isDark: false,
+    setDark: () => set((state) => ({ isDark: !state.isDark })),
 }));

package/tailwind.config.ts

@@ -17,6 +17,8 @@ export default {
         kostar: ["kostar"],
         nicomoji: ["nicomoji"],
         megrim: ["megrim"],
+        "times-newer-roman-bold": ["times-newer-roman-bold"],
+        "times-newer-roman-bolditalic": ["times-newer-roman-bolditalic"],
       },
       backgroundImage: {
         "image-space": "url('/images/home/space.png')",
@@ -26,6 +28,22 @@ export default {
           "0%, 100%": { backgroundPosition: "left center" },
           "50%": { backgroundPosition: "right center" },
         },
+        fadeIn: {
+          from: { opacity: "0" },
+          to: { opacity: "1" },
+        },
+        fadeOut: {
+          from: { opacity: "1" },
+          to: { opacity: "0" },
+        },
+        increaseWidth: {
+          from: { width: "0%" },
+          to: { width: "33.3%" },
+        },
+        decreaseWidth: {
+          from: { width: "33.3%" },
+          to: { width: "0%" },
+        },
       },
       colors: {
         "white-off": "#F5F5F5",
@@ -45,6 +63,7 @@ export default {
         "silver-pale": "#DFD8CA",
 
         // Brand Colors
+        "cocoon-green": "#00E35B",
         "ps-pink": "#E3006E",
         "ps-pink-light": "#FFBADB",
         "st-orange": "#ED6A00",
@@ -64,22 +83,31 @@ export default {
       spacing: {
         "sun-calc": "calc(50% - 6rem)",
         1: "0.25rem",
+        2.5: "0.625rem",
+        6.25: "1.5625rem",
+        6.5: "1.625rem",
         7: "1.75rem",
         7.5: "1.875rem",
         8: "2rem",
         9: "2.25rem",
         11: "2.75rem",
         12: "3rem",
+        13.25: "3.3125rem",
         14: "3.5rem",
+        14.5: "3.625rem",
         15: "3.75rem",
         16: "4rem",
         18: "4.5rem",
+        18.75: "4.6875rem",
         19: "4.75rem",
+        21.75: "5.4375rem",
         22: "5.5rem",
         23: "5.75rem",
         25: "6.25rem",
         26: "6.5rem",
         27: "6.75rem",
+        28.78: "7.195rem",
+        29: "7.25rem",
         30: "7.5rem",
         34: "8.5rem",
         36: "9rem",
@@ -261,6 +289,8 @@ export default {
         "7xl": "4.5rem",
         "8xl": "6rem",
         "9xl": "8rem",
+        "10xl": "10rem",
+        "11xl": "12rem",
       },
       screens: {
         xxxs: "332px",
@@ -409,6 +439,7 @@ export default {
         "100/100": "100%",
       },
       height: {
+        "2/3": "66.6666667%",
         "4/7": "57.1428571%",
         "3/7": "42.8571429%",
         "5/12": "41.6666667%",
@@ -420,6 +451,8 @@ export default {
         "9/10": "90%",
       },
       zIndex: {
+        "100": "100",
+        "90": "90",
         "50": "50",
         "49": "49",
         "48": "48",
@@ -439,6 +472,9 @@ export default {
     },
   },
   safelist: [
+    {
+      pattern: /font-.*/,
+    },
     {
       pattern: /animate-.*/,
     },
@@ -551,4 +587,5 @@ export default {
     },
   ],
   plugins: [tailwindcssAnimate],
+  darkMode: "selector",
 } satisfies Config;

package/text/Formatter.d.ts

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

package/text/Formatter.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+export function Formatter({ 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 (_jsx("div", { className: "text-3xl", children: line.replace("# ", "") }, index));
+        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);
+    });
+    return _jsx(_Fragment, { children: result });
+}

package/text/index.d.ts

@@ -1 +1,2 @@
 export * from "./LineBreaks";
+export * from "./Formatter";

package/text/index.js

@@ -1 +1,2 @@
 export * from "./LineBreaks";
+export * from "./Formatter";

package/util/colors.d.ts

@@ -7,5 +7,6 @@ export declare const colorsByLevel: {
 };
 export declare const gradient: {
     lab: string;
-    green_to_red: string;
+    greenToRed: string;
+    greenToRedSoft: string;
 };

package/util/colors.js

@@ -7,5 +7,6 @@ export const colorsByLevel = {
 };
 export const gradient = {
     lab: "gradient-to-br from-violet-light/20 to-blue-sky/40 ",
-    green_to_red: "gradient-to-r from-green-dark/20 to-red-crimson/20",
+    greenToRed: "gradient-to-r from-green-dark to-red-crimson",
+    greenToRedSoft: "gradient-to-r from-green-dark/20 to-red-crimson/20",
 };

package/util/convertUnixTimestampToDate.d.ts

@@ -0,0 +1 @@
+export default function convertUnixTimestampToDate(unixTimestamp: number): string;

package/util/convertUnixTimestampToDate.js

@@ -0,0 +1,5 @@
+export default function convertUnixTimestampToDate(unixTimestamp) {
+    const date = new Date(unixTimestamp * 1000);
+    const formattedDate = date.toISOString().split("T")[0];
+    return formattedDate;
+}

package/util/index.d.ts

@@ -1,4 +1,7 @@
 export { default as cn } from "./classNames";
+export { default as unixToDate } from "./convertUnixTimestampToDate";
+export { default as isDebug } from "./isDebug";
+export { default as sortByOrder } from "./sortByOrder";
 export * from "./colors";
 export * from "./display";
 export * from "./displayResponsive";

package/util/index.js

@@ -1,4 +1,7 @@
 export { default as cn } from "./classNames";
+export { default as unixToDate } from "./convertUnixTimestampToDate";
+export { default as isDebug } from "./isDebug";
+export { default as sortByOrder } from "./sortByOrder";
 export * from "./colors";
 export * from "./display";
 export * from "./displayResponsive";

package/util/isDebug.d.ts

@@ -0,0 +1 @@
+export default function isDebug(prop: any): any;

package/util/isDebug.js

@@ -0,0 +1,5 @@
+export default function isDebug(prop) {
+    if (import.meta.env.MODE === "development")
+        return prop;
+    return null;
+}

package/util/sortByOrder.d.ts

@@ -0,0 +1,4 @@
+import { Order } from "../interface";
+export default function sortOrder<K extends string, T extends {
+    [p in K]: any;
+}>(args: T[], order: Order[]): T[];

package/util/sortByOrder.js

@@ -0,0 +1,20 @@
+export default function sortOrder(args, order) {
+    const allEmpty = order.every(({ orderHow }) => orderHow === "");
+    const sortedData = allEmpty
+        ? [...args]
+        : [...args].sort((aValue, bValue) => {
+            for (let i = 0; i < order.length; i++) {
+                const { orderBy, orderHow } = order[i];
+                if (orderHow === "")
+                    continue;
+                const a = aValue[orderBy];
+                const b = bValue[orderBy];
+                if (a > b)
+                    return orderHow === "asc" ? 1 : -1;
+                if (a < b)
+                    return orderHow === "asc" ? -1 : 1;
+            }
+            return 0;
+        });
+    return sortedData;
+}

package/version.txt

@@ -1 +1 @@
-1.0.12
+1.0.14

package/card/template/InfoCardCssCase.d.ts

@@ -1,25 +0,0 @@
-import { Size } from "../../interface/Property";
-export declare const sizeBySetting: {
-    widthSize: Record<string, Size>;
-    heightSize: Record<string, Size>;
-};
-export declare const bgColorBySetting: {
-    information: string;
-    profile: string;
-    profileSmall: string;
-};
-export declare const lineColorBySetting: {
-    information: string;
-    profile: string;
-    profileSmall: string;
-};
-export declare const fontColorBySetting: {
-    information: string;
-    profile: string;
-    profileSmall: string;
-};
-export declare const btnSizeBySetting: {
-    information: string;
-    profile: string;
-    profileSmall: string;
-};

package/card/template/InfoCardCssCase.js

@@ -1,32 +0,0 @@
-export const sizeBySetting = {
-    widthSize: {
-        information: "md",
-        profile: "sm",
-        profileSmall: "xs",
-    },
-    heightSize: {
-        information: "lg",
-        profile: "md",
-        profileSmall: "lg",
-    },
-};
-export const bgColorBySetting = {
-    information: "gradient-to-r from-green-dark/20 to-red-crimson/20",
-    profile: "white",
-    profileSmall: "white",
-};
-export const lineColorBySetting = {
-    information: "#760023",
-    profile: "#173A8B",
-    profileSmall: "#173A8B",
-};
-export const fontColorBySetting = {
-    information: "red-crimson",
-    profile: "blue-navy",
-    profileSmall: "blue-navy",
-};
-export const btnSizeBySetting = {
-    information: "w-45 h-11",
-    profile: "w-22 h-7 text-xs",
-    profileSmall: "w-45 h-11",
-};

package/card/template/PropfileCard.d.ts

@@ -1,2 +0,0 @@
-import { InfoCardProps } from "../../interface/Card";
-export default function ProfileCard({ titles, button }: InfoCardProps): import("react/jsx-runtime").JSX.Element;

package/card/template/PropfileCard.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from "../widget/Card";
-import { gradient } from "../../util";
-export default function ProfileCard({ titles, button }) {
-    return (_jsx(Card, { options: { width: "lg", height: "lg" }, children: _jsxs("div", { className: "relative w-full h-full p-5 bg-" + `${gradient.green_to_red}`, children: [_jsxs("div", { className: "h-18 w-full border-b-2 border-[#760023] flex justify-between", children: [_jsxs("div", { className: "w-auto", children: [_jsx("div", { className: "h-9 font-bold text-xl text-" + `${titles.color}`, children: titles.title }), _jsx("div", { className: "h-8 text-md font-thin ", children: titles.subTitle })] }), _jsx("div", { className: "w-auto flex flex-col-reverse text-red-crimson p-2", children: _jsx("span", { className: "text-xs font-thin border-b-1 border-[#760023] font-semibold inline-block align-bottom ", children: "\uC218\uC815\uD558\uAE30" }) })] }), _jsx("div", {}), _jsx("div", { className: `absolute bottom-4 right-4 ${button.display}`, children: _jsx("button", { className: `text-white rounded-md bg-${button.color} w-45 h-11 flex justify-center items-center`, children: button.title }) })] }) }));
-}

package/deck/Deck.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../util";
-export function Deck({ children, titles, options, debug, }) {
-    const { title, subtitle, gapTitle } = titles ?? {};
-    const { flex, height, justify, gapX, gapY, overflowScroll } = options ?? {};
-    const container = {
-        displays: `flex flex-col gap-${gapTitle ?? 4}`,
-        sizes: `w-full h-${height ?? "auto"} `,
-        debug: debug &&
-            import.meta.env.MODE === "development" &&
-            `border-2 border-${debug}`,
-    };
-    const body = {
-        displays: `flex flex-col flex-wrap gap-y-${gapY ?? 5}`,
-        flex: flex === "col" ? "sm:flex-col" : "sm:flex-row",
-        justify: `justify-${justify ?? "start"}`,
-        gapX: `${`gap-x-${gapX ?? 7.5}`}`,
-        sizes: "sm:w-full ",
-        styles: `${overflowScroll ? "overflow-x-scroll" : ""} duration-500`,
-    };
-    return (_jsxs("div", { className: cn(container), children: [_jsxs("div", { children: [_jsx("div", { className: "text-xl xl:text-2xl font-bold", children: title }), _jsx("div", { className: "", children: subtitle })] }), _jsx("div", { className: cn(body), children: children })] }));
-}

package/layout/dashboard/Header.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "../../globals.css";
-import { useState } from "react";
-import { cn } from "../../util";
-export function Header({ title, image, }) {
-    const [isOpen, setIsOpen] = useState(false);
-    const [src, href] = image ?? [];
-    return (_jsx("div", { className: "fixed top-0 left-0 xl:relative flex h-20 w-full items-center justify-between bg-white px-9 shadow-black/10 shadow-b-md z-40", children: _jsxs("div", { className: "flex h-12 items-center gap-12", children: [src && href ? (_jsx("a", { href: href, children: _jsx("img", { src: src, alt: "logo", className: "h-12 w-50" }) })) : (_jsx("div", { className: "text-2xl", children: "TOSEL" })), _jsx("div", { className: "text-3xl font-bold ", children: title })] }) }));
-}
-function Menu({ flag }) {
-    const positions = "absolute right-0 z-40 ";
-    const layouts = "w-48 overflow-hidden";
-    const styles = "shadow-md bg-white";
-    const animations = () => {
-        const height = flag ? "h-80" : "h-0";
-        return [height, "duration-500"].join(" ");
-    };
-    return (_jsxs("div", { className: cn(positions, layouts, styles, animations()), children: [_jsx("div", { children: "\u314E\u3147" }), _jsx("div", { children: "\u314E\u3147" })] }));
-}

package/layout/dashboard/index.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from "react";
-import { NavigationContainer } from "../../navigation";
-import { Header } from "./Header";
-import { cn } from "../../util";
-export function DashboardLayout({ subject, colors, navigations, children, }) {
-    const [title, image, imageUrl] = subject ?? ["", "", ""];
-    const [bgColor, textColor] = colors ?? ["white", "black"];
-    return (_jsxs("div", { className: cn(`bg-${bgColor}`, `text-${textColor}`, `min-h-screen h-screen xl:h-auto font-pretendard-medium`), children: [_jsx(Header, { title: title, image: [image, imageUrl] }), _jsxs("div", { className: "h-full flex gap-12 pt-20 xl:gap-8 xl:pl-2 2xl:px-9 xl:pt-10 xl:m-0 ", children: [_jsx(NavigationContainer, { children: navigations.map((nav, index) => (_jsx(Fragment, { children: nav }, index))) }), children] })] }));
-}

package/layout/report/Header.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../util";
-export default function Header({ groupName, examName, }) {
-    const container = {
-        positions: "relative z-20",
-        displays: "flex flex-col items-center ",
-        sizes: "w-full max-w-280",
-        styles: "py-8 bg-white shadow-md",
-    };
-    return (_jsxs("div", { className: cn(container), children: [_jsxs("div", { className: "flex justify-between w-full items-center pr-2", children: [_jsx("img", { src: "/images/logos/itc.png", alt: "itc", width: 100 }), _jsx("div", { className: "flex items-center", children: _jsx("div", { className: "text-5xl font-bold", children: examName }) }), _jsx("img", { src: "/images/logos/badge-tosel-lab.png", alt: "tosel-lab", width: 80 })] }), _jsxs("div", { className: "", children: ["\uC9C0\uC815\uAD50\uC721\uAE30\uAD00: ", groupName] })] }));
-}

package/modal/AlertModal.d.ts

@@ -1,2 +0,0 @@
-import { AlertModalProps } from "../interface/Modal";
-export default function AlertModal({ title, scripts, options, }: AlertModalProps): import("react/jsx-runtime").JSX.Element;

package/modal/AlertModal.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { col } from "../util";
-import { Modal } from "./Modal";
-export default function AlertModal({ title, scripts, options, }) {
-    const { script, subScript } = scripts ?? {};
-    const { buttons } = options ?? {};
-    return (_jsx(Modal, { options: { buttons }, children: _jsx("div", { className: col(3) + "pl-25 pt-18 h-full pb-12", 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 })] }) }) }));
-}

package/modal/ControllerModal.d.ts

@@ -1,6 +0,0 @@
-import { Button } from "../interface";
-export default function ControllerModal({ options, }: {
-    options?: {
-        buttons?: Button[];
-    };
-}): import("react/jsx-runtime").JSX.Element;

package/modal/ControllerModal.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Modal } from "./Modal";
-export default function ControllerModal({ options, }) {
-    const { buttons } = options ?? {};
-    return (_jsx(Modal, { options: { width: "lg", height: "xl", buttons }, children: _jsx("div", { className: "w-full h-120 border-2 " }) }));
-}

package/modal/Modal.d.ts

@@ -1,2 +0,0 @@
-import { ModalProps } from "../interface/Modal";
-export declare function Modal({ children, options }: ModalProps): import("react/jsx-runtime").JSX.Element;

package/modal/Modal.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useWidgetStore } from "../store";
-import { absolute, cn } from "../util";
-const background = "z-50 flex min-h-screen w-full items-center justify-center bg-black/10 backdrop-blur-sm fixed top-0 left-0";
-const widthSize = {
-    xs: "w-2/3 min-w-76 max-w-176",
-    sm: "w-2/3 min-w-76 max-w-176",
-    md: "w-2/3 min-w-76 max-w-176",
-    lg: "w-full min-w-76 max-w-360",
-    xl: "w-2/3 min-w-76 max-w-176",
-    "2xl": "w-2/3 min-w-76 max-w-176",
-    full: "w-full",
-};
-const heightSize = {
-    xs: "",
-    sm: "h-100",
-    md: "h-72 sm:h-48",
-    lg: "h-120",
-    xl: "h-180",
-    "2xl": "w-2/3 min-w-76 max-w-176",
-    full: "h-full",
-};
-export function Modal({ children, options }) {
-    const { buttons, width, height } = options ?? {};
-    const { clearModal } = useWidgetStore();
-    const sizes = `${heightSize[height ?? "sm"]} ${widthSize[width ?? "md"]}`;
-    const paddings = "pt-18 px-25";
-    const styles = "rounded-xl bg-white relative overflow-hidden";
-    return (_jsx("div", { className: background, children: _jsxs("div", { className: cn(sizes, styles, paddings), children: [children, _jsx(_Fragment, { children: buttons ? (_jsx("div", { className: `${absolute.br(8, 10)} flex justify-end gap-4`, children: buttons.map(([text, onClick]) => (_jsx("button", { className: "rounded-2xl bg-black px-8 py-2 text-2xl font-bold text-white", onClick: onClick, children: text }, text))) })) : null }), _jsx("button", { className: absolute.tl(5, 7) +
-                        "bg-black rounded-full h-9 w-9 flex justify-center items-center", onClick: clearModal, children: _jsx("div", { className: "x-shape" }) })] }) }));
-}

package/modal/TestModal.d.ts

@@ -1,7 +0,0 @@
-import { Button } from "../interface";
-export default function TestModal({ children, options, }: {
-    children: React.ReactNode;
-    options?: {
-        buttons?: Button[];
-    };
-}): import("react/jsx-runtime").JSX.Element;

package/modal/TestModal.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Modal } from "./Modal";
-export default function TestModal({ children, options, }) {
-    const { buttons } = options ?? {};
-    return (_jsx(Modal, { options: { width: "lg", height: "xl", buttons }, children: _jsx("div", { className: "pt-18 pl-25", children: children }) }));
-}

package/shelf/Shelf.d.ts

@@ -1,3 +0,0 @@
-export default function Shelf({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/shelf/Shelf.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function Shelf({ children }) {
-    return _jsx("div", { className: "inline-flex flex-col gap-8 xl:w-auto", children: children });
-}

package/shelf/index.d.ts

@@ -1 +0,0 @@
-export { default as Shelf } from "./Shelf";

package/shelf/index.js

@@ -1 +0,0 @@
-export { default as Shelf } from "./Shelf";