@hybridcore/ui 1.6.25 → 1.6.27

package/CATALOG.md

@@ -61,6 +61,7 @@ import { ComponentName } from '@hybridcore/ui';
 | InstanceHierarchyTable     | HCInstanceHierarchyTable     | Accordion table showing template hierarchy with counts                   | data-table, hierarchy, accordion    |
 | SimplePivotTable           | HCSimplePivotTable           | Pivot table with row/column dimensions + aggregations (sum/avg/min/max)  | data-table, pivot, aggregation      |
 | PaginatedList              | HCPaginatedList              | Paginated list with selection mode and snapshot export                   | data-list, pagination, selection    |
+| DataList                   | HCDataList                   | Dashboard list: leading icon states, composed meta line, trailing badge/progress slot | data-list, dashboard, badge, status |
 | SortableList               | HCSortableList               | Drag-and-drop sortable list                                              | data-list, sortable, drag           |
 | InstanceVariableList       | HCInstanceVariableList       | Renders typed instance variables with per-type widgets                   | data-list, ontology, variable, domain |
 

package/dist/{AccordionSummary-c6-Buzbq.js → AccordionSummary-B6-hHjCC.js}

@@ -3,14 +3,14 @@ import * as a from "react";
 import { r as po } from "./index-DH6qsPBn.js";
 import { P as o } from "./index-CblbdqjE.js";
 import { c as G } from "./clsx-OuTLNxxd.js";
-import { u as uo } from "./useSlot-gpKOd92R.js";
+import { u as uo } from "./useSlot-BOHuz6Wu.js";
 import { g as q, a as F, s as T, u as H, k as fo, c as J } from "./styled-Ckq8ALHh.js";
 import { jsx as g, jsxs as to } from "react/jsx-runtime";
 import { T as mo, u as go, g as eo, P as bo } from "./Paper-BFDcMa0t.js";
 import { u as ho } from "./useControlled-BYdyS7Pn.js";
-import { b as xo, u as yo } from "./useTimeout-CM6EsHyp.js";
+import { c as xo, u as yo } from "./useTimeout-D5vWrF1x.js";
 import { e as Co, c as vo } from "./TransitionGroupContext-C_aW1Tei.js";
-import { B as Eo } from "./ButtonBase-DG5J0YgP.js";
+import { B as Eo } from "./ButtonBase-Dgg9dzM8.js";
 function To(e) {
   return F("MuiCollapse", e);
 }

package/dist/{Add-CB4mPrke.js → Add-eXYPgCCB.js}

@@ -5,7 +5,7 @@ import { c as m } from "./clsx-OuTLNxxd.js";
 import { g as d, a as v, s as y, u as T, c as g, i as h } from "./styled-Ckq8ALHh.js";
 import A, { jsx as _ } from "react/jsx-runtime";
 import { T as x } from "./Typography-B_LKrxyI.js";
-import { r as j } from "./createSvgIcon-jKAqRXE2.js";
+import { r as j } from "./createSvgIcon-Bi-IzY8I.js";
 function R(t) {
   return v("MuiAlertTitle", t);
 }

package/dist/{Alert-BsT46Tgd.js → Alert-OoSOUjZM.js}

@@ -3,11 +3,11 @@ import * as _ from "react";
 import { P as o } from "./index-CblbdqjE.js";
 import { c as H } from "./clsx-OuTLNxxd.js";
 import { g as U, a as V, s as u, b as g, h as S, l as M, u as F, c as D } from "./styled-Ckq8ALHh.js";
-import { u as x } from "./useSlot-gpKOd92R.js";
+import { u as x } from "./useSlot-BOHuz6Wu.js";
 import { c as p } from "./createSvgIcon-Bx0mTP6n.js";
 import { jsx as s, jsxs as Z } from "react/jsx-runtime";
 import { P as q } from "./Paper-BFDcMa0t.js";
-import { I as G } from "./IconButton-SJfF1cr9.js";
+import { I as G } from "./IconButton-CQwROBzr.js";
 function J(e) {
   return V("MuiAlert", e);
 }

package/dist/{Button-BMUZn0cT.js → Button-gZFgy23t.js}

