@gobolt/genesis 0.0.10 → 0.0.11

package/dist/providers/BreakpointThemeProvider.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+interface BreakpointThemeProviderProps {
+    children: React.ReactNode;
+    isDarkMode?: boolean;
+}
+export declare const BreakpointThemeProvider: ({ children, isDarkMode, }: BreakpointThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useBreakpoint: () => "narrow" | "medium" | "wide";
+export {};

package/dist/providers/BreakpointThemeProvider.js

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as a, useState as p, useEffect as w, useContext as c } from "react";
+import { o as u } from "../styled-components.browser.esm-CZ1XM4o4.js";
+import { darkTheme as f, lightTheme as h } from "../styles/theme/genesis-theme.js";
+const n = a("wide"), B = ({
+  children: s,
+  isDarkMode: d = !1
+}) => {
+  const [m, e] = p("wide"), t = d ? f : h;
+  return w(() => {
+    const r = () => {
+      const o = window.innerWidth;
+      o >= t.breakpoints.wide ? e("wide") : o >= t.breakpoints.medium ? e("medium") : e("narrow");
+    };
+    return window.addEventListener("resize", r), r(), () => window.removeEventListener("resize", r);
+  }, []), /* @__PURE__ */ i(n.Provider, { value: m, children: /* @__PURE__ */ i(u, { theme: t, children: s }) });
+}, C = () => c(n);
+export {
+  B as BreakpointThemeProvider,
+  C as useBreakpoint
+};

package/dist/providers/GenesisProvider.js

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
-import { ThemeProvider as i } from "./ThemeProvider.js";
-import { g as s } from "../Typography-aGoDUl4R.js";
+import { BreakpointThemeProvider as i } from "./BreakpointThemeProvider.js";
+import { c as t } from "../Typography-DqI7RslA.js";
 const d = ({
   children: e,
   isDarkMode: o = !1
-}) => /* @__PURE__ */ r(i, { isDarkMode: o, children: /* @__PURE__ */ r(s, { children: e }) });
+}) => /* @__PURE__ */ r(i, { isDarkMode: o, children: /* @__PURE__ */ r(t, { children: e }) });
 export {
   d as GenesisProvider,
   d as default

package/dist/providers/ToastProvider.js

@@ -1,20 +1,36 @@
 import "react/jsx-runtime";
 import "react";
-import { i as u, g as v, j as C } from "../Typography-aGoDUl4R.js";
-import "../styled-components.browser.esm-CZ1XM4o4.js";
+import { e as E, c as F, f as G } from "../Typography-DqI7RslA.js";
+import "../components/Avatar/styles.js";
 import "../components/Badge/styles.js";
+import "./BreakpointThemeProvider.js";
+import "../styled-components.browser.esm-CZ1XM4o4.js";
 import "../components/Breadcrumb/styles.js";
-import "./ThemeProvider.js";
 import "../components/Button/styles.js";
+import "../components/Card/styles.js";
 import "../components/Checkbox/styles.js";
 import "../components/ErrorBoundaryFallback/styles.js";
 import "../components/Input/styles.js";
+import "../components/Layout/Content/styles.js";
 import "../components/Message/styles.js";
+import "../components/Notification/NotificationBadge/styles.js";
 import "../components/Notification/styles.js";
+import "../styles-BSD221S5.js";
+import "../components/Progress/styles.js";
+import "../styles/global-styles.js";
+import "../components/Row/styles.js";
+import "../components/Row/RowLabelValue/styles.js";
+import "../components/Row/RowActions/styles.js";
+import "../components/SegmentedControls/styles.js";
 import "../components/Select/styles.js";
+import "../components/Switch/styles.js";
+import "../styles-D9iYILpv.js";
+import "../components/Tabs/styles.js";
+import "../components/Tile/styles.js";
+import "../components/Tooltip/styles.js";
 import "../components/Typography/styles.js";
 export {
-  u as ToastContext,
-  v as ToastProvider,
-  C as useToast
+  E as ToastContext,
+  F as ToastProvider,
+  G as useToast
 };

package/dist/providers/index.js

@@ -1,5 +1,5 @@
 import { GenesisProvider as s } from "./GenesisProvider.js";
-import { u as i } from "../Typography-aGoDUl4R.js";
+import { u as i } from "../Typography-DqI7RslA.js";
 export {
   s as GenesisProvider,
   i as useGenesis

package/dist/providers/useGenesis.js

@@ -1,6 +1,6 @@
-import "./ThemeProvider.js";
+import "./BreakpointThemeProvider.js";
 import "../styled-components.browser.esm-CZ1XM4o4.js";
-import { u as i } from "../Typography-aGoDUl4R.js";
+import { u as i } from "../Typography-DqI7RslA.js";
 export {
   i as useGenesis
 };

package/dist/responsiveObserver-O1kw80RG.js

@@ -0,0 +1,73 @@
+import l from "react";
+import { c as h } from "./index-ByspLxrB.js";
+import "./presets-Djh_L_6R.js";
+import "./index-DLdU7Tpd.js";
+const m = ["xxl", "xl", "lg", "md", "sm", "xs"], u = (n) => ({
+  xs: `(max-width: ${n.screenXSMax}px)`,
+  sm: `(min-width: ${n.screenSM}px)`,
+  md: `(min-width: ${n.screenMD}px)`,
+  lg: `(min-width: ${n.screenLG}px)`,
+  xl: `(min-width: ${n.screenXL}px)`,
+  xxl: `(min-width: ${n.screenXXL}px)`
+}), x = (n) => {
+  const e = n, t = [].concat(m).reverse();
+  return t.forEach((o, a) => {
+    const r = o.toUpperCase(), i = `screen${r}Min`, s = `screen${r}`;
+    if (!(e[i] <= e[s]))
+      throw new Error(`${i}<=${s} fails : !(${e[i]}<=${e[s]})`);
+    if (a < t.length - 1) {
+      const c = `screen${r}Max`;
+      if (!(e[s] <= e[c]))
+        throw new Error(`${s}<=${c} fails : !(${e[s]}<=${e[c]})`);
+      const p = `screen${t[a + 1].toUpperCase()}Min`;
+      if (!(e[c] <= e[p]))
+        throw new Error(`${c}<=${p} fails : !(${e[c]}<=${e[p]})`);
+    }
+  }), n;
+};
+function b() {
+  const [, n] = h(), e = u(x(n));
+  return l.useMemo(() => {
+    const t = /* @__PURE__ */ new Map();
+    let o = -1, a = {};
+    return {
+      matchHandlers: {},
+      dispatch(r) {
+        return a = r, t.forEach((i) => i(a)), t.size >= 1;
+      },
+      subscribe(r) {
+        return t.size || this.register(), o += 1, t.set(o, r), r(a), o;
+      },
+      unsubscribe(r) {
+        t.delete(r), t.size || this.unregister();
+      },
+      unregister() {
+        Object.keys(e).forEach((r) => {
+          const i = e[r], s = this.matchHandlers[i];
+          s == null || s.mql.removeListener(s == null ? void 0 : s.listener);
+        }), t.clear();
+      },
+      register() {
+        Object.keys(e).forEach((r) => {
+          const i = e[r], s = (d) => {
+            let {
+              matches: p
+            } = d;
+            this.dispatch(Object.assign(Object.assign({}, a), {
+              [r]: p
+            }));
+          }, c = window.matchMedia(i);
+          c.addListener(s), this.matchHandlers[i] = {
+            mql: c,
+            listener: s
+          }, s(c);
+        });
+      },
+      responsiveMap: e
+    };
+  }, [n]);
+}
+export {
+  m as r,
+  b as u
+};