jcicl 0.0.57 → 0.0.58

package/base/Input/index.d.ts

@@ -1 +1 @@
-export { default } from './Input';
+export { default, type InputProps } from './Input';

package/base/Input/index.js

@@ -1,4 +1,4 @@
-import { Input as e } from "./Input.js";
+import { I as f } from "../../.chunks/Input.js";
 export {
-  e as default
+  f as default
 };

package/base/LabeledValue/LabeledValue.js

@@ -1,23 +1,34 @@
-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`
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { n } from "../../.chunks/emotion-styled.browser.esm.js";
+import { c as r } from "../../.chunks/emotion-react.browser.esm.js";
+const o = n("span")({
+  ...r`
+    display: flex;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    gap: 0.5rem;
     font-family: 'Roboto', sans-serif;
+
     span {
+      white-space: nowrap;
+      flex-basis: 50%;
       font-weight: bold;
       text-transform: capitalize;
     }
+
+    p {
+      margin: 0;
+      flex-basis: 50%;
+    }
   `
-}), p = ({ label: e, value: o }) => /* @__PURE__ */ a(r, { children: [
-  /* @__PURE__ */ a("span", { children: [
-    e,
+}), f = ({ label: a, value: s }) => /* @__PURE__ */ e(o, { children: [
+  /* @__PURE__ */ e("span", { children: [
+    a,
     ":"
   ] }),
-  " ",
-  o
+  /* @__PURE__ */ t("p", { children: s })
 ] });
 export {
-  p as LabeledValue,
-  p as default
+  f as LabeledValue,
+  f as default
 };

package/base/index.js

@@ -3,9 +3,9 @@ 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 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 { Grid as s } from "./Grid/Grid.js";
+import { default as n } from "./Icon/Icon.js";
+import { I as v } from "../.chunks/Input.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";
@@ -16,9 +16,9 @@ export {
   m as Button,
   x as Divider,
   d as Flex,
-  i as Grid,
-  s as Icon,
-  I as Input,
+  s as Grid,
+  n as Icon,
+  v as Input,
   c as LabeledValue,
   A as ListButton,
   b as Loading,

package/composite/Accordion/Accordion.d.ts

@@ -0,0 +1,15 @@
+export interface AccordionProps {
+    /** The title of the accordion. H3 element */
+    title: React.ReactNode;
+    /** The content of the accordion. */
+    children: React.ReactNode;
+    width?: string;
+    padding?: string;
+    /** Box shadow around the accordion. */
+    shadow?: string;
+}
+export interface AccordionBodyProps {
+    expanded: boolean;
+}
+export declare const Accordion: React.FC<AccordionProps>;
+export default Accordion;

package/composite/Accordion/Accordion.js

@@ -0,0 +1,65 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { useState as w } from "react";
+import { n } from "../../.chunks/emotion-styled.browser.esm.js";
+import { c as s } from "../../.chunks/emotion-react.browser.esm.js";
+import a from "../../theme.js";
+import x from "../../base/Flex/Flex.js";
+import { c as u } from "../../.chunks/createSvgIcon.js";
+import { B as g } from "../../.chunks/ButtonBase.js";
+const b = u(/* @__PURE__ */ r("path", {
+  d: "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"
+}), "ArrowForwardIos"), y = n("div")(({ padding: o, shadow: t, width: e }) => ({
+  ...s`
+    h3 {
+      margin: 0;
+      width: 100%;
+      font-size: 28px;
+    }
+    font-family: 'Roboto', sans-serif;
+    padding: ${o};
+    display: flex;
+    flex-direction: column;
+    box-shadow: ${t};
+    border-radius: 5px;
+    background-color: ${a.colors.white};
+    width: ${e};
+  `
+})), $ = n("div")(({ expanded: o }) => ({
+  ...s`
+    margin-top: ${o ? "1rem" : 0};
+    transition: 313ms all ease-in-out;
+    display: grid;
+    grid-template-rows: ${o ? "1fr" : "0fr"};
+    div {
+      overflow: hidden;
+    }
+  `
+})), v = n(g)(({ expanded: o }) => ({
+  ...s`
+    transition: 201ms all linear;
+    transform: ${o ? "rotate(90deg)" : "rotate(0deg)"};
+    border-radius: 50%;
+    width: 24px;
+    height: 24px;
+    aspect-ratio: 1;
+  `
+})), z = ({
+  title: o,
+  children: t,
+  padding: e = "1rem 2rem",
+  shadow: c = a.boxShadow.darkGreen,
+  width: l = "360px"
+}) => {
+  const [i, m] = w(!1), p = { padding: e, shadow: c, width: l }, f = { expanded: i }, h = { expanded: i };
+  return /* @__PURE__ */ d(y, { ...p, children: [
+    /* @__PURE__ */ d(x, { alignItems: "center", justifyContent: "space-between", children: [
+      /* @__PURE__ */ r("h3", { children: o }),
+      /* @__PURE__ */ r(v, { ...f, onClick: () => m(!i), children: /* @__PURE__ */ r(b, {}) })
+    ] }),
+    /* @__PURE__ */ r($, { ...h, children: /* @__PURE__ */ r("div", { children: t }) })
+  ] });
+};
+export {
+  z as Accordion,
+  z as default
+};

package/composite/Accordion/index.d.ts

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

package/composite/Accordion/index.js

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

package/composite/InfoCard/InfoCard.d.ts

@@ -1,3 +1,4 @@
+import { CSSObject } from '@emotion/react';
 import { LabeledValueProps } from '../../../../../../../../../src/components/base/LabeledValue';
 interface InfoCardStyleProps {
     /** The element placed before the header text. This can be any valid React Node */
@@ -9,6 +10,8 @@ interface InfoCardStyleProps {
     /** Spacing between the items */
     spacing?: string;
     columns?: number;
+    /** Custom styles for the card */
+    styles?: CSSObject;
 }
 export interface InfoCardProps extends InfoCardStyleProps {
     title?: string;

package/composite/InfoCard/InfoCard.js

@@ -2,9 +2,9 @@ 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 = d("div")(({ padding: r, shadow: o }) => ({
+import { LabeledValue as h } from "../../base/LabeledValue/LabeledValue.js";
+import g from "../../base/Flex/Flex.js";
+const x = d("div")(({ padding: r, shadow: o, styles: e }) => ({
   ...i`
     h3 {
       margin: 0;
@@ -18,8 +18,9 @@ const g = d("div")(({ padding: r, shadow: o }) => ({
     box-shadow: ${o};
     border-radius: 5px;
     background-color: ${l.colors.white};
+    ${e};
   `
-})), x = d("div")(({ spacing: r, columns: o }) => ({
+})), u = d("div")(({ spacing: r, columns: o }) => ({
   ...i`
     margin-top: calc(${r} * 0.75);
     grid-row-gap: ${r};
@@ -27,22 +28,23 @@ const g = d("div")(({ padding: r, shadow: o }) => ({
     display: grid;
     grid-template-columns: repeat(${o}, 1fr);
   `
-})), P = ({
+})), j = ({
   decorativeElement: r,
   title: o,
   items: e,
   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: [
+  columns: p = 3,
+  styles: f
+}) => /* @__PURE__ */ t(x, { ...{ padding: m, shadow: c, styles: f }, children: [
+  /* @__PURE__ */ t(g, { width: "100%", gap: "1rem", alignItems: "center", children: [
     r && r,
     /* @__PURE__ */ a("h3", { children: o })
   ] }),
-  /* @__PURE__ */ a(x, { ...{ spacing: s, columns: p }, children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ a(f, { ...n }, n.label)) })
+  /* @__PURE__ */ a(u, { ...{ spacing: s, columns: p }, children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ a(h, { ...n }, n.label)) })
 ] });
 export {
-  P as InfoCard,
-  P as default
+  j as InfoCard,
+  j as default
 };

package/composite/LabeledInput/LabeledInput.d.ts

@@ -0,0 +1,9 @@
+import { InputProps } from '../../../../../../../../../src/components/base/Input';
+export type StyleProps = {
+    grid?: boolean;
+};
+export type LabeledInputProps = InputProps & StyleProps & {
+    label: string;
+};
+export declare const LabeledInput: React.FC<LabeledInputProps>;
+export default LabeledInput;

package/composite/LabeledInput/LabeledInput.js

@@ -0,0 +1,35 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { n as r } from "../../.chunks/emotion-styled.browser.esm.js";
+import { c as n } from "../../.chunks/emotion-react.browser.esm.js";
+import { I as p } from "../../.chunks/Input.js";
+const i = r("div")(({ grid: e }) => ({
+  ...n`
+    display: flex;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    gap: 0.5rem;
+    font-family: 'Roboto', sans-serif;
+
+    span {
+      white-space: nowrap;
+      flex-basis: ${e && "50%"};
+      font-weight: bold;
+      text-transform: capitalize;
+    }
+
+    .MuiTextField-root {
+      flex-basis: ${e && "50%"};
+      flex-grow: 1;
+    }
+  `
+})), x = ({ label: e, grid: a = !0, ...s }) => /* @__PURE__ */ t(i, { grid: a, children: [
+  /* @__PURE__ */ t("span", { children: [
+    e,
+    ":"
+  ] }),
+  /* @__PURE__ */ o(p, { variant: "simple", ...s })
+] });
+export {
+  x as LabeledInput,
+  x as default
+};

package/composite/LabeledInput/index.d.ts

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

package/composite/LabeledInput/index.js

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

package/composite/Tooltip/Tooltip.d.ts

@@ -0,0 +1,7 @@
+import { TooltipProps as MuiTooltipProps } from '@mui/material/Tooltip';
+export interface TooltipProps extends MuiTooltipProps {
+    /** The content of the tooltip */
+    title: React.ReactNode;
+}
+export declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;