@m4l/graphics 0.1.18 → 0.1.20

package/{contexts/LocalesContext/index.3fcfbe02.js → dist/contexts/LocalesContext/index.5b555637.js}

@@ -1,13 +1,13 @@
 import { createContext as k, useState as _, useCallback as x, useEffect as L } from "react";
 import { AdapterDateFns as F } from "@mui/x-date-pickers/AdapterDateFns";
-import { LocalizationProvider as U } from "@mui/x-date-pickers";
-import { useEnvironment as P, useNetwork as I, useHostTools as j, useLocalStorageWithListener as w, EmitEvents as u } from "@m4l/core";
-import S from "date-fns/locale/en-US";
+import { LocalizationProvider as P } from "@mui/x-date-pickers";
+import { useEnvironment as U, useNetwork as I, useHostTools as j, useLocalStorageWithListener as w, EmitEvents as u } from "@m4l/core";
+import v from "date-fns/locale/en-US";
 import { jsx as g } from "react/jsx-runtime";
-async function B(t, e, o) {
+async function B(t, e, n) {
   const s = f(t), r = { ...t };
   let i;
-  return s === "es" ? i = (await import("date-fns/locale/es")).default : s === "fr" ? i = (await import("date-fns/locale/fr")).default : s === "en-US" ? i = S : (i = S, r.lang = "en", r.script = void 0, r.region = "US", r.url_icon = `${e}/${o}/frontend/commons/assets/icons/langs/lang_en.svg`, r.name = "English US*"), {
+  return s === "es" ? i = (await import("date-fns/locale/es")).default : s === "fr" ? i = (await import("date-fns/locale/fr")).default : s === "en-US" ? i = v : (i = v, r.lang = "en", r.script = void 0, r.region = "US", r.url_icon = `${e}/${n}/frontend/commons/assets/icons/langs/lang_en.svg`, r.name = "English US*"), {
     ...r,
     module: i,
     localeString: f(r)
@@ -37,35 +37,35 @@ const G = k(null);
 function J(t) {
   const {
     children: e,
-    isMicroFrontEnd: o,
+    isMicroFrontEnd: n,
     localeHost: s,
     getLocaleFromNetwork: r
   } = t;
-  if (o && !s)
+  if (n && !s)
     throw Error("Must set localeHost in microfrontend");
-  if (!o && !r)
+  if (!n && !r)
     throw Error("Must set getLocaleFromNetwork in host");
   const {
     domain_token: i,
-    host_static_assets: v,
+    host_static_assets: S,
     environment_assets: h
-  } = P(), {
+  } = U(), {
     networkOperation: C
   } = I(), {
     events_add_listener: N,
     events_remove_listener: T,
     events_emit: H
   } = j(), [a, d] = _(() => {
-    if (o)
+    if (n)
       return s;
-  }), [l, m] = w("localeHost", navigator.language), [M, A] = _(""), p = x((n) => {
-    d(n);
+  }), [l, m] = w("localeHost", navigator.language), [M, A] = _(""), p = x((o) => {
+    d(o);
   }, []);
-  if (L(() => (o && N(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, p), () => {
-    o && T(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, p);
+  if (L(() => (n && N(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, p), console.log("useEffect LocalesProvider"), () => {
+    n && T(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, p);
   }), []), L(() => {
-    let n = !0;
-    if (!o && !!r && !(l === M && l !== ""))
+    let o = !0;
+    if (!n && !!r && !(l === M && l !== ""))
       return C({
         method: "POST",
         endPoint: "na/locales",
@@ -74,24 +74,24 @@ function J(t) {
           domain_token: i
         }
       }).then((E) => {
-        n && r(E.data, v, h).then((c) => {
+        o && r(E.data, S, h).then((c) => {
           d(c), A(c.localeString), l !== c.localeString && m(c.localeString), H(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, c);
         });
       }).finally(() => {
       }), function() {
-        n = !1;
+        o = !1;
       };
   }, [l]), !a)
     return /* @__PURE__ */ g("div", {});
-  const O = (n) => {
-    (n.lang !== a.lang || n.script !== a.script || n.region !== a.region) && m(f(n));
+  const O = (o) => {
+    (o.lang !== a.lang || o.script !== a.script || o.region !== a.region) && m(f(o));
   };
   return /* @__PURE__ */ g(G.Provider, {
     value: {
       currentLocale: a,
       onChangeLocale: O
     },
-    children: /* @__PURE__ */ g(U, {
+    children: /* @__PURE__ */ g(P, {
       dateAdapter: F,
       adapterLocale: a.module,
       dateFormats: {

package/{contexts/index.84089632.js → dist/contexts/index.2f4a4040.js}

@@ -1,4 +1,4 @@
 import "./FormatterContext/index.92336f4c.js";
-import "./LocalesContext/index.3fcfbe02.js";
+import "./LocalesContext/index.5b555637.js";
 import "date-fns/locale/en-US";
 import "./HostThemeContext/index.a6a62c70.js";

package/{hooks/index.a0cce694.js → dist/hooks/index.c13bc37e.js}

@@ -1,7 +1,7 @@
 import { useRef as f, useEffect as s, useState as n } from "react";
 import "../contexts/FormatterContext/index.92336f4c.js";
 import "../contexts/HostThemeContext/index.a6a62c70.js";
-import "../contexts/LocalesContext/index.3fcfbe02.js";
+import "../contexts/LocalesContext/index.5b555637.js";
 import "@mui/material/styles";
 import "@mui/material/useMediaQuery";
 function m() {

package/{hooks/useLocales/index.8154a401.js → dist/hooks/useLocales/index.f676279e.js}

@@ -1,5 +1,5 @@
 import { useContext as o } from "react";
-import { L as t } from "../../contexts/LocalesContext/index.3fcfbe02.js";
+import { L as t } from "../../contexts/LocalesContext/index.5b555637.js";
 const n = () => {
   const e = o(t);
   if (!e)

package/{index.d.ts → dist/index.d.ts}

@@ -14,3 +14,4 @@ export { getFontValue as GetFontValue } from './utils/getFontValue';
 export * from './utils/strings';
 export { default as fnComponentsOverrides } from './theme/overrides';
 export type { HostThemeType } from './types';
+export * from './utils/anchorEl';

package/dist/index.js

@@ -0,0 +1,55 @@
+import { P as d } from "./components/ProgressBarStyle/index.fb6fd9ed.js";
+import { F as c, a as P } from "./contexts/FormatterContext/index.92336f4c.js";
+import { L as C, a as F, g } from "./contexts/LocalesContext/index.5b555637.js";
+import { H as L, a as T } from "./contexts/HostThemeContext/index.a6a62c70.js";
+import { u as H } from "./hooks/useFirstRender/index.1e9b02fb.js";
+import { u as O } from "./hooks/useFormatter/index.57ac8cca.js";
+import { u as k } from "./hooks/useHostTheme/index.1c8e4ad7.js";
+import { u as y, a as z } from "./hooks/index.c13bc37e.js";
+import { u as B } from "./hooks/useLocales/index.f676279e.js";
+import { u as E, a as G } from "./hooks/useResponsive/index.fc5e1b4f.js";
+import { d as M } from "./theme/defaultThemeOptions.b2cdbe59.js";
+import { c as V, s as W } from "./theme/shadows.bf8dc290.js";
+import { p as q } from "./theme/palette.2baf72f5.js";
+import { C as K, a as Q, c as U, d as X, b as Y, g as Z } from "./utils/index.7ab4fc54.js";
+import { f as $ } from "./theme/overrides.7958c0ab.js";
+import "@mui/material/styles";
+import "@mui/material";
+import "react/jsx-runtime";
+import "react";
+import "@m4l/core";
+import "@mui/x-date-pickers/AdapterDateFns";
+import "@mui/x-date-pickers";
+import "date-fns/locale/en-US";
+import "@mui/material/useMediaQuery";
+import "./theme/typography.63fff3ec.js";
+import "./vendor.3b4b3674.js";
+export {
+  K as Capitalize,
+  c as FormatterContext,
+  P as FormatterProvider,
+  Q as GetFontValue,
+  L as HostThemeContext,
+  T as HostThemeProvider,
+  C as LocalesContext,
+  F as LocalesProvider,
+  d as ProgressBarStyle,
+  U as colorPresets,
+  V as customShadows,
+  X as defaultPreset,
+  M as defaultThemeOptions,
+  $ as fnComponentsOverrides,
+  Y as getAnchorElPositionWindow,
+  Z as getColorPresets,
+  g as getLocaleFromNetwork,
+  q as palette,
+  W as shadows,
+  H as useFirstRender,
+  O as useFormatter,
+  k as useHostTheme,
+  y as useIsMountedRef,
+  B as useLocales,
+  z as useOffSetTop,
+  E as useResponsive,
+  G as useResponsiveDesktop
+};

package/dist/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@m4l/graphics",
+  "version": "0.1.20",
+  "license": "UNLICENSED",
+  "author": "M4L Team",
+  "dependencies": {
+    "@m4l/core": "*",
+    "@mui/x-date-pickers": "^5.0.0-beta.3",
+    "date-fns": "^2.29.2"
+  },
+  "peerDependencies": {
+    "@mui/material": "^5.10.4",
+    "@mui/system": "^5.10.4",
+    "@types/react": "^17.0.0 || ^18.0.0",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
+  },
+  "files": [
+    "*"
+  ],
+  "source": "src/index.ts",
+  "main": "./index.js",
+  "module": "./index.js",
+  "type": "module",
+  "types": "./index.d.ts",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=12.0.0"
+  },
+  "private": false
+}

package/dist/theme/breakpoints.d.ts

@@ -0,0 +1,10 @@
+export declare const breakpoints: {
+    values: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+};
+export default breakpoints;

package/{theme/defaultThemeOptions.9b9e7503.js → dist/theme/defaultThemeOptions.b2cdbe59.js}

@@ -1,14 +1,16 @@
-import { alpha as t } from "@mui/material/styles";
-import { t as a } from "./typography.f5eadf47.js";
-import { p as r, G as e } from "./palette.2baf72f5.js";
+import { alpha as a } from "@mui/material/styles";
+import { t as e } from "./typography.63fff3ec.js";
+import { p as r, G as t } from "./palette.2baf72f5.js";
 import { s as o, c as s } from "./shadows.bf8dc290.js";
-import { g as i } from "../utils/index.d8b24456.js";
-const c = {
-  typography: a,
+import { g as i } from "../utils/index.7ab4fc54.js";
+import { b as m } from "../vendor.3b4b3674.js";
+const f = {
+  typography: e,
+  breakpoints: m,
   shadows: o.light,
   customShadows: {
     ...s.light,
-    primary: `0 8px 16px 0 ${t(i("default").main, 0.24)}`
+    primary: `0 8px 16px 0 ${a(i("default").main, 0.24)}`
   },
   palette: {
     ...r.light,
@@ -23,12 +25,12 @@ const c = {
       DarkSelected: "#142827",
       DarkSelectedHover: "#12342B"
     },
-    text: { primary: e[800], secondary: e[700], disabled: e[500] },
+    text: { primary: t[800], secondary: t[700], disabled: t[500] },
     secondary: {
       main: "#34ac4e"
     }
   }
 };
 export {
-  c as d
+  f as d
 };

package/{theme/typography.f5eadf47.js → dist/theme/typography.63fff3ec.js}

@@ -1,4 +1,4 @@
-import { p as t, r as e } from "../utils/index.d8b24456.js";
+import { p as t, r as e } from "../utils/index.7ab4fc54.js";
 const i = "Public Sans, sans-serif", o = {
   fontFamily: i,
   fontWeightRegular: 400,

package/dist/utils/anchorEl.d.ts

@@ -0,0 +1,13 @@
+export declare type AnchorEl = HTMLElement | (() => HTMLElement);
+export interface AnchorOrigin {
+    vertical: 'top' | 'center' | 'bottom' | number;
+    horizontal: 'left' | 'center' | 'right' | number;
+}
+export interface AnchorPosition {
+    top: number;
+    left: number;
+}
+export declare const getAnchorElPositionWindow: (anchorElement: HTMLElement, newWindowRect: Pick<DOMRect, 'width' | 'height'>, anchorOrigin: AnchorOrigin, transformOrigin: AnchorOrigin, marginThreshold?: number) => {
+    top: number;
+    left: number;
+};

package/dist/utils/index.7ab4fc54.js

@@ -0,0 +1,159 @@
+import { useTheme as k } from "@mui/material/styles";
+import { u as A } from "../hooks/useResponsive/index.fc5e1b4f.js";
+import { p as d } from "../theme/palette.2baf72f5.js";
+function C(e) {
+  return Math.round(parseFloat(e) * 16);
+}
+function u(e) {
+  return `${e / 16}rem`;
+}
+function W({ sm: e, md: t, lg: o }) {
+  return {
+    "@media (min-width:600px)": {
+      fontSize: u(e)
+    },
+    "@media (min-width:900px)": {
+      fontSize: u(t)
+    },
+    "@media (min-width:1200px)": {
+      fontSize: u(o)
+    }
+  };
+}
+function E() {
+  return [...k().breakpoints.keys].reverse().reduce((o, n) => {
+    const r = A("up", n);
+    return !o && r ? n : o;
+  }, null) || "xs";
+}
+function v(e) {
+  const t = k(), o = E(), n = t.breakpoints.up(o === "xl" ? "lg" : o), h = (e === "h1" || e === "h2" || e === "h3" || e === "h4" || e === "h5" || e === "h6") && t.typography[e][n] ? t.typography[e][n] : t.typography[e], f = C(h.fontSize), a = Number(t.typography[e].lineHeight) * f, { fontWeight: s, letterSpacing: i } = t.typography[e];
+  return { fontSize: f, lineHeight: a, fontWeight: s, letterSpacing: i };
+}
+const l = [
+  {
+    name: "default",
+    ...d.light.primary,
+    LightSelected: "#EBF9F1",
+    LightSelectedHover: "#D6F2E3",
+    DarkSelected: "#142827",
+    DarkSelectedHover: "#12342B"
+  },
+  {
+    name: "purple",
+    lighter: "#EBD6FD",
+    light: "#B985F4",
+    main: "#7635dc",
+    dark: "#431A9E",
+    darker: "#200A69",
+    contrastText: "#fff"
+  },
+  {
+    name: "cyan",
+    lighter: "#D1FFFC",
+    light: "#76F2FF",
+    main: "#1CCAFF",
+    dark: "#0E77B7",
+    darker: "#053D7A",
+    contrastText: d.light.grey[800]
+  },
+  {
+    name: "blue",
+    lighter: "#D1E9FC",
+    light: "#76B0F1",
+    main: "#2065D1",
+    dark: "#103996",
+    darker: "#061B64",
+    contrastText: "#fff"
+  },
+  {
+    name: "orange",
+    lighter: "#FEF4D4",
+    light: "#FED680",
+    main: "#fda92d",
+    dark: "#B66816",
+    darker: "#793908",
+    contrastText: d.light.grey[800]
+  },
+  {
+    name: "red",
+    lighter: "#FFE3D5",
+    light: "#FFC1AC",
+    main: "#FF3030",
+    dark: "#B71833",
+    darker: "#7A0930",
+    contrastText: "#fff"
+  }
+], B = l[0], D = l[1], S = l[2], P = l[3], T = l[4], z = l[5];
+function I(e) {
+  return {
+    purple: D,
+    cyan: S,
+    blue: P,
+    orange: T,
+    red: z,
+    default: B
+  }[e];
+}
+const N = (e) => e && e[0].toUpperCase() + e.slice(1) || "";
+function b(e, t) {
+  let o = 0;
+  return typeof t == "number" ? o = t : t === "center" ? o = e.height / 2 : t === "bottom" && (o = e.height), o;
+}
+function x(e, t) {
+  let o = 0;
+  return typeof t == "number" ? o = t : t === "center" ? o = e.width / 2 : t === "right" && (o = e.width), o;
+}
+function w(e) {
+  return typeof e == "function" ? e() : e;
+}
+const O = (e, t) => {
+  const n = w(e).getBoundingClientRect();
+  return {
+    top: n.top + b(n, t.vertical),
+    left: n.left + x(n, t.horizontal)
+  };
+}, H = (e, t) => ({
+  vertical: b(e, t.vertical),
+  horizontal: x(e, t.horizontal)
+}), U = (e, t, o, n, r = 16) => {
+  const h = O(e, o);
+  console.log("anchoEl", h);
+  const f = H(t, n);
+  console.log("elemTransformOrigin", f);
+  const a = document.getElementById("ContainerAreas")?.getBoundingClientRect() || {
+    top: 0,
+    left: 0
+  };
+  console.log("getAnchorOffset-container", a);
+  let s = h.top - f.vertical, i = h.left - f.horizontal;
+  const g = s + t.height, m = i + t.width, F = window, p = F.innerHeight - r, y = F.innerWidth - r;
+  if (console.log("Final top,bottom,heightThreshold", s, g, p), s < r) {
+    const c = s - r;
+    s -= c;
+  } else if (g > p) {
+    const c = g - p;
+    s -= c;
+  }
+  if (i < r) {
+    const c = i - r;
+    i -= c;
+  } else if (m > y) {
+    const c = m - y;
+    i -= c;
+  }
+  return {
+    top: Math.round(s) - a.top,
+    left: Math.round(i) - a.left
+  };
+};
+export {
+  N as C,
+  v as a,
+  U as b,
+  l as c,
+  B as d,
+  I as g,
+  u as p,
+  W as r
+};

package/dist/vendor.3b4b3674.js

@@ -0,0 +1,27 @@
+import "./components/ProgressBarStyle/index.fb6fd9ed.js";
+import "./contexts/FormatterContext/index.92336f4c.js";
+import "./contexts/LocalesContext/index.5b555637.js";
+import "./contexts/HostThemeContext/index.a6a62c70.js";
+import "./hooks/useFirstRender/index.1e9b02fb.js";
+import "./hooks/useFormatter/index.57ac8cca.js";
+import "./hooks/useHostTheme/index.1c8e4ad7.js";
+import "./hooks/index.c13bc37e.js";
+import "./hooks/useLocales/index.f676279e.js";
+import "./hooks/useResponsive/index.fc5e1b4f.js";
+import "./theme/defaultThemeOptions.b2cdbe59.js";
+import "./theme/shadows.bf8dc290.js";
+import "./theme/palette.2baf72f5.js";
+import "./utils/index.7ab4fc54.js";
+import "./theme/overrides.7958c0ab.js";
+const g = {
+  values: {
+    xs: 0,
+    sm: 600,
+    md: 900,
+    lg: 1200,
+    xl: 1536
+  }
+};
+export {
+  g as b
+};

package/package.json

@@ -1,8 +1,24 @@
 {
   "name": "@m4l/graphics",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "license": "UNLICENSED",
   "author": "M4L Team",
+  "scripts": {
+    "typescript": "tsc",
+    "build:package": "node ../../scripts/buildpackage.js",
+    "build": "tsc && vite build && yarn build:package",
+    "build:monorepo": "tsc && vite build && yarn build:package",
+    "release": "yarn build && npm publish ./dist",
+    "release:monorepo": "yarn build:monorepo",
+    "publish": "npm publish ./dist",
+    "lint": "npx eslint src",
+    "lint:fix": "npm run lint -- --fix",
+    "prettier": "npx prettier src --check",
+    "prettier:fix": "npm run prettier -- --write",
+    "format": "npm run prettier:fix && npm run lint:fix",
+    "test": "vitest",
+    "coverage": "vitest run --coverage"
+  },
   "dependencies": {
     "@m4l/core": "*",
     "@mui/x-date-pickers": "^5.0.0-beta.3",
@@ -15,20 +31,45 @@
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
-  "files": [
-    "*"
-  ],
+  "devDependencies": {
+    "@emotion/react": "^11.5.0",
+    "@emotion/styled": "^11.3.0",
+    "@mui/material": "^5.10.4",
+    "@mui/system": "^5.10.4",
+    "@types/node": "^16.7.10",
+    "@types/nprogress": "^0.2.0",
+    "@types/react": "^18.0.0",
+    "@typescript-eslint/eslint-plugin": "5.27.1",
+    "@typescript-eslint/parser": "5.27.1",
+    "@vitejs/plugin-react": "1.3.2",
+    "eslint": "8.17.0",
+    "eslint-config-prettier": "8.5.0",
+    "eslint-import-resolver-alias": "1.1.2",
+    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-jsx-a11y": "6.5.1",
+    "eslint-plugin-prettier": "4.0.0",
+    "eslint-plugin-react": "7.30.0",
+    "eslint-plugin-react-hooks": "4.5.0",
+    "eslint-plugin-unused-imports": "2.0.0",
+    "prettier": "2.6.2",
+    "react": "^18.0.0",
+    "rollup": "2.79.0",
+    "typedoc": "^0.23.24",
+    "typescript": "4.6.3",
+    "vite": "3.1.0",
+    "vite-plugin-dts": "1.2.0"
+  },
+  "files": ["dist/**"],
   "source": "src/index.ts",
-  "main": "./index.js",
-  "module": "./index.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
   "type": "module",
-  "types": "./index.d.ts",
+  "types": "./src/index.ts",
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
   },
   "engines": {
     "node": ">=12.0.0"
-  },
-  "private": false
-}
+  }
+}

package/index.js

@@ -1,53 +0,0 @@
-import { P as d } from "./components/ProgressBarStyle/index.fb6fd9ed.js";
-import { F as n, a as c } from "./contexts/FormatterContext/index.92336f4c.js";
-import { L as C, a as F, g as h } from "./contexts/LocalesContext/index.3fcfbe02.js";
-import { H as g, a as L } from "./contexts/HostThemeContext/index.a6a62c70.js";
-import { u as H } from "./hooks/useFirstRender/index.1e9b02fb.js";
-import { u as w } from "./hooks/useFormatter/index.57ac8cca.js";
-import { u as S } from "./hooks/useHostTheme/index.1c8e4ad7.js";
-import { u as y, a as z } from "./hooks/index.a0cce694.js";
-import { u as D } from "./hooks/useLocales/index.8154a401.js";
-import { u as I, a as M } from "./hooks/useResponsive/index.fc5e1b4f.js";
-import { d as V } from "./theme/defaultThemeOptions.9b9e7503.js";
-import { c as j, s as q } from "./theme/shadows.bf8dc290.js";
-import { p as E } from "./theme/palette.2baf72f5.js";
-import { C as K, a as Q, c as U, d as W, g as X } from "./utils/index.d8b24456.js";
-import { f as Z } from "./theme/overrides.7958c0ab.js";
-import "@mui/material/styles";
-import "@mui/material";
-import "react/jsx-runtime";
-import "react";
-import "@m4l/core";
-import "@mui/x-date-pickers/AdapterDateFns";
-import "@mui/x-date-pickers";
-import "date-fns/locale/en-US";
-import "@mui/material/useMediaQuery";
-import "./theme/typography.f5eadf47.js";
-export {
-  K as Capitalize,
-  n as FormatterContext,
-  c as FormatterProvider,
-  Q as GetFontValue,
-  g as HostThemeContext,
-  L as HostThemeProvider,
-  C as LocalesContext,
-  F as LocalesProvider,
-  d as ProgressBarStyle,
-  U as colorPresets,
-  j as customShadows,
-  W as defaultPreset,
-  V as defaultThemeOptions,
-  Z as fnComponentsOverrides,
-  X as getColorPresets,
-  h as getLocaleFromNetwork,
-  E as palette,
-  q as shadows,
-  H as useFirstRender,
-  w as useFormatter,
-  S as useHostTheme,
-  y as useIsMountedRef,
-  D as useLocales,
-  z as useOffSetTop,
-  I as useResponsive,
-  M as useResponsiveDesktop
-};

package/utils/index.d8b24456.js

@@ -1,107 +0,0 @@
-import { useTheme as h } from "@mui/material/styles";
-import { u as m } from "../hooks/useResponsive/index.fc5e1b4f.js";
-import { p as s } from "../theme/palette.2baf72f5.js";
-function u(e) {
-  return Math.round(parseFloat(e) * 16);
-}
-function a(e) {
-  return `${e / 16}rem`;
-}
-function P({ sm: e, md: t, lg: r }) {
-  return {
-    "@media (min-width:600px)": {
-      fontSize: a(e)
-    },
-    "@media (min-width:900px)": {
-      fontSize: a(t)
-    },
-    "@media (min-width:1200px)": {
-      fontSize: a(r)
-    }
-  };
-}
-function f() {
-  return [...h().breakpoints.keys].reverse().reduce((r, o) => {
-    const i = m("up", o);
-    return !r && i ? o : r;
-  }, null) || "xs";
-}
-function T(e) {
-  const t = h(), r = f(), o = t.breakpoints.up(r === "xl" ? "lg" : r), p = (e === "h1" || e === "h2" || e === "h3" || e === "h4" || e === "h5" || e === "h6") && t.typography[e][o] ? t.typography[e][o] : t.typography[e], c = u(p.fontSize), l = Number(t.typography[e].lineHeight) * c, { fontWeight: g, letterSpacing: d } = t.typography[e];
-  return { fontSize: c, lineHeight: l, fontWeight: g, letterSpacing: d };
-}
-const n = [
-  {
-    name: "default",
-    ...s.light.primary,
-    LightSelected: "#EBF9F1",
-    LightSelectedHover: "#D6F2E3",
-    DarkSelected: "#142827",
-    DarkSelectedHover: "#12342B"
-  },
-  {
-    name: "purple",
-    lighter: "#EBD6FD",
-    light: "#B985F4",
-    main: "#7635dc",
-    dark: "#431A9E",
-    darker: "#200A69",
-    contrastText: "#fff"
-  },
-  {
-    name: "cyan",
-    lighter: "#D1FFFC",
-    light: "#76F2FF",
-    main: "#1CCAFF",
-    dark: "#0E77B7",
-    darker: "#053D7A",
-    contrastText: s.light.grey[800]
-  },
-  {
-    name: "blue",
-    lighter: "#D1E9FC",
-    light: "#76B0F1",
-    main: "#2065D1",
-    dark: "#103996",
-    darker: "#061B64",
-    contrastText: "#fff"
-  },
-  {
-    name: "orange",
-    lighter: "#FEF4D4",
-    light: "#FED680",
-    main: "#fda92d",
-    dark: "#B66816",
-    darker: "#793908",
-    contrastText: s.light.grey[800]
-  },
-  {
-    name: "red",
-    lighter: "#FFE3D5",
-    light: "#FFC1AC",
-    main: "#FF3030",
-    dark: "#B71833",
-    darker: "#7A0930",
-    contrastText: "#fff"
-  }
-], F = n[0], y = n[1], k = n[2], x = n[3], D = n[4], S = n[5];
-function b(e) {
-  return {
-    purple: y,
-    cyan: k,
-    blue: x,
-    orange: D,
-    red: S,
-    default: F
-  }[e];
-}
-const z = (e) => e && e[0].toUpperCase() + e.slice(1) || "";
-export {
-  z as C,
-  T as a,
-  n as c,
-  F as d,
-  b as g,
-  a as p,
-  P as r
-};