jcicl 0.0.193 → 0.0.195

package/.chunks/TransitionGroupContext.js

@@ -76,14 +76,14 @@ function L(t, e) {
 }
 const w = p.createContext(null);
 export {
-  w as T,
+  f as T,
   L as _,
-  d as a,
-  h as b,
-  j as c,
-  R as d,
-  b as e,
-  f,
+  R as a,
+  b,
+  d as c,
+  h as d,
+  j as e,
+  w as f,
   _ as r,
   y as s,
   P as u

package/.chunks/createSvgIcon.js

@@ -1,6 +1,6 @@
 import * as z from "react";
 import { jsxs as I, jsx as b } from "react/jsx-runtime";
-import { a as w, g as C, s as T, e as x, u as N, c as O, P as e, b as R } from "./DefaultPropsProvider.js";
+import { g as w, a as C, s as T, c as x, u as N, b as O, P as e, d as R } from "./DefaultPropsProvider.js";
 import { m as j } from "./memoTheme.js";
 function E(o) {
   return w("MuiSvgIcon", o);

package/.chunks/index.js

@@ -1,4 +1,4 @@
-import { c as v, P as h } from "./DefaultPropsProvider.js";
+import { b as v, P as h } from "./DefaultPropsProvider.js";
 import * as E from "react";
 import "react/jsx-runtime";
 function O(n) {

package/AppContainer/AppContainer.js

@@ -11,14 +11,14 @@ import { Button as K } from "../Button/Button.js";
 import i from "../theme.js";
 import { l as Ae } from "../.chunks/jocologo.js";
 import { X as je } from "../.chunks/Close.js";
-import { P as t, a as Ue, g as Fe, s as ce, r as Ve, e as Z, u as We, c as _, b as Qe } from "../.chunks/DefaultPropsProvider.js";
+import { P as t, g as Ue, a as Fe, s as ce, r as Ve, c as Z, u as We, b as _, d as Qe } from "../.chunks/DefaultPropsProvider.js";
 import { u as Xe } from "../.chunks/index.js";
-import { u as Ge, e as Ye, H as _e, a as ke, g as Je, T as Ke, r as Ze, b as me } from "../.chunks/Portal.js";
+import { b as Ge, e as Ye, H as _e, u as ke, g as Je, T as Ke, r as Ze, c as me } from "../.chunks/Portal.js";
 import { m as Ce } from "../.chunks/memoTheme.js";
-import { g as qe, o as Te, d as eo, M as oo, P as ro } from "../.chunks/Select.js";
+import { g as qe, o as Te, d as eo, M as oo, P as ro } from "../.chunks/TextField.js";
 import { i as to } from "../.chunks/useSlot.js";
 import { c as no } from "../.chunks/chainPropTypes.js";
-import { a as io, u as ao } from "../.chunks/TransitionGroupContext.js";
+import { c as io, u as ao } from "../.chunks/TransitionGroupContext.js";
 function so(e, o, r, n, c) {
   const [l, u] = x.useState(() => c && r ? r(e).matches : n ? n(e).matches : o);
   return io(() => {

package/Button/Button.js

@@ -1,6 +1,6 @@
 import { jsxs as H, jsx as l } from "react/jsx-runtime";
 import * as g from "react";
-import { a as _, g as A, s as c, r as q, e as d, f as J, u as K, c as O, P as t, b as Q, d as v } from "../.chunks/DefaultPropsProvider.js";
+import { g as _, a as A, s as c, r as q, c as d, f as J, u as K, b as O, P as t, d as Q, e as v } from "../.chunks/DefaultPropsProvider.js";
 import { m as X } from "../.chunks/memoTheme.js";
 import { c as Y } from "../.chunks/createSimplePaletteValueFilter.js";
 import { B as S } from "../.chunks/ButtonBase.js";

package/Divider/Divider.js

@@ -1,42 +1,45 @@
-import { jsx as h } from "react/jsx-runtime";
-import { n as D, i as S } from "../.chunks/emotion-styled.browser.esm.js";
+import { jsx as g } from "react/jsx-runtime";
+import { n as C, i as D } from "../.chunks/emotion-styled.browser.esm.js";
 import * as A from "react";
-import { s as b, u as C, c as R, P as i, b as T, d as $ } from "../.chunks/DefaultPropsProvider.js";
-import { m } from "../.chunks/memoTheme.js";
-import { g as L } from "../.chunks/dividerClasses.js";
-const W = (e) => {
+import { a as R, g as S, s as u, u as T, b as L, P as r, d as W, e as $ } from "../.chunks/DefaultPropsProvider.js";
+import { m as b } from "../.chunks/memoTheme.js";
+function I(t) {
+  return S("MuiDivider", t);
+}
+R("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
+const O = (t) => {
   const {
-    absolute: t,
-    children: r,
+    absolute: e,
+    children: i,
     classes: o,
     flexItem: p,
     light: s,
     orientation: a,
-    textAlign: n,
-    variant: l
-  } = e;
-  return T({
-    root: ["root", t && "absolute", l, s && "light", a === "vertical" && "vertical", p && "flexItem", r && "withChildren", r && a === "vertical" && "withChildrenVertical", n === "right" && a !== "vertical" && "textAlignRight", n === "left" && a !== "vertical" && "textAlignLeft"],
+    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"]
-  }, L, o);
-}, O = b("div", {
+  }, I, o);
+}, V = u("div", {
   name: "MuiDivider",
   slot: "Root",
-  overridesResolver: (e, t) => {
+  overridesResolver: (t, e) => {
     const {
-      ownerState: r
-    } = e;
-    return [t.root, r.absolute && t.absolute, t[r.variant], r.light && t.light, r.orientation === "vertical" && t.vertical, r.flexItem && t.flexItem, r.children && t.withChildren, r.children && r.orientation === "vertical" && t.withChildrenVertical, r.textAlign === "right" && r.orientation !== "vertical" && t.textAlignRight, r.textAlign === "left" && r.orientation !== "vertical" && t.textAlignLeft];
+      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: e
+})(b(({
+  theme: t
 }) => ({
   margin: 0,
   // Reset browser default style.
   flexShrink: 0,
   borderWidth: 0,
   borderStyle: "solid",
-  borderColor: (e.vars || e).palette.divider,
+  borderColor: (t.vars || t).palette.divider,
   borderBottomWidth: "thin",
   variants: [{
     props: {
@@ -53,7 +56,7 @@ const W = (e) => {
       light: !0
     },
     style: {
-      borderColor: e.vars ? `rgba(${e.vars.palette.dividerChannel} / 0.08)` : $(e.palette.divider, 0.08)
+      borderColor: t.vars ? `rgba(${t.vars.palette.dividerChannel} / 0.08)` : $(t.palette.divider, 0.08)
     }
   }, {
     props: {
@@ -68,8 +71,8 @@ const W = (e) => {
       orientation: "horizontal"
     },
     style: {
-      marginLeft: e.spacing(2),
-      marginRight: e.spacing(2)
+      marginLeft: t.spacing(2),
+      marginRight: t.spacing(2)
     }
   }, {
     props: {
@@ -77,8 +80,8 @@ const W = (e) => {
       orientation: "vertical"
     },
     style: {
-      marginTop: e.spacing(1),
-      marginBottom: e.spacing(1)
+      marginTop: t.spacing(1),
+      marginBottom: t.spacing(1)
     }
   }, {
     props: {
@@ -99,8 +102,8 @@ const W = (e) => {
     }
   }, {
     props: ({
-      ownerState: t
-    }) => !!t.children,
+      ownerState: e
+    }) => !!e.children,
     style: {
       display: "flex",
       whiteSpace: "nowrap",
@@ -115,31 +118,31 @@ const W = (e) => {
     }
   }, {
     props: ({
-      ownerState: t
-    }) => t.children && t.orientation !== "vertical",
+      ownerState: e
+    }) => e.children && e.orientation !== "vertical",
     style: {
       "&::before, &::after": {
         width: "100%",
-        borderTop: `thin solid ${(e.vars || e).palette.divider}`,
+        borderTop: `thin solid ${(t.vars || t).palette.divider}`,
         borderTopStyle: "inherit"
       }
     }
   }, {
     props: ({
-      ownerState: t
-    }) => t.orientation === "vertical" && t.children,
+      ownerState: e
+    }) => e.orientation === "vertical" && e.children,
     style: {
       flexDirection: "column",
       "&::before, &::after": {
         height: "100%",
-        borderLeft: `thin solid ${(e.vars || e).palette.divider}`,
+        borderLeft: `thin solid ${(t.vars || t).palette.divider}`,
         borderLeftStyle: "inherit"
       }
     }
   }, {
     props: ({
-      ownerState: t
-    }) => t.textAlign === "right" && t.orientation !== "vertical",
+      ownerState: e
+    }) => e.textAlign === "right" && e.orientation !== "vertical",
     style: {
       "&::before": {
         width: "90%"
@@ -150,8 +153,8 @@ const W = (e) => {
     }
   }, {
     props: ({
-      ownerState: t
-    }) => t.textAlign === "left" && t.orientation !== "vertical",
+      ownerState: e
+    }) => e.textAlign === "left" && e.orientation !== "vertical",
     style: {
       "&::before": {
         width: "10%"
@@ -161,68 +164,68 @@ const W = (e) => {
       }
     }
   }]
-}))), I = b("span", {
+}))), N = u("span", {
   name: "MuiDivider",
   slot: "Wrapper",
-  overridesResolver: (e, t) => {
+  overridesResolver: (t, e) => {
     const {
-      ownerState: r
-    } = e;
-    return [t.wrapper, r.orientation === "vertical" && t.wrapperVertical];
+      ownerState: i
+    } = t;
+    return [e.wrapper, i.orientation === "vertical" && e.wrapperVertical];
   }
-})(m(({
-  theme: e
+})(b(({
+  theme: t
 }) => ({
   display: "inline-block",
-  paddingLeft: `calc(${e.spacing(1)} * 1.2)`,
-  paddingRight: `calc(${e.spacing(1)} * 1.2)`,
+  paddingLeft: `calc(${t.spacing(1)} * 1.2)`,
+  paddingRight: `calc(${t.spacing(1)} * 1.2)`,
   variants: [{
     props: {
       orientation: "vertical"
     },
     style: {
-      paddingTop: `calc(${e.spacing(1)} * 1.2)`,
-      paddingBottom: `calc(${e.spacing(1)} * 1.2)`
+      paddingTop: `calc(${t.spacing(1)} * 1.2)`,
+      paddingBottom: `calc(${t.spacing(1)} * 1.2)`
     }
   }]
-}))), d = /* @__PURE__ */ A.forwardRef(function(t, r) {
-  const o = C({
-    props: t,
+}))), d = /* @__PURE__ */ A.forwardRef(function(e, i) {
+  const o = T({
+    props: e,
     name: "MuiDivider"
   }), {
     absolute: p = !1,
     children: s,
     className: a,
-    orientation: n = "horizontal",
-    component: l = s || n === "vertical" ? "div" : "hr",
-    flexItem: g = !1,
-    light: u = !1,
-    role: c = l !== "hr" ? "separator" : void 0,
+    orientation: l = "horizontal",
+    component: n = s || l === "vertical" ? "div" : "hr",
+    flexItem: f = !1,
+    light: m = !1,
+    role: c = n !== "hr" ? "separator" : void 0,
     textAlign: x = "center",
     variant: w = "fullWidth",
     ...y
-  } = o, f = {
+  } = o, h = {
     ...o,
     absolute: p,
-    component: l,
-    flexItem: g,
-    light: u,
-    orientation: n,
+    component: n,
+    flexItem: f,
+    light: m,
+    orientation: l,
     role: c,
     textAlign: x,
     variant: w
-  }, v = W(f);
-  return /* @__PURE__ */ h(O, {
-    as: l,
-    className: R(v.root, a),
+  }, v = O(h);
+  return /* @__PURE__ */ g(V, {
+    as: n,
+    className: L(v.root, a),
     role: c,
-    ref: r,
-    ownerState: f,
-    "aria-orientation": c === "separator" && (l !== "hr" || n === "vertical") ? n : void 0,
+    ref: i,
+    ownerState: h,
+    "aria-orientation": c === "separator" && (n !== "hr" || l === "vertical") ? l : void 0,
     ...y,
-    children: s ? /* @__PURE__ */ h(I, {
+    children: s ? /* @__PURE__ */ g(N, {
       className: v.wrapper,
-      ownerState: f,
+      ownerState: h,
       children: s
     }) : null
   });
@@ -237,71 +240,71 @@ process.env.NODE_ENV !== "production" && (d.propTypes = {
    * Absolutely position the element.
    * @default false
    */
-  absolute: i.bool,
+  absolute: r.bool,
   /**
    * The content of the component.
    */
-  children: i.node,
+  children: r.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: i.object,
+  classes: r.object,
   /**
    * @ignore
    */
-  className: i.string,
+  className: r.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: i.elementType,
+  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: i.bool,
+  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: i.bool,
+  light: r.bool,
   /**
    * The component orientation.
    * @default 'horizontal'
    */
-  orientation: i.oneOf(["horizontal", "vertical"]),
+  orientation: r.oneOf(["horizontal", "vertical"]),
   /**
    * @ignore
    */
-  role: i.string,
+  role: r.string,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object]),
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
   /**
    * The text alignment.
    * @default 'center'
    */
-  textAlign: i.oneOf(["center", "left", "right"]),
+  textAlign: r.oneOf(["center", "left", "right"]),
   /**
    * The variant to use.
    * @default 'fullWidth'
    */
-  variant: i.oneOfType([i.oneOf(["fullWidth", "inset", "middle"]), i.string])
+  variant: r.oneOfType([r.oneOf(["fullWidth", "inset", "middle"]), r.string])
 });
-const N = D(d, {
-  shouldForwardProp: (e) => S(e) && typeof e == "string"
-})(({ color: e = "midnight", opacity: t = 1, spacing: r = 8, vertical: o }) => ({
-  borderBottomColor: o ? "transparent" : e,
-  borderRightColor: o ? e : "transparent",
-  opacity: t,
-  margin: o ? `0 ${r}px` : `${r}px 0`,
+const B = C(d, {
+  shouldForwardProp: (t) => D(t) && typeof t == "string"
+})(({ color: t = "midnight", opacity: e = 1, spacing: i = 8, vertical: o }) => ({
+  borderBottomColor: o ? "transparent" : t,
+  borderRightColor: o ? t : "transparent",
+  opacity: e,
+  margin: o ? `0 ${i}px` : `${i}px 0`,
   height: o ? "100%" : 0,
   width: o ? 1 : "100%"
-})), z = ({ orientation: e, ...t }) => /* @__PURE__ */ h(N, { vertical: e === "vertical", ...t });
+})), k = ({ orientation: t, ...e }) => /* @__PURE__ */ g(B, { vertical: t === "vertical", ...e });
 export {
-  z as Divider,
-  z as default
+  k as Divider,
+  k as default
 };

package/LabeledCheckbox/LabeledCheckbox.js

@@ -3,7 +3,7 @@ import { n as oe } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as te } from "../.chunks/emotion-react.browser.esm.js";
 import ae from "../theme.js";
 import * as v from "react";
-import { a as E, g as q, s as O, r as V, c as U, P as e, e as b, b as H, d as T, u as ne } from "../.chunks/DefaultPropsProvider.js";
+import { g as E, a as q, s as O, r as V, b as U, P as e, c as b, d as H, e as T, u as ne } from "../.chunks/DefaultPropsProvider.js";
 import { u as se } from "../.chunks/useFormControl.js";
 import { B as re } from "../.chunks/ButtonBase.js";
 import { u as ce } from "../.chunks/useControlled.js";

package/LabeledDropdown/LabeledDropdown.d.ts

@@ -1,4 +1,4 @@
-import { SelectProps } from '@mui/material/Select';
+import { AutocompleteProps } from '@mui/material/Autocomplete';
 export type DropdownOption = {
     label: string;
     value: string | number;
@@ -9,6 +9,6 @@ export type LabeledDropdownProps = {
     options: DropdownOption[];
     borderFocusColor?: string;
     minWidth?: string;
-} & SelectProps;
+} & AutocompleteProps<DropdownOption, false, false, false>;
 export declare const LabeledDropdown: React.FC<LabeledDropdownProps>;
 export default LabeledDropdown;