jcicl 0.0.315 → 0.0.317

package/Button/Button.js

@@ -1,20 +1,20 @@
-import { jsxs as H, jsx as i } from "react/jsx-runtime";
+import { jsxs as U, jsx as i } from "react/jsx-runtime";
 import * as B from "react";
-import { g as _, a as A, s, r as q, c as p, m as J, u as K, b as R, P as r, d as Q, e as $ } from "../.chunks/DefaultPropsProvider.js";
+import { g as _, a as A, s, r as q, c as p, m as J, u as K, b as R, P as t, d as Q, e as $ } from "../.chunks/DefaultPropsProvider.js";
 import { m as X } from "../.chunks/memoTheme.js";
 import { c as Y } from "../.chunks/createSimplePaletteValueFilter.js";
-import { B as z } from "../.chunks/ButtonBase.js";
+import { B as m } from "../.chunks/ButtonBase.js";
 import { i as Z } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as g } from "../.chunks/emotion-react.browser.esm.js";
-import t from "../theme.js";
+import { c as v } from "../.chunks/emotion-react.browser.esm.js";
+import r from "../theme.js";
 function oo(o) {
   return _("MuiButton", o);
 }
-const v = A("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"]), E = /* @__PURE__ */ B.createContext({});
+const g = A("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"]), E = /* @__PURE__ */ B.createContext({});
 process.env.NODE_ENV !== "production" && (E.displayName = "ButtonGroupContext");
 const T = /* @__PURE__ */ B.createContext(void 0);
 process.env.NODE_ENV !== "production" && (T.displayName = "ButtonGroupButtonContext");
