@fangzsx/component-library 0.0.7 → 0.0.9

package/dist/components/AppBarPublic/index.js

@@ -1,207 +1,38 @@
-import { jsx as l, jsxs as k } from "react/jsx-runtime";
-import { Stack as _ } from "@mui/material";
-import { d as G, T as E, g as m, a as y, u as x, s as B, b as H, c as T, e as M, f as V, m as C, P as e, h as L, i as d, j as O, C as W, k as Y, l as J, n as K, o as Q, p as X, B as o2 } from "../../index-DP5i7LPc.js";
-import { useTheme as e2, createBox as r2 } from "@mui/system";
-import * as g from "react";
-function a2() {
-  const o = e2(G);
-  return process.env.NODE_ENV !== "production" && g.useDebugValue(o), o[E] || o;
+import { jsx as n, jsxs as y } from "react/jsx-runtime";
+import { c as $ } from "../../createSvgIcon-DAI5icic.js";
+import { Stack as w, Popper as D, ClickAwayListener as G, Paper as U } from "@mui/material";
+import * as C from "react";
+import { useState as Z } from "react";
+import { u as F, C as W, B as b } from "../../index-DGepNtNg.js";
+import { g as V, a as B, u as A, s as x, c as h, b as i, d as H, m as v, j as k, P as r, C as _, l as q, T as Y, B as J, i as K } from "../../ButtonBase-CAtBagnK.js";
+import { P as Q } from "../../Paper-CAUsv8qs.js";
+import { createBox as X } from "@mui/system";
+const o2 = $(/* @__PURE__ */ n("path", {
+  d: "M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"
+}), "Menu");
+function r2(o) {
+  return V("MuiAppBar", o);
 }
-function t2(o) {
-  const r = typeof o;
-  switch (r) {
-    case "number":
-      return Number.isNaN(o) ? "NaN" : Number.isFinite(o) ? o !== Math.floor(o) ? "float" : "number" : "Infinity";
-    case "object":
-      return o === null ? "null" : o.constructor.name;
-    default:
-      return r;
-  }
-}
-function z(o, r, a, n) {
-  const t = o[r];
-  if (t == null || !Number.isInteger(t)) {
-    const i = t2(t);
-    return new RangeError(`Invalid ${n} \`${r}\` of type \`${i}\` supplied to \`${a}\`, expected \`integer\`.`);
-  }
-  return null;
-}
-function P(o, r, a, n) {
-  return o[r] === void 0 ? null : z(o, r, a, n);
-}
-function w() {
-  return null;
-}
-P.isRequired = z;
-w.isRequired = w;
-const n2 = process.env.NODE_ENV === "production" ? w : P;
-function s2(o) {
-  return m("MuiPaper", o);
-}
-y("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
-const i2 = (o) => {
+B("MuiAppBar", ["root", "positionFixed", "positionAbsolute", "positionSticky", "positionStatic", "positionRelative", "colorDefault", "colorPrimary", "colorSecondary", "colorInherit", "colorTransparent", "colorError", "colorInfo", "colorSuccess", "colorWarning"]);
+const e2 = (o) => {
   const {
-    square: r,
-    elevation: a,
-    variant: n,
-    classes: t
-  } = o, i = {
-    root: ["root", n, !r && "rounded", n === "elevation" && `elevation${a}`]
-  };
-  return V(i, s2, t);
-}, l2 = B("div", {
-  name: "MuiPaper",
-  slot: "Root",
-  overridesResolver: (o, r) => {
-    const {
-      ownerState: a
-    } = o;
-    return [r.root, r[a.variant], !a.square && r.rounded, a.variant === "elevation" && r[`elevation${a.elevation}`]];
-  }
-})(C(({
-  theme: o
-}) => ({
-  backgroundColor: (o.vars || o).palette.background.paper,
-  color: (o.vars || o).palette.text.primary,
-  transition: o.transitions.create("box-shadow"),
-  variants: [{
-    props: ({
-      ownerState: r
-    }) => !r.square,
-    style: {
-      borderRadius: o.shape.borderRadius
-    }
-  }, {
-    props: {
-      variant: "outlined"
-    },
-    style: {
-      border: `1px solid ${(o.vars || o).palette.divider}`
-    }
-  }, {
-    props: {
-      variant: "elevation"
-    },
-    style: {
-      boxShadow: "var(--Paper-shadow)",
-      backgroundImage: "var(--Paper-overlay)"
-    }
-  }]
-}))), j = /* @__PURE__ */ g.forwardRef(function(r, a) {
-  const n = x({
-    props: r,
-    name: "MuiPaper"
-  }), t = a2(), {
-    className: i,
-    component: c = "div",
-    elevation: s = 1,
-    square: u = !1,
-    variant: p = "elevation",
-    ...f
-  } = n, b = {
-    ...n,
-    component: c,
-    elevation: s,
-    square: u,
-    variant: p
-  }, v = i2(b);
-  return process.env.NODE_ENV !== "production" && t.shadows[s] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${s}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${s}]\` is defined.`].join(`
-`)), /* @__PURE__ */ l(l2, {
-    as: c,
-    ownerState: b,
-    className: T(v.root, i),
-    ref: a,
-    ...f,
-    style: {
-      ...p === "elevation" && {
-        "--Paper-shadow": (t.vars || t).shadows[s],
-        ...t.vars && {
-          "--Paper-overlay": t.vars.overlays?.[s]
-        },
-        ...!t.vars && t.palette.mode === "dark" && {
-          "--Paper-overlay": `linear-gradient(${H("#fff", M(s))}, ${H("#fff", M(s))})`
-        }
-      },
-      ...f.style
-    }
-  });
-});
-process.env.NODE_ENV !== "production" && (j.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * Shadow depth, corresponds to `dp` in the spec.
-   * It accepts values between 0 and 24 inclusive.
-   * @default 1
-   */
-  elevation: L(n2, (o) => {
-    const {
-      elevation: r,
-      variant: a
-    } = o;
-    return r > 0 && a === "outlined" ? new Error(`MUI: Combining \`elevation={${r}}\` with \`variant="${a}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`) : null;
-  }),
-  /**
-   * If `true`, rounded corners are disabled.
-   * @default false
-   */
-  square: e.bool,
-  /**
-   * @ignore
-   */
-  style: e.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * The variant to use.
-   * @default 'elevation'
-   */
-  variant: e.oneOfType([e.oneOf(["elevation", "outlined"]), e.string])
-});
-function p2(o) {
-  return m("MuiAppBar", o);
-}
-y("MuiAppBar", ["root", "positionFixed", "positionAbsolute", "positionSticky", "positionStatic", "positionRelative", "colorDefault", "colorPrimary", "colorSecondary", "colorInherit", "colorTransparent", "colorError", "colorInfo", "colorSuccess", "colorWarning"]);
-const c2 = (o) => {
-  const {
-    color: r,
+    color: e,
     position: a,
-    classes: n
-  } = o, t = {
-    root: ["root", `color${d(r)}`, `position${d(a)}`]
+    classes: t
+  } = o, s = {
+    root: ["root", `color${i(e)}`, `position${i(a)}`]
   };
-  return V(t, p2, n);
-}, S = (o, r) => o ? `${o?.replace(")", "")}, ${r})` : r, d2 = B(j, {
+  return H(s, r2, t);
+}, L = (o, e) => o ? `${o?.replace(")", "")}, ${e})` : e, a2 = x(Q, {
   name: "MuiAppBar",
   slot: "Root",
-  overridesResolver: (o, r) => {
+  overridesResolver: (o, e) => {
     const {
       ownerState: a
     } = o;
-    return [r.root, r[`position${d(a.position)}`], r[`color${d(a.color)}`]];
+    return [e.root, e[`position${i(a.position)}`], e[`color${i(a.color)}`]];
   }
-})(C(({
+})(v(({
   theme: o
 }) => ({
   display: "flex",
@@ -281,28 +112,28 @@ const c2 = (o) => {
         "--AppBar-color": o.vars ? o.vars.palette.text.primary : o.palette.getContrastText(o.palette.grey[900])
       })
     }
-  }, ...Object.entries(o.palette).filter(O(["contrastText"])).map(([r]) => ({
+  }, ...Object.entries(o.palette).filter(k(["contrastText"])).map(([e]) => ({
     props: {
-      color: r
+      color: e
     },
     style: {
-      "--AppBar-background": (o.vars ?? o).palette[r].main,
-      "--AppBar-color": (o.vars ?? o).palette[r].contrastText
+      "--AppBar-background": (o.vars ?? o).palette[e].main,
+      "--AppBar-color": (o.vars ?? o).palette[e].contrastText
     }
   })), {
-    props: (r) => r.enableColorOnDark === !0 && !["inherit", "transparent"].includes(r.color),
+    props: (e) => e.enableColorOnDark === !0 && !["inherit", "transparent"].includes(e.color),
     style: {
       backgroundColor: "var(--AppBar-background)",
       color: "var(--AppBar-color)"
     }
   }, {
-    props: (r) => r.enableColorOnDark === !1 && !["inherit", "transparent"].includes(r.color),
+    props: (e) => e.enableColorOnDark === !1 && !["inherit", "transparent"].includes(e.color),
     style: {
       backgroundColor: "var(--AppBar-background)",
       color: "var(--AppBar-color)",
       ...o.applyStyles("dark", {
-        backgroundColor: o.vars ? S(o.vars.palette.AppBar.darkBg, "var(--AppBar-background)") : null,
-        color: o.vars ? S(o.vars.palette.AppBar.darkColor, "var(--AppBar-color)") : null
+        backgroundColor: o.vars ? L(o.vars.palette.AppBar.darkBg, "var(--AppBar-background)") : null,
+        color: o.vars ? L(o.vars.palette.AppBar.darkColor, "var(--AppBar-color)") : null
       })
     }
   }, {
@@ -319,33 +150,33 @@ const c2 = (o) => {
       })
     }
   }]
-}))), D = /* @__PURE__ */ g.forwardRef(function(r, a) {
-  const n = x({
-    props: r,
+}))), R = /* @__PURE__ */ C.forwardRef(function(e, a) {
+  const t = A({
+    props: e,
     name: "MuiAppBar"
   }), {
-    className: t,
-    color: i = "primary",
+    className: s,
+    color: p = "primary",
     enableColorOnDark: c = !1,
-    position: s = "fixed",
+    position: l = "fixed",
     ...u
-  } = n, p = {
-    ...n,
-    color: i,
-    position: s,
+  } = t, d = {
+    ...t,
+    color: p,
+    position: l,
     enableColorOnDark: c
-  }, f = c2(p);
-  return /* @__PURE__ */ l(d2, {
+  }, g = e2(d);
+  return /* @__PURE__ */ n(a2, {
     square: !0,
     component: "header",
-    ownerState: p,
+    ownerState: d,
     elevation: 4,
-    className: T(f.root, t, s === "fixed" && "mui-fixed"),
+    className: h(g.root, s, l === "fixed" && "mui-fixed"),
     ref: a,
     ...u
   });
 });
-process.env.NODE_ENV !== "production" && (D.propTypes = {
+process.env.NODE_ENV !== "production" && (R.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -353,57 +184,57 @@ process.env.NODE_ENV !== "production" && (D.propTypes = {
   /**
    * The content of the component.
    */
-  children: e.node,
+  children: r.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: r.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: r.string,
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'primary'
    */
-  color: e.oneOfType([e.oneOf(["default", "inherit", "primary", "secondary", "transparent", "error", "info", "success", "warning"]), e.string]),
+  color: r.oneOfType([r.oneOf(["default", "inherit", "primary", "secondary", "transparent", "error", "info", "success", "warning"]), r.string]),
   /**
    * Shadow depth, corresponds to `dp` in the spec.
    * It accepts values between 0 and 24 inclusive.
    * @default 4
    */
-  elevation: e.number,
+  elevation: r.number,
   /**
    * If true, the `color` prop is applied in dark mode.
    * @default false
    */
-  enableColorOnDark: e.bool,
+  enableColorOnDark: r.bool,
   /**
    * The positioning type. The behavior of the different options is described
    * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/position).
    * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
    * @default 'fixed'
    */
-  position: e.oneOf(["absolute", "fixed", "relative", "static", "sticky"]),
+  position: r.oneOf(["absolute", "fixed", "relative", "static", "sticky"]),
   /**
    * If `false`, rounded corners are enabled.
    * @default true
    */
-  square: e.bool,
+  square: r.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
 });
-const u2 = y("MuiBox", ["root"]), f2 = Y(), A = r2({
-  themeId: E,
-  defaultTheme: f2,
-  defaultClassName: u2.root,
-  generateClassName: W.generate
+const t2 = B("MuiBox", ["root"]), n2 = q(), N = X({
+  themeId: Y,
+  defaultTheme: n2,
+  defaultClassName: t2.root,
+  generateClassName: _.generate
 });
-process.env.NODE_ENV !== "production" && (A.propTypes = {
+process.env.NODE_ENV !== "production" && (N.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -411,44 +242,44 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
   /**
    * @ignore
    */
-  children: e.node,
+  children: r.node,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: e.elementType,
+  component: r.elementType,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
 });
-function v2(o) {
-  return m("MuiIconButton", o);
+function s2(o) {
+  return V("MuiIconButton", o);
 }
-const $ = y("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), g2 = (o) => {
+const M = B("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), l2 = (o) => {
   const {
-    classes: r,
+    classes: e,
     disabled: a,
-    color: n,
-    edge: t,
-    size: i,
+    color: t,
+    edge: s,
+    size: p,
     loading: c
-  } = o, s = {
-    root: ["root", c && "loading", a && "disabled", n !== "default" && `color${d(n)}`, t && `edge${d(t)}`, `size${d(i)}`],
+  } = o, l = {
+    root: ["root", c && "loading", a && "disabled", t !== "default" && `color${i(t)}`, s && `edge${i(s)}`, `size${i(p)}`],
     loadingIndicator: ["loadingIndicator"],
     loadingWrapper: ["loadingWrapper"]
   };
-  return V(s, v2, r);
-}, b2 = B(K, {
+  return H(l, s2, e);
+}, i2 = x(J, {
   name: "MuiIconButton",
   slot: "Root",
-  overridesResolver: (o, r) => {
+  overridesResolver: (o, e) => {
     const {
       ownerState: a
     } = o;
-    return [r.root, a.loading && r.loading, a.color !== "default" && r[`color${d(a.color)}`], a.edge && r[`edge${d(a.edge)}`], r[`size${d(a.size)}`]];
+    return [e.root, a.loading && e.loading, a.color !== "default" && e[`color${i(a.color)}`], a.edge && e[`edge${i(a.edge)}`], e[`size${i(a.size)}`]];
   }
-})(C(({
+})(v(({
   theme: o
 }) => ({
   textAlign: "center",
@@ -461,7 +292,7 @@ const $ = y("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     duration: o.transitions.duration.shortest
   }),
   variants: [{
-    props: (r) => !r.disableRipple,
+    props: (e) => !e.disableRipple,
     style: {
       "--IconButton-hoverBg": o.alpha((o.vars || o).palette.action.active, (o.vars || o).palette.action.hoverOpacity),
       "&:hover": {
@@ -503,7 +334,7 @@ const $ = y("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       marginRight: -3
     }
   }]
-})), C(({
+})), v(({
   theme: o
 }) => ({
   variants: [{
@@ -513,19 +344,19 @@ const $ = y("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     style: {
       color: "inherit"
     }
-  }, ...Object.entries(o.palette).filter(O()).map(([r]) => ({
+  }, ...Object.entries(o.palette).filter(k()).map(([e]) => ({
     props: {
-      color: r
+      color: e
     },
     style: {
-      color: (o.vars || o).palette[r].main
+      color: (o.vars || o).palette[e].main
     }
-  })), ...Object.entries(o.palette).filter(O()).map(([r]) => ({
+  })), ...Object.entries(o.palette).filter(k()).map(([e]) => ({
     props: {
-      color: r
+      color: e
     },
     style: {
-      "--IconButton-hoverBg": o.alpha((o.vars || o).palette[r].main, (o.vars || o).palette.action.hoverOpacity)
+      "--IconButton-hoverBg": o.alpha((o.vars || o).palette[e].main, (o.vars || o).palette.action.hoverOpacity)
     }
   })), {
     props: {
@@ -544,14 +375,14 @@ const $ = y("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       fontSize: o.typography.pxToRem(28)
     }
   }],
-  [`&.${$.disabled}`]: {
+  [`&.${M.disabled}`]: {
     backgroundColor: "transparent",
     color: (o.vars || o).palette.action.disabled
   },
-  [`&.${$.loading}`]: {
+  [`&.${M.loading}`]: {
     color: "transparent"
   }
-}))), C2 = B("span", {
+}))), p2 = x("span", {
   name: "MuiIconButton",
   slot: "LoadingIndicator"
 })(({
@@ -572,60 +403,60 @@ const $ = y("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       display: "flex"
     }
   }]
-})), U = /* @__PURE__ */ g.forwardRef(function(r, a) {
-  const n = x({
-    props: r,
+})), T = /* @__PURE__ */ C.forwardRef(function(e, a) {
+  const t = A({
+    props: e,
     name: "MuiIconButton"
   }), {
-    edge: t = !1,
-    children: i,
+    edge: s = !1,
+    children: p,
     className: c,
-    color: s = "default",
+    color: l = "default",
     disabled: u = !1,
-    disableFocusRipple: p = !1,
-    size: f = "medium",
-    id: b,
-    loading: v = null,
-    loadingIndicator: Z,
-    ...F
-  } = n, N = J(b), R = Z ?? /* @__PURE__ */ l(Q, {
-    "aria-labelledby": N,
+    disableFocusRipple: d = !1,
+    size: g = "medium",
+    id: O,
+    loading: f = null,
+    loadingIndicator: j,
+    ...P
+  } = t, z = F(O), S = j ?? /* @__PURE__ */ n(W, {
+    "aria-labelledby": z,
     color: "inherit",
     size: 16
-  }), I = {
-    ...n,
-    edge: t,
-    color: s,
+  }), m = {
+    ...t,
+    edge: s,
+    color: l,
     disabled: u,
-    disableFocusRipple: p,
-    loading: v,
-    loadingIndicator: R,
-    size: f
-  }, h = g2(I);
-  return /* @__PURE__ */ k(b2, {
-    id: v ? N : b,
-    className: T(h.root, c),
+    disableFocusRipple: d,
+    loading: f,
+    loadingIndicator: S,
+    size: g
+  }, I = l2(m);
+  return /* @__PURE__ */ y(i2, {
+    id: f ? z : O,
+    className: h(I.root, c),
     centerRipple: !0,
-    focusRipple: !p,
-    disabled: u || v,
+    focusRipple: !d,
+    disabled: u || f,
     ref: a,
-    ...F,
-    ownerState: I,
-    children: [typeof v == "boolean" && // use plain HTML span to minimize the runtime overhead
-    /* @__PURE__ */ l("span", {
-      className: h.loadingWrapper,
+    ...P,
+    ownerState: m,
+    children: [typeof f == "boolean" && // use plain HTML span to minimize the runtime overhead
+    /* @__PURE__ */ n("span", {
+      className: I.loadingWrapper,
       style: {
         display: "contents"
       },
-      children: /* @__PURE__ */ l(C2, {
-        className: h.loadingIndicator,
-        ownerState: I,
-        children: v && R
+      children: /* @__PURE__ */ n(p2, {
+        className: I.loadingIndicator,
+        ownerState: m,
+        children: f && S
       })
-    }), i]
+    }), p]
   });
 });
-process.env.NODE_ENV !== "production" && (U.propTypes = {
+process.env.NODE_ENV !== "production" && (T.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -633,33 +464,33 @@ process.env.NODE_ENV !== "production" && (U.propTypes = {
   /**
    * The icon to display.
    */
-  children: L(e.node, (o) => g.Children.toArray(o.children).some((a) => /* @__PURE__ */ g.isValidElement(a) && a.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
+  children: K(r.node, (o) => C.Children.toArray(o.children).some((a) => /* @__PURE__ */ C.isValidElement(a) && a.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
 `)) : null),
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: r.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: r.string,
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'default'
    */
-  color: e.oneOfType([e.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  color: r.oneOfType([r.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: e.bool,
+  disabled: r.bool,
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
-  disableFocusRipple: e.bool,
+  disableFocusRipple: r.bool,
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -667,7 +498,7 @@ process.env.NODE_ENV !== "production" && (U.propTypes = {
    * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
    * @default false
    */
-  disableRipple: e.bool,
+  disableRipple: r.bool,
   /**
    * If given, uses a negative margin to counteract the padding on one
    * side (this is often helpful for aligning the left or right
@@ -675,58 +506,58 @@ process.env.NODE_ENV !== "production" && (U.propTypes = {
    * size and shape).
    * @default false
    */
-  edge: e.oneOf(["end", "start", !1]),
+  edge: r.oneOf(["end", "start", !1]),
   /**
    * @ignore
    */
-  id: e.string,
+  id: r.string,
   /**
    * If `true`, the loading indicator is visible and the button is disabled.
    * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
    * @default null
    */
-  loading: e.bool,
+  loading: r.bool,
   /**
    * Element placed before the children if the button is in loading state.
    * The node should contain an element with `role="progressbar"` with an accessible name.
    * By default, it renders a `CircularProgress` that is labeled by the button itself.
    * @default <CircularProgress color="inherit" size={16} />
    */
-  loadingIndicator: e.node,
+  loadingIndicator: r.node,
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
    * @default 'medium'
    */
-  size: e.oneOfType([e.oneOf(["small", "medium", "large"]), e.string]),
+  size: r.oneOfType([r.oneOf(["small", "medium", "large"]), r.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
 });
-function y2(o) {
-  return m("MuiToolbar", o);
+function c2(o) {
+  return V("MuiToolbar", o);
 }
-y("MuiToolbar", ["root", "gutters", "regular", "dense"]);
-const B2 = (o) => {
+B("MuiToolbar", ["root", "gutters", "regular", "dense"]);
+const d2 = (o) => {
   const {
-    classes: r,
+    classes: e,
     disableGutters: a,
-    variant: n
+    variant: t
   } = o;
-  return V({
-    root: ["root", !a && "gutters", n]
-  }, y2, r);
-}, m2 = B("div", {
+  return H({
+    root: ["root", !a && "gutters", t]
+  }, c2, e);
+}, u2 = x("div", {
   name: "MuiToolbar",
   slot: "Root",
-  overridesResolver: (o, r) => {
+  overridesResolver: (o, e) => {
     const {
       ownerState: a
     } = o;
-    return [r.root, !a.disableGutters && r.gutters, r[a.variant]];
+    return [e.root, !a.disableGutters && e.gutters, e[a.variant]];
   }
-})(C(({
+})(v(({
   theme: o
 }) => ({
   position: "relative",
@@ -734,8 +565,8 @@ const B2 = (o) => {
   alignItems: "center",
   variants: [{
     props: ({
-      ownerState: r
-    }) => !r.disableGutters,
+      ownerState: e
+    }) => !e.disableGutters,
     style: {
       paddingLeft: o.spacing(2),
       paddingRight: o.spacing(2),
@@ -757,31 +588,31 @@ const B2 = (o) => {
     },
     style: o.mixins.toolbar
   }]
-}))), q = /* @__PURE__ */ g.forwardRef(function(r, a) {
-  const n = x({
-    props: r,
+}))), E = /* @__PURE__ */ C.forwardRef(function(e, a) {
+  const t = A({
+    props: e,
     name: "MuiToolbar"
   }), {
-    className: t,
-    component: i = "div",
+    className: s,
+    component: p = "div",
     disableGutters: c = !1,
-    variant: s = "regular",
+    variant: l = "regular",
     ...u
-  } = n, p = {
-    ...n,
-    component: i,
+  } = t, d = {
+    ...t,
+    component: p,
     disableGutters: c,
-    variant: s
-  }, f = B2(p);
-  return /* @__PURE__ */ l(m2, {
-    as: i,
-    className: T(f.root, t),
+    variant: l
+  }, g = d2(d);
+  return /* @__PURE__ */ n(u2, {
+    as: p,
+    className: h(g.root, s),
     ref: a,
-    ownerState: p,
+    ownerState: d,
     ...u
   });
 });
-process.env.NODE_ENV !== "production" && (q.propTypes = {
+process.env.NODE_ENV !== "production" && (E.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -790,61 +621,100 @@ process.env.NODE_ENV !== "production" && (q.propTypes = {
    * The Toolbar children, usually a mixture of `IconButton`, `Button` and `Typography`.
    * The Toolbar is a flex container, allowing flex item properties to be used to lay out the children.
    */
-  children: e.node,
+  children: r.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: r.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: r.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: e.elementType,
+  component: r.elementType,
   /**
    * If `true`, disables gutter padding.
    * @default false
    */
-  disableGutters: e.bool,
+  disableGutters: r.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
   /**
    * The variant to use.
    * @default 'regular'
    */
-  variant: e.oneOfType([e.oneOf(["dense", "regular"]), e.string])
+  variant: r.oneOfType([r.oneOf(["dense", "regular"]), r.string])
 });
-const x2 = "data:image/svg+xml,%3csvg%20width='107'%20height='40'%20viewBox='0%200%20107%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200V32.1252L3.0277%2033.8762L10.5965%2038.2503L13.6243%2040L16.652%2038.2503L24.2208%2033.8762L27.2485%2032.1261V0H0ZM24.2208%2030.3751L13.6243%2036.5002L3.0277%2030.3751V3.03121H24.2208V30.3751Z'%20fill='%230B6B9F'/%3e%3cpath%20d='M16.6808%2017.1008V10.8984H10.5728C10.5728%2012.1316%209.54697%2013.1315%208.28221%2013.1315V16.1098H10.5728V18.5895H22.7887V29.3101L13.6268%2034.4681L4.46484%2029.3101V22.3121H10.5728V25.7586L13.6226%2027.4759L16.6808%2025.7527V20.8352H4.46484V4.94531H22.7887V17.1008H16.6808Z'%20fill='%2327A4E8'/%3e%3cpath%20d='M46.0749%208.7868C46.0749%208.81752%2046.0749%208.84824%2046.0749%208.87896C46.0749%2011.1917%2046.0749%2013.5044%2046.0749%2015.8172C46.0738%2015.8325%2046.0738%2015.8479%2046.0749%2015.8632C46.0826%2015.9214%2046.0573%2015.9378%2046.0003%2015.9378C44.792%2015.9378%2043.5836%2015.9378%2042.3752%2015.9378C42.3127%2015.9378%2042.2996%2015.9175%2042.2996%2015.8589C42.2996%2014.731%2042.2996%2013.6032%2042.2996%2012.4753C42.2996%2012.3826%2042.2996%2012.3821%2042.2058%2012.3821H40.6888C40.5989%2012.3821%2040.5989%2012.3821%2040.5989%2012.4737V17.7859C40.5989%2017.8743%2040.5988%2017.8743%2040.6904%2017.8743C41.7058%2017.8743%2042.719%2017.8655%2043.7365%2017.877C44.6746%2017.8885%2045.3748%2018.3246%2045.8391%2019.1354C46.0038%2019.4378%2046.0855%2019.7785%2046.076%2020.1228C46.076%2023.0587%2046.076%2025.9946%2046.076%2028.9305C46.0789%2028.974%2046.0617%2029.0165%2046.0294%2029.0457C45.2655%2029.7632%2044.5019%2030.4813%2043.7387%2031.1999C43.7144%2031.2167%2043.6867%2031.2279%2043.6576%2031.2328C43.6394%2031.2353%2043.621%2031.2353%2043.6028%2031.2328H36.8323V24.0664H40.5989V27.5618C40.5989%2027.6557%2040.5988%2027.6557%2040.691%2027.6557C41.2019%2027.6557%2041.7129%2027.6557%2042.2261%2027.6557C42.2908%2027.6557%2042.3056%2027.6359%2042.3056%2027.5739C42.3056%2025.5574%2042.3056%2023.5409%2042.3056%2021.5244C42.3056%2021.4597%2042.2864%2021.4443%2042.2239%2021.4448C41.1997%2021.4448%2040.1756%2021.4498%2039.1536%2021.4448C38.5073%2021.4512%2037.8866%2021.1925%2037.4359%2020.729C37.1138%2020.4131%2036.9071%2019.9981%2036.8487%2019.5507C36.8368%2019.4528%2036.8311%2019.3542%2036.8317%2019.2555C36.8317%2016.5435%2036.8317%2013.8314%2036.8317%2011.1193C36.8273%2011.0738%2036.8441%2011.0289%2036.8773%2010.9975C37.6393%2010.2778%2038.4001%209.55698%2039.1597%208.83508C39.1739%208.81944%2039.1869%208.80275%2039.1986%208.78516L46.0749%208.7868Z'%20fill='%230B6B9F'/%3e%3cpath%20d='M57.369%208.78711C57.369%208.82002%2057.369%208.85294%2057.369%208.8853V12.2864C57.369%2012.3802%2057.369%2012.3802%2057.2769%2012.3802H53.0334C53.0115%2012.3802%2052.989%2012.3802%2052.9676%2012.3802C52.9128%2012.3741%2052.8925%2012.395%2052.8925%2012.4537C52.8925%2014.1301%2052.8925%2015.8065%2052.8925%2017.4829C52.8925%2017.5043%2052.8925%2017.5262%2052.8958%2017.5548H56.5329V21.1275C56.5044%2021.1275%2056.4748%2021.1314%2056.4452%2021.1314H52.9912C52.8925%2021.1314%2052.8925%2021.1314%2052.8925%2021.2323V27.5605C52.8925%2027.6565%2052.8925%2027.6565%2052.9884%2027.6565H57.5977V31.2271C57.5763%2031.2271%2057.5533%2031.2309%2057.5302%2031.2309C54.7524%2031.2309%2051.9745%2031.2309%2049.1967%2031.2309C49.1347%2031.2309%2049.1133%2031.2112%2049.1205%2031.1525C49.1216%2031.1328%2049.1216%2031.113%2049.1205%2031.0932V8.89902C49.1205%208.86171%2049.1205%208.82441%2049.1205%208.7893L57.369%208.78711Z'%20fill='%230B6B9F'/%3e%3cpath%20d='M62.8666%208.78906H69.7501V16.0685H65.9643V12.3898H64.2433V27.653H65.9643V23.9272H69.7501V29.0304L67.3415%2031.2378H60.4883V11.0431L62.8666%208.78906Z'%20fill='%230B6B9F'/%3e%3cpath%20d='M94.9616%208.84635V31.1432C94.9616%2031.2339%2094.9616%2031.2339%2094.8728%2031.2339H94.6875C93.4341%2031.2339%2092.1808%2031.2339%2090.9275%2031.2339H90.8271C90.8075%2031.2348%2090.7878%2031.2314%2090.7696%2031.2238C90.7453%2031.2088%2090.7294%2031.1832%2090.7268%2031.1547C90.5415%2030.3406%2090.3547%2029.5266%2090.1665%2028.7125L89.3326%2025.092C89.0632%2023.9217%2088.794%2022.7515%2088.525%2021.5812C88.5135%2021.5291%2088.4987%2021.4781%2088.4855%2021.4271H88.4685V31.232H84.8149C84.68%2031.232%2084.6938%2031.2534%2084.6938%2031.1092C84.6938%2023.7014%2084.6938%2016.2938%2084.6938%208.8864C84.6938%208.85349%2084.6938%208.82057%2084.6938%208.78766H89.0491C89.0483%208.79422%2089.0483%208.80085%2089.0491%208.80741L89.4455%2010.6067C89.6542%2011.5524%2089.8629%2012.4981%2090.0716%2013.4438C90.2504%2014.2524%2090.4291%2015.0612%2090.6078%2015.8701C90.6612%2016.1104%2090.714%2016.3509%2090.7663%2016.5915L90.9242%2017.3085C90.9823%2017.574%2091.0406%2017.8396%2091.0991%2018.1055C91.1259%2018.2284%2091.1539%2018.3507%2091.1819%2018.4731H91.1983V8.86555C91.1983%208.83922%2091.1983%208.81344%2091.1939%208.78711H94.9572C94.961%208.80686%2094.9616%208.82661%2094.9616%208.84635Z'%20fill='%2327A4E8'/%3e%3cpath%20d='M78.1551%208.76172H81.971C81.971%208.79628%2081.9672%208.83139%2081.9672%208.86649C81.9672%2015.5304%2081.9672%2022.1941%2081.9672%2028.8577C81.9725%2028.9054%2081.9557%2028.9529%2081.9217%2028.9866C81.1596%2029.7118%2080.3977%2030.4377%2079.636%2031.1644C79.6073%2031.1893%2079.5708%2031.2034%2079.5329%2031.2044C77.3267%2031.2066%2075.1205%2031.2066%2072.9143%2031.2044C72.8913%2031.2044%2072.8682%2031.2044%2072.8408%2031.2001V8.87143C72.8408%208.83468%2072.8408%208.79738%2072.8408%208.76172H76.6567C76.6567%208.78531%2076.6523%208.80944%2076.6523%208.83358C76.6523%2015.036%2076.6523%2021.2386%2076.6523%2027.4413C76.6523%2027.5082%2076.6693%2027.5263%2076.7362%2027.5263C77.1748%2027.5231%2077.6178%2027.5263%2078.0586%2027.5263C78.1622%2027.5263%2078.1622%2027.5263%2078.1622%2027.4238C78.1622%2021.2323%2078.1622%2015.0405%2078.1622%208.84839C78.1584%208.81657%2078.1562%208.7886%2078.1551%208.76172Z'%20fill='%2327A4E8'/%3e%3cpath%20d='M100.474%208.76172L98.0066%2011.2302L98%2011.1907V31.2335C99.2526%2031.2313%20100.506%2031.2313%20101.76%2031.2335V24.0666H103.099V31.2335C104.352%2031.2313%20105.605%2031.2313%20106.859%2031.2335V8.76172H100.474ZM101.76%2020.6106V12.2177H103.099V20.6106H101.76Z'%20fill='%2327A4E8'/%3e%3c/svg%3e";
-function k2({ onLogin: o, onSignUp: r }) {
-  return /* @__PURE__ */ l(A, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ l(D, { position: "static", children: /* @__PURE__ */ k(q, { sx: { backgroundColor: "white", justifyContent: "space-between" }, children: [
-    /* @__PURE__ */ l(
-      U,
-      {
-        size: "large",
-        edge: "start",
-        color: "inherit",
-        "aria-label": "menu",
-        sx: {
-          borderRadius: 1,
-          "&:hover": {
-            borderRadius: 1
-            // keep rectangle on hover
+const g2 = "data:image/svg+xml,%3csvg%20width='107'%20height='40'%20viewBox='0%200%20107%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200V32.1252L3.0277%2033.8762L10.5965%2038.2503L13.6243%2040L16.652%2038.2503L24.2208%2033.8762L27.2485%2032.1261V0H0ZM24.2208%2030.3751L13.6243%2036.5002L3.0277%2030.3751V3.03121H24.2208V30.3751Z'%20fill='%230B6B9F'/%3e%3cpath%20d='M16.6808%2017.1008V10.8984H10.5728C10.5728%2012.1316%209.54697%2013.1315%208.28221%2013.1315V16.1098H10.5728V18.5895H22.7887V29.3101L13.6268%2034.4681L4.46484%2029.3101V22.3121H10.5728V25.7586L13.6226%2027.4759L16.6808%2025.7527V20.8352H4.46484V4.94531H22.7887V17.1008H16.6808Z'%20fill='%2327A4E8'/%3e%3cpath%20d='M46.0749%208.7868C46.0749%208.81752%2046.0749%208.84824%2046.0749%208.87896C46.0749%2011.1917%2046.0749%2013.5044%2046.0749%2015.8172C46.0738%2015.8325%2046.0738%2015.8479%2046.0749%2015.8632C46.0826%2015.9214%2046.0573%2015.9378%2046.0003%2015.9378C44.792%2015.9378%2043.5836%2015.9378%2042.3752%2015.9378C42.3127%2015.9378%2042.2996%2015.9175%2042.2996%2015.8589C42.2996%2014.731%2042.2996%2013.6032%2042.2996%2012.4753C42.2996%2012.3826%2042.2996%2012.3821%2042.2058%2012.3821H40.6888C40.5989%2012.3821%2040.5989%2012.3821%2040.5989%2012.4737V17.7859C40.5989%2017.8743%2040.5988%2017.8743%2040.6904%2017.8743C41.7058%2017.8743%2042.719%2017.8655%2043.7365%2017.877C44.6746%2017.8885%2045.3748%2018.3246%2045.8391%2019.1354C46.0038%2019.4378%2046.0855%2019.7785%2046.076%2020.1228C46.076%2023.0587%2046.076%2025.9946%2046.076%2028.9305C46.0789%2028.974%2046.0617%2029.0165%2046.0294%2029.0457C45.2655%2029.7632%2044.5019%2030.4813%2043.7387%2031.1999C43.7144%2031.2167%2043.6867%2031.2279%2043.6576%2031.2328C43.6394%2031.2353%2043.621%2031.2353%2043.6028%2031.2328H36.8323V24.0664H40.5989V27.5618C40.5989%2027.6557%2040.5988%2027.6557%2040.691%2027.6557C41.2019%2027.6557%2041.7129%2027.6557%2042.2261%2027.6557C42.2908%2027.6557%2042.3056%2027.6359%2042.3056%2027.5739C42.3056%2025.5574%2042.3056%2023.5409%2042.3056%2021.5244C42.3056%2021.4597%2042.2864%2021.4443%2042.2239%2021.4448C41.1997%2021.4448%2040.1756%2021.4498%2039.1536%2021.4448C38.5073%2021.4512%2037.8866%2021.1925%2037.4359%2020.729C37.1138%2020.4131%2036.9071%2019.9981%2036.8487%2019.5507C36.8368%2019.4528%2036.8311%2019.3542%2036.8317%2019.2555C36.8317%2016.5435%2036.8317%2013.8314%2036.8317%2011.1193C36.8273%2011.0738%2036.8441%2011.0289%2036.8773%2010.9975C37.6393%2010.2778%2038.4001%209.55698%2039.1597%208.83508C39.1739%208.81944%2039.1869%208.80275%2039.1986%208.78516L46.0749%208.7868Z'%20fill='%230B6B9F'/%3e%3cpath%20d='M57.369%208.78711C57.369%208.82002%2057.369%208.85294%2057.369%208.8853V12.2864C57.369%2012.3802%2057.369%2012.3802%2057.2769%2012.3802H53.0334C53.0115%2012.3802%2052.989%2012.3802%2052.9676%2012.3802C52.9128%2012.3741%2052.8925%2012.395%2052.8925%2012.4537C52.8925%2014.1301%2052.8925%2015.8065%2052.8925%2017.4829C52.8925%2017.5043%2052.8925%2017.5262%2052.8958%2017.5548H56.5329V21.1275C56.5044%2021.1275%2056.4748%2021.1314%2056.4452%2021.1314H52.9912C52.8925%2021.1314%2052.8925%2021.1314%2052.8925%2021.2323V27.5605C52.8925%2027.6565%2052.8925%2027.6565%2052.9884%2027.6565H57.5977V31.2271C57.5763%2031.2271%2057.5533%2031.2309%2057.5302%2031.2309C54.7524%2031.2309%2051.9745%2031.2309%2049.1967%2031.2309C49.1347%2031.2309%2049.1133%2031.2112%2049.1205%2031.1525C49.1216%2031.1328%2049.1216%2031.113%2049.1205%2031.0932V8.89902C49.1205%208.86171%2049.1205%208.82441%2049.1205%208.7893L57.369%208.78711Z'%20fill='%230B6B9F'/%3e%3cpath%20d='M62.8666%208.78906H69.7501V16.0685H65.9643V12.3898H64.2433V27.653H65.9643V23.9272H69.7501V29.0304L67.3415%2031.2378H60.4883V11.0431L62.8666%208.78906Z'%20fill='%230B6B9F'/%3e%3cpath%20d='M94.9616%208.84635V31.1432C94.9616%2031.2339%2094.9616%2031.2339%2094.8728%2031.2339H94.6875C93.4341%2031.2339%2092.1808%2031.2339%2090.9275%2031.2339H90.8271C90.8075%2031.2348%2090.7878%2031.2314%2090.7696%2031.2238C90.7453%2031.2088%2090.7294%2031.1832%2090.7268%2031.1547C90.5415%2030.3406%2090.3547%2029.5266%2090.1665%2028.7125L89.3326%2025.092C89.0632%2023.9217%2088.794%2022.7515%2088.525%2021.5812C88.5135%2021.5291%2088.4987%2021.4781%2088.4855%2021.4271H88.4685V31.232H84.8149C84.68%2031.232%2084.6938%2031.2534%2084.6938%2031.1092C84.6938%2023.7014%2084.6938%2016.2938%2084.6938%208.8864C84.6938%208.85349%2084.6938%208.82057%2084.6938%208.78766H89.0491C89.0483%208.79422%2089.0483%208.80085%2089.0491%208.80741L89.4455%2010.6067C89.6542%2011.5524%2089.8629%2012.4981%2090.0716%2013.4438C90.2504%2014.2524%2090.4291%2015.0612%2090.6078%2015.8701C90.6612%2016.1104%2090.714%2016.3509%2090.7663%2016.5915L90.9242%2017.3085C90.9823%2017.574%2091.0406%2017.8396%2091.0991%2018.1055C91.1259%2018.2284%2091.1539%2018.3507%2091.1819%2018.4731H91.1983V8.86555C91.1983%208.83922%2091.1983%208.81344%2091.1939%208.78711H94.9572C94.961%208.80686%2094.9616%208.82661%2094.9616%208.84635Z'%20fill='%2327A4E8'/%3e%3cpath%20d='M78.1551%208.76172H81.971C81.971%208.79628%2081.9672%208.83139%2081.9672%208.86649C81.9672%2015.5304%2081.9672%2022.1941%2081.9672%2028.8577C81.9725%2028.9054%2081.9557%2028.9529%2081.9217%2028.9866C81.1596%2029.7118%2080.3977%2030.4377%2079.636%2031.1644C79.6073%2031.1893%2079.5708%2031.2034%2079.5329%2031.2044C77.3267%2031.2066%2075.1205%2031.2066%2072.9143%2031.2044C72.8913%2031.2044%2072.8682%2031.2044%2072.8408%2031.2001V8.87143C72.8408%208.83468%2072.8408%208.79738%2072.8408%208.76172H76.6567C76.6567%208.78531%2076.6523%208.80944%2076.6523%208.83358C76.6523%2015.036%2076.6523%2021.2386%2076.6523%2027.4413C76.6523%2027.5082%2076.6693%2027.5263%2076.7362%2027.5263C77.1748%2027.5231%2077.6178%2027.5263%2078.0586%2027.5263C78.1622%2027.5263%2078.1622%2027.5263%2078.1622%2027.4238C78.1622%2021.2323%2078.1622%2015.0405%2078.1622%208.84839C78.1584%208.81657%2078.1562%208.7886%2078.1551%208.76172Z'%20fill='%2327A4E8'/%3e%3cpath%20d='M100.474%208.76172L98.0066%2011.2302L98%2011.1907V31.2335C99.2526%2031.2313%20100.506%2031.2313%20101.76%2031.2335V24.0666H103.099V31.2335C104.352%2031.2313%20105.605%2031.2313%20106.859%2031.2335V8.76172H100.474ZM101.76%2020.6106V12.2177H103.099V20.6106H101.76Z'%20fill='%2327A4E8'/%3e%3c/svg%3e";
+function I2({ onLogin: o, onSignUp: e }) {
+  const [a, t] = Z(null), s = !!a;
+  return /* @__PURE__ */ n(
+    R,
+    {
+      position: "sticky",
+      sx: {
+        top: 0,
+        zIndex: 1200
+      },
+      children: /* @__PURE__ */ y(E, { sx: { backgroundColor: "white", justifyContent: "space-between" }, children: [
+        /* @__PURE__ */ n(
+          T,
+          {
+            size: "large",
+            edge: "start",
+            color: "inherit",
+            "aria-label": "menu",
+            sx: {
+              borderRadius: 1,
+              "&:hover": {
+                borderRadius: 1
+              }
+            },
+            children: /* @__PURE__ */ n(N, { component: "img", src: g2 })
           }
-        },
-        children: /* @__PURE__ */ l(A, { component: "img", src: x2 })
-      }
-    ),
-    /* @__PURE__ */ k(_, { direction: "row", spacing: 2, children: [
-      /* @__PURE__ */ l(X, { size: "small", onClick: o, children: "Login" }),
-      /* @__PURE__ */ l(o2, { size: "small", onClick: r, children: "Signup" })
-    ] })
-  ] }) }) });
+        ),
+        /* @__PURE__ */ y(w, { direction: "row", spacing: 2, sx: { display: { xs: "none", s: "none", md: "flex" } }, children: [
+          /* @__PURE__ */ n(b, { color: "clear", size: "small", onClick: o, children: "LOG IN" }),
+          /* @__PURE__ */ n(b, { color: "blue", size: "small", onClick: e, children: "SIGN UP" })
+        ] }),
+        /* @__PURE__ */ n(T, { onClick: (l) => {
+          t(s ? null : l.currentTarget);
+        }, sx: { display: { xs: "flex", s: "flex", md: "none" } }, children: /* @__PURE__ */ n(o2, {}) }),
+        /* @__PURE__ */ n(
+          D,
+          {
+            open: s,
+            anchorEl: a,
+            placement: "bottom-start",
+            sx: { zIndex: 1300 },
+            children: /* @__PURE__ */ n(G, { onClickAway: () => {
+              t(null);
+            }, children: /* @__PURE__ */ n(
+              U,
+              {
+                elevation: 4,
+                sx: {
+                  mt: 1,
+                  minWidth: 200,
+                  overflow: "auto"
+                },
+                children: /* @__PURE__ */ y(w, { direction: "column", spacing: 1, p: 1, children: [
+                  /* @__PURE__ */ n(b, { color: "clear", size: "small", onClick: o, children: "LOG IN" }),
+                  /* @__PURE__ */ n(b, { color: "blue", size: "small", onClick: e, children: "SIGN UP" })
+                ] })
+              }
+            ) })
+          }
+        )
+      ] })
+    }
+  );
 }
 export {
-  k2 as AppBarPublic
+  I2 as AppBarPublic
 };