@foodpilot/foods 0.6.10 → 1.0.0

package/dist/main.js

@@ -32206,49 +32206,92 @@ const xxe = (e) => {
         }
       })
     }
+  },
+  MuiTypography: {
+    styleOverrides: {
+      h1: ({ theme: e }) => ({
+        [e.breakpoints.up("md")]: {
+          fontSize: "2rem",
+          // 32px desktop (au lieu de 28px mobile)
+          lineHeight: "3.2rem"
+          // Proportionnel
+        }
+      }),
+      h2: ({ theme: e }) => ({
+        [e.breakpoints.up("md")]: {
+          fontSize: "1.5rem",
+          // 24px desktop (au lieu de 22px mobile)
+          lineHeight: "2.4rem"
+          // Proportionnel
+        }
+      }),
+      h3: ({ theme: e }) => ({
+        [e.breakpoints.up("md")]: {
+          fontSize: "1.25rem",
+          // 20px desktop (au lieu de 18px mobile)
+          lineHeight: "2rem"
+          // Proportionnel
+        }
+      }),
+      h4: ({ theme: e }) => ({
+        [e.breakpoints.up("md")]: {
+          fontSize: "1.125rem",
+          // 18px desktop (au lieu de 16px mobile)
+          lineHeight: "1.8rem"
+          // Proportionnel
+        }
+      })
+      // H5, H6, body, big, small restent à 16px sur tous écrans
+    }
   }
 }, Gp = {
   fontFamily: ["Montserrat", "serif"].join(","),
   h1: {
     fontStyle: "normal",
     fontWeight: "700",
-    fontSize: "2rem",
-    lineHeight: "3.2rem",
+    fontSize: "1.75rem",
+    // 28px mobile (base)
+    lineHeight: "2.8rem",
     color: we[2800]
   },
   h2: {
     fontStyle: "normal",
     fontWeight: "700",
-    fontSize: "1.5rem",
-    lineHeight: "2.4rem",
+    fontSize: "1.375rem",
+    // 22px mobile (base)
+    lineHeight: "2.2rem",
     color: we[2800]
   },
   h3: {
     fontStyle: "normal",
     fontWeight: "700",
     fontSize: "1.125rem",
+    // 18px mobile (base)
     lineHeight: "1.8rem",
     color: we[2800]
   },
   h4: {
     fontStyle: "normal",
     fontWeight: "700",
-    fontSize: "0.875rem",
-    lineHeight: "1.4rem",
+    fontSize: "1rem",
+    // 16px mobile (base) = body niveau
+    lineHeight: "1.6rem",
     color: we[2800]
   },
   h5: {
     fontStyle: "normal",
     fontWeight: "700",
-    fontSize: "0.75rem",
-    lineHeight: "1.2rem",
+    fontSize: "1rem",
+    // 16px
+    lineHeight: "1.6rem",
     color: we[2800]
   },
   h6: {
     fontStyle: "normal",
     fontWeight: "700",
-    fontSize: "0.625rem",
-    lineHeight: "1rem",
+    fontSize: "0.875rem",
+    // 14px - Minimum lisible
+    lineHeight: "1.4rem",
     color: we[2800]
   },
   "huge-bold": {
@@ -32275,64 +32318,72 @@ const xxe = (e) => {
   "big-bold": {
     fontStyle: "normal",
     fontWeight: "600",
-    fontSize: "0.875rem",
-    lineHeight: "1.575rem",
+    fontSize: "1rem",
+    // 16px
+    lineHeight: "1.8rem",
     color: we[2800]
   },
   "big-medium": {
     fontStyle: "normal",
     fontWeight: "500",
-    fontSize: "0.875rem",
-    lineHeight: "1.575rem",
+    fontSize: "1rem",
+    // 16px
+    lineHeight: "1.8rem",
     color: we[2800]
   },
   big: {
     fontStyle: "normal",
     fontWeight: "400",
-    fontSize: "0.875rem",
-    lineHeight: "1.575rem",
+    fontSize: "1rem",
+    // 16px
+    lineHeight: "1.8rem",
     color: we[2800]
   },
   "body-bold": {
     fontStyle: "normal",
     fontWeight: "600",
-    fontSize: "0.75rem",
-    lineHeight: "1.35rem",
+    fontSize: "1rem",
+    // 16px
+    lineHeight: "1.8rem",
     color: we[2800]
   },
   "body-medium": {
     fontStyle: "normal",
     fontWeight: "500",
-    fontSize: "0.75rem",
-    lineHeight: "1.35rem",
+    fontSize: "1rem",
+    // 16px
+    lineHeight: "1.8rem",
     color: we[2800]
   },
   body: {
     fontStyle: "normal",
     fontWeight: "400",
-    fontSize: "0.75rem",
-    lineHeight: "1.35rem",
+    fontSize: "1rem",
+    // 16px
+    lineHeight: "1.8rem",
     color: we[2800]
   },
   "small-bold": {
     fontStyle: "normal",
     fontWeight: 600,
-    fontSize: "0.625rem",
-    lineHeight: "1.125rem",
+    fontSize: "0.875rem",
+    // 14px
+    lineHeight: "1.575rem",
     color: we[2800]
   },
   "small-medium": {
     fontStyle: "normal",
     fontWeight: 500,
-    fontSize: "0.625rem",
-    lineHeight: "1.125rem",
+    fontSize: "0.875rem",
+    // 14px
+    lineHeight: "1.575rem",
     color: we[2800]
   },
   small: {
     fontStyle: "normal",
     fontWeight: 400,
-    fontSize: "0.625rem",
-    lineHeight: "1.125rem",
+    fontSize: "0.875rem",
+    // 14px
     color: we[2800]
   },
   "number-big": {
@@ -32352,15 +32403,16 @@ const xxe = (e) => {
   "number-small": {
     fontStyle: "normal",
     fontWeight: 700,
-    fontSize: "0.875rem",
+    fontSize: "1rem",
     lineHeight: "1.4rem",
     color: we[2800]
   },
   "number-micro": {
     fontStyle: "normal",
     fontWeight: 700,
-    fontSize: "0.625rem",
-    lineHeight: "1rem",
+    fontSize: "0.875rem",
+    // 14px
+    lineHeight: "1.4rem",
     color: we[2800]
   }
 }, Kp = (e) => `${8 * e}px`, Yp = {
@@ -49619,22 +49671,16 @@ const Pse = (e) => {
   );
 }, zse = () => {
   const { selectedPage: e, selectedPageIndex: t, isLoading: n } = x2(), o = e.icon ?? t + 1, r = e.title, i = e.subtitle;
-  return n ? /* @__PURE__ */ f.jsx(Wse, {}) : /* @__PURE__ */ f.jsx(fe, { direction: "column", alignItems: "center", children: /* @__PURE__ */ f.jsxs(
-    "div",
-    {
-      style: { maxWidth: "1024px" },
-      children: [
-        /* @__PURE__ */ f.jsxs(fe, { direction: "column", marginTop: "44px", marginBottom: "36px", gap: "2rem", children: [
-          r && /* @__PURE__ */ f.jsx(Fk, { title: r, badge: o }),
-          i && /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
-            /* @__PURE__ */ f.jsx(ne, { variant: "h4", children: i }),
-            /* @__PURE__ */ f.jsx(go, {})
-          ] })
-        ] }),
-        e.content
-      ]
-    }
-  ) });
+  return n ? /* @__PURE__ */ f.jsx(Wse, {}) : /* @__PURE__ */ f.jsx(fe, { direction: "column", alignItems: "center", children: /* @__PURE__ */ f.jsxs("div", { style: { width: "100%", maxWidth: "1024px" }, children: [
+    /* @__PURE__ */ f.jsxs(fe, { direction: "column", marginTop: "44px", marginBottom: "36px", gap: "2rem", children: [
+      r && /* @__PURE__ */ f.jsx(Fk, { title: r, badge: o }),
+      i && /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
+        /* @__PURE__ */ f.jsx(ne, { variant: "h4", children: i }),
+        /* @__PURE__ */ f.jsx(go, {})
+      ] })
+    ] }),
+    e.content
+  ] }) });
 }, Wse = () => /* @__PURE__ */ f.jsx(
   Y,
   {