jcicl 0.0.345 → 1.0.3

package/LabeledDropdown/LabeledDropdown.js

@@ -89,7 +89,7 @@ function st(e) {
     includeInputInList: de = !1,
     inputValue: ye,
     isOptionEqualToValue: W = (r, t) => r === t,
-    multiple: $ = !1,
+    multiple: C = !1,
     onChange: fe,
     onClose: _,
     onHighlightChange: ve,
@@ -98,7 +98,7 @@ function st(e) {
     open: xe,
     openOnFocus: M = !1,
     options: Ro,
-    readOnly: $e = !1,
+    readOnly: Ce = !1,
     selectOnFocus: Fe = !e.freeSolo,
     value: go
   } = e, U = Qo(Ve);
@@ -118,16 +118,16 @@ function st(e) {
     controlled: go,
     default: I,
     name: d
-  }), [S, Ce] = Po({
+  }), [S, $e] = Po({
     controlled: ye,
     default: "",
     name: d,
     state: "inputValue"
   }), [Ie, He] = m.useState(!1), Oe = m.useCallback((r, t, l) => {
-    if (!($ ? s.length < t.length : t !== null) && !y)
+    if (!(C ? s.length < t.length : t !== null) && !y)
       return;
     let c;
-    if ($)
+    if (C)
       c = "";
     else if (t == null)
       c = "";
@@ -135,14 +135,14 @@ function st(e) {
       const O = D(t);
       c = typeof O == "string" ? O : "";
     }
-    S !== c && (Ce(c), q && q(r, c, l));
-  }, [D, S, $, q, Ce, y, s]), [se, Qe] = Po({
+    S !== c && ($e(c), q && q(r, c, l));
+  }, [D, S, C, q, $e, y, s]), [se, Qe] = Po({
     controlled: xe,
     default: !1,
     name: d,
     state: "open"
-  }), [Ze, mo] = m.useState(!0), Pe = !$ && s != null && S === D(s), j = se && !$e, T = j ? Ne(
-    Ro.filter((r) => !(me && ($ ? s : [s]).some((t) => t !== null && W(r, t)))),
+  }), [Ze, mo] = m.useState(!0), Pe = !C && s != null && S === D(s), j = se && !Ce, T = j ? Ne(
+    Ro.filter((r) => !(me && (C ? s : [s]).some((t) => t !== null && W(r, t)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
     {
@@ -158,12 +158,12 @@ function st(e) {
     const r = s !== Q.value;
     Ie && !r || le && !r || Oe(null, s, "reset");
   }, [s, Oe, Ie, Q.value, le]);
-  const We = se && T.length > 0 && !$e, Se = io((r) => {
+  const We = se && T.length > 0 && !Ce, Se = io((r) => {
     r === -1 ? k.current.focus() : Ue.querySelector(`[data-tag-index="${r}"]`).focus();
   });
   m.useEffect(() => {
-    $ && G > s.length - 1 && (Xe(-1), Se(-1));
-  }, [s, $, G, Se]);
+    C && G > s.length - 1 && (Xe(-1), Se(-1));
+  }, [s, C, G, Se]);
   function eo(r, t) {
     if (!K.current || r < 0 || r >= T.length)
       return -1;
@@ -194,8 +194,8 @@ function st(e) {
     }
     const O = K.current.querySelector(`[data-option-index="${t}"]`);
     if (O && (O.classList.add(`${a}-focused`), l === "keyboard" && O.classList.add(`${a}-focusVisible`), c.scrollHeight > c.clientHeight && l !== "mouse" && l !== "touch")) {
-      const C = O, B = c.clientHeight + c.scrollTop, Le = C.offsetTop + C.offsetHeight;
-      Le > B ? c.scrollTop = Le - c.clientHeight : C.offsetTop - C.offsetHeight * (oe ? 1.3 : 0) < c.scrollTop && (c.scrollTop = C.offsetTop - C.offsetHeight * (oe ? 1.3 : 0));
+      const $ = O, B = c.clientHeight + c.scrollTop, Le = $.offsetTop + $.offsetHeight;
+      Le > B ? c.scrollTop = Le - c.clientHeight : $.offsetTop - $.offsetHeight * (oe ? 1.3 : 0) < c.scrollTop && (c.scrollTop = $.offsetTop - $.offsetHeight * (oe ? 1.3 : 0));
     }
   }), Y = io(({
     event: r,
@@ -206,15 +206,15 @@ function st(e) {
     if (!j)
       return;
     const O = eo((() => {
-      const C = T.length - 1;
+      const $ = T.length - 1;
       if (t === "reset")
         return bo;
       if (t === "start")
         return 0;
       if (t === "end")
-        return C;
+        return $;
       const B = z.current + t;
-      return B < 0 ? B === -1 && de ? -1 : ue && z.current !== -1 || Math.abs(t) > 1 ? 0 : C : B > C ? B === C + 1 && de ? -1 : ue || Math.abs(t) > 1 ? C : 0 : B;
+      return B < 0 ? B === -1 && de ? -1 : ue && z.current !== -1 || Math.abs(t) > 1 ? 0 : $ : B > $ ? B === $ + 1 && de ? -1 : ue || Math.abs(t) > 1 ? $ : 0 : B;
     })(), l);
     if (te({
       index: O,
@@ -224,15 +224,15 @@ function st(e) {
       if (O === -1)
         k.current.value = S;
       else {
-        const C = D(T[O]);
-        k.current.value = C, C.toLowerCase().indexOf(S.toLowerCase()) === 0 && S.length > 0 && k.current.setSelectionRange(S.length, C.length);
+        const $ = D(T[O]);
+        k.current.value = $, $.toLowerCase().indexOf(S.toLowerCase()) === 0 && S.length > 0 && k.current.setSelectionRange(S.length, $.length);
       }
   }), ho = () => {
     const r = (t, l) => {
       const p = t ? D(t) : "", c = l ? D(l) : "";
       return p === c;
     };
-    if (z.current !== -1 && Q.filteredOptions && Q.filteredOptions.length !== T.length && Q.inputValue === S && ($ ? s.length === Q.value.length && Q.value.every((t, l) => D(s[l]) === D(t)) : r(Q.value, s))) {
+    if (z.current !== -1 && Q.filteredOptions && Q.filteredOptions.length !== T.length && Q.inputValue === S && (C ? s.length === Q.value.length && Q.value.every((t, l) => D(s[l]) === D(t)) : r(Q.value, s))) {
       const t = Q.filteredOptions[z.current];
       if (t)
         return T.findIndex((l) => D(l) === D(t));
@@ -246,7 +246,7 @@ function st(e) {
       z.current = r;
       return;
     }
-    const t = $ ? s[0] : s;
+    const t = C ? s[0] : s;
     if (T.length === 0 || t == null) {
       Y({
         diff: "reset"
@@ -256,7 +256,7 @@ function st(e) {
     if (K.current) {
       if (t != null) {
         const l = T[z.current];
-        if ($ && l && s.findIndex((c) => W(l, c)) !== -1)
+        if (C && l && s.findIndex((c) => W(l, c)) !== -1)
           return;
         const p = T.findIndex((c) => W(c, t));
         p === -1 ? Y({
@@ -281,13 +281,13 @@ function st(e) {
     T.length,
     // Don't sync the highlighted index with the value when multiple
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    $ ? !1 : s,
+    C ? !1 : s,
     me,
     Y,
     te,
     j,
     S,
-    $
+    C
   ]), yo = io((r) => {
     Zo(K, r), r && Ke();
   });
@@ -303,7 +303,7 @@ function st(e) {
   }, re = (r, t) => {
     se && (Qe(!1), _ && _(r, t));
   }, pe = (r, t, l, p) => {
-    if ($) {
+    if (C) {
       if (s.length === t.length && s.every((c, O) => c === t[O]))
         return;
     } else if (s === t)
@@ -311,14 +311,14 @@ function st(e) {
     fe && fe(r, t, l, p), Ao(t);
   }, we = m.useRef(!1), ge = (r, t, l = "selectOption", p = "options") => {
     let c = l, O = t;
-    if ($) {
+    if (C) {
       if (O = Array.isArray(s) ? s.slice() : [], process.env.NODE_ENV !== "production") {
         const B = O.filter((Le) => W(t, Le));
         B.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${d} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${B.length} matches.`].join(`
 `));
       }
-      const C = O.findIndex((B) => W(t, B));
-      C === -1 ? O.push(t) : p !== "freeSolo" && (O.splice(C, 1), c = "removeOption");
+      const $ = O.findIndex((B) => W(t, B));
+      $ === -1 ? O.push(t) : p !== "freeSolo" && (O.splice($, 1), c = "removeOption");
     }
     Oe(r, O, c), pe(r, O, c, {
       option: t
@@ -339,13 +339,13 @@ function st(e) {
     }
   }
   const Ge = (r, t) => {
-    if (!$)
+    if (!C)
       return;
     S === "" && re(r, "toggleInput");
     let l = G;
     G === -1 ? S === "" && t === "previous" && (l = s.length - 1) : (l += t === "next" ? 1 : -1, l < 0 && (l = 0), l === s.length && (l = -1)), l = Te(l, t), Xe(l), Se(l);
   }, oo = (r) => {
-    je.current = !0, Ce(""), q && q(r, "", "clear"), pe(r, $ ? [] : null, "clear");
+    je.current = !0, $e(""), q && q(r, "", "clear"), pe(r, C ? [] : null, "clear");
   }, ke = (r) => (t) => {
     if (r.onKeyDown && r.onKeyDown(t), !t.defaultMuiPrevented && (G !== -1 && !["ArrowLeft", "ArrowRight"].includes(t.key) && (Xe(-1), Se(-1)), t.which !== 229))
       switch (t.key) {
@@ -409,13 +409,13 @@ function st(e) {
             if (t.preventDefault(), p)
               return;
             ge(t, l, "selectOption"), i && k.current.setSelectionRange(k.current.value.length, k.current.value.length);
-          } else le && S !== "" && Pe === !1 && ($ && t.preventDefault(), ge(t, S, "createOption", "freeSolo"));
+          } else le && S !== "" && Pe === !1 && (C && t.preventDefault(), ge(t, S, "createOption", "freeSolo"));
           break;
         case "Escape":
-          j ? (t.preventDefault(), t.stopPropagation(), re(t, "escape")) : P && (S !== "" || $ && s.length > 0) && (t.preventDefault(), t.stopPropagation(), oo(t));
+          j ? (t.preventDefault(), t.stopPropagation(), re(t, "escape")) : P && (S !== "" || C && s.length > 0) && (t.preventDefault(), t.stopPropagation(), oo(t));
           break;
         case "Backspace":
-          if ($ && !$e && S === "" && s.length > 0) {
+          if (C && !Ce && S === "" && s.length > 0) {
             const l = G === -1 ? s.length - 1 : G, p = s.slice();
             p.splice(l, 1), pe(t, p, "removeOption", {
               option: s[l]
@@ -423,7 +423,7 @@ function st(e) {
           }
           break;
         case "Delete":
-          if ($ && !$e && S === "" && s.length > 0 && G !== -1) {
+          if (C && !Ce && S === "" && s.length > 0 && G !== -1) {
             const l = G, p = s.slice();
             p.splice(l, 1), pe(t, p, "removeOption", {
               option: s[l]
@@ -441,7 +441,7 @@ function st(e) {
     He(!1), Be.current = !0, je.current = !1, h && z.current !== -1 && j ? ge(r, T[z.current], "blur") : h && le && S !== "" ? ge(r, S, "blur", "freeSolo") : y && Oe(r, s, "blur"), re(r, "blur");
   }, Re = (r) => {
     const t = r.target.value;
-    S !== t && (Ce(t), mo(!1), q && q(r, t, "input")), t === "" ? !L && !$ && pe(r, null, "clear") : ne(r);
+    S !== t && ($e(t), mo(!1), q && q(r, t, "input")), t === "" ? !L && !C && pe(r, null, "clear") : ne(r);
   }, _e = (r) => {
     const t = Number(r.currentTarget.getAttribute("data-option-index"));
     z.current !== t && te({
@@ -458,7 +458,7 @@ function st(e) {
   }, xo = (r) => {
     const t = Number(r.currentTarget.getAttribute("data-option-index"));
     ge(r, T[t], "selectOption"), we.current = !1;
-  }, $o = (r) => (t) => {
+  }, Co = (r) => (t) => {
     const l = s.slice();
     l.splice(r, 1), pe(t, l, "removeOption", {
       option: s[r]
@@ -473,7 +473,7 @@ function st(e) {
     !A && (S === "" || !se) && (no(r), r.stopPropagation());
   };
   let R = le && S.length > 0;
-  R = R || ($ ? s.length > 0 : s !== null);
+  R = R || (C ? s.length > 0 : s !== null);
   let ae = T;
   if (oe) {
     const r = /* @__PURE__ */ new Map();
@@ -539,8 +539,8 @@ function st(e) {
       key: r,
       "data-tag-index": r,
       tabIndex: -1,
-      ...!$e && {
-        onDelete: $o(r)
+      ...!Ce && {
+        onDelete: Co(r)
       }
     }),
     getListboxProps: () => ({
@@ -556,7 +556,7 @@ function st(e) {
       index: r,
       option: t
     }) => {
-      const l = ($ ? s : [s]).some((c) => c != null && W(t, c)), p = H ? H(t) : !1;
+      const l = (C ? s : [s]).some((c) => c != null && W(t, c)), p = H ? H(t) : !1;
       return {
         key: (he == null ? void 0 : he(t)) ?? D(t),
         tabIndex: -1,
@@ -1314,9 +1314,9 @@ const _o = /* @__PURE__ */ m.forwardRef(function(n, a) {
     M.currentTarget === M.target && jo(M) && M.preventDefault(), ue && ue(M);
   }, ye = (M) => {
     M.currentTarget === M.target && E && jo(M) && E(M), Ne && Ne(M);
-  }, W = x !== !1 && A ? !0 : x, $ = W || E ? So : P || "div", fe = {
+  }, W = x !== !1 && A ? !0 : x, C = W || E ? So : P || "div", fe = {
     ...i,
-    component: $,
+    component: C,
     disabled: I,
     size: me,
     color: y,
@@ -1324,7 +1324,7 @@ const _o = /* @__PURE__ */ m.forwardRef(function(n, a) {
     onDelete: !!E,
     clickable: W,
     variant: le
-  }, _ = yt(fe), ve = $ === So ? {
+  }, _ = yt(fe), ve = C === So ? {
     component: P || "div",
     focusVisibleClassName: _.focusVisible,
     ...E && {
@@ -1347,7 +1347,7 @@ const _o = /* @__PURE__ */ m.forwardRef(function(n, a) {
   return L && /* @__PURE__ */ m.isValidElement(L) && (xe = /* @__PURE__ */ m.cloneElement(L, {
     className: J(_.icon, L.props.className)
   })), process.env.NODE_ENV !== "production" && ie && xe && console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one."), /* @__PURE__ */ De(vt, {
-    as: $,
+    as: C,
     className: J(_.root, h),
     disabled: W && I ? !0 : void 0,
     onClick: A,
@@ -1467,10 +1467,10 @@ process.env.NODE_ENV !== "production" && (_o.propTypes = {
    */
   variant: o.oneOfType([o.oneOf(["filled", "outlined"]), o.string])
 });
-const $t = Wo(/* @__PURE__ */ w("path", {
+const Ct = Wo(/* @__PURE__ */ w("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "Close");
-function Ct(e) {
+function $t(e) {
   return po("MuiAutocomplete", e);
 }
 const u = co("MuiAutocomplete", ["root", "expanded", "fullWidth", "focused", "focusVisible", "tag", "tagSizeSmall", "tagSizeMedium", "hasPopupIcon", "hasClearIcon", "inputRoot", "input", "inputFocused", "endAdornment", "clearIndicator", "popupIndicator", "popupIndicatorOpen", "popper", "popperDisablePortal", "paper", "listbox", "loading", "noOptions", "option", "groupLabel", "groupUl"]);
@@ -1504,7 +1504,7 @@ const It = (e) => {
     groupLabel: ["groupLabel"],
     groupUl: ["groupUl"]
   };
-  return fo(L, Ct, n);
+  return fo(L, $t, n);
 }, Ot = F("div", {
   name: "MuiAutocomplete",
   slot: "Root",
@@ -1847,7 +1847,7 @@ const It = (e) => {
     blurOnSelect: y = !1,
     ChipProps: P,
     className: d,
-    clearIcon: I = Bo || (Bo = /* @__PURE__ */ w($t, {
+    clearIcon: I = Bo || (Bo = /* @__PURE__ */ w(Ct, {
       fontSize: "small"
     })),
     clearOnBlur: L = !i.freeSolo,
@@ -1867,7 +1867,7 @@ const It = (e) => {
     forcePopupIcon: de = "auto",
     freeSolo: ye = !1,
     fullWidth: W = !1,
-    getLimitTagsText: $ = (v) => `+${v}`,
+    getLimitTagsText: C = (v) => `+${v}`,
     getOptionDisabled: fe,
     getOptionKey: _,
     getOptionLabel: ve,
@@ -1876,7 +1876,7 @@ const It = (e) => {
     handleHomeEndKeys: xe = !i.freeSolo,
     id: M,
     includeInputInList: Ro = !1,
-    inputValue: $e,
+    inputValue: Ce,
     limitTags: Fe = -1,
     ListboxComponent: go,
     ListboxProps: U,
@@ -1894,7 +1894,7 @@ const It = (e) => {
     openText: s = "Open",
     options: Ao,
     PaperComponent: S,
-    PopperComponent: Ce,
+    PopperComponent: $e,
     popupIcon: Ie = Uo || (Uo = /* @__PURE__ */ w(Xo, {})),
     readOnly: He = !1,
     renderGroup: Oe,
@@ -1933,7 +1933,7 @@ const It = (e) => {
   }), _e = !me && !H && pe && !He, qe = (!ye || de === !0) && de !== !1, {
     onMouseDown: xo
   } = eo(), {
-    ref: $o,
+    ref: Co,
     ...no
   } = yo(), Ye = ve || ((v) => v.label ?? v), N = {
     ...i,
@@ -1951,7 +1951,7 @@ const It = (e) => {
     slots: {
       listbox: go,
       paper: S,
-      popper: Ce,
+      popper: $e,
       ...j
     },
     slotProps: {
@@ -1966,7 +1966,7 @@ const It = (e) => {
     ownerState: N,
     className: R.listbox,
     additionalProps: no,
-    ref: $o
+    ref: Co
   }), [l, p] = Oo("paper", {
     elementType: Go,
     externalForwardedProps: ae,
@@ -1987,14 +1987,14 @@ const It = (e) => {
       open: Te
     }
   });
-  let C;
+  let $;
   if (Be && re.length > 0) {
     const v = (Z) => ({
       className: R.tag,
       disabled: H,
       ...Ke(Z)
     });
-    Ze ? C = Ze(re, v, N) : C = re.map((Z, ce) => {
+    Ze ? $ = Ze(re, v, N) : $ = re.map((Z, ce) => {
       const {
         key: Je,
         ...Yo
@@ -2009,12 +2009,12 @@ const It = (e) => {
       }, Je);
     });
   }
-  if (Fe > -1 && Array.isArray(C)) {
-    const v = C.length - Fe;
-    !Ge && v > 0 && (C = C.splice(0, Fe), C.push(/* @__PURE__ */ w("span", {
+  if (Fe > -1 && Array.isArray($)) {
+    const v = $.length - Fe;
+    !Ge && v > 0 && ($ = $.splice(0, Fe), $.push(/* @__PURE__ */ w("span", {
       className: R.tag,
-      children: $(v)
-    }, C.length)));
+      children: C(v)
+    }, $.length)));
   }
   const Le = Oe || ((v) => /* @__PURE__ */ De("li", {
     children: [/* @__PURE__ */ w(Mt, {
@@ -2049,7 +2049,7 @@ const It = (e) => {
       index: Z,
       inputValue: to
     }, N);
-  }, ro = ae.slotProps.clearIndicator, ao = ae.slotProps.popupIndicator, Co = (v) => /* @__PURE__ */ w(Tt, {
+  }, ro = ae.slotProps.clearIndicator, ao = ae.slotProps.popupIndicator, $o = (v) => /* @__PURE__ */ w(Tt, {
     as: c,
     ...O,
     children: /* @__PURE__ */ w(kt, {
@@ -2059,7 +2059,7 @@ const It = (e) => {
     })
   });
   let lo = null;
-  return Re.length > 0 ? lo = Co(/* @__PURE__ */ w(At, {
+  return Re.length > 0 ? lo = $o(/* @__PURE__ */ w(At, {
     as: r,
     ...t,
     children: Re.map((v, Z) => ie ? Le({
@@ -2067,11 +2067,11 @@ const It = (e) => {
       group: v.group,
       children: v.options.map((ce, Je) => Do(ce, v.index + Je))
     }) : Do(v, Z))
-  })) : D && Re.length === 0 ? lo = Co(/* @__PURE__ */ w(Rt, {
+  })) : D && Re.length === 0 ? lo = $o(/* @__PURE__ */ w(Rt, {
     className: R.loading,
     ownerState: N,
     children: je
-  })) : Re.length === 0 && !ye && !D && (lo = Co(/* @__PURE__ */ w(Lt, {
+  })) : Re.length === 0 && !ye && !D && (lo = $o(/* @__PURE__ */ w(Lt, {
     className: R.noOptions,
     ownerState: N,
     role: "presentation",
@@ -2094,7 +2094,7 @@ const It = (e) => {
         InputProps: {
           ref: vo,
           className: R.inputRoot,
-          startAdornment: C,
+          startAdornment: $,
           onMouseDown: (v) => xo(v),
           ...(_e || qe) && {
             endAdornment: /* @__PURE__ */ De(Pt, {
@@ -2561,7 +2561,7 @@ process.env.NODE_ENV !== "production" && (To.propTypes = {
   value: wo(o.any, (e) => e.multiple && e.value !== void 0 && !Array.isArray(e.value) ? new Error(["MUI: The Autocomplete expects the `value` prop to be an array when `multiple={true}` or undefined.", `However, ${e.value} was provided.`].join(`
 `)) : null)
 });
-const Nt = ["colon"], Et = Jo("div", { shouldForwardProp: (e) => !Nt.includes(e) })(({ borderFocusColor: e, minWidth: n = "180px", multiple: a }) => ({
+const Nt = ["colon", "borderFocusColor", "minWidth", "noLabel"], Et = Jo("div", { shouldForwardProp: (e) => !Nt.includes(e) })(({ borderFocusColor: e, minWidth: n = "180px", multiple: a }) => ({
   ...No`
     display: flex;
     flex-wrap: nowrap;

package/LabeledInput/LabeledInput.js

@@ -1,9 +1,11 @@
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import { n as l } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as a } from "../.chunks/emotion-react.browser.esm.js";
+import { c as e } from "../.chunks/emotion-react.browser.esm.js";
 import { Input as d } from "../Input/Input.js";
-const f = l("div")(({ grid: t, displayMode: o }) => ({
-  ...a`
+const c = ["noLabel"], u = l("div", {
+  shouldForwardProp: (t) => !c.includes(t)
+})(({ grid: t, displayMode: o }) => ({
+  ...e`
     display: flex;
     flex-wrap: nowrap;
     gap: 9px;
@@ -22,7 +24,7 @@ const f = l("div")(({ grid: t, displayMode: o }) => ({
       width: ${t && "100%"};
     }
 
-    ${o && a`
+    ${o && e`
       .Mui-disabled {
         color: inherit !important;
         -webkit-text-fill-color: inherit !important;
@@ -32,21 +34,21 @@ const f = l("div")(({ grid: t, displayMode: o }) => ({
       }
     `}
   `
-})), x = ({
+})), b = ({
   label: t,
   grid: o = !0,
-  displayMode: e = !1,
-  noLabel: i = !1,
+  displayMode: a = !1,
+  noLabel: n = !1,
   limit: p,
-  ...n
-}) => /* @__PURE__ */ r(f, { grid: o, displayMode: e, className: "jcLabeledInput", children: [
-  !i && /* @__PURE__ */ r("span", { children: [
+  ...i
+}) => /* @__PURE__ */ r(u, { grid: o, displayMode: a, className: "jcLabeledInput", children: [
+  !n && /* @__PURE__ */ r("span", { children: [
     t,
     ":"
   ] }),
-  /* @__PURE__ */ s(d, { ...n, slotProps: { htmlInput: { limit: p } } })
+  /* @__PURE__ */ s(d, { ...i, slotProps: { htmlInput: { limit: p } } })
 ] });
 export {
-  x as LabeledInput,
-  x as default
+  b as LabeledInput,
+  b as default
 };

package/LabeledTextArea/LabeledTextArea.js

@@ -1,10 +1,10 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { n as s } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as a } from "../.chunks/emotion-react.browser.esm.js";
+import { n as a } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as s } from "../.chunks/emotion-react.browser.esm.js";
 import o from "../theme.js";
 import { T as n } from "../.chunks/TextField.js";
-const d = s("div")(() => ({
-  ...a`
+const d = a("div")(() => ({
+  ...s`
     display: flex;
     flex-direction: column;
     font-family: 'Roboto', sans-serif;
@@ -24,7 +24,7 @@ const d = s("div")(() => ({
         }
         width: 100%;
         padding: 13px;
-        border: 1px solid ${o.colors.formBorder};
+        border: 1px solid ${o.colors.gray};
         border-radius: 9px;
         resize: vertical;
         min-height: 130px;

package/Nav/Nav.d.ts

@@ -5,6 +5,11 @@ export interface NavItemProps {
     onClick?: () => void;
     active?: boolean;
     url?: string;
+    /** hue and onChange are defined for the Hue selector */
+    hue?: any;
+    onChange?: (newHue: {
+        h: number;
+    }) => void;
     /** This is defined only to enable type safe external management of the AppContainer actions panel */
     actionsPanelContent?: React.ReactNode;
     subnavItems?: NavItemProps[];