@sydsoft/base 1.3.0 → 1.5.0

package/dist/esm/index.d.ts

@@ -0,0 +1,10 @@
+export * from "./_lib/baseFunctions";
+export * from "./alert";
+export * from "./box";
+export * from "./datetime";
+export * from "./form";
+export * from "./grid";
+export * from "./icon";
+export * from "./modal";
+export * from "./popover";
+export * from "./tooltip";

package/dist/esm/index.js

@@ -0,0 +1,10 @@
+export * from "./_lib/baseFunctions";
+export * from "./alert";
+export * from "./box";
+export * from "./datetime";
+export * from "./form";
+export * from "./grid";
+export * from "./icon";
+export * from "./modal";
+export * from "./popover";
+export * from "./tooltip";

package/dist/esm/modal/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2023
+ *  @author: izzetseydaoglu
+ *  @last-modified: 9.02.2024 06:07
+ */
+import React from "react";
+interface Props {
+    children: React.ReactNode;
+    open: boolean;
+    close?: Function;
+    keepMounted?: boolean;
+    hideBackdrop?: boolean;
+    hideEsc?: boolean;
+    hideCloseButton?: boolean;
+    fullScreen?: boolean;
+    modalStyle?: React.CSSProperties;
+    backdropStyle?: React.CSSProperties;
+    vertialAlign?: "flex-start" | "center" | "flex-end";
+    horizontalAlign?: "flex-start" | "center" | "flex-end";
+    refModal?: any;
+}
+export declare const Modal: React.NamedExoticComponent<Props>;
+export {};

package/dist/esm/modal/index.js

@@ -0,0 +1,66 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2023
+ *  @author: izzetseydaoglu
+ *  @last-modified: 9.02.2024 06:07
+ */
+import { memo, useEffect, useRef, useState } from "react";
+import ReactDOM from "react-dom";
+import styles from "./index.module.css";
+export var Modal = memo(function MemoFunction(_a) {
+    var _b = _a.refModal, refModal = _b === void 0 ? null : _b, children = _a.children, _c = _a.open, open = _c === void 0 ? false : _c, close = _a.close, _d = _a.keepMounted, keepMounted = _d === void 0 ? false : _d, _e = _a.fullScreen, fullScreen = _e === void 0 ? false : _e, _f = _a.hideBackdrop, hideBackdrop = _f === void 0 ? true : _f, _g = _a.hideEsc, hideEsc = _g === void 0 ? false : _g, _h = _a.hideCloseButton, hideCloseButton = _h === void 0 ? false : _h, modalStyle = _a.modalStyle, backdropStyle = _a.backdropStyle, _j = _a.vertialAlign, vertialAlign = _j === void 0 ? "center" : _j, _k = _a.horizontalAlign, horizontalAlign = _k === void 0 ? "center" : _k;
+    var _l = useState(null), modalDiv = _l[0], setModalDiv = _l[1];
+    var ref = useRef(null);
+    useEffect(function () {
+        if (refModal)
+            refModal.current = ref.current;
+    }, [ref.current]);
+    var onClose = function () {
+        if (close)
+            close();
+    };
+    var checkHideBackDrop = function (e) {
+        if (open && ref.current && !ref.current.contains(e.target))
+            onClose();
+    };
+    var checkESC = function (e) {
+        if (e.keyCode === 27 || e.key === "Escape" || e.code === "Escape")
+            onClose();
+    };
+    useEffect(function () {
+        if (open) {
+            if (hideBackdrop)
+                window.addEventListener("mousedown", checkHideBackDrop);
+            if (hideEsc)
+                window.addEventListener("keydown", checkESC);
+        }
+        return function () {
+            if (hideBackdrop)
+                window.removeEventListener("mousedown", checkHideBackDrop);
+            if (hideEsc)
+                window.removeEventListener("keydown", checkESC);
+        };
+    });
+    useEffect(function () {
+        if (!modalDiv) {
+            var modalDivCheck = document.getElementById("smodal");
+            if (modalDivCheck) {
+                setModalDiv(modalDivCheck);
+            }
+            else {
+                var div = document.createElement("div");
+                div.setAttribute("id", "smodal");
+                document.body.appendChild(div);
+                setModalDiv(div);
+            }
+        }
+        return function () {
+            onClose();
+        };
+    }, []);
+    if ((!keepMounted && !open) || typeof window === "undefined")
+        return null;
+    var Component = (_jsx("div", { className: "".concat(styles.backdrop, " ").concat(open ? styles.backdrop_open : ""), style: __assign({ alignItems: vertialAlign, justifyContent: horizontalAlign }, backdropStyle), children: _jsxs("div", { ref: ref, className: "".concat(styles.modal, " ").concat(fullScreen ? styles.fullscreen : ""), style: modalStyle, children: [!hideCloseButton && (_jsx("div", { className: styles.close_fixed, children: _jsx("div", { className: styles.close, onClick: onClose, children: "\u2715" }) })), children] }) }));
+    return modalDiv ? ReactDOM.createPortal(Component, modalDiv) : null;
+});

