@koine/react 1.0.8 → 1.0.9

package/node/Typography/TextLoop.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextLoop = exports.TextLoopPiece = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const framer_motion_1 = require("framer-motion");
+const TextLoopPiece = ({ text = "", style = {}, className = "", direction = "up", inline = true, noOverflow = true, delay = 400, }) => {
+    const placeholderRef = (0, react_1.useRef)(null);
+    const [content, setContent] = (0, react_1.useState)({ data: "", key: "" });
+    const [width, setWidth] = (0, react_1.useState)(inline ? 0 : "auto");
+    (0, react_1.useEffect)(() => {
+        const timeoutId = setTimeout(() => {
+            if (!placeholderRef.current)
+                return;
+            placeholderRef.current.innerHTML = text + "";
+            if (inline)
+                setWidth(placeholderRef.current.offsetWidth);
+            setContent({ data: text + "", key: new Date() + "" });
+        }, delay);
+        return () => clearTimeout(timeoutId);
+    }, [text, delay, inline]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, style: {
+            ...style,
+            position: "relative",
+            display: inline ? "inline-block" : "block",
+            width,
+            whiteSpace: inline ? "nowrap" : "normal",
+        }, children: [(0, jsx_runtime_1.jsx)("span", { ref: placeholderRef, style: { visibility: "hidden" } }), (0, jsx_runtime_1.jsx)("div", { style: {
+                    overflow: noOverflow ? "hidden" : "visible",
+                    display: "block",
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    height: "100%",
+                    width: "100%",
+                }, children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.m.div, { style: { position: "absolute" }, initial: {
+                            opacity: 0,
+                            y: direction === "down" ? "-100%" : "100%",
+                        }, animate: { opacity: 1, y: 0 }, exit: {
+                            opacity: 0,
+                            y: direction === "down" ? "100%" : "-100%",
+                        }, children: content.data }, content.key) }) })] }));
+};
+exports.TextLoopPiece = TextLoopPiece;
+const TextLoop = ({ texts, interval = 3000, ...props }) => {
+    const [index, setIndex] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        const intervalId = setInterval(() => setIndex((index) => index + 1), interval // every 3 seconds
+        );
+        return () => clearTimeout(intervalId);
+    }, [interval]);
+    return (0, jsx_runtime_1.jsx)(exports.TextLoopPiece, { ...props, text: texts[index % texts.length] });
+};
+exports.TextLoop = TextLoop;

package/node/Typography/TypeStairs.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypeStairs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+exports.TypeStairs = (0, react_1.forwardRef)(({ children, limit }, ref) => {
+    // split in rows or just use one row if there is no limit
+    const rows = limit ? splitTextIntoRows(children, limit) : [children];
+    return rows.length > 1 ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: rows.map((row, rowIndex) => {
+            return ((0, jsx_runtime_1.jsxs)("span", { children: [renderRow(row, rowIndex, ref), rowIndex !== rows.length - 1 && (0, jsx_runtime_1.jsx)("br", {})] }, `row-${rowIndex}`));
+        }) })) : (renderRow(rows[0], 0, ref));
+});
+/**
+ * every number chars find a space and break, then restart the gradient weight
+ * @see https://stackoverflow.com/a/25770787
+ */
+function splitTextIntoRows(input = "", limit = 18) {
+    const rows = [];
+    const arr = input.split(" ");
+    let currow = arr[0];
+    let rowlen = currow.length;
+    for (let i = 1; i < arr.length; i++) {
+        const word = arr[i];
+        rowlen += word.length + 1;
+        if (rowlen <= limit) {
+            currow += " " + word;
+        }
+        else {
+            rows.push(currow);
+            currow = word;
+            rowlen = word.length;
+        }
+    }
+    rows.push(currow);
+    return rows;
+}
+function renderRow(row, rowIndex, ref) {
+    const letters = row.split("");
+    let fontWeightIdx = 1;
+    // const fontWeight = Math.min(fontWeightIdx * 100, 800);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: letters.map((letter, letterIndex) => {
+            const fontWeight = Math.min(fontWeightIdx * 100, 800);
+            // don't waste a fontWeight for a white space
+            if (letter !== " ") {
+                fontWeightIdx++;
+            }
+            return ((0, jsx_runtime_1.jsx)("span", { style: { fontWeight }, ref: ref, children: letter }, `letter-${rowIndex}-${letterIndex}`));
+        }) }));
+}

package/node/Typography/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./CopyPasteVisible"), exports);
+tslib_1.__exportStar(require("./Native"), exports);
+tslib_1.__exportStar(require("./ReadMore"), exports);
+tslib_1.__exportStar(require("./TextLoop"), exports);
+tslib_1.__exportStar(require("./TypeStairs"), exports);

