jcicl 0.0.0

package/.chunks/CompactNav.js

@@ -0,0 +1,70 @@
+import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { n as s, i as f } from "./emotion-styled.browser.esm.js";
+import { t as o } from "./theme.js";
+import { B as u } from "./ButtonBase.js";
+const x = s("div")({
+  display: "flex",
+  flexDirection: "column",
+  backgroundColor: "transparent",
+  alignItems: "center",
+  justifyContent: "flex-start",
+  maxHeight: "100%",
+  overflowY: "hidden",
+  flexShrink: 0,
+  gap: "1rem",
+  "&:hover": {
+    overflowY: "auto",
+    scrollbarColor: `${o.colors.darkGreen} ${o.colors.whiteGreen}`,
+    scrollbarWidth: "thin",
+    "&::webkit-scrollbar-thumb": {
+      borderRadius: "8px"
+    }
+  }
+}), h = s(u, {
+  shouldForwardProp: (r) => f(r)
+})(({ active: r }) => ({
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: "0 8px 8px 8px",
+  transition: "313ms all ease-in-out",
+  backgroundColor: r ? o.colors.sunlight : "transparent",
+  boxShadow: r ? `0 0 8px -2px ${o.colors.darkGreen}` : "none",
+  "&:hover, :focus-visible": {
+    svg: {
+      backgroundColor: o.colors.sunlight
+    }
+  },
+  svg: {
+    fontSize: "2.1rem",
+    fill: o.colors.darkGreen,
+    backgroundColor: r ? o.colors.sunlight : "transparent",
+    borderRadius: "50%",
+    padding: "8px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    transition: "313ms all ease-in-out"
+  },
+  span: {
+    fontFamily: "Roboto, sans-serif",
+    fontSize: "12px",
+    fontWeight: "bold",
+    color: o.colors.darkGreen,
+    textAlign: "center"
+  }
+})), y = ({ navItems: r }) => {
+  const [i, a] = m(""), l = (e, t) => {
+    a(e), t();
+  };
+  return /* @__PURE__ */ n(x, { children: r.map(({ icon: e, label: t = "", onClick: c = () => {
+  }, ...d }) => /* @__PURE__ */ p(h, { ...d, active: t === i, onClick: () => l(t, c), children: [
+    e,
+    /* @__PURE__ */ n("span", { children: t })
+  ] }, t)) });
+};
+export {
+  y as C
+};

package/.chunks/Divider.js