package/dist/esm/modal/index.module.css

@@ -0,0 +1,74 @@
+.backdrop {
+    position: fixed;
+    z-index: 1300;
+    inset: 0;
+    display: none;
+    align-items: center;
+    justify-content: center;
+    background: rgba(0, 0, 0, 0.23);
+    width: 100%;
+    height: 100%;
+    outline: none;
+}
+.backdrop_open {
+    display: flex !important; 
+}
+
+.modal {
+    position: relative;
+    min-width: 200px;
+    max-width: 90%;
+    max-height: calc(100% - 64px);
+    overflow-x: hidden;
+    border-radius: 8px;
+    background: transparent;
+    box-shadow: rgb(0 0 0 / 32%) 0 4px 8px, rgb(0 0 0 / 40%) 0 8px 40px;
+    margin: 15px;
+    padding: 0;
+    z-index: 1;
+    outline: none;
+}
+.fullscreen {
+    width: 100vw;
+    max-width: 100vw;
+    height: 100vh;
+    max-height: 100vh;
+    border-radius: 0;
+    margin: 0;
+}
+.close_fixed {
+    position: absolute;
+    top: 0;
+    right: 1px;
+    z-index: 1000;
+    text-align: right;
+    border-radius: inherit;
+}
+
+.close {
+    position: fixed;
+    background: #e7e7e7;
+    padding: 0 7px;
+    font-size: 11px;
+    transform: translateX(-100%);
+    border-radius: inherit;
+    border-top-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 50%;
+    cursor: pointer;
+}
+.close:hover {
+    zoom: 1.3;
+}
+
+.sbox_header {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+}
+
+.sbox_footer {
+    position: sticky;
+    bottom: 0;
+    z-index: 10;
+}

package/dist/esm/popover/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+type position = "top" | "bottom" | "left" | "right";
+interface Props {
+    Component: React.ReactElement;
+    children: React.ReactNode;
+    position?: position;
+    removeWhenClickInside?: boolean;
+    arrow?: boolean;
+    distance?: number;
+}
+export declare const Popover: React.NamedExoticComponent<Props>;
+export {};

package/dist/esm/popover/index.js

