@memobit/libs 3.0.0 → 3.1.0

package/dist/components/RichTextEditor/hooks/useTableOps.js

@@ -0,0 +1,134 @@
+import { makeTableRow as m } from "../helpers.js";
+import { useCallback as d, useState as T } from "react";
+var B = ({ editorRef: a, snapshotForUndo: c, emitChange: o }) => {
+  const [e, A] = T(null), [E, S] = T(null), u = d(() => {
+    const t = window.getSelection();
+    if (!t || t.rangeCount === 0) return null;
+    let l = t.getRangeAt(0).commonAncestorContainer;
+    for (; l && l !== a.current; ) {
+      if (l.nodeType === Node.ELEMENT_NODE) {
+        const r = l.tagName.toLowerCase();
+        if (r === "td" || r === "th") return l;
+      }
+      l = l.parentNode;
+    }
+    return null;
+  }, [a]), n = d((t) => {
+    const l = a.current;
+    if (!l) return;
+    const r = l.getBoundingClientRect(), s = t.getBoundingClientRect();
+    A(t), S({
+      top: s.top - r.top - 36,
+      left: s.left - r.left
+    });
+  }, [a]), b = d(() => {
+    A(null), S(null);
+  }, []), w = d(() => {
+    if (!e) return;
+    c();
+    const t = u()?.closest("tr") ?? null, l = e.querySelector("tbody") ?? e, r = t ?? l.querySelector("tr:last-child");
+    if (!r) return;
+    const s = r.querySelectorAll("td,th").length;
+    l.insertBefore(m(s), r.nextSibling), o(), n(e);
+  }, [
+    e,
+    c,
+    u,
+    o,
+    n
+  ]), x = d(() => {
+    if (!e) return;
+    c();
+    const t = u()?.closest("tr") ?? null, l = e.querySelector("tbody") ?? e, r = t ?? l.querySelector("tr:first-child");
+    if (!r) return;
+    const s = r.querySelectorAll("td,th").length;
+    l.insertBefore(m(s), r), o(), n(e);
+  }, [
+    e,
+    c,
+    u,
+    o,
+    n
+  ]), R = d(() => {
+    if (!e) return;
+    const t = Array.from(e.querySelectorAll("tbody tr"));
+    t.length <= 1 || (c(), (u()?.closest("tr") ?? t[t.length - 1]).remove(), o(), n(e));
+  }, [
+    e,
+    c,
+    u,
+    o,
+    n
+  ]), v = d(() => {
+    if (!e) return;
+    c();
+    const t = u(), l = t ? Array.from(t.parentElement.querySelectorAll("td,th")).indexOf(t) : -1;
+    e.querySelectorAll("tr").forEach((r, s) => {
+      const f = s === 0 && r.closest("thead") !== null, i = document.createElement(f ? "th" : "td");
+      i.setAttribute("contenteditable", "true"), i.textContent = f ? "Header" : "Cell";
+      const y = r.querySelectorAll("td,th"), q = y[l >= 0 ? l : y.length - 1];
+      r.insertBefore(i, q ? q.nextSibling : null);
+    }), o(), n(e);
+  }, [
+    e,
+    c,
+    u,
+    o,
+    n
+  ]);
+  return {
+    activeTable: e,
+    tableToolbarPos: E,
+    showTableToolbar: n,
+    hideTableToolbar: b,
+    addRowAbove: x,
+    addRowBelow: w,
+    removeRow: R,
+    addColumnLeft: d(() => {
+      if (!e) return;
+      c();
+      const t = u(), l = t ? Array.from(t.parentElement.querySelectorAll("td,th")).indexOf(t) : 0;
+      e.querySelectorAll("tr").forEach((r, s) => {
+        const f = s === 0 && r.closest("thead") !== null, i = document.createElement(f ? "th" : "td");
+        i.setAttribute("contenteditable", "true"), i.textContent = f ? "Header" : "Cell";
+        const y = r.querySelectorAll("td,th")[l] ?? r.firstChild;
+        r.insertBefore(i, y);
+      }), o(), n(e);
+    }, [
+      e,
+      c,
+      u,
+      o,
+      n
+    ]),
+    addColumnRight: v,
+    removeColumn: d(() => {
+      if (!e) return;
+      const t = Array.from(e.querySelectorAll("tr"));
+      if ((t[0]?.querySelectorAll("td,th").length ?? 0) <= 1) return;
+      c();
+      const l = u(), r = l ? Array.from(l.parentElement.querySelectorAll("td,th")).indexOf(l) : -1;
+      t.forEach((s) => {
+        const f = s.querySelectorAll("td,th");
+        (r >= 0 ? f[r] : f[f.length - 1])?.remove();
+      }), o(), n(e);
+    }, [
+      e,
+      c,
+      u,
+      o,
+      n
+    ]),
+    deleteTable: d(() => {
+      e && (c(), e.remove(), b(), o());
+    }, [
+      e,
+      c,
+      b,
+      o
+    ])
+  };
+};
+export {
+  B as useTableOps
+};