package/node/css/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KoineDialog = void 0;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("../shared"), exports);
+// export * from "../Alert";
+// export * from "../Animations";
+// export * from "../Autocomplete";
+// export * from "../Bg";
+// export * from "../Breadcrumbs";
+// export * from "../Buttons";
+// export * from "../Carousel";
+// export * from "../Collapsable";
+// export * from "../Debug";
+var bare_1 = require("../Dialog/css/bare");
+Object.defineProperty(exports, "KoineDialog", { enumerable: true, get: function () { return bare_1.KoineDialog; } });
+// export * from "../Forms";
+// export * from "../Grid";
+// export * from "../Hamburger";
+// export * from "../Header";
+// export * from "../Hidden";
+// export * from "../Img";
+// export * from "../Link";
+// export * from "../MenuItem";
+// export * from "../Pagination";
+// export * from "../Pill";
+// export * from "../Progress";
+// export * from "../Rating";
+// // export * from "../Select";
+// export * from "../Sidebar";
+// export * from "../Spacing";
+// export * from "../Sticky";
+// export * from "../styles";
+// export * from "../Tabs";
+// export * from "../Typography";

package/node/helpers/classed.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.classed = void 0;
+const react_1 = require("react");
+/**
+ * This utility allows to extend a component a là `styled-components` but for
+ * a className based styling solution like Tailwind,
+ *
+ * It also plays nicely with tailwind intellisense @see:
+ *
+ * - https://github.com/tailwindlabs/tailwindcss-intellisense#tailwindcssclassattributes
+ *
+ * For references about tagged functions:
+ * - https://javascript.plainenglish.io/how-css-in-js-libraries-work-da4145b1b6c7
+ * - https://makersden.io/blog/reverse-engineering-styled-components
+ * - https://typesafe.blog/article/the-logic-behind-javascript-tag-functions
+ * - https://flaming.codes/posts/typescript-and-javascript-tagged-template-strings
+ */
+function classed(component) {
+    // @ts-expect-error nevermind for now...
+    const type = component.type || component;
+    return function (strings, ...args) {
+        const WrappedComponent = (0, react_1.forwardRef)(function (props, ref) {
+            const argResolved = args
+                .map((arg, index) => {
+                let result = "";
+                if (typeof arg === "function") {
+                    result = arg(props);
+                }
+                else if (typeof arg !== "undefined") {
+                    result = arg.toString();
+                }
+                return strings[index] + result;
+            })
+                .join("");
+            const isNativeHtmlElement = typeof type === "string";
+            const propsToForward = isNativeHtmlElement
+                ? {}
+                : props;
+            if (isNativeHtmlElement) {
+                for (const key in props) {
+                    // like styled-components `transient` props
+                    if (!key.startsWith("$")) {
+                        propsToForward[key] = props[key];
+                    }
+                }
+            }
+            // get the tagged function string outcome
+            let className = argResolved || strings[0];
+            // check if we need to clean it or not from the optional structure `< class="..."`
+            className = className.match(/class="([^"]*)/)?.[1] || className;
+            // add the custom classes from props
+            className += props?.className ? " " + props?.className : "";
+            return (0, react_1.createElement)(type, {
+                // ...props,
+                ...propsToForward,
+                // only add ot props if it is not an empty string
+                className: className || undefined,
+                // add ref to props
+                ref,
+            });
+        });
+        // FIXME: not sure if this is needed
+        // WrappedComponent.displayName = type.toString();
+        return WrappedComponent; // as unknown as React.ReactElement<typeof props>;
+    };
+}
+exports.classed = classed;

package/node/helpers/extend-component.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extendComponent = void 0;
+const react_1 = require("react");
+const extendComponent = (component, defaultProps) => {
+    // FIXME: check if we need to forwardRef or not
+    const NewComponent = (props) => (0, react_1.createElement)(component, props);
+    // const NewComponent = forwardRef<React.ComponentProps<Component>, Component>(
+    //   (props, ref) => createElement(component, { ...props, ref })
+    // );
+    return Object.assign(NewComponent, {
+        ...defaultProps,
+        defaultProps,
+    });
+};
+exports.extendComponent = extendComponent;

package/node/helpers/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./classed"), exports);
+tslib_1.__exportStar(require("./extend-component"), exports);