@@ -0,0 +1,142 @@
+import { __assign, __rest } from "tslib";
+import React, { memo, useEffect } from "react";
+import { createRoot } from "react-dom/client";
+export var Popover = memo(function MemoFunction(_a) {
+    // const refChildren = useRef<any>(null);
+    var children = _a.children, Component = _a.Component, _b = _a.position, position = _b === void 0 ? "top" : _b, _c = _a.arrow, arrow = _c === void 0 ? false : _c, _d = _a.distance, distance = _d === void 0 ? 5 : _d, _e = _a.removeWhenClickInside, removeWhenClickInside = _e === void 0 ? false : _e, other = __rest(_a, ["children", "Component", "position", "arrow", "distance", "removeWhenClickInside"]);
+    useEffect(function () {
+        if (typeof window === "undefined")
+            return null;
+        var cssCheck = document.getElementsByClassName("spopover_css")[0];
+        if (!cssCheck) {
+            var head = document.getElementsByTagName("head")[0];
+            var s = document.createElement("style");
+            s.setAttribute("type", "text/css");
+            s.classList.add("spopover_css");
+            s.appendChild(document.createTextNode(popoverCss));
+            head.appendChild(s);
+        }
+        return function () {
+            popoverSil();
+        };
+    }, []);
+    var checkHideBackDrop = function (e) {
+        var spopover = document.querySelector(".spopover");
+        if (spopover && !spopover.contains(e.target))
+            popoverSil();
+    };
+    var popoverEkle = function (e) {
+        popoverSil();
+        var popover = document.createElement("div");
+        popover.classList.add("spopover");
+        document.body.appendChild(popover);
+        // ReactDOM.render(children, popover)
+        var root = createRoot(popover); // createRoot(container!) if you use TypeScript
+        root.render(children);
+        var target = e.currentTarget;
+        setTimeout(function () {
+            popoverPosition({ target: target, position: position });
+        }, 100);
+        window.addEventListener("mousedown", checkHideBackDrop);
+        if (removeWhenClickInside)
+            popover.addEventListener("mouseup", popoverGecikmeliSil);
+        document.body.classList.add("spopover_open");
+    };
+    var popoverSil = function () {
+        var check = document.body.getElementsByClassName("spopover")[0];
+        if (check) {
+            if (removeWhenClickInside)
+                check.removeEventListener("mouseup", popoverGecikmeliSil);
+            check.remove();
+        }
+        window.removeEventListener("mousedown", checkHideBackDrop);
+        document.body.classList.remove("spopover_open");
+    };
+    var popoverGecikmeliSil = function () { return setTimeout(function () { return popoverSil(); }, 100); };
+    var popoverPosition = function (_a) {
+        var target = _a.target, position = _a.position;
+        var popover = document.body.getElementsByClassName("spopover")[0];
+        if (popover) {
+            var arrowMargin = arrow ? 5 : 0;
+            var margin = distance + arrowMargin;
+            if (arrow)
+                popover.classList.add("arrow");
+            var targetPosition = target.getBoundingClientRect();
+            var popoverPosition_1 = popover.getBoundingClientRect();
+            var style = [];
+            if (position === "top" || position === "bottom") {
+                if (position === "top") {
+                    if (targetPosition.top - popoverPosition_1.height - margin < 0) {
+                        style.push("top:" + (targetPosition.bottom + margin) + "px");
+                        popover.classList.add("bottom");
+                    }
+                    else {
+                        style.push("top:" + (targetPosition.top - popoverPosition_1.height - margin) + "px");
+                        popover.classList.add("top");
+                    }
+                }
+                if (position === "bottom") {
+                    if (targetPosition.bottom + popoverPosition_1.height + margin > window.innerHeight) {
+                        style.push("top:" + (targetPosition.top - popoverPosition_1.height - margin) + "px");
+                        popover.classList.add("top");
+                    }
+                    else {
+                        style.push("top:" + (targetPosition.bottom + margin) + "px");
+                        popover.classList.add("bottom");
+                    }
+                }
+                if (targetPosition.left + targetPosition.width / 2 - popoverPosition_1.width / 2 < 0) {
+                    style.push("left:2px");
+                    popover.classList.add("start");
+                }
+                else if (targetPosition.left + targetPosition.width / 2 + popoverPosition_1.width > window.innerWidth) {
+                    style.push("right:2px");
+                    popover.classList.add("end");
+                }
+                else {
+                    style.push("left:" + (targetPosition.left + targetPosition.width / 2) + "px");
+                    style.push("transform:translate(-50%,0)");
+                    popover.classList.add("center");
+                }
+            }
+            if (position === "left" || position === "right") {
+                if (position === "left") {
+                    if (targetPosition.left - popoverPosition_1.width - margin < 0) {
+                        style.push("left:" + (targetPosition.right + margin) + "px");
+                        popover.classList.add("right");
+                    }
+                    else {
+                        style.push("left:" + (targetPosition.left - popoverPosition_1.width - margin) + "px");
+                        popover.classList.add("left");
+                    }
+                }
+                if (position === "right") {
+                    if (targetPosition.left + targetPosition.width / 2 + popoverPosition_1.width + margin > window.innerWidth) {
+                        style.push("left:" + (targetPosition.left - popoverPosition_1.width - margin) + "px");
+                        popover.classList.add("left");
+                    }
+                    else {
+                        style.push("left:" + (targetPosition.right + margin) + "px");
+                        popover.classList.add("right");
+                    }
+                }
+                if (targetPosition.top + targetPosition.height / 2 - popoverPosition_1.height / 2 < 0) {
+                    style.push("top:2px");
+                    popover.classList.add("start");
+                }
+                else if (targetPosition.top + targetPosition.height / 2 + popoverPosition_1.height / 2 > window.innerHeight) {
+                    style.push("bottom:2px");
+                    popover.classList.add("end");
+                }
+                else {
+                    style.push("top:" + (targetPosition.top + targetPosition.height / 2) + "px");
+                    style.push("transform:translate(0,-50%)");
+                    popover.classList.add("center");
+                }
+            }
+            popover.setAttribute("style", style.join(";"));
+        }
+    };
+    return React.cloneElement(Component, __assign({ onClick: popoverEkle }, other));
+});
+var popoverCss = "\n.spopover {\n    position: fixed;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10000;\n}\n\n.spopover.arrow:after {\n    content: \"\";\n    position: absolute;\n    margin-left: -5px;\n    border-width: 5px;\n    border-style: solid;\n}\n\n.spopover.arrow.top:after {\n    top: 100%;\n    border-color: #757575 transparent transparent transparent;\n}\n\n.spopover.arrow.top.start:after { left: 15px;}\n\n.spopover.arrow.top.center:after { left: 50%;}\n\n.spopover.arrow.top.end:after { right: 15px;}\n\n\n.spopover.arrow.bottom:after {\n    bottom: 100%;\n    border-color: transparent transparent #757575 transparent;\n}\n\n.spopover.arrow.bottom.start:after { left: 15px;}\n\n.spopover.arrow.bottom.center:after { left: 50%;}\n\n.spopover.bottom.end:after { right: 15px;}\n\n.spopover.arrow.left:after {\n    margin-left: -1px;\n    left: 100%;\n    border-color: transparent transparent transparent #757575;\n}\n\n.spopover.arrow.left.start:after { top: 5px;}\n\n.spopover.arrow.left.center:after { top: 50%; margin-top: -5px;}\n\n.spopover.arrow.left.end:after { bottom: 15px;}\n\n.spopover.arrow.right:after {\n    margin-right: -1px;\n    right: 100%;\n    border-color: transparent #757575 transparent transparent;\n}\n\n.spopover.arrow.right.start:after { top: 5px;}\n\n.spopover.arrow.right.center:after { top: 50%; margin-top: -5px;}\n\n.spopover.arrow.right.end:after { bottom: 15px;}\n";

