jcicl 1.0.65 → 1.0.66

package/.chunks/Button.js

@@ -1,5 +1,5 @@
 import * as u from "react";
-import { g as L, a as j, s as b, r as D, c as e, u as F, b as I, P as a, d as G, e as c } from "./DefaultPropsProvider.js";
+import { g as L, a as j, s as b, r as D, b as e, u as F, c as I, P as a, d as G, e as c } from "./DefaultPropsProvider.js";
 import { m as U } from "./memoTheme.js";
 import { c as _ } from "./createSimplePaletteValueFilter.js";
 import { jsxs as H, jsx as m } from "react/jsx-runtime";

package/.chunks/ButtonBase.js

@@ -3,7 +3,7 @@ var ke = (o, t, n) => t in o ? Le(o, t, { enumerable: !0, configurable: !0, writ
 var le = (o, t, n) => ke(o, typeof t != "symbol" ? t + "" : t, n);
 import * as d from "react";
 import W, { Children as Oe, isValidElement as G, cloneElement as J } from "react";
-import { P as e, b as E, a as fe, s as te, u as de, g as je, d as Fe } from "./DefaultPropsProvider.js";
+import { P as e, c as E, a as fe, s as te, u as de, g as je, d as Fe } from "./DefaultPropsProvider.js";
 import { jsx as I, jsxs as $e } from "react/jsx-runtime";
 import { k as ne } from "./emotion-react.browser.esm.js";
 import { c as Ie, d as Ue, _ as ze, e as ue, a as _e, u as ce, b as H, r as Xe } from "./TransitionGroupContext.js";

package/.chunks/CircularProgress.js

@@ -1,5 +1,5 @@
 import * as O from "react";
-import { g as T, a as R, s as g, c, u as N, b as j, P as r, d as U } from "./DefaultPropsProvider.js";
+import { g as T, a as R, s as g, b as c, u as N, c as j, P as r, d as U } from "./DefaultPropsProvider.js";
 import { m as P } from "./memoTheme.js";
 import { c as E } from "./createSimplePaletteValueFilter.js";
 import { jsx as h } from "react/jsx-runtime";

package/.chunks/DefaultPropsProvider.js

@@ -3230,8 +3230,8 @@ export {
   pe as P,
   Po as T,
   jo as a,
-  Do as b,
-  pr as c,
+  pr as b,
+  Do as c,
   Bo as d,
   Fn as e,
   yo as f,

package/.chunks/Paper.js

@@ -1,14 +1,14 @@
 import * as P from "react";
-import { a as b, g as h, s as g, u as w, b as T, e as u, P as a, d as $, f } from "./DefaultPropsProvider.js";
+import { a as h, g as b, s as g, u as w, c as T, e as u, P as a, d as $, f } from "./DefaultPropsProvider.js";
 import { u as x } from "./Portal.js";
 import { jsx as O } from "react/jsx-runtime";
 import { m as C } from "./memoTheme.js";
 import { c as N } from "./chainPropTypes.js";
 import { i as R } from "./integerPropType.js";
 function j(e) {
-  return h("MuiPaper", e);
+  return b("MuiPaper", e);
 }
-b("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
+h("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
 const E = (e) => {
   const {
     square: o,

package/.chunks/SwitchBase.js

@@ -1,5 +1,5 @@
 import * as D from "react";
-import { g as V, a as _, s as C, r as $, b as A, P as e, c as G, d as H } from "./DefaultPropsProvider.js";
+import { g as V, a as _, s as C, r as $, c as A, P as e, b as G, d as H } from "./DefaultPropsProvider.js";
 import { u as J } from "./useFormControl.js";
 import { jsxs as K, jsx as M } from "react/jsx-runtime";
 import { B as Q } from "./ButtonBase.js";

package/.chunks/TextField.js

@@ -1,5 +1,5 @@
 import * as c from "react";
-import { P as e, k as Vo, T as Ho, a as oe, g as te, c as ce, s as j, u as de, b as ee, d as ne, m as qo, r as Se, n as bo, o as ho, i as Ot } from "./DefaultPropsProvider.js";
+import { P as e, k as Vo, T as Ho, a as oe, g as te, b as ce, s as j, u as de, c as ee, d as ne, m as qo, r as Se, n as bo, o as ho, i as Ot } from "./DefaultPropsProvider.js";
 import { u as ye } from "./useSlot.js";
 import { jsx as R, jsxs as he } from "react/jsx-runtime";
 import { u as De, F as _o } from "./useFormControl.js";

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 { 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 { g as w, a as C, s as T, b as x, u as N, c 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 { b as v, P as h } from "./DefaultPropsProvider.js";
+import { c 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,7 +11,7 @@ import { Button as ne } from "../Button/Button.js";
 import a from "../theme.js";
 import { l as Ye } from "../.chunks/jocologo.js";
 import { X as Qe } from "../.chunks/Close.js";
-import { P as r, g as _e, a as qe, s as he, r as Je, c as ie, u as Ke, b as re, d as Ze } from "../.chunks/DefaultPropsProvider.js";
+import { P as r, g as _e, a as qe, s as he, r as Je, b as ie, u as Ke, c as re, d as Ze } from "../.chunks/DefaultPropsProvider.js";
 import { u as eo } from "../.chunks/index.js";
 import { e as oo, H as ro, u as ze, g as to, T as no, r as io, b as Ce } from "../.chunks/Portal.js";
 import { m as De } from "../.chunks/memoTheme.js";

package/Button/Button.d.ts

@@ -11,6 +11,8 @@ export interface ButtonProps extends Omit<MuiButtonProps, 'variant' | 'size' | '
     customShadow1?: string;
     customShadow2?: string;
     textToCopy?: string;
+    /** Width for bibi variants (e.g. "200px"). Defaults to "114px". */
+    width?: string;
 }
 export declare const Button: React.FC<ButtonProps & {
     children: React.ReactNode;

package/Button/Button.js

@@ -1,26 +1,26 @@
-import { jsx as t, jsxs as $ } from "react/jsx-runtime";
-import { useState as C } from "react";
+import { jsx as t, jsxs as B } from "react/jsx-runtime";
+import { useState as T } from "react";
 import { B as F } from "../.chunks/Button.js";
 import { i as I } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as a } from "../.chunks/emotion-react.browser.esm.js";
-import o from "../theme.js";
-import { Tooltip as T } from "../Tooltip/Tooltip.js";
-import { useThemeColors as N } from "../ThemeContext.js";
-import { s } from "../.chunks/DefaultPropsProvider.js";
+import { c as u } from "../.chunks/emotion-react.browser.esm.js";
+import { s as b, c } from "../.chunks/DefaultPropsProvider.js";
+import i from "../theme.js";
+import { Tooltip as S } from "../Tooltip/Tooltip.js";
+import { useThemeColors as z } from "../ThemeContext.js";
 import { B as p } from "../.chunks/ButtonBase.js";
-import { C as H } from "../.chunks/check.js";
-const w = [
+import { C as A } from "../.chunks/check.js";
+const v = [
   "active",
   "customBackgroundColor",
   "customHoverColor",
   "customTextColor",
   "customShadow1",
   "customShadow2"
-], u = s(F, { shouldForwardProp: (r) => !w.includes(r) })`
+], a = b(F, { shouldForwardProp: (e) => !v.includes(e) })`
   text-transform: none;
   &:disabled {
     opacity: 0.5;
-    color: ${o.colors.black};
+    color: ${i.colors.black};
     display: flex;
     justify-content: center;
     align-items: center;
@@ -29,47 +29,19 @@ const w = [
   span {
     align-items: center !important;
   }
-`, G = s(u)`
-  background-color: ${o.colors.green};
-  height: 2.5rem;
-  border: 2px solid transparent;
-  color: ${o.colors.white};
-  transition: 313ms all ease-in;
-  border-radius: 32px;
-  font-weight: 400;
-  padding: 0.75rem 2rem;
-  font-size: 1rem;
-  box-shadow: ${o.boxShadows.gray63};
-  &:hover,
-  :focus-visible {
-    background-color: ${o.colors.darkGreen};
-    box-shadow: ${o.boxShadows.black63};
-  }
-  &:disabled {
-    background-color: ${o.colors.darkGreen};
-  }
-`, O = s(u, {
-  shouldForwardProp: (r) => !w.includes(r)
+`, G = "!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]", k = "!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]", m = "!box-border !bg-[#009dde] !rounded-none !h-[47px] !border-2 !border-transparent text-white transition-all duration-[108ms] ease-in !font-medium !p-0 !text-[19px] !min-w-0 hover:!bg-[#0088c0] focus-visible:!bg-[#0088c0]", H = "!h-10 !border-2 !border-transparent transition-all duration-[313ms] ease-in !rounded-[32px] !font-normal !py-3 !px-8 !text-base", O = b(a, {
+  shouldForwardProp: (e) => !v.includes(e)
 })(
   ({
-    customBackgroundColor: r = o.colors.green,
-    customHoverColor: e = o.colors.darkGreen,
-    customTextColor: l = o.colors.white,
-    customShadow1: c = o.boxShadows.gray63,
-    customShadow2: d = o.boxShadows.black63
+    // customBackgroundColor = theme.colors.green,
+    customHoverColor: e = i.colors.darkGreen,
+    customTextColor: o = i.colors.white,
+    customShadow1: n = i.boxShadows.gray63,
+    customShadow2: d = i.boxShadows.black63
   }) => ({
-    ...a`
-      background-color: ${r};
-      border-radius: 0;
-      height: 2.5rem;
-      border: 2px solid transparent;
-      color: ${l};
-      transition: 313ms all ease-in;
-      border-radius: 32px;
-      font-weight: 400;
-      padding: 0.75rem 2rem;
-      font-size: 1rem;
-      box-shadow: ${c};
+    ...u`
+      color: ${o};
+      box-shadow: ${n};
       &:hover,
       :focus-visible {
         background-color: ${e};
@@ -80,93 +52,11 @@ const w = [
       }
     `
   })
-), B = s(u)`
-  background-color: ${o.colors.gold};
-  height: 2.5rem;
-  border: 2px solid transparent;
-  color: ${o.colors.midnight};
-  transition: 313ms all ease-in;
-  border-radius: 32px;
-  font-weight: 400;
-  padding: 0.75rem 2rem;
-  font-size: 1rem;
-  box-shadow: ${o.boxShadows.gray63};
-  &:hover,
-  :focus-visible {
-    background-color: ${o.colors.goldHover};
-    box-shadow: ${o.boxShadows.gray63};
-  }
-  &:disabled {
-    background-color: ${o.colors.goldHover};
-  }
-`, A = s(B)`
-  width: 447px;
-  align-self: center;
-`, b = s(u)(({ width: r = "114px" }) => ({
-  ...a`
-    box-sizing: border-box;
-    background-color: ${o.colors.bibiBlue};
-    border-radius: 0;
-    height: 47px;
-    width: ${r};
-    border: 2px solid transparent;
-    color: ${o.colors.white};
-    transition: 108ms all ease-in;
-    font-weight: 500;
-    padding: 0;
-    font-size: 19px;
-    &:hover,
-    :focus-visible {
-      background-color: ${o.colors.bibiBlueHover};
-    }
-  `
-})), U = s(b)(({ active: r }) => ({
-  ...a`
-    background-color: ${r && o.colors.white};
-    color: ${r && o.colors.bibiBlue};
-    &:hover,
-    :focus-visible {
-      background-color: ${o.colors.white};
-      color: ${o.colors.bibiBlue};
-    }
-  `
-})), V = s(b)(() => ({
-  ...a`
-    background-color: ${o.colors.white};
-    color: ${o.colors.bibiBlue};
-    &:hover,
-    :focus-visible {
-      background-color: ${o.colors.bibiBlue};
-      border: 2px solid ${o.colors.white};
-      color: ${o.colors.white};
-    }
-  `
-})), k = s(p)`
-  display: block;
-`, W = s(k)`
-  font-family: inherit;
-  font-size: inherit;
-  font-weight: inherit;
-`, q = s("div")`
-  display: flex;
-  .isCopied {
-    color: ${o.colors.gray};
-    display: inline;
-    margin-left: 8px;
-    font-size: smaller;
-    align-content: center;
-  }
-  .isCopied > svg {
-    vertical-align: middle;
-    height: 14px !important;
-    width: 14px !important;
-    margin: 0;
-  }
-`, D = s(p, {
-  shouldForwardProp: (r) => typeof r == "string" && I(r)
+), V = b(p, {
+  shouldForwardProp: (e) => typeof e == "string" && I(e)
 })(
-  ({ size: r, color: e, highlightColor: l, hoverColor: c }) => ({
-    ...a`
+  ({ size: e, color: o, highlightColor: n, hoverColor: d }) => ({
+    ...u`
       display: flex;
       align-items: center;
       justify-content: center;
@@ -176,49 +66,30 @@ const w = [
       &:hover,
       :focus-visible {
         svg {
-          filter: drop-shadow(0 0 6px ${l}) drop-shadow(0 0 6px ${l})
-            drop-shadow(0 0 6px ${l}) drop-shadow(0 0 6px ${l});
-          fill: ${c || e};
+          filter: drop-shadow(0 0 6px ${n}) drop-shadow(0 0 6px ${n})
+            drop-shadow(0 0 6px ${n}) drop-shadow(0 0 6px ${n});
+          fill: ${d || o};
         }
       }
 
       svg {
         transition: 313ms all ease-in-out;
-        fill: ${e};
-        width: ${r}px;
-        height: ${r}px;
+        fill: ${o};
+        width: ${e}px;
+        height: ${e}px;
       }
     `
   })
-), E = s(u)(({ active: r }) => ({
-  ...a`
-    box-sizing: border-box;
-    background-color: ${r ? o.colors.black : o.colors.white};
-    height: 28px;
-    border-radius: 18px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: 2px solid ${r ? "transparent" : o.colors.black};
-    color: ${r ? o.colors.white : o.colors.black};
-    transition: 108ms all ease-in;
-    font-weight: 500;
-
-    &:hover,
-    :focus-visible {
-      background-color: ${r ? o.colors.charcoal : o.colors.gray2};
-    }
-  `
-})), J = s(p)(
-  ({ backgroundColor: r, borderColor: e }) => ({
-    ...a`
+), q = b(p)(
+  ({ backgroundColor: e, borderColor: o }) => ({
+    ...u`
       height: 28px;
       border-radius: 20px;
       border-width: 2px;
       border-style: solid;
-      border-color: ${e}aa ${e} ${e} ${e}aa;
-      background: ${r};
-      color: ${e};
+      border-color: ${o}aa ${o} ${o} ${o}aa;
+      background: ${e};
+      color: ${o};
       padding: 10px;
       font-size: 0.9rem !important;
       font-weight: 500;
@@ -234,7 +105,7 @@ const w = [
         height: 15px;
         margin-left: 5px;
         margin-right: -8px;
-        stroke: ${e};
+        stroke: ${o};
         transition: all 313ms ease;
       }
 
@@ -245,71 +116,114 @@ const w = [
       }
     `
   })
-), to = ({
-  variant: r = 1,
-  size: e = 50,
-  color: l,
-  highlightColor: c,
-  hoverColor: d,
-  backgroundColor: m,
-  textColor: g,
-  customShadow1: y,
-  customShadow2: v,
-  children: i,
-  textToCopy: S,
-  active: j,
-  ...n
+), Z = ({
+  variant: e = 1,
+  size: o = 50,
+  color: n,
+  highlightColor: d,
+  hoverColor: l,
+  backgroundColor: f,
+  textColor: h,
+  customShadow1: _,
+  customShadow2: N,
+  children: s,
+  textToCopy: j,
+  active: g,
+  width: x,
+  ...r
 }) => {
-  const f = N();
-  if (r === "custom")
+  const w = z();
+  if (e === "custom")
     return /* @__PURE__ */ t(
       O,
       {
-        customBackgroundColor: m,
-        customHoverColor: d,
-        customTextColor: g,
-        customShadow1: y,
-        customShadow2: v,
-        className: "jcCustomButton",
-        ...n,
-        children: i
+        customHoverColor: l,
+        customTextColor: h,
+        customShadow1: _,
+        customShadow2: N,
+        className: c("jcCustomButton", H, `background-[${f}]`),
+        ...r,
+        children: s
       }
     );
-  if (r === "bibi")
-    return /* @__PURE__ */ t(b, { ...n, children: i });
-  if (r === "bibiOutlined")
-    return /* @__PURE__ */ t(U, { ...n, children: i });
-  if (r === "bibiInverse")
-    return /* @__PURE__ */ t(V, { ...n, children: i });
-  if (r === "unstyled")
-    return /* @__PURE__ */ t(k, { ...n, children: i });
-  if (r === "copy") {
-    const [h, x] = C(!1);
-    return /* @__PURE__ */ $(q, { onClick: async () => {
+  if (e === "bibi")
+    return /* @__PURE__ */ t(a, { className: m, style: { width: x ?? "114px" }, ...r, children: s });
+  if (e === "bibiOutlined")
+    return /* @__PURE__ */ t(
+      a,
+      {
+        className: c(
+          m,
+          g && "!bg-white !text-[#009dde]",
+          "hover:!bg-white hover:!text-[#009dde] focus-visible:!bg-white focus-visible:!text-[#009dde]"
+        ),
+        style: { width: x ?? "114px" },
+        ...r,
+        children: s
+      }
+    );
+  if (e === "bibiInverse")
+    return /* @__PURE__ */ t(
+      a,
+      {
+        className: c(
+          m,
+          "!bg-white !text-[#009dde]",
+          "hover:!bg-[#009dde] hover:!border-white hover:!text-white",
+          "focus-visible:!bg-[#009dde] focus-visible:!border-white focus-visible:!text-white",
+          `w-[${x ?? "114px"}]`
+        ),
+        ...r,
+        children: s
+      }
+    );
+  if (e === "unstyled")
+    return /* @__PURE__ */ t(p, { className: "block", ...r, children: s });
+  if (e === "copy") {
+    const [y, $] = T(!1);
+    return /* @__PURE__ */ B("div", { className: "flex", onClick: async () => {
       try {
-        await navigator.clipboard.writeText(S || String(i)), x(!0), setTimeout(() => x(!1), 1100);
-      } catch (z) {
-        console.error("Failed to copy text: ", z);
+        await navigator.clipboard.writeText(j || String(s)), $(!0), setTimeout(() => $(!1), 1100);
+      } catch (C) {
+        console.error("Failed to copy text: ", C);
       }
     }, children: [
-      /* @__PURE__ */ t(T, { title: "Copy to clipboard", children: /* @__PURE__ */ t(W, { ...n, children: i }) }),
-      h && /* @__PURE__ */ $("span", { className: "isCopied", children: [
-        /* @__PURE__ */ t(H, { size: 12 }),
+      /* @__PURE__ */ t(S, { title: "Copy to clipboard", children: /* @__PURE__ */ t(
+        p,
+        {
+          className: "block [font-family:inherit] [font-size:inherit] [font-weight:inherit]",
+          ...r,
+          children: s
+        }
+      ) }),
+      y && /* @__PURE__ */ B("span", { className: "inline ml-2 text-sm text-[#727272] content-center", children: [
+        /* @__PURE__ */ t(A, { size: 12, className: "inline align-middle !h-[14px] !w-[14px] m-0" }),
         " Copied"
       ] })
     ] });
   }
-  return r === 2 ? /* @__PURE__ */ t(B, { ...n, children: /* @__PURE__ */ t("span", { children: i }) }) : r === "icon" ? (l = l || o.colors.green, c = c || o.colors.dandelion, d = d || o.colors.green, /* @__PURE__ */ t(D, { className: "jcIconButton", ...{ size: e, color: l, highlightColor: c, hoverColor: d }, ...n, children: i })) : r === "filter" ? /* @__PURE__ */ t(E, { className: "jcFilterButton", active: j, ...n, children: i }) : r === "form" ? /* @__PURE__ */ t(A, { className: "jcFormButton", ...n, children: i }) : r === "pill" ? /* @__PURE__ */ t(
-    J,
+  return e === 2 ? /* @__PURE__ */ t(a, { className: k, ...r, children: /* @__PURE__ */ t("span", { children: s }) }) : e === "icon" ? (n = n || i.colors.green, d = d || i.colors.dandelion, l = l || i.colors.green, /* @__PURE__ */ t(V, { className: "jcIconButton", ...{ size: o, color: n, highlightColor: d, hoverColor: l }, ...r, children: s })) : e === "filter" ? /* @__PURE__ */ t(
+    a,
+    {
+      className: c(
+        "jcFilterButton",
+        "!box-border !h-[28px] !rounded-[18px] !flex !items-center !justify-center !border-2 transition-all duration-[108ms] ease-in !font-medium",
+        g ? "!bg-black !border-transparent !text-white hover:!bg-[#404040]" : "!bg-white !border-black !text-black hover:!bg-[#dddddd]"
+      ),
+      ...r,
+      children: s
+    }
+  ) : e === "form" ? /* @__PURE__ */ t(a, { className: c("jcFormButton", k, "!w-[447px] !self-center"), ...r, children: /* @__PURE__ */ t("span", { children: s }) }) : e === "pill" ? /* @__PURE__ */ t(
+    q,
     {
-      backgroundColor: m || f.themeIconBackgroundB,
-      borderColor: g || f.themeIconBackgroundA,
-      ...n,
-      children: /* @__PURE__ */ t("span", { children: i })
+      backgroundColor: f || w.themeIconBackgroundB,
+      borderColor: h || w.themeIconBackgroundA,
+      ...r,
+      children: /* @__PURE__ */ t("span", { children: s })
     }
-  ) : /* @__PURE__ */ t(G, { ...n, children: /* @__PURE__ */ t("span", { children: i }) });
+  ) : /* @__PURE__ */ t(a, { className: G, ...r, children: /* @__PURE__ */ t("span", { children: s }) });
 };
 export {
-  to as Button,
-  to as default
+  Z as Button,
+  Z as default
 };

package/Divider/Divider.js

@@ -1,7 +1,7 @@
 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 { 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 { 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 { m as b } from "../.chunks/memoTheme.js";
 function I(t) {
   return S("MuiDivider", t);

package/LabeledCheckbox/LabeledCheckbox.js

@@ -3,7 +3,7 @@ import { n as B } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as g } from "../.chunks/emotion-react.browser.esm.js";
 import { useThemeColors as P } from "../ThemeContext.js";
 import * as f from "react";
-import { a as R, g as T, s as M, r as N, c as p, e as z, u as L, b as V, P as o, d as H } from "../.chunks/DefaultPropsProvider.js";
+import { a as R, g as T, s as M, r as N, b as p, e as z, u as L, c as V, P as o, d as H } from "../.chunks/DefaultPropsProvider.js";
 import { S as E } from "../.chunks/SwitchBase.js";
 import { c as b } from "../.chunks/createSvgIcon.js";
 import { m as F } from "../.chunks/memoTheme.js";

package/LabeledDropdown/LabeledDropdown.js

@@ -4,7 +4,7 @@ import { c as No } from "../.chunks/emotion-react.browser.esm.js";
 import Jo from "../theme.js";
 import { useThemeColors as Xo } from "../ThemeContext.js";
 import * as b from "react";
-import { g as po, a as co, s as F, c as d, u as uo, b as J, P as o, d as fo, e as V } from "../.chunks/DefaultPropsProvider.js";
+import { g as po, a as co, s as F, b as d, u as uo, c as J, P as o, d as fo, e as V } from "../.chunks/DefaultPropsProvider.js";
 import { i as Io, a as be, b as Eo, f as Ae, A as Qo, T as zo } from "../.chunks/TextField.js";
 import { c as Ho } from "../.chunks/createSvgIcon.js";
 import { m as ee } from "../.chunks/memoTheme.js";

package/LabeledRadio/LabeledRadio.js

@@ -3,7 +3,7 @@ import { n as G } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as S } from "../.chunks/emotion-react.browser.esm.js";
 import { useThemeColors as _ } from "../ThemeContext.js";
 import * as l from "react";
-import { s as m, r as I, P as e, a as q, g as A, c as f, e as w, u as W, b as Z, d as H } from "../.chunks/DefaultPropsProvider.js";
+import { s as m, r as I, P as e, a as q, g as A, b as f, e as w, u as W, c as Z, d as H } from "../.chunks/DefaultPropsProvider.js";
 import { S as J } from "../.chunks/SwitchBase.js";
 import { c as B } from "../.chunks/createSvgIcon.js";
 import { m as P } from "../.chunks/memoTheme.js";

package/Pagination/Pagination.js

@@ -2,7 +2,7 @@ import { jsx as d, jsxs as Z } from "react/jsx-runtime";
 import { n as tt } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as at } from "../.chunks/emotion-react.browser.esm.js";
 import * as G from "react";
-import { a as _, g as H, s as B, e as N, u as q, b as U, P as a, c as I, d as J } from "../.chunks/DefaultPropsProvider.js";
+import { a as _, g as H, s as B, e as N, u as q, c as U, P as a, b as I, d as J } from "../.chunks/DefaultPropsProvider.js";
 import { u as et } from "../.chunks/useControlled.js";
 import { i as w } from "../.chunks/integerPropType.js";
 import { u as ot } from "../.chunks/index.js";

package/Stepper/Stepper.js

@@ -7,7 +7,7 @@ import { k as A, c as P } from "../.chunks/emotion-react.browser.esm.js";
 import { Button as q } from "../Button/Button.js";
 import { SlideOut as J, SlideIn as Q, SlideInReverse as z, SlideOutReverse as W } from "../animation/Slide/Slide.js";
 import { useThemeColors as Z } from "../ThemeContext.js";
-import { g as V, a as _, s as g, c as f, u as F, b as O, P as o, d as K, l as rr, h as er, i as tr } from "../.chunks/DefaultPropsProvider.js";
+import { g as V, a as _, s as g, b as f, u as F, c as O, P as o, d as K, l as rr, h as er, i as tr } from "../.chunks/DefaultPropsProvider.js";
 import { m as w } from "../.chunks/memoTheme.js";
 import { P as or } from "../.chunks/Paper.js";
 import { u as ar } from "../.chunks/index.js";

package/Toast/Toaster.d.ts

@@ -5,5 +5,7 @@ export type ToastItem = ToastProps & {
 export type ToasterProps = {
     toastQueue: ToastItem[];
     onDismiss?: (id: string) => void;
+    /** Override the default positioning (fixed, bottom-right). Merges with defaults. */
+    style?: React.CSSProperties;
 };
 export declare const Toaster: React.FC<ToasterProps>;

package/Toast/Toaster.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
-import m from "./Toast.js";
-const x = ({ toastQueue: s = [], onDismiss: t }) => {
-  const r = (o) => {
+import n from "./Toast.js";
+const a = ({ toastQueue: s = [], onDismiss: t, style: r }) => {
+  const e = (o) => {
     t && t(o);
   };
   return /* @__PURE__ */ i(
@@ -14,12 +14,13 @@ const x = ({ toastQueue: s = [], onDismiss: t }) => {
         display: "flex",
         flexDirection: "column",
         gap: "8px",
-        zIndex: 9999
+        zIndex: 9999,
+        ...r
       },
-      children: s.map(({ id: o, ...e }) => /* @__PURE__ */ i(m, { ...e, onDismiss: () => r(o) }, o))
+      children: s.map(({ id: o, ...m }) => /* @__PURE__ */ i(n, { ...m, onDismiss: () => e(o) }, o))
     }
   );
 };
 export {
-  x as Toaster
+  a as Toaster
 };

package/Tooltip/Tooltip.js

@@ -1,6 +1,6 @@
 import { jsxs as Pe, jsx as C } from "react/jsx-runtime";
 import * as s from "react";
-import { a as Qe, g as Ze, s as Y, c as Me, e as Ee, u as eo, b as I, P as o, d as oo } from "../.chunks/DefaultPropsProvider.js";
+import { a as Qe, g as Ze, s as Y, b as Me, e as Ee, u as eo, c as I, P as o, d as oo } from "../.chunks/DefaultPropsProvider.js";
 import { u as to, a as j } from "../.chunks/index.js";
 import { u as ro, a as po, g as no, G as Re, e as so } from "../.chunks/Portal.js";
 import { m as G } from "../.chunks/memoTheme.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "1.0.65",
+  "version": "1.0.66",
   "description": "Component library for the websites of Johnson County Iowa",
   "license": "MIT",
   "homepage": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary?path=%2FREADME.md&version=GBmaster",
@@ -24,9 +24,12 @@
     "@mui/icons-material": "^6.1.3",
     "@mui/material": "^6.1.1",
     "@react-hook/resize-observer": "^2.0.2",
+    "@tailwindcss/vite": "^4.2.2",
     "@uiw/react-color": "^2.9.2",
+    "clsx": "^2.1.1",
     "lucide-react": "^0.525.0",
     "overlayscrollbars-react": "^0.5.6",
-    "react-device-detect": "^2.2.3"
+    "react-device-detect": "^2.2.3",
+    "tailwindcss": "^4.2.2"
   }
 }