jcicl 0.0.49 → 0.0.51

package/.chunks/CircularProgress.js

@@ -0,0 +1,250 @@
+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 { m as P } from "./memoTheme.js";
+import { c as E } from "./createSimplePaletteValueFilter.js";
+import { jsx as h } from "react/jsx-runtime";
+import { k as x, c as w } from "./emotion-react.browser.esm.js";
+import { c as I } from "./chainPropTypes.js";
+function z(e) {
+  return T("MuiCircularProgress", e);
+}
+R("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
+const a = 44, y = x`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`, v = x`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`, F = typeof y != "string" ? w`
+        animation: ${y} 1.4s linear infinite;
+      ` : null, V = typeof v != "string" ? w`
+        animation: ${v} 1.4s ease-in-out infinite;
+      ` : null, A = (e) => {
+  const {
+    classes: t,
+    variant: s,
+    color: o,
+    disableShrink: l
+  } = e, p = {
+    root: ["root", s, `color${c(o)}`],
+    svg: ["svg"],
+    circle: ["circle", `circle${c(s)}`, l && "circleDisableShrink"]
+  };
+  return U(p, z, t);
+}, K = g("span", {
+  name: "MuiCircularProgress",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: s
+    } = e;
+    return [t.root, t[s.variant], t[`color${c(s.color)}`]];
+  }
+})(P(({
+  theme: e
+}) => ({
+  display: "inline-block",
+  variants: [{
+    props: {
+      variant: "determinate"
+    },
+    style: {
+      transition: e.transitions.create("transform")
+    }
+  }, {
+    props: {
+      variant: "indeterminate"
+    },
+    style: F || {
+      animation: `${y} 1.4s linear infinite`
+    }
+  }, ...Object.entries(e.palette).filter(E()).map(([t]) => ({
+    props: {
+      color: t
+    },
+    style: {
+      color: (e.vars || e).palette[t].main
+    }
+  }))]
+}))), B = g("svg", {
+  name: "MuiCircularProgress",
+  slot: "Svg",
+  overridesResolver: (e, t) => t.svg
+})({
+  display: "block"
+  // Keeps the progress centered
+}), G = g("circle", {
+  name: "MuiCircularProgress",
+  slot: "Circle",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: s
+    } = e;
+    return [t.circle, t[`circle${c(s.variant)}`], s.disableShrink && t.circleDisableShrink];
+  }
+})(P(({
+  theme: e
+}) => ({
+  stroke: "currentColor",
+  variants: [{
+    props: {
+      variant: "determinate"
+    },
+    style: {
+      transition: e.transitions.create("stroke-dashoffset")
+    }
+  }, {
+    props: {
+      variant: "indeterminate"
+    },
+    style: {
+      // Some default value that looks fine waiting for the animation to kicks in.
+      strokeDasharray: "80px, 200px",
+      strokeDashoffset: 0
+      // Add the unit to fix a Edge 16 and below bug.
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.variant === "indeterminate" && !t.disableShrink,
+    style: V || {
+      // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
+      animation: `${v} 1.4s ease-in-out infinite`
+    }
+  }]
+}))), W = /* @__PURE__ */ O.forwardRef(function(t, s) {
+  const o = N({
+    props: t,
+    name: "MuiCircularProgress"
+  }), {
+    className: l,
+    color: p = "primary",
+    disableShrink: $ = !1,
+    size: m = 40,
+    style: D,
+    thickness: i = 3.6,
+    value: f = 0,
+    variant: k = "indeterminate",
+    ...M
+  } = o, n = {
+    ...o,
+    color: p,
+    disableShrink: $,
+    size: m,
+    thickness: i,
+    value: f,
+    variant: k
+  }, d = A(n), u = {}, b = {}, S = {};
+  if (k === "determinate") {
+    const C = 2 * Math.PI * ((a - i) / 2);
+    u.strokeDasharray = C.toFixed(3), S["aria-valuenow"] = Math.round(f), u.strokeDashoffset = `${((100 - f) / 100 * C).toFixed(3)}px`, b.transform = "rotate(-90deg)";
+  }
+  return /* @__PURE__ */ h(K, {
+    className: j(d.root, l),
+    style: {
+      width: m,
+      height: m,
+      ...b,
+      ...D
+    },
+    ownerState: n,
+    ref: s,
+    role: "progressbar",
+    ...S,
+    ...M,
+    children: /* @__PURE__ */ h(B, {
+      className: d.svg,
+      ownerState: n,
+      viewBox: `${a / 2} ${a / 2} ${a} ${a}`,
+      children: /* @__PURE__ */ h(G, {
+        className: d.circle,
+        style: u,
+        ownerState: n,
+        cx: a,
+        cy: a,
+        r: (a - i) / 2,
+        fill: "none",
+        strokeWidth: i
+      })
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (W.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.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", "error", "info", "success", "warning"]), r.string]),
+  /**
+   * If `true`, the shrink animation is disabled.
+   * This only works if variant is `indeterminate`.
+   * @default false
+   */
+  disableShrink: I(r.bool, (e) => e.disableShrink && e.variant && e.variant !== "indeterminate" ? new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect.") : null),
+  /**
+   * The size of the component.
+   * If using a number, the pixel unit is assumed.
+   * If using a string, you need to provide the CSS unit, for example '3rem'.
+   * @default 40
+   */
+  size: r.oneOfType([r.number, r.string]),
+  /**
+   * @ignore
+   */
+  style: r.object,
+  /**
+   * 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]),
+  /**
+   * The thickness of the circle.
+   * @default 3.6
+   */
+  thickness: r.number,
+  /**
+   * The value of the progress indicator for the determinate variant.
+   * Value between 0 and 100.
+   * @default 0
+   */
+  value: r.number,
+  /**
+   * The variant to use.
+   * Use indeterminate when there is no progress value.
+   * @default 'indeterminate'
+   */
+  variant: r.oneOf(["determinate", "indeterminate"])
+});
+export {
+  W as C
+};

package/base/LabeledValue/LabeledValue.js

@@ -1,22 +1,23 @@
-import { jsxs as e } from "react/jsx-runtime";
-import { n as a } from "../../.chunks/emotion-styled.browser.esm.js";
-import { c as n } from "../../.chunks/emotion-react.browser.esm.js";
-const r = a("span")({
-  ...n`
+import { jsxs as a } from "react/jsx-runtime";
+import { n as s } from "../../.chunks/emotion-styled.browser.esm.js";
+import { c as t } from "../../.chunks/emotion-react.browser.esm.js";
+const r = s("span")({
+  ...t`
     font-family: 'Roboto', sans-serif;
     span {
       font-weight: bold;
+      text-transform: capitalize;
     }
   `
-}), f = ({ label: o, value: s }) => /* @__PURE__ */ e(r, { children: [
-  /* @__PURE__ */ e("span", { children: [
-    o,
+}), p = ({ label: e, value: o }) => /* @__PURE__ */ a(r, { children: [
+  /* @__PURE__ */ a("span", { children: [
+    e,
     ":"
   ] }),
   " ",
-  s
+  o
 ] });
 export {
-  f as LabeledValue,
-  f as default
+  p as LabeledValue,
+  p as default
 };

package/base/Loading/Loading.d.ts

@@ -0,0 +1,6 @@
+import { CircularProgressProps } from '@mui/material/CircularProgress';
+export interface LoadingProps extends CircularProgressProps {
+    loading: boolean;
+}
+declare const WithLoading: React.FC<LoadingProps>;
+export default WithLoading;

package/base/Loading/Loading.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import { n as s } from "../../.chunks/emotion-styled.browser.esm.js";
+import { c as t } from "../../.chunks/emotion-react.browser.esm.js";
+import e from "../../theme.js";
+import { C as i } from "../../.chunks/CircularProgress.js";
+const m = s(i)({
+  ...t`
+    color: ${e.colors.green};
+  `
+}), g = ({ loading: a, ...r }) => /* @__PURE__ */ o(m, { size: 47, ...r });
+export {
+  g as default
+};

package/base/Loading/index.d.ts

@@ -0,0 +1 @@
+export { default, type LoadingProps } from './Loading';

package/base/Loading/index.js

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

package/base/index.d.ts

@@ -8,4 +8,5 @@ export { default as Icon } from './Icon';
 export { default as Input } from './Input';
 export { default as LabeledValue } from './LabeledValue';
 export { default as ListButton } from './ListButton';
+export { default as Loading } from './Loading';
 export { default as ScrollContainer } from './ScrollContainer';

package/base/index.js

@@ -2,23 +2,25 @@ import { default as t } from "./Avatar/Avatar.js";
 import { AvatarWithImage as a } from "./AvatarWithImage/AvatarWithImage.js";
 import { Button as m } from "./Button/Button.js";
 import { Divider as x } from "./Divider/Divider.js";
-import { default as u } from "./Flex/Flex.js";
+import { default as d } from "./Flex/Flex.js";
 import { Grid as i } from "./Grid/Grid.js";
 import { default as s } from "./Icon/Icon.js";
 import { Input as I } from "./Input/Input.js";
-import { LabeledValue as A } from "./LabeledValue/LabeledValue.js";
-import { default as L } from "./ListButton/ListButton.js";
-import { default as g } from "./ScrollContainer/ScrollContainer.js";
+import { LabeledValue as c } from "./LabeledValue/LabeledValue.js";
+import { default as A } from "./ListButton/ListButton.js";
+import { default as b } from "./Loading/Loading.js";
+import { default as C } from "./ScrollContainer/ScrollContainer.js";
 export {
   t as Avatar,
   a as AvatarWithImage,
   m as Button,
   x as Divider,
-  u as Flex,
+  d as Flex,
   i as Grid,
   s as Icon,
   I as Input,
-  A as LabeledValue,
-  L as ListButton,
-  g as ScrollContainer
+  c as LabeledValue,
+  A as ListButton,
+  b as Loading,
+  C as ScrollContainer
 };

package/composite/InfoCard/InfoCard.js

@@ -1,11 +1,11 @@
-import { jsxs as a, jsx as n } from "react/jsx-runtime";
-import { n as i } from "../../.chunks/emotion-styled.browser.esm.js";
-import { c as d } from "../../.chunks/emotion-react.browser.esm.js";
-import p from "../../theme.js";
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { n as d } from "../../.chunks/emotion-styled.browser.esm.js";
+import { c as i } from "../../.chunks/emotion-react.browser.esm.js";
+import l from "../../theme.js";
 import { LabeledValue as f } from "../../base/LabeledValue/LabeledValue.js";
 import h from "../../base/Flex/Flex.js";
-const g = i("div")(({ padding: r, shadow: o }) => ({
-  ...d`
+const g = d("div")(({ padding: r, shadow: o }) => ({
+  ...i`
     h3 {
       margin: 0;
       width: 100%;
@@ -17,32 +17,32 @@ const g = i("div")(({ padding: r, shadow: o }) => ({
     flex-direction: column;
     box-shadow: ${o};
     border-radius: 5px;
-    background-color: ${p.colors.white};
+    background-color: ${l.colors.white};
   `
-})), x = i("div")(({ spacing: r, columns: o }) => ({
-  ...d`
+})), x = d("div")(({ spacing: r, columns: o }) => ({
+  ...i`
     margin-top: calc(${r} * 0.75);
     grid-row-gap: ${r};
     grid-column-gap: calc(${r} * 1.5);
     display: grid;
     grid-template-columns: repeat(${o}, 1fr);
   `
-})), S = ({
+})), P = ({
   decorativeElement: r,
   title: o,
   items: e,
-  padding: l = "1rem 2rem",
-  shadow: m = "darkGreen",
-  spacing: c = "2rem",
-  columns: s = 3
-}) => /* @__PURE__ */ a(g, { ...{ padding: l, shadow: m }, children: [
-  /* @__PURE__ */ a(h, { width: "100%", gap: "1rem", alignItems: "center", children: [
+  padding: m = "1rem 2rem",
+  shadow: c = l.boxShadow.darkGreen,
+  spacing: s = "2rem",
+  columns: p = 3
+}) => /* @__PURE__ */ t(g, { ...{ padding: m, shadow: c }, children: [
+  /* @__PURE__ */ t(h, { width: "100%", gap: "1rem", alignItems: "center", children: [
     r && r,
-    /* @__PURE__ */ n("h3", { children: o })
+    /* @__PURE__ */ a("h3", { children: o })
   ] }),
-  /* @__PURE__ */ n(x, { ...{ spacing: c, columns: s }, children: e == null ? void 0 : e.map((t) => /* @__PURE__ */ n(f, { ...t }, t.label)) })
+  /* @__PURE__ */ a(x, { ...{ spacing: s, columns: p }, children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ a(f, { ...n }, n.label)) })
 ] });
 export {
-  S as InfoCard,
-  S as default
+  P as InfoCard,
+  P as default
 };

package/composite/WithLoading/WithLoading.js

@@ -1,261 +1,17 @@
-import { jsx as o, Fragment as T } from "react/jsx-runtime";
-import { n as R } from "../../.chunks/emotion-styled.browser.esm.js";
-import { k as x, c as v } from "../../.chunks/emotion-react.browser.esm.js";
-import N from "../../theme.js";
-import * as j from "react";
-import { g as U, a as z, s as k, c as l, u as E, b as F, P as t, d as I } from "../../.chunks/DefaultPropsProvider.js";
-import { m as w } from "../../.chunks/memoTheme.js";
-import { c as V } from "../../.chunks/createSimplePaletteValueFilter.js";
-import { c as W } from "../../.chunks/chainPropTypes.js";
-function A(r) {
-  return U("MuiCircularProgress", r);
-}
-z("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
-const a = 44, y = x`
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-`, g = x`
-  0% {
-    stroke-dasharray: 1px, 200px;
-    stroke-dashoffset: 0;
-  }
-
-  50% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -15px;
-  }
-
-  100% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -125px;
-  }
-`, K = typeof y != "string" ? v`
-        animation: ${y} 1.4s linear infinite;
-      ` : null, B = typeof g != "string" ? v`
-        animation: ${g} 1.4s ease-in-out infinite;
-      ` : null, G = (r) => {
-  const {
-    classes: e,
-    variant: s,
-    color: i,
-    disableShrink: m
-  } = r, p = {
-    root: ["root", s, `color${l(i)}`],
-    svg: ["svg"],
-    circle: ["circle", `circle${l(s)}`, m && "circleDisableShrink"]
-  };
-  return I(p, A, e);
-}, L = k("span", {
-  name: "MuiCircularProgress",
-  slot: "Root",
-  overridesResolver: (r, e) => {
-    const {
-      ownerState: s
-    } = r;
-    return [e.root, e[s.variant], e[`color${l(s.color)}`]];
-  }
-})(w(({
-  theme: r
-}) => ({
-  display: "inline-block",
-  variants: [{
-    props: {
-      variant: "determinate"
-    },
-    style: {
-      transition: r.transitions.create("transform")
-    }
-  }, {
-    props: {
-      variant: "indeterminate"
-    },
-    style: K || {
-      animation: `${y} 1.4s linear infinite`
-    }
-  }, ...Object.entries(r.palette).filter(V()).map(([e]) => ({
-    props: {
-      color: e
-    },
-    style: {
-      color: (r.vars || r).palette[e].main
-    }
-  }))]
-}))), Y = k("svg", {
-  name: "MuiCircularProgress",
-  slot: "Svg",
-  overridesResolver: (r, e) => e.svg
-})({
-  display: "block"
-  // Keeps the progress centered
-}), Z = k("circle", {
-  name: "MuiCircularProgress",
-  slot: "Circle",
-  overridesResolver: (r, e) => {
-    const {
-      ownerState: s
-    } = r;
-    return [e.circle, e[`circle${l(s.variant)}`], s.disableShrink && e.circleDisableShrink];
-  }
-})(w(({
-  theme: r
-}) => ({
-  stroke: "currentColor",
-  variants: [{
-    props: {
-      variant: "determinate"
-    },
-    style: {
-      transition: r.transitions.create("stroke-dashoffset")
-    }
-  }, {
-    props: {
-      variant: "indeterminate"
-    },
-    style: {
-      // Some default value that looks fine waiting for the animation to kicks in.
-      strokeDasharray: "80px, 200px",
-      strokeDashoffset: 0
-      // Add the unit to fix a Edge 16 and below bug.
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => e.variant === "indeterminate" && !e.disableShrink,
-    style: B || {
-      // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
-      animation: `${g} 1.4s ease-in-out infinite`
-    }
-  }]
-}))), $ = /* @__PURE__ */ j.forwardRef(function(e, s) {
-  const i = E({
-    props: e,
-    name: "MuiCircularProgress"
-  }), {
-    className: m,
-    color: p = "primary",
-    disableShrink: D = !1,
-    size: f = 40,
-    style: M,
-    thickness: n = 3.6,
-    value: d = 0,
-    variant: b = "indeterminate",
-    ...O
-  } = i, c = {
-    ...i,
-    color: p,
-    disableShrink: D,
-    size: f,
-    thickness: n,
-    value: d,
-    variant: b
-  }, u = G(c), h = {}, S = {}, C = {};
-  if (b === "determinate") {
-    const P = 2 * Math.PI * ((a - n) / 2);
-    h.strokeDasharray = P.toFixed(3), C["aria-valuenow"] = Math.round(d), h.strokeDashoffset = `${((100 - d) / 100 * P).toFixed(3)}px`, S.transform = "rotate(-90deg)";
-  }
-  return /* @__PURE__ */ o(L, {
-    className: F(u.root, m),
-    style: {
-      width: f,
-      height: f,
-      ...S,
-      ...M
-    },
-    ownerState: c,
-    ref: s,
-    role: "progressbar",
-    ...C,
-    ...O,
-    children: /* @__PURE__ */ o(Y, {
-      className: u.svg,
-      ownerState: c,
-      viewBox: `${a / 2} ${a / 2} ${a} ${a}`,
-      children: /* @__PURE__ */ o(Z, {
-        className: u.circle,
-        style: h,
-        ownerState: c,
-        cx: a,
-        cy: a,
-        r: (a - n) / 2,
-        fill: "none",
-        strokeWidth: n
-      })
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && ($.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: t.object,
-  /**
-   * @ignore
-   */
-  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: t.oneOfType([t.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), t.string]),
-  /**
-   * If `true`, the shrink animation is disabled.
-   * This only works if variant is `indeterminate`.
-   * @default false
-   */
-  disableShrink: W(t.bool, (r) => r.disableShrink && r.variant && r.variant !== "indeterminate" ? new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect.") : null),
-  /**
-   * The size of the component.
-   * If using a number, the pixel unit is assumed.
-   * If using a string, you need to provide the CSS unit, for example '3rem'.
-   * @default 40
-   */
-  size: t.oneOfType([t.number, t.string]),
-  /**
-   * @ignore
-   */
-  style: t.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
-  /**
-   * The thickness of the circle.
-   * @default 3.6
-   */
-  thickness: t.number,
-  /**
-   * The value of the progress indicator for the determinate variant.
-   * Value between 0 and 100.
-   * @default 0
-   */
-  value: t.number,
-  /**
-   * The variant to use.
-   * Use indeterminate when there is no progress value.
-   * @default 'indeterminate'
-   */
-  variant: t.oneOf(["determinate", "indeterminate"])
-});
-const _ = R($)({
-  ...v`
-    color: ${N.colors.green};
+import { jsx as r, Fragment as e } from "react/jsx-runtime";
+import { n as m } from "../../.chunks/emotion-styled.browser.esm.js";
+import { c as i } from "../../.chunks/emotion-react.browser.esm.js";
+import a from "../../theme.js";
+import { C as c } from "../../.chunks/CircularProgress.js";
+const n = m(c)({
+  ...i`
+    color: ${a.colors.green};
   `
-}), sr = ({
-  loading: r,
-  children: e,
+}), d = ({
+  loading: o,
+  children: t,
   ...s
-}) => r ? /* @__PURE__ */ o(_, { size: 47, ...s }) : /* @__PURE__ */ o(T, { children: e });
+}) => o ? /* @__PURE__ */ r(n, { size: 47, ...s }) : /* @__PURE__ */ r(e, { children: t });
 export {
-  sr as default
+  d as default
 };

package/index.d.ts

@@ -1,5 +1,5 @@
 export { ZoomEntrance } from './animation';
-export { Avatar, AvatarWithImage, Button, Divider, Flex, Grid, Icon, Input, LabeledValue, ListButton, ScrollContainer, } from './base';
+export { Avatar, AvatarWithImage, Button, Divider, Flex, Grid, Icon, Input, LabeledValue, ListButton, Loading, ScrollContainer, } from './base';
 export { InfoCard, List, LogoLoop, WithLabel, WithLoading } from './composite';
 export { AppHeader, Nav } from './supercomposite';
 export { AppContainer } from './templates';

package/index.js

@@ -5,38 +5,40 @@ import { Button as x } from "./base/Button/Button.js";
 import { Divider as l } from "./base/Divider/Divider.js";
 import { default as s } from "./base/Flex/Flex.js";
 import { Grid as i } from "./base/Grid/Grid.js";
-import { default as v } from "./base/Icon/Icon.js";
-import { Input as I } from "./base/Input/Input.js";
-import { LabeledValue as g } from "./base/LabeledValue/LabeledValue.js";
+import { default as g } from "./base/Icon/Icon.js";
+import { Input as A } from "./base/Input/Input.js";
+import { LabeledValue as c } from "./base/LabeledValue/LabeledValue.js";
 import { default as C } from "./base/ListButton/ListButton.js";
-import { default as b } from "./base/ScrollContainer/ScrollContainer.js";
-import { InfoCard as D } from "./composite/InfoCard/InfoCard.js";
-import { default as F } from "./composite/List/List.js";
-import { default as H } from "./composite/LogoLoop/LogoLoop.js";
-import { default as S } from "./composite/WithLabel/WithLabel.js";
-import { default as Z } from "./composite/WithLoading/WithLoading.js";
-import { default as k } from "./supercomposite/AppHeader/AppHeader.js";
-import { Nav as w } from "./supercomposite/Nav/Nav.js";
-import { default as z } from "./templates/AppContainer/AppContainer.js";
+import { default as b } from "./base/Loading/Loading.js";
+import { default as D } from "./base/ScrollContainer/ScrollContainer.js";
+import { InfoCard as F } from "./composite/InfoCard/InfoCard.js";
+import { default as H } from "./composite/List/List.js";
+import { default as S } from "./composite/LogoLoop/LogoLoop.js";
+import { default as Z } from "./composite/WithLabel/WithLabel.js";
+import { default as k } from "./composite/WithLoading/WithLoading.js";
+import { default as w } from "./supercomposite/AppHeader/AppHeader.js";
+import { Nav as z } from "./supercomposite/Nav/Nav.js";
+import { default as K } from "./templates/AppContainer/AppContainer.js";
 export {
-  z as AppContainer,
-  k as AppHeader,
+  K as AppContainer,
+  w as AppHeader,
   a as Avatar,
   p as AvatarWithImage,
   x as Button,
   l as Divider,
   s as Flex,
   i as Grid,
-  v as Icon,
-  D as InfoCard,
-  I as Input,
-  g as LabeledValue,
-  F as List,
+  g as Icon,
+  F as InfoCard,
+  A as Input,
+  c as LabeledValue,
+  H as List,
   C as ListButton,
-  H as LogoLoop,
-  w as Nav,
-  b as ScrollContainer,
-  S as WithLabel,
-  Z as WithLoading,
+  b as Loading,
+  S as LogoLoop,
+  z as Nav,
+  D as ScrollContainer,
+  Z as WithLabel,
+  k as WithLoading,
   t as ZoomEntrance
 };

package/package.json

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