package/dist/esm/tooltip/index.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactElement } from "react";
+export type typeTooltipPosition = "top" | "bottom" | "left" | "right";
+interface Props {
+    children: ReactElement;
+    title: string;
+    position?: typeTooltipPosition;
+    arrow?: boolean;
+    distance?: number;
+}
+export declare const Tooltip: React.NamedExoticComponent<Props>;
+export {};

package/dist/esm/tooltip/index.js

@@ -0,0 +1,119 @@
+import { __assign, __rest } from "tslib";
+import React, { memo, useEffect } from "react";
+export var Tooltip = memo(function MemoFunction(_a) {
+    var children = _a.children, title = _a.title, _b = _a.position, position = _b === void 0 ? "top" : _b, _c = _a.arrow, arrow = _c === void 0 ? false : _c, _d = _a.distance, distance = _d === void 0 ? 5 : _d, other = __rest(_a, ["children", "title", "position", "arrow", "distance"]);
+    useEffect(function () {
+        if (typeof window === "undefined")
+            return null;
+        var cssCheck = document.getElementsByClassName("stooltip_css")[0];
+        if (!cssCheck) {
+            var head = document.getElementsByTagName('head')[0];
+            var s = document.createElement('style');
+            s.setAttribute('type', 'text/css');
+            s.classList.add("stooltip_css");
+            s.appendChild(document.createTextNode(tooltipCss));
+            head.appendChild(s);
+        }
+        return function () { return tooltipSil(); };
+    }, []);
+    var tooltipEkle = function (e) {
+        tooltipSil();
+        var tooltip = document.createElement("div");
+        tooltip.innerHTML = title;
+        tooltip.classList.add("stooltip");
+        document.body.appendChild(tooltip);
+        tooltipPosition({ target: e.currentTarget, position: position });
+    };
+    var tooltipSil = function () {
+        var check = document.body.getElementsByClassName("stooltip")[0];
+        if (check)
+            check.remove();
+    };
+    var tooltipPosition = function (_a) {
+        var target = _a.target, position = _a.position;
+        var tooltip = document.body.getElementsByClassName("stooltip")[0];
+        if (tooltip) {
+            var arrowMargin = (arrow) ? 5 : 0;
+            var margin = distance + arrowMargin;
+            if (arrow)
+                tooltip.classList.add("arrow");
+            var targetPosition = target.getBoundingClientRect();
+            var tooltipPosition_1 = tooltip.getBoundingClientRect();
+            var style = [];
+            if (position === "top" || position === "bottom") {
+                if (position === "top") {
+                    if ((targetPosition.top - tooltipPosition_1.height - margin) < 0) {
+                        style.push("top:" + (targetPosition.bottom + margin) + "px");
+                        tooltip.classList.add("bottom");
+                    }
+                    else {
+                        style.push("top:" + (targetPosition.top - tooltipPosition_1.height - margin) + "px");
+                        tooltip.classList.add("top");
+                    }
+                }
+                if (position === "bottom") {
+                    if ((targetPosition.bottom + tooltipPosition_1.height + margin) > window.innerHeight) {
+                        style.push("top:" + (targetPosition.top - tooltipPosition_1.height - margin) + "px");
+                        tooltip.classList.add("top");
+                    }
+                    else {
+                        style.push("top:" + (targetPosition.bottom + margin) + "px");
+                        tooltip.classList.add("bottom");
+                    }
+                }
+                // if ((targetPosition.left - tooltipPosition.width) < 0) {
+                if ((targetPosition.left + (targetPosition.width / 2) - (tooltipPosition_1.width / 2)) < 0) {
+                    style.push("left:2px");
+                    tooltip.classList.add("start");
+                }
+                else if ((targetPosition.left + (targetPosition.width / 2) + tooltipPosition_1.width) > window.innerWidth) {
+                    style.push("right:2px");
+                    tooltip.classList.add("end");
+                }
+                else {
+                    style.push("left:" + (targetPosition.left + (targetPosition.width / 2)) + "px");
+                    style.push("transform:translate(-50%,0)");
+                    tooltip.classList.add("center");
+                }
+            }
+            if (position === "left" || position === "right") {
+                if (position === "left") {
+                    if ((targetPosition.left - tooltipPosition_1.width - margin) < 0) {
+                        style.push("left:" + (targetPosition.right + margin) + "px");
+                        tooltip.classList.add("right");
+                    }
+                    else {
+                        style.push("left:" + (targetPosition.left - tooltipPosition_1.width - margin) + "px");
+                        tooltip.classList.add("left");
+                    }
+                }
+                if (position === "right") {
+                    if ((targetPosition.left + (targetPosition.width / 2) + tooltipPosition_1.width + margin) > window.innerWidth) {
+                        style.push("left:" + (targetPosition.left - tooltipPosition_1.width - margin) + "px");
+                        tooltip.classList.add("left");
+                    }
+                    else {
+                        style.push("left:" + (targetPosition.right + margin) + "px");
+                        tooltip.classList.add("right");
+                    }
+                }
+                if ((targetPosition.top + (targetPosition.height / 2) - (tooltipPosition_1.height / 2)) < 0) {
+                    style.push("top:2px");
+                    tooltip.classList.add("start");
+                }
+                else if ((targetPosition.top + (targetPosition.height / 2) + (tooltipPosition_1.height / 2)) > window.innerHeight) {
+                    style.push("bottom:2px");
+                    tooltip.classList.add("end");
+                }
+                else {
+                    style.push("top:" + (targetPosition.top + (targetPosition.height / 2)) + "px");
+                    style.push("transform:translate(0,-50%)");
+                    tooltip.classList.add("center");
+                }
+            }
+            tooltip.setAttribute("style", style.join(";"));
+        }
+    };
+    return React.cloneElement(children, __assign({ onMouseEnter: tooltipEkle, onMouseLeave: tooltipSil, onMouseDown: tooltipSil }, other));
+});
+var tooltipCss = "\n.stooltip {\n    position: fixed;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #1a1a1a;\n    color: rgba(255,255,255,0.9);\n    text-align: center;\n    font-size: 0.9rem;\n    font-weight:400;\n    padding: 5px 10px;\n    border-radius: 8px;\n    z-index: 1000000;\n    opacity: 0.9;\n    pointer-events: none;\n    /*transition: all 0.1s;*/\n    white-space:pre-line;\n    max-width: 300px;\n    animation: stooltip_fadein 0.7s;\n}\n\n.stooltip.arrow:after {\n    content: \"\";\n    position: absolute;\n    margin-left: -5px;\n    border-width: 5px;\n    border-style: solid;\n}\n\n.stooltip.arrow.top:after {\n    top: 100%;\n    border-color: #1a1a1a transparent transparent transparent;\n}\n\n.stooltip.arrow.top.start:after { left: 15px;}\n\n.stooltip.arrow.top.center:after { left: 50%;}\n\n.stooltip.arrow.top.end:after { right: 15px;}\n\n\n.stooltip.arrow.bottom:after {\n    bottom: 100%;\n    border-color: transparent transparent #1a1a1a transparent;\n}\n\n.stooltip.arrow.bottom.start:after { left: 15px;}\n\n.stooltip.arrow.bottom.center:after { left: 50%;}\n\n.stooltip.bottom.end:after { right: 15px;}\n\n.stooltip.arrow.left:after {\n    margin-left: -1px;\n    left: 100%;\n    border-color: transparent transparent transparent #1a1a1a;\n}\n\n.stooltip.arrow.left.start:after { top: 5px;}\n\n.stooltip.arrow.left.center:after { top: 50%; margin-top: -5px;}\n\n.stooltip.arrow.left.end:after { bottom: 15px;}\n\n.stooltip.arrow.right:after {\n    margin-right: -1px;\n    right: 100%;\n    border-color: transparent #1a1a1a transparent transparent;\n}\n\n.stooltip.arrow.right.start:after { top: 5px;}\n\n.stooltip.arrow.right.center:after { top: 50%; margin-top: -5px;}\n\n.stooltip.arrow.right.end:after { bottom: 15px;}\n\n@keyframes stooltip_fadein {\n    from { opacity: 0; }\n    to   { opacity: 0.85; }\n}\n";

