@gobolt/genesis 0.0.10 → 0.1.0

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-CoZ5qD-t.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-CoZ5qD-t.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-CWdUpZom.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-qerRs7Rn.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-CoZ5qD-t.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-CoZ5qD-t.js";
 export {
   i as useGenesis
 };

package/dist/responsiveObserver-dCkpy7Cb.js

@@ -0,0 +1,73 @@
+import l from "react";
+import { c as h } from "./index-BbTV2Cw5.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
+};

package/dist/roundedArrow-DI_Q-xdU.js

@@ -0,0 +1,65 @@
+import { f as m } from "./index-BbTV2Cw5.js";
+import "react";
+import "./presets-Djh_L_6R.js";
+function P(c) {
+  const {
+    sizePopupArrow: h,
+    borderRadiusXS: r,
+    borderRadiusOuter: t
+  } = c, o = h / 2, a = 0, n = o, s = t * 1 / Math.sqrt(2), e = o - t * (1 - 1 / Math.sqrt(2)), d = o - r * (1 / Math.sqrt(2)), u = t * (Math.sqrt(2) - 1) + r * (1 / Math.sqrt(2)), $ = 2 * o - d, p = u, l = 2 * o - s, w = e, g = 2 * o - a, b = n, x = o * Math.sqrt(2) + t * (Math.sqrt(2) - 2), i = t * (Math.sqrt(2) - 1), f = `polygon(${i}px 100%, 50% ${i}px, ${2 * o - i}px 100%, ${i}px 100%)`, y = `path('M ${a} ${n} A ${t} ${t} 0 0 0 ${s} ${e} L ${d} ${u} A ${r} ${r} 0 0 1 ${$} ${p} L ${l} ${w} A ${t} ${t} 0 0 0 ${g} ${b} Z')`;
+  return {
+    arrowShadowWidth: x,
+    arrowPath: y,
+    arrowPolygon: f
+  };
+}
+const v = (c, h, r) => {
+  const {
+    sizePopupArrow: t,
+    arrowPolygon: o,
+    arrowPath: a,
+    arrowShadowWidth: n,
+    borderRadiusXS: s,
+    calc: e
+  } = c;
+  return {
+    pointerEvents: "none",
+    width: t,
+    height: t,
+    overflow: "hidden",
+    "&::before": {
+      position: "absolute",
+      bottom: 0,
+      insetInlineStart: 0,
+      width: t,
+      height: e(t).div(2).equal(),
+      background: h,
+      clipPath: {
+        _multi_value_: !0,
+        value: [o, a]
+      },
+      content: '""'
+    },
+    "&::after": {
+      content: '""',
+      position: "absolute",
+      width: n,
+      height: n,
+      bottom: 0,
+      insetInline: 0,
+      margin: "auto",
+      borderRadius: {
+        _skip_check_: !0,
+        value: `0 0 ${m(s)} 0`
+      },
+      transform: "translateY(50%) rotate(-135deg)",
+      boxShadow: r,
+      zIndex: 0,
+      background: "transparent"
+    }
+  };
+};
+export {
+  v as a,
+  P as g
+};