package/node/hooks/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useDateLocale"), exports);
+tslib_1.__exportStar(require("./useFocus"), exports);
+tslib_1.__exportStar(require("./usePrevious"), exports);
+tslib_1.__exportStar(require("./useScrollPosition"), exports);
+// export * from "./useScrollTo";
+tslib_1.__exportStar(require("./useTraceUpdate"), exports);
+tslib_1.__exportStar(require("./useWindowSize"), exports);

package/node/hooks/useDateLocale.js

@@ -0,0 +1,56 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDateLocale = void 0;
+const react_1 = require("react");
+/**
+ * Dynamically import the date-fns correct locale
+ *
+ * Inspired by:
+ * @see https://robertmarshall.dev/blog/dynamically-import-datefns-locale-mui-datepicker-localization/
+ */
+function useDateLocale(locale, defaultLocale = "en") {
+    const [data, setData] = (0, react_1.useState)();
+    const [current, setCurrent] = (0, react_1.useState)(defaultLocale);
+    // const [ready, setReady] = useState(false);
+    // If the user changes the locale listen to the change and import the locale that is now required.
+    (0, react_1.useEffect)(() => {
+        const importLocaleFile = async () => {
+            // This webpack option stops all of the date-fns files being imported and chunked.
+            const localeToSet = await Promise.resolve().then(() => __importStar(require(
+            /* webpackMode: "lazy", webpackChunkName: "df-[index]", webpackExclude: /_lib/ */
+            `date-fns/locale/${locale}/index.js`)));
+            setCurrent(locale || current);
+            setData(localeToSet.default);
+            // setReady(true);
+        };
+        // If the locale has not yet been loaded.
+        if (locale !== current) {
+            importLocaleFile();
+        }
+    }, [locale, current]);
+    return data;
+}
+exports.useDateLocale = useDateLocale;

package/node/hooks/useFocus.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFocus = void 0;
+const react_1 = require("react");
+/**
+ * @see https://stackoverflow.com/a/54159564/1938970
+ */
+const useFocus = () => {
+    const element = (0, react_1.useRef)(null);
+    const setFocus = () => {
+        element.current && element.current.focus();
+    };
+    return [element, setFocus];
+};
+exports.useFocus = useFocus;

package/node/hooks/usePrevious.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePrevious = void 0;
+const react_1 = require("react");
+function usePrevious(value) {
+    const ref = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
+        ref.current = value;
+    });
+    return ref.current;
+}
+exports.usePrevious = usePrevious;

package/node/hooks/useScrollPosition.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useScrollPosition = void 0;
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const useIsomorphicLayoutEffect_1 = tslib_1.__importDefault(require("react-use/esm/useIsomorphicLayoutEffect"));
+const utils_1 = require("@koine/utils");
+const zeroPosition = { x: 0, y: 0 };
+const getClientRect = (element) => element?.getBoundingClientRect();
+const getScrollPosition = (element, useWindow, boundingElement) => {
+    if (!utils_1.isBrowser) {
+        return zeroPosition;
+    }
+    if (useWindow) {
+        return { x: window.scrollX, y: window.scrollY };
+    }
+    const targetPosition = getClientRect(element?.current || document.body);
+    const containerPosition = getClientRect(boundingElement?.current);
+    if (!targetPosition) {
+        return zeroPosition;
+    }
+    return containerPosition
+        ? {
+            x: (containerPosition.x || 0) - (targetPosition.x || 0),
+            y: (containerPosition.y || 0) - (targetPosition.y || 0),
+        }
+        : { x: targetPosition.left, y: targetPosition.top };
+};
+/**
+ * @borrows [@n8tb1t/use-scroll-position@2.0.3](https://github.com/n8tb1t/use-scroll-position) by `n8tb1t <n8tb1t@gmail.com>`
+ *
+ * We've just:
+ * - reused internal helper functions
+ * - compacted object arguments in functions as plain argument list to improve compression
+ */
+const useScrollPosition = (effect, deps = [], element, useWindow, wait, boundingElement) => {
+    const position = (0, react_1.useRef)(getScrollPosition(null, useWindow, boundingElement));
+    let throttleTimeout = null;
+    const callBack = () => {
+        const current = getScrollPosition(element, useWindow, boundingElement);
+        effect(current, position.current);
+        position.current = current;
+        throttleTimeout = null;
+    };
+    (0, useIsomorphicLayoutEffect_1.default)(() => {
+        if (!utils_1.isBrowser) {
+            return undefined;
+        }
+        const handleScroll = () => {
+            if (wait) {
+                if (throttleTimeout === null) {
+                    throttleTimeout = window.setTimeout(callBack, wait);
+                }
+            }
+            else {
+                callBack();
+            }
+        };
+        if (boundingElement) {
+            boundingElement.current?.addEventListener("scroll", handleScroll, {
+                passive: true,
+            });
+        }
+        else {
+            window.addEventListener("scroll", handleScroll, { passive: true });
+        }
+        return () => {
+            if (boundingElement) {
+                boundingElement.current?.removeEventListener("scroll", handleScroll);
+            }
+            else {
+                window.removeEventListener("scroll", handleScroll);
+            }
+            if (throttleTimeout) {
+                clearTimeout(throttleTimeout);
+            }
+        };
+    }, deps);
+};
+exports.useScrollPosition = useScrollPosition;

