@hybridcore/ui 1.5.89 → 1.6.0

package/dist/components/tabs/logic.js

@@ -0,0 +1,36 @@
+import { useThemeProps as S } from "@mui/material";
+import { useState as g } from "react";
+const T = (r) => {
+  const c = S({ props: r, name: "HCTabs" }), {
+    id: t = "tab",
+    defaultActive: e = 0,
+    tabContents: h,
+    styleVariant: d = "DEFAULT",
+    tabPanelStyle: f,
+    bottomOffset: w = 0,
+    disableHashState: o = !1,
+    onChange: n
+  } = c, b = typeof window < "u" ? new URLSearchParams(window.location.hash.substring(1)) : new URLSearchParams(), l = Number(b.get(t) ?? e), [m, p] = g(l), s = n !== void 0 ? e : m;
+  return {
+    refs: {},
+    state: { ownerState: {
+      id: t,
+      defaultActive: e,
+      tabContents: h,
+      styleVariant: d,
+      tabPanelStyle: f,
+      bottomOffset: w,
+      disableHashState: o,
+      activeTab: s
+    }, activeTab: s },
+    actions: { handleChange: (C, a) => {
+      if (p(a), n && n(a), !o && typeof window < "u") {
+        const i = new URLSearchParams(window.location.hash.substring(1));
+        i.set(t, String(a)), window.location.hash = `#${i.toString()}`;
+      }
+    } }
+  };
+};
+export {
+  T as useTabsLogic
+};

package/dist/components/tabs/styled.js

