@fangzsx/component-library 0.0.5 → 0.0.7

package/dist/components/AppBarPublic/index.js

@@ -0,0 +1,850 @@
+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;
+}
+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) => {
+  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,
+    position: a,
+    classes: n
+  } = o, t = {
+    root: ["root", `color${d(r)}`, `position${d(a)}`]
+  };
+  return V(t, p2, n);
+}, S = (o, r) => o ? `${o?.replace(")", "")}, ${r})` : r, d2 = B(j, {
+  name: "MuiAppBar",
+  slot: "Root",
+  overridesResolver: (o, r) => {
+    const {
+      ownerState: a
+    } = o;
+    return [r.root, r[`position${d(a.position)}`], r[`color${d(a.color)}`]];
+  }
+})(C(({
+  theme: o
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  width: "100%",
+  boxSizing: "border-box",
+  // Prevent padding issue with the Modal and fixed positioned AppBar.
+  flexShrink: 0,
+  variants: [{
+    props: {
+      position: "fixed"
+    },
+    style: {
+      position: "fixed",
+      zIndex: (o.vars || o).zIndex.appBar,
+      top: 0,
+      left: "auto",
+      right: 0,
+      "@media print": {
+        // Prevent the app bar to be visible on each printed page.
+        position: "absolute"
+      }
+    }
+  }, {
+    props: {
+      position: "absolute"
+    },
+    style: {
+      position: "absolute",
+      zIndex: (o.vars || o).zIndex.appBar,
+      top: 0,
+      left: "auto",
+      right: 0
+    }
+  }, {
+    props: {
+      position: "sticky"
+    },
+    style: {
+      position: "sticky",
+      zIndex: (o.vars || o).zIndex.appBar,
+      top: 0,
+      left: "auto",
+      right: 0
+    }
+  }, {
+    props: {
+      position: "static"
+    },
+    style: {
+      position: "static"
+    }
+  }, {
+    props: {
+      position: "relative"
+    },
+    style: {
+      position: "relative"
+    }
+  }, {
+    props: {
+      color: "inherit"
+    },
+    style: {
+      "--AppBar-color": "inherit",
+      color: "var(--AppBar-color)"
+    }
+  }, {
+    props: {
+      color: "default"
+    },
+    style: {
+      "--AppBar-background": o.vars ? o.vars.palette.AppBar.defaultBg : o.palette.grey[100],
+      "--AppBar-color": o.vars ? o.vars.palette.text.primary : o.palette.getContrastText(o.palette.grey[100]),
+      ...o.applyStyles("dark", {
+        "--AppBar-background": o.vars ? o.vars.palette.AppBar.defaultBg : o.palette.grey[900],
+        "--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]) => ({
+    props: {
+      color: r
+    },
+    style: {
+      "--AppBar-background": (o.vars ?? o).palette[r].main,
+      "--AppBar-color": (o.vars ?? o).palette[r].contrastText
+    }
+  })), {
+    props: (r) => r.enableColorOnDark === !0 && !["inherit", "transparent"].includes(r.color),
+    style: {
+      backgroundColor: "var(--AppBar-background)",
+      color: "var(--AppBar-color)"
+    }
+  }, {
+    props: (r) => r.enableColorOnDark === !1 && !["inherit", "transparent"].includes(r.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
+      })
+    }
+  }, {
+    props: {
+      color: "transparent"
+    },
+    style: {
+      "--AppBar-background": "transparent",
+      "--AppBar-color": "inherit",
+      backgroundColor: "var(--AppBar-background)",
+      color: "var(--AppBar-color)",
+      ...o.applyStyles("dark", {
+        backgroundImage: "none"
+      })
+    }
+  }]
+}))), D = /* @__PURE__ */ g.forwardRef(function(r, a) {
+  const n = x({
+    props: r,
+    name: "MuiAppBar"
+  }), {
+    className: t,
+    color: i = "primary",
+    enableColorOnDark: c = !1,
+    position: s = "fixed",
+    ...u
+  } = n, p = {
+    ...n,
+    color: i,
+    position: s,
+    enableColorOnDark: c
+  }, f = c2(p);
+  return /* @__PURE__ */ l(d2, {
+    square: !0,
+    component: "header",
+    ownerState: p,
+    elevation: 4,
+    className: T(f.root, t, s === "fixed" && "mui-fixed"),
+    ref: a,
+    ...u
+  });
+});
+process.env.NODE_ENV !== "production" && (D.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 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]),
+  /**
+   * Shadow depth, corresponds to `dp` in the spec.
+   * It accepts values between 0 and 24 inclusive.
+   * @default 4
+   */
+  elevation: e.number,
+  /**
+   * If true, the `color` prop is applied in dark mode.
+   * @default false
+   */
+  enableColorOnDark: e.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"]),
+  /**
+   * If `false`, rounded corners are enabled.
+   * @default true
+   */
+  square: e.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])
+});
+const u2 = y("MuiBox", ["root"]), f2 = Y(), A = r2({
+  themeId: E,
+  defaultTheme: f2,
+  defaultClassName: u2.root,
+  generateClassName: W.generate
+});
+process.env.NODE_ENV !== "production" && (A.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: e.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.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])
+});
+function v2(o) {
+  return m("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 {
+    classes: r,
+    disabled: a,
+    color: n,
+    edge: t,
+    size: i,
+    loading: c
+  } = o, s = {
+    root: ["root", c && "loading", a && "disabled", n !== "default" && `color${d(n)}`, t && `edge${d(t)}`, `size${d(i)}`],
+    loadingIndicator: ["loadingIndicator"],
+    loadingWrapper: ["loadingWrapper"]
+  };
+  return V(s, v2, r);
+}, b2 = B(K, {
+  name: "MuiIconButton",
+  slot: "Root",
+  overridesResolver: (o, r) => {
+    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)}`]];
+  }
+})(C(({
+  theme: o
+}) => ({
+  textAlign: "center",
+  flex: "0 0 auto",
+  fontSize: o.typography.pxToRem(24),
+  padding: 8,
+  borderRadius: "50%",
+  color: (o.vars || o).palette.action.active,
+  transition: o.transitions.create("background-color", {
+    duration: o.transitions.duration.shortest
+  }),
+  variants: [{
+    props: (r) => !r.disableRipple,
+    style: {
+      "--IconButton-hoverBg": o.alpha((o.vars || o).palette.action.active, (o.vars || o).palette.action.hoverOpacity),
+      "&:hover": {
+        backgroundColor: "var(--IconButton-hoverBg)",
+        // Reset on touch devices, it doesn't add specificity
+        "@media (hover: none)": {
+          backgroundColor: "transparent"
+        }
+      }
+    }
+  }, {
+    props: {
+      edge: "start"
+    },
+    style: {
+      marginLeft: -12
+    }
+  }, {
+    props: {
+      edge: "start",
+      size: "small"
+    },
+    style: {
+      marginLeft: -3
+    }
+  }, {
+    props: {
+      edge: "end"
+    },
+    style: {
+      marginRight: -12
+    }
+  }, {
+    props: {
+      edge: "end",
+      size: "small"
+    },
+    style: {
+      marginRight: -3
+    }
+  }]
+})), C(({
+  theme: o
+}) => ({
+  variants: [{
+    props: {
+      color: "inherit"
+    },
+    style: {
+      color: "inherit"
+    }
+  }, ...Object.entries(o.palette).filter(O()).map(([r]) => ({
+    props: {
+      color: r
+    },
+    style: {
+      color: (o.vars || o).palette[r].main
+    }
+  })), ...Object.entries(o.palette).filter(O()).map(([r]) => ({
+    props: {
+      color: r
+    },
+    style: {
+      "--IconButton-hoverBg": o.alpha((o.vars || o).palette[r].main, (o.vars || o).palette.action.hoverOpacity)
+    }
+  })), {
+    props: {
+      size: "small"
+    },
+    style: {
+      padding: 5,
+      fontSize: o.typography.pxToRem(18)
+    }
+  }, {
+    props: {
+      size: "large"
+    },
+    style: {
+      padding: 12,
+      fontSize: o.typography.pxToRem(28)
+    }
+  }],
+  [`&.${$.disabled}`]: {
+    backgroundColor: "transparent",
+    color: (o.vars || o).palette.action.disabled
+  },
+  [`&.${$.loading}`]: {
+    color: "transparent"
+  }
+}))), C2 = B("span", {
+  name: "MuiIconButton",
+  slot: "LoadingIndicator"
+})(({
+  theme: o
+}) => ({
+  display: "none",
+  position: "absolute",
+  visibility: "visible",
+  top: "50%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  color: (o.vars || o).palette.action.disabled,
+  variants: [{
+    props: {
+      loading: !0
+    },
+    style: {
+      display: "flex"
+    }
+  }]
+})), U = /* @__PURE__ */ g.forwardRef(function(r, a) {
+  const n = x({
+    props: r,
+    name: "MuiIconButton"
+  }), {
+    edge: t = !1,
+    children: i,
+    className: c,
+    color: s = "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,
+    color: "inherit",
+    size: 16
+  }), I = {
+    ...n,
+    edge: t,
+    color: s,
+    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),
+    centerRipple: !0,
+    focusRipple: !p,
+    disabled: u || v,
+    ref: a,
+    ...F,
+    ownerState: I,
+    children: [typeof v == "boolean" && // use plain HTML span to minimize the runtime overhead
+    /* @__PURE__ */ l("span", {
+      className: h.loadingWrapper,
+      style: {
+        display: "contents"
+      },
+      children: /* @__PURE__ */ l(C2, {
+        className: h.loadingIndicator,
+        ownerState: I,
+        children: v && R
+      })
+    }), i]
+  });
+});
+process.env.NODE_ENV !== "production" && (U.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm 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(`
+`)) : null),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.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]),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: e.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: e.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: e.oneOf(["end", "start", !1]),
+  /**
+   * @ignore
+   */
+  id: e.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,
+  /**
+   * 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,
+  /**
+   * 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]),
+  /**
+   * 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])
+});
+function y2(o) {
+  return m("MuiToolbar", o);
+}
+y("MuiToolbar", ["root", "gutters", "regular", "dense"]);
+const B2 = (o) => {
+  const {
+    classes: r,
+    disableGutters: a,
+    variant: n
+  } = o;
+  return V({
+    root: ["root", !a && "gutters", n]
+  }, y2, r);
+}, m2 = B("div", {
+  name: "MuiToolbar",
+  slot: "Root",
+  overridesResolver: (o, r) => {
+    const {
+      ownerState: a
+    } = o;
+    return [r.root, !a.disableGutters && r.gutters, r[a.variant]];
+  }
+})(C(({
+  theme: o
+}) => ({
+  position: "relative",
+  display: "flex",
+  alignItems: "center",
+  variants: [{
+    props: ({
+      ownerState: r
+    }) => !r.disableGutters,
+    style: {
+      paddingLeft: o.spacing(2),
+      paddingRight: o.spacing(2),
+      [o.breakpoints.up("sm")]: {
+        paddingLeft: o.spacing(3),
+        paddingRight: o.spacing(3)
+      }
+    }
+  }, {
+    props: {
+      variant: "dense"
+    },
+    style: {
+      minHeight: 48
+    }
+  }, {
+    props: {
+      variant: "regular"
+    },
+    style: o.mixins.toolbar
+  }]
+}))), q = /* @__PURE__ */ g.forwardRef(function(r, a) {
+  const n = x({
+    props: r,
+    name: "MuiToolbar"
+  }), {
+    className: t,
+    component: i = "div",
+    disableGutters: c = !1,
+    variant: s = "regular",
+    ...u
+  } = n, p = {
+    ...n,
+    component: i,
+    disableGutters: c,
+    variant: s
+  }, f = B2(p);
+  return /* @__PURE__ */ l(m2, {
+    as: i,
+    className: T(f.root, t),
+    ref: a,
+    ownerState: p,
+    ...u
+  });
+});
+process.env.NODE_ENV !== "production" && (q.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm 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,
+  /**
+   * 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,
+  /**
+   * If `true`, disables gutter padding.
+   * @default false
+   */
+  disableGutters: e.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]),
+  /**
+   * The variant to use.
+   * @default 'regular'
+   */
+  variant: e.oneOfType([e.oneOf(["dense", "regular"]), e.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
+          }
+        },
+        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" })
+    ] })
+  ] }) }) });
+}
+export {
+  k2 as AppBarPublic
+};