@@ -0,0 +1,311 @@
+import { jsx as g } from "react/jsx-runtime";
+import { n as D, i as A } from "./emotion-styled.browser.esm.js";
+import { g as S, a as R, s as b, u as T, c as L, P as r, b as W, d as $, t as u } from "./theme.js";
+import * as I from "react";
+import { m } from "./memoTheme.js";
+function O(t) {
+  return R("MuiDivider", t);
+}
+S("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
+const V = (t) => {
+  const {
+    absolute: e,
+    children: i,
+    classes: o,
+    flexItem: p,
+    light: s,
+    orientation: a,
+    textAlign: l,
+    variant: n
+  } = t;
+  return W({
+    root: ["root", e && "absolute", n, s && "light", a === "vertical" && "vertical", p && "flexItem", i && "withChildren", i && a === "vertical" && "withChildrenVertical", l === "right" && a !== "vertical" && "textAlignRight", l === "left" && a !== "vertical" && "textAlignLeft"],
+    wrapper: ["wrapper", a === "vertical" && "wrapperVertical"]
+  }, O, o);
+}, N = b("div", {
+  name: "MuiDivider",
+  slot: "Root",
+  overridesResolver: (t, e) => {
+    const {
+      ownerState: i
+    } = t;
+    return [e.root, i.absolute && e.absolute, e[i.variant], i.light && e.light, i.orientation === "vertical" && e.vertical, i.flexItem && e.flexItem, i.children && e.withChildren, i.children && i.orientation === "vertical" && e.withChildrenVertical, i.textAlign === "right" && i.orientation !== "vertical" && e.textAlignRight, i.textAlign === "left" && i.orientation !== "vertical" && e.textAlignLeft];
+  }
+})(m(({
+  theme: t
+}) => ({
+  margin: 0,
+  // Reset browser default style.
+  flexShrink: 0,
+  borderWidth: 0,
+  borderStyle: "solid",
+  borderColor: (t.vars || t).palette.divider,
+  borderBottomWidth: "thin",
+  variants: [{
+    props: {
+      absolute: !0
+    },
+    style: {
+      position: "absolute",
+      bottom: 0,
+      left: 0,
+      width: "100%"
+    }
+  }, {
+    props: {
+      light: !0
+    },
+    style: {
+      borderColor: t.vars ? `rgba(${t.vars.palette.dividerChannel} / 0.08)` : $(t.palette.divider, 0.08)
+    }
+  }, {
+    props: {
+      variant: "inset"
+    },
+    style: {
+      marginLeft: 72
+    }
+  }, {
+    props: {
+      variant: "middle",
+      orientation: "horizontal"
+    },
+    style: {
+      marginLeft: t.spacing(2),
+      marginRight: t.spacing(2)
+    }
+  }, {
+    props: {
+      variant: "middle",
+      orientation: "vertical"
+    },
+    style: {
+      marginTop: t.spacing(1),
+      marginBottom: t.spacing(1)
+    }
+  }, {
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      height: "100%",
+      borderBottomWidth: 0,
+      borderRightWidth: "thin"
+    }
+  }, {
+    props: {
+      flexItem: !0
+    },
+    style: {
+      alignSelf: "stretch",
+      height: "auto"
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => !!e.children,
+    style: {
+      display: "flex",
+      whiteSpace: "nowrap",
+      textAlign: "center",
+      border: 0,
+      borderTopStyle: "solid",
+      borderLeftStyle: "solid",
+      "&::before, &::after": {
+        content: '""',
+        alignSelf: "center"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => e.children && e.orientation !== "vertical",
+    style: {
+      "&::before, &::after": {
+        width: "100%",
+        borderTop: `thin solid ${(t.vars || t).palette.divider}`,
+        borderTopStyle: "inherit"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => e.orientation === "vertical" && e.children,
+    style: {
+      flexDirection: "column",
+      "&::before, &::after": {
+        height: "100%",
+        borderLeft: `thin solid ${(t.vars || t).palette.divider}`,
+        borderLeftStyle: "inherit"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => e.textAlign === "right" && e.orientation !== "vertical",
+    style: {
+      "&::before": {
+        width: "90%"
+      },
+      "&::after": {
+        width: "10%"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => e.textAlign === "left" && e.orientation !== "vertical",
+    style: {
+      "&::before": {
+        width: "10%"
+      },
+      "&::after": {
+        width: "90%"
+      }
+    }
+  }]
+}))), B = b("span", {
+  name: "MuiDivider",
+  slot: "Wrapper",
+  overridesResolver: (t, e) => {
+    const {
+      ownerState: i
+    } = t;
+    return [e.wrapper, i.orientation === "vertical" && e.wrapperVertical];
+  }
+})(m(({
+  theme: t
+}) => ({
+  display: "inline-block",
+  paddingLeft: `calc(${t.spacing(1)} * 1.2)`,
+  paddingRight: `calc(${t.spacing(1)} * 1.2)`,
+  variants: [{
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      paddingTop: `calc(${t.spacing(1)} * 1.2)`,
+      paddingBottom: `calc(${t.spacing(1)} * 1.2)`
+    }
+  }]
+}))), d = /* @__PURE__ */ I.forwardRef(function(e, i) {
+  const o = T({
+    props: e,
+    name: "MuiDivider"
+  }), {
+    absolute: p = !1,
+    children: s,
+    className: a,
+    orientation: l = "horizontal",
+    component: n = s || l === "vertical" ? "div" : "hr",
+    flexItem: f = !1,
+    light: x = !1,
+    role: c = n !== "hr" ? "separator" : void 0,
+    textAlign: w = "center",
+    variant: y = "fullWidth",
+    ...C
+  } = o, h = {
+    ...o,
+    absolute: p,
+    component: n,
+    flexItem: f,
+    light: x,
+    orientation: l,
+    role: c,
+    textAlign: w,
+    variant: y
+  }, v = V(h);
+  return /* @__PURE__ */ g(N, {
+    as: n,
+    className: L(v.root, a),
+    role: c,
+    ref: i,
+    ownerState: h,
+    "aria-orientation": c === "separator" && (n !== "hr" || l === "vertical") ? l : void 0,
+    ...C,
+    children: s ? /* @__PURE__ */ g(B, {
+      className: v.wrapper,
+      ownerState: h,
+      children: s
+    }) : null
+  });
+});
+d && (d.muiSkipListHighlight = !0);
+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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Absolutely position the element.
+   * @default false
+   */
+  absolute: r.bool,
+  /**
+   * The content of the component.
+   */
+  children: r.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: r.elementType,
+  /**
+   * If `true`, a vertical divider will have the correct height when used in flex container.
+   * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
+   * @default false
+   */
+  flexItem: r.bool,
+  /**
+   * If `true`, the divider will have a lighter color.
+   * @default false
+   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  light: r.bool,
+  /**
+   * The component orientation.
+   * @default 'horizontal'
+   */
+  orientation: r.oneOf(["horizontal", "vertical"]),
+  /**
+   * @ignore
+   */
+  role: r.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * The text alignment.
+   * @default 'center'
+   */
+  textAlign: r.oneOf(["center", "left", "right"]),
+  /**
+   * The variant to use.
+   * @default 'fullWidth'
+   */
+  variant: r.oneOfType([r.oneOf(["fullWidth", "inset", "middle"]), r.string])
+});
+const M = D(d, {
+  shouldForwardProp: (t) => A(t) && typeof t == "string"
+})(({ color: t = "midnight", opacity: e = 1, spacing: i = 8, vertical: o }) => ({
+  borderBottomColor: o ? "transparent" : u.colors[t],
+  borderRightColor: o ? u.colors[t] : "transparent",
+  opacity: e,
+  margin: o ? `0 ${i}px` : `${i}px 0`,
+  height: o ? "auto" : 0,
+  width: o ? 1 : "100%",
+  alignSelf: "stretch",
+  transition: "313ms all ease-in-out"
+})), z = ({ orientation: t, ...e }) => /* @__PURE__ */ g(M, { vertical: t === "vertical", ...e });
+export {
+  z as D
+};

package/.chunks/Flex.js

@@ -0,0 +1,21 @@
+import { jsx as x } from "react/jsx-runtime";
+import { n as d, i as p } from "./emotion-styled.browser.esm.js";
+const w = d("div", {
+  shouldForwardProp: (t) => p(t) && typeof t == "string" && t !== "wrap"
+})(
+  ({ column: t, alignItems: r, justifyContent: n, center: e, wrap: s, full: o, width: l, height: f, styles: m, padding: a, gap: i }) => ({
+    display: "flex",
+    flexDirection: t ? "column" : "row",
+    flexWrap: s ? "wrap" : "nowrap",
+    alignItems: r ?? (e ? "center" : "flex-start"),
+    justifyContent: n ?? (e ? "center" : "flex-start"),
+    width: l ?? (o ? "100%" : "auto"),
+    height: f ?? (o ? "100%" : "auto"),
+    gap: i ? `${i}rem` : 0,
+    padding: a ? `${a}rem` : 0,
+    ...m
+  })
+), h = ({ children: t, ...r }) => /* @__PURE__ */ x(w, { ...r, children: t });
+export {
+  h as F
+};

package/.chunks/Grid.js

@@ -0,0 +1,18 @@
+import { jsx as a } from "react/jsx-runtime";
+import { n as d } from "./emotion-styled.browser.esm.js";
+const p = d("div")(
+  ({ columns: r, autoColumns: o, rows: e, autoRows: m, gap: t, columnGap: i, rowGap: n, styles: s }) => ({
+    gridTemplateColumns: r,
+    gridAutoColumns: o,
+    gridTemplateRows: e,
+    gridAutoRows: m,
+    gap: `${t}rem`,
+    columnGap: `${i}rem`,
+    rowGap: `${n}rem`,
+    display: "grid",
+    ...s
+  })
+), u = ({ children: r, ...o }) => /* @__PURE__ */ a(p, { ...o, children: r });
+export {
+  u as G
+};