@@ -1,20 +1,98 @@
-import { styled as t, Box as o } from "@mui/material";
-const e = t(o, {
-  name: "SNTabs",
-  // The component name
-  slot: "root"
-  // The slot name
-})(() => ({
+import { styled as o, Box as e, Tabs as n, Tab as s, Badge as i } from "@mui/material";
+const a = (t) => t !== "ownerState", d = o(e, {
+  name: "HCTabs",
+  slot: "root",
+  shouldForwardProp: a
+})({
   width: "100%"
-})), s = t(o, {
-  name: "SNTabs",
-  // The component name
-  slot: "tabContentContainer"
-  // The slot name
-})(({ bottomoffset: n = 0 }) => ({
-  maxHeight: `calc(100vh - ${n}px)`
+}), b = o(n, {
+  name: "HCTabs",
+  slot: "tabs",
+  shouldForwardProp: a
+})({}), r = o(s, {
+  name: "HCTabs",
+  slot: "tab"
+})({}), p = o(n, {
+  name: "HCTabs",
+  slot: "appleTabs",
+  shouldForwardProp: a
+})(({ theme: t }) => ({
+  backgroundColor: t.palette.mode === "light" ? "#DADADA" : t.palette.divider,
+  borderRadius: 13,
+  minHeight: 34,
+  boxShadow: t.shadows[4],
+  "& .MuiTabs-flexContainer": {
+    display: "inline-flex",
+    position: "relative",
+    zIndex: 1
+  },
+  "& .MuiTabs-scroller": {
+    [t.breakpoints.up("md")]: {
+      padding: "0 0px"
+    }
+  },
+  "& .MuiTabs-indicator": {
+    top: 3,
+    bottom: 3,
+    right: 3,
+    height: "auto",
+    background: "none",
+    "&:after": {
+      content: '""',
+      display: "block",
+      position: "absolute",
+      top: 0,
+      left: 4,
+      right: 4,
+      bottom: 0,
+      borderRadius: 11,
+      backgroundColor: t.palette.mode === "light" ? "#fff" : t.palette.action.selected,
+      boxShadow: t.shadows[3]
+    }
+  }
+})), c = o(s, {
+  name: "HCTabs",
+  slot: "appleTab"
+})(({ theme: t }) => ({
+  minHeight: 30,
+  minWidth: "auto",
+  padding: "8px 14.2px",
+  textTransform: "none",
+  color: t.palette.mode === "light" ? "#919191" : t.palette.text.primary,
+  "&:hover": {
+    opacity: 1
+  },
+  "&.Mui-selected": {
+    color: t.palette.text.primary
+  }
+})), T = o(i, {
+  name: "HCTabs",
+  slot: "badge"
+})({
+  "& .MuiBadge-badge": {
+    right: -7,
+    fontSize: 10,
+    width: 14,
+    height: 14,
+    minWidth: 14
+  }
+}), g = o("div", {
+  name: "HCTabs",
+  slot: "panel"
+})({}), u = o(e, {
+  name: "HCTabs",
+  slot: "panelContent",
+  shouldForwardProp: (t) => t !== "ownerState" && t !== "bottomOffset"
+})(({ bottomOffset: t = 0 }) => ({
+  maxHeight: `calc(100vh - ${t}px)`
 }));
 export {
-  s as TabContentContainer,
-  e as TabsRoot
+  c as AppleTab,
+  p as AppleTabs,
+  r as DefaultTab,
+  b as DefaultTabs,
+  T as TabBadge,
+  u as TabPanelContent,
+  g as TabPanelRoot,
+  d as TabsRoot
 };

package/dist/components/tabs/tab-panel.js

@@ -1,18 +1,19 @@
-import { jsx as r } from "react/jsx-runtime";
-function d(l) {
-  const { children: i, value: a, index: e, ...n } = l;
-  return /* @__PURE__ */ r(
-    "div",
+import { jsx as t } from "react/jsx-runtime";
+import { TabPanelRoot as i } from "./styled.js";
+const d = (a) => {
+  const { children: n, value: l, index: e, style: r } = a;
+  return /* @__PURE__ */ t(
+    i,
     {
       role: "tabpanel",
-      hidden: a !== e,
+      hidden: l !== e,
       id: `simple-tabpanel-${e}`,
       "aria-labelledby": `simple-tab-${e}`,
-      ...n,
-      children: a === e && i
+      style: r,
+      children: l === e && n
     }
   );
-}
+};
 export {
-  d as default
+  d as TabPanel
 };

package/dist/components/template-filters/components/tab-panel/index.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { B as t } from "../../../../Box-B1AVyJ_s.js";
+import { B as t } from "../../../../Box-p6OtTUEo.js";
 function p(i) {
   const { children: r, value: a, index: e, ...n } = i;
   return /* @__PURE__ */ l(

package/dist/components/template-form/components/property-list/index.js

@@ -1,14 +1,14 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { DataGrid as d } from "@mui/x-data-grid";
-import { A as n, a as m, d as s } from "../../../../Add-CMz4N2zT.js";
+import { A as n, a as m, d as s } from "../../../../Add-DJLrrVHm.js";
 import p from "./property-list-columns.js";
-import { a as c } from "../../../../property-list-form-C5hcK2y2.js";
+import { a as c } from "../../../../property-list-form-zZQfpR0X.js";
 import u from "./property-list-logic.js";
-import { B as f } from "../../../../Box-B1AVyJ_s.js";
-import { T as y } from "../../../../Typography-D1t7XuLN.js";
-import { B as h } from "../../../../Button-eqWvpDuh.js";
-import { D as g, a as b } from "../../../../DialogContent-CqTojymQ.js";
-import { D } from "../../../../dialog-BE4D6swf.js";
+import { B as f } from "../../../../Box-p6OtTUEo.js";
+import { T as y } from "../../../../Typography-CxbneZy_.js";
+import { B as h } from "../../../../Button-CvE2gnly.js";
+import { D as g, a as b } from "../../../../DialogContent-B3nbEbuv.js";
+import { D } from "../../../../dialog-DcwXug9J.js";
 function v(t) {
   var a;
   const { state: o, action: r } = u(t);

package/dist/components/template-form/components/property-list/property-list-columns.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as r, Fragment as s } from "react/jsx-runtime";
-import { d as u, a as b } from "../../../../Delete-86TO0fMo.js";
-import { T as l } from "../../../../Typography-D1t7XuLN.js";
-import { I as p } from "../../../../IconButton-DJ-31-Fd.js";
+import { d as u, a as b } from "../../../../Delete-CW0UZv1m.js";
+import { T as l } from "../../../../Typography-CxbneZy_.js";
+import { I as p } from "../../../../IconButton-CHwRQF-g.js";
 const y = (o) => [
   { field: "name", headerName: "Name", flex: 1 },
   { field: "propertyId", headerName: "Property ID", flex: 1 },

package/dist/components/template-form/components/property-list/property-list-form.js

@@ -1,16 +1,16 @@
 import "react/jsx-runtime";
 import "react";
 import "lodash";
-import { a as b } from "../../../../property-list-form-C5hcK2y2.js";
+import { a as b } from "../../../../property-list-form-zZQfpR0X.js";
 import "../../../../constants/index.js";
-import "../../../../TextField-BQ8a50fA.js";
-import "../../../../InputLabel-CBuAYyuT.js";
-import "../../../../Select-t3ewnSdf.js";
-import "../../../../MenuItem-C6qlUyV3.js";
-import "../../../../FormControlLabel-BrdX4R71.js";
-import "../../../../Checkbox-CrU2hpWB.js";
-import "../../../../Box-B1AVyJ_s.js";
-import "../../../../Button-eqWvpDuh.js";
+import "../../../../TextField-1yCesIbH.js";
+import "../../../../FormControl-BLbrq4C7.js";
+import "../../../../Select-BgYwkZgI.js";
+import "../../../../MenuItem-xZx_w7zA.js";
+import "../../../../FormControlLabel-C8SPv14J.js";
+import "../../../../Checkbox-CWRMFTBp.js";
+import "../../../../Box-p6OtTUEo.js";
+import "../../../../Button-CvE2gnly.js";
 export {
   b as default
 };

package/dist/components/template-form/components/recognition-property-list/index.js

@@ -1,14 +1,14 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { DataGrid as a } from "@mui/x-data-grid";
-import { A as n, a as d, d as s } from "../../../../Add-CMz4N2zT.js";
+import { A as n, a as d, d as s } from "../../../../Add-DJLrrVHm.js";
 import m from "./recognition-property-list-columns.js";
 import c from "./recognition-property-list-form.js";
 import p from "./recognition-property-list-logic.js";
-import { B as g } from "../../../../Box-B1AVyJ_s.js";
-import { T as u } from "../../../../Typography-D1t7XuLN.js";
-import { B as h } from "../../../../Button-eqWvpDuh.js";
-import { D as f, a as y } from "../../../../DialogContent-CqTojymQ.js";
-import { D as b } from "../../../../dialog-BE4D6swf.js";
+import { B as g } from "../../../../Box-p6OtTUEo.js";
+import { T as u } from "../../../../Typography-CxbneZy_.js";
+import { B as h } from "../../../../Button-CvE2gnly.js";
+import { D as f, a as y } from "../../../../DialogContent-B3nbEbuv.js";
+import { D as b } from "../../../../dialog-DcwXug9J.js";
 function L(i) {
   const { state: l, action: t } = p(i);
   return /* @__PURE__ */ r(g, { children: [

package/dist/components/template-form/components/recognition-property-list/recognition-property-list-columns.js

@@ -1,6 +1,6 @@
 import { jsxs as i, Fragment as t, jsx as e } from "react/jsx-runtime";
-import { d as o, a as l } from "../../../../Delete-86TO0fMo.js";
-import { I as d } from "../../../../IconButton-DJ-31-Fd.js";
+import { d as o, a as l } from "../../../../Delete-CW0UZv1m.js";
+import { I as d } from "../../../../IconButton-CHwRQF-g.js";
 const h = (r) => [
   { field: "ownerType", headerName: "Owner Type", width: 120 },
   { field: "owner", headerName: "Owner", width: 120 },

package/dist/components/template-form/components/recognition-property-list/recognition-property-list-form.js

@@ -1,13 +1,13 @@
 import V, { jsxs as i, Fragment as S, jsx as t } from "react/jsx-runtime";
 import o from "react";
-import { r as C, i as g } from "../../../../createSvgIcon-DLPYMuH1.js";
+import { r as C, i as g } from "../../../../createSvgIcon-BjpIhJ30.js";
 import { RECOGNITION_PROPERTY_OWNER_TYPE as h, RECOGNITION_PROPERTY_TYPE as T, RECOGNITION_PROPERTY_TERM_MATCH as v } from "../../../../constants/index.js";
-import { F as c, I as u } from "../../../../InputLabel-CBuAYyuT.js";
-import { S as d } from "../../../../Select-t3ewnSdf.js";
-import { M as m } from "../../../../MenuItem-C6qlUyV3.js";
-import { T as b } from "../../../../TextField-BQ8a50fA.js";
-import { B as M } from "../../../../Box-B1AVyJ_s.js";
-import { B as y } from "../../../../Button-eqWvpDuh.js";
+import { F as c, I as u } from "../../../../FormControl-BLbrq4C7.js";
+import { S as d } from "../../../../Select-BgYwkZgI.js";
+import { M as m } from "../../../../MenuItem-xZx_w7zA.js";
+import { T as b } from "../../../../TextField-1yCesIbH.js";
+import { B as M } from "../../../../Box-p6OtTUEo.js";
+import { B as y } from "../../../../Button-CvE2gnly.js";
 var p = {}, q = g;
 Object.defineProperty(p, "__esModule", {
   value: !0

package/dist/components/template-form/index.js

@@ -9,11 +9,11 @@ import { FormLabel as L, Button as g } from "@mui/material";
 import { getNestedChildrenFromMap as _ } from "../../utils/ontology.js";
 import { TreeSelect as w } from "../tree-select/index.js";
 import A from "./components/select-icon/index.js";
-import { T as m } from "../../TextField-BQ8a50fA.js";
-import { F as h } from "../../property-list-form-C5hcK2y2.js";
-import { F as d } from "../../FormControlLabel-BrdX4R71.js";
-import { C as c } from "../../Checkbox-CrU2hpWB.js";
-import { B as p } from "../../Box-B1AVyJ_s.js";
+import { T as m } from "../../TextField-1yCesIbH.js";
+import { F as h } from "../../property-list-form-zZQfpR0X.js";
+import { F as d } from "../../FormControlLabel-C8SPv14J.js";
+import { C as c } from "../../Checkbox-CWRMFTBp.js";
+import { B as p } from "../../Box-p6OtTUEo.js";
 function B(e, x) {
   const {
     register: s,

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

@@ -4,11 +4,11 @@ import { KeyboardArrowUp as k, KeyboardArrowDown as w } from "@mui/icons-materia
 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";
+import { B as r } from "../../Box-p6OtTUEo.js";
+import { T as b } from "../../TextField-1yCesIbH.js";
+import { F as O } from "../../FormControlLabel-C8SPv14J.js";
+import { C as z } from "../../Checkbox-CWRMFTBp.js";
+import { F as B } from "../../FormControl-BLbrq4C7.js";
 const R = ({
   property: e,
   value: a,

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
+};

package/dist/components/tree-select/index.js

@@ -3,11 +3,11 @@ import m from "react";
 import { TreeViewFilter as b } from "../treeview-filter/index.js";
 import i from "lodash";
 import { flattenNestedTemplates as A } from "../../utils/ontology.js";
-import { a as M, F as j, I as k } from "../../InputLabel-CBuAYyuT.js";
-import { S as B } from "../../Select-t3ewnSdf.js";
-import { M as L } from "../../MenuItem-C6qlUyV3.js";
-import { D as w, a as y, b as N } from "../../DialogContent-CqTojymQ.js";
-import { B as R } from "../../Button-eqWvpDuh.js";
+import { a as M, F as j, I as k } from "../../FormControl-BLbrq4C7.js";
+import { S as B } from "../../Select-BgYwkZgI.js";
+import { M as L } from "../../MenuItem-xZx_w7zA.js";
+import { D as w, a as y, b as N } from "../../DialogContent-B3nbEbuv.js";
+import { B as R } from "../../Button-CvE2gnly.js";
 const Z = ({
   data: g,
   label: a,

package/dist/components/treeview-filter/item-label/index.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { B as s } from "../../../Box-B1AVyJ_s.js";
-import { C as p } from "../../../Checkbox-CrU2hpWB.js";
-import { T as h } from "../../../Typography-D1t7XuLN.js";
+import { B as s } from "../../../Box-p6OtTUEo.js";
+import { C as p } from "../../../Checkbox-CWRMFTBp.js";
+import { T as h } from "../../../Typography-CxbneZy_.js";
 function u({
   id: o,
   name: n,

package/dist/constant-BiOGvlZc.js

@@ -0,0 +1,21 @@
+function t(n) {
+  return n == null ? null : r(n);
+}
+function r(n) {
+  if (typeof n != "function") throw new Error();
+  return n;
+}
+function o() {
+  return 0;
+}
+function u(n) {
+  return function() {
+    return n;
+  };
+}
+export {
+  u as a,
+  o as c,
+  t as o,
+  r
+};

package/dist/createReactComponent-C7L-DMHj.js

@@ -0,0 +1,60 @@
+import { forwardRef as u, createElement as e } from "react";
+/**
+ * @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.
+ */
+var k = {
+  outline: {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  },
+  filled: {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    stroke: "none"
+  }
+};
+/**
+ * @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 v = (i, s, a, l) => {
+  const o = u(
+    ({ color: w = "currentColor", size: r = 24, stroke: c = 2, title: n, className: h, children: t, ...m }, d) => e(
+      "svg",
+      {
+        ref: d,
+        ...k[i],
+        width: r,
+        height: r,
+        className: ["tabler-icon", `tabler-icon-${s}`, h].join(" "),
+        strokeWidth: c,
+        stroke: w,
+        ...m
+      },
+      [
+        n && e("title", { key: "svg-title" }, n),
+        ...l.map(([g, p]) => e(g, p)),
+        ...Array.isArray(t) ? t : [t]
+      ]
+    )
+  );
+  return o.displayName = `${a}`, o;
+};
+export {
+  v as c
+};