package/dist/components/RollingNumber/RollingNumber.css

@@ -0,0 +1 @@
+.rolling-number{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);line-height:var(--line-height-none);color:var(--body-color-accent);--_roll-duration:.6s;align-items:baseline;display:inline-flex}.rolling-number--sm{font-size:var(--font-size-sm)}.rolling-number--md{font-size:var(--font-size-md)}.rolling-number--lg{font-size:var(--font-size-lg)}.rolling-number--xl{font-size:var(--font-size-xl)}.rolling-number--xxl{font-size:var(--font-size-xxl)}.rolling-number--xxxl{font-size:var(--font-size-xxxl)}.rolling-number--accent{color:var(--body-accent-color)}.rolling-number--info{color:var(--rating-color-info)}.rolling-number--success,.rolling-number--direction-up{color:var(--rating-color-success)}.rolling-number--warning{color:var(--rating-color-warning)}.rolling-number--danger,.rolling-number--direction-down{color:var(--rating-color-danger)}.rolling-number__digit{vertical-align:baseline;height:1em;display:inline-block;overflow:hidden}.rolling-number__strip{transform:translateY(calc(var(--_roll-digit) * -1em));flex-direction:column;display:flex}.rolling-number__cell{justify-content:center;align-items:center;height:1em;display:flex}.rolling-number--animated .rolling-number__strip{transition:transform var(--_roll-duration) cubic-bezier(.22, 1, .36, 1);transition-delay:var(--_roll-delay)}.rolling-number__separator,.rolling-number__affix{display:inline-block}.rolling-number__affix{font-size:.7em;font-weight:var(--font-weight-medium);opacity:.75}@media (prefers-reduced-motion:reduce){.rolling-number--animated .rolling-number__strip{transition:none}}

package/dist/components/RollingNumber/RollingNumber2.js

@@ -0,0 +1,71 @@
+import './RollingNumber.css';
+/* empty css              */
+import { useEffect as f, useRef as R, useState as $ } from "react";
+import { jsx as e, jsxs as w } from "react/jsx-runtime";
+var B = [
+  "0",
+  "1",
+  "2",
+  "3",
+  "4",
+  "5",
+  "6",
+  "7",
+  "8",
+  "9"
+], F = (l, m, s, c) => {
+  const u = l < 0, [i, r] = Math.abs(l).toFixed(m).split("."), t = s ? i.replace(/\B(?=(\d{3})+(?!\d))/g, s) : i, o = r ? `${t}${c}${r}` : t;
+  return u ? `-${o}` : o;
+}, G = ({ className: l = "", colorByDirection: m = !1, decimals: s = 0, decimalSeparator: c = ".", duration: u = 600, groupSeparator: i = ",", prefix: r, size: t = "xl", stagger: o = 40, suffix: b, value: n, variant: h = "default" }) => {
+  const d = R(n), [N, x] = $("none"), [j, y] = $(!1);
+  f(() => {
+    y(!0);
+  }, []), f(() => {
+    n !== d.current && (x(n > d.current ? "up" : "down"), d.current = n);
+  }, [n]);
+  const p = F(n, s, i, c).split("");
+  return /* @__PURE__ */ w("span", {
+    className: [
+      "rolling-number",
+      `rolling-number--${t}`,
+      m ? `rolling-number--direction-${N}` : `rolling-number--${h}`,
+      j ? "rolling-number--animated" : "",
+      l
+    ].filter(Boolean).join(" "),
+    style: { "--_roll-duration": `${u}ms` },
+    title: p.join(""),
+    children: [
+      r && /* @__PURE__ */ e("span", {
+        className: "rolling-number__affix",
+        children: r
+      }),
+      p.map((a, D) => {
+        const M = a >= "0" && a <= "9", g = p.length - 1 - D;
+        return M ? /* @__PURE__ */ e("span", {
+          className: "rolling-number__digit",
+          children: /* @__PURE__ */ e("span", {
+            className: "rolling-number__strip",
+            style: {
+              "--_roll-delay": `${g * o}ms`,
+              "--_roll-digit": Number(a)
+            },
+            children: B.map((_) => /* @__PURE__ */ e("span", {
+              className: "rolling-number__cell",
+              children: _
+            }, _))
+          })
+        }, `digit-${g}`) : /* @__PURE__ */ e("span", {
+          className: "rolling-number__separator",
+          children: a
+        }, `sep-${g}`);
+      }),
+      b && /* @__PURE__ */ e("span", {
+        className: "rolling-number__affix",
+        children: b
+      })
+    ]
+  });
+};
+export {
+  G as RollingNumber
+};

