jcicl 0.0.145 → 0.0.149

package/Accordion/Accordion.js

@@ -1,4 +1,4 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { useState as g } from "react";
 import { n, i as u } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as d } from "../.chunks/emotion-react.browser.esm.js";
@@ -8,7 +8,7 @@ import { c as y } from "../.chunks/createSvgIcon.js";
 import { B as b } from "../.chunks/ButtonBase.js";
 const A = y(/* @__PURE__ */ r("path", {
   d: "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"
-}), "ArrowForwardIos"), B = n("div")(({ padding: o, shadow: t, width: e }) => ({
+}), "ArrowForwardIos"), j = n("div")(({ padding: o, shadow: t, width: e }) => ({
   ...d`
     h3 {
       margin: 0;
@@ -24,7 +24,7 @@ const A = y(/* @__PURE__ */ r("path", {
     background-color: ${c.colors.white};
     width: ${e};
   `
-})), $ = n("div")(({ expanded: o }) => ({
+})), B = n("div")(({ expanded: o }) => ({
   ...d`
     transition: 313ms all ease-in-out;
     display: grid;
@@ -33,7 +33,7 @@ const A = y(/* @__PURE__ */ r("path", {
       overflow: hidden;
     }
   `
-})), v = n(b, {
+})), $ = n(b, {
   shouldForwardProp: (o) => u(o) && typeof o == "string"
 })(({ expanded: o }) => ({
   ...d`
@@ -44,7 +44,7 @@ const A = y(/* @__PURE__ */ r("path", {
     height: 24px;
     aspect-ratio: 1;
   `
-})), G = ({
+})), C = ({
   decorativeElement: o,
   title: t,
   children: e,
@@ -52,19 +52,19 @@ const A = y(/* @__PURE__ */ r("path", {
   shadow: m = c.boxShadows.darkGreen,
   width: p = "360px"
 }) => {
-  const [i, f] = g(!1), h = { padding: l, shadow: m, width: p }, w = { expanded: i }, x = { expanded: i };
-  return /* @__PURE__ */ s(B, { ...h, children: [
-    /* @__PURE__ */ s(a, { alignItems: "center", justifyContent: "space-between", children: [
-      /* @__PURE__ */ s(a, { width: "100%", gap: "1rem", alignItems: "center", children: [
+  const [s, f] = g(!1), h = { padding: l, shadow: m, width: p }, w = { expanded: s }, x = { expanded: s };
+  return /* @__PURE__ */ i(j, { ...h, children: [
+    /* @__PURE__ */ i(a, { className: "jcAccordionHeader", alignItems: "center", justifyContent: "space-between", children: [
+      /* @__PURE__ */ i(a, { className: "jcAccordionTitle", width: "100%", gap: "1rem", alignItems: "center", children: [
         o && o,
         /* @__PURE__ */ r("h3", { children: t })
       ] }),
-      /* @__PURE__ */ r(v, { ...w, onClick: () => f(!i), children: /* @__PURE__ */ r(A, {}) })
+      /* @__PURE__ */ r($, { ...w, onClick: () => f(!s), children: /* @__PURE__ */ r(A, {}) })
     ] }),
-    /* @__PURE__ */ r($, { className: "jcAccordionBody", ...x, children: /* @__PURE__ */ r("div", { children: e }) })
+    /* @__PURE__ */ r(B, { className: "jcAccordionBody", ...x, children: /* @__PURE__ */ r("div", { children: e }) })
   ] });
 };
 export {
-  G as Accordion,
-  G as default
+  C as Accordion,
+  C as default
 };

package/Flex/Flex.d.ts

@@ -13,6 +13,7 @@ export interface FlexProps {
     /** Format: `{ reactCssProperty: value, reactCssProperty: value }` A React CSS property is simply any css property converted to camelCase */
     styles?: CSSProperties;
     id?: string;
+    className?: string;
 }
 export declare const Flex: React.FC<FlexProps>;
 export default Flex;

package/Flex/Flex.js

@@ -18,7 +18,7 @@ const p = d("div", {
     fontFamily: "Roboto, sans-serif",
     ...n
   })
-), b = ({ children: o, ...r }) => /* @__PURE__ */ x(p, { className: "jcFlex", ...r, children: o });
+), b = ({ children: o, className: r, ...a }) => /* @__PURE__ */ x(p, { className: `jcFlex ${r}`, ...a, children: o });
 export {
   b as Flex,
   b as default

package/Pagination/Pagination.js

@@ -1,20 +1,19 @@
 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 et from "../theme.js";
+import { n as aa } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as ta } 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 { b as ot, u as st } from "../.chunks/index.js";
+import { a as _, g as H, s as B, e as N, u as q, b as U, P as t, c as I, d as J } from "../.chunks/DefaultPropsProvider.js";
+import { b as ea, u as oa } from "../.chunks/index.js";
 import { u as j, i as w } from "../.chunks/useSlot.js";
 import { c as D } from "../.chunks/createSimplePaletteValueFilter.js";
 import { c as h } from "../.chunks/createSvgIcon.js";
 import { m as V } from "../.chunks/memoTheme.js";
-import { B as nt } from "../.chunks/ButtonBase.js";
-function it(t) {
-  return H("MuiPagination", t);
+import { B as sa } from "../.chunks/ButtonBase.js";
+function na(a) {
+  return H("MuiPagination", a);
 }
 _("MuiPagination", ["root", "ul", "outlined", "text"]);
-function rt(t = {}) {
+function ia(a = {}) {
   const {
     boundaryCount: e = 1,
     componentName: o = "usePagination",
@@ -29,7 +28,7 @@ function rt(t = {}) {
     showLastButton: R = !1,
     siblingCount: m = 1,
     ...O
-  } = t, [l, p] = ot({
+  } = a, [l, p] = ea({
     controlled: P,
     default: y,
     name: o,
@@ -110,23 +109,23 @@ function rt(t = {}) {
     ...O
   };
 }
-function lt(t) {
-  return H("MuiPaginationItem", t);
+function ra(a) {
+  return H("MuiPaginationItem", a);
 }
-const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), pt = h(/* @__PURE__ */ d("path", {
+const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), la = h(/* @__PURE__ */ d("path", {
   d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
-}), "FirstPage"), ct = h(/* @__PURE__ */ d("path", {
+}), "FirstPage"), pa = h(/* @__PURE__ */ d("path", {
   d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
-}), "LastPage"), dt = h(/* @__PURE__ */ d("path", {
+}), "LastPage"), ca = h(/* @__PURE__ */ d("path", {
   d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-}), "NavigateBefore"), ut = h(/* @__PURE__ */ d("path", {
+}), "NavigateBefore"), da = h(/* @__PURE__ */ d("path", {
   d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "NavigateNext"), K = (t, e) => {
+}), "NavigateNext"), K = (a, e) => {
   const {
     ownerState: o
-  } = t;
+  } = a;
   return [e.root, e[o.variant], e[`size${I(o.size)}`], o.variant === "text" && e[`text${I(o.color)}`], o.variant === "outlined" && e[`outlined${I(o.color)}`], o.shape === "rounded" && e.rounded, o.type === "page" && e.page, (o.type === "start-ellipsis" || o.type === "end-ellipsis") && e.ellipsis, (o.type === "previous" || o.type === "next") && e.previousNext, (o.type === "first" || o.type === "last") && e.firstLast];
-}, gt = (t) => {
+}, ua = (a) => {
   const {
     classes: e,
     color: o,
@@ -136,7 +135,7 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     shape: x,
     type: u,
     variant: g
-  } = t, P = {
+  } = a, P = {
     root: ["root", `size${I(b)}`, g, x, o !== "standard" && `color${I(o)}`, o !== "standard" && `${g}${I(o)}`, n && "disabled", y && "selected", {
       page: "page",
       first: "firstLast",
@@ -148,25 +147,25 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     }[u]],
     icon: ["icon"]
   };
-  return J(P, lt, e);
-}, ft = B("div", {
+  return J(P, ra, e);
+}, ga = B("div", {
   name: "MuiPaginationItem",
   slot: "Root",
   overridesResolver: K
 })(V(({
-  theme: t
+  theme: a
 }) => ({
-  ...t.typography.body2,
+  ...a.typography.body2,
   borderRadius: 32 / 2,
   textAlign: "center",
   boxSizing: "border-box",
   minWidth: 32,
   padding: "0 6px",
   margin: "0 3px",
-  color: (t.vars || t).palette.text.primary,
+  color: (a.vars || a).palette.text.primary,
   height: "auto",
   [`&.${r.disabled}`]: {
-    opacity: (t.vars || t).palette.action.disabledOpacity
+    opacity: (a.vars || a).palette.action.disabledOpacity
   },
   variants: [{
     props: {
@@ -186,17 +185,17 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       minWidth: 40,
       borderRadius: 40 / 2,
       padding: "0 10px",
-      fontSize: t.typography.pxToRem(15)
+      fontSize: a.typography.pxToRem(15)
     }
   }]
-}))), vt = B(nt, {
+}))), fa = B(sa, {
   name: "MuiPaginationItem",
   slot: "Root",
   overridesResolver: K
 })(V(({
-  theme: t
+  theme: a
 }) => ({
-  ...t.typography.body2,
+  ...a.typography.body2,
   borderRadius: 32 / 2,
   textAlign: "center",
   boxSizing: "border-box",
@@ -204,39 +203,39 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
   height: 32,
   padding: "0 6px",
   margin: "0 3px",
-  color: (t.vars || t).palette.text.primary,
+  color: (a.vars || a).palette.text.primary,
   [`&.${r.focusVisible}`]: {
-    backgroundColor: (t.vars || t).palette.action.focus
+    backgroundColor: (a.vars || a).palette.action.focus
   },
   [`&.${r.disabled}`]: {
-    opacity: (t.vars || t).palette.action.disabledOpacity
+    opacity: (a.vars || a).palette.action.disabledOpacity
   },
-  transition: t.transitions.create(["color", "background-color"], {
-    duration: t.transitions.duration.short
+  transition: a.transitions.create(["color", "background-color"], {
+    duration: a.transitions.duration.short
   }),
   "&:hover": {
-    backgroundColor: (t.vars || t).palette.action.hover,
+    backgroundColor: (a.vars || a).palette.action.hover,
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
     }
   },
   [`&.${r.selected}`]: {
-    backgroundColor: (t.vars || t).palette.action.selected,
+    backgroundColor: (a.vars || a).palette.action.selected,
     "&:hover": {
-      backgroundColor: t.vars ? `rgba(${t.vars.palette.action.selectedChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))` : N(t.palette.action.selected, t.palette.action.selectedOpacity + t.palette.action.hoverOpacity),
+      backgroundColor: a.vars ? `rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.hoverOpacity}))` : N(a.palette.action.selected, a.palette.action.selectedOpacity + a.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
-        backgroundColor: (t.vars || t).palette.action.selected
+        backgroundColor: (a.vars || a).palette.action.selected
       }
     },
     [`&.${r.focusVisible}`]: {
-      backgroundColor: t.vars ? `rgba(${t.vars.palette.action.selectedChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))` : N(t.palette.action.selected, t.palette.action.selectedOpacity + t.palette.action.focusOpacity)
+      backgroundColor: a.vars ? `rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))` : N(a.palette.action.selected, a.palette.action.selectedOpacity + a.palette.action.focusOpacity)
     },
     [`&.${r.disabled}`]: {
       opacity: 1,
-      color: (t.vars || t).palette.action.disabled,
-      backgroundColor: (t.vars || t).palette.action.selected
+      color: (a.vars || a).palette.action.disabled,
+      backgroundColor: (a.vars || a).palette.action.selected
     }
   },
   variants: [{
@@ -259,25 +258,25 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       height: 40,
       borderRadius: 40 / 2,
       padding: "0 10px",
-      fontSize: t.typography.pxToRem(15)
+      fontSize: a.typography.pxToRem(15)
     }
   }, {
     props: {
       shape: "rounded"
     },
     style: {
-      borderRadius: (t.vars || t).shape.borderRadius
+      borderRadius: (a.vars || a).shape.borderRadius
     }
   }, {
     props: {
       variant: "outlined"
     },
     style: {
-      border: t.vars ? `1px solid rgba(${t.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${t.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)"}`,
+      border: a.vars ? `1px solid rgba(${a.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${a.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)"}`,
       [`&.${r.selected}`]: {
         [`&.${r.disabled}`]: {
-          borderColor: (t.vars || t).palette.action.disabledBackground,
-          color: (t.vars || t).palette.action.disabled
+          borderColor: (a.vars || a).palette.action.disabledBackground,
+          color: (a.vars || a).palette.action.disabled
         }
       }
     }
@@ -288,79 +287,79 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     style: {
       [`&.${r.selected}`]: {
         [`&.${r.disabled}`]: {
-          color: (t.vars || t).palette.action.disabled
+          color: (a.vars || a).palette.action.disabled
         }
       }
     }
-  }, ...Object.entries(t.palette).filter(D(["dark", "contrastText"])).map(([e]) => ({
+  }, ...Object.entries(a.palette).filter(D(["dark", "contrastText"])).map(([e]) => ({
     props: {
       variant: "text",
       color: e
     },
     style: {
       [`&.${r.selected}`]: {
-        color: (t.vars || t).palette[e].contrastText,
-        backgroundColor: (t.vars || t).palette[e].main,
+        color: (a.vars || a).palette[e].contrastText,
+        backgroundColor: (a.vars || a).palette[e].main,
         "&:hover": {
-          backgroundColor: (t.vars || t).palette[e].dark,
+          backgroundColor: (a.vars || a).palette[e].dark,
           // Reset on touch devices, it doesn't add specificity
           "@media (hover: none)": {
-            backgroundColor: (t.vars || t).palette[e].main
+            backgroundColor: (a.vars || a).palette[e].main
           }
         },
         [`&.${r.focusVisible}`]: {
-          backgroundColor: (t.vars || t).palette[e].dark
+          backgroundColor: (a.vars || a).palette[e].dark
         },
         [`&.${r.disabled}`]: {
-          color: (t.vars || t).palette.action.disabled
+          color: (a.vars || a).palette.action.disabled
         }
       }
     }
-  })), ...Object.entries(t.palette).filter(D(["light"])).map(([e]) => ({
+  })), ...Object.entries(a.palette).filter(D(["light"])).map(([e]) => ({
     props: {
       variant: "outlined",
       color: e
     },
     style: {
       [`&.${r.selected}`]: {
-        color: (t.vars || t).palette[e].main,
-        border: `1px solid ${t.vars ? `rgba(${t.vars.palette[e].mainChannel} / 0.5)` : N(t.palette[e].main, 0.5)}`,
-        backgroundColor: t.vars ? `rgba(${t.vars.palette[e].mainChannel} / ${t.vars.palette.action.activatedOpacity})` : N(t.palette[e].main, t.palette.action.activatedOpacity),
+        color: (a.vars || a).palette[e].main,
+        border: `1px solid ${a.vars ? `rgba(${a.vars.palette[e].mainChannel} / 0.5)` : N(a.palette[e].main, 0.5)}`,
+        backgroundColor: a.vars ? `rgba(${a.vars.palette[e].mainChannel} / ${a.vars.palette.action.activatedOpacity})` : N(a.palette[e].main, a.palette.action.activatedOpacity),
         "&:hover": {
-          backgroundColor: t.vars ? `rgba(${t.vars.palette[e].mainChannel} / calc(${t.vars.palette.action.activatedOpacity} + ${t.vars.palette.action.focusOpacity}))` : N(t.palette[e].main, t.palette.action.activatedOpacity + t.palette.action.focusOpacity),
+          backgroundColor: a.vars ? `rgba(${a.vars.palette[e].mainChannel} / calc(${a.vars.palette.action.activatedOpacity} + ${a.vars.palette.action.focusOpacity}))` : N(a.palette[e].main, a.palette.action.activatedOpacity + a.palette.action.focusOpacity),
           // Reset on touch devices, it doesn't add specificity
           "@media (hover: none)": {
             backgroundColor: "transparent"
           }
         },
         [`&.${r.focusVisible}`]: {
-          backgroundColor: t.vars ? `rgba(${t.vars.palette[e].mainChannel} / calc(${t.vars.palette.action.activatedOpacity} + ${t.vars.palette.action.focusOpacity}))` : N(t.palette[e].main, t.palette.action.activatedOpacity + t.palette.action.focusOpacity)
+          backgroundColor: a.vars ? `rgba(${a.vars.palette[e].mainChannel} / calc(${a.vars.palette.action.activatedOpacity} + ${a.vars.palette.action.focusOpacity}))` : N(a.palette[e].main, a.palette.action.activatedOpacity + a.palette.action.focusOpacity)
         }
       }
     }
   }))]
-}))), yt = B("div", {
+}))), va = B("div", {
   name: "MuiPaginationItem",
   slot: "Icon",
-  overridesResolver: (t, e) => e.icon
+  overridesResolver: (a, e) => e.icon
 })(V(({
-  theme: t
+  theme: a
 }) => ({
-  fontSize: t.typography.pxToRem(20),
+  fontSize: a.typography.pxToRem(20),
   margin: "0 -8px",
   variants: [{
     props: {
       size: "small"
     },
     style: {
-      fontSize: t.typography.pxToRem(18)
+      fontSize: a.typography.pxToRem(18)
     }
   }, {
     props: {
       size: "large"
     },
     style: {
-      fontSize: t.typography.pxToRem(22)
+      fontSize: a.typography.pxToRem(22)
     }
   }]
 }))), Q = /* @__PURE__ */ G.forwardRef(function(e, o) {
@@ -391,7 +390,7 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     size: m,
     type: p,
     variant: C
-  }, k = st(), v = gt(c), f = {
+  }, k = oa(), v = ua(c), f = {
     slots: {
       previous: O.previous ?? u.previous,
       next: O.next ?? u.next,
@@ -400,19 +399,19 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     },
     slotProps: l
   }, [L, S] = j("previous", {
-    elementType: dt,
+    elementType: ca,
     externalForwardedProps: f,
     ownerState: c
   }), [z, s] = j("next", {
-    elementType: ut,
+    elementType: da,
     externalForwardedProps: f,
     ownerState: c
   }), [i, M] = j("first", {
-    elementType: pt,
+    elementType: la,
     externalForwardedProps: f,
     ownerState: c
   }), [W, F] = j("last", {
-    elementType: ct,
+    elementType: pa,
     externalForwardedProps: f,
     ownerState: c
   }), A = k ? {
@@ -431,19 +430,19 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     first: M,
     last: F
   }[A];
-  return p === "start-ellipsis" || p === "end-ellipsis" ? /* @__PURE__ */ d(ft, {
+  return p === "start-ellipsis" || p === "end-ellipsis" ? /* @__PURE__ */ d(ga, {
     ref: o,
     ownerState: c,
     className: U(v.root, y),
     children: "…"
-  }) : /* @__PURE__ */ Z(vt, {
+  }) : /* @__PURE__ */ Z(fa, {
     ref: o,
     ownerState: c,
     component: x,
     disabled: g,
     className: U(v.root, y),
     ...$,
-    children: [p === "page" && P, E ? /* @__PURE__ */ d(yt, {
+    children: [p === "page" && P, E ? /* @__PURE__ */ d(va, {
       ...Y,
       className: v.icon,
       as: E
@@ -458,27 +457,27 @@ process.env.NODE_ENV !== "production" && (Q.propTypes = {
   /**
    * @ignore
    */
-  children: a.node,
+  children: t.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: a.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: a.string,
+  className: t.string,
   /**
    * The active color.
    * 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 'standard'
    */
-  color: a.oneOfType([a.oneOf(["primary", "secondary", "standard"]), a.string]),
+  color: t.oneOfType([t.oneOf(["primary", "secondary", "standard"]), t.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: a.elementType,
+  component: t.elementType,
   /**
    * The components used for each slot inside.
    *
@@ -488,93 +487,93 @@ process.env.NODE_ENV !== "production" && (Q.propTypes = {
    * @default {}
    * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  components: a.shape({
-    first: a.elementType,
-    last: a.elementType,
-    next: a.elementType,
-    previous: a.elementType
+  components: t.shape({
+    first: t.elementType,
+    last: t.elementType,
+    next: t.elementType,
+    previous: t.elementType
   }),
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: a.bool,
+  disabled: t.bool,
   /**
    * The current page number.
    */
-  page: a.node,
+  page: t.node,
   /**
    * If `true` the pagination item is selected.
    * @default false
    */
-  selected: a.bool,
+  selected: t.bool,
   /**
    * The shape of the pagination item.
    * @default 'circular'
    */
-  shape: a.oneOf(["circular", "rounded"]),
+  shape: t.oneOf(["circular", "rounded"]),
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size: a.oneOfType([a.oneOf(["small", "medium", "large"]), a.string]),
+  size: t.oneOfType([t.oneOf(["small", "medium", "large"]), t.string]),
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: a.shape({
-    first: a.oneOfType([a.func, a.object]),
-    last: a.oneOfType([a.func, a.object]),
-    next: a.oneOfType([a.func, a.object]),
-    previous: a.oneOfType([a.func, a.object])
+  slotProps: t.shape({
+    first: t.oneOfType([t.func, t.object]),
+    last: t.oneOfType([t.func, t.object]),
+    next: t.oneOfType([t.func, t.object]),
+    previous: t.oneOfType([t.func, t.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: a.shape({
-    first: a.elementType,
-    last: a.elementType,
-    next: a.elementType,
-    previous: a.elementType
+  slots: t.shape({
+    first: t.elementType,
+    last: t.elementType,
+    next: t.elementType,
+    previous: t.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
   /**
    * The type of pagination item.
    * @default 'page'
    */
-  type: a.oneOf(["end-ellipsis", "first", "last", "next", "page", "previous", "start-ellipsis"]),
+  type: t.oneOf(["end-ellipsis", "first", "last", "next", "page", "previous", "start-ellipsis"]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: a.oneOfType([a.oneOf(["outlined", "text"]), a.string])
+  variant: t.oneOfType([t.oneOf(["outlined", "text"]), t.string])
 });
-const bt = (t) => {
+const ya = (a) => {
   const {
     classes: e,
     variant: o
-  } = t;
+  } = a;
   return J({
     root: ["root", o],
     ul: ["ul"]
-  }, it, e);
-}, xt = B("nav", {
+  }, na, e);
+}, ba = B("nav", {
   name: "MuiPagination",
   slot: "Root",
-  overridesResolver: (t, e) => {
+  overridesResolver: (a, e) => {
     const {
       ownerState: o
-    } = t;
+    } = a;
     return [e.root, e[o.variant]];
   }
-})({}), Pt = B("ul", {
+})({}), xa = B("ul", {
   name: "MuiPagination",
   slot: "Ul",
-  overridesResolver: (t, e) => e.ul
+  overridesResolver: (a, e) => e.ul
 })({
   display: "flex",
   flexWrap: "wrap",
@@ -583,8 +582,8 @@ const bt = (t) => {
   margin: 0,
   listStyle: "none"
 });
-function mt(t, e, o) {
-  return t === "page" ? `${o ? "" : "Go to "}page ${e}` : `Go to ${t} page`;
+function Pa(a, e, o) {
+  return a === "page" ? `${o ? "" : "Go to "}page ${e}` : `Go to ${a} page`;
 }
 const X = /* @__PURE__ */ G.forwardRef(function(e, o) {
   const n = q({
@@ -597,7 +596,7 @@ const X = /* @__PURE__ */ G.forwardRef(function(e, o) {
     count: u = 1,
     defaultPage: g = 1,
     disabled: P = !1,
-    getItemAriaLabel: T = mt,
+    getItemAriaLabel: T = Pa,
     hideNextButton: R = !1,
     hidePrevButton: m = !1,
     onChange: O,
@@ -614,7 +613,7 @@ const X = /* @__PURE__ */ G.forwardRef(function(e, o) {
     ...L
   } = n, {
     items: S
-  } = rt({
+  } = ia({
     ...n,
     componentName: "Pagination"
   }), z = {
@@ -634,14 +633,14 @@ const X = /* @__PURE__ */ G.forwardRef(function(e, o) {
     siblingCount: k,
     size: v,
     variant: f
-  }, s = bt(z);
-  return /* @__PURE__ */ d(xt, {
+  }, s = ya(z);
+  return /* @__PURE__ */ d(ba, {
     "aria-label": "pagination navigation",
     className: U(s.root, b),
     ownerState: z,
     ref: o,
     ...L,
-    children: /* @__PURE__ */ d(Pt, {
+    children: /* @__PURE__ */ d(xa, {
       className: s.ul,
       ownerState: z,
       children: S.map((i, M) => /* @__PURE__ */ d("li", {
@@ -670,18 +669,18 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: a.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: a.string,
+  className: t.string,
   /**
    * The active color.
    * 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 'standard'
    */
-  color: a.oneOfType([a.oneOf(["primary", "secondary", "standard"]), a.string]),
+  color: t.oneOfType([t.oneOf(["primary", "secondary", "standard"]), t.string]),
   /**
    * The total number of pages.
    * @default 1
@@ -696,7 +695,7 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: a.bool,
+  disabled: t.bool,
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
    * This is important for screen reader users.
@@ -707,24 +706,24 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
    * @param {boolean} selected If true, the current page is selected.
    * @returns {string}
    */
-  getItemAriaLabel: a.func,
+  getItemAriaLabel: t.func,
   /**
    * If `true`, hide the next-page button.
    * @default false
    */
-  hideNextButton: a.bool,
+  hideNextButton: t.bool,
   /**
    * If `true`, hide the previous-page button.
    * @default false
    */
-  hidePrevButton: a.bool,
+  hidePrevButton: t.bool,
   /**
    * Callback fired when the page is changed.
    *
    * @param {React.ChangeEvent<unknown>} event The event source of the callback.
    * @param {number} page The page selected.
    */
-  onChange: a.func,
+  onChange: t.func,
   /**
    * The current page. Unlike `TablePagination`, which starts numbering from `0`, this pagination starts from `1`.
    */
@@ -735,22 +734,22 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
    * @returns {ReactNode}
    * @default (item) => <PaginationItem {...item} />
    */
-  renderItem: a.func,
+  renderItem: t.func,
   /**
    * The shape of the pagination items.
    * @default 'circular'
    */
-  shape: a.oneOf(["circular", "rounded"]),
+  shape: t.oneOf(["circular", "rounded"]),
   /**
    * If `true`, show the first-page button.
    * @default false
    */
-  showFirstButton: a.bool,
+  showFirstButton: t.bool,
   /**
    * If `true`, show the last-page button.
    * @default false
    */
-  showLastButton: a.bool,
+  showLastButton: t.bool,
   /**
    * Number of always visible pages before and after the current page.
    * @default 1
@@ -760,22 +759,20 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
    * The size of the component.
    * @default 'medium'
    */
-  size: a.oneOfType([a.oneOf(["small", "medium", "large"]), a.string]),
+  size: t.oneOfType([t.oneOf(["small", "medium", "large"]), t.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: a.oneOfType([a.oneOf(["outlined", "text"]), a.string])
+  variant: t.oneOfType([t.oneOf(["outlined", "text"]), t.string])
 });
-const Ot = tt(X)(() => ({
-  ...at`
-    color: ${et.colors.green};
-  `
-})), wt = (t) => /* @__PURE__ */ d(Ot, { ...t });
+const ma = aa(X)(() => ({
+  ...ta``
+})), La = (a) => /* @__PURE__ */ d(ma, { ...a });
 export {
-  wt as default
+  La as default
 };

package/Pagination/index.d.ts

@@ -1 +1 @@
-export {};
+export { default, type PaginationProps } from './Pagination';

package/Pagination/index.js

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

package/package.json

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