-const to = (o) => {
+const ro = (o) => {
   const {
     color: a,
     disableElevation: n,
@@ -60,7 +60,7 @@ const to = (o) => {
       fontSize: 22
     }
   }
-}], ro = s(z, {
+}], to = s(m, {
   shouldForwardProp: (o) => q(o) || o === "classes",
   name: "MuiButton",
   slot: "Root",
@@ -86,7 +86,7 @@ const to = (o) => {
     "&:hover": {
       textDecoration: "none"
     },
-    [`&.${v.disabled}`]: {
+    [`&.${g.disabled}`]: {
       color: (o.vars || o).palette.action.disabled
     },
     variants: [{
@@ -107,10 +107,10 @@ const to = (o) => {
         "&:active": {
           boxShadow: (o.vars || o).shadows[8]
         },
-        [`&.${v.focusVisible}`]: {
+        [`&.${g.focusVisible}`]: {
           boxShadow: (o.vars || o).shadows[6]
         },
-        [`&.${v.disabled}`]: {
+        [`&.${g.disabled}`]: {
           color: (o.vars || o).palette.action.disabled,
           boxShadow: (o.vars || o).shadows[0],
           backgroundColor: (o.vars || o).palette.action.disabledBackground
@@ -126,7 +126,7 @@ const to = (o) => {
         borderColor: "var(--variant-outlinedBorder, currentColor)",
         backgroundColor: "var(--variant-outlinedBg)",
         color: "var(--variant-outlinedColor)",
-        [`&.${v.disabled}`]: {
+        [`&.${g.disabled}`]: {
           border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
         }
       }
@@ -237,13 +237,13 @@ const to = (o) => {
         "&:hover": {
           boxShadow: "none"
         },
-        [`&.${v.focusVisible}`]: {
+        [`&.${g.focusVisible}`]: {
           boxShadow: "none"
         },
         "&:active": {
           boxShadow: "none"
         },
-        [`&.${v.disabled}`]: {
+        [`&.${g.disabled}`]: {
           boxShadow: "none"
         }
       }
@@ -306,7 +306,7 @@ const to = (o) => {
     children: x,
     color: f = "primary",
     component: l = "button",
-    className: m,
+    className: h,
     disabled: c = !1,
     disableElevation: C = !1,
     disableFocusRipple: k = !1,
@@ -329,7 +329,7 @@ const to = (o) => {
     size: M,
     type: N,
     variant: G
-  }, y = to(w), L = O && /* @__PURE__ */ i(ao, {
+  }, y = ro(w), L = O && /* @__PURE__ */ i(ao, {
     className: y.startIcon,
     ownerState: w,
     children: O
@@ -337,10 +337,10 @@ const to = (o) => {
     className: y.endIcon,
     ownerState: w,
     children: I
-  }), U = d || "";
-  return /* @__PURE__ */ H(ro, {
+  }), H = d || "";
+  return /* @__PURE__ */ U(to, {
     ownerState: w,
-    className: R(e.className, y.root, m, U),
+    className: R(e.className, y.root, h, H),
     component: l,
     disabled: c,
     focusRipple: !k,
@@ -360,42 +360,42 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
   /**
    * The content of the component.
    */
-  children: r.node,
+  children: t.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: r.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: r.string,
+  className: t.string,
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'primary'
    */
-  color: r.oneOfType([r.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), r.string]),
+  color: t.oneOfType([t.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), t.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: r.elementType,
+  component: t.elementType,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: r.bool,
+  disabled: t.bool,
   /**
    * If `true`, no elevation is used.
    * @default false
    */
-  disableElevation: r.bool,
+  disableElevation: t.bool,
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
-  disableFocusRipple: r.bool,
+  disableFocusRipple: t.bool,
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -403,87 +403,87 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
    * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
    * @default false
    */
-  disableRipple: r.bool,
+  disableRipple: t.bool,
   /**
    * Element placed after the children.
    */
-  endIcon: r.node,
+  endIcon: t.node,
   /**
    * @ignore
    */
-  focusVisibleClassName: r.string,
+  focusVisibleClassName: t.string,
   /**
    * If `true`, the button will take up the full width of its container.
    * @default false
    */
-  fullWidth: r.bool,
+  fullWidth: t.bool,
   /**
    * The URL to link to when the button is clicked.
    * If defined, an `a` element will be used as the root node.
    */
-  href: r.string,
+  href: t.string,
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
    * @default 'medium'
    */
-  size: r.oneOfType([r.oneOf(["small", "medium", "large"]), r.string]),
+  size: t.oneOfType([t.oneOf(["small", "medium", "large"]), t.string]),
   /**
    * Element placed before the children.
    */
-  startIcon: r.node,
+  startIcon: t.node,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
   /**
    * @ignore
    */
-  type: r.oneOfType([r.oneOf(["button", "reset", "submit"]), r.string]),
+  type: t.oneOfType([t.oneOf(["button", "reset", "submit"]), t.string]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: r.oneOfType([r.oneOf(["contained", "outlined", "text"]), r.string])
+  variant: t.oneOfType([t.oneOf(["contained", "outlined", "text"]), t.string])
 });
 const S = s(j)`
   text-transform: none;
   &:disabled {
     opacity: 0.5;
-    color: ${t.colors.black};
+    color: ${r.colors.black};
     display: flex;
     justify-content: center;
     align-items: center;
   }
 `, eo = s(S)`
-  background-color: ${t.colors.green};
+  background-color: ${r.colors.green};
   border-radius: 0;
   height: 2.5rem;
   border: 2px solid transparent;
-  color: ${t.colors.white};
+  color: ${r.colors.white};
   transition: 313ms all ease-in;
   border-radius: 32px;
   font-weight: 400;
   padding: 0.75rem 2rem;
   font-size: 1rem;
-  box-shadow: ${t.boxShadows.gray63};
+  box-shadow: ${r.boxShadows.gray63};
   &:hover,
   :focus-visible {
-    background-color: ${t.colors.darkGreen};
-    box-shadow: ${t.boxShadows.black63};
+    background-color: ${r.colors.darkGreen};
+    box-shadow: ${r.boxShadows.black63};
   }
   &:disabled {
-    background-color: ${t.colors.darkGreen};
+    background-color: ${r.colors.darkGreen};
   }
 `, io = s(S)(
   ({
-    customBackgroundColor: o = t.colors.green,
-    customHoverColor: a = t.colors.darkGreen,
-    customTextColor: n = t.colors.white,
-    customShadow1: e = t.boxShadows.gray63,
-    customShadow2: d = t.boxShadows.black63
+    customBackgroundColor: o = r.colors.green,
+    customHoverColor: a = r.colors.darkGreen,
+    customTextColor: n = r.colors.white,
+    customShadow1: e = r.boxShadows.gray63,
+    customShadow2: d = r.boxShadows.black63
   }) => ({
-    ...g`
+    ...v`
       background-color: ${o};
       border-radius: 0;
       height: 2.5rem;
@@ -506,55 +506,71 @@ const S = s(j)`
     `
   })
 ), so = s(S)`
-  color: ${t.colors.black};
-  border: 3px solid ${t.colors.blue};
-  padding: 0.5rem 2rem;
-`, h = s(S)(({ width: o = "114px" }) => ({
-  ...g`
+  background-color: ${r.colors.gold};
+  border-radius: 0;
+  height: 2.5rem;
+  border: 2px solid transparent;
+  color: ${r.colors.midnight};
+  transition: 313ms all ease-in;
+  border-radius: 32px;
+  font-weight: 400;
+  padding: 0.75rem 2rem;
+  font-size: 19px;
+  box-shadow: ${r.boxShadows.gray63};
+  &:hover,
+  :focus-visible {
+    background-color: ${r.colors.goldHover};
+    box-shadow: ${r.boxShadows.gray63};
+  }
+  &:disabled {
+    background-color: ${r.colors.goldHover};
+  }
+`, z = s(S)(({ width: o = "114px" }) => ({
+  ...v`
     box-sizing: border-box;
-    background-color: ${t.colors.bibiBlue};
+    background-color: ${r.colors.bibiBlue};
     border-radius: 0;
     height: 47px;
     width: ${o};
     border: 2px solid transparent;
-    color: ${t.colors.white};
+    color: ${r.colors.white};
     transition: 108ms all ease-in;
     font-weight: 500;
     padding: 0;
     font-size: 19px;
     &:hover,
     :focus-visible {
-      background-color: ${t.colors.bibiBlueHover};
+      background-color: ${r.colors.bibiBlueHover};
     }
   `
-})), lo = s(h)(({ active: o }) => ({
-  ...g`
-    background-color: ${o && t.colors.white};
-    color: ${o && t.colors.bibiBlue};
+})), lo = s(z)(({ active: o }) => ({
+  ...v`
+    background-color: ${o && r.colors.white};
+    color: ${o && r.colors.bibiBlue};
     &:hover,
     :focus-visible {
-      background-color: ${t.colors.white};
-      color: ${t.colors.bibiBlue};
+      background-color: ${r.colors.white};
+      color: ${r.colors.bibiBlue};
     }
   `
-})), co = s(h)(() => ({
-  ...g`
-    background-color: ${t.colors.white};
-    color: ${t.colors.bibiBlue};
+})), co = s(z)(() => ({
+  ...v`
+    background-color: ${r.colors.white};
+    color: ${r.colors.bibiBlue};
     &:hover,
     :focus-visible {
-      background-color: ${t.colors.bibiBlue};
-      border: 2px solid ${t.colors.white};
-      color: ${t.colors.white};
+      background-color: ${r.colors.bibiBlue};
+      border: 2px solid ${r.colors.white};
+      color: ${r.colors.white};
     }
   `
-})), po = s(z)`
+})), po = s(m)`
   border-radius: 8px;
-`, uo = s(z, {
+`, uo = s(m, {
   shouldForwardProp: (o) => typeof o == "string" && Z(o)
 })(
   ({ size: o, color: a, highlightColor: n, hoverColor: e }) => ({
-    ...g`
+    ...v`
       display: flex;
       align-items: center;
       justify-content: center;
@@ -579,36 +595,36 @@ const S = s(j)`
     `
   })
 ), bo = s(S)(({ active: o }) => ({
-  ...g`
+  ...v`
     box-sizing: border-box;
-    background-color: ${o ? t.colors.black : t.colors.white};
+    background-color: ${o ? r.colors.black : r.colors.white};
     height: 28px;
     border-radius: 18px;
     display: flex;
     align-items: center;
     justify-content: center;
-    border: 2px solid ${o ? "transparent" : t.colors.black};
-    color: ${o ? t.colors.white : t.colors.black};
+    border: 2px solid ${o ? "transparent" : r.colors.black};
+    color: ${o ? r.colors.white : r.colors.black};
     transition: 108ms all ease-in;
     font-weight: 500;
 
     &:hover,
     :focus-visible {
-      background-color: ${o ? t.colors.charcoal : t.colors.gray2};
+      background-color: ${o ? r.colors.charcoal : r.colors.gray2};
     }
   `
 })), wo = ({
   variant: o = 1,
   size: a = 50,
-  color: n = t.colors.darkGreen,
-  highlightColor: e = t.colors.dandelion,
-  hoverColor: d = t.colors.green,
-  backgroundColor: u = t.colors.darkGreen,
-  textColor: b = t.colors.white,
-  customShadow1: x = t.boxShadows.gray63,
-  customShadow2: f = t.boxShadows.black63,
+  color: n = r.colors.darkGreen,
+  highlightColor: e = r.colors.dandelion,
+  hoverColor: d = r.colors.green,
+  backgroundColor: u = r.colors.darkGreen,
+  textColor: b = r.colors.white,
+  customShadow1: x = r.boxShadows.gray63,
+  customShadow2: f = r.boxShadows.black63,
   children: l,
-  active: m,
+  active: h,
   ...c
 }) => o === "custom" ? /* @__PURE__ */ i(
   io,
@@ -622,7 +638,7 @@ const S = s(j)`
     ...c,
     children: l
   }
-) : o === "bibi" ? /* @__PURE__ */ i(h, { ...c, children: l }) : o === "bibiOutlined" ? /* @__PURE__ */ i(lo, { ...c, children: l }) : o === "bibiInverse" ? /* @__PURE__ */ i(co, { ...c, children: l }) : o === "unstyled" ? /* @__PURE__ */ i(po, { ...c, children: l }) : o === 2 ? /* @__PURE__ */ i(so, { ...c, children: /* @__PURE__ */ i("span", { children: l }) }) : o === "icon" ? /* @__PURE__ */ i(uo, { className: "jcIconButton", ...{ size: a, color: n, highlightColor: e, hoverColor: d }, ...c, children: l }) : o === "filter" ? /* @__PURE__ */ i(bo, { className: "jcFilterButton", active: m, ...c, children: l }) : /* @__PURE__ */ i(eo, { ...c, children: /* @__PURE__ */ i("span", { children: l }) });
+) : o === "bibi" ? /* @__PURE__ */ i(z, { ...c, children: l }) : o === "bibiOutlined" ? /* @__PURE__ */ i(lo, { ...c, children: l }) : o === "bibiInverse" ? /* @__PURE__ */ i(co, { ...c, children: l }) : o === "unstyled" ? /* @__PURE__ */ i(po, { ...c, children: l }) : o === 2 ? /* @__PURE__ */ i(so, { ...c, children: /* @__PURE__ */ i("span", { children: l }) }) : o === "icon" ? /* @__PURE__ */ i(uo, { className: "jcIconButton", ...{ size: a, color: n, highlightColor: e, hoverColor: d }, ...c, children: l }) : o === "filter" ? /* @__PURE__ */ i(bo, { className: "jcFilterButton", active: h, ...c, children: l }) : /* @__PURE__ */ i(eo, { ...c, children: /* @__PURE__ */ i("span", { children: l }) });
 export {
   wo as Button,
   wo as default

package/Table/Table.js

@@ -1,20 +1,21 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import Se, { forwardRef as J, createElement as E, useState as m, useMemo as _ } from "react";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import ve, { forwardRef as Q, createElement as N, useState as m, useMemo as D } from "react";
+import B from "../theme.js";
 import { n as s } from "../.chunks/emotion-styled.browser.esm.js";
-import { Button as ve } from "../Button/Button.js";
+import { Button as ze } from "../Button/Button.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 ze = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Ae = (n) => n.replace(
+const Ae = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), je = (n) => n.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (r, l, u) => u ? u.toUpperCase() : l.toLowerCase()
-), Y = (n) => {
-  const r = Ae(n);
+), Z = (n) => {
+  const r = je(n);
   return r.charAt(0).toUpperCase() + r.slice(1);
-}, Q = (...n) => n.filter((r, l, u) => !!r && r.trim() !== "" && u.indexOf(r) === l).join(" ").trim(), je = (n) => {
+}, X = (...n) => n.filter((r, l, u) => !!r && r.trim() !== "" && u.indexOf(r) === l).join(" ").trim(), Be = (n) => {
   for (const r in n)
     if (r.startsWith("aria-") || r === "role" || r === "title")
       return !0;
@@ -25,7 +26,7 @@ const ze = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Ae = (
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var Be = {
+var Ie = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -42,7 +43,7 @@ var Be = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ie = J(
+const _e = Q(
   ({
     color: n = "currentColor",
     size: r = 24,
@@ -50,23 +51,23 @@ const Ie = J(
     absoluteStrokeWidth: u,
     className: C = "",
     children: g,
-    iconNode: D,
+    iconNode: M,
     ...i
-  }, b) => E(
+  }, b) => N(
     "svg",
     {
       ref: b,
-      ...Be,
+      ...Ie,
       width: r,
       height: r,
       stroke: n,
       strokeWidth: u ? Number(l) * 24 / Number(r) : l,
-      className: Q("lucide", C),
-      ...!g && !je(i) && { "aria-hidden": "true" },
+      className: X("lucide", C),
+      ...!g && !Be(i) && { "aria-hidden": "true" },
       ...i
     },
     [
-      ...D.map(([M, d]) => E(M, d)),
+      ...M.map(([T, d]) => N(T, d)),
       ...Array.isArray(g) ? g : [g]
     ]
   )
@@ -78,19 +79,19 @@ const Ie = J(
  * See the LICENSE file in the root directory of this source tree.
  */
 const z = (n, r) => {
-  const l = J(
-    ({ className: u, ...C }, g) => E(Ie, {
+  const l = Q(
+    ({ className: u, ...C }, g) => N(_e, {
       ref: g,
       iconNode: r,
-      className: Q(
-        `lucide-${ze(Y(n))}`,
+      className: X(
+        `lucide-${Ae(Z(n))}`,
         `lucide-${n}`,
         u
       ),
       ...C
     })
   );
-  return l.displayName = Y(n), l;
+  return l.displayName = Z(n), l;
 };
 /**
  * @license lucide-react v0.525.0 - ISC
@@ -98,21 +99,21 @@ const z = (n, r) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _e = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], $ = z("chevron-down", _e);
+const De = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], E = z("chevron-down", De);
 /**
  * @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 De = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], Z = z("chevron-up", De);
+const Me = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], G = z("chevron-up", Me);
 /**
  * @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 Me = [
+const Te = [
   [
     "path",
     {
@@ -129,14 +130,14 @@ const Me = [
     }
   ],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }]
-], Te = z("eye-off", Me);
+], Le = z("eye-off", Te);
 /**
  * @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 Le = [
+const Re = [
   [
     "path",
     {
@@ -145,24 +146,24 @@ const Le = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], Re = z("eye", Le);
+], We = z("eye", Re);
 /**
  * @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 We = [
+const $e = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], G = z("search", We);
+], J = z("search", $e);
 /**
  * @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 $e = [
+const Ee = [
   [
     "path",
     {
@@ -171,73 +172,73 @@ const $e = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], Ee = z("settings", $e);
+], Ne = z("settings", Ee);
 let v = "";
-const Oe = ({
+const qe = ({
   data: n = [],
   columnTitles: r = {},
   rowsPerPage: l = 19,
   title: u = "Data Table",
   onRowClick: C,
   hiddenColumns: g = [],
-  defaultSort: D = { key: "", direction: "asc" }
+  defaultSort: M = { key: "", direction: "asc" }
 }) => {
-  const [i, b] = m(1), [, M] = m(""), [d, X] = m(D), [w, B] = m(/* @__PURE__ */ new Set()), [T, N] = m(/* @__PURE__ */ new Set()), [V, P] = m(!1), [F, ee] = m(!1), p = _(() => n.length === 0 ? [] : Object.keys(n[0]).filter((e) => !g.includes(e)), [n]);
-  Se.useEffect(() => {
-    p.length > 0 && (N(new Set(p)), B(new Set(p)));
+  const [i, b] = m(1), [, T] = m(""), [d, P] = m(M), [w, I] = m(/* @__PURE__ */ new Set()), [L, V] = m(/* @__PURE__ */ new Set()), [F, ee] = m(!1), [U, oe] = m(!1), p = D(() => n.length === 0 ? [] : Object.keys(n[0]).filter((e) => !g.includes(e)), [n]);
+  ve.useEffect(() => {
+    p.length > 0 && (V(new Set(p)), I(new Set(p)));
   }, [p]);
-  const L = _(() => {
+  const R = D(() => {
     if (!v) return n;
     const e = w.size > 0 ? w : new Set(p);
-    return n.filter((o) => Array.from(e).some((a) => {
-      const h = o[a];
-      return h && h.toString().toLowerCase().includes(v.toLowerCase());
+    return n.filter((t) => Array.from(e).some((a) => {
+      const f = t[a];
+      return f && f.toString().toLowerCase().includes(v.toLowerCase());
     }));
-  }, [n, v, w, p]), x = _(() => d.key ? [...L].sort((e, o) => e[d.key] < o[d.key] ? d.direction === "asc" ? -1 : 1 : e[d.key] > o[d.key] ? d.direction === "asc" ? 1 : -1 : 0) : L, [L, d]), I = p.filter((e) => T.has(e)), te = () => {
+  }, [n, v, w, p]), x = D(() => d.key ? [...R].sort((e, t) => e[d.key] < t[d.key] ? d.direction === "asc" ? -1 : 1 : e[d.key] > t[d.key] ? d.direction === "asc" ? 1 : -1 : 0) : R, [R, d]), _ = p.filter((e) => L.has(e)), te = () => {
     if (!Array.isArray(x) || x.length === 0) return;
-    const e = I.map((S) => r[S] || S), o = (S) => {
+    const e = _.map((S) => r[S] || S), t = (S) => {
       const j = String(S ?? "");
       return /[",\n]/.test(j) ? `"${j.replace(/"/g, '""')}"` : j;
-    }, h = [
+    }, f = [
       e.join(","),
       // header row
-      ...x.map((S) => I.map((j) => o(S[j])).join(","))
+      ...x.map((S) => _.map((j) => t(S[j])).join(","))
     ].join(`
-`), ke = new Blob([h], { type: "text/csv;charset=utf-8;" }), A = document.createElement("a");
-    A.href = URL.createObjectURL(ke), A.download = "data.csv", document.body.appendChild(A), A.click(), document.body.removeChild(A);
-  }, oe = _(() => {
+`), Se = new Blob([f], { type: "text/csv;charset=utf-8;" }), A = document.createElement("a");
+    A.href = URL.createObjectURL(Se), A.download = "data.csv", document.body.appendChild(A), A.click(), document.body.removeChild(A);
+  }, ne = D(() => {
     const e = (i - 1) * l;
     return x.slice(e, e + l);
-  }, [x, i, l]), f = Math.ceil(x.length / l), ne = (e) => {
-    X((o) => ({
+  }, [x, i, l]), h = Math.ceil(x.length / l), re = (e) => {
+    P((t) => ({
       key: e,
-      direction: o.key === e && o.direction === "asc" ? "desc" : "asc"
+      direction: t.key === e && t.direction === "asc" ? "desc" : "asc"
     }));
-  }, re = (e) => {
-    B((o) => {
-      const a = new Set(o);
+  }, ie = (e) => {
+    I((t) => {
+      const a = new Set(t);
       return a.has(e) ? a.delete(e) : a.add(e), a;
     });
-  }, ie = () => {
-    w.size === p.length ? B(/* @__PURE__ */ new Set()) : B(new Set(p));
-  }, se = (e) => {
-    N((o) => {
-      const a = new Set(o);
+  }, se = () => {
+    w.size === p.length ? I(/* @__PURE__ */ new Set()) : I(new Set(p));
+  }, ae = (e) => {
+    V((t) => {
+      const a = new Set(t);
       return a.has(e) ? a.delete(e) : a.add(e), a;
     });
-  }, ae = (e) => {
+  }, ce = (e) => {
     v = e;
-  }, U = () => {
-    M(v);
+  }, O = () => {
+    T(v);
   }, y = {
     thActive: {
-      backgroundColor: "#009200",
-      color: "#ffffff"
+      backgroundColor: B.colors.green,
+      color: B.colors.white
     },
     paginationButtonActive: {
-      backgroundColor: "#009200",
-      color: "#ffffff",
-      borderColor: "#009200"
+      backgroundColor: B.colors.green,
+      color: B.colors.white,
+      borderColor: B.colors.green
     },
     paginationButtonDisabled: {
       opacity: 0.5,
@@ -249,7 +250,7 @@ const Oe = ({
       textAlign: "center",
       marginTop: "10px"
     }
-  }, ce = s("div")({
+  }, le = s("div")({
     backgroundColor: "#ffffff",
     borderRadius: "8px",
     boxShadow: "0 2px 10px rgba(0, 0, 0, 0.1)",
@@ -257,7 +258,7 @@ const Oe = ({
     fontFamily: "Arial, sans-serif",
     maxWidth: "100%",
     overflow: "auto"
-  }), le = s("div")({
+  }), de = s("div")({
     display: "flex",
     flexDirection: "column",
     justifyContent: "space-between",
@@ -265,12 +266,12 @@ const Oe = ({
     marginBottom: "20px",
     flexWrap: "wrap",
     gap: "9px"
-  }), de = s("div")({
+  }), pe = s("div")({
     display: "flex",
     justifyContent: "space-between",
     width: "100%",
     alignItems: "center"
-  }), pe = s("h2")({
+  }), he = s("h2")({
     fontSize: "24px",
     fontWeight: "bold",
     color: "#000000",
@@ -282,12 +283,12 @@ const Oe = ({
     gap: "15px",
     alignItems: "center",
     flexWrap: "wrap"
-  }), he = s("div")({
+  }), ue = s("div")({
     position: "relative",
     display: "flex",
     alignItems: "center",
     flexGrow: 1
-  }), ue = s(G)({
+  }), xe = s(J)({
     position: "absolute",
     left: "13px",
     top: "10px",
@@ -299,7 +300,7 @@ const Oe = ({
       cursor: "pointer",
       color: "#009200"
     }
-  }), xe = s("input")({
+  }), ge = s("input")({
     padding: "10px 15px 10px 40px",
     border: "2px solid #e0e0e0",
     borderRadius: "25px",
@@ -313,7 +314,7 @@ const Oe = ({
       borderColor: "#009200",
       boxShadow: "0 0 0 3px rgba(0, 146, 0, 0.1)"
     }
-  }), O = s("button")({
+  }), H = s("button")({
     padding: "10px 15px",
     border: "2px solid #009200",
     borderRadius: "6px",
@@ -333,7 +334,7 @@ const Oe = ({
       transform: "translateY(-1px)",
       boxShadow: "0 4px 12px rgba(0, 146, 0, 0.3)"
     }
-  }), H = s("div")({
+  }), q = s("div")({
     position: "absolute",
     top: "100%",
     right: 0,
@@ -346,7 +347,7 @@ const Oe = ({
     minWidth: "200px",
     maxHeight: "300px",
     overflowY: "auto"
-  }), R = s("div")({
+  }), W = s("div")({
     padding: "12px 16px",
     display: "flex",
     alignItems: "center",
@@ -359,18 +360,18 @@ const Oe = ({
       backgroundColor: "#f0f8f0",
       color: "#005c00"
     }
-  }), W = s("input")({
+  }), $ = s("input")({
     width: "16px",
     height: "16px",
     accentColor: "#009200"
-  }), ge = s("table")({
+  }), be = s("table")({
     width: "100%",
     borderCollapse: "collapse",
     backgroundColor: "#ffffff",
     borderRadius: "8px",
     overflow: "hidden",
     boxShadow: "0 1px 3px rgba(0, 0, 0, 0.1)"
-  }), be = s("th")({
+  }), Ce = s("th")({
     backgroundColor: "#f8f9fa",
     color: "#333333",
     padding: "16px 12px",
@@ -387,16 +388,16 @@ const Oe = ({
       backgroundColor: "#e8f5e8",
       color: "#005c00"
     }
-  }), Ce = s("td")({
+  }), ye = s("td")({
     padding: "14px 12px",
     borderBottom: "1px solid #f0f0f0",
     fontSize: "14px",
     color: "#333333",
     transition: "all 0.2s ease"
-  }), ye = s("span")({
+  }), me = s("span")({
     marginLeft: "8px",
     opacity: 0.6
-  }), q = s("tr")(({ interactableRow: e }) => ({
+  }), K = s("tr")(({ interactableRow: e }) => ({
     transition: "all 0.2s ease",
     ...e && {
       "&:focus, &:hover, &:focus-within": {
@@ -404,7 +405,7 @@ const Oe = ({
         cursor: "pointer"
       }
     }
-  })), me = s("div")({
+  })), we = s("div")({
     display: "flex",
     justifyContent: "center",
     alignItems: "center",
@@ -429,48 +430,48 @@ const Oe = ({
       opacity: 0.5,
       cursor: "not-allowed"
     }
-  }), we = s("div")({
+  }), ke = s("div")({
     fontSize: "14px",
     color: "#666666",
     textAlign: "center",
     marginTop: "10px"
-  }), K = s("span")({
+  }), Y = s("span")({
     padding: "8px 4px",
     color: "#666666",
     fontSize: "14px"
   });
-  return /* @__PURE__ */ c(ce, { children: [
-    /* @__PURE__ */ c(le, { children: [
-      /* @__PURE__ */ c(de, { children: [
-        /* @__PURE__ */ t(pe, { children: u }),
-        /* @__PURE__ */ t(ve, { onClick: te, children: "Export to CSV" })
+  return /* @__PURE__ */ c(le, { children: [
+    /* @__PURE__ */ c(de, { children: [
+      /* @__PURE__ */ c(pe, { children: [
+        /* @__PURE__ */ o(he, { children: u }),
+        /* @__PURE__ */ o(ze, { onClick: te, children: "Export to CSV" })
       ] }),
       /* @__PURE__ */ c(fe, { children: [
-        /* @__PURE__ */ c(he, { children: [
-          /* @__PURE__ */ t(ue, { onClick: U }),
-          /* @__PURE__ */ t(
-            xe,
+        /* @__PURE__ */ c(ue, { children: [
+          /* @__PURE__ */ o(xe, { onClick: O }),
+          /* @__PURE__ */ o(
+            ge,
             {
               type: "text",
               placeholder: "Search...",
               defaultValue: v,
-              onChange: (e) => ae(e.target.value),
+              onChange: (e) => ce(e.target.value),
               onKeyDown: (e) => {
-                e.key === "Enter" && U();
+                e.key === "Enter" && O();
               }
             }
           )
         ] }),
         /* @__PURE__ */ c("div", { style: { position: "relative" }, children: [
-          /* @__PURE__ */ c(O, { onClick: () => ee(!F), children: [
-            /* @__PURE__ */ t(G, { size: 16 }),
+          /* @__PURE__ */ c(H, { onClick: () => oe(!U), children: [
+            /* @__PURE__ */ o(J, { size: 16 }),
             "Fields",
-            /* @__PURE__ */ t($, { size: 16 })
+            /* @__PURE__ */ o(E, { size: 16 })
           ] }),
-          F && /* @__PURE__ */ c(H, { children: [
-            /* @__PURE__ */ c(R, { onClick: ie, children: [
-              /* @__PURE__ */ t(
-                W,
+          U && /* @__PURE__ */ c(q, { children: [
+            /* @__PURE__ */ c(W, { onClick: se, children: [
+              /* @__PURE__ */ o(
+                $,
                 {
                   type: "checkbox",
                   checked: w.size === p.length,
@@ -478,48 +479,48 @@ const Oe = ({
                   }
                 }
               ),
-              /* @__PURE__ */ t("span", { style: { fontWeight: "bold" }, children: "All" })
+              /* @__PURE__ */ o("span", { style: { fontWeight: "bold" }, children: "All" })
             ] }),
-            /* @__PURE__ */ t("div", { style: { height: "1px", backgroundColor: "#e0e0e0", margin: "4px 0" } }),
-            p.map((e) => /* @__PURE__ */ c(R, { onClick: () => re(e), children: [
-              /* @__PURE__ */ t(W, { type: "checkbox", checked: w.has(e), onChange: () => {
+            /* @__PURE__ */ o("div", { style: { height: "1px", backgroundColor: "#e0e0e0", margin: "4px 0" } }),
+            p.map((e) => /* @__PURE__ */ c(W, { onClick: () => ie(e), children: [
+              /* @__PURE__ */ o($, { type: "checkbox", checked: w.has(e), onChange: () => {
               } }),
-              /* @__PURE__ */ t("span", { children: r[e] || e })
+              /* @__PURE__ */ o("span", { children: r[e] || e })
             ] }, e))
           ] })
         ] }),
         /* @__PURE__ */ c("div", { style: { position: "relative" }, children: [
-          /* @__PURE__ */ c(O, { onClick: () => P(!V), children: [
-            /* @__PURE__ */ t(Ee, { size: 16 }),
+          /* @__PURE__ */ c(H, { onClick: () => ee(!F), children: [
+            /* @__PURE__ */ o(Ne, { size: 16 }),
             "Columns",
-            /* @__PURE__ */ t($, { size: 16 })
+            /* @__PURE__ */ o(E, { size: 16 })
           ] }),
-          V && /* @__PURE__ */ t(H, { children: p.map((e) => /* @__PURE__ */ c(R, { onClick: () => se(e), children: [
-            /* @__PURE__ */ t(W, { type: "checkbox", checked: T.has(e), onChange: () => {
+          F && /* @__PURE__ */ o(q, { children: p.map((e) => /* @__PURE__ */ c(W, { onClick: () => ae(e), children: [
+            /* @__PURE__ */ o($, { type: "checkbox", checked: L.has(e), onChange: () => {
             } }),
-            T.has(e) ? /* @__PURE__ */ t(Re, { size: 16 }) : /* @__PURE__ */ t(Te, { size: 16 }),
-            /* @__PURE__ */ t("span", { children: r[e] || e })
+            L.has(e) ? /* @__PURE__ */ o(We, { size: 16 }) : /* @__PURE__ */ o(Le, { size: 16 }),
+            /* @__PURE__ */ o("span", { children: r[e] || e })
           ] }, e)) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ c(ge, { children: [
-      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t(q, { interactableRow: !1, children: I.map((e) => /* @__PURE__ */ c(
-        be,
+    /* @__PURE__ */ c(be, { children: [
+      /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o(K, { interactableRow: !1, children: _.map((e) => /* @__PURE__ */ c(
+        Ce,
         {
           style: d.key === e ? y.thActive : {},
-          onClick: () => ne(e),
+          onClick: () => re(e),
           children: [
             r[e] || e,
-            /* @__PURE__ */ t(ye, { children: d.key === e ? d.direction === "asc" ? /* @__PURE__ */ t(Z, { size: 16 }) : /* @__PURE__ */ t($, { size: 16 }) : /* @__PURE__ */ t(Z, { size: 16, style: { opacity: 0.313 } }) })
+            /* @__PURE__ */ o(me, { children: d.key === e ? d.direction === "asc" ? /* @__PURE__ */ o(G, { size: 16 }) : /* @__PURE__ */ o(E, { size: 16 }) : /* @__PURE__ */ o(G, { size: 16, style: { opacity: 0.313 } }) })
           ]
         },
         e
       )) }) }),
-      /* @__PURE__ */ t("tbody", { children: oe.map((e, o) => /* @__PURE__ */ t(q, { onClick: () => C && C(e), interactableRow: !!C, children: I.map((a) => /* @__PURE__ */ t(Ce, { children: e[a] }, a)) }, o)) })
+      /* @__PURE__ */ o("tbody", { children: ne.map((e, t) => /* @__PURE__ */ o(K, { onClick: () => C && C(e), interactableRow: !!C, children: _.map((a) => /* @__PURE__ */ o(ye, { children: e[a] }, a)) }, t)) })
     ] }),
-    /* @__PURE__ */ c(me, { children: [
-      /* @__PURE__ */ t(
+    /* @__PURE__ */ c(we, { children: [
+      /* @__PURE__ */ o(
         k,
         {
           style: i === 1 ? y.paginationButtonDisabled : {},
@@ -530,22 +531,22 @@ const Oe = ({
       ),
       (() => {
         const e = [];
-        if (f <= 5)
-          for (let o = 1; o <= f; o++)
+        if (h <= 5)
+          for (let t = 1; t <= h; t++)
             e.push(
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ o(
                 k,
                 {
-                  style: i === o ? y.paginationButtonActive : {},
-                  onClick: () => b(o),
-                  children: o
+                  style: i === t ? y.paginationButtonActive : {},
+                  onClick: () => b(t),
+                  children: t
                 },
-                o
+                t
               )
             );
         else {
           e.push(
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ o(
               k,
               {
                 style: i === 1 ? y.paginationButtonActive : {},
@@ -554,45 +555,45 @@ const Oe = ({
               },
               1
             )
-          ), i > 3 && e.push(/* @__PURE__ */ t(K, { children: "..." }, "ellipsis1"));
-          const o = Math.max(2, i - 1), a = Math.min(f - 1, i + 1);
-          for (let h = o; h <= a; h++)
+          ), i > 3 && e.push(/* @__PURE__ */ o(Y, { children: "..." }, "ellipsis1"));
+          const t = Math.max(2, i - 1), a = Math.min(h - 1, i + 1);
+          for (let f = t; f <= a; f++)
             e.push(
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ o(
                 k,
                 {
-                  style: i === h ? y.paginationButtonActive : {},
-                  onClick: () => b(h),
-                  children: h
+                  style: i === f ? y.paginationButtonActive : {},
+                  onClick: () => b(f),
+                  children: f
                 },
-                h
+                f
               )
             );
-          i < f - 2 && e.push(/* @__PURE__ */ t(K, { children: "..." }, "ellipsis2")), f > 1 && e.push(
-            /* @__PURE__ */ t(
+          i < h - 2 && e.push(/* @__PURE__ */ o(Y, { children: "..." }, "ellipsis2")), h > 1 && e.push(
+            /* @__PURE__ */ o(
               k,
               {
-                style: i === f ? y.paginationButtonActive : {},
-                onClick: () => b(f),
-                children: f
+                style: i === h ? y.paginationButtonActive : {},
+                onClick: () => b(h),
+                children: h
               },
-              f
+              h
             )
           );
         }
         return e;
       })(),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ o(
         k,
         {
-          style: i === f ? y.paginationButtonDisabled : {},
-          onClick: () => b(Math.min(f, i + 1)),
-          disabled: i === f,
+          style: i === h ? y.paginationButtonDisabled : {},
+          onClick: () => b(Math.min(h, i + 1)),
+          disabled: i === h,
           children: "Next"
         }
       )
     ] }),
-    /* @__PURE__ */ c(we, { children: [
+    /* @__PURE__ */ c(ke, { children: [
       "Showing ",
       Math.min((i - 1) * l + 1, x.length),
       " to",
@@ -605,5 +606,5 @@ const Oe = ({
   ] });
 };
 export {
-  Oe as default
+  qe as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.315",
+  "version": "0.0.317",
   "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",

package/theme.d.ts

@@ -17,9 +17,11 @@ export interface ThemeColors {
     darkRed: string;
     emerald: string;
     gold: string;
+    goldHover: string;
     gold2: string;
     gray: string;
     gray2: string;
+    gray3: string;
     grayO44: string;
     green: string;
     indigo: string;

package/theme.js

@@ -22,9 +22,11 @@ const a = {
     darkRed: "#800000",
     emerald: "#004d24",
     gold: "#fab62d",
+    goldHover: "#e0a022",
     gold2: "#fcba03",
     gray: "#727272",
     gray2: "#dddddd",
+    gray3: "#666666",
     grayO44: "#72727244",
     green: "#009200",
     indigo: "#4105c1",