@@ -4,7 +4,7 @@ import { P as n } from "./index-CblbdqjE.js";
 import { c as m } from "./clsx-OuTLNxxd.js";
 import { g as D, a as F, s as f, r as G, b as r, d as v, f as U, u as H, c as A } from "./styled-Ckq8ALHh.js";
 import { jsx as R, jsxs as q } from "react/jsx-runtime";
-import { B as J } from "./ButtonBase-DG5J0YgP.js";
+import { B as J } from "./ButtonBase-Dgg9dzM8.js";
 function K(o) {
   return F("MuiButton", o);
 }

package/dist/{ButtonBase-DG5J0YgP.js → ButtonBase-Dgg9dzM8.js}

@@ -6,10 +6,10 @@ import { c as x } from "./clsx-OuTLNxxd.js";
 import { g as ye, s as re, u as Te, a as Xe, c as Ye } from "./styled-Ckq8ALHh.js";
 import { keyframes as se } from "@mui/system";
 import { jsx as U, jsxs as Ae } from "react/jsx-runtime";
-import { b as qe, u as de, c as H } from "./useTimeout-CM6EsHyp.js";
+import { c as qe, u as de, b as H } from "./useTimeout-D5vWrF1x.js";
 import { _ as We } from "./assertThisInitialized-C1dAyb4j.js";
 import { _ as He, T as he, r as Ge, e as Je } from "./TransitionGroupContext-C_aW1Tei.js";