package/node/hooks/useScrollTo.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useScrollTo = void 0;
+const utils_1 = require("@koine/utils");
+const useHeader_1 = require("../Header/useHeader");
+function useScrollTo(id = "", offset = 0) {
+    const [, , headerHeight] = (0, useHeader_1.useHeader)();
+    if (!utils_1.isBrowser) {
+        return;
+    }
+    const headerOffset = headerHeight || 0;
+    let element = document.getElementById(id);
+    let top = 0;
+    if (element && element.offsetParent) {
+        do {
+            top += element.offsetTop;
+        } while ((element = element.offsetParent));
+    }
+    top -= offset;
+    top -= headerOffset;
+    window.scroll(0, top);
+}
+exports.useScrollTo = useScrollTo;

package/node/hooks/useTraceUpdate.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTraceUpdate = void 0;
+const react_1 = require("react");
+/**
+ * @see https://stackoverflow.com/a/51082563/9122820
+ */
+function useTraceUpdate(props) {
+    const prev = (0, react_1.useRef)(props);
+    (0, react_1.useEffect)(() => {
+        const changedProps = Object.entries(props).reduce((ps, [k, v]) => {
+            if (prev.current[k] !== v) {
+                // @ts-expect-error Does not matter here...
+                ps[k] = [prev.current[k], v];
+            }
+            return ps;
+        }, {});
+        if (Object.keys(changedProps).length > 0) {
+            console.log("Changed props:", changedProps);
+        }
+        prev.current = props;
+    });
+}
+exports.useTraceUpdate = useTraceUpdate;

package/node/hooks/useWindowSize.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindowSize = void 0;
+const react_1 = require("react");
+function useWindowSize() {
+    const [size, setSize] = (0, react_1.useState)([0, 0]);
+    (0, react_1.useEffect)(() => {
+        function updateSize() {
+            setSize([window.innerWidth, window.innerHeight]);
+        }
+        window.addEventListener("resize", updateSize);
+        updateSize();
+        return () => window.removeEventListener("resize", updateSize);
+    }, []);
+    return size;
+}
+exports.useWindowSize = useWindowSize;

package/node/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./shared"), exports);
+// we need to alias the star export otherwise the named exports would collide
+// export * as css from "./css";
+// export * as sc from "./sc";
+// export * as tw from "./tw";

package/node/m/MotionProvider.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MotionProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const framer_motion_1 = require("framer-motion");
+/**
+ * `<LazyMotion />` provider wrapper from `framer-motion`
+ *
+ * @see https://www.framer.com/docs/guide-reduce-bundle-size/
+ *
+ * About the difference between `lite` and `max`
+ * @see https://www.framer.com/docs/guide-reduce-bundle-size/#available-features
+ *
+ * @example
+ *
+ * `lite` version:
+ * ```tsx
+ * import { MotionProvider } from "@koine/react/m";
+ *
+ * const features = () => import("@koine/react/m/lite").then((m) => m.default);
+ *
+ * <MotionProvider features={features}>
+ *   <App />
+ * </MotionProvider>
+ * ```
+ *
+ * ### `max` version
+ * ```tsx
+ * import { MotionProvider } from "@koine/react/m";
+ *
+ * const features = () => import("@koine/react/m/max").then((m) => m.default);
+ *
+ * <MotionProvider features={features}>
+ *   <App />
+ * </MotionProvider>
+ * ```
+ */
+const MotionProvider = ({ features, children }) => {
+    return (0, jsx_runtime_1.jsx)(framer_motion_1.LazyMotion, { features: features, children: children });
+};
+exports.MotionProvider = MotionProvider;

package/node/m/index.js

