jcicl 0.0.57 → 0.0.58

package/.chunks/TransitionGroupContext.js

@@ -1,58 +1,40 @@
-var y = Object.defineProperty;
-var m = (e, t, n) => t in e ? y(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var u = (e, t, n) => m(e, typeof t != "symbol" ? t + "" : t, n);
+var a = Object.defineProperty;
+var l = (t, e, r) => e in t ? a(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var u = (t, e, r) => l(t, typeof e != "symbol" ? e + "" : e, r);
 import { P as c } from "./DefaultPropsProvider.js";
-import { c as h } from "./chainPropTypes.js";
-import * as o from "react";
-import T from "react";
-function E(e) {
-  const {
-    prototype: t = {}
-  } = e;
-  return !!t.isReactComponent;
+import * as n from "react";
+import p from "react";
+const _ = c.oneOfType([c.func, c.object]);
+function d(t, e) {
+  typeof t == "function" ? t(e) : t && (t.current = e);
 }
-function I(e, t, n, r, l) {
-  const s = e[t], d = l || t;
-  if (s == null || // When server-side rendering React doesn't warn either.
-  // This is not an accurate check for SSR.
-  // This is only in place for emotion compat.
-  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
-  typeof window > "u")
-    return null;
-  let i;
-  return typeof s == "function" && !E(s) && (i = "Did you accidentally provide a plain function component instead?"), i !== void 0 ? new Error(`Invalid ${r} \`${d}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${i} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
-}
-const L = h(c.elementType, I), $ = c.oneOfType([c.func, c.object]);
-function R(e, t) {
-  typeof e == "function" ? e(t) : e && (e.current = t);
-}
-const P = typeof window < "u" ? o.useLayoutEffect : o.useEffect;
-function g(e) {
-  const t = o.useRef(e);
-  return P(() => {
-    t.current = e;
-  }), o.useRef((...n) => (
+const y = typeof window < "u" ? n.useLayoutEffect : n.useEffect;
+function b(t) {
+  const e = n.useRef(t);
+  return y(() => {
+    e.current = t;
+  }), n.useRef((...r) => (
     // @ts-expect-error hide `this`
-    (0, t.current)(...n)
+    (0, e.current)(...r)
   )).current;
 }
-function x(...e) {
-  return o.useMemo(() => e.every((t) => t == null) ? null : (t) => {
-    e.forEach((n) => {
-      R(n, t);
+function P(...t) {
+  return n.useMemo(() => t.every((e) => e == null) ? null : (e) => {
+    t.forEach((r) => {
+      d(r, e);
     });
-  }, e);
+  }, t);
 }
-const p = {};
-function w(e, t) {
-  const n = o.useRef(p);
-  return n.current === p && (n.current = e(t)), n;
+const i = {};
+function h(t, e) {
+  const r = n.useRef(i);
+  return r.current === i && (r.current = t(e)), r;
 }
-const O = [];
-function _(e) {
-  o.useEffect(e, O);
+const m = [];
+function E(t) {
+  n.useEffect(t, m);
 }
-class a {
+class f {
   constructor() {
     u(this, "currentId", null);
     u(this, "clear", () => {
@@ -61,49 +43,49 @@ class a {
     u(this, "disposeEffect", () => this.clear);
   }
   static create() {
-    return new a();
+    return new f();
   }
   /**
    * Executes `fn` after `delay`, clearing any previously scheduled call.
    */
-  start(t, n) {
+  start(e, r) {
     this.clear(), this.currentId = setTimeout(() => {
-      this.currentId = null, n();
-    }, t);
+      this.currentId = null, r();
+    }, e);
   }
 }
-function A() {
-  const e = w(a.create).current;
-  return _(e.disposeEffect), e;
+function R() {
+  const t = h(f.create).current;
+  return E(t.disposeEffect), t;
 }
-function M(e, t) {
-  if (e == null) return {};
-  var n = {};
-  for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
-    if (t.includes(r)) continue;
-    n[r] = e[r];
+function j(t, e) {
+  if (t == null) return {};
+  var r = {};
+  for (var o in t) if ({}.hasOwnProperty.call(t, o)) {
+    if (e.includes(o)) continue;
+    r[o] = t[o];
   }
-  return n;
+  return r;
 }
-function f(e, t) {
-  return f = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
-    return n.__proto__ = r, n;
-  }, f(e, t);
+function s(t, e) {
+  return s = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, o) {
+    return r.__proto__ = o, r;
+  }, s(t, e);
 }
-function k(e, t) {
-  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, f(e, t);
+function L(t, e) {
+  t.prototype = Object.create(e.prototype), t.prototype.constructor = t, s(t, e);
 }
-const D = T.createContext(null);
+const w = p.createContext(null);
 export {
-  D as T,
-  k as _,
-  M as a,
-  A as b,
-  x as c,
-  g as d,
-  L as e,
-  P as f,
-  $ as r,
-  R as s,
-  w as u
+  w as T,
+  L as _,
+  j as a,
+  R as b,
+  P as c,
+  b as d,
+  y as e,
+  f,
+  _ as r,
+  d as s,
+  h as u
 };

package/.chunks/elementTypeAcceptingRef.js

@@ -0,0 +1,23 @@
+import { P as c } from "./DefaultPropsProvider.js";
+import { c as l } from "./chainPropTypes.js";
+function f(n) {
+  const {
+    prototype: e = {}
+  } = n;
+  return !!e.isReactComponent;
+}
+function s(n, e, i, r, p) {
+  const t = n[e], a = p || e;
+  if (t == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let o;
+  return typeof t == "function" && !f(t) && (o = "Did you accidentally provide a plain function component instead?"), o !== void 0 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${i}\`. Expected an element type that can hold a ref. ${o} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const d = l(c.elementType, s);
+export {
+  d as e
+};

package/.chunks/isFocusVisible.js

@@ -0,0 +1,12 @@
+function s(o) {
+  try {
+    return o.matches(":focus-visible");
+  } catch {
+    process.env.NODE_ENV !== "production" && !/jsdom/.test(window.navigator.userAgent) && console.warn(["MUI: The `:focus-visible` pseudo class is not supported in this browser.", "Some components rely on this feature to work properly."].join(`
+`));
+  }
+  return !1;
+}
+export {
+  s as i
+};

package/animation/Spin/Spin.d.ts

@@ -0,0 +1,5 @@
+declare const Spin: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default Spin;

package/animation/Spin/Spin.js

@@ -0,0 +1,22 @@
+import { n as e } from "../../.chunks/emotion-styled.browser.esm.js";
+import { c as r } from "../../.chunks/emotion-react.browser.esm.js";
+const s = e("div")({
+  ...r`
+    transform-style: preserve-3d;
+    @keyframes spin {
+      0% {
+        transform: rotateY(0deg);
+      }
+      100% {
+        transform: rotateY(-360deg);
+      }
+    }
+
+    @media (prefers-reduced-motion: no-preference) {
+      animation: spin infinite 4.7s linear;
+    }
+  `
+});
+export {
+  s as default
+};

package/animation/Spin/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Spin';

package/animation/Spin/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Spin.js";
+export {
+  o as default
+};

package/animation/index.d.ts

@@ -1 +1,2 @@
+export { default as Spin } from './Spin';
 export { default as ZoomEntrance } from './ZoomEntrance';

package/animation/index.js

@@ -1,4 +1,6 @@
-import { default as e } from "./ZoomEntrance/ZoomEntrance.js";
+import { default as e } from "./Spin/Spin.js";
+import { default as t } from "./ZoomEntrance/ZoomEntrance.js";
 export {
-  e as ZoomEntrance
+  e as Spin,
+  t as ZoomEntrance
 };

package/base/Button/Button.d.ts

@@ -1,6 +1,6 @@
 import { ButtonProps as MuiButtonProps } from '@mui/material/Button/Button';
 export interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {
-    variant?: 1 | 2;
+    variant?: 1 | 2 | 'unstyled';
 }
 export declare const Button: React.FC<ButtonProps & {
     children: React.ReactNode;

package/base/Button/Button.js

@@ -1,37 +1,37 @@
-import { jsxs as D, jsx as d } from "react/jsx-runtime";
+import { jsxs as F, jsx as s } from "react/jsx-runtime";
 import * as g from "react";
-import { g as F, a as U, s as c, r as _, c as e, f as H, u as A, b as w, P as t, d as q, e as b } from "../../.chunks/DefaultPropsProvider.js";
-import { m as J } from "../../.chunks/memoTheme.js";
-import { c as K } from "../../.chunks/createSimplePaletteValueFilter.js";
-import { B as Q } from "../../.chunks/ButtonBase.js";
+import { g as U, a as _, s as l, r as H, c as e, f as A, u as q, b as w, P as t, d as J, e as b } from "../../.chunks/DefaultPropsProvider.js";
+import { m as K } from "../../.chunks/memoTheme.js";
+import { c as Q } from "../../.chunks/createSimplePaletteValueFilter.js";
+import { B as I } from "../../.chunks/ButtonBase.js";
 import i from "../../theme.js";
 function X(o) {
-  return F("MuiButton", o);
+  return U("MuiButton", o);
 }
-const l = U("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), I = /* @__PURE__ */ g.createContext({});
-process.env.NODE_ENV !== "production" && (I.displayName = "ButtonGroupContext");
-const h = /* @__PURE__ */ g.createContext(void 0);
-process.env.NODE_ENV !== "production" && (h.displayName = "ButtonGroupButtonContext");
+const c = _("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), h = /* @__PURE__ */ g.createContext({});
+process.env.NODE_ENV !== "production" && (h.displayName = "ButtonGroupContext");
+const O = /* @__PURE__ */ g.createContext(void 0);
+process.env.NODE_ENV !== "production" && (O.displayName = "ButtonGroupButtonContext");
 const Y = (o) => {
   const {
     color: a,
     disableElevation: n,
     fullWidth: r,
-    size: s,
+    size: d,
     variant: p,
     classes: u
-  } = o, f = {
-    root: ["root", p, `${p}${e(a)}`, `size${e(s)}`, `${p}Size${e(s)}`, `color${e(a)}`, n && "disableElevation", r && "fullWidth"],
+  } = o, y = {
+    root: ["root", p, `${p}${e(a)}`, `size${e(d)}`, `${p}Size${e(d)}`, `color${e(a)}`, n && "disableElevation", r && "fullWidth"],
     label: ["label"],
-    startIcon: ["icon", "startIcon", `iconSize${e(s)}`],
-    endIcon: ["icon", "endIcon", `iconSize${e(s)}`]
-  }, y = q(f, X, u);
+    startIcon: ["icon", "startIcon", `iconSize${e(d)}`],
+    endIcon: ["icon", "endIcon", `iconSize${e(d)}`]
+  }, f = J(y, X, u);
   return {
     ...u,
     // forward the focused, disabled, etc. classes to the ButtonBase
-    ...y
+    ...f
   };
-}, O = [{
+}, R = [{
   props: {
     size: "small"
   },
@@ -58,8 +58,8 @@ const Y = (o) => {
       fontSize: 22
     }
   }
-}], Z = c(Q, {
-  shouldForwardProp: (o) => _(o) || o === "classes",
+}], Z = l(I, {
+  shouldForwardProp: (o) => H(o) || o === "classes",
   name: "MuiButton",
   slot: "Root",
   overridesResolver: (o, a) => {
@@ -68,7 +68,7 @@ const Y = (o) => {
     } = o;
     return [a.root, a[n.variant], a[`${n.variant}${e(n.color)}`], a[`size${e(n.size)}`], a[`${n.variant}Size${e(n.size)}`], n.color === "inherit" && a.colorInherit, n.disableElevation && a.disableElevation, n.fullWidth && a.fullWidth];
   }
-})(J(({
+})(K(({
   theme: o
 }) => {
   const a = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], n = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
@@ -84,7 +84,7 @@ const Y = (o) => {
     "&:hover": {
       textDecoration: "none"
     },
-    [`&.${l.disabled}`]: {
+    [`&.${c.disabled}`]: {
       color: (o.vars || o).palette.action.disabled
     },
     variants: [{
@@ -105,10 +105,10 @@ const Y = (o) => {
         "&:active": {
           boxShadow: (o.vars || o).shadows[8]
         },
-        [`&.${l.focusVisible}`]: {
+        [`&.${c.focusVisible}`]: {
           boxShadow: (o.vars || o).shadows[6]
         },
-        [`&.${l.disabled}`]: {
+        [`&.${c.disabled}`]: {
           color: (o.vars || o).palette.action.disabled,
           boxShadow: (o.vars || o).shadows[0],
           backgroundColor: (o.vars || o).palette.action.disabledBackground
@@ -124,7 +124,7 @@ const Y = (o) => {
         borderColor: "var(--variant-outlinedBorder, currentColor)",
         backgroundColor: "var(--variant-outlinedBg)",
         color: "var(--variant-outlinedColor)",
-        [`&.${l.disabled}`]: {
+        [`&.${c.disabled}`]: {
           border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
         }
       }
@@ -137,7 +137,7 @@ const Y = (o) => {
         color: "var(--variant-textColor)",
         backgroundColor: "var(--variant-textBg)"
       }
-    }, ...Object.entries(o.palette).filter(K()).map(([r]) => ({
+    }, ...Object.entries(o.palette).filter(Q()).map(([r]) => ({
       props: {
         color: r
       },
@@ -235,13 +235,13 @@ const Y = (o) => {
         "&:hover": {
           boxShadow: "none"
         },
-        [`&.${l.focusVisible}`]: {
+        [`&.${c.focusVisible}`]: {
           boxShadow: "none"
         },
         "&:active": {
           boxShadow: "none"
         },
-        [`&.${l.disabled}`]: {
+        [`&.${c.disabled}`]: {
           boxShadow: "none"
         }
       }
@@ -254,7 +254,7 @@ const Y = (o) => {
       }
     }]
   };
-})), oo = c("span", {
+})), oo = l("span", {
   name: "MuiButton",
   slot: "StartIcon",
   overridesResolver: (o, a) => {
@@ -274,8 +274,8 @@ const Y = (o) => {
     style: {
       marginLeft: -2
     }
-  }, ...O]
-}), to = c("span", {
+  }, ...R]
+}), to = l("span", {
   name: "MuiButton",
   slot: "EndIcon",
   overridesResolver: (o, a) => {
@@ -295,62 +295,62 @@ const Y = (o) => {
     style: {
       marginRight: -2
     }
-  }, ...O]
-}), R = /* @__PURE__ */ g.forwardRef(function(a, n) {
-  const r = g.useContext(I), s = g.useContext(h), p = H(r, a), u = A({
+  }, ...R]
+}), E = /* @__PURE__ */ g.forwardRef(function(a, n) {
+  const r = g.useContext(h), d = g.useContext(O), p = A(r, a), u = q({
     props: p,
     name: "MuiButton"
   }), {
-    children: f,
-    color: y = "primary",
+    children: y,
+    color: f = "primary",
     component: S = "button",
-    className: N,
+    className: k,
     disabled: z = !1,
-    disableElevation: k = !1,
+    disableElevation: T = !1,
     disableFocusRipple: B = !1,
     endIcon: C,
-    focusVisibleClassName: T,
-    fullWidth: P = !1,
-    size: W = "medium",
+    focusVisibleClassName: P,
+    fullWidth: W = !1,
+    size: M = "medium",
     startIcon: $,
     type: m,
-    variant: M = "text",
-    ...V
+    variant: V = "text",
+    ...L
   } = u, x = {
     ...u,
-    color: y,
+    color: f,
     component: S,
     disabled: z,
-    disableElevation: k,
+    disableElevation: T,
     disableFocusRipple: B,
-    fullWidth: P,
-    size: W,
+    fullWidth: W,
+    size: M,
     type: m,
-    variant: M
-  }, v = Y(x), L = $ && /* @__PURE__ */ d(oo, {
+    variant: V
+  }, v = Y(x), j = $ && /* @__PURE__ */ s(oo, {
     className: v.startIcon,
     ownerState: x,
     children: $
-  }), j = C && /* @__PURE__ */ d(to, {
+  }), G = C && /* @__PURE__ */ s(to, {
     className: v.endIcon,
     ownerState: x,
     children: C
-  }), G = s || "";
-  return /* @__PURE__ */ D(Z, {
+  }), D = d || "";
+  return /* @__PURE__ */ F(Z, {
     ownerState: x,
-    className: w(r.className, v.root, N, G),
+    className: w(r.className, v.root, k, D),
     component: S,
     disabled: z,
     focusRipple: !B,
-    focusVisibleClassName: w(v.focusVisible, T),
+    focusVisibleClassName: w(v.focusVisible, P),
     ref: n,
     type: m,
-    ...V,
+    ...L,
     classes: v,
-    children: [L, f, j]
+    children: [j, y, G]
   });
 });
-process.env.NODE_ENV !== "production" && (R.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`.     │
@@ -444,7 +444,7 @@ process.env.NODE_ENV !== "production" && (R.propTypes = {
    */
   variant: t.oneOfType([t.oneOf(["contained", "outlined", "text"]), t.string])
 });
-const E = c(R)`
+const N = l(E)`
   text-transform: none;
   &:disabled {
     opacity: 0.5;
@@ -453,7 +453,7 @@ const E = c(R)`
     justify-content: center;
     align-items: center;
   }
-`, ao = c(E)`
+`, ao = l(N)`
   background-color: ${i.colors.green};
   border-radius: 0;
   height: 2.5rem;
@@ -473,16 +473,18 @@ const E = c(R)`
   &:disabled {
     background-color: ${i.colors.darkGreen};
   }
-`, no = c(E)`
+`, no = l(N)`
   color: ${i.colors.black};
   border: 3px solid ${i.colors.blue};
   padding: 0.5rem 2rem;
-`, po = ({
+`, ro = l(I)`
+  border-radius: 8px;
+`, uo = ({
   variant: o = 1,
   children: a,
   ...n
-}) => o === 2 ? /* @__PURE__ */ d(no, { ...n, children: /* @__PURE__ */ d("span", { children: a }) }) : /* @__PURE__ */ d(ao, { ...n, children: /* @__PURE__ */ d("span", { children: a }) });
+}) => o === "unstyled" ? /* @__PURE__ */ s(ro, { ...n, children: a }) : o === 2 ? /* @__PURE__ */ s(no, { ...n, children: /* @__PURE__ */ s("span", { children: a }) }) : /* @__PURE__ */ s(ao, { ...n, children: /* @__PURE__ */ s("span", { children: a }) });
 export {
-  po as Button,
-  po as default
+  uo as Button,
+  uo as default
 };

package/base/Input/Input.d.ts

@@ -1,3 +1,6 @@
 import { TextFieldProps as MuiTextFieldProps } from '@mui/material/TextField';
-export declare const Input: React.FC<MuiTextFieldProps>;
+export type InputProps = Omit<MuiTextFieldProps, 'variant'> & {
+    variant?: 'outlined' | 'simple';
+};
+export declare const Input: React.FC<InputProps>;
 export default Input;