-import { u as Qe } from "./useIsFocusVisible-BHPF-Pml.js";
+import { u as Qe } from "./useIsFocusVisible-CVnvB5M2.js";
 function ae(t, s) {
   var a = function(n) {
     return s && G(n) ? s(n) : n;

package/dist/{Delete-ofipLwkd.js → Delete-B8COyxKI.js}

@@ -1,5 +1,5 @@
 import { i as t } from "./styled-Ckq8ALHh.js";
-import { r as a } from "./createSvgIcon-jKAqRXE2.js";
+import { r as a } from "./createSvgIcon-Bi-IzY8I.js";
 import u from "react/jsx-runtime";
 var e = {}, l = t;
 Object.defineProperty(e, "__esModule", {

package/dist/{IconButton-SJfF1cr9.js → IconButton-CQwROBzr.js}

@@ -4,7 +4,7 @@ import { P as r } from "./index-CblbdqjE.js";
 import { c as z } from "./clsx-OuTLNxxd.js";
 import { g as R, a as C, s as B, b as n, d as g, u as I, c as O } from "./styled-Ckq8ALHh.js";
 import { jsx as x } from "react/jsx-runtime";
-import { B as T } from "./ButtonBase-DG5J0YgP.js";
+import { B as T } from "./ButtonBase-Dgg9dzM8.js";
 import { c as $ } from "./TransitionGroupContext-C_aW1Tei.js";
 function k(o) {
   return C("MuiIconButton", o);

package/dist/IconCheck-BcUcbvno.js

@@ -0,0 +1,19 @@
+import { c as e } from "./createReactComponent-C7L-DMHj.js";
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const t = [["path", { d: "M12 9v4", key: "svg-0" }], ["path", { d: "M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0", key: "svg-1" }], ["path", { d: "M12 16h.01", key: "svg-2" }]], c = e("outline", "alert-triangle", "AlertTriangle", t);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const a = [["path", { d: "M5 12l5 5l10 -10", key: "svg-0" }]], n = e("outline", "check", "Check", a);
+export {
+  n as I,
+  c as a
+};

package/dist/{MenuItem-BjnnhDbD.js → MenuItem-BAKBPyZx.js}

@@ -3,10 +3,10 @@ import * as d from "react";
 import { P as t } from "./index-CblbdqjE.js";
 import { c as I } from "./clsx-OuTLNxxd.js";
 import { g as u, a as F, s as _, r as j, d as p, u as D, c as E } from "./styled-Ckq8ALHh.js";
-import { L as $ } from "./Select-nL91eUH9.js";
+import { L as $ } from "./Select-B4zhu5G_.js";
 import { jsx as M } from "react/jsx-runtime";
-import { B as G } from "./ButtonBase-DG5J0YgP.js";
-import { a as U, u as S } from "./useTimeout-CM6EsHyp.js";
+import { B as G } from "./ButtonBase-Dgg9dzM8.js";
+import { a as U, u as S } from "./useTimeout-D5vWrF1x.js";
 const O = u("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), N = u("MuiListItemIcon", ["root", "alignItemsFlexStart"]), V = u("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
 function H(e) {
   return F("MuiMenuItem", e);

package/dist/{Modal-Djf5pMjD.js → Modal-DVdqH5dj.js}

@@ -4,7 +4,7 @@ import { P as e } from "./index-CblbdqjE.js";
 import { c as ee } from "./clsx-OuTLNxxd.js";
 import { g as he, a as Ee, s as ne, u as ge, c as ye } from "./styled-Ckq8ALHh.js";
 import { o as $, a as oe } from "./ownerWindow-wg6foiOE.js";
-import { u as K, a as le, s as ce, c as de } from "./useTimeout-CM6EsHyp.js";
+import { u as K, a as le, s as ce, b as de } from "./useTimeout-D5vWrF1x.js";
 import { r as Me, m as Fe, a as De, u as Ae, T as Be, b as Le, g as ue, e as _e } from "./Paper-BFDcMa0t.js";
 import { c as pe } from "./createChainedFunction-C0nujS3O.js";
 import { jsxs as Te, jsx as D } from "react/jsx-runtime";

package/dist/{Select-nL91eUH9.js → Select-B4zhu5G_.js}

@@ -5,9 +5,9 @@ import { c as de } from "./clsx-OuTLNxxd.js";
 import { r as to } from "./index-DH6qsPBn.js";
 import { jsx as N, jsxs as Ee } from "react/jsx-runtime";
 import { g as ce, a as pe, s as _, u as ye, c as fe, r as ve, b as we, n as qo, o as wo, m as Go, T as Xo, p as ro } from "./styled-Ckq8ALHh.js";
-import { g as Yo, e as Zo, a as So, M as Jo, u as ze, H as eo } from "./Modal-Djf5pMjD.js";
+import { g as Yo, e as Zo, a as So, M as Jo, u as ze, H as eo } from "./Modal-DVdqH5dj.js";
 import { u as Qo, T as en, b as on, g as ho, P as nn, i as oo, c as tn } from "./Paper-BFDcMa0t.js";
-import { a as Ve, u as Se, b as rn, c as sn } from "./useTimeout-CM6EsHyp.js";
+import { a as Ve, u as Se, c as rn, b as sn } from "./useTimeout-D5vWrF1x.js";
 import { o as _e, a as Ue } from "./ownerWindow-wg6foiOE.js";
 import { d as Io } from "./debounce-46wSf_lW.js";
 import { r as Ie, c as an, e as No } from "./TransitionGroupContext-C_aW1Tei.js";

package/dist/{SwitchBase-BcJAJYsB.js → SwitchBase-BqUrfIHp.js}

@@ -5,7 +5,7 @@ import { c as V } from "./clsx-OuTLNxxd.js";
 import { a as W, g as $, s as F, r as A, b as G, c as H } from "./styled-Ckq8ALHh.js";
 import { u as J } from "./useFormControl-CatNKXAi.js";
 import { jsxs as K, jsx as Q } from "react/jsx-runtime";
-import { B as X } from "./ButtonBase-DG5J0YgP.js";
+import { B as X } from "./ButtonBase-Dgg9dzM8.js";
 import { u as Y } from "./useControlled-BYdyS7Pn.js";
 import { r as Z } from "./TransitionGroupContext-C_aW1Tei.js";
 function ee(o) {

package/dist/{TextField-Db63_GNb.js → TextField-Cx5T7iJn.js}

@@ -5,9 +5,9 @@ import { a as i, _ as J } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as p from "react";
 import { c as K } from "./clsx-OuTLNxxd.js";
 import { jsx as y, jsxs as fe } from "react/jsx-runtime";
-import { i as me, a as ee, S as be, I as ge, F as he, O as Te } from "./Select-nL91eUH9.js";
+import { i as me, a as ee, S as be, I as ge, F as he, O as Te } from "./Select-B4zhu5G_.js";
 import { F as ye, u as xe } from "./useFormControl-CatNKXAi.js";
-import { i as U } from "./createSvgIcon-jKAqRXE2.js";
+import { i as U } from "./isMuiElement-CxT3_ACP.js";
 import { u as Fe } from "./useId-BW-oWmul.js";
 import { I as ve } from "./InputLabel-jPm6Xuco.js";
 import { f as Ce } from "./formControlState-vgaj2ksH.js";
@@ -692,5 +692,6 @@ process.env.NODE_ENV !== "production" && (Le.propTypes = {
 export {
   Re as B,
   te as F,
-  Le as T
+  Le as T,
+  ne as a
 };

package/dist/components/button/styled.js

@@ -1,5 +1,5 @@
 import { styled as o } from "@mui/material";
-import { B as t } from "../../Button-BMUZn0cT.js";
+import { B as t } from "../../Button-gZFgy23t.js";
 const n = o(t, {
   name: "HCButton",
   slot: "root"

package/dist/components/charts/forecast-cone/index.js

@@ -1,6 +1,6 @@
 import h, { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { i as u } from "../../../styled-Ckq8ALHh.js";
-import { r as f } from "../../../createSvgIcon-jKAqRXE2.js";
+import { r as f } from "../../../createSvgIcon-Bi-IzY8I.js";
 import { IconButton as d, Typography as c } from "@mui/material";
 import { useForecastConeChartLogic as R } from "./logic.js";
 import { ForecastConeChartRoot as $, ForecastConeChartCanvas as S, ForecastConeChartPager as F } from "./styled.js";

package/dist/components/collapsible-card/index.js

@@ -1,6 +1,6 @@
 import d, { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { i as c } from "../../styled-Ckq8ALHh.js";
-import { r as l } from "../../createSvgIcon-jKAqRXE2.js";
+import { r as l } from "../../createSvgIcon-Bi-IzY8I.js";
 import { Container as u } from "../container/index.js";
 import { useCollapsibleCardLogic as s } from "./logic.js";
 import { Accordion as m, AccordionSummary as x, SummaryHeader as f, SummaryActions as h, AccordionDetails as S } from "./styled.js";

package/dist/components/collapsible-card/styled.js

@@ -1,5 +1,5 @@
 import { styled as a, Box as e } from "@mui/material";
-import { A as n, a as t, b as i } from "../../AccordionSummary-c6-Buzbq.js";
+import { A as n, a as t, b as i } from "../../AccordionSummary-B6-hHjCC.js";
 const r = (o) => o !== "ownerState", m = a(n, {
   name: "HCCollapsibleCard",
   slot: "accordion"

package/dist/components/color-picker/index.js

@@ -6,13 +6,13 @@ import { c as it } from "../../_commonjsHelpers-BkfeUUK-.js";
 import { P as g } from "../../index-CblbdqjE.js";
 import { IconButton as to } from "../icon-button/index.js";
 import { useColorPickerLogic as ro } from "./logic.js";
-import { R as no, C as Qr, a as ao, b as io, c as oo, d as so } from "../../styled-DObpn_Bi.js";
+import { R as no, C as Qr, a as ao, b as io, c as oo, d as so } from "../../styled-C5WQOj4E.js";
 import { c as Ba } from "../../createReactComponent-C7L-DMHj.js";
 import { _ as lo, a as co } from "../../objectWithoutPropertiesLoose-DJteAcBH.js";
 import { c as fo } from "../../clsx-OuTLNxxd.js";
 import { g as uo, a as ho, c as po } from "../../styled-Ckq8ALHh.js";
 import { u as go } from "../../useControlled-BYdyS7Pn.js";
-import { u as vo } from "../../useTimeout-CM6EsHyp.js";
+import { u as vo } from "../../useTimeout-D5vWrF1x.js";
 import { u as bo } from "../../useId-BW-oWmul.js";
 import { F as yo } from "../../FormGroup-LH368jad.js";
 import { I as mo } from "../../IconCircle-HcgE1lHy.js";

package/dist/components/color-picker/styled.js

@@ -1,5 +1,5 @@
 import "@mui/material";
-import { c as e, C as i, b as c, a as C, d as k } from "../../styled-DObpn_Bi.js";
+import { c as e, C as i, b as c, a as C, d as k } from "../../styled-C5WQOj4E.js";
 export {
   e as ColorPickerRadio,
   i as ColorPickerRoot,

package/dist/components/confirm/dialog.js

@@ -2,8 +2,8 @@ import "react/jsx-runtime";
 import "react-confirm";
 import "@mui/material";
 import "@mui/icons-material";
-import { D as e } from "../../dialog-CNxZ7uox.js";
-import "../../Button-BMUZn0cT.js";
+import { D as e } from "../../dialog-DwmnOp5c.js";
+import "../../Button-gZFgy23t.js";
 export {
   e as default
 };

package/dist/components/confirm/index.js

@@ -1,5 +1,5 @@
 import { createConfirmation as r } from "react-confirm";
-import { D as i } from "../../dialog-CNxZ7uox.js";
+import { D as i } from "../../dialog-DwmnOp5c.js";
 const o = r(i);
 function f(t, n, e = {
   cancelButtonText: "Cancel",

package/dist/components/data-list/index.js

@@ -0,0 +1,139 @@
+import { jsxs as o, jsx as a, Fragment as g } from "react/jsx-runtime";
+import { Typography as k, Stack as u, Skeleton as L, CircularProgress as w, TablePagination as x } from "@mui/material";
+import { LinearIndicator as m } from "../linear-indicator/index.js";
+import { useDataListLogic as y } from "./logic.js";
+import { DataListRoot as v, DataListHeader as A, DataListHeaderActionLink as B, DataListHeaderActionButton as R, DataListContent as E, DataListEmpty as H, DataListList as M, DataListLoadMore as T, DataListPagination as j, DataListItemRow as z, DataListItemButton as O, DataListItemEnd as V, DataListItemStart as f, DataListBadge as F, DataListEndLabel as b, DataListItemMain as N, DataListItemTitle as W, DataListItemMeta as _ } from "./styled.js";
+const Q = (t) => {
+  const { refs: c, state: r, actions: d } = y(t), { ownerState: l, displayData: C } = r, D = !!(t.title || t.headerAction || t.actionLabel && (t.onActionClick || t.actionHref)), s = (e) => {
+    if (t.renderItemStart) return t.renderItemStart(e);
+    if (e.icon)
+      return /* @__PURE__ */ a(f, { ownerState: l, children: e.icon });
+    const i = r.getIcon(e);
+    if (!i) return null;
+    const n = r.getIconState(e);
+    return /* @__PURE__ */ a(
+      f,
+      {
+        ownerState: l,
+        iconColor: n == null ? void 0 : n.color,
+        iconBackground: n == null ? void 0 : n.backgroundColor,
+        role: n != null && n.label ? "img" : void 0,
+        "aria-label": n == null ? void 0 : n.label,
+        "aria-hidden": n != null && n.label ? void 0 : !0,
+        title: n == null ? void 0 : n.label,
+        children: /* @__PURE__ */ a(i, { size: l.dense ? 16 : 20 })
+      }
+    );
+  }, P = (e) => {
+    if (t.renderItemEnd) return t.renderItemEnd(e);
+    if (e.endContent) return e.endContent;
+    if (r.endSlot === "badge") {
+      const i = r.getBadgeLabel(e);
+      if (!i) return null;
+      const n = r.getBadgeState(e);
+      return /* @__PURE__ */ a(
+        F,
+        {
+          badgeColor: n == null ? void 0 : n.color,
+          badgeBackground: n == null ? void 0 : n.backgroundColor,
+          badgeBorder: n == null ? void 0 : n.borderColor,
+          children: i
+        }
+      );
+    }
+    if (r.endSlot === "progress")
+      return /* @__PURE__ */ o(g, { children: [
+        /* @__PURE__ */ a(
+          m,
+          {
+            value: r.getProgressValue(e),
+            sx: { flex: 1, minWidth: 0 }
+          }
+        ),
+        e.endLabel && /* @__PURE__ */ a(b, { children: e.endLabel })
+      ] });
+    if (r.endSlot === "text") {
+      const i = e.endLabel ?? e.endValue;
+      return i == null || `${i}`.trim() === "" ? null : /* @__PURE__ */ a(b, { children: i });
+    }
+    return null;
+  }, h = (e) => {
+    const i = r.getSecondaryText(e);
+    return /* @__PURE__ */ o(N, { ownerState: l, children: [
+      /* @__PURE__ */ a(W, { title: e.title, children: e.title }),
+      i && /* @__PURE__ */ a(_, { ownerState: l, title: i, children: i })
+    ] });
+  }, I = (e) => {
+    const i = P(e);
+    return /* @__PURE__ */ o(z, { ownerState: l, children: [
+      r.isItemClickable(e) ? /* @__PURE__ */ o(
+        O,
+        {
+          onClick: d.handleItemClick(e),
+          disabled: e.disabled,
+          children: [
+            s(e),
+            h(e)
+          ]
+        }
+      ) : /* @__PURE__ */ o(g, { children: [
+        s(e),
+        h(e)
+      ] }),
+      i && /* @__PURE__ */ a(V, { ownerState: l, children: i })
+    ] }, e.id);
+  };
+  return /* @__PURE__ */ o(
+    v,
+    {
+      ownerState: l,
+      sx: t.sx,
+      elevation: 0,
+      "data-snapshot": r.snapshot,
+      children: [
+        D && /* @__PURE__ */ o(A, { ownerState: l, children: [
+          t.title && /* @__PURE__ */ a(k, { variant: "h3", children: t.title }),
+          t.headerAction ?? (t.actionLabel && (t.actionHref ? /* @__PURE__ */ a(
+            B,
+            {
+              href: t.actionHref,
+              onClick: t.onActionClick,
+              children: t.actionLabel
+            }
+          ) : t.onActionClick && /* @__PURE__ */ a(
+            R,
+            {
+              type: "button",
+              onClick: t.onActionClick,
+              children: t.actionLabel
+            }
+          )))
+        ] }),
+        /* @__PURE__ */ o(E, { ownerState: l, children: [
+          t.loading ? /* @__PURE__ */ a(u, { spacing: 2, padding: 2, children: Array.from({ length: t.loadingRows ?? 4 }).map((e, i) => /* @__PURE__ */ o(u, { spacing: 0.5, children: [
+            /* @__PURE__ */ a(L, { variant: "text", width: "60%" }),
+            /* @__PURE__ */ a(L, { variant: "text", width: "40%" })
+          ] }, i)) }) : l.isEmpty ? /* @__PURE__ */ a(H, { ownerState: l, children: t.emptyMessage ?? "No records to display" }) : /* @__PURE__ */ o(M, { ownerState: l, ref: c.listRef, children: [
+            C.map(I),
+            r.hasMore && /* @__PURE__ */ a(T, { ownerState: l, ref: c.sentinelRef, children: r.isLoadingMore && /* @__PURE__ */ a(w, { size: 18 }) })
+          ] }),
+          r.showPagination && /* @__PURE__ */ a(j, { ownerState: l, children: /* @__PURE__ */ a(
+            x,
+            {
+              component: "div",
+              count: r.count,
+              page: r.page,
+              rowsPerPage: r.rowsPerPage,
+              rowsPerPageOptions: r.rowsPerPageOptions,
+              onPageChange: d.handleChangePage,
+              onRowsPerPageChange: d.handleChangeRowsPerPage
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  Q as DataList
+};

package/dist/components/data-list/logic.js

@@ -0,0 +1,224 @@
+import { useThemeProps as de } from "@mui/material";
+import { useRef as f, useState as N, useMemo as S, useCallback as ge, useEffect as B } from "react";
+import { c as s } from "../../createReactComponent-C7L-DMHj.js";
+import { a as he, I as pe } from "../../IconCheck-BcUcbvno.js";
+import { I as ve } from "../../IconCircle-HcgE1lHy.js";
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const fe = [["path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", key: "svg-0" }], ["path", { d: "M12 8v4", key: "svg-1" }], ["path", { d: "M12 16h.01", key: "svg-2" }]], Me = s("outline", "alert-circle", "AlertCircle", fe);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const me = [["path", { d: "M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6", key: "svg-0" }], ["path", { d: "M9 17v1a3 3 0 0 0 6 0v-1", key: "svg-1" }]], ke = s("outline", "bell", "Bell", me);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ye = [["path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", key: "svg-0" }], ["path", { d: "M12 7v5l3 3", key: "svg-1" }]], _e = s("outline", "clock", "Clock", ye);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ie = [["path", { d: "M14 3v4a1 1 0 0 0 1 1h4", key: "svg-0" }], ["path", { d: "M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2", key: "svg-1" }], ["path", { d: "M9 9l1 0", key: "svg-2" }], ["path", { d: "M9 13l6 0", key: "svg-3" }], ["path", { d: "M9 17l6 0", key: "svg-4" }]], Pe = s("outline", "file-text", "FileText", Ie);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const be = [["path", { d: "M5 5a5 5 0 0 1 7 0a5 5 0 0 0 7 0v9a5 5 0 0 1 -7 0a5 5 0 0 0 -7 0v-9", key: "svg-0" }], ["path", { d: "M5 21v-7", key: "svg-1" }]], Ne = s("outline", "flag", "Flag", be);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Se = [["path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", key: "svg-0" }], ["path", { d: "M12 9h.01", key: "svg-1" }], ["path", { d: "M11 12h1v4h1", key: "svg-2" }]], we = s("outline", "info-circle", "InfoCircle", Se);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Re = [["path", { d: "M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0", key: "svg-0" }], ["path", { d: "M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0", key: "svg-1" }]], $e = s("outline", "map-pin", "MapPin", Re);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ce = [["path", { d: "M8 9h8", key: "svg-0" }], ["path", { d: "M8 13h6", key: "svg-1" }], ["path", { d: "M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-5l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12", key: "svg-2" }]], Oe = s("outline", "message", "Message", Ce);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Le = [["path", { d: "M15.04 19.745c-.942 .551 -1.964 .976 -3.04 1.255a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 .195 6.015", key: "svg-0" }], ["path", { d: "M19 16v3", key: "svg-1" }], ["path", { d: "M19 22v.01", key: "svg-2" }]], xe = s("outline", "shield-exclamation", "ShieldExclamation", Le);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Te = [["path", { d: "M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3", key: "svg-0" }]], Ae = s("outline", "shield", "Shield", Te);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ee = [["path", { d: "M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3", key: "svg-0" }]], Be = s("outline", "thumb-up", "ThumbUp", Ee);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Fe = [["path", { d: "M5 7a4 4 0 1 0 8 0a4 4 0 1 0 -8 0", key: "svg-0" }], ["path", { d: "M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2", key: "svg-1" }], ["path", { d: "M16 3.13a4 4 0 0 1 0 7.75", key: "svg-2" }], ["path", { d: "M21 21v-2a4 4 0 0 0 -3 -3.85", key: "svg-3" }]], Ve = s("outline", "users", "Users", Fe), De = {
+  shield: Ae,
+  "shield-alert": xe,
+  "alert-triangle": he,
+  "alert-circle": Me,
+  info: we,
+  bell: ke,
+  check: pe,
+  clock: _e,
+  flag: Ne,
+  file: Pe,
+  "map-pin": $e,
+  message: Oe,
+  "thumb-up": Be,
+  users: Ve,
+  circle: ve
+}, Ue = [5, 10, 25, 50], Ge = "120px", F = (g, d) => {
+  if (!(g != null && g.length) || d === void 0 || d === null) return;
+  const o = `${d}`.trim().toLowerCase();
+  if (o)
+    return g.find((k) => `${k.value}`.trim().toLowerCase() === o);
+}, qe = (g) => {
+  const d = de({ props: g, name: "HCDataList" }), {
+    data: o = [],
+    totalCount: k,
+    payload: i,
+    onChange: r,
+    onItemClick: M,
+    iconStates: V,
+    iconShape: D = "circle",
+    badgeStates: U,
+    endSlot: w = "badge",
+    metaSeparator: G = "•",
+    descriptionLines: j = 1,
+    dense: H = !1,
+    divider: J = !0,
+    headerGutter: K = !1,
+    paginationMode: y = "infinite",
+    rowsPerPage: W = 10,
+    resetKey: q,
+    loading: _ = !1,
+    loadingMore: z = !1
+  } = d, R = f(null), $ = f(null), [Q, C] = N(0), [X, Y] = N(W), l = (i == null ? void 0 : i.pageNumber) ?? Q, a = (i == null ? void 0 : i.rows) ?? X, c = !!r, u = y === "infinite", [O, L] = N(a), p = f(/* @__PURE__ */ new Map()), m = `${q ?? ""}`, x = f(m), h = f(null);
+  x.current !== m && (x.current = m, p.current.clear(), h.current = null), c && u && (l === 0 && p.current.clear(), p.current.set(l, o), h.current === l && (h.current = null));
+  const T = S(() => !c || !u ? o : Array.from(p.current.keys()).sort((e, t) => e - t).flatMap((e) => p.current.get(e) ?? []), [c, u, o, l]), I = c ? k ?? 0 : o.length, v = S(() => u ? c ? T : o.slice(0, O) : c ? o : o.slice(l * a, (l + 1) * a), [u, c, T, o, O, l, a]), P = u && v.length < I, Z = y === "buttons" && I > a, b = ge(() => {
+    if (!c) {
+      L((t) => t + a);
+      return;
+    }
+    const e = l + 1;
+    h.current === null && (h.current = e, r == null || r({ ...i, pageNumber: e, rows: a }));
+  }, [c, a, l, r, i]);
+  B(() => {
+    if (!u || !P || _) return;
+    const e = $.current;
+    if (!e || typeof IntersectionObserver > "u") return;
+    const t = new IntersectionObserver(
+      (n) => {
+        n.some((ue) => ue.isIntersecting) && b();
+      },
+      { root: R.current, rootMargin: Ge }
+    );
+    return t.observe(e), () => t.disconnect();
+  }, [u, P, _, b]), B(() => {
+    u && !c && L(a);
+  }, [u, c, a, m, o.length]);
+  const ee = (e, t) => {
+    C(t), r == null || r({ ...i, pageNumber: t, rows: a });
+  }, te = (e) => {
+    const t = parseInt(e.target.value, 10);
+    Y(t), C(0), r == null || r({ ...i, pageNumber: 0, rows: t });
+  }, ne = (e) => () => {
+    e.disabled || M == null || M(e);
+  }, oe = (e) => !!M && !e.disabled, ae = (e) => {
+    if (!e.meta) return e.description;
+    const t = e.meta.filter((n) => n != null && `${n}`.trim() !== "").map((n) => `${n}`.trim());
+    return t.length ? t.join(` ${G} `) : void 0;
+  }, A = (e) => F(V, e.iconValue), se = (e) => {
+    var n;
+    const t = (n = A(e)) == null ? void 0 : n.icon;
+    return t ? De[t] : void 0;
+  }, E = (e) => F(U, e.status), re = (e) => {
+    var n;
+    const t = E(e);
+    return t ? t.label ?? t.value : ((n = e.status) == null ? void 0 : n.trim()) || void 0;
+  }, ce = (e) => {
+    const t = typeof e.endValue == "string" ? Number(e.endValue) : e.endValue;
+    return Number.isFinite(t) ? Math.min(100, Math.max(0, t)) : 0;
+  }, ie = S(
+    () => JSON.stringify({ title: d.title, data: v }),
+    [d.title, v]
+  ), le = {
+    ...d,
+    iconShape: D,
+    endSlot: w,
+    dense: H,
+    divider: J,
+    descriptionLines: j,
+    headerGutter: K,
+    paginationMode: y,
+    isEmpty: !_ && v.length === 0
+  };
+  return {
+    refs: { listRef: R, sentinelRef: $ },
+    state: {
+      ownerState: le,
+      displayData: v,
+      count: I,
+      page: l,
+      rowsPerPage: a,
+      rowsPerPageOptions: d.rowsPerPageOptions ?? Ue,
+      showPagination: Z,
+      hasMore: P,
+      // Either the caller says a request is running, or we know one is in flight.
+      isLoadingMore: z || h.current !== null,
+      snapshot: ie,
+      endSlot: w,
+      isItemClickable: oe,
+      getSecondaryText: ae,
+      getIconState: A,
+      getIcon: se,
+      getBadgeState: E,
+      getBadgeLabel: re,
+      getProgressValue: ce
+    },
+    actions: {
+      handleChangePage: ee,
+      handleChangeRowsPerPage: te,
+      handleItemClick: ne,
+      loadMore: b
+    }
+  };
+};
+export {
+  qe as useDataListLogic
+};