package/package.json

@@ -1,15 +1,19 @@
 {
     "name": "@sydsoft/base",
     "private": false,
-    "version": "1.3.0",
+    "version": "1.5.0",
     "description": "",
-    "main": "dist/index.js",
-    "module": "dist/index.js",
-    "types": "dist/index.d.ts",
+    "main": "./dist/cjs/index.js",
+    "module": "./dist/esm/index.js",
+    "types": "./dist/esm/index.d.ts",
+    "files": [
+        "./dist/",
+        "README.md"
+    ],
     "scripts": {
+        "test": "npm run build && npm pack",
+        "copyCSS": "copyfiles -u 2 \"../@base/**/*.css\" dist/esm",
         "build": "rm -rf ./dist && tsc && npm run copyCSS",
-        "pack": "npm pack",
-        "copyCSS": "copyfiles -u 2 \"../@base/**/*.css\" dist/",
         "publishNPM": "npm run build && npm version patch && npm version minor && npm publish --dry-run && npm publish --access public"
     },
     "publishConfig": {

package/dist/index.d.ts

@@ -1,8 +0,0 @@
-/**
- * Copyright (c) 2024
- *  @author: izzetseydaoglu
- *  @last-modified: 16.02.2024 03:33
- */
-export { Alert } from "./alert";
-export * from './datetime';
-export * from './icon';

package/dist/index.js

@@ -1,8 +0,0 @@
-/**
- * Copyright (c) 2024
- *  @author: izzetseydaoglu
- *  @last-modified: 16.02.2024 03:33
- */
-export { Alert } from "./alert";
-export * from './datetime';
-export * from './icon';

package/global.d.ts

@@ -1,2 +0,0 @@
-// global.d.ts
-declare module "*.module.css";

package/tsconfig.json

@@ -1,22 +0,0 @@
-{
-    "include": ["../@base", "global.d.ts"],
-    "exclude": ["./dist", "node_modules"],
-    "compilerOptions": {
-        "module": "esnext",
-        "lib": ["dom", "esnext"],
-        "importHelpers": true,
-        "declaration": true,
-        "sourceMap": false,
-        "rootDir": "../@base",
-        "outDir": "./dist",
-        "strict": true,
-        "noFallthroughCasesInSwitch": true,
-        "noUnusedLocals": true,
-        "noUnusedParameters": true,
-        "moduleResolution": "Node",
-        "jsx": "react-jsx",
-        "esModuleInterop": true,
-        "skipLibCheck": true,
-        "forceConsistentCasingInFileNames": true
-    }
-}