package/dist/components/ScrollToTop/ScrollToTop.css

@@ -0,0 +1 @@
+.scroll-to-top{bottom:var(--spacing-24);right:var(--spacing-24);z-index:999;border-radius:var(--spacing-16);background-color:var(--button-default-background-color);width:56px;height:56px;color:var(--button-default-color);border:var(--spacing-1) solid var(--button-default-border-color);cursor:pointer;box-shadow:0 var(--spacing-4) var(--spacing-12) var(--box-shadow);justify-content:center;align-items:center;transition:all .3s;animation:.3s scrollToTopFadeIn;display:flex;position:fixed}.scroll-to-top:hover{background-color:var(--button-default-hover-background-color);transform:scale(1.1)}.scroll-to-top:active{transform:scale(.95)}.scroll-to-top__icon{font-size:var(--font-size-sm);line-height:1}body:has(.float-button-container) .scroll-to-top{bottom:calc(var(--spacing-24) + 66px)}@keyframes scrollToTopFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.scroll-to-top{bottom:var(--spacing-16);right:var(--spacing-16);width:var(--spacing-48);height:var(--spacing-48)}body:has(.float-button-container) .scroll-to-top{bottom:calc(var(--spacing-16) + 58px)}}

package/dist/components/ScrollToTop/ScrollToTop2.js

@@ -0,0 +1,40 @@
+import './ScrollToTop.css';
+import { Tooltip as m } from "../Tooltip/Tooltip2.js";
+/* empty css            */
+import { useCallback as u, useEffect as a, useState as d } from "react";
+import { jsx as t } from "react/jsx-runtime";
+var h = ({ scrollContainer: o, scrollThreshold: e = 200, className: l }) => {
+  const [c, i] = d(!1);
+  a(() => {
+    const s = o ?? window, r = () => {
+      const n = o ? o.scrollTop : window.scrollY;
+      i(n > e);
+    };
+    return s.addEventListener("scroll", r, { passive: !0 }), () => {
+      s.removeEventListener("scroll", r);
+    };
+  }, [o, e]);
+  const p = u(() => {
+    o ? o.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    }) : window.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    });
+  }, [o]);
+  return c ? /* @__PURE__ */ t(m, {
+    title: "Scroll to top",
+    children: /* @__PURE__ */ t("button", {
+      className: `scroll-to-top${l ? ` ${l}` : ""}`,
+      onClick: p,
+      children: /* @__PURE__ */ t("span", {
+        className: "scroll-to-top__icon",
+        children: "▲"
+      })
+    })
+  }) : null;
+};
+export {
+  h as ScrollToTop
+};

package/dist/components/Separator/Separator.css

@@ -0,0 +1 @@
+.separator{border:0;border-color:var(--delimiter-color)}.separator--horizontal{border-top-style:solid;width:100%;height:0}.separator--horizontal.separator--solid{border-top-style:solid}.separator--horizontal.separator--dashed{border-top-style:dashed}.separator--horizontal.separator--dotted{border-top-style:dotted}.separator--vertical{border-left-style:solid;width:0;height:100%;display:inline-block}.separator--vertical.separator--solid{border-left-style:solid}.separator--vertical.separator--dashed{border-left-style:dashed}.separator--vertical.separator--dotted{border-left-style:dotted}.separator--with-label{align-items:center;gap:var(--spacing-12);text-align:center;display:flex}.separator--with-label .separator__line{border:0;border-color:var(--delimiter-color);border-top-style:solid;flex:1}.separator--with-label .separator__label{color:var(--body-color-muted);font-size:var(--font-size-sm);white-space:nowrap;padding:0 var(--spacing-8)}.separator--with-label.separator--align-left .separator__line:first-child,.separator--with-label.separator--align-right .separator__line:last-child{flex:0;min-width:0}

package/dist/components/Separator/Separator2.js

@@ -0,0 +1,39 @@
+import './Separator.css';
+/* empty css          */
+import "react";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+var x = ({ orientation: e = "horizontal", style: l = "solid", thickness: p = 1, spacing: r = 16, label: s, labelAlign: i = "center", className: m = "" }) => {
+  const o = `separator separator--${e} separator--${l} ${m}`, t = {
+    borderWidth: `${p}px`,
+    ...e === "horizontal" ? {
+      marginTop: `${r}px`,
+      marginBottom: `${r}px`
+    } : {
+      marginLeft: `${r}px`,
+      marginRight: `${r}px`
+    }
+  };
+  return s && e === "horizontal" ? /* @__PURE__ */ n("div", {
+    className: `${o} separator--with-label ${`separator--align-${i}`}`,
+    children: [
+      /* @__PURE__ */ a("div", {
+        className: "separator__line",
+        style: t
+      }),
+      /* @__PURE__ */ a("span", {
+        className: "separator__label",
+        children: s
+      }),
+      /* @__PURE__ */ a("div", {
+        className: "separator__line",
+        style: t
+      })
+    ]
+  }) : /* @__PURE__ */ a("div", {
+    className: o,
+    style: t
+  });
+};
+export {
+  x as Separator
+};

