@berenjena/react-dev-panel 2.2.0 → 2.4.0

package/dist/components/ControlRenderer/index.js

@@ -1,50 +1,50 @@
-import { jsxs as t, jsx as n } from "react/jsx-runtime";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import { Suspense as c } from "react";
-import { className as s } from "../../utils/className/className.js";
+import { className as l } from "../../utils/className/className.js";
 import { controls as d } from "./controls/index.js";
-import '../../assets/index5.css';const p = "_controlRendererContainer_1s60v_1", _ = "_controlContainer_1s60v_4", u = "_hoverable_1s60v_13", v = "_fullWidth_1s60v_16", f = "_label_1s60v_19", h = "_controlWrapper_1s60v_22", b = "_justifyStart_1s60v_26", C = "_description_1s60v_42", m = "_loading_1s60v_51", y = "_error_1s60v_70", e = {
+import '../../assets/index5.css';const p = "_controlRendererContainer_jru2l_1", u = "_controlContainer_jru2l_5", _ = "_hoverable_jru2l_15", f = "_fullWidth_jru2l_18", h = "_label_jru2l_21", b = "_controlWrapper_jru2l_24", j = "_justifyStart_jru2l_30", C = "_description_jru2l_46", m = "_loading_jru2l_55", y = "_error_jru2l_74", e = {
   controlRendererContainer: p,
-  controlContainer: _,
-  hoverable: u,
-  fullWidth: v,
-  label: f,
-  controlWrapper: h,
-  justifyStart: b,
+  controlContainer: u,
+  hoverable: _,
+  fullWidth: f,
+  label: h,
+  controlWrapper: b,
+  justifyStart: j,
   description: C,
   loading: m,
   error: y
-}, g = ["button", "buttonGroup", "separator", "dragAndDrop"], W = ["separator", "dragAndDrop"], j = ["button", "separator", "dragAndDrop"];
-function A({ name: l, control: r }) {
-  const i = r?.label || l;
-  function a() {
+}, g = ["button", "buttonGroup", "separator", "dragAndDrop", "localStorage"], v = ["separator", "dragAndDrop", "localStorage"], S = ["button", "separator", "dragAndDrop", "localStorage"];
+function A({ name: a, control: r }) {
+  const i = r?.label || a;
+  function s() {
     if (!r || !r.type)
-      return /* @__PURE__ */ n("div", { className: e.error, children: "Control type is not defined" });
-    const o = d[r.type];
-    return o ? /* @__PURE__ */ n(c, { fallback: /* @__PURE__ */ n("div", { className: e.loading, children: "Loading control..." }), children: /* @__PURE__ */ n(o, { control: r }) }) : /* @__PURE__ */ n("div", { children: "Unknown control type" });
+      return /* @__PURE__ */ o("div", { className: e.error, children: "Control type is not defined" });
+    const n = d[r.type];
+    return n ? /* @__PURE__ */ o(c, { fallback: /* @__PURE__ */ o("div", { className: e.loading, children: "Loading control..." }), children: /* @__PURE__ */ o(n, { control: r }) }) : /* @__PURE__ */ o("div", { children: "Unknown control type" });
   }
   return /* @__PURE__ */ t("div", { className: e.controlRendererContainer, children: [
     /* @__PURE__ */ t(
       "div",
       {
-        ...s(e.controlContainer, {
+        ...l(e.controlContainer, {
           [e.fullWidth]: g.includes(r.type),
-          [e.hoverable]: !W.includes(r.type)
+          [e.hoverable]: !v.includes(r.type)
         }),
         children: [
-          !j.includes(r.type) && /* @__PURE__ */ n("label", { className: e.label, children: i }),
-          /* @__PURE__ */ n(
+          !S.includes(r.type) && /* @__PURE__ */ o("label", { className: e.label, children: i }),
+          /* @__PURE__ */ o(
             "div",
             {
-              ...s(e.controlWrapper, {
+              ...l(e.controlWrapper, {
                 [e.justifyStart]: r.type === "separator"
               }),
-              children: a()
+              children: s()
             }
           )
         ]
       }
     ),
-    r?.description && /* @__PURE__ */ n("span", { className: e.description, children: r.description })
+    r?.description && /* @__PURE__ */ o("span", { className: e.description, children: r.description })
   ] });
 }
 export {

package/dist/components/Select/index.d.ts

@@ -7,9 +7,11 @@ export interface SelectProps {
     disabled?: boolean;
     multiple?: boolean;
     placeholder?: string;
+    searchable?: boolean;
+    searchPlaceholder?: string;
     onChange: (value: string | string[]) => void;
 }
 /**
  * Unified Select component that can handle both single and multiple selection
  */
-export declare function Select({ value, options, onChange, disabled, multiple, placeholder }: SelectProps): React.ReactNode;
+export declare function Select({ value, options, onChange, disabled, multiple, placeholder, searchable, searchPlaceholder, }: SelectProps): React.ReactNode;

package/dist/components/Select/index.js

@@ -1,83 +1,104 @@
-import { jsxs as y, Fragment as M, jsx as a } from "react/jsx-runtime";
-import { useRef as x, useState as H, useCallback as q, useEffect as P } from "react";
-import { createPortal as T } from "react-dom";
-import { Icon as j } from "../Icon/index.js";
-import { useDevPanelPosition as B } from "../../store/UIStore.js";
-import { className as F } from "../../utils/className/className.js";
-import '../../assets/index7.css';const W = "_select_1hbiz_217", U = "_trigger_1hbiz_222", G = "_open_1hbiz_271", J = "_value_1hbiz_275", K = "_placeholder_1hbiz_284", Q = "_arrow_1hbiz_288", X = "_dropdownPortal_1hbiz_303", Y = "_dropdown_1hbiz_303", Z = "_option_1hbiz_342", ee = "_selected_1hbiz_360", te = "_checkbox_1hbiz_369", ne = "_label_1hbiz_390", r = {
-  select: W,
-  trigger: U,
-  open: G,
-  value: J,
-  placeholder: K,
-  arrow: Q,
-  dropdownPortal: X,
-  dropdown: Y,
-  option: Z,
-  selected: ee,
-  checkbox: te,
-  label: ne
+import { jsxs as x, Fragment as W, jsx as i } from "react/jsx-runtime";
+import { useRef as P, useState as N, useMemo as U, useCallback as G, useEffect as R } from "react";
+import { createPortal as J } from "react-dom";
+import { Icon as K } from "../Icon/index.js";
+import { useDevPanelPosition as X } from "../../store/UIStore.js";
+import { className as Y } from "../../utils/className/className.js";
+import '../../assets/index7.css';const Z = "_select_15gl5_217", ee = "_trigger_15gl5_222", te = "_open_15gl5_271", ne = "_value_15gl5_275", oe = "_placeholder_15gl5_284", re = "_arrow_15gl5_288", se = "_dropdownPortal_15gl5_303", ce = "_dropdown_15gl5_303", ie = "_searchContainer_15gl5_323", le = "_searchInput_15gl5_329", ae = "_optionsList_15gl5_371", de = "_noResults_15gl5_397", ue = "_option_15gl5_371", pe = "_selected_15gl5_423", he = "_checkbox_15gl5_432", fe = "_label_15gl5_453", r = {
+  select: Z,
+  trigger: ee,
+  open: te,
+  value: ne,
+  placeholder: oe,
+  arrow: re,
+  dropdownPortal: se,
+  dropdown: ce,
+  searchContainer: ie,
+  searchInput: le,
+  optionsList: ae,
+  noResults: de,
+  option: ue,
+  selected: pe,
+  checkbox: he,
+  label: fe
 };
-function ae({ value: p, options: _, onChange: z, disabled: f = !1, multiple: u = !1, placeholder: L = "Select..." }) {
-  const w = B(), g = x(null), h = x(null), k = x(null), [c, m] = H(!1), [b, E] = H({
+function ye({
+  value: f,
+  options: h,
+  onChange: k,
+  disabled: g = !1,
+  multiple: u = !1,
+  placeholder: I = "Select...",
+  searchable: w = !1,
+  searchPlaceholder: V = "Search..."
+}) {
+  const m = X(), _ = P(null), p = P(null), O = P(null), E = P(null), [l, v] = N(!1), [b, L] = N(""), [y, S] = N({
     top: 0,
     left: 0,
     width: 0,
     maxHeight: 200
-  }), d = u ? Array.isArray(p) ? p : [] : typeof p == "string" ? p : "", C = S(), D = u ? d.length === 0 : !d, s = q(() => {
-    c && E(N());
-  }, [c]);
-  function N() {
-    if (!h.current)
+  }), d = u ? Array.isArray(f) ? f : [] : typeof f == "string" ? f : "", $ = T(), q = u ? d.length === 0 : !d, H = U(() => {
+    if (!w || !b)
+      return h;
+    const e = b.toLowerCase();
+    return h.filter((t) => (typeof t == "string" ? t : t.label).toLowerCase().includes(e));
+  }, [h, w, b]), c = G(() => {
+    l && S(D());
+  }, [l]);
+  function D() {
+    if (!p.current)
       return {
         top: 0,
         left: 0,
         width: 0,
         maxHeight: 200
       };
-    const e = h.current.getBoundingClientRect(), t = window.innerHeight, n = window.innerWidth, o = 200, l = 4, i = t - e.bottom - l, v = e.top - l, R = i < o && v > i, V = R ? e.top - Math.min(o, v) : e.bottom + l, $ = Math.max(8, Math.min(e.left, n - e.width - 8)), I = R ? Math.min(o, v) : Math.min(o, i);
+    const e = p.current.getBoundingClientRect(), t = window.innerHeight, n = window.innerWidth, o = 200, a = 4, s = t - e.bottom - a, C = e.top - a, M = s < o && C > s, B = M ? e.top - Math.min(o, C) : e.bottom + a, F = Math.max(8, Math.min(e.left, n - e.width - 8)), Q = M ? Math.min(o, C) : Math.min(o, s);
     return {
-      top: V,
-      left: $,
+      top: B,
+      left: F,
       width: e.width,
-      maxHeight: I
+      maxHeight: Q
     };
   }
-  function O(e) {
+  function A(e) {
     if (u) {
       const t = d, n = t.includes(e) ? t.filter((o) => o !== e) : [...t, e];
-      z(n);
+      k(n);
     } else
-      z(e), m(!1);
+      k(e), v(!1);
   }
-  function S() {
+  function T() {
     if (u) {
       const e = d;
       if (e.length === 0)
-        return L;
+        return I;
       if (e.length === 1) {
-        const t = _.find((o) => (typeof o == "string" ? o : o.value) === e[0]);
+        const t = h.find((o) => (typeof o == "string" ? o : o.value) === e[0]);
         return (typeof t == "string" ? t : t?.label) || e[0];
       }
       return `${e.length} selected`;
     } else {
       const e = d;
       if (!e)
-        return L;
-      const t = _.find((o) => (typeof o == "string" ? o : o.value) === e);
+        return I;
+      const t = h.find((o) => (typeof o == "string" ? o : o.value) === e);
       return (typeof t == "string" ? t : t?.label) || e;
     }
   }
-  function A() {
-    f || (c ? m(!1) : (E(N()), m(!0)));
+  function z() {
+    g || (l ? (v(!1), L("")) : (S(D()), v(!0), L(""), w && setTimeout(() => O.current?.focus(), 0)));
   }
-  return P(() => {
-    if (!c) return;
-    s(), window.addEventListener("resize", s), window.addEventListener("scroll", s, !0);
-    const e = g.current?.closest("[data-dev-panel]") || document.querySelector("[data-dev-panel]");
-    e && e.addEventListener("scroll", s, !0);
+  function j(e) {
+    L(e.target.value);
+  }
+  return R(() => {
+    if (!l) return;
+    c(), window.addEventListener("resize", c), window.addEventListener("scroll", c, !0);
+    const e = _.current?.closest("[data-dev-panel]") || document.querySelector("[data-dev-panel]");
+    e && e.addEventListener("scroll", c, !0);
     let t = null;
-    if (h.current && "IntersectionObserver" in window) {
+    if (p.current && "IntersectionObserver" in window) {
       const n = {
         top: 0,
         left: 0,
@@ -86,87 +107,101 @@ function ae({ value: p, options: _, onChange: z, disabled: f = !1, multiple: u =
       };
       t = new IntersectionObserver(
         (o) => {
-          const l = o[0];
-          if (l && l.target === h.current) {
-            const i = l.boundingClientRect;
-            (i.top !== n.top || i.left !== n.left || i.width !== n.width || i.height !== n.height) && (n.top = i.top, n.left = i.left, n.width = i.width, n.height = i.height, s());
+          const a = o[0];
+          if (a && a.target === p.current) {
+            const s = a.boundingClientRect;
+            (s.top !== n.top || s.left !== n.left || s.width !== n.width || s.height !== n.height) && (n.top = s.top, n.left = s.left, n.width = s.width, n.height = s.height, c());
           }
         },
         {
           threshold: [0, 0.1, 0.5, 1]
         }
-      ), t.observe(h.current);
+      ), t.observe(p.current);
     }
     return () => {
-      window.removeEventListener("resize", s), window.removeEventListener("scroll", s, !0), e && e.removeEventListener("scroll", s, !0), t && t.disconnect();
+      window.removeEventListener("resize", c), window.removeEventListener("scroll", c, !0), e && e.removeEventListener("scroll", c, !0), t && t.disconnect();
     };
-  }, [c, s]), P(() => {
-    const e = k.current;
-    (!e || e.x !== w.x || e.y !== w.y) && (k.current = w, c && requestAnimationFrame(s));
-  }, [c, w, s]), P(() => {
+  }, [l, c]), R(() => {
+    const e = E.current;
+    (!e || e.x !== m.x || e.y !== m.y) && (E.current = m, l && requestAnimationFrame(c));
+  }, [l, m, c]), R(() => {
     function e(t) {
-      if (g.current && !g.current.contains(t.target)) {
+      if (_.current && !_.current.contains(t.target)) {
         const n = document.querySelector(`.${r.dropdownPortal}`);
         if (n && n.contains(t.target))
           return;
-        m(!1);
+        v(!1);
       }
     }
     return document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
-  }, []), /* @__PURE__ */ y(M, { children: [
-    /* @__PURE__ */ a(
+  }, []), /* @__PURE__ */ x(W, { children: [
+    /* @__PURE__ */ i(
       "div",
       {
-        ref: g,
-        ...F(r.select, {
-          [r.disabled]: f,
-          [r.open]: c
+        ref: _,
+        ...Y(r.select, {
+          [r.disabled]: g,
+          [r.open]: l
         }),
-        children: /* @__PURE__ */ y("button", { ref: h, type: "button", className: r.trigger, onClick: A, disabled: f, children: [
-          /* @__PURE__ */ a("span", { className: `${r.value} ${D ? r.placeholder : ""}`, children: C }),
-          /* @__PURE__ */ a(j, { name: "ArrowDown", className: r.arrow })
+        children: /* @__PURE__ */ x("button", { ref: p, type: "button", className: r.trigger, onClick: z, disabled: g, children: [
+          /* @__PURE__ */ i("span", { className: `${r.value} ${q ? r.placeholder : ""}`, children: $ }),
+          /* @__PURE__ */ i(K, { name: "ArrowDown", className: r.arrow })
         ] })
       }
     ),
-    typeof window < "u" && T(
-      c && !f && /* @__PURE__ */ a(
+    typeof window < "u" && J(
+      l && !g && /* @__PURE__ */ i(
         "div",
         {
           className: r.dropdownPortal,
           style: {
             position: "fixed",
-            top: b.top,
-            left: b.left,
-            width: b.width,
-            maxHeight: b.maxHeight,
+            top: y.top,
+            left: y.left,
+            width: y.width,
+            maxHeight: y.maxHeight,
             zIndex: 9999
           },
-          children: /* @__PURE__ */ a("div", { className: r.dropdown, children: _.map((e) => {
-            const t = typeof e == "string" ? e : e.value, n = typeof e == "string" ? e : e.label, o = u ? d.includes(t) : d === t;
-            return u ? /* @__PURE__ */ y("label", { className: r.option, children: [
-              /* @__PURE__ */ a(
-                "input",
-                {
-                  type: "checkbox",
-                  checked: o,
-                  onChange: () => O(t),
-                  className: r.checkbox
-                }
-              ),
-              /* @__PURE__ */ a("span", { className: r.label, children: n })
-            ] }, t) : /* @__PURE__ */ a(
-              "button",
+          children: /* @__PURE__ */ x("div", { className: r.dropdown, children: [
+            w && /* @__PURE__ */ i("div", { className: r.searchContainer, children: /* @__PURE__ */ i(
+              "input",
               {
-                type: "button",
-                className: `${r.option} ${o ? r.selected : ""}`,
-                onClick: () => O(t),
-                children: n
-              },
-              t
-            );
-          }) })
+                ref: O,
+                type: "text",
+                className: r.searchInput,
+                placeholder: V,
+                value: b,
+                onChange: j,
+                onClick: (e) => e.stopPropagation()
+              }
+            ) }),
+            /* @__PURE__ */ i("div", { className: r.optionsList, children: H.length === 0 ? /* @__PURE__ */ i("div", { className: r.noResults, children: "No results found" }) : H.map((e) => {
+              const t = typeof e == "string" ? e : e.value, n = typeof e == "string" ? e : e.label, o = u ? d.includes(t) : d === t;
+              return u ? /* @__PURE__ */ x("label", { className: r.option, children: [
+                /* @__PURE__ */ i(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: o,
+                    onChange: () => A(t),
+                    className: r.checkbox
+                  }
+                ),
+                /* @__PURE__ */ i("span", { className: r.label, children: n })
+              ] }, t) : /* @__PURE__ */ i(
+                "button",
+                {
+                  type: "button",
+                  className: `${r.option} ${o ? r.selected : ""}`,
+                  onClick: () => A(t),
+                  children: n
+                },
+                t
+              );
+            }) })
+          ] })
         }
       ),
       document.body
@@ -174,5 +209,5 @@ function ae({ value: p, options: _, onChange: z, disabled: f = !1, multiple: u =
   ] });
 }
 export {
-  ae as Select
+  ye as Select
 };

package/dist/hooks/useDevPanel/index.js

@@ -1,24 +1,52 @@
-import { useRef as f, useEffect as i, createElement as l } from "react";
-import { createRoot as m } from "react-dom/client";
-import { DevPanelPortal as p } from "../../components/DevPanelPortal/index.js";
-import { DevPanelManager as v } from "../../managers/DevPanelManager.js";
-import { useDevPanelSections as g, useDevPanelSectionActions as S } from "../../store/SectionsStore.js";
-import { hasControlsChanged as D } from "../../utils/hasControlChanged/hasControlChanged.js";
-function y(t, n, r) {
-  const c = g(), { registerSection: u, unregisterSection: a } = S(), s = f(void 0), o = f(null);
-  o.current || (o.current = v.getInstance()), i(() => {
-    const e = o.current, d = c[t] !== void 0;
-    D(n, s.current) || !d ? (u(t, n), s.current = n, e.addSection(t, r)) : r && e.updateProps(r);
-  }, [t, n, r, c, u]), i(() => () => {
-    const e = o.current;
-    a(t), e.removeSection(t);
-  }, [t, a]), i(() => {
+import { useRef as d, useEffect as s, createElement as v } from "react";
+import { createRoot as S } from "react-dom/client";
+import { DevPanelPortal as E } from "../../components/DevPanelPortal/index.js";
+import { DevPanelManager as P } from "../../managers/DevPanelManager.js";
+import { controlPersistenceService as m } from "../../store/ControlPersistenceService.js";
+import { useDevPanelSections as w, useDevPanelSectionActions as D } from "../../store/SectionsStore.js";
+import { hasControlsChanged as R } from "../../utils/hasControlChanged/hasControlChanged.js";
+function j(t, o, i) {
+  const p = w(), { registerSection: g, unregisterSection: h } = D(), C = d(void 0), c = d(null), f = d(/* @__PURE__ */ new Set());
+  c.current || (c.current = P.getInstance()), s(() => {
+    Object.entries(o).forEach(([e, n]) => {
+      const r = `${t}-${e}`;
+      if (n.persist && !f.current.has(r)) {
+        const a = m.getPersistedValue(t, e);
+        a !== void 0 && "onChange" in n && typeof n.onChange == "function" && n.onChange(a), f.current.add(r);
+      }
+    });
+  }, [t, o]);
+  const u = d({});
+  s(() => {
+    const e = {};
+    Object.entries(o).forEach(([n, r]) => {
+      if (r.persist && "onChange" in r && typeof r.onChange == "function") {
+        const a = r.onChange;
+        e[n] = {
+          ...r,
+          onChange: (l) => {
+            m.setPersistedValue(t, n, l), a(l);
+          }
+        };
+      } else
+        e[n] = r;
+    }), u.current = e;
+  }, [t, o]), s(() => {
+    const e = c.current, n = p[t] !== void 0;
+    R(u.current, C.current) || !n ? (g(t, u.current), C.current = u.current, e.addSection(t, i)) : i && e.updateProps(i);
+  }, [t, o, i, p, g]), s(() => {
+    const e = f.current;
+    return () => {
+      const n = c.current;
+      h(t), n.removeSection(t), e.clear();
+    };
+  }, [t, h]), s(() => {
     if (window.__devPanelAutoMounted) return;
     window.__devPanelAutoMounted = !0;
     const e = document.createElement("div");
-    e.id = "dev-panel-portal-container", e.style.display = "none", document.body.appendChild(e), m(e).render(l(p));
+    e.id = "dev-panel-portal-container", e.style.display = "none", document.body.appendChild(e), S(e).render(v(E));
   }, []);
 }
 export {
-  y as useDevPanel
+  j as useDevPanel
 };

package/dist/store/ControlPersistenceService.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Service for persisting individual control values
+ */
+declare class ControlPersistenceService {
+    private readonly storageKey;
+    /**
+     * Gets persisted value for a control
+     * @param sectionName - Name of the section
+     * @param controlKey - Key of the control within the section
+     * @returns Persisted value or undefined if not found
+     */
+    getPersistedValue(sectionName: string, controlKey: string): unknown;
+    /**
+     * Sets persisted value for a control
+     * @param sectionName - Name of the section
+     * @param controlKey - Key of the control within the section
+     * @param value - Value to persist
+     */
+    setPersistedValue(sectionName: string, controlKey: string, value: unknown): void;
+    /**
+     * Removes persisted value for a control
+     * @param sectionName - Name of the section
+     * @param controlKey - Key of the control within the section
+     */
+    removePersistedValue(sectionName: string, controlKey: string): void;
+    /**
+     * Removes all persisted values for a section
+     * @param sectionName - Name of the section
+     */
+    removeSection(sectionName: string): void;
+}
+export declare const controlPersistenceService: ControlPersistenceService;
+export {};

package/dist/store/ControlPersistenceService.js

@@ -0,0 +1,61 @@
+class a {
+  storageKey = "dev-panel-controls-persistence";
+  /**
+   * Gets persisted value for a control
+   * @param sectionName - Name of the section
+   * @param controlKey - Key of the control within the section
+   * @returns Persisted value or undefined if not found
+   */
+  getPersistedValue(e, s) {
+    try {
+      const t = localStorage.getItem(this.storageKey);
+      return t ? JSON.parse(t)[e]?.[s] : void 0;
+    } catch {
+      return;
+    }
+  }
+  /**
+   * Sets persisted value for a control
+   * @param sectionName - Name of the section
+   * @param controlKey - Key of the control within the section
+   * @param value - Value to persist
+   */
+  setPersistedValue(e, s, t) {
+    try {
+      const r = localStorage.getItem(this.storageKey), o = r ? JSON.parse(r) : {};
+      o[e] || (o[e] = {}), o[e][s] = t, localStorage.setItem(this.storageKey, JSON.stringify(o));
+    } catch {
+    }
+  }
+  /**
+   * Removes persisted value for a control
+   * @param sectionName - Name of the section
+   * @param controlKey - Key of the control within the section
+   */
+  removePersistedValue(e, s) {
+    try {
+      const t = localStorage.getItem(this.storageKey);
+      if (!t) return;
+      const r = JSON.parse(t);
+      r[e] && (delete r[e][s], Object.keys(r[e]).length === 0 && delete r[e], localStorage.setItem(this.storageKey, JSON.stringify(r)));
+    } catch {
+    }
+  }
+  /**
+   * Removes all persisted values for a section
+   * @param sectionName - Name of the section
+   */
+  removeSection(e) {
+    try {
+      const s = localStorage.getItem(this.storageKey);
+      if (!s) return;
+      const t = JSON.parse(s);
+      delete t[e], localStorage.setItem(this.storageKey, JSON.stringify(t));
+    } catch {
+    }
+  }
+}
+const l = new a();
+export {
+  l as controlPersistenceService
+};

package/dist/utils/copyToClipboard/copyToClipboard.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copies text to clipboard with optional feedback timing
+ *
+ * @param text - The text to copy to clipboard
+ * @returns Promise that resolves when text is copied, rejects if copy fails
+ *
+ * @example
+ * ```typescript
+ * try {
+ *   await copyToClipboard("Hello World", 2000);
+ *   console.log("Copied!");
+ * } catch {
+ *   console.error("Failed to copy");
+ * }
+ * ```
+ */
+export declare function copyToClipboard(text: string): Promise<void>;

package/dist/utils/copyToClipboard/copyToClipboard.js

@@ -0,0 +1,10 @@
+async function t(o) {
+  try {
+    await navigator.clipboard.writeText(o);
+  } catch (r) {
+    throw new Error(`Failed to copy to clipboard: ${r instanceof Error ? r.message : String(r)}`);
+  }
+}
+export {
+  t as copyToClipboard
+};

package/dist/utils/copyToClipboard/index.d.ts

@@ -0,0 +1 @@
+export { copyToClipboard } from './copyToClipboard';

package/dist/utils/copyToClipboard/index.js

@@ -0,0 +1,4 @@
+import { copyToClipboard as r } from "./copyToClipboard.js";
+export {
+  r as copyToClipboard
+};

package/dist/utils/getStringPreview/getStringPreview.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Returns a truncated preview of a string with ellipsis suffix if it exceeds max length
+ *
+ * @param text - The text to get preview from
+ * @param maxLength - Maximum length before truncating (default: 100)
+ * @returns Truncated text with "..." suffix if longer than maxLength, original text otherwise
+ *
+ * @example
+ * ```typescript
+ * getStringPreview("Hello World", 5) // Returns "Hello..."
+ * getStringPreview("Hi", 5) // Returns "Hi"
+ * ```
+ */
+export declare function getStringPreview(text: string, maxLength?: number): string;

package/dist/utils/getStringPreview/getStringPreview.js

@@ -0,0 +1,6 @@
+function i(r, e = 100) {
+  return r.length <= e ? r : r.slice(0, e) + "...";
+}
+export {
+  i as getStringPreview
+};

package/dist/utils/getStringPreview/index.d.ts

@@ -0,0 +1 @@
+export { getStringPreview } from './getStringPreview';

package/dist/utils/getStringPreview/index.js

@@ -0,0 +1,4 @@
+import { getStringPreview as t } from "./getStringPreview.js";
+export {
+  t as getStringPreview
+};

package/dist/utils/prettifyJson/index.d.ts

@@ -0,0 +1 @@
+export { prettifyJson } from './prettifyJson';