@@ -0,0 +1,9 @@
+"use strict";
+/**
+ * @file
+ *
+ * In this file we only have exports related to `framer-motion`
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./MotionProvider"), exports);

package/node/m/lite.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const framer_motion_1 = require("framer-motion");
+exports.default = framer_motion_1.domAnimation;

package/node/m/max.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const framer_motion_1 = require("framer-motion");
+exports.default = framer_motion_1.domMax;

package/node/sc/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KoineDialog = void 0;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("../shared"), exports);
+tslib_1.__exportStar(require("../Alert"), exports);
+tslib_1.__exportStar(require("../Animations"), exports);
+tslib_1.__exportStar(require("../Autocomplete"), exports);
+tslib_1.__exportStar(require("../Bg"), exports);
+tslib_1.__exportStar(require("../Breadcrumbs"), exports);
+tslib_1.__exportStar(require("../Buttons"), exports);
+tslib_1.__exportStar(require("../Carousel"), exports);
+tslib_1.__exportStar(require("../Collapsable"), exports);
+tslib_1.__exportStar(require("../Debug"), exports);
+var bare_1 = require("../Dialog/sc/bare");
+Object.defineProperty(exports, "KoineDialog", { enumerable: true, get: function () { return bare_1.KoineDialog; } });
+tslib_1.__exportStar(require("../Forms"), exports);
+tslib_1.__exportStar(require("../Grid"), exports);
+tslib_1.__exportStar(require("../Hamburger"), exports);
+tslib_1.__exportStar(require("../Header"), exports);
+tslib_1.__exportStar(require("../Hidden"), exports);
+tslib_1.__exportStar(require("../Img"), exports);
+tslib_1.__exportStar(require("../Link"), exports);
+tslib_1.__exportStar(require("../MenuItem"), exports);
+tslib_1.__exportStar(require("../Pagination"), exports);
+tslib_1.__exportStar(require("../Pill"), exports);
+tslib_1.__exportStar(require("../Progress"), exports);
+tslib_1.__exportStar(require("../Rating"), exports);
+// export * from "../Select";
+tslib_1.__exportStar(require("../Sidebar"), exports);
+tslib_1.__exportStar(require("../Spacing"), exports);
+tslib_1.__exportStar(require("../Sticky"), exports);
+tslib_1.__exportStar(require("../styles"), exports);
+tslib_1.__exportStar(require("../Tabs"), exports);
+tslib_1.__exportStar(require("../Typography"), exports);

package/node/scm/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KoineDialog = void 0;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("../shared"), exports);
+tslib_1.__exportStar(require("../Alert"), exports);
+tslib_1.__exportStar(require("../Animations"), exports);
+tslib_1.__exportStar(require("../Autocomplete"), exports);
+tslib_1.__exportStar(require("../Bg"), exports);
+tslib_1.__exportStar(require("../Breadcrumbs"), exports);
+tslib_1.__exportStar(require("../Buttons"), exports);
+tslib_1.__exportStar(require("../Carousel"), exports);
+tslib_1.__exportStar(require("../Collapsable"), exports);
+tslib_1.__exportStar(require("../Debug"), exports);
+var framer_1 = require("../Dialog/sc/framer");
+Object.defineProperty(exports, "KoineDialog", { enumerable: true, get: function () { return framer_1.KoineDialog; } });
+tslib_1.__exportStar(require("../Forms"), exports);
+tslib_1.__exportStar(require("../Grid"), exports);
+tslib_1.__exportStar(require("../Hamburger"), exports);
+tslib_1.__exportStar(require("../Header"), exports);
+tslib_1.__exportStar(require("../Hidden"), exports);
+tslib_1.__exportStar(require("../Img"), exports);
+tslib_1.__exportStar(require("../Link"), exports);
+tslib_1.__exportStar(require("../MenuItem"), exports);
+tslib_1.__exportStar(require("../Pagination"), exports);
+tslib_1.__exportStar(require("../Pill"), exports);
+tslib_1.__exportStar(require("../Progress"), exports);
+tslib_1.__exportStar(require("../Rating"), exports);
+// export * from "../Select";
+tslib_1.__exportStar(require("../Sidebar"), exports);
+tslib_1.__exportStar(require("../Spacing"), exports);
+tslib_1.__exportStar(require("../Sticky"), exports);
+tslib_1.__exportStar(require("../styles"), exports);
+tslib_1.__exportStar(require("../Tabs"), exports);
+tslib_1.__exportStar(require("../Typography"), exports);

package/node/shared/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("../Calendar"), exports);
+tslib_1.__exportStar(require("../Dialog"), exports);
+tslib_1.__exportStar(require("../Favicon"), exports);
+tslib_1.__exportStar(require("../helpers"), exports);
+tslib_1.__exportStar(require("../hooks"), exports);
+tslib_1.__exportStar(require("../Meta"), exports);
+tslib_1.__exportStar(require("../NoJs"), exports);
+tslib_1.__exportStar(require("../types"), exports);