@koine/react 2.0.0-beta.2 → 2.0.0-beta.5

package/styles/styled.js

@@ -1,17 +1,58 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stateFocus = exports.invisible = exports.ellipsis = exports.centered = exports.overlay = exports.inset0 = exports.colStretch = void 0;
-var colStretch = function (direction, bg) {
-    return "\n    background: ".concat(bg, ";\n    position: relative;\n\n    &:before{\n      z-index: -1;\n      content: '';\n      position: absolute;\n      right: ").concat(direction === "left" ? "100%" : "-100vw", ";\n      left: ").concat(direction === "right" ? "100%" : "-100vw", ";\n      top: 0;\n      bottom: 0;\n      background: ").concat(bg, ";\n    }\n  ");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    colStretch: function() {
+        return colStretch;
+    },
+    inset0: function() {
+        return inset0;
+    },
+    overlay: function() {
+        return overlay;
+    },
+    centered: function() {
+        return centered;
+    },
+    ellipsis: function() {
+        return ellipsis;
+    },
+    invisible: function() {
+        return invisible;
+    },
+    stateFocus: function() {
+        return stateFocus;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+const colStretch = (direction, bg)=>{
+    return `
+    background: ${bg};
+    position: relative;
+
+    &:before{
+      z-index: -1;
+      content: '';
+      position: absolute;
+      right: ${direction === "left" ? "100%" : "-100vw"};
+      left: ${direction === "right" ? "100%" : "-100vw"};
+      top: 0;
+      bottom: 0;
+      background: ${bg};
+    }
+  `;
 };
-exports.colStretch = colStretch;
-/** @see https://caniuse.com/?search=inset */
-exports.inset0 = "top:0;left:0;right:0;bottom:0;";
-exports.overlay = "position: absolute;".concat(exports.inset0);
-exports.centered = "display: flex;align-items: center;justify-content: center;";
-exports.ellipsis = "overflow: hidden;text-overflow: ellipsis;white-space: nowrap;";
-/**
- * @see import("@mui/utils").visuallyHidden https://github.com/mui-org/material-ui/blob/master/packages/mui-utils/src/visuallyHidden.ts
- */
-exports.invisible = "border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;white-space: nowrap;width: 1px;";
-exports.stateFocus = "outline: 0px;box-shadow: 0 0 0 0.2rem rgba(200, 200, 200, 0.25);";
+const inset0 = `top:0;left:0;right:0;bottom:0;`;
+const overlay = `position: absolute;${inset0}`;
+const centered = `display: flex;align-items: center;justify-content: center;`;
+const ellipsis = `overflow: hidden;text-overflow: ellipsis;white-space: nowrap;`;
+const invisible = `border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;white-space: nowrap;width: 1px;`;
+const stateFocus = `outline: 0px;box-shadow: 0 0 0 0.2rem rgba(200, 200, 200, 0.25);`;

package/styles/styled.mjs

@@ -1,13 +1,26 @@
-export var colStretch = function (direction, bg) {
-    return "\n    background: ".concat(bg, ";\n    position: relative;\n\n    &:before{\n      z-index: -1;\n      content: '';\n      position: absolute;\n      right: ").concat(direction === "left" ? "100%" : "-100vw", ";\n      left: ").concat(direction === "right" ? "100%" : "-100vw", ";\n      top: 0;\n      bottom: 0;\n      background: ").concat(bg, ";\n    }\n  ");
+import React from "react";
+export const colStretch = (direction, bg)=>{
+    return `
+    background: ${bg};
+    position: relative;
+
+    &:before{
+      z-index: -1;
+      content: '';
+      position: absolute;
+      right: ${direction === "left" ? "100%" : "-100vw"};
+      left: ${direction === "right" ? "100%" : "-100vw"};
+      top: 0;
+      bottom: 0;
+      background: ${bg};
+    }
+  `;
 };
-/** @see https://caniuse.com/?search=inset */
-export var inset0 = "top:0;left:0;right:0;bottom:0;";
-export var overlay = "position: absolute;".concat(inset0);
-export var centered = "display: flex;align-items: center;justify-content: center;";
-export var ellipsis = "overflow: hidden;text-overflow: ellipsis;white-space: nowrap;";
+/** @see https://caniuse.com/?search=inset */ export const inset0 = `top:0;left:0;right:0;bottom:0;`;
+export const overlay = `position: absolute;${inset0}`;
+export const centered = `display: flex;align-items: center;justify-content: center;`;
+export const ellipsis = `overflow: hidden;text-overflow: ellipsis;white-space: nowrap;`;
 /**
  * @see import("@mui/utils").visuallyHidden https://github.com/mui-org/material-ui/blob/master/packages/mui-utils/src/visuallyHidden.ts
- */
-export var invisible = "border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;white-space: nowrap;width: 1px;";
-export var stateFocus = "outline: 0px;box-shadow: 0 0 0 0.2rem rgba(200, 200, 200, 0.25);";
+ */ export const invisible = `border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;white-space: nowrap;width: 1px;`;
+export const stateFocus = `outline: 0px;box-shadow: 0 0 0 0.2rem rgba(200, 200, 200, 0.25);`;

package/styles/theme--vanilla.js

@@ -1,64 +1,80 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeVanillaProvider = exports.ThemeVanillaContext = exports.getInitialThemeFromClient = exports.THEME_DEFAULT = exports.THEME_KEY = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var isBrowser_1 = tslib_1.__importDefault(require("@koine/utils/isBrowser"));
-// import setCookie from "@koine/utils/setCookie";
-// import parseCookie from "@koine/utils/parseCookie";
-var useUpdateEffect_1 = tslib_1.__importDefault(require("../hooks/useUpdateEffect"));
-exports.THEME_KEY = "theme";
-exports.THEME_DEFAULT = "light";
-// export const getInitialThemeFromRequest = (
-//   cookie?: string
-// ): ThemeVanillaValue => {
-//   if (cookie) {
-//     const parsed = parseCookie<ThemeCookie>(cookie);
-//     return parsed?.theme;
-//   }
-//   return THEME_DEFAULT;
-// };
-var getInitialThemeFromClient = function () {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    THEME_KEY: function() {
+        return THEME_KEY;
+    },
+    THEME_DEFAULT: function() {
+        return THEME_DEFAULT;
+    },
+    getInitialThemeFromClient: function() {
+        return getInitialThemeFromClient;
+    },
+    ThemeVanillaContext: function() {
+        return ThemeVanillaContext;
+    },
+    ThemeVanillaProvider: function() {
+        return ThemeVanillaProvider;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _react = require("react");
+const _isBrowser = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isBrowser"));
+const _useUpdateEffect = /*#__PURE__*/ _interop_require_default._(require("../hooks/useUpdateEffect"));
+const THEME_KEY = "theme";
+const THEME_DEFAULT = "light";
+const getInitialThemeFromClient = ()=>{
     if (typeof window !== "undefined" && window.localStorage) {
-        var storedPrefs = window.localStorage.getItem(exports.THEME_KEY);
+        const storedPrefs = window.localStorage.getItem(THEME_KEY);
         if (typeof storedPrefs === "string") {
             return storedPrefs;
         }
-        var userMedia = window.matchMedia("(prefers-color-scheme: dark)");
+        const userMedia = window.matchMedia("(prefers-color-scheme: dark)");
         if (userMedia.matches) {
             return "dark";
         }
     }
-    return exports.THEME_DEFAULT;
+    return THEME_DEFAULT;
 };
-exports.getInitialThemeFromClient = getInitialThemeFromClient;
-exports.ThemeVanillaContext = (0, react_1.createContext)({
+const ThemeVanillaContext = /*#__PURE__*/ (0, _react.createContext)({
     theme: "light",
-    setTheme: undefined,
+    setTheme: undefined
 });
-var ThemeVanillaProvider = function (_a) {
-    var initialTheme = _a.initialTheme, children = _a.children;
-    var _b = (0, react_1.useState)(initialTheme), theme = _b[0], setTheme = _b[1];
-    var rawSetTheme = function (rawTheme) {
-        if (!rawTheme || !isBrowser_1.default) {
+const ThemeVanillaProvider = ({ initialTheme, children })=>{
+    const [theme, setTheme] = (0, _react.useState)(initialTheme);
+    const rawSetTheme = (rawTheme)=>{
+        if (!rawTheme || !_isBrowser.default) {
             return;
         }
-        var root = window.document.documentElement;
-        var isDark = rawTheme === "dark";
+        const root = window.document.documentElement;
+        const isDark = rawTheme === "dark";
         root.classList.remove(isDark ? "light" : "dark");
         root.classList.add(rawTheme);
-        localStorage.setItem(exports.THEME_KEY, rawTheme);
-        // setCookie(THEME_KEY, rawTheme);
+        localStorage.setItem(THEME_KEY, rawTheme);
+    // setCookie(THEME_KEY, rawTheme);
     };
-    (0, react_1.useEffect)(function () {
-        var theme = (0, exports.getInitialThemeFromClient)();
+    (0, _react.useEffect)(()=>{
+        const theme = getInitialThemeFromClient();
         setTheme(theme);
         rawSetTheme(theme);
     }, []);
-    (0, useUpdateEffect_1.default)(function () {
+    (0, _useUpdateEffect.default)(()=>{
         rawSetTheme(theme);
-    }, [theme]);
-    return ((0, jsx_runtime_1.jsx)(exports.ThemeVanillaContext.Provider, { value: { theme: theme, setTheme: setTheme }, children: children }));
+    }, [
+        theme
+    ]);
+    return /*#__PURE__*/ React.createElement(ThemeVanillaContext.Provider, {
+        value: {
+            theme,
+            setTheme
+        }
+    }, children);
 };
-exports.ThemeVanillaProvider = ThemeVanillaProvider;

package/styles/theme--vanilla.mjs

@@ -1,11 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useEffect, useState } from "react";
 import isBrowser from "@koine/utils/isBrowser";
 // import setCookie from "@koine/utils/setCookie";
 // import parseCookie from "@koine/utils/parseCookie";
 import useUpdateEffect from "../hooks/useUpdateEffect";
-export var THEME_KEY = "theme";
-export var THEME_DEFAULT = "light";
+export const THEME_KEY = "theme";
+export const THEME_DEFAULT = "light";
 // export const getInitialThemeFromRequest = (
 //   cookie?: string
 // ): ThemeVanillaValue => {
@@ -15,44 +14,50 @@ export var THEME_DEFAULT = "light";
 //   }
 //   return THEME_DEFAULT;
 // };
-export var getInitialThemeFromClient = function () {
+export const getInitialThemeFromClient = ()=>{
     if (typeof window !== "undefined" && window.localStorage) {
-        var storedPrefs = window.localStorage.getItem(THEME_KEY);
+        const storedPrefs = window.localStorage.getItem(THEME_KEY);
         if (typeof storedPrefs === "string") {
             return storedPrefs;
         }
-        var userMedia = window.matchMedia("(prefers-color-scheme: dark)");
+        const userMedia = window.matchMedia("(prefers-color-scheme: dark)");
         if (userMedia.matches) {
             return "dark";
         }
     }
     return THEME_DEFAULT;
 };
-export var ThemeVanillaContext = createContext({
+export const ThemeVanillaContext = /*#__PURE__*/ createContext({
     theme: "light",
-    setTheme: undefined,
+    setTheme: undefined
 });
-export var ThemeVanillaProvider = function (_a) {
-    var initialTheme = _a.initialTheme, children = _a.children;
-    var _b = useState(initialTheme), theme = _b[0], setTheme = _b[1];
-    var rawSetTheme = function (rawTheme) {
+export const ThemeVanillaProvider = ({ initialTheme, children })=>{
+    const [theme, setTheme] = useState(initialTheme);
+    const rawSetTheme = (rawTheme)=>{
         if (!rawTheme || !isBrowser) {
             return;
         }
-        var root = window.document.documentElement;
-        var isDark = rawTheme === "dark";
+        const root = window.document.documentElement;
+        const isDark = rawTheme === "dark";
         root.classList.remove(isDark ? "light" : "dark");
         root.classList.add(rawTheme);
         localStorage.setItem(THEME_KEY, rawTheme);
-        // setCookie(THEME_KEY, rawTheme);
+    // setCookie(THEME_KEY, rawTheme);
     };
-    useEffect(function () {
-        var theme = getInitialThemeFromClient();
+    useEffect(()=>{
+        const theme = getInitialThemeFromClient();
         setTheme(theme);
         rawSetTheme(theme);
     }, []);
-    useUpdateEffect(function () {
+    useUpdateEffect(()=>{
         rawSetTheme(theme);
-    }, [theme]);
-    return (_jsx(ThemeVanillaContext.Provider, { value: { theme: theme, setTheme: setTheme }, children: children }));
+    }, [
+        theme
+    ]);
+    return /*#__PURE__*/ React.createElement(ThemeVanillaContext.Provider, {
+        value: {
+            theme,
+            setTheme
+        }
+    }, children);
 };

package/styles/theme.js

@@ -1,45 +1,49 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTheme = exports.createTheme = exports.breakpoints = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = require("styled-components");
-var DEFAULT_BREAKPOINTS = {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    breakpoints: function() {
+        return breakpoints;
+    },
+    createTheme: function() {
+        return createTheme;
+    },
+    useTheme: function() {
+        return useTheme;
+    }
+});
+const _styledcomponents = require("styled-components");
+const DEFAULT_BREAKPOINTS = {
     xs: 0,
     sm: 440,
     md: 768,
     lg: 1024,
     xl: 1368,
-    xxl: 1690,
+    xxl: 1690
 };
-/**
- * You can override the default breakpoints through the .env variable
- *
- * FIXME: find a better way to configure it, the problem is that we use the media
- * queries within this pre-compiled library and thrught it was better to avoid
- * using theming props for a more ergonomic usage.
- *
- * ```.env
- * BREAKPOINTS=xs:0,sm:440,md:768,lg:1024,xl:1368,xxl:1690
- * ```
- */
-exports.breakpoints = process.env["BREAKPOINTS"]
-    ? process.env["BREAKPOINTS"].split(",").reduce(function (map, pair) {
-        var _a = pair.split(":"), key = _a[0], value = _a[1];
-        map[key] = parseFloat(value);
-        return map;
-    }, {})
-    : DEFAULT_BREAKPOINTS;
-var themeDefault = {
-    maxWidth: exports.breakpoints.xxl,
-    breakpoints: exports.breakpoints,
+const breakpoints = process.env["BREAKPOINTS"] ? process.env["BREAKPOINTS"].split(",").reduce((map, pair)=>{
+    const [key, value] = pair.split(":");
+    map[key] = parseFloat(value);
+    return map;
+}, {}) : DEFAULT_BREAKPOINTS;
+const themeDefault = {
+    maxWidth: breakpoints.xxl,
+    breakpoints,
     devices: {
         mobile: "sm",
         tablet: "md",
-        desktop: "lg",
-    },
-};
-var createTheme = function (options) {
-    return (tslib_1.__assign(tslib_1.__assign({}, themeDefault), options));
+        desktop: "lg"
+    }
 };
-exports.createTheme = createTheme;
-exports.useTheme = styled_components_1.useTheme;
+const createTheme = (options)=>({
+        ...themeDefault,
+        ...options
+    });
+const useTheme = _styledcomponents.useTheme;

package/styles/theme.mjs

@@ -1,12 +1,11 @@
-import { __assign } from "tslib";
 import { useTheme as _useTheme } from "styled-components";
-var DEFAULT_BREAKPOINTS = {
+const DEFAULT_BREAKPOINTS = {
     xs: 0,
     sm: 440,
     md: 768,
     lg: 1024,
     xl: 1368,
-    xxl: 1690,
+    xxl: 1690
 };
 /**
  * You can override the default breakpoints through the .env variable
@@ -18,24 +17,22 @@ var DEFAULT_BREAKPOINTS = {
  * ```.env
  * BREAKPOINTS=xs:0,sm:440,md:768,lg:1024,xl:1368,xxl:1690
  * ```
- */
-export var breakpoints = process.env["BREAKPOINTS"]
-    ? process.env["BREAKPOINTS"].split(",").reduce(function (map, pair) {
-        var _a = pair.split(":"), key = _a[0], value = _a[1];
-        map[key] = parseFloat(value);
-        return map;
-    }, {})
-    : DEFAULT_BREAKPOINTS;
-var themeDefault = {
+ */ export const breakpoints = process.env["BREAKPOINTS"] ? process.env["BREAKPOINTS"].split(",").reduce((map, pair)=>{
+    const [key, value] = pair.split(":");
+    map[key] = parseFloat(value);
+    return map;
+}, {}) : DEFAULT_BREAKPOINTS;
+const themeDefault = {
     maxWidth: breakpoints.xxl,
-    breakpoints: breakpoints,
+    breakpoints,
     devices: {
         mobile: "sm",
         tablet: "md",
-        desktop: "lg",
-    },
+        desktop: "lg"
+    }
 };
-export var createTheme = function (options) {
-    return (__assign(__assign({}, themeDefault), options));
-};
-export var useTheme = _useTheme;
+export const createTheme = (options)=>({
+        ...themeDefault,
+        ...options
+    });
+export const useTheme = _useTheme;

package/tw/index.js

@@ -1,36 +1,33 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KoineDialog = void 0;
-var 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/tw/bare");
-Object.defineProperty(exports, "KoineDialog", { enumerable: true, get: function () { return bare_1.KoineDialog; } });
-// export * from "../Form";
-// 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";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "KoineDialog", {
+    enumerable: true,
+    get: function() {
+        return _bare.KoineDialog;
+    }
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("../shared"), exports);
+const _bare = require("../Dialog/tw/bare");
+ // export * from "../Form";
+ // 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/tw/index.mjs

@@ -8,24 +8,23 @@ export * from "../shared";
 // export * from "../Carousel";
 // export * from "../Collapsable";
 // export * from "../Debug";
-export { KoineDialog } from "../Dialog/tw/bare";
-// export * from "../Form";
-// 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";
+export { KoineDialog } from "../Dialog/tw/bare"; // export * from "../Form";
+ // 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/twm/index.js

@@ -1,36 +1,33 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KoineDialog = void 0;
-var 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 framer_1 = require("../Dialog/tw/framer");
-Object.defineProperty(exports, "KoineDialog", { enumerable: true, get: function () { return framer_1.KoineDialog; } });
-// export * from "../Form";
-// 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";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "KoineDialog", {
+    enumerable: true,
+    get: function() {
+        return _framer.KoineDialog;
+    }
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("../shared"), exports);
+const _framer = require("../Dialog/tw/framer");
+ // export * from "../Form";
+ // 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";