@hybridcore/ui 1.5.90 → 1.6.1

package/dist/components/template-property-filters/property.js

@@ -1,247 +1,187 @@
-import { jsxs as m, jsx as t, Fragment as P } from "react/jsx-runtime";
-import { useState as T } from "react";
-import { KeyboardArrowUp as k, KeyboardArrowDown as w } from "@mui/icons-material";
-import { Typography as c, FormLabel as Y, FormGroup as D, Button as W } from "@mui/material";
-import { DatePicker as C } from "@mui/x-date-pickers";
-import f from "dayjs";
-import { B as r } from "../../Box-B1AVyJ_s.js";
-import { T as b } from "../../TextField-BQ8a50fA.js";
-import { F as O } from "../../FormControlLabel-BrdX4R71.js";
-import { C as z } from "../../Checkbox-CrU2hpWB.js";
-import { F as B } from "../../InputLabel-CBuAYyuT.js";
-const R = ({
-  property: e,
-  value: a,
-  size: d = "medium",
-  variant: u = "outlined",
-  onChange: p
-}) => {
-  var I, S, y, V, M;
-  const h = (l) => (n) => {
-    let o = { ...a };
-    const i = n.target.type === "checkbox" ? n.target.checked : n.target.value;
-    o[l] = String(i), p({
-      [n.target.name]: o
-    });
-  }, F = (l) => {
-    var x;
-    const n = { ...a }, { value: o, checked: i, name: s } = l.target;
-    i ? (n.atLeastOneOf || (n.atLeastOneOf = []), n.atLeastOneOf.push(o)) : n.atLeastOneOf = (x = n.atLeastOneOf) == null ? void 0 : x.filter(
-      (L) => L !== o
-    ), p({
-      [s]: n
-    });
-  }, g = (l) => (n) => {
-    let o = { ...a };
-    o[l] = f(n).format("YYYY-MM-DD"), p({
-      [e.propertyId]: o
-    });
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { KeyboardArrowUp as D, KeyboardArrowDown as F } from "@mui/icons-material";
+import { TextField as y, FormControlLabel as R, Checkbox as E, FormControl as A, FormGroup as B } from "@mui/material";
+import { DatePicker as S } from "@mui/x-date-pickers";
+import d from "dayjs";
+import { useState as W } from "react";
+import { PropertyContainer as m, PropertyLabel as f, INPUT_FONT_SX as O, PropertyRangeRow as T, PropertyRangeSeparator as V, DATE_PICKER_SLOT_PROPS as _, PropertyEnumLabel as z, PropertyEnumItem as N, PropertyEnumCheckbox as j, PropertyShowMoreButton as K, SHOW_MORE_ICON_SX as M } from "./styled.js";
+const v = 10, H = {
+  typography: { variant: "body2", fontSize: 13 }
+}, U = {
+  typography: { fontSize: 13 }
+}, ee = (w) => {
+  var P, b, g, I, C;
+  const {
+    property: e,
+    value: r,
+    size: s = "medium",
+    variant: u = "outlined",
+    onChange: h
+  } = w, c = (o) => (n) => {
+    const a = { ...r }, l = n.target.type === "checkbox" ? n.target.checked : n.target.value;
+    a[o] = String(l), h({ [n.target.name]: a });
+  }, Y = (o) => {
+    var L;
+    const n = { ...r }, { value: a, checked: l, name: p } = o.target;
+    l ? (n.atLeastOneOf || (n.atLeastOneOf = []), n.atLeastOneOf.push(a)) : n.atLeastOneOf = (L = n.atLeastOneOf) == null ? void 0 : L.filter(
+      (k) => k !== a
+    ), h({ [p]: n });
+  }, x = (o) => (n) => {
+    const a = { ...r };
+    a[o] = d(n).format("YYYY-MM-DD"), h({ [e.propertyId]: a });
   };
   if (["string", "text", "list"].includes(e.type))
-    return /* @__PURE__ */ m(r, { mb: 1, children: [
-      /* @__PURE__ */ t(c, { variant: "caption", mb: 0.5, display: "block", children: e.name }),
+    return /* @__PURE__ */ i(m, { children: [
+      /* @__PURE__ */ t(f, { variant: "caption", children: e.name }),
       /* @__PURE__ */ t(
-        b,
+        y,
         {
           name: e.propertyId,
-          value: a.exact ?? e.defaultValue ?? "",
-          size: d,
-          onChange: h("exact"),
+          value: r.exact ?? e.defaultValue ?? "",
+          size: s,
+          onChange: c("exact"),
           variant: u,
           type: "text",
           multiline: e.type === "text",
           disabled: !e.editable,
           fullWidth: !0,
-          InputProps: {
-            sx: { fontSize: 12 }
-          }
+          InputProps: { sx: O }
         }
       )
     ] });
   if (["integer", "double", "long", "byte"].includes(e.type))
-    return /* @__PURE__ */ m(r, { mb: 1, children: [
-      /* @__PURE__ */ t(c, { variant: "caption", mb: 0.5, display: "block", children: e.name }),
-      /* @__PURE__ */ m(r, { display: "flex", alignItems: "center", mb: 2, children: [
+    return /* @__PURE__ */ i(m, { children: [
+      /* @__PURE__ */ t(f, { variant: "caption", children: e.name }),
+      /* @__PURE__ */ i(T, { children: [
         /* @__PURE__ */ t(
-          b,
+          y,
           {
             name: e.propertyId,
-            value: a.min ?? e.defaultValue ?? "",
-            size: d,
-            onChange: h("min"),
+            value: r.min ?? e.defaultValue ?? "",
+            size: s,
+            onChange: c("min"),
             variant: u,
             type: "number",
             disabled: !e.editable,
             fullWidth: !0,
-            InputProps: {
-              placeholder: "Min",
-              sx: { fontSize: 12 }
-            }
+            InputProps: { placeholder: "Min", sx: O }
           }
         ),
-        /* @__PURE__ */ t(c, { px: 1, children: "-" }),
+        /* @__PURE__ */ t(V, { children: "-" }),
         /* @__PURE__ */ t(
-          b,
+          y,
           {
             name: e.propertyId,
-            value: a.max ?? e.defaultValue ?? "",
-            size: d,
-            onChange: h("max"),
+            value: r.max ?? e.defaultValue ?? "",
+            size: s,
+            onChange: c("max"),
             variant: u,
             type: "number",
             disabled: !e.editable,
             fullWidth: !0,
-            InputProps: {
-              placeholder: "Max",
-              sx: { fontSize: 12 }
-            }
+            InputProps: { placeholder: "Max", sx: O }
           }
         )
       ] })
     ] });
   if (e.type === "date") {
-    const l = "DD/MM/YYYY", n = "YYYY-MM-DD", o = a.min && f(a.min, n, !0).isValid() ? f(a.min, n) : null, i = a.max && f(a.max, n, !0).isValid() ? f(a.max, n) : null;
-    return /* @__PURE__ */ m(r, { mb: 1, children: [
-      /* @__PURE__ */ t(c, { variant: "caption", mb: 0.5, display: "block", children: e.name }),
-      /* @__PURE__ */ m(r, { display: "flex", alignItems: "center", children: [
+    const o = "YYYY-MM-DD", n = "DD/MM/YYYY", a = r.min && d(r.min, o, !0).isValid() ? d(r.min, o) : null, l = r.max && d(r.max, o, !0).isValid() ? d(r.max, o) : null, p = {
+      ..._,
+      textField: {
+        ..._.textField,
+        variant: u,
+        name: e.propertyId,
+        size: s
+      }
+    };
+    return /* @__PURE__ */ i(m, { children: [
+      /* @__PURE__ */ t(f, { variant: "caption", children: e.name }),
+      /* @__PURE__ */ i(T, { children: [
         /* @__PURE__ */ t(
-          C,
+          S,
           {
             label: "From",
-            value: o,
-            format: l,
+            value: a,
+            format: n,
             views: ["year", "month", "day"],
-            slotProps: {
-              textField: {
-                variant: u,
-                name: e.propertyId,
-                size: d,
-                fullWidth: !0,
-                inputProps: { sx: { fontSize: 12 } },
-                InputLabelProps: { sx: { fontSize: 12 } }
-              },
-              inputAdornment: {
-                sx: {
-                  "& .MuiSvgIcon-root": {
-                    fontSize: 16
-                  }
-                }
-              }
-            },
-            onChange: g("min")
+            slotProps: p,
+            onChange: x("min")
           }
         ),
-        /* @__PURE__ */ t(c, { px: 1, children: "-" }),
+        /* @__PURE__ */ t(V, { children: "-" }),
         /* @__PURE__ */ t(
-          C,
+          S,
           {
             label: "To",
-            value: i,
-            format: l,
-            minDate: o !== null ? o : void 0,
+            value: l,
+            format: n,
+            minDate: a !== null ? a : void 0,
             views: ["year", "month", "day"],
-            slotProps: {
-              textField: {
-                variant: u,
-                name: e.propertyId,
-                size: d,
-                fullWidth: !0,
-                inputProps: { sx: { fontSize: 12 } },
-                InputLabelProps: { sx: { fontSize: 12 } }
-              },
-              inputAdornment: {
-                sx: {
-                  "& .MuiSvgIcon-root": {
-                    fontSize: 16
-                  }
-                }
-              }
-            },
-            onChange: g("max")
+            slotProps: p,
+            onChange: x("max")
           }
         )
       ] })
     ] });
   }
   if (e.type === "boolean")
-    return /* @__PURE__ */ t(r, { mb: 1, children: /* @__PURE__ */ t(
-      O,
+    return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(
+      R,
       {
         label: e.name,
         control: /* @__PURE__ */ t(
-          z,
+          E,
           {
-            size: d,
+            size: s,
             name: e.propertyId,
-            checked: !!a,
-            onChange: h("exact")
+            checked: !!r,
+            onChange: c("exact")
           }
         ),
-        slotProps: {
-          typography: {
-            fontSize: 13
-          }
-        }
+        slotProps: U
       }
     ) });
-  if (e.type === "enum" || e.type === "composite-list" && ((S = (I = e.dataTypeInfo) == null ? void 0 : I.innerType) == null ? void 0 : S.type) === "enum") {
-    const [l, n] = T(!1), o = 10;
-    let i = [];
-    return (y = e.dataTypeInfo) != null && y.enumValues && (i = e.dataTypeInfo.enumValues), (M = (V = e.dataTypeInfo) == null ? void 0 : V.innerType) != null && M.enumValues && (i = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ m(r, { mb: 1, children: [
-      /* @__PURE__ */ m(B, { fullWidth: !0, component: "fieldset", variant: u, children: [
-        /* @__PURE__ */ t(Y, { component: "legend", sx: { mb: 1, fontSize: 12 }, children: e.name }),
-        /* @__PURE__ */ t(D, { children: i.slice(0, l ? 9999 : o).map((s, x) => /* @__PURE__ */ t(
-          O,
+  if (e.type === "enum" || e.type === "composite-list" && ((b = (P = e.dataTypeInfo) == null ? void 0 : P.innerType) == null ? void 0 : b.type) === "enum") {
+    const [o, n] = W(!1);
+    let a = [];
+    return (g = e.dataTypeInfo) != null && g.enumValues && (a = e.dataTypeInfo.enumValues), (C = (I = e.dataTypeInfo) == null ? void 0 : I.innerType) != null && C.enumValues && (a = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ i(m, { children: [
+      /* @__PURE__ */ i(A, { fullWidth: !0, component: "fieldset", variant: u, children: [
+        /* @__PURE__ */ t(z, { children: e.name }),
+        /* @__PURE__ */ t(B, { children: a.slice(0, o ? 9999 : v).map((l, p) => /* @__PURE__ */ t(
+          N,
           {
-            label: s,
+            label: l,
             control: /* @__PURE__ */ t(
-              z,
+              j,
               {
                 name: e.propertyId,
-                value: s,
+                value: l,
                 size: "small",
-                checked: a.atLeastOneOf ? a.atLeastOneOf.includes(s) : !1,
-                onChange: F,
-                sx: {
-                  p: 0,
-                  mr: 1,
-                  "& .MuiSvgIcon-root": {
-                    fontSize: 16
-                  }
-                }
+                checked: r.atLeastOneOf ? r.atLeastOneOf.includes(l) : !1,
+                onChange: Y
               }
             ),
-            componentsProps: {
-              typography: {
-                variant: "body2",
-                fontSize: 13
-              }
-            },
-            sx: {
-              m: 0,
-              mb: 1
-            }
+            componentsProps: H
           },
-          x
+          p
         )) })
       ] }),
-      i.length > o && /* @__PURE__ */ m(
-        W,
+      a.length > v && /* @__PURE__ */ i(
+        K,
         {
           size: "small",
-          sx: { p: 0, textTransform: "none", fontSize: 12 },
-          endIcon: l ? /* @__PURE__ */ t(k, { sx: { fontSize: 14 } }) : /* @__PURE__ */ t(w, { sx: { fontSize: 14 } }),
-          onClick: () => n((s) => !s),
+          endIcon: o ? /* @__PURE__ */ t(D, { sx: M }) : /* @__PURE__ */ t(F, { sx: M }),
+          onClick: () => n((l) => !l),
           children: [
             "Show ",
-            l ? "Less" : "More"
+            o ? "Less" : "More"
           ]
         }
       )
     ] });
   }
-  return /* @__PURE__ */ t(P, {});
+  return null;
 };
 export {
-  R as Property
+  ee as Property
 };

package/dist/components/template-property-filters/styled.js

@@ -1,7 +1,16 @@
-import { jsx as n, jsxs as i, Fragment as c } from "react/jsx-runtime";
-import { Add as r, Remove as d } from "@mui/icons-material";
-import { styled as a, Accordion as e, AccordionSummary as p, alpha as s, AccordionDetails as t } from "@mui/material";
-const g = a((o) => /* @__PURE__ */ n(e, { disableGutters: !0, elevation: 0, square: !0, ...o }))(({ theme: o }) => ({
+import { styled as t, Box as e, Accordion as a, AccordionSummary as p, alpha as i, Typography as r, AccordionDetails as l, FormLabel as c, FormControlLabel as s, Checkbox as m, Button as d } from "@mui/material";
+import { Add as y, Remove as g } from "@mui/icons-material";
+const u = (o) => o !== "ownerState", T = t(e, {
+  name: "HCTemplatePropertyFilters",
+  slot: "root",
+  shouldForwardProp: u
+})({
+  display: "flex",
+  flexDirection: "column"
+}), f = t(a, {
+  name: "HCTemplatePropertyFilters",
+  slot: "accordion"
+})(({ theme: o }) => ({
   borderTop: `1px solid ${o.palette.divider}`,
   "&:last-of-type": {
     borderBottom: `1px solid ${o.palette.divider}`
@@ -9,21 +18,15 @@ const g = a((o) => /* @__PURE__ */ n(e, { disableGutters: !0, elevation: 0, squa
   "&::before": {
     display: "none"
   }
-})), x = a((o) => /* @__PURE__ */ n(
-  p,
-  {
-    expandIcon: /* @__PURE__ */ i(c, { children: [
-      /* @__PURE__ */ n(r, { className: "expandIcon", sx: { fontSize: 16 } }),
-      /* @__PURE__ */ n(d, { className: "collapseIcon", sx: { fontSize: 16 } })
-    ] }),
-    ...o
-  }
-))(({ theme: o }) => ({
+})), x = t(p, {
+  name: "HCTemplatePropertyFilters",
+  slot: "accordionSummary"
+})(({ theme: o }) => ({
   minHeight: 30,
   paddingLeft: o.spacing(1),
   paddingRight: o.spacing(1),
   "&.Mui-expanded": {
-    backgroundColor: s(o.palette.primary.main, 0.1),
+    backgroundColor: i(o.palette.primary.main, 0.1),
     "& .MuiAccordionSummary-content": {
       color: o.palette.primary.main
     }
@@ -49,16 +52,114 @@ const g = a((o) => /* @__PURE__ */ n(e, { disableGutters: !0, elevation: 0, squa
       display: "block"
     }
   }
-})), y = a(t)(({ theme: o }) => ({
+})), C = t(r, {
+  name: "HCTemplatePropertyFilters",
+  slot: "accordionTitle"
+})({
+  fontSize: 12
+}), F = t(l, {
+  name: "HCTemplatePropertyFilters",
+  slot: "accordionDetails"
+})(({ theme: o }) => ({
   display: "flex",
   flexDirection: "column",
   paddingLeft: o.spacing(1),
   paddingRight: o.spacing(1),
   paddingTop: o.spacing(1.5),
   paddingBottom: o.spacing(1.5)
-}));
+})), I = t(e, {
+  name: "HCTemplatePropertyFilters",
+  slot: "propertyContainer"
+})(({ theme: o }) => ({
+  marginBottom: o.spacing(1)
+})), b = t(r, {
+  name: "HCTemplatePropertyFilters",
+  slot: "propertyLabel"
+})(({ theme: o }) => ({
+  marginBottom: o.spacing(0.5),
+  display: "block"
+})), A = t(e, {
+  name: "HCTemplatePropertyFilters",
+  slot: "propertyRangeRow"
+})(({ theme: o }) => ({
+  display: "flex",
+  alignItems: "center",
+  marginBottom: o.spacing(2)
+})), H = t(r, {
+  name: "HCTemplatePropertyFilters",
+  slot: "propertyRangeSeparator"
+})(({ theme: o }) => ({
+  paddingLeft: o.spacing(1),
+  paddingRight: o.spacing(1)
+})), R = t(c, {
+  name: "HCTemplatePropertyFilters",
+  slot: "propertyEnumLabel"
+})(({ theme: o }) => ({
+  marginBottom: o.spacing(1),
+  fontSize: 12
+})), B = t(s, {
+  name: "HCTemplatePropertyFilters",
+  slot: "propertyEnumItem"
+})(({ theme: o }) => ({
+  margin: 0,
+  marginBottom: o.spacing(1)
+})), L = t(m, {
+  name: "HCTemplatePropertyFilters",
+  slot: "propertyEnumCheckbox"
+})(({ theme: o }) => ({
+  padding: 0,
+  marginRight: o.spacing(1),
+  "& .MuiSvgIcon-root": {
+    fontSize: 16
+  }
+})), M = t(d, {
+  name: "HCTemplatePropertyFilters",
+  slot: "propertyShowMoreButton"
+})({
+  padding: 0,
+  textTransform: "none",
+  fontSize: 12
+}), E = t(y, {
+  name: "HCTemplatePropertyFilters",
+  slot: "expandIcon"
+})({
+  fontSize: 16
+}), z = t(g, {
+  name: "HCTemplatePropertyFilters",
+  slot: "collapseIcon"
+})({
+  fontSize: 16
+}), n = { fontSize: 12 }, _ = { fontSize: 14 }, k = {
+  textField: {
+    fullWidth: !0,
+    inputProps: { sx: n },
+    InputLabelProps: { sx: n }
+  },
+  inputAdornment: {
+    sx: {
+      "& .MuiSvgIcon-root": {
+        fontSize: 16
+      }
+    }
+  }
+};
 export {
-  g as Accordion,
-  y as AccordionDetails,
-  x as AccordionSummary
+  f as Accordion,
+  F as AccordionDetails,
+  x as AccordionSummary,
+  C as AccordionTitle,
+  z as CollapseIcon,
+  k as DATE_PICKER_SLOT_PROPS,
+  E as ExpandIcon,
+  n as INPUT_FONT_SX,
+  I as PropertyContainer,
+  L as PropertyEnumCheckbox,
+  B as PropertyEnumItem,
+  R as PropertyEnumLabel,
+  b as PropertyLabel,
+  A as PropertyRangeRow,
+  H as PropertyRangeSeparator,
+  M as PropertyShowMoreButton,
+  _ as SHOW_MORE_ICON_SX,
+  T as TemplatePropertyFiltersRoot
 };

package/dist/components/timeline/index.js

@@ -0,0 +1,61 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { Timeline as C, TimelineItem as v, TimelineOppositeContent as M, TimelineSeparator as S, TimelineConnector as d, TimelineContent as W } from "@mui/lab";
+import { Skeleton as b, Typography as o, Divider as c, Box as k, Button as w } from "@mui/material";
+import { useTimelineLogic as D } from "./logic.js";
+import { TimelineRoot as h, TimelineContentWrap as m, TimelineHeader as L, TimelineDotStyled as j, LoadMoreWrap as B } from "./styled.js";
+function q(p) {
+  const {
+    items: s,
+    hasMore: T,
+    loadMore: x,
+    formatDate: g,
+    title: t,
+    loading: u,
+    dotIcon: f,
+    ownerState: i,
+    sx: l,
+    other: a
+  } = D(p);
+  return u ? /* @__PURE__ */ e(h, { ownerState: i, sx: l, ...a, children: /* @__PURE__ */ e(m, { ownerState: i, children: /* @__PURE__ */ e(b, { variant: "rectangular", width: "100%", height: "100%" }) }) }) : /* @__PURE__ */ n(h, { ownerState: i, sx: l, ...a, children: [
+    t && /* @__PURE__ */ e(L, { ownerState: i, children: /* @__PURE__ */ e(o, { variant: "h2", children: t }) }),
+    /* @__PURE__ */ n(m, { ownerState: i, children: [
+      /* @__PURE__ */ e(c, {}),
+      /* @__PURE__ */ e(C, { children: s.map((r) => /* @__PURE__ */ n(v, { children: [
+        /* @__PURE__ */ e(
+          M,
+          {
+            sx: { m: "auto 0", flex: 0.5 },
+            align: "right",
+            variant: "caption",
+            color: "text.secondary",
+            children: g(r)
+          }
+        ),
+        /* @__PURE__ */ n(S, { children: [
+          /* @__PURE__ */ e(d, {}),
+          /* @__PURE__ */ e(j, { children: f || /* @__PURE__ */ e(
+            k,
+            {
+              sx: (y) => ({
+                width: 12,
+                height: 12,
+                borderRadius: "50%",
+                backgroundColor: y.palette.primary.main
+              })
+            }
+          ) }),
+          /* @__PURE__ */ e(d, {})
+        ] }),
+        /* @__PURE__ */ n(W, { sx: { py: "12px", px: 2 }, children: [
+          /* @__PURE__ */ e(o, { variant: "body2", component: "span", children: r.title }),
+          /* @__PURE__ */ e(o, { component: "span", children: r.description })
+        ] })
+      ] }, r.id)) }),
+      /* @__PURE__ */ e(c, {}),
+      T && /* @__PURE__ */ e(B, { ownerState: i, children: /* @__PURE__ */ e(w, { onClick: x, fullWidth: !0, size: "large", children: "Load More" }) })
+    ] })
+  ] });
+}
+export {
+  q as TimelineWidget
+};

package/dist/components/timeline/logic.js

@@ -0,0 +1,40 @@
+import { useThemeProps as M } from "@mui/material";
+import w from "lodash";
+import { useState as y, useMemo as C } from "react";
+const i = {
+  day: "numeric",
+  month: "long",
+  year: "numeric",
+  hour: "numeric",
+  minute: "2-digit",
+  hour12: !0
+}, x = (c) => {
+  const e = M({ props: c, name: "HCTimeline" }), {
+    data: o,
+    title: m,
+    loading: u,
+    pageSize: r = 5,
+    dotIcon: l,
+    locale: n = "en-US",
+    sx: p,
+    ...d
+  } = e, [s, g] = y(r), a = C(
+    () => w.orderBy(o ?? [], ["startDate"], ["desc"]),
+    [o]
+  ), S = a.slice(0, s), h = s < a.length, D = () => g((t) => t + r), f = (t) => t.startDate ? new Date(t.startDate).toLocaleString(n, i) : t.timestamp ? new Date(t.timestamp).toLocaleString(n, i) : "No date", T = { ...e };
+  return {
+    items: S,
+    hasMore: h,
+    loadMore: D,
+    formatDate: f,
+    title: m,
+    loading: u,
+    dotIcon: l,
+    ownerState: T,
+    sx: p,
+    other: d
+  };
+};
+export {
+  x as useTimelineLogic
+};

package/dist/components/timeline/styled.js

@@ -0,0 +1,48 @@
+import { TimelineDot as n } from "@mui/lab";
+import { styled as o, Paper as r, Box as t } from "@mui/material";
+const a = o(r, {
+  name: "HCTimeline",
+  slot: "Root",
+  shouldForwardProp: (e) => e !== "ownerState"
+})(() => ({
+  height: "100%",
+  display: "flex",
+  flexDirection: "column"
+})), d = o(t, {
+  name: "HCTimeline",
+  slot: "Header",
+  shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+  flex: "0 0 auto",
+  padding: e.spacing(1.25, 2)
+})), m = o(t, {
+  name: "HCTimeline",
+  slot: "Content",
+  shouldForwardProp: (e) => e !== "ownerState"
+})(() => ({
+  display: "flex",
+  flexDirection: "column",
+  flex: "1 1 auto",
+  minHeight: 0,
+  overflow: "auto"
+})), s = o(n, {
+  name: "HCTimeline",
+  slot: "Dot"
+})(() => ({
+  padding: 0,
+  backgroundColor: "transparent",
+  boxShadow: "none"
+})), p = o(t, {
+  name: "HCTimeline",
+  slot: "LoadMore",
+  shouldForwardProp: (e) => e !== "ownerState"
+})(() => ({
+  textAlign: "center"
+}));
+export {
+  p as LoadMoreWrap,
+  m as TimelineContentWrap,
+  s as TimelineDotStyled,
+  d as TimelineHeader,
+  a as TimelineRoot
+};