package/dist/components/Sidebar/Sidebar.css

@@ -0,0 +1 @@
+.sidebar{--sidebar-width:280px;--sidebar-shadow:none;width:var(--sidebar-width);margin:var(--spacing-16);background:var(--card-background-color);border:var(--spacing-1) solid var(--delimiter-color);border-radius:var(--radius);min-height:0;box-shadow:var(--sidebar-shadow);flex-direction:column;flex-shrink:0;transition:width .3s,transform .3s,border-color .3s;display:flex;overflow-x:hidden}.sidebar__app-header{flex-shrink:0}.sidebar__search{padding:var(--spacing-8) var(--spacing-16);border-bottom:var(--spacing-1) solid var(--delimiter-color);flex-shrink:0}.sidebar__nav{gap:var(--spacing-12);padding:var(--spacing-16);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.sidebar__section,.sidebar__section-header{gap:var(--spacing-4);flex-direction:column;display:flex}.sidebar__section-title-row{align-items:center;gap:var(--spacing-8);padding:0 var(--spacing-8);color:var(--body-color-muted);display:flex}.sidebar__section-icon{font-size:var(--font-size-md);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.sidebar__section-copy{flex-direction:column;min-width:0;display:flex}.sidebar__section-title{color:var(--body-color-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar__section-heading{color:var(--body-color-muted);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar__section-description{padding:0 var(--spacing-8);color:var(--body-color-muted);font-size:var(--font-size-xs);margin:0;line-height:1.4}.sidebar__link{align-items:center;gap:var(--spacing-12);width:100%;padding:var(--spacing-12) var(--spacing-16);color:var(--body-color);border:var(--spacing-1) solid transparent;border-radius:var(--radius);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);text-align:left;cursor:pointer;background:0 0;text-decoration:none;transition:all .2s;display:flex}.sidebar__link:hover{background:var(--card-background-accent-color);color:var(--body-color-accent)}.sidebar__link--active{background:var(--card-background-accent-color);color:var(--body-accent-color);border-color:var(--body-accent-color)}.sidebar__link-icon,.sidebar__link-emoji{font-size:var(--font-size-lg);flex-shrink:0;line-height:1}.sidebar__link-bullet{width:var(--spacing-8);height:var(--spacing-8);border-radius:999px;flex-shrink:0}.sidebar__link-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar__link-count{color:var(--body-color-muted);font-size:var(--font-size-xs);text-align:right;margin-left:auto;line-height:1.4}.sidebar__divider{height:var(--spacing-1);background:var(--delimiter-color);margin:var(--spacing-8) 0}.sidebar--closed:not(.sidebar--mobile){border-right-width:0;width:0}.sidebar--closed:not(.sidebar--mobile) .sidebar__nav{visibility:hidden;pointer-events:none}.sidebar--mobile{border:0;border-right:var(--spacing-1) solid var(--delimiter-color);z-index:1000;min-height:0;box-shadow:var(--spacing-2) 0 var(--spacing-8) var(--box-shadow);border-radius:0;margin:0;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar--mobile.sidebar--open{transform:translate(0)}.sidebar--contained{position:absolute}.sidebar__overlay{z-index:999;background:#00000080;position:fixed;inset:0}.sidebar__overlay--contained{position:absolute}.sidebar::-webkit-scrollbar{width:var(--scrollbar-size)}.sidebar::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.sidebar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-radius)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}@media (width>=769px){.sidebar{height:calc(100% - var(--spacing-32));max-height:calc(100% - var(--spacing-32))}}

package/dist/components/Sidebar/Sidebar2.js

@@ -0,0 +1,115 @@
+import './Sidebar.css';
+import { Icon as N } from "../Icon/Icon2.js";
+import { Tooltip as M } from "../Tooltip/Tooltip2.js";
+import { AppHeader as O } from "../AppHeader/AppHeader2.js";
+import { InputSearch as A } from "../InputSearch/InputSearch2.js";
+import { useSidebarContext as F } from "./SidebarContext.js";
+/* empty css        */
+import { useState as I } from "react";
+import { Fragment as Q, jsx as a, jsxs as i } from "react/jsx-runtime";
+var K = ({ sections: t, width: u = "280px", className: v = "", appHeaderProps: r, renderItem: b, isOpen: f, onClose: C, isMobile: g, showOverlay: k = !0, contained: _ = !1, shadow: j = "none", searchPlaceholder: n }) => {
+  const [o, y] = I(""), d = F(), s = g ?? d?.isMobile ?? !1, m = f ?? (s ? d?.isOpen ?? !1 : !0), h = C ?? d?.close ?? (() => {
+  }), c = n && o ? t.map((e) => ({
+    ...e,
+    items: e.items.filter((l) => l.label.toLowerCase().includes(o.toLowerCase()))
+  })).filter((e) => e.items.length > 0) : t, S = [
+    "sidebar",
+    m ? "sidebar--open" : "sidebar--closed",
+    s ? "sidebar--mobile" : "",
+    _ ? "sidebar--contained" : "",
+    v
+  ].filter(Boolean).join(" "), w = ["sidebar__overlay", _ ? "sidebar__overlay--contained" : ""].filter(Boolean).join(" "), x = {
+    "--sidebar-width": u,
+    "--sidebar-shadow": j
+  }, B = (e) => {
+    e.onClick?.(), s && h();
+  }, L = (e) => /* @__PURE__ */ i("button", {
+    className: [
+      "sidebar__link",
+      e.isActive ? "sidebar__link--active" : "",
+      e.className
+    ].filter(Boolean).join(" "),
+    onClick: () => B(e),
+    children: [
+      e.icon && /* @__PURE__ */ a("span", {
+        className: "sidebar__link-icon",
+        children: /* @__PURE__ */ a(N, { name: e.icon })
+      }),
+      e.emoji && /* @__PURE__ */ a("span", {
+        className: "sidebar__link-emoji",
+        children: e.emoji
+      }),
+      e.bulletColor && /* @__PURE__ */ a("span", {
+        className: "sidebar__link-bullet",
+        style: { backgroundColor: e.bulletColor }
+      }),
+      /* @__PURE__ */ a("span", {
+        className: "sidebar__link-label",
+        children: e.label
+      }),
+      e.count !== void 0 && /* @__PURE__ */ a(M, {
+        title: e.countLabel,
+        children: /* @__PURE__ */ a("span", {
+          className: "sidebar__link-count",
+          children: e.count
+        })
+      })
+    ]
+  }, e.id);
+  return /* @__PURE__ */ i(Q, { children: [k && s && m && /* @__PURE__ */ a("div", {
+    className: w,
+    onClick: h
+  }), /* @__PURE__ */ i("aside", {
+    className: S,
+    style: x,
+    children: [
+      r && /* @__PURE__ */ a(O, {
+        ...r,
+        className: ["sidebar__app-header", r.className].filter(Boolean).join(" ")
+      }),
+      n && /* @__PURE__ */ a("div", {
+        className: "sidebar__search",
+        children: /* @__PURE__ */ a(A, {
+          value: o,
+          onChange: y,
+          placeholder: n
+        })
+      }),
+      c.length > 0 && /* @__PURE__ */ a("nav", {
+        className: "sidebar__nav",
+        children: c.map((e, l) => /* @__PURE__ */ i("section", {
+          className: "sidebar__section",
+          children: [
+            (e.title || e.heading || e.icon || e.description) && /* @__PURE__ */ i("div", {
+              className: "sidebar__section-header",
+              children: [(e.icon || e.title || e.heading) && /* @__PURE__ */ i("div", {
+                className: "sidebar__section-title-row",
+                children: [e.icon && /* @__PURE__ */ a("span", {
+                  className: "sidebar__section-icon",
+                  children: /* @__PURE__ */ a(N, { name: e.icon })
+                }), /* @__PURE__ */ i("div", {
+                  className: "sidebar__section-copy",
+                  children: [e.title && /* @__PURE__ */ a("span", {
+                    className: "sidebar__section-title",
+                    children: e.title
+                  }), e.heading && /* @__PURE__ */ a("span", {
+                    className: "sidebar__section-heading",
+                    children: e.heading
+                  })]
+                })]
+              }), e.description && /* @__PURE__ */ a("p", {
+                className: "sidebar__section-description",
+                children: e.description
+              })]
+            }),
+            e.items.map((p) => b ? b(p) : L(p)),
+            e.showDivider && l < c.length - 1 && /* @__PURE__ */ a("div", { className: "sidebar__divider" })
+          ]
+        }, e.id ?? e.title ?? l))
+      })
+    ]
+  })] });
+};
+export {
+  K as Sidebar
+};

package/dist/components/Sidebar/SidebarContext.js

@@ -0,0 +1,31 @@
+import { useBreakpoint as l } from "../../hooks/useBreakpoint.js";
+import { createContext as b, useCallback as t, useContext as m, useMemo as p, useState as v } from "react";
+import { jsx as x } from "react/jsx-runtime";
+var u = b(null), S = () => m(u), g = () => {
+  const e = S();
+  if (!e) throw new Error("useSidebar must be used within a SidebarProvider");
+  return e;
+}, h = ({ children: e }) => {
+  const { isMobile: o } = l(), [s, r] = v(!1), n = t(() => r((d) => !d), []), a = t(() => r(!0), []), i = t(() => r(!1), []), c = p(() => ({
+    isMobile: o,
+    isOpen: s,
+    toggle: n,
+    open: a,
+    close: i
+  }), [
+    o,
+    s,
+    n,
+    a,
+    i
+  ]);
+  return /* @__PURE__ */ x(u.Provider, {
+    value: c,
+    children: e
+  });
+};
+export {
+  h as SidebarProvider,
+  g as useSidebar,
+  S as useSidebarContext
+};

package/dist/components/SignalStrength/SignalStrength.css

@@ -0,0 +1 @@
+.SignalStrength{display:inline-flex}.SignalStrength--excellent{--signal-color:var(--button-success-border-color)}.SignalStrength--good{--signal-color:var(--button-info-border-color)}.SignalStrength--fair{--signal-color:var(--button-warning-border-color)}.SignalStrength--weak{--signal-color:var(--button-danger-border-color)}.SignalStrength--unknown{--signal-color:var(--body-color-muted)}.SignalStrength__bar--inactive{opacity:.3}

package/dist/components/SignalStrength/SignalStrength2.js

@@ -0,0 +1,56 @@
+import './SignalStrength.css';
+/* empty css               */
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+var o = (r, n) => r || (n >= 75 ? "excellent" : n >= 50 ? "good" : n >= 25 ? "fair" : n > 0 ? "weak" : "unknown"), h = (r) => r >= 75 ? 4 : r >= 50 ? 3 : r >= 25 ? 2 : r > 0 ? 1 : 0;
+function s({ value: r, state: n, size: a = 16, className: e = "" }) {
+  const g = o(n, r), t = h(r);
+  return /* @__PURE__ */ l("svg", {
+    width: a,
+    height: a,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: `SignalStrength SignalStrength--${g} ${e}`,
+    children: [
+      /* @__PURE__ */ i("rect", {
+        x: "3",
+        y: "16",
+        width: "3",
+        height: "5",
+        rx: "1",
+        fill: t >= 1 ? "var(--signal-color)" : "var(--body-color-muted)",
+        className: `SignalStrength__bar ${t >= 1 ? "" : "SignalStrength__bar--inactive"}`
+      }),
+      /* @__PURE__ */ i("rect", {
+        x: "8",
+        y: "12",
+        width: "3",
+        height: "9",
+        rx: "1",
+        fill: t >= 2 ? "var(--signal-color)" : "var(--body-color-muted)",
+        className: `SignalStrength__bar ${t >= 2 ? "" : "SignalStrength__bar--inactive"}`
+      }),
+      /* @__PURE__ */ i("rect", {
+        x: "13",
+        y: "8",
+        width: "3",
+        height: "13",
+        rx: "1",
+        fill: t >= 3 ? "var(--signal-color)" : "var(--body-color-muted)",
+        className: `SignalStrength__bar ${t >= 3 ? "" : "SignalStrength__bar--inactive"}`
+      }),
+      /* @__PURE__ */ i("rect", {
+        x: "18",
+        y: "4",
+        width: "3",
+        height: "17",
+        rx: "1",
+        fill: t >= 4 ? "var(--signal-color)" : "var(--body-color-muted)",
+        className: `SignalStrength__bar ${t >= 4 ? "" : "SignalStrength__bar--inactive"}`
+      })
+    ]
+  });
+}
+export {
+  s as SignalStrength
+};

package/dist/components/Skeleton/Skeleton.css

@@ -0,0 +1 @@
+@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background-color:var(--body-color-muted);opacity:.2;display:block}.skeleton--pulse{animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton--wave{background-color:var(--body-color-muted);position:relative;overflow:hidden}.skeleton--wave:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:1.5s linear infinite skeleton-wave;position:absolute;inset:0}.skeleton--none{animation:none}.skeleton--text{margin-bottom:var(--spacing-8);transform:scaleY(.6)}.skeleton--text:last-child{margin-bottom:0}.skeleton--circular{border-radius:50%}.skeleton--rectangular{border-radius:0}.skeleton--rounded{border-radius:var(--radius)}.skeleton-group{gap:var(--spacing-8);flex-direction:column;display:flex}

package/dist/components/Skeleton/Skeleton2.js

@@ -0,0 +1,50 @@
+import './Skeleton.css';
+/* empty css         */
+import "react";
+import { Fragment as b, jsx as o } from "react/jsx-runtime";
+var y = ({ variant: a = "text", animation: n = "pulse", width: r, height: s, borderRadius: t, count: c = 1, className: p = "" }) => {
+  const i = () => {
+    const e = {};
+    if (r !== void 0 ? e.width = typeof r == "number" ? `${r}px` : r : e.width = "100%", s !== void 0) e.height = typeof s == "number" ? `${s}px` : s;
+    else switch (a) {
+      case "text":
+        e.height = "1em";
+        break;
+      case "circular":
+        e.height = r !== void 0 ? typeof r == "number" ? `${r}px` : r : "40px", e.width = e.height;
+        break;
+      case "rectangular":
+        e.height = "100px";
+        break;
+      case "rounded":
+        e.height = "40px";
+        break;
+    }
+    if (t !== void 0) e.borderRadius = typeof t == "number" ? `${t}px` : t;
+    else switch (a) {
+      case "text":
+        e.borderRadius = "4px";
+        break;
+      case "circular":
+        e.borderRadius = "50%";
+        break;
+      case "rectangular":
+        e.borderRadius = "0";
+        break;
+      case "rounded":
+        e.borderRadius = "8px";
+        break;
+    }
+    return e;
+  }, k = `skeleton skeleton--${a} skeleton--${n} ${p}`, m = i(), l = Array.from({ length: c }, (e, u) => /* @__PURE__ */ o("div", {
+    className: k,
+    style: m
+  }, u));
+  return c > 1 ? /* @__PURE__ */ o("div", {
+    className: "skeleton-group",
+    children: l
+  }) : /* @__PURE__ */ o(b, { children: l });
+};
+export {
+  y as Skeleton
+};

package/dist/components/Slider/Slider.css

@@ -0,0 +1 @@
+.slider-component{--_track-thickness:var(--spacing-8);--_thumb-size:var(--spacing-24);--_value-size-inline:var(--font-size-xl);--_value-size-display:var(--font-size-xxl);--_input-width:100%;--_input-height:var(--_track-thickness);--_input-writing-mode:horizontal-tb;--_input-direction:ltr;--_input-margin-bottom:var(--spacing-16)}.slider-component--thin{--_track-thickness:var(--spacing-4);--_thumb-size:var(--spacing-16);--_value-size-inline:var(--font-size-md);--_value-size-display:var(--font-size-lg)}.slider-component--value-xs{--_value-size-inline:var(--font-size-xs);--_value-size-display:var(--font-size-xs)}.slider-component--value-sm{--_value-size-inline:var(--font-size-sm);--_value-size-display:var(--font-size-sm)}.slider-component--value-md{--_value-size-inline:var(--font-size-md);--_value-size-display:var(--font-size-md)}.slider-component--value-lg{--_value-size-inline:var(--font-size-lg);--_value-size-display:var(--font-size-lg)}.slider-component--value-xl{--_value-size-inline:var(--font-size-xl);--_value-size-display:var(--font-size-xl)}.slider-component--value-xxl{--_value-size-inline:var(--font-size-xxl);--_value-size-display:var(--font-size-xxl)}.slider-component--inline{align-items:center;gap:var(--spacing-12);--_input-margin-bottom:0;display:flex}.slider-component--inline .slider-input{flex:auto}.slider-component--inline .slider-value-inline{font-size:var(--_value-size-inline);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;line-height:var(--line-height-none);min-width:var(--spacing-32);text-align:right;flex:none}.slider-component--inline .slider-value-inline.slider-state-info{color:var(--rating-color-info)}.slider-component--inline .slider-value-inline.slider-state-success{color:var(--rating-color-success)}.slider-component--inline .slider-value-inline.slider-state-warning{color:var(--rating-color-warning)}.slider-component--inline .slider-value-inline.slider-state-danger{color:var(--rating-color-danger)}.slider-component--vertical{--_input-width:var(--_track-thickness);--_input-height:var(--spacing-200);--_input-writing-mode:vertical-lr;--_input-direction:rtl;--_input-margin-bottom:var(--spacing-12);flex-direction:column;align-items:center;display:flex}.slider-component .slider-input{width:var(--_input-width);height:var(--_input-height);writing-mode:var(--_input-writing-mode);direction:var(--_input-direction);appearance:none;background-color:var(--slider-track-background-color);border:var(--spacing-1) solid var(--slider-track-border-color);border-radius:var(--radius-sm);margin-bottom:var(--_input-margin-bottom);cursor:pointer;outline:none;transition:all .2s}.slider-component .slider-input:hover{border-color:var(--slider-track-hover-border-color);background-color:var(--slider-track-hover-background-color)}.slider-component .slider-input::-webkit-slider-thumb{appearance:none;width:var(--_thumb-size);height:var(--_thumb-size);background-color:var(--slider-thumb-background-color);cursor:pointer;border:var(--spacing-2) solid var(--slider-thumb-border-color);border-radius:50%;transition:all .2s}.slider-component .slider-input::-webkit-slider-thumb:hover{background-color:var(--slider-thumb-hover-background-color);border-color:var(--slider-thumb-hover-border-color);transform:scale(1.1)}.slider-component .slider-input::-moz-range-thumb{width:var(--_thumb-size);height:var(--_thumb-size);background-color:var(--slider-thumb-background-color);cursor:pointer;border:var(--spacing-2) solid var(--slider-thumb-border-color);border-radius:50%;transition:all .2s}.slider-component .slider-input::-moz-range-thumb:hover{background-color:var(--slider-thumb-hover-background-color);border-color:var(--slider-thumb-hover-border-color);transform:scale(1.1)}.slider-component .slider-display{text-align:center}.slider-component .slider-display .slider-value{font-size:var(--_value-size-display);font-weight:var(--font-weight-bold)}.slider-component .slider-display .slider-state-info{color:var(--rating-color-info)}.slider-component .slider-display .slider-state-success{color:var(--rating-color-success)}.slider-component .slider-display .slider-state-warning{color:var(--rating-color-warning)}.slider-component .slider-display .slider-state-danger{color:var(--rating-color-danger)}

package/dist/components/Slider/Slider2.js

@@ -0,0 +1,39 @@
+import './Slider.css';
+/* empty css       */
+import { jsx as n, jsxs as v } from "react/jsx-runtime";
+var x = (e) => !Number.isFinite(e) || e >= 1 ? 0 : String(e).split(".")[1]?.length ?? 0, F = ({ disabled: e = !1, largeValueState: s = "info", min: c = 0, max: m = 100, step: l = 1, value: i, onChange: p, showValues: h = !0, showValueAtTheRight: f = !1, valueSize: r, thin: u = !1, vertical: a = !1 }) => {
+  const g = (N) => {
+    p(parseFloat(N.target.value));
+  }, t = x(l), o = t > 0 ? i.toFixed(t) : String(i), d = f && !a;
+  return /* @__PURE__ */ v("div", {
+    className: [
+      "slider-component",
+      d ? "slider-component--inline" : "",
+      u ? "slider-component--thin" : "",
+      a ? "slider-component--vertical" : "",
+      r ? `slider-component--value-${r}` : ""
+    ].filter(Boolean).join(" "),
+    children: [/* @__PURE__ */ n("input", {
+      type: "range",
+      min: c,
+      max: m,
+      value: i,
+      step: l,
+      onChange: g,
+      className: "slider-input",
+      disabled: e
+    }), h && (d ? /* @__PURE__ */ n("span", {
+      className: `slider-value-inline slider-state-${s}`,
+      children: o
+    }) : /* @__PURE__ */ n("div", {
+      className: "slider-display",
+      children: /* @__PURE__ */ n("span", {
+        className: `slider-value slider-state-${s}`,
+        children: o
+      })
+    }))]
+  });
+};
+export {
+  F as Slider
+};

package/dist/components/SplitPanel/SplitPanel.css

@@ -0,0 +1 @@
+body.split-panel-active{overflow:hidden}body.split-panel-active .Layout{height:100vh;overflow:hidden}body.split-panel-active .Layout__content{padding:0;overflow:hidden}.split-panel--open{flex-direction:row;height:100%;display:flex;overflow:hidden}.split-panel__left{min-width:0;padding:var(--spacing-24);flex-shrink:0;overflow-y:auto}.split-panel__divider{background:var(--border-color);cursor:col-resize;width:6px;transition:background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.split-panel__divider:hover,.split-panel__divider:active{background:var(--body-accent-color)}.split-panel__divider:hover .split-panel__divider-handle,.split-panel__divider:active .split-panel__divider-handle{background:var(--body-color-accent)}.split-panel__divider-handle{border-radius:var(--radius-full);background:var(--body-sub-title-color);pointer-events:none;width:2px;height:40px}.split-panel__right{border-left:1px solid var(--border-color);background:var(--body-background);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.split-panel__right-header{justify-content:space-between;align-items:center;gap:var(--spacing-16);padding:var(--spacing-16) var(--spacing-24);border-bottom:1px solid var(--border-color);background:var(--card-background-color);flex-shrink:0;display:flex}.split-panel__right-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--body-title-color);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.split-panel__close{border-radius:var(--radius);cursor:pointer;width:32px;height:32px;color:var(--body-sub-title-color);font-size:var(--font-size-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.split-panel__close:hover{background:var(--border-color);color:var(--body-title-color)}.split-panel__right-content{padding:var(--spacing-24);flex:1;overflow-y:auto}