qaema-ui 0.0.1

package/dist/components/Chart.js

@@ -0,0 +1,255 @@
+import { j as t } from "../_virtual/jsx-runtime.js";
+import { useState as _, useMemo as T, useEffect as tt } from "react";
+import { Container as et, Row as W, Col as rt } from "react-grid-system";
+import P, { useTheme as ot } from "styled-components";
+import { LabelRow as nt } from "./HorizontalChart.js";
+import { PieChart as O } from "../node_modules/recharts/es6/chart/PieChart.js";
+import { BarChart as it } from "../node_modules/recharts/es6/chart/BarChart.js";
+import { LineChart as at } from "../node_modules/recharts/es6/chart/LineChart.js";
+import { AreaChart as st } from "../node_modules/recharts/es6/chart/AreaChart.js";
+import { Pie as lt } from "../node_modules/recharts/es6/polar/Pie.js";
+import { Cell as dt } from "../node_modules/recharts/es6/component/Cell.js";
+import w from "./Legend.js";
+import { ResponsiveContainer as mt } from "../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { CartesianGrid as ct } from "../node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { XAxis as ht } from "../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as Y } from "../node_modules/recharts/es6/cartesian/YAxis.js";
+import { Tooltip as B } from "../node_modules/recharts/es6/component/Tooltip.js";
+import { Legend as gt } from "../node_modules/recharts/es6/component/Legend.js";
+import { Area as ft } from "../node_modules/recharts/es6/cartesian/Area.js";
+import { Line as C } from "../node_modules/recharts/es6/cartesian/Line.js";
+import { Bar as E } from "../node_modules/recharts/es6/cartesian/Bar.js";
+const pt = {
+  area: st,
+  line: at,
+  bar: it,
+  pie: O
+}, U = P(W)`
+  direction: ltr;
+  margin-top: ${({ theme: l }) => l.spacing.sm};
+  margin-right: 0 !important;
+  margin-bottom: 0;
+`, xt = ({ active: l, payload: d, label: j, yLabel: o }) => {
+  var m;
+  if (l && d && d.length) {
+    const s = ((m = d[0]) == null ? void 0 : m.value) || 0, b = Math.abs(s || 0), a = `${s < 0 ? "-" : ""}${b.toLocaleString("en-US", {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    })}`;
+    return /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        style: {
+          backgroundColor: "#fff",
+          padding: "10px",
+          border: "1px solid #ccc",
+          borderRadius: "4px",
+          boxShadow: "0 2px 5px rgba(0,0,0,0.1)"
+        },
+        children: [
+          /* @__PURE__ */ t.jsx("p", { style: { margin: 0, fontWeight: "bold" }, children: j }),
+          /* @__PURE__ */ t.jsxs("p", { style: { margin: 0, color: "#7259FF" }, children: [
+            a,
+            " ",
+            o
+          ] })
+        ]
+      }
+    );
+  }
+  return null;
+}, Yt = (l) => {
+  var M, K, R, I, z, V;
+  const [d, j] = _(!1), o = ot(), {
+    data: m,
+    type: s,
+    xLabel: b,
+    yLabel: p,
+    yyLabel: a,
+    strokeColor: h = ((R = (K = (M = o == null ? void 0 : o.colors) == null ? void 0 : M.primary) == null ? void 0 : K.purple) == null ? void 0 : R.n450) || "#7259FF",
+    biaxialStrokeColor: v = o.colors.secondary.orange.n450,
+    fillColor: x = ((V = (z = (I = o == null ? void 0 : o.colors) == null ? void 0 : I.primary) == null ? void 0 : z.purple) == null ? void 0 : V.n100) || "red",
+    colors: n,
+    UserLegend: y,
+    barRadius: F = [10, 10, 10, 10],
+    yyDataKey: k = "yy",
+    yDataKey: L = "y",
+    showLabels: $ = !0,
+    showYYAxis: g = !0,
+    dateFormat: G = "dayMonth"
+  } = l, c = T(() => s === "pie" ? [] : m.map((e) => ({
+    x: e.x,
+    y: typeof e.y == "string" ? parseFloat(e.y.toString().replace(/,/g, "")) : e.y
+  })), [m, s]), f = c.length > 5;
+  tt(() => {
+    const e = () => {
+      j(window.innerWidth < 768);
+    };
+    return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, []);
+  const X = (e) => {
+    const r = new Date(e.toString());
+    return G === "monthOnly" ? r.toLocaleDateString("en-US", { month: "short" }) : d ? `${r.getDate()}/${r.getMonth() + 1}` : r.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+  }, q = () => d ? Math.ceil(c.length / 4) : c.length > 10 ? 1 : 0, { domain: S } = T(() => {
+    if (!c || c.length === 0)
+      return { domain: ["auto", "auto"] };
+    const e = c.map((Z) => Z.y), r = Math.min(...e), i = Math.max(...e);
+    let u = (i - r) * 0.1;
+    u === 0 && (u = Math.abs(r) * 0.1 || 1e3);
+    const N = Math.min(r - u, 0), Q = i + u;
+    return {
+      domain: [N, Q]
+    };
+  }, [c]), A = (e) => {
+    const r = Math.abs(e), i = e < 0 ? "-" : "";
+    return r >= 1e6 ? `${i}${(r / 1e6).toFixed(1)}M` : r >= 1e3 ? `${i}${(r / 1e3).toFixed(1)}K` : `${i}${r.toFixed(0)}`;
+  }, H = ({ x: e, y: r, payload: i }) => /* @__PURE__ */ t.jsx("g", { transform: `translate(${e},${r})`, children: /* @__PURE__ */ t.jsx(
+    "text",
+    {
+      x: 0,
+      y: 0,
+      dy: f ? 25 : 16,
+      dx: f ? -8 : 0,
+      fontSize: d ? 9 : 10,
+      fill: "#666",
+      textAnchor: f ? "end" : "middle",
+      transform: f ? "rotate(-45)" : void 0,
+      dominantBaseline: "middle",
+      children: X(i.value)
+    }
+  ) }), J = P(pt[s])`
+    direction: ltr;
+    /* width: 100% !important;
+height: 100% !important; */
+  `, D = {
+    width: 500,
+    height: 400,
+    data: m,
+    margin: {
+      top: 10,
+      right: 30,
+      left: 30,
+      bottom: 0
+    }
+  };
+  if (s === "pie") {
+    const e = m;
+    return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(O, { ...D, children: /* @__PURE__ */ t.jsx(
+        lt,
+        {
+          data: e,
+          cx: "50%",
+          cy: "50%",
+          innerRadius: 90,
+          outerRadius: 110,
+          startAngle: 90,
+          endAngle: -270,
+          cornerRadius: 40,
+          paddingAngle: 2,
+          dataKey: "value",
+          fill: x,
+          stroke: h,
+          children: e.map((r, i) => /* @__PURE__ */ t.jsx(dt, { fill: n == null ? void 0 : n[i % n.length] }, `cell-${r.name}-${i}`))
+        }
+      ) }),
+      /* @__PURE__ */ t.jsx(et, { fluid: !0, style: { margin: 0 }, children: /* @__PURE__ */ t.jsx(W, { children: y || e.map((r, i) => /* @__PURE__ */ t.jsx(rt, { md: 4, sm: 6, xs: 12, style: { marginBottom: o.spacing.xs }, children: /* @__PURE__ */ t.jsx(nt, { children: /* @__PURE__ */ t.jsx(w, { segment: { color: (n == null ? void 0 : n[i % n.length]) || r.color, name: r.name } }) }) }, `${r.name}-${i}`)) }) })
+    ] });
+  }
+  return /* @__PURE__ */ t.jsx(mt, { initialDimension: { width: 500, height: 600 }, width: "100%", height: "100%", children: /* @__PURE__ */ t.jsxs(J, { ...D, children: [
+    /* @__PURE__ */ t.jsx(ct, { strokeDasharray: "3 3", stroke: "#f0f0f0" }),
+    /* @__PURE__ */ t.jsx(
+      ht,
+      {
+        label: { value: b, angle: 0, position: "bottom" },
+        dataKey: "x",
+        tick: H,
+        interval: q(),
+        height: f ? 100 : 50
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      Y,
+      {
+        domain: S,
+        tickCount: 10,
+        orientation: g ? "right" : "left",
+        yAxisId: g ? "right" : void 0,
+        label: $ ? { value: p, angle: -90, position: "insideRight" } : void 0,
+        tick: {
+          fontFamily: o.dir === "ltr" ? o.fonts.english : o.fonts.arabic,
+          fontSize: o.typography.sizes.s2,
+          fontWeight: o.typography.weights.regular,
+          fill: o.colors.grey.n400
+        },
+        reversed: !1,
+        tickFormatter: A
+      }
+    ),
+    a && /* @__PURE__ */ t.jsx(
+      Y,
+      {
+        domain: S,
+        tickCount: 10,
+        orientation: "left",
+        yAxisId: g ? "left" : void 0,
+        label: $ ? { value: a, angle: -90, position: "insideLeft" } : void 0,
+        tickFormatter: A,
+        allowDataOverflow: !0,
+        tick: {
+          fontFamily: o.dir === "ltr" ? o.fonts.english : o.fonts.arabic,
+          fontSize: o.typography.sizes.s2,
+          fontWeight: o.typography.weights.regular,
+          fill: o.colors.grey.n400
+        },
+        reversed: !1
+      }
+    ),
+    a ? /* @__PURE__ */ t.jsx(B, {}) : /* @__PURE__ */ t.jsx(B, { content: /* @__PURE__ */ t.jsx(xt, { yLabel: p }) }),
+    /* @__PURE__ */ t.jsx(
+      gt,
+      {
+        content: /* @__PURE__ */ t.jsx(t.Fragment, { children: y || /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+          /* @__PURE__ */ t.jsx(U, { children: /* @__PURE__ */ t.jsx(w, { segment: { color: h, name: p ?? "Y" } }) }),
+          a && /* @__PURE__ */ t.jsx(U, { children: /* @__PURE__ */ t.jsx(w, { segment: { color: v, name: a ?? "Y" } }) })
+        ] }) }),
+        wrapperStyle: {
+          paddingTop: d ? "20px" : "10px"
+        }
+      }
+    ),
+    s === "area" && /* @__PURE__ */ t.jsx(ft, { type: "monotone", dataKey: "y", stroke: h, fill: x }),
+    s === "line" && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(C, { type: "monotone", dataKey: L, yAxisId: g ? "right" : void 0, stroke: h }),
+      a && /* @__PURE__ */ t.jsx(C, { type: "monotone", yAxisId: g ? "left" : void 0, dataKey: k, stroke: v })
+    ] }),
+    s === "bar" && /* @__PURE__ */ t.jsx(t.Fragment, { children: l.barKeys && l.barKeys.length > 0 ? l.barKeys.map((e, r) => /* @__PURE__ */ t.jsx(
+      E,
+      {
+        type: "monotone",
+        dataKey: e,
+        yAxisId: a ? "right" : void 0,
+        stroke: (n == null ? void 0 : n[r]) || h,
+        fill: (n == null ? void 0 : n[r]) || x,
+        radius: F
+      },
+      e
+    )) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(
+        E,
+        {
+          type: "monotone",
+          dataKey: L,
+          yAxisId: a ? "right" : void 0,
+          stroke: h,
+          fill: x,
+          radius: F
+        }
+      ),
+      a && /* @__PURE__ */ t.jsx(C, { type: "monotone", yAxisId: "left", dataKey: k, stroke: v })
+    ] }) })
+  ] }) });
+};
+export {
+  Yt as default
+};

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,19 @@
+export type CheckboxState = 'checked' | 'unchecked' | 'indeterminate';
+export type CheckboxProps = {
+    label?: React.ReactNode;
+    name?: string;
+    value?: boolean;
+    optional?: boolean;
+    showInfoNearTitle?: boolean;
+    showInfoNearOptional?: boolean;
+    $variant?: 'primary' | 'primaryHover' | 'primaryPressed' | 'secondaryGrey';
+    $size?: 'sm' | 'md' | 'lg';
+    $disabled?: boolean;
+    checked: boolean;
+    indeterminate?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    subTitle?: string;
+};
+declare const Checkbox: ({ label, name, value, onChange, optional, showInfoNearTitle, showInfoNearOptional, $variant, $size, $disabled, checked, indeterminate, subTitle, }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export default Checkbox;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/lib/components/Checkbox.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,eAAe,CAAC;AAEtE,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,GAAG,cAAc,GAAG,gBAAgB,GAAG,eAAe,CAAC;IAC3E,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAsIF,QAAA,MAAM,QAAQ,GAAI,oJAcf,aAAa,4CA0Cf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Checkbox.js

@@ -0,0 +1,164 @@
+import { j as e } from "../_virtual/jsx-runtime.js";
+import { useTranslation as v } from "react-i18next";
+import { CiSquareInfo as $ } from "../node_modules/react-icons/ci/index.js";
+import { FaCheck as k, FaMinus as C } from "../node_modules/react-icons/fa/index.js";
+import s, { useTheme as w } from "styled-components";
+import l from "./Typography.js";
+import I from "../node_modules/react-bootstrap/esm/FormCheck.js";
+const a = (r) => {
+  switch (r) {
+    case "sm":
+      return "1.25rem";
+    case "lg":
+      return "1.5rem";
+    default:
+      return "1.375rem";
+  }
+}, m = (r, o) => {
+  switch (o) {
+    case "primary":
+      return r.colors.primary.purple.n500;
+    case "primaryHover":
+      return r.colors.primary.purple.n550;
+    case "primaryPressed":
+      return r.colors.primary.purple.n700;
+    case "secondaryGrey":
+      return r.colors.grey.n350;
+    default:
+      return r.colors.primary.purple.n500;
+  }
+}, F = s.div`
+  width: 1.25rem;
+  height: 1.25rem;
+  border-radius: 0.3125rem;
+  border: 1.5px solid #6c7481;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, x = () => /* @__PURE__ */ e.jsx(F, { children: /* @__PURE__ */ e.jsx($, { size: 12, color: "#6C7481" }) }), z = s.div`
+  position: absolute;
+  top: 45%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+
+  svg {
+    width: 0.875rem;
+    height: 0.875rem;
+    color: white;
+    display: block;
+  }
+`, S = s.div`
+  display: flex;
+  gap: 0.5rem;
+  cursor: pointer;
+  ${({ $center: r }) => r ? "align-items: center" : ""}
+`, T = s.div`
+  position: relative;
+  height: ${({ $size: r }) => a(r)};
+`, L = s.div`
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+
+  span {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    color: ${({ theme: r }) => r.colors.grey.n650};
+  }
+
+  .optional {
+    color: #72788e;
+    font-size: 0.375rem;
+  }
+
+  svg {
+    color: #72788e;
+    width: 1rem;
+    height: 1rem;
+    margin-left: 2px;
+  }
+`, W = s.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme: r }) => r.spacing.s};
+`, D = s(I).attrs((r) => ({
+  type: "checkbox",
+  disabled: r.$disabled,
+  label: !1
+}))`
+  .form-check-input {
+    width: ${({ $size: r }) => a(r)};
+    height: ${({ $size: r }) => a(r)};
+    background-color: ${({ theme: r, checked: o, indeterminate: t, $variant: n }) => o || t ? m(r, n) : "transparent"};
+    border: 1.5px solid ${({ theme: r, $variant: o }) => m(r, o)};
+    border-radius: 0.5rem;
+    display: inline-block;
+    appearance: none;
+    position: relative;
+    transition: all 0.2s ease-in-out;
+    cursor: ${({ $disabled: r }) => r ? "not-allowed" : "pointer"};
+    box-sizing: border-box;
+
+    &:focus-visible {
+      outline: 2px solid ${({ theme: r }) => r.colors.primary.purple.n450};
+      outline-offset: 1px;
+    }
+
+    &:hover {
+      background-color: ${({ checked: r, indeterminate: o }) => r || o ? "#D5CDFF" : "transparent"};
+    }
+  }
+`, M = ({
+  label: r,
+  name: o,
+  value: t,
+  onChange: n,
+  optional: p,
+  showInfoNearTitle: h,
+  showInfoNearOptional: u,
+  $variant: f,
+  $size: y,
+  $disabled: g,
+  checked: i,
+  indeterminate: b,
+  subTitle: c
+}) => {
+  const { t: j } = v(), d = w();
+  return /* @__PURE__ */ e.jsxs(S, { $center: !c, children: [
+    /* @__PURE__ */ e.jsxs(T, { children: [
+      /* @__PURE__ */ e.jsx(
+        D,
+        {
+          label: "",
+          name: o,
+          value: t,
+          onChange: n,
+          $variant: f,
+          $size: y,
+          checked: i,
+          $disabled: g,
+          id: `checkbox-${typeof r == "string" ? r : "custom"}`
+        }
+      ),
+      (i || b) && /* @__PURE__ */ e.jsx(z, { children: i ? /* @__PURE__ */ e.jsx(k, {}) : /* @__PURE__ */ e.jsx(C, {}) })
+    ] }),
+    /* @__PURE__ */ e.jsxs(W, { children: [
+      (r || p) && /* @__PURE__ */ e.jsxs(L, { children: [
+        r && /* @__PURE__ */ e.jsx(l, { variant: "smText", children: r }),
+        h && /* @__PURE__ */ e.jsx(x, {}),
+        p && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(l, { variant: "smText", color: d.colors.grey.n400, children: j("OPTIONAL") }),
+          u && /* @__PURE__ */ e.jsx(x, {})
+        ] })
+      ] }),
+      c && /* @__PURE__ */ e.jsx(l, { variant: "smText", color: d.colors.grey.n400, children: c })
+    ] })
+  ] });
+};
+export {
+  M as default
+};

package/dist/components/CollapsableCard.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export type CollapsableCardProps = {
+    initialExpanded?: boolean;
+    title?: string;
+    children?: React.ReactNode;
+};
+declare const CollapsableCard: React.FC<CollapsableCardProps>;
+export default CollapsableCard;
+//# sourceMappingURL=CollapsableCard.d.ts.map

package/dist/components/CollapsableCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsableCard.d.ts","sourceRoot":"","sources":["../../src/lib/components/CollapsableCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,MAAM,MAAM,oBAAoB,GAAG;IACjC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAqBF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiCnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/CollapsableCard.js

@@ -0,0 +1,37 @@
+import { j as t } from "../_virtual/jsx-runtime.js";
+import { useState as p, useRef as f, useEffect as x } from "react";
+import { IoChevronUp as u, IoChevronDown as j } from "../node_modules/react-icons/io5/index.js";
+import i, { useTheme as C } from "styled-components";
+import { Card as v } from "./Card.js";
+import y from "./Typography.js";
+const $ = i.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding: ${({ theme: e }) => e.spacing.sm};
+`, E = i.div`
+  padding: 0 ${({ theme: e }) => e.spacing.m} ${({ theme: e }) => e.spacing.sm};
+  text-align: ${({ theme: e }) => e.dir === "rtl" ? "right" : "left"};
+`, H = i.div`
+  height: ${({ height: e, isExpanded: n }) => n ? `${e}px` : "0px"};
+  overflow: hidden;
+  transition: height 0.4s ease;
+`, A = ({ initialExpanded: e = !1, title: n = "", children: a }) => {
+  const c = C(), l = c.dir, [o, d] = p(e), [g, m] = p(0), r = f(null), h = () => d((s) => !s);
+  return x(() => {
+    if (r.current) {
+      const s = r.current.scrollHeight;
+      m(s);
+    }
+  }, [o, a]), /* @__PURE__ */ t.jsxs(v, { children: [
+    /* @__PURE__ */ t.jsxs($, { dir: l, onClick: h, children: [
+      /* @__PURE__ */ t.jsx(y, { variant: "regular-lg", component: "p", color: c.colors.grey.n625, children: n }),
+      o ? /* @__PURE__ */ t.jsx(u, {}) : /* @__PURE__ */ t.jsx(j, {})
+    ] }),
+    /* @__PURE__ */ t.jsx(H, { isExpanded: o, height: g, children: /* @__PURE__ */ t.jsx(E, { dir: l, ref: r, children: a }) })
+  ] });
+};
+export {
+  A as default
+};

package/dist/components/ConfigList.d.ts

@@ -0,0 +1,47 @@
+import { default as React } from 'react';
+export type ConfigStatus = 'active' | 'inactive' | string;
+export type ConfigItem = {
+    id: string | number;
+    label: string;
+    status?: ConfigStatus;
+    onView?: (id: ConfigItem['id'], item: ConfigItem) => void;
+    onEdit?: (id: ConfigItem['id'], item: ConfigItem) => void;
+    rightAdornment?: React.ReactNode;
+};
+export type ConfigSection = {
+    id: string | number;
+    title: string;
+    items?: ConfigItem[];
+    defaultExpanded?: boolean;
+    onTitleClick?: (id: ConfigSection['id']) => void;
+    onToggle?: (open: boolean, section: ConfigSection) => void;
+};
+export type ColumnLabels = {
+    config?: string;
+    status?: string;
+    view?: string;
+    edit?: string;
+};
+export type ColumnSizes = {
+    status?: string;
+    view?: string;
+    edit?: string;
+};
+export type ShowColumns = {
+    status?: boolean;
+    view?: boolean;
+    edit?: boolean;
+};
+export type ConfigListProps = {
+    sections: ConfigSection[];
+    columns?: ColumnLabels;
+    columnSizes?: ColumnSizes;
+    showColumns?: ShowColumns;
+    emptyMessage?: string;
+    isLoading?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare const ConfigList: React.FC<ConfigListProps>;
+export default ConfigList;
+//# sourceMappingURL=ConfigList.d.ts.map

package/dist/components/ConfigList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigList.d.ts","sourceRoot":"","sources":["../../src/lib/components/ConfigList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1D,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC9F,MAAM,MAAM,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC5E,MAAM,MAAM,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE/E,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AA+IF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+CzC,CAAC;AAEF,eAAe,UAAU,CAAC"}