jcicl 1.0.76 → 1.0.78

package/Button/Button.js

@@ -1,14 +1,16 @@
-import { jsx as e, jsxs as g } from "react/jsx-runtime";
-import { useState as N } from "react";
-import { B as j } from "../.chunks/Button.js";
-import { i as S } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as v } from "../.chunks/emotion-react.browser.esm.js";
-import { s as b, c as p } from "../.chunks/DefaultPropsProvider.js";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { useState as $ } from "react";
+import { B as k } from "../.chunks/Button.js";
+import { i as _ } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as g } from "../.chunks/emotion-react.browser.esm.js";
+import { cn as b } from "../cn.js";
 import a from "../theme.js";
-import { Tooltip as T } from "../Tooltip/Tooltip.js";
-import { useThemeColors as F } from "../ThemeContext.js";
-import { B as l } from "../.chunks/ButtonBase.js";
-import { C as I } from "../.chunks/check.js";
+import { Tooltip as N } from "../Tooltip/Tooltip.js";
+import { useThemeColors as j } from "../ThemeContext.js";
+import { logger as S } from "../logger.js";
+import { s as x } from "../.chunks/DefaultPropsProvider.js";
+import { B as p } from "../.chunks/ButtonBase.js";
+import { C as T } from "../.chunks/check.js";
 const C = [
   "active",
   "customBackgroundColor",
@@ -16,7 +18,7 @@ const C = [
   "customTextColor",
   "customShadow1",
   "customShadow2"
-], d = b(j, { shouldForwardProp: (t) => !C.includes(t) })`
+], c = x(k, { shouldForwardProp: (t) => !C.includes(t) })`
   text-transform: none;
   &:disabled {
     opacity: 0.5;
@@ -29,11 +31,11 @@ const C = [
   span {
     align-items: center !important;
   }
-`, z = "!bg-[#009200] !h-10 !border-2 !border-transparent !text-white transition-all duration-[313ms] ease-in !rounded-[32px] !font-normal !py-3 !px-8 !text-base shadow-[0px_0px_2px_1px_rgba(100,100,100,0.63)] hover:!bg-[#005c00] hover:shadow-[0px_0px_2px_1px_rgba(0,0,0,0.63)] focus-visible:!bg-[#005c00] focus-visible:shadow-[0px_0px_2px_1px_rgba(0,0,0,0.63)] disabled:!bg-[#005c00]", w = "!bg-[#fab62d] !h-10 !border-2 !border-transparent !text-[#131313] transition-all duration-[313ms] ease-in !rounded-[32px] !font-normal !py-3 !px-8 !text-base shadow-[0px_0px_2px_1px_rgba(100,100,100,0.63)] hover:!bg-[#e0a022] focus-visible:!bg-[#e0a022] disabled:!bg-[#e0a022]", A = "!h-10 !border-2 !border-transparent transition-all duration-[313ms] ease-in !rounded-[32px] !font-normal !py-3 !px-8 !text-base !bg-[var(--btn-bg)] hover:!bg-[var(--btn-hover)] focus-visible:!bg-[var(--btn-hover)] disabled:!bg-[var(--btn-hover)] !text-[var(--btn-text)] !shadow-[var(--btn-shadow)] hover:!shadow-[var(--btn-shadow-hover)] focus-visible:!shadow-[var(--btn-shadow-hover)]", G = b(l, {
-  shouldForwardProp: (t) => typeof t == "string" && S(t)
+`, F = "!bg-[#009200] !h-10 !border-2 !border-transparent !text-white transition-all duration-[313ms] ease-in !rounded-[32px] !font-normal !py-3 !px-8 !text-base shadow-[0px_0px_2px_1px_rgba(100,100,100,0.63)] hover:!bg-[#005c00] hover:shadow-[0px_0px_2px_1px_rgba(0,0,0,0.63)] focus-visible:!bg-[#005c00] focus-visible:shadow-[0px_0px_2px_1px_rgba(0,0,0,0.63)] disabled:!bg-[#005c00]", h = "!bg-[#fab62d] !h-10 !border-2 !border-transparent !text-[#131313] transition-all duration-[313ms] ease-in !rounded-[32px] !font-normal !py-3 !px-8 !text-base shadow-[0px_0px_2px_1px_rgba(100,100,100,0.63)] hover:!bg-[#e0a022] focus-visible:!bg-[#e0a022] disabled:!bg-[#e0a022]", I = "!h-10 !border-2 !border-transparent transition-all duration-[313ms] ease-in !rounded-[32px] !font-normal !py-3 !px-8 !text-base !bg-[var(--btn-bg)] hover:!bg-[var(--btn-hover)] focus-visible:!bg-[var(--btn-hover)] disabled:!bg-[var(--btn-hover)] !text-[var(--btn-text)] !shadow-[var(--btn-shadow)] hover:!shadow-[var(--btn-shadow-hover)] focus-visible:!shadow-[var(--btn-shadow-hover)]", z = x(p, {
+  shouldForwardProp: (t) => typeof t == "string" && _(t)
 })(
-  ({ size: t, color: o, highlightColor: r, hoverColor: i }) => ({
-    ...v`
+  ({ size: t, color: o, highlightColor: s, hoverColor: i }) => ({
+    ...g`
       display: flex;
       align-items: center;
       justify-content: center;
@@ -43,8 +45,8 @@ const C = [
       &:hover,
       :focus-visible {
         svg {
-          filter: drop-shadow(0 0 6px ${r}) drop-shadow(0 0 6px ${r})
-            drop-shadow(0 0 6px ${r}) drop-shadow(0 0 6px ${r});
+          filter: drop-shadow(0 0 6px ${s}) drop-shadow(0 0 6px ${s})
+            drop-shadow(0 0 6px ${s}) drop-shadow(0 0 6px ${s});
           fill: ${i || o};
         }
       }
@@ -57,9 +59,9 @@ const C = [
       }
     `
   })
-), H = b(l)(
+), A = x(p)(
   ({ backgroundColor: t, borderColor: o }) => ({
-    ...v`
+    ...g`
       height: 28px;
       border-radius: 20px;
       border-width: 2px;
@@ -93,85 +95,81 @@ const C = [
       }
     `
   })
-), X = ({
+), Y = ({
   variant: t = 1,
   size: o = 50,
-  color: r,
+  color: s,
   highlightColor: i,
-  hoverColor: c,
+  hoverColor: d,
   backgroundColor: m,
-  textColor: x,
-  customShadow1: y,
-  customShadow2: B,
-  children: s,
-  textToCopy: $,
-  active: k,
-  width: V,
+  textColor: l,
+  customShadow1: w,
+  customShadow2: v,
+  children: r,
+  textToCopy: y,
+  active: B,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- public API prop reserved for bibi variants; destructured to keep it out of muiProps spread
+  width: H,
   ...n
 }) => {
-  const u = F();
-  if (t === "custom")
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        style: {
-          "--btn-bg": m || a.colors.green,
-          "--btn-hover": c || a.colors.darkGreen,
-          "--btn-text": x || a.colors.white,
-          "--btn-shadow": y || a.boxShadows.gray63,
-          "--btn-shadow-hover": B || a.boxShadows.black63,
-          display: "contents"
-        },
-        children: /* @__PURE__ */ e(d, { className: p("jcCustomButton", A), ...n, children: s })
-      }
-    );
-  if (t === "unstyled")
-    return /* @__PURE__ */ e(l, { className: "block", ...n, children: s });
-  if (t === "copy") {
-    const [f, h] = N(!1);
-    return /* @__PURE__ */ g("div", { className: "flex", onClick: async () => {
-      try {
-        await navigator.clipboard.writeText($ || String(s)), h(!0), setTimeout(() => h(!1), 1100);
-      } catch (_) {
-        console.error("Failed to copy text: ", _);
-      }
-    }, children: [
-      /* @__PURE__ */ e(T, { title: "Copy to clipboard", children: /* @__PURE__ */ e(
-        l,
-        {
-          className: "block [font-family:inherit] [font-size:inherit] [font-weight:inherit]",
-          ...n,
-          children: s
-        }
-      ) }),
-      f && /* @__PURE__ */ g("span", { className: "inline ml-2 text-sm text-[#727272] content-center", children: [
-        /* @__PURE__ */ e(I, { size: 12, className: "inline align-middle !h-[14px] !w-[14px] m-0" }),
-        " Copied"
-      ] })
-    ] });
-  }
-  return t === 2 ? /* @__PURE__ */ e(d, { className: w, ...n, children: /* @__PURE__ */ e("span", { children: s }) }) : t === "icon" ? (r = r || a.colors.green, i = i || a.colors.dandelion, c = c || a.colors.green, /* @__PURE__ */ e(G, { className: "jcIconButton", ...{ size: o, color: r, highlightColor: i, hoverColor: c }, ...n, children: s })) : t === "filter" ? /* @__PURE__ */ e(
-    d,
+  const u = j();
+  return t === "custom" ? /* @__PURE__ */ e(
+    "div",
     {
-      className: p(
+      style: {
+        "--btn-bg": m || a.colors.green,
+        "--btn-hover": d || a.colors.darkGreen,
+        "--btn-text": l || a.colors.white,
+        "--btn-shadow": w || a.boxShadows.gray63,
+        "--btn-shadow-hover": v || a.boxShadows.black63,
+        display: "contents"
+      },
+      children: /* @__PURE__ */ e(c, { className: b("jcCustomButton", I), ...n, children: r })
+    }
+  ) : t === "unstyled" ? /* @__PURE__ */ e(p, { className: "block", ...n, children: r }) : t === "copy" ? /* @__PURE__ */ e(G, { textToCopy: y, muiProps: n, children: r }) : t === 2 ? /* @__PURE__ */ e(c, { className: h, ...n, children: /* @__PURE__ */ e("span", { children: r }) }) : t === "icon" ? (s = s || a.colors.green, i = i || a.colors.dandelion, d = d || a.colors.green, /* @__PURE__ */ e(z, { className: "jcIconButton", ...{ size: o, color: s, highlightColor: i, hoverColor: d }, ...n, children: r })) : t === "filter" ? /* @__PURE__ */ e(
+    c,
+    {
+      className: b(
         "jcFilterButton",
         "!box-border !h-[28px] !rounded-[18px] !flex !items-center !justify-center !border-2 transition-all duration-[108ms] ease-in !font-medium",
-        k ? "!bg-black !border-transparent !text-white hover:!bg-[#404040]" : "!bg-white !border-black !text-black hover:!bg-[#dddddd]"
+        B ? "!bg-black !border-transparent !text-white hover:!bg-[#404040]" : "!bg-white !border-black !text-black hover:!bg-[#dddddd]"
       ),
       ...n,
-      children: s
+      children: r
     }
-  ) : t === "form" ? /* @__PURE__ */ e(d, { className: p("jcFormButton", w, "!w-[447px] !self-center"), ...n, children: /* @__PURE__ */ e("span", { children: s }) }) : t === "pill" ? /* @__PURE__ */ e(
-    H,
+  ) : t === "form" ? /* @__PURE__ */ e(c, { className: b("jcFormButton", h, "!w-[447px] !self-center"), ...n, children: /* @__PURE__ */ e("span", { children: r }) }) : t === "pill" ? /* @__PURE__ */ e(
+    A,
     {
       backgroundColor: m || u.themeIconBackgroundB,
-      borderColor: x || u.themeIconBackgroundA,
+      borderColor: l || u.themeIconBackgroundA,
       ...n,
-      children: /* @__PURE__ */ e("span", { children: s })
+      children: /* @__PURE__ */ e("span", { children: r })
+    }
+  ) : /* @__PURE__ */ e(c, { className: F, ...n, children: /* @__PURE__ */ e("span", { children: r }) });
+}, G = ({ textToCopy: t, muiProps: o, children: s }) => {
+  const [i, d] = $(!1);
+  return /* @__PURE__ */ f("div", { className: "flex", onClick: async () => {
+    try {
+      await navigator.clipboard.writeText(t || String(s)), d(!0), setTimeout(() => d(!1), 1100);
+    } catch (l) {
+      S.error("Failed to copy text: ", l);
     }
-  ) : /* @__PURE__ */ e(d, { className: z, ...n, children: /* @__PURE__ */ e("span", { children: s }) });
+  }, children: [
+    /* @__PURE__ */ e(N, { title: "Copy to clipboard", children: /* @__PURE__ */ e(
+      p,
+      {
+        className: "block [font-family:inherit] [font-size:inherit] [font-weight:inherit]",
+        ...o,
+        children: s
+      }
+    ) }),
+    i && /* @__PURE__ */ f("span", { className: "inline ml-2 text-sm text-[#727272] content-center", children: [
+      /* @__PURE__ */ e(T, { size: 12, className: "inline align-middle !h-[14px] !w-[14px] m-0" }),
+      " Copied"
+    ] })
+  ] });
 };
 export {
-  X as Button,
-  X as default
+  Y as Button,
+  Y as default
 };

package/Divider/Divider.js

@@ -1,7 +1,8 @@
-import { jsx as g } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import { n as C, i as D } from "../.chunks/emotion-styled.browser.esm.js";
 import * as A from "react";
-import { a as R, g as S, s as u, u as T, c as L, P as r, d as W, e as $ } from "../.chunks/DefaultPropsProvider.js";
+import { a as R, g as S, s as u, u as T, P as r, b as L, d as W } from "../.chunks/DefaultPropsProvider.js";
+import { c as $ } from "../.chunks/clsx.js";
 import { m as b } from "../.chunks/memoTheme.js";
 function I(t) {
   return S("MuiDivider", t);
@@ -18,7 +19,7 @@ const O = (t) => {
     textAlign: l,
     variant: n
   } = t;
-  return W({
+  return L({
     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"]
   }, I, o);
@@ -56,7 +57,7 @@ const O = (t) => {
       light: !0
     },
     style: {
-      borderColor: t.vars ? `rgba(${t.vars.palette.dividerChannel} / 0.08)` : $(t.palette.divider, 0.08)
+      borderColor: t.vars ? `rgba(${t.vars.palette.dividerChannel} / 0.08)` : W(t.palette.divider, 0.08)
     }
   }, {
     props: {
@@ -198,7 +199,7 @@ const O = (t) => {
     className: a,
     orientation: l = "horizontal",
     component: n = s || l === "vertical" ? "div" : "hr",
-    flexItem: f = !1,
+    flexItem: g = !1,
     light: m = !1,
     role: c = n !== "hr" ? "separator" : void 0,
     textAlign: x = "center",
@@ -208,22 +209,22 @@ const O = (t) => {
     ...o,
     absolute: p,
     component: n,
-    flexItem: f,
+    flexItem: g,
     light: m,
     orientation: l,
     role: c,
     textAlign: x,
     variant: w
   }, v = O(h);
-  return /* @__PURE__ */ g(V, {
+  return /* @__PURE__ */ f(V, {
     as: n,
-    className: L(v.root, a),
+    className: $(v.root, a),
     role: c,
     ref: i,
     ownerState: h,
     "aria-orientation": c === "separator" && (n !== "hr" || l === "vertical") ? l : void 0,
     ...y,
-    children: s ? /* @__PURE__ */ g(N, {
+    children: s ? /* @__PURE__ */ f(N, {
       className: v.wrapper,
       ownerState: h,
       children: s
@@ -303,8 +304,8 @@ const B = C(d, {
   margin: o ? `0 ${i}px` : `${i}px 0`,
   height: o ? "100%" : 0,
   width: o ? 1 : "100%"
-})), k = ({ orientation: t, ...e }) => /* @__PURE__ */ g(B, { vertical: t === "vertical", ...e });
+})), z = ({ orientation: t, ...e }) => /* @__PURE__ */ f(B, { vertical: t === "vertical", ...e });
 export {
-  k as Divider,
-  k as default
+  z as Divider,
+  z as default
 };

package/EditableDetailItemWithIcon/EditableDetailItemWithIcon.d.ts

@@ -1,5 +1,6 @@
 import { default as React, ReactElement, ForwardRefExoticComponent } from 'react';
 import { LucideProps } from 'lucide-react';
+import { FormInputType } from '../FormInput';
 export interface EditableDetailItemWithIconProps {
     icon: ForwardRefExoticComponent<Omit<LucideProps, 'ref'>>;
     iconSize?: number;
@@ -10,9 +11,9 @@ export interface EditableDetailItemWithIconProps {
     onValueChange?: (newValue: string) => void;
     onSave?: () => void;
     onCancel?: () => void;
-    passedTheme?: any;
+    passedTheme?: unknown;
     copyOnClick?: boolean;
-    type?: string;
+    type?: FormInputType;
 }
 declare const EditableDetailItemWithIcon: React.FC<EditableDetailItemWithIconProps>;
 export default EditableDetailItemWithIcon;

package/EditableDetailItemWithIcon/EditableDetailItemWithIcon.js

@@ -1,25 +1,25 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import { useState as B } from "react";
 import { n as k } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as I } from "../.chunks/emotion-react.browser.esm.js";
 import e from "../theme.js";
-import { Flex as c } from "../Flex/Flex.js";
+import { Flex as i } from "../Flex/Flex.js";
 import { Input as y } from "../Input/Input.js";
 import { DetailItemContainer as D } from "../DetailPageComponents/DetailPageComponents.js";
 import z from "../SquareIcon/SquareIcon.js";
-import s from "../SquareIconButton/SquareIconButton.js";
+import d from "../SquareIconButton/SquareIconButton.js";
 import { Button as j } from "../Button/Button.js";
 import { useThemeColors as G } from "../ThemeContext.js";
 import { c as L } from "../.chunks/createLucideIcon.js";
-import { X as S } from "../.chunks/x.js";
-import { C as W } from "../.chunks/check.js";
+import { X as W } from "../.chunks/x.js";
+import { C as q } from "../.chunks/check.js";
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const q = [
+const E = [
   [
     "path",
     {
@@ -28,7 +28,7 @@ const q = [
     }
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
-], E = L("pencil", q), T = k("p")(() => ({
+], T = L("pencil", E), _ = k("p")(() => ({
   ...I`
     font-size: 0.875rem;
     font-weight: 500;
@@ -42,74 +42,74 @@ const q = [
     word-wrap: break-word;
     margin: 0;
   `
-})), v = (i) => /* @__PURE__ */ o(_, { ...i }), _ = ({
-  icon: i,
-  iconSize: C = 20,
-  onValueChange: p,
-  onSave: d,
-  onCancel: f,
+})), F = (n) => /* @__PURE__ */ o(A, { ...n }), A = ({
+  icon: n,
+  iconSize: b = 20,
+  onValueChange: f,
+  onSave: m,
+  onCancel: l,
   customEditForm: a,
   editButtonMarginTop: h,
-  label: b,
-  value: l,
+  label: w,
+  value: s,
   copyOnClick: u = !1,
-  type: w
+  type: C
 }) => {
-  const [r, m] = B(!1), t = G();
-  return /* @__PURE__ */ o(D, { children: /* @__PURE__ */ n(c, { gap: "19px", children: [
+  const [r, p] = B(!1), t = G();
+  return /* @__PURE__ */ o(D, { children: /* @__PURE__ */ c(i, { gap: "19px", children: [
     /* @__PURE__ */ o(
       z,
       {
-        icon: i,
-        iconSize: C,
+        icon: n,
+        iconSize: b,
         color: t.themeIconColorB,
         backgroundColor: t.themeIconBackgroundB
       }
     ),
-    /* @__PURE__ */ n(c, { justifyContent: "space-between", width: "100%", gap: "12px", children: [
-      /* @__PURE__ */ n(c, { column: !0, styles: { flexGrow: 1 }, children: [
-        /* @__PURE__ */ o(T, { children: b }),
-        !r && !u && /* @__PURE__ */ o(g, { children: l }),
-        !r && u && /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(j, { variant: "copy", children: l }) }),
+    /* @__PURE__ */ c(i, { justifyContent: "space-between", width: "100%", gap: "12px", children: [
+      /* @__PURE__ */ c(i, { column: !0, styles: { flexGrow: 1 }, children: [
+        /* @__PURE__ */ o(_, { children: w }),
+        !r && !u && /* @__PURE__ */ o(g, { children: s }),
+        !r && u && /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(j, { variant: "copy", children: s }) }),
         r && !a && /* @__PURE__ */ o(
           y,
           {
-            type: w,
-            defaultValue: l,
-            onChange: (x) => p && p(x.target.value)
+            type: C,
+            defaultValue: s,
+            onChange: (x) => f && f(x.target.value)
           }
         ),
         r && a && a
       ] }),
       !r && /* @__PURE__ */ o(
-        s,
+        d,
         {
           backgroundColor: t.themeIconBackgroundB,
           color: t.themeIconColorB,
-          icon: E,
-          onClick: () => m(!0)
+          icon: T,
+          onClick: () => p(!0)
         }
       ),
-      r && /* @__PURE__ */ n(c, { gap: "9px", styles: { marginTop: h || "0" }, children: [
+      r && /* @__PURE__ */ c(i, { gap: "9px", styles: { marginTop: h || "0" }, children: [
         /* @__PURE__ */ o(
-          s,
+          d,
           {
             backgroundColor: e.colors.cherryBlossom,
             color: e.colors.maroon,
-            icon: S,
+            icon: W,
             onClick: () => {
-              m(!1), f && f();
+              p(!1), l == null || l();
             }
           }
         ),
         /* @__PURE__ */ o(
-          s,
+          d,
           {
-            icon: W,
+            icon: q,
             backgroundColor: e.colors.whiteGreenA,
             color: e.colors.darkGreen,
             onClick: () => {
-              m(!1), d && d();
+              p(!1), m == null || m();
             }
           }
         )
@@ -118,5 +118,5 @@ const q = [
   ] }) });
 };
 export {
-  v as default
+  F as default
 };

package/EditableInfoCard/EditableInfoCard.d.ts

@@ -14,7 +14,7 @@ interface EditableInfoCardStyleProps {
     styles?: CSSObject;
     /** Save event handler. Exposes card data through a json object with key value pairs corresponding to the card labels, with spaces removed. **Usage:** ```onSave(items) => { ...doStuff }``` */
     onSave: (items: {
-        [key: string]: any;
+        [key: string]: unknown;
     }) => void;
     onCancel?: () => void;
     onEdit?: () => void;

package/EditableInfoCard/EditableInfoCard.js

@@ -19,7 +19,7 @@ const ro = F(/* @__PURE__ */ o("path", {
 }), "Edit"), no = F(/* @__PURE__ */ o("path", {
   d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
 }), "Check"), V = l("div")(
-  ({ width: e, padding: a, shadow: r, styles: m, isEditing: d, customTheme: u }) => ({
+  ({ width: e, padding: a, shadow: r, styles: m, isEditing: c, customTheme: u }) => ({
     ...f`
       width: ${e};
       max-width: 100%;
@@ -37,11 +37,11 @@ const ro = F(/* @__PURE__ */ o("path", {
       border-radius: 5px;
       background-color: ${C.colors.white};
       ${m};
-      z-index: ${d ? 0 : 1};
+      z-index: ${c ? 0 : 1};
       position: relative;
-      transform: ${d ? "rotateY(-180deg)" : "rotateY(0deg)"};
+      transform: ${c ? "rotateY(-180deg)" : "rotateY(0deg)"};
       transition: 920ms all ease-in-out;
-      opacity: ${d ? "0" : "1"};
+      opacity: ${c ? "0" : "1"};
     `
   })
 ), ao = l(eo, {
@@ -105,20 +105,20 @@ const ro = F(/* @__PURE__ */ o("path", {
   width: 100%;
 `, j = l("div")`
   height: 19px;
-`, yo = ({
+`, So = ({
   decorativeElement: e,
   title: a,
   items: r = [],
   padding: m = "1rem 2rem",
-  shadow: d,
+  shadow: c,
   spacing: u = "2rem",
   titleSpacing: v = "1rem",
   canEditTitle: I = !0,
   columns: z = 3,
   styles: Y,
   width: E = "100%",
-  loading: y = !1,
-  titleLoading: S = !1,
+  loading: S = !1,
+  titleLoading: y = !1,
   onSave: D = () => {
   },
   onCancel: W = () => {
@@ -126,27 +126,27 @@ const ro = F(/* @__PURE__ */ o("path", {
   onEdit: X = () => {
   }
 }) => {
-  const b = r.reduce((t, i) => ({ ...t, [i.label]: i.value }), { titleValue: a }), [U, g] = T(!1), [c, p] = T(b);
+  const b = r.reduce((t, i) => ({ ...t, [i.label]: i.value }), { titleValue: a }), [U, g] = T(!1), [s, p] = T(b);
   O(() => {
     p(b);
   }, [r]);
   const q = () => {
     X(), g(!0);
   }, A = () => {
-    D(c), g(!1);
+    D(s), g(!1);
   }, G = () => {
     W(), p(b), g(!1);
   }, H = (t, i) => {
     p((N) => ({ ...N, [t]: i }));
   }, J = (t) => {
     p((i) => ({ ...i, titleValue: t }));
-  }, K = Math.ceil(r.length / z), s = 50, k = { width: E, padding: m, shadow: d, styles: Y, isEditing: U }, B = { spacing: u, columns: z, numRows: K }, x = oo();
+  }, K = Math.ceil(r.length / z), d = 50, k = { width: E, padding: m, shadow: c, styles: Y, isEditing: U }, B = { spacing: u, columns: z, numRows: K }, x = oo();
   return /* @__PURE__ */ n(lo, { children: [
     /* @__PURE__ */ n(V, { ...k, customTheme: x, children: [
       /* @__PURE__ */ n(h, { width: "100%", gap: "1rem", justifyContent: "space-between", children: [
         /* @__PURE__ */ n(h, { width: "100%", gap: v, alignItems: "center", children: [
           e && e,
-          /* @__PURE__ */ o(M, { size: 36, loading: I && S, children: /* @__PURE__ */ o("h3", { children: a }) })
+          /* @__PURE__ */ o(M, { size: 36, loading: I && y, children: /* @__PURE__ */ o("h3", { children: a }) })
         ] }),
         /* @__PURE__ */ o(
           $,
@@ -169,16 +169,16 @@ const ro = F(/* @__PURE__ */ o("path", {
           }
         )
       ] }),
-      /* @__PURE__ */ o(R, { ...B, children: y ? /* @__PURE__ */ n(P, { children: [
+      /* @__PURE__ */ o(R, { ...B, children: S ? /* @__PURE__ */ n(P, { children: [
         /* @__PURE__ */ o(j, {}),
         /* @__PURE__ */ o(
           L,
           {
-            size: s,
+            size: d,
             styles: {
               position: "absolute",
-              top: `calc(50% - ${s / 2}px)`,
-              right: `calc(50% - ${s / 2}px)`
+              top: `calc(50% - ${d / 2}px)`,
+              right: `calc(50% - ${d / 2}px)`
             }
           }
         )
@@ -188,11 +188,11 @@ const ro = F(/* @__PURE__ */ o("path", {
       /* @__PURE__ */ n(h, { width: "100%", justifyContent: "space-between", children: [
         /* @__PURE__ */ n(h, { width: "100%", gap: v, alignItems: "center", children: [
           e && e,
-          I ? /* @__PURE__ */ o(M, { size: 36, loading: S, children: /* @__PURE__ */ o(
+          I ? /* @__PURE__ */ o(M, { size: 36, loading: y, children: /* @__PURE__ */ o(
             ao,
             {
               onChange: (t) => J(t.target.value),
-              value: (c == null ? void 0 : c.titleValue) ?? a,
+              value: (s == null ? void 0 : s.titleValue) ?? a,
               customTheme: x
             }
           ) }) : /* @__PURE__ */ o("h3", { children: a })
@@ -238,16 +238,16 @@ const ro = F(/* @__PURE__ */ o("path", {
           }
         )
       ] }),
-      /* @__PURE__ */ o(R, { ...B, children: y ? /* @__PURE__ */ n(P, { children: [
+      /* @__PURE__ */ o(R, { ...B, children: S ? /* @__PURE__ */ n(P, { children: [
         /* @__PURE__ */ o(j, {}),
         /* @__PURE__ */ o(
           L,
           {
-            size: s,
+            size: d,
             styles: {
               position: "absolute",
-              top: `calc(50% - ${s / 2}px)`,
-              right: `calc(50% - ${s / 2}px)`
+              top: `calc(50% - ${d / 2}px)`,
+              right: `calc(50% - ${d / 2}px)`
             }
           }
         )
@@ -255,7 +255,7 @@ const ro = F(/* @__PURE__ */ o("path", {
         _,
         {
           label: t.label,
-          value: c[t.label],
+          value: s[t.label] == null ? void 0 : String(s[t.label]),
           onChange: (i) => H(t.label, i.target.value)
         },
         t.label
@@ -264,6 +264,6 @@ const ro = F(/* @__PURE__ */ o("path", {
   ] });
 };
 export {
-  yo as EditableInfoCard,
-  yo as default
+  So as EditableInfoCard,
+  So as default
 };

package/ErrorBoundary/ErrorBoundary.d.ts

@@ -6,16 +6,16 @@ export interface ErrorBoundaryProps {
 }
 interface ErrorBoundaryState {
     hasError: boolean;
-    error: any;
-    errorInfo: any;
+    error: Error | null;
+    errorInfo: React.ErrorInfo | null;
 }
 declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
     constructor(props: ErrorBoundaryProps);
-    static getDerivedStateFromError(error: any): {
+    static getDerivedStateFromError(error: Error): {
         hasError: boolean;
-        error: any;
+        error: Error;
     };
-    componentDidCatch(error: any, errorInfo: any): void;
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
     render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }
 export default ErrorBoundary;