@object-ui/layout 3.0.2 → 3.1.0

package/dist/index.js

@@ -1,355 +1,359 @@
-import { ComponentRegistry as b } from "@object-ui/core";
-import ae, { useEffect as se } from "react";
-import { cn as h, SidebarProvider as ne, SidebarInset as le, SidebarTrigger as ce, Sidebar as ie, SidebarContent as ue, SidebarGroup as de, SidebarGroupLabel as fe, SidebarGroupContent as me, SidebarMenu as pe, SidebarMenuItem as ge, SidebarMenuButton as xe } from "@object-ui/components";
-import { SchemaRenderer as be } from "@object-ui/react";
-import { useLocation as ye, NavLink as ve } from "react-router-dom";
-var j = { exports: {} }, y = {};
-var G;
-function he() {
-  if (G) return y;
-  G = 1;
-  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), l = /* @__PURE__ */ Symbol.for("react.fragment");
-  function t(a, n, s) {
-    var f = null;
-    if (s !== void 0 && (f = "" + s), n.key !== void 0 && (f = "" + n.key), "key" in n) {
+import { ComponentRegistry as Ne } from "@object-ui/core";
+import W, { useEffect as k, useRef as P, useMemo as M, useLayoutEffect as ar, useCallback as Q, useState as K, memo as lr, useReducer as cr, createContext as st, useContext as Ee } from "react";
+import { cn as it, SidebarProvider as ur, SidebarInset as dr, SidebarTrigger as fr, SidebarGroup as Pe, SidebarGroupLabel as wt, SidebarGroupContent as _e, SidebarMenu as je, Separator as hr, Collapsible as Rn, CollapsibleTrigger as jn, CollapsibleContent as Dn, SidebarMenuItem as ze, SidebarMenuButton as Fe, Badge as Ke, SidebarMenuAction as on, Sidebar as Nn, SidebarHeader as gr, SidebarInput as pr, SidebarContent as En, SidebarFooter as vr, Input as br, SidebarMenuSub as xr, SidebarMenuSubItem as mr, SidebarMenuSubButton as yr } from "@object-ui/components";
+import { useLocation as zt, Link as An, NavLink as sn } from "react-router-dom";
+import * as X from "lucide-react";
+import { Search as wr, ChevronRight as Sr } from "lucide-react";
+import { unstable_batchedUpdates as ft, createPortal as Cr } from "react-dom";
+import { menuItemToNavigationItem as Rr } from "@object-ui/types";
+import { SchemaRenderer as jr } from "@object-ui/react";
+var ht = { exports: {} }, qe = {};
+var an;
+function Dr() {
+  if (an) return qe;
+  an = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  function n(r, o, s) {
+    var i = null;
+    if (s !== void 0 && (i = "" + s), o.key !== void 0 && (i = "" + o.key), "key" in o) {
       s = {};
-      for (var m in n)
-        m !== "key" && (s[m] = n[m]);
-    } else s = n;
-    return n = s.ref, {
-      $$typeof: r,
-      type: a,
-      key: f,
-      ref: n !== void 0 ? n : null,
+      for (var a in o)
+        a !== "key" && (s[a] = o[a]);
+    } else s = o;
+    return o = s.ref, {
+      $$typeof: e,
+      type: r,
+      key: i,
+      ref: o !== void 0 ? o : null,
       props: s
     };
   }
-  return y.Fragment = l, y.jsx = t, y.jsxs = t, y;
-}
-var v = {};
-var W;
-function Ee() {
-  return W || (W = 1, process.env.NODE_ENV !== "production" && (function() {
-    function r(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === re ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case S:
+  return qe.Fragment = t, qe.jsx = n, qe.jsxs = n, qe;
+}
+var Je = {};
+var ln;
+function Nr() {
+  return ln || (ln = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(d) {
+      if (d == null) return null;
+      if (typeof d == "function")
+        return d.$$typeof === A ? null : d.displayName || d.name || null;
+      if (typeof d == "string") return d;
+      switch (d) {
+        case b:
           return "Fragment";
-        case z:
+        case j:
           return "Profiler";
-        case V:
+        case w:
           return "StrictMode";
-        case Z:
+        case N:
           return "Suspense";
-        case Q:
+        case x:
           return "SuspenseList";
-        case ee:
+        case _:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      if (typeof d == "object")
+        switch (typeof d.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case J:
+        ), d.$$typeof) {
+          case v:
             return "Portal";
-          case X:
-            return e.displayName || "Context";
-          case H:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case B:
-            var o = e.render;
-            return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case K:
-            return o = e.displayName || null, o !== null ? o : r(e.type) || "Memo";
-          case T:
-            o = e._payload, e = e._init;
+          case R:
+            return d.displayName || "Context";
+          case C:
+            return (d._context.displayName || "Context") + ".Consumer";
+          case E:
+            var m = d.render;
+            return d = d.displayName, d || (d = m.displayName || m.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
+          case S:
+            return m = d.displayName || null, m !== null ? m : e(d.type) || "Memo";
+          case D:
+            m = d._payload, d = d._init;
             try {
-              return r(e(o));
+              return e(d(m));
             } catch {
             }
         }
       return null;
     }
-    function l(e) {
-      return "" + e;
+    function t(d) {
+      return "" + d;
     }
-    function t(e) {
+    function n(d) {
       try {
-        l(e);
-        var o = !1;
+        t(d);
+        var m = !1;
       } catch {
-        o = !0;
+        m = !0;
       }
-      if (o) {
-        o = console;
-        var i = o.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return i.call(
-          o,
+      if (m) {
+        m = console;
+        var I = m.error, L = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
+        return I.call(
+          m,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          u
-        ), l(e);
+          L
+        ), t(d);
       }
     }
-    function a(e) {
-      if (e === S) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === T)
+    function r(d) {
+      if (d === b) return "<>";
+      if (typeof d == "object" && d !== null && d.$$typeof === D)
         return "<...>";
       try {
-        var o = r(e);
-        return o ? "<" + o + ">" : "<...>";
+        var m = e(d);
+        return m ? "<" + m + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function n() {
-      var e = P.A;
-      return e === null ? null : e.getOwner();
+    function o() {
+      var d = B.A;
+      return d === null ? null : d.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
-    function f(e) {
-      if ($.call(e, "key")) {
-        var o = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (o && o.isReactWarning) return !1;
+    function i(d) {
+      if (z.call(d, "key")) {
+        var m = Object.getOwnPropertyDescriptor(d, "key").get;
+        if (m && m.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return d.key !== void 0;
     }
-    function m(e, o) {
-      function i() {
-        M || (M = !0, console.error(
+    function a(d, m) {
+      function I() {
+        le || (le = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          o
+          m
         ));
       }
-      i.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: i,
+      I.isReactWarning = !0, Object.defineProperty(d, "key", {
+        get: I,
         configurable: !0
       });
     }
-    function g() {
-      var e = r(this.type);
-      return I[e] || (I[e] = !0, console.error(
+    function c() {
+      var d = e(this.type);
+      return H[d] || (H[d] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
-    }
-    function E(e, o, i, u, R, A) {
-      var d = i.ref;
-      return e = {
-        $$typeof: L,
-        type: e,
-        key: o,
-        props: i,
-        _owner: u
-      }, (d !== void 0 ? d : null) !== null ? Object.defineProperty(e, "ref", {
+      )), d = this.props.ref, d !== void 0 ? d : null;
+    }
+    function u(d, m, I, L, ue, q) {
+      var $ = I.ref;
+      return d = {
+        $$typeof: y,
+        type: d,
+        key: m,
+        props: I,
+        _owner: L
+      }, ($ !== void 0 ? $ : null) !== null ? Object.defineProperty(d, "ref", {
         enumerable: !1,
-        get: g
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: c
+      }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(d, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(d, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: R
-      }), Object.defineProperty(e, "_debugTask", {
+        value: ue
+      }), Object.defineProperty(d, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: A
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function p(e, o, i, u, R, A) {
-      var d = o.children;
-      if (d !== void 0)
-        if (u)
-          if (te(d)) {
-            for (u = 0; u < d.length; u++)
-              O(d[u]);
-            Object.freeze && Object.freeze(d);
+        value: q
+      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
+    }
+    function h(d, m, I, L, ue, q) {
+      var $ = m.children;
+      if ($ !== void 0)
+        if (L)
+          if (G($)) {
+            for (L = 0; L < $.length; L++)
+              f($[L]);
+            Object.freeze && Object.freeze($);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else O(d);
-      if ($.call(o, "key")) {
-        d = r(e);
-        var x = Object.keys(o).filter(function(oe) {
-          return oe !== "key";
+        else f($);
+      if (z.call(m, "key")) {
+        $ = e(d);
+        var Z = Object.keys(m).filter(function(O) {
+          return O !== "key";
         });
-        u = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", D[d + u] || (x = 0 < x.length ? "{" + x.join(": ..., ") + ": ...}" : "{}", console.error(
+        L = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", xe[$ + L] || (Z = 0 < Z.length ? "{" + Z.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          u,
-          d,
-          x,
-          d
-        ), D[d + u] = !0);
-      }
-      if (d = null, i !== void 0 && (t(i), d = "" + i), f(o) && (t(o.key), d = "" + o.key), "key" in o) {
-        i = {};
-        for (var C in o)
-          C !== "key" && (i[C] = o[C]);
-      } else i = o;
-      return d && m(
-        i,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), E(
-        e,
+          L,
+          $,
+          Z,
+          $
+        ), xe[$ + L] = !0);
+      }
+      if ($ = null, I !== void 0 && (n(I), $ = "" + I), i(m) && (n(m.key), $ = "" + m.key), "key" in m) {
+        I = {};
+        for (var te in m)
+          te !== "key" && (I[te] = m[te]);
+      } else I = m;
+      return $ && a(
+        I,
+        typeof d == "function" ? d.displayName || d.name || "Unknown" : d
+      ), u(
         d,
-        i,
-        n(),
-        R,
-        A
+        $,
+        I,
+        o(),
+        ue,
+        q
       );
     }
-    function O(e) {
-      w(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? w(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function f(d) {
+      p(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === D && (d._payload.status === "fulfilled" ? p(d._payload.value) && d._payload.value._store && (d._payload.value._store.validated = 1) : d._store && (d._store.validated = 1));
     }
-    function w(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === L;
+    function p(d) {
+      return typeof d == "object" && d !== null && d.$$typeof === y;
     }
-    var _ = ae, L = /* @__PURE__ */ Symbol.for("react.transitional.element"), J = /* @__PURE__ */ Symbol.for("react.portal"), S = /* @__PURE__ */ Symbol.for("react.fragment"), V = /* @__PURE__ */ Symbol.for("react.strict_mode"), z = /* @__PURE__ */ Symbol.for("react.profiler"), H = /* @__PURE__ */ Symbol.for("react.consumer"), X = /* @__PURE__ */ Symbol.for("react.context"), B = /* @__PURE__ */ Symbol.for("react.forward_ref"), Z = /* @__PURE__ */ Symbol.for("react.suspense"), Q = /* @__PURE__ */ Symbol.for("react.suspense_list"), K = /* @__PURE__ */ Symbol.for("react.memo"), T = /* @__PURE__ */ Symbol.for("react.lazy"), ee = /* @__PURE__ */ Symbol.for("react.activity"), re = /* @__PURE__ */ Symbol.for("react.client.reference"), P = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, te = Array.isArray, k = console.createTask ? console.createTask : function() {
+    var g = W, y = /* @__PURE__ */ Symbol.for("react.transitional.element"), v = /* @__PURE__ */ Symbol.for("react.portal"), b = /* @__PURE__ */ Symbol.for("react.fragment"), w = /* @__PURE__ */ Symbol.for("react.strict_mode"), j = /* @__PURE__ */ Symbol.for("react.profiler"), C = /* @__PURE__ */ Symbol.for("react.consumer"), R = /* @__PURE__ */ Symbol.for("react.context"), E = /* @__PURE__ */ Symbol.for("react.forward_ref"), N = /* @__PURE__ */ Symbol.for("react.suspense"), x = /* @__PURE__ */ Symbol.for("react.suspense_list"), S = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), _ = /* @__PURE__ */ Symbol.for("react.activity"), A = /* @__PURE__ */ Symbol.for("react.client.reference"), B = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, G = Array.isArray, F = console.createTask ? console.createTask : function() {
       return null;
     };
-    _ = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+    g = {
+      react_stack_bottom_frame: function(d) {
+        return d();
       }
     };
-    var M, I = {}, Y = _.react_stack_bottom_frame.bind(
-      _,
+    var le, H = {}, De = g.react_stack_bottom_frame.bind(
+      g,
       s
-    )(), F = k(a(s)), D = {};
-    v.Fragment = S, v.jsx = function(e, o, i) {
-      var u = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return p(
-        e,
-        o,
-        i,
+    )(), se = F(r(s)), xe = {};
+    Je.Fragment = b, Je.jsx = function(d, m, I) {
+      var L = 1e4 > B.recentlyCreatedOwnerStacks++;
+      return h(
+        d,
+        m,
+        I,
         !1,
-        u ? Error("react-stack-top-frame") : Y,
-        u ? k(a(e)) : F
+        L ? Error("react-stack-top-frame") : De,
+        L ? F(r(d)) : se
       );
-    }, v.jsxs = function(e, o, i) {
-      var u = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return p(
-        e,
-        o,
-        i,
+    }, Je.jsxs = function(d, m, I) {
+      var L = 1e4 > B.recentlyCreatedOwnerStacks++;
+      return h(
+        d,
+        m,
+        I,
         !0,
-        u ? Error("react-stack-top-frame") : Y,
-        u ? k(a(e)) : F
+        L ? Error("react-stack-top-frame") : De,
+        L ? F(r(d)) : se
       );
     };
-  })()), v;
-}
-var q;
-function _e() {
-  return q || (q = 1, process.env.NODE_ENV === "production" ? j.exports = he() : j.exports = Ee()), j.exports;
-}
-var c = _e();
-function N({
-  title: r,
-  description: l,
-  action: t,
-  className: a,
-  children: n,
+  })()), Je;
+}
+var cn;
+function Er() {
+  return cn || (cn = 1, process.env.NODE_ENV === "production" ? ht.exports = Dr() : ht.exports = Nr()), ht.exports;
+}
+var l = Er();
+function Mt({
+  title: e,
+  description: t,
+  action: n,
+  className: r,
+  children: o,
   ...s
 }) {
-  return /* @__PURE__ */ c.jsx("div", { className: h("flex flex-col gap-4 pb-4 md:pb-8", a), ...s, children: /* @__PURE__ */ c.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-    /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ c.jsx("h1", { className: "text-2xl font-bold tracking-tight md:text-3xl", children: r }),
-      l && /* @__PURE__ */ c.jsx("p", { className: "text-sm text-muted-foreground", children: l })
+  return /* @__PURE__ */ l.jsx("div", { className: it("flex flex-col gap-4 pb-4 md:pb-8", r), ...s, children: /* @__PURE__ */ l.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+    /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ l.jsx("h1", { className: "text-2xl font-bold tracking-tight md:text-3xl", children: e }),
+      t && /* @__PURE__ */ l.jsx("p", { className: "text-sm text-muted-foreground", children: t })
     ] }),
-    (t || n) && /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-2", children: [
-      t,
-      n
+    (n || o) && /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2", children: [
+      n,
+      o
     ] })
   ] }) });
 }
-function U(r) {
-  const l = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);
-  if (!l) return null;
-  const t = parseInt(l[1], 16) / 255, a = parseInt(l[2], 16) / 255, n = parseInt(l[3], 16) / 255, s = Math.max(t, a, n), f = Math.min(t, a, n);
-  let m = 0, g = 0;
-  const E = (s + f) / 2;
-  if (s !== f) {
-    const p = s - f;
-    switch (g = E > 0.5 ? p / (2 - s - f) : p / (s + f), s) {
-      case t:
-        m = ((a - n) / p + (a < n ? 6 : 0)) / 6;
+function un(e) {
+  const t = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
+  if (!t) return null;
+  const n = parseInt(t[1], 16) / 255, r = parseInt(t[2], 16) / 255, o = parseInt(t[3], 16) / 255, s = Math.max(n, r, o), i = Math.min(n, r, o);
+  let a = 0, c = 0;
+  const u = (s + i) / 2;
+  if (s !== i) {
+    const h = s - i;
+    switch (c = u > 0.5 ? h / (2 - s - i) : h / (s + i), s) {
+      case n:
+        a = ((r - o) / h + (r < o ? 6 : 0)) / 6;
         break;
-      case a:
-        m = ((n - t) / p + 2) / 6;
+      case r:
+        a = ((o - n) / h + 2) / 6;
         break;
-      case n:
-        m = ((t - a) / p + 4) / 6;
+      case o:
+        a = ((n - r) / h + 4) / 6;
         break;
     }
   }
-  return `${Math.round(m * 360)} ${Math.round(g * 100)}% ${Math.round(E * 100)}%`;
+  return `${Math.round(a * 360)} ${Math.round(c * 100)}% ${Math.round(u * 100)}%`;
 }
-function Re(r, l) {
-  se(() => {
-    const t = document.documentElement;
-    if (r?.primaryColor) {
-      const a = U(r.primaryColor);
-      a && (t.style.setProperty("--brand-primary", r.primaryColor), t.style.setProperty("--brand-primary-hsl", a));
+function Ar(e, t) {
+  k(() => {
+    const n = document.documentElement;
+    if (e?.primaryColor) {
+      const r = un(e.primaryColor);
+      r && (n.style.setProperty("--brand-primary", e.primaryColor), n.style.setProperty("--brand-primary-hsl", r));
     } else
-      t.style.removeProperty("--brand-primary"), t.style.removeProperty("--brand-primary-hsl");
-    if (r?.accentColor) {
-      const a = U(r.accentColor);
-      a && (t.style.setProperty("--brand-accent", r.accentColor), t.style.setProperty("--brand-accent-hsl", a));
+      n.style.removeProperty("--brand-primary"), n.style.removeProperty("--brand-primary-hsl");
+    if (e?.accentColor) {
+      const r = un(e.accentColor);
+      r && (n.style.setProperty("--brand-accent", e.accentColor), n.style.setProperty("--brand-accent-hsl", r));
     } else
-      t.style.removeProperty("--brand-accent"), t.style.removeProperty("--brand-accent-hsl");
-    if (r?.favicon) {
-      const a = document.querySelector("#favicon") || document.querySelector('link[rel="icon"]');
-      a && (a.href = r.favicon);
+      n.style.removeProperty("--brand-accent"), n.style.removeProperty("--brand-accent-hsl");
+    if (e?.favicon) {
+      const r = document.querySelector("#favicon") || document.querySelector('link[rel="icon"]');
+      r && (r.href = e.favicon);
     }
-    return l && (document.title = l), () => {
-      t.style.removeProperty("--brand-primary"), t.style.removeProperty("--brand-primary-hsl"), t.style.removeProperty("--brand-accent"), t.style.removeProperty("--brand-accent-hsl");
+    return t && (document.title = t), () => {
+      n.style.removeProperty("--brand-primary"), n.style.removeProperty("--brand-primary-hsl"), n.style.removeProperty("--brand-accent"), n.style.removeProperty("--brand-accent-hsl");
     };
-  }, [r?.primaryColor, r?.accentColor, r?.favicon, l]);
-}
-function je({
-  sidebar: r,
-  navbar: l,
-  children: t,
-  className: a,
-  defaultOpen: n = !0,
+  }, [e?.primaryColor, e?.accentColor, e?.favicon, t]);
+}
+function In({
+  sidebar: e,
+  navbar: t,
+  children: n,
+  className: r,
+  defaultOpen: o = !0,
   branding: s
 }) {
-  return Re(s, s?.title), /* @__PURE__ */ c.jsxs(ne, { defaultOpen: n, children: [
-    r,
-    /* @__PURE__ */ c.jsxs(le, { children: [
-      /* @__PURE__ */ c.jsxs("header", { className: "flex h-14 sm:h-16 shrink-0 items-center gap-2 border-b bg-background px-2 sm:px-4", children: [
-        /* @__PURE__ */ c.jsx(ce, { className: "-ml-1" }),
-        /* @__PURE__ */ c.jsx("div", { className: "w-px h-4 bg-border mx-1 sm:mx-2" }),
-        l
+  return Ar(s, s?.title), /* @__PURE__ */ l.jsxs(ur, { defaultOpen: o, children: [
+    e,
+    /* @__PURE__ */ l.jsxs(dr, { children: [
+      /* @__PURE__ */ l.jsxs("header", { className: "flex h-14 sm:h-16 shrink-0 items-center gap-2 border-b bg-background px-2 sm:px-4", children: [
+        /* @__PURE__ */ l.jsx(fr, { className: "-ml-1" }),
+        /* @__PURE__ */ l.jsx("div", { className: "w-px h-4 bg-border mx-1 sm:mx-2" }),
+        t
       ] }),
-      /* @__PURE__ */ c.jsx("main", { className: h("flex-1 overflow-auto p-3 sm:p-4 md:p-6", a), children: t })
+      /* @__PURE__ */ l.jsx("main", { className: it("flex-1 min-w-0 overflow-auto p-3 sm:p-4 md:p-6", r), children: n })
     ] })
   ] });
 }
-function Se({ className: r, children: l, ...t }) {
-  return /* @__PURE__ */ c.jsx("div", { className: h("rounded-xl border bg-card text-card-foreground shadow", r), ...t, children: /* @__PURE__ */ c.jsx("div", { className: "p-6", children: l }) });
+function Ir({ className: e, children: t, ...n }) {
+  return /* @__PURE__ */ l.jsx("div", { className: it("rounded-xl border bg-card text-card-foreground shadow", e), ...n, children: /* @__PURE__ */ l.jsx("div", { className: "p-6", children: t }) });
 }
-const Te = {
+const Tr = {
   xs: { 1: "grid-cols-1", 2: "grid-cols-2", 3: "grid-cols-3", 4: "grid-cols-4", 6: "grid-cols-6", 12: "grid-cols-12" },
   sm: { 1: "sm:grid-cols-1", 2: "sm:grid-cols-2", 3: "sm:grid-cols-3", 4: "sm:grid-cols-4", 6: "sm:grid-cols-6", 12: "sm:grid-cols-12" },
   md: { 1: "md:grid-cols-1", 2: "md:grid-cols-2", 3: "md:grid-cols-3", 4: "md:grid-cols-4", 6: "md:grid-cols-6", 12: "md:grid-cols-12" },
@@ -357,21 +361,21 @@ const Te = {
   xl: { 1: "xl:grid-cols-1", 2: "xl:grid-cols-2", 3: "xl:grid-cols-3", 4: "xl:grid-cols-4", 6: "xl:grid-cols-6", 12: "xl:grid-cols-12" },
   "2xl": { 1: "2xl:grid-cols-1", 2: "2xl:grid-cols-2", 3: "2xl:grid-cols-3", 4: "2xl:grid-cols-4", 6: "2xl:grid-cols-6", 12: "2xl:grid-cols-12" }
 };
-function Pe(r) {
-  if (!r) return "grid-cols-1";
-  const l = [];
-  for (const [t, a] of Object.entries(r)) {
-    const n = Te[t];
-    if (n && a) {
-      const f = Object.keys(n).map(Number).reduce(
-        (m, g) => Math.abs(g - a) < Math.abs(m - a) ? g : m
+function Or(e) {
+  if (!e) return "grid-cols-1";
+  const t = [];
+  for (const [n, r] of Object.entries(e)) {
+    const o = Tr[n];
+    if (o && r) {
+      const i = Object.keys(o).map(Number).reduce(
+        (a, c) => Math.abs(c - r) < Math.abs(a - r) ? c : a
       );
-      l.push(n[f]);
+      t.push(o[i]);
     }
   }
-  return l.join(" ") || "grid-cols-1";
+  return t.join(" ") || "grid-cols-1";
 }
-const ke = {
+const Mr = {
   0: "gap-0",
   1: "gap-1",
   2: "gap-2",
@@ -380,55 +384,3489 @@ const ke = {
   5: "gap-5",
   6: "gap-6",
   8: "gap-8"
-}, Ae = ({
-  columns: r,
-  gap: l = 4,
-  className: t,
-  children: a
+}, kr = ({
+  columns: e,
+  gap: t = 4,
+  className: n,
+  children: r
 }) => {
-  const n = Pe(r), s = typeof l == "number" ? ke[l] || `gap-${l}` : "";
-  return /* @__PURE__ */ c.jsx("div", { className: h("grid", n, s, t), children: a });
-}, Ce = (r) => r ? Array.isArray(r) ? r : [r] : [];
-function Ie({ schema: r, className: l, style: t, id: a, ...n }) {
-  const s = Ce(r.children);
-  return /* @__PURE__ */ c.jsxs(
+  const o = Or(e), s = typeof t == "number" ? Mr[t] || `gap-${t}` : "";
+  return /* @__PURE__ */ l.jsx("div", { className: it("grid", o, s, n), children: r });
+};
+function Lr() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  return M(
+    () => (r) => {
+      t.forEach((o) => o(r));
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    t
+  );
+}
+const St = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+function Be(e) {
+  const t = Object.prototype.toString.call(e);
+  return t === "[object Window]" || // In Electron context the Window object serializes to [object global]
+  t === "[object global]";
+}
+function Ft(e) {
+  return "nodeType" in e;
+}
+function ee(e) {
+  var t, n;
+  return e ? Be(e) ? e : Ft(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
+}
+function Bt(e) {
+  const {
+    Document: t
+  } = ee(e);
+  return e instanceof t;
+}
+function at(e) {
+  return Be(e) ? !1 : e instanceof ee(e).HTMLElement;
+}
+function Tn(e) {
+  return e instanceof ee(e).SVGElement;
+}
+function Ye(e) {
+  return e ? Be(e) ? e.document : Ft(e) ? Bt(e) ? e : at(e) || Tn(e) ? e.ownerDocument : document : document : document;
+}
+const pe = St ? ar : k;
+function Yt(e) {
+  const t = P(e);
+  return pe(() => {
+    t.current = e;
+  }), Q(function() {
+    for (var n = arguments.length, r = new Array(n), o = 0; o < n; o++)
+      r[o] = arguments[o];
+    return t.current == null ? void 0 : t.current(...r);
+  }, []);
+}
+function Pr() {
+  const e = P(null), t = Q((r, o) => {
+    e.current = setInterval(r, o);
+  }, []), n = Q(() => {
+    e.current !== null && (clearInterval(e.current), e.current = null);
+  }, []);
+  return [t, n];
+}
+function tt(e, t) {
+  t === void 0 && (t = [e]);
+  const n = P(e);
+  return pe(() => {
+    n.current !== e && (n.current = e);
+  }, t), n;
+}
+function lt(e, t) {
+  const n = P();
+  return M(
+    () => {
+      const r = e(n.current);
+      return n.current = r, r;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [...t]
+  );
+}
+function bt(e) {
+  const t = Yt(e), n = P(null), r = Q(
+    (o) => {
+      o !== n.current && t?.(o, n.current), n.current = o;
+    },
+    //eslint-disable-next-line
+    []
+  );
+  return [n, r];
+}
+function kt(e) {
+  const t = P();
+  return k(() => {
+    t.current = e;
+  }, [e]), t.current;
+}
+let Et = {};
+function ct(e, t) {
+  return M(() => {
+    if (t)
+      return t;
+    const n = Et[e] == null ? 0 : Et[e] + 1;
+    return Et[e] = n, e + "-" + n;
+  }, [e, t]);
+}
+function On(e) {
+  return function(t) {
+    for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), o = 1; o < n; o++)
+      r[o - 1] = arguments[o];
+    return r.reduce((s, i) => {
+      const a = Object.entries(i);
+      for (const [c, u] of a) {
+        const h = s[c];
+        h != null && (s[c] = h + e * u);
+      }
+      return s;
+    }, {
+      ...t
+    });
+  };
+}
+const $e = /* @__PURE__ */ On(1), xt = /* @__PURE__ */ On(-1);
+function _r(e) {
+  return "clientX" in e && "clientY" in e;
+}
+function Vt(e) {
+  if (!e)
+    return !1;
+  const {
+    KeyboardEvent: t
+  } = ee(e.target);
+  return t && e instanceof t;
+}
+function $r(e) {
+  if (!e)
+    return !1;
+  const {
+    TouchEvent: t
+  } = ee(e.target);
+  return t && e instanceof t;
+}
+function Lt(e) {
+  if ($r(e)) {
+    if (e.touches && e.touches.length) {
+      const {
+        clientX: t,
+        clientY: n
+      } = e.touches[0];
+      return {
+        x: t,
+        y: n
+      };
+    } else if (e.changedTouches && e.changedTouches.length) {
+      const {
+        clientX: t,
+        clientY: n
+      } = e.changedTouches[0];
+      return {
+        x: t,
+        y: n
+      };
+    }
+  }
+  return _r(e) ? {
+    x: e.clientX,
+    y: e.clientY
+  } : null;
+}
+const nt = /* @__PURE__ */ Object.freeze({
+  Translate: {
+    toString(e) {
+      if (!e)
+        return;
+      const {
+        x: t,
+        y: n
+      } = e;
+      return "translate3d(" + (t ? Math.round(t) : 0) + "px, " + (n ? Math.round(n) : 0) + "px, 0)";
+    }
+  },
+  Scale: {
+    toString(e) {
+      if (!e)
+        return;
+      const {
+        scaleX: t,
+        scaleY: n
+      } = e;
+      return "scaleX(" + t + ") scaleY(" + n + ")";
+    }
+  },
+  Transform: {
+    toString(e) {
+      if (e)
+        return [nt.Translate.toString(e), nt.Scale.toString(e)].join(" ");
+    }
+  },
+  Transition: {
+    toString(e) {
+      let {
+        property: t,
+        duration: n,
+        easing: r
+      } = e;
+      return t + " " + n + "ms " + r;
+    }
+  }
+}), dn = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
+function zr(e) {
+  return e.matches(dn) ? e : e.querySelector(dn);
+}
+const Fr = {
+  display: "none"
+};
+function Br(e) {
+  let {
+    id: t,
+    value: n
+  } = e;
+  return W.createElement("div", {
+    id: t,
+    style: Fr
+  }, n);
+}
+function Yr(e) {
+  let {
+    id: t,
+    announcement: n,
+    ariaLiveType: r = "assertive"
+  } = e;
+  const o = {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    width: 1,
+    height: 1,
+    margin: -1,
+    border: 0,
+    padding: 0,
+    overflow: "hidden",
+    clip: "rect(0 0 0 0)",
+    clipPath: "inset(100%)",
+    whiteSpace: "nowrap"
+  };
+  return W.createElement("div", {
+    id: t,
+    style: o,
+    role: "status",
+    "aria-live": r,
+    "aria-atomic": !0
+  }, n);
+}
+function Vr() {
+  const [e, t] = K("");
+  return {
+    announce: Q((r) => {
+      r != null && t(r);
+    }, []),
+    announcement: e
+  };
+}
+const Mn = /* @__PURE__ */ st(null);
+function Wr(e) {
+  const t = Ee(Mn);
+  k(() => {
+    if (!t)
+      throw new Error("useDndMonitor must be used within a children of <DndContext>");
+    return t(e);
+  }, [e, t]);
+}
+function Ur() {
+  const [e] = K(() => /* @__PURE__ */ new Set()), t = Q((r) => (e.add(r), () => e.delete(r)), [e]);
+  return [Q((r) => {
+    let {
+      type: o,
+      event: s
+    } = r;
+    e.forEach((i) => {
+      var a;
+      return (a = i[o]) == null ? void 0 : a.call(i, s);
+    });
+  }, [e]), t];
+}
+const Xr = {
+  draggable: `
+    To pick up a draggable item, press the space bar.
+    While dragging, use the arrow keys to move the item.
+    Press space again to drop the item in its new position, or press escape to cancel.
+  `
+}, Gr = {
+  onDragStart(e) {
+    let {
+      active: t
+    } = e;
+    return "Picked up draggable item " + t.id + ".";
+  },
+  onDragOver(e) {
+    let {
+      active: t,
+      over: n
+    } = e;
+    return n ? "Draggable item " + t.id + " was moved over droppable area " + n.id + "." : "Draggable item " + t.id + " is no longer over a droppable area.";
+  },
+  onDragEnd(e) {
+    let {
+      active: t,
+      over: n
+    } = e;
+    return n ? "Draggable item " + t.id + " was dropped over droppable area " + n.id : "Draggable item " + t.id + " was dropped.";
+  },
+  onDragCancel(e) {
+    let {
+      active: t
+    } = e;
+    return "Dragging was cancelled. Draggable item " + t.id + " was dropped.";
+  }
+};
+function Hr(e) {
+  let {
+    announcements: t = Gr,
+    container: n,
+    hiddenTextDescribedById: r,
+    screenReaderInstructions: o = Xr
+  } = e;
+  const {
+    announce: s,
+    announcement: i
+  } = Vr(), a = ct("DndLiveRegion"), [c, u] = K(!1);
+  if (k(() => {
+    u(!0);
+  }, []), Wr(M(() => ({
+    onDragStart(f) {
+      let {
+        active: p
+      } = f;
+      s(t.onDragStart({
+        active: p
+      }));
+    },
+    onDragMove(f) {
+      let {
+        active: p,
+        over: g
+      } = f;
+      t.onDragMove && s(t.onDragMove({
+        active: p,
+        over: g
+      }));
+    },
+    onDragOver(f) {
+      let {
+        active: p,
+        over: g
+      } = f;
+      s(t.onDragOver({
+        active: p,
+        over: g
+      }));
+    },
+    onDragEnd(f) {
+      let {
+        active: p,
+        over: g
+      } = f;
+      s(t.onDragEnd({
+        active: p,
+        over: g
+      }));
+    },
+    onDragCancel(f) {
+      let {
+        active: p,
+        over: g
+      } = f;
+      s(t.onDragCancel({
+        active: p,
+        over: g
+      }));
+    }
+  }), [s, t])), !c)
+    return null;
+  const h = W.createElement(W.Fragment, null, W.createElement(Br, {
+    id: r,
+    value: o.draggable
+  }), W.createElement(Yr, {
+    id: a,
+    announcement: i
+  }));
+  return n ? Cr(h, n) : h;
+}
+var Y;
+(function(e) {
+  e.DragStart = "dragStart", e.DragMove = "dragMove", e.DragEnd = "dragEnd", e.DragCancel = "dragCancel", e.DragOver = "dragOver", e.RegisterDroppable = "registerDroppable", e.SetDroppableDisabled = "setDroppableDisabled", e.UnregisterDroppable = "unregisterDroppable";
+})(Y || (Y = {}));
+function mt() {
+}
+function fn(e, t) {
+  return M(
+    () => ({
+      sensor: e,
+      options: t ?? {}
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [e, t]
+  );
+}
+function qr() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  return M(
+    () => [...t].filter((r) => r != null),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [...t]
+  );
+}
+const ce = /* @__PURE__ */ Object.freeze({
+  x: 0,
+  y: 0
+});
+function Jr(e, t) {
+  return Math.sqrt(Math.pow(e.x - t.x, 2) + Math.pow(e.y - t.y, 2));
+}
+function Kr(e, t) {
+  let {
+    data: {
+      value: n
+    }
+  } = e, {
+    data: {
+      value: r
+    }
+  } = t;
+  return n - r;
+}
+function Qr(e, t) {
+  let {
+    data: {
+      value: n
+    }
+  } = e, {
+    data: {
+      value: r
+    }
+  } = t;
+  return r - n;
+}
+function Zr(e, t) {
+  if (!e || e.length === 0)
+    return null;
+  const [n] = e;
+  return n[t];
+}
+function hn(e, t, n) {
+  return t === void 0 && (t = e.left), n === void 0 && (n = e.top), {
+    x: t + e.width * 0.5,
+    y: n + e.height * 0.5
+  };
+}
+const eo = (e) => {
+  let {
+    collisionRect: t,
+    droppableRects: n,
+    droppableContainers: r
+  } = e;
+  const o = hn(t, t.left, t.top), s = [];
+  for (const i of r) {
+    const {
+      id: a
+    } = i, c = n.get(a);
+    if (c) {
+      const u = Jr(hn(c), o);
+      s.push({
+        id: a,
+        data: {
+          droppableContainer: i,
+          value: u
+        }
+      });
+    }
+  }
+  return s.sort(Kr);
+};
+function to(e, t) {
+  const n = Math.max(t.top, e.top), r = Math.max(t.left, e.left), o = Math.min(t.left + t.width, e.left + e.width), s = Math.min(t.top + t.height, e.top + e.height), i = o - r, a = s - n;
+  if (r < o && n < s) {
+    const c = t.width * t.height, u = e.width * e.height, h = i * a, f = h / (c + u - h);
+    return Number(f.toFixed(4));
+  }
+  return 0;
+}
+const no = (e) => {
+  let {
+    collisionRect: t,
+    droppableRects: n,
+    droppableContainers: r
+  } = e;
+  const o = [];
+  for (const s of r) {
+    const {
+      id: i
+    } = s, a = n.get(i);
+    if (a) {
+      const c = to(a, t);
+      c > 0 && o.push({
+        id: i,
+        data: {
+          droppableContainer: s,
+          value: c
+        }
+      });
+    }
+  }
+  return o.sort(Qr);
+};
+function ro(e, t, n) {
+  return {
+    ...e,
+    scaleX: t && n ? t.width / n.width : 1,
+    scaleY: t && n ? t.height / n.height : 1
+  };
+}
+function kn(e, t) {
+  return e && t ? {
+    x: e.left - t.left,
+    y: e.top - t.top
+  } : ce;
+}
+function oo(e) {
+  return function(n) {
+    for (var r = arguments.length, o = new Array(r > 1 ? r - 1 : 0), s = 1; s < r; s++)
+      o[s - 1] = arguments[s];
+    return o.reduce((i, a) => ({
+      ...i,
+      top: i.top + e * a.y,
+      bottom: i.bottom + e * a.y,
+      left: i.left + e * a.x,
+      right: i.right + e * a.x
+    }), {
+      ...n
+    });
+  };
+}
+const so = /* @__PURE__ */ oo(1);
+function io(e) {
+  if (e.startsWith("matrix3d(")) {
+    const t = e.slice(9, -1).split(/, /);
+    return {
+      x: +t[12],
+      y: +t[13],
+      scaleX: +t[0],
+      scaleY: +t[5]
+    };
+  } else if (e.startsWith("matrix(")) {
+    const t = e.slice(7, -1).split(/, /);
+    return {
+      x: +t[4],
+      y: +t[5],
+      scaleX: +t[0],
+      scaleY: +t[3]
+    };
+  }
+  return null;
+}
+function ao(e, t, n) {
+  const r = io(t);
+  if (!r)
+    return e;
+  const {
+    scaleX: o,
+    scaleY: s,
+    x: i,
+    y: a
+  } = r, c = e.left - i - (1 - o) * parseFloat(n), u = e.top - a - (1 - s) * parseFloat(n.slice(n.indexOf(" ") + 1)), h = o ? e.width / o : e.width, f = s ? e.height / s : e.height;
+  return {
+    width: h,
+    height: f,
+    top: u,
+    right: c + h,
+    bottom: u + f,
+    left: c
+  };
+}
+const lo = {
+  ignoreTransform: !1
+};
+function Ve(e, t) {
+  t === void 0 && (t = lo);
+  let n = e.getBoundingClientRect();
+  if (t.ignoreTransform) {
+    const {
+      transform: u,
+      transformOrigin: h
+    } = ee(e).getComputedStyle(e);
+    u && (n = ao(n, u, h));
+  }
+  const {
+    top: r,
+    left: o,
+    width: s,
+    height: i,
+    bottom: a,
+    right: c
+  } = n;
+  return {
+    top: r,
+    left: o,
+    width: s,
+    height: i,
+    bottom: a,
+    right: c
+  };
+}
+function gn(e) {
+  return Ve(e, {
+    ignoreTransform: !0
+  });
+}
+function co(e) {
+  const t = e.innerWidth, n = e.innerHeight;
+  return {
+    top: 0,
+    left: 0,
+    right: t,
+    bottom: n,
+    width: t,
+    height: n
+  };
+}
+function uo(e, t) {
+  return t === void 0 && (t = ee(e).getComputedStyle(e)), t.position === "fixed";
+}
+function fo(e, t) {
+  t === void 0 && (t = ee(e).getComputedStyle(e));
+  const n = /(auto|scroll|overlay)/;
+  return ["overflow", "overflowX", "overflowY"].some((o) => {
+    const s = t[o];
+    return typeof s == "string" ? n.test(s) : !1;
+  });
+}
+function Wt(e, t) {
+  const n = [];
+  function r(o) {
+    if (t != null && n.length >= t || !o)
+      return n;
+    if (Bt(o) && o.scrollingElement != null && !n.includes(o.scrollingElement))
+      return n.push(o.scrollingElement), n;
+    if (!at(o) || Tn(o) || n.includes(o))
+      return n;
+    const s = ee(e).getComputedStyle(o);
+    return o !== e && fo(o, s) && n.push(o), uo(o, s) ? n : r(o.parentNode);
+  }
+  return e ? r(e) : n;
+}
+function Ln(e) {
+  const [t] = Wt(e, 1);
+  return t ?? null;
+}
+function At(e) {
+  return !St || !e ? null : Be(e) ? e : Ft(e) ? Bt(e) || e === Ye(e).scrollingElement ? window : at(e) ? e : null : null;
+}
+function Pn(e) {
+  return Be(e) ? e.scrollX : e.scrollLeft;
+}
+function _n(e) {
+  return Be(e) ? e.scrollY : e.scrollTop;
+}
+function Pt(e) {
+  return {
+    x: Pn(e),
+    y: _n(e)
+  };
+}
+var V;
+(function(e) {
+  e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
+})(V || (V = {}));
+function $n(e) {
+  return !St || !e ? !1 : e === document.scrollingElement;
+}
+function zn(e) {
+  const t = {
+    x: 0,
+    y: 0
+  }, n = $n(e) ? {
+    height: window.innerHeight,
+    width: window.innerWidth
+  } : {
+    height: e.clientHeight,
+    width: e.clientWidth
+  }, r = {
+    x: e.scrollWidth - n.width,
+    y: e.scrollHeight - n.height
+  }, o = e.scrollTop <= t.y, s = e.scrollLeft <= t.x, i = e.scrollTop >= r.y, a = e.scrollLeft >= r.x;
+  return {
+    isTop: o,
+    isLeft: s,
+    isBottom: i,
+    isRight: a,
+    maxScroll: r,
+    minScroll: t
+  };
+}
+const ho = {
+  x: 0.2,
+  y: 0.2
+};
+function go(e, t, n, r, o) {
+  let {
+    top: s,
+    left: i,
+    right: a,
+    bottom: c
+  } = n;
+  r === void 0 && (r = 10), o === void 0 && (o = ho);
+  const {
+    isTop: u,
+    isBottom: h,
+    isLeft: f,
+    isRight: p
+  } = zn(e), g = {
+    x: 0,
+    y: 0
+  }, y = {
+    x: 0,
+    y: 0
+  }, v = {
+    height: t.height * o.y,
+    width: t.width * o.x
+  };
+  return !u && s <= t.top + v.height ? (g.y = V.Backward, y.y = r * Math.abs((t.top + v.height - s) / v.height)) : !h && c >= t.bottom - v.height && (g.y = V.Forward, y.y = r * Math.abs((t.bottom - v.height - c) / v.height)), !p && a >= t.right - v.width ? (g.x = V.Forward, y.x = r * Math.abs((t.right - v.width - a) / v.width)) : !f && i <= t.left + v.width && (g.x = V.Backward, y.x = r * Math.abs((t.left + v.width - i) / v.width)), {
+    direction: g,
+    speed: y
+  };
+}
+function po(e) {
+  if (e === document.scrollingElement) {
+    const {
+      innerWidth: s,
+      innerHeight: i
+    } = window;
+    return {
+      top: 0,
+      left: 0,
+      right: s,
+      bottom: i,
+      width: s,
+      height: i
+    };
+  }
+  const {
+    top: t,
+    left: n,
+    right: r,
+    bottom: o
+  } = e.getBoundingClientRect();
+  return {
+    top: t,
+    left: n,
+    right: r,
+    bottom: o,
+    width: e.clientWidth,
+    height: e.clientHeight
+  };
+}
+function Fn(e) {
+  return e.reduce((t, n) => $e(t, Pt(n)), ce);
+}
+function vo(e) {
+  return e.reduce((t, n) => t + Pn(n), 0);
+}
+function bo(e) {
+  return e.reduce((t, n) => t + _n(n), 0);
+}
+function xo(e, t) {
+  if (t === void 0 && (t = Ve), !e)
+    return;
+  const {
+    top: n,
+    left: r,
+    bottom: o,
+    right: s
+  } = t(e);
+  Ln(e) && (o <= 0 || s <= 0 || n >= window.innerHeight || r >= window.innerWidth) && e.scrollIntoView({
+    block: "center",
+    inline: "center"
+  });
+}
+const mo = [["x", ["left", "right"], vo], ["y", ["top", "bottom"], bo]];
+class Ut {
+  constructor(t, n) {
+    this.rect = void 0, this.width = void 0, this.height = void 0, this.top = void 0, this.bottom = void 0, this.right = void 0, this.left = void 0;
+    const r = Wt(n), o = Fn(r);
+    this.rect = {
+      ...t
+    }, this.width = t.width, this.height = t.height;
+    for (const [s, i, a] of mo)
+      for (const c of i)
+        Object.defineProperty(this, c, {
+          get: () => {
+            const u = a(r), h = o[s] - u;
+            return this.rect[c] + h;
+          },
+          enumerable: !0
+        });
+    Object.defineProperty(this, "rect", {
+      enumerable: !1
+    });
+  }
+}
+class Qe {
+  constructor(t) {
+    this.target = void 0, this.listeners = [], this.removeAll = () => {
+      this.listeners.forEach((n) => {
+        var r;
+        return (r = this.target) == null ? void 0 : r.removeEventListener(...n);
+      });
+    }, this.target = t;
+  }
+  add(t, n, r) {
+    var o;
+    (o = this.target) == null || o.addEventListener(t, n, r), this.listeners.push([t, n, r]);
+  }
+}
+function yo(e) {
+  const {
+    EventTarget: t
+  } = ee(e);
+  return e instanceof t ? e : Ye(e);
+}
+function It(e, t) {
+  const n = Math.abs(e.x), r = Math.abs(e.y);
+  return typeof t == "number" ? Math.sqrt(n ** 2 + r ** 2) > t : "x" in t && "y" in t ? n > t.x && r > t.y : "x" in t ? n > t.x : "y" in t ? r > t.y : !1;
+}
+var ae;
+(function(e) {
+  e.Click = "click", e.DragStart = "dragstart", e.Keydown = "keydown", e.ContextMenu = "contextmenu", e.Resize = "resize", e.SelectionChange = "selectionchange", e.VisibilityChange = "visibilitychange";
+})(ae || (ae = {}));
+function pn(e) {
+  e.preventDefault();
+}
+function wo(e) {
+  e.stopPropagation();
+}
+var T;
+(function(e) {
+  e.Space = "Space", e.Down = "ArrowDown", e.Right = "ArrowRight", e.Left = "ArrowLeft", e.Up = "ArrowUp", e.Esc = "Escape", e.Enter = "Enter", e.Tab = "Tab";
+})(T || (T = {}));
+const Bn = {
+  start: [T.Space, T.Enter],
+  cancel: [T.Esc],
+  end: [T.Space, T.Enter, T.Tab]
+}, So = (e, t) => {
+  let {
+    currentCoordinates: n
+  } = t;
+  switch (e.code) {
+    case T.Right:
+      return {
+        ...n,
+        x: n.x + 25
+      };
+    case T.Left:
+      return {
+        ...n,
+        x: n.x - 25
+      };
+    case T.Down:
+      return {
+        ...n,
+        y: n.y + 25
+      };
+    case T.Up:
+      return {
+        ...n,
+        y: n.y - 25
+      };
+  }
+};
+class Xt {
+  constructor(t) {
+    this.props = void 0, this.autoScrollEnabled = !1, this.referenceCoordinates = void 0, this.listeners = void 0, this.windowListeners = void 0, this.props = t;
+    const {
+      event: {
+        target: n
+      }
+    } = t;
+    this.props = t, this.listeners = new Qe(Ye(n)), this.windowListeners = new Qe(ee(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+  }
+  attach() {
+    this.handleStart(), this.windowListeners.add(ae.Resize, this.handleCancel), this.windowListeners.add(ae.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(ae.Keydown, this.handleKeyDown));
+  }
+  handleStart() {
+    const {
+      activeNode: t,
+      onStart: n
+    } = this.props, r = t.node.current;
+    r && xo(r), n(ce);
+  }
+  handleKeyDown(t) {
+    if (Vt(t)) {
+      const {
+        active: n,
+        context: r,
+        options: o
+      } = this.props, {
+        keyboardCodes: s = Bn,
+        coordinateGetter: i = So,
+        scrollBehavior: a = "smooth"
+      } = o, {
+        code: c
+      } = t;
+      if (s.end.includes(c)) {
+        this.handleEnd(t);
+        return;
+      }
+      if (s.cancel.includes(c)) {
+        this.handleCancel(t);
+        return;
+      }
+      const {
+        collisionRect: u
+      } = r.current, h = u ? {
+        x: u.left,
+        y: u.top
+      } : ce;
+      this.referenceCoordinates || (this.referenceCoordinates = h);
+      const f = i(t, {
+        active: n,
+        context: r.current,
+        currentCoordinates: h
+      });
+      if (f) {
+        const p = xt(f, h), g = {
+          x: 0,
+          y: 0
+        }, {
+          scrollableAncestors: y
+        } = r.current;
+        for (const v of y) {
+          const b = t.code, {
+            isTop: w,
+            isRight: j,
+            isLeft: C,
+            isBottom: R,
+            maxScroll: E,
+            minScroll: N
+          } = zn(v), x = po(v), S = {
+            x: Math.min(b === T.Right ? x.right - x.width / 2 : x.right, Math.max(b === T.Right ? x.left : x.left + x.width / 2, f.x)),
+            y: Math.min(b === T.Down ? x.bottom - x.height / 2 : x.bottom, Math.max(b === T.Down ? x.top : x.top + x.height / 2, f.y))
+          }, D = b === T.Right && !j || b === T.Left && !C, _ = b === T.Down && !R || b === T.Up && !w;
+          if (D && S.x !== f.x) {
+            const A = v.scrollLeft + p.x, B = b === T.Right && A <= E.x || b === T.Left && A >= N.x;
+            if (B && !p.y) {
+              v.scrollTo({
+                left: A,
+                behavior: a
+              });
+              return;
+            }
+            B ? g.x = v.scrollLeft - A : g.x = b === T.Right ? v.scrollLeft - E.x : v.scrollLeft - N.x, g.x && v.scrollBy({
+              left: -g.x,
+              behavior: a
+            });
+            break;
+          } else if (_ && S.y !== f.y) {
+            const A = v.scrollTop + p.y, B = b === T.Down && A <= E.y || b === T.Up && A >= N.y;
+            if (B && !p.x) {
+              v.scrollTo({
+                top: A,
+                behavior: a
+              });
+              return;
+            }
+            B ? g.y = v.scrollTop - A : g.y = b === T.Down ? v.scrollTop - E.y : v.scrollTop - N.y, g.y && v.scrollBy({
+              top: -g.y,
+              behavior: a
+            });
+            break;
+          }
+        }
+        this.handleMove(t, $e(xt(f, this.referenceCoordinates), g));
+      }
+    }
+  }
+  handleMove(t, n) {
+    const {
+      onMove: r
+    } = this.props;
+    t.preventDefault(), r(n);
+  }
+  handleEnd(t) {
+    const {
+      onEnd: n
+    } = this.props;
+    t.preventDefault(), this.detach(), n();
+  }
+  handleCancel(t) {
+    const {
+      onCancel: n
+    } = this.props;
+    t.preventDefault(), this.detach(), n();
+  }
+  detach() {
+    this.listeners.removeAll(), this.windowListeners.removeAll();
+  }
+}
+Xt.activators = [{
+  eventName: "onKeyDown",
+  handler: (e, t, n) => {
+    let {
+      keyboardCodes: r = Bn,
+      onActivation: o
+    } = t, {
+      active: s
+    } = n;
+    const {
+      code: i
+    } = e.nativeEvent;
+    if (r.start.includes(i)) {
+      const a = s.activatorNode.current;
+      return a && e.target !== a ? !1 : (e.preventDefault(), o?.({
+        event: e.nativeEvent
+      }), !0);
+    }
+    return !1;
+  }
+}];
+function vn(e) {
+  return !!(e && "distance" in e);
+}
+function bn(e) {
+  return !!(e && "delay" in e);
+}
+class Gt {
+  constructor(t, n, r) {
+    var o;
+    r === void 0 && (r = yo(t.event.target)), this.props = void 0, this.events = void 0, this.autoScrollEnabled = !0, this.document = void 0, this.activated = !1, this.initialCoordinates = void 0, this.timeoutId = null, this.listeners = void 0, this.documentListeners = void 0, this.windowListeners = void 0, this.props = t, this.events = n;
+    const {
+      event: s
+    } = t, {
+      target: i
+    } = s;
+    this.props = t, this.events = n, this.document = Ye(i), this.documentListeners = new Qe(this.document), this.listeners = new Qe(r), this.windowListeners = new Qe(ee(i)), this.initialCoordinates = (o = Lt(s)) != null ? o : ce, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
+  }
+  attach() {
+    const {
+      events: t,
+      props: {
+        options: {
+          activationConstraint: n,
+          bypassActivationConstraint: r
+        }
+      }
+    } = this;
+    if (this.listeners.add(t.move.name, this.handleMove, {
+      passive: !1
+    }), this.listeners.add(t.end.name, this.handleEnd), t.cancel && this.listeners.add(t.cancel.name, this.handleCancel), this.windowListeners.add(ae.Resize, this.handleCancel), this.windowListeners.add(ae.DragStart, pn), this.windowListeners.add(ae.VisibilityChange, this.handleCancel), this.windowListeners.add(ae.ContextMenu, pn), this.documentListeners.add(ae.Keydown, this.handleKeydown), n) {
+      if (r != null && r({
+        event: this.props.event,
+        activeNode: this.props.activeNode,
+        options: this.props.options
+      }))
+        return this.handleStart();
+      if (bn(n)) {
+        this.timeoutId = setTimeout(this.handleStart, n.delay), this.handlePending(n);
+        return;
+      }
+      if (vn(n)) {
+        this.handlePending(n);
+        return;
+      }
+    }
+    this.handleStart();
+  }
+  detach() {
+    this.listeners.removeAll(), this.windowListeners.removeAll(), setTimeout(this.documentListeners.removeAll, 50), this.timeoutId !== null && (clearTimeout(this.timeoutId), this.timeoutId = null);
+  }
+  handlePending(t, n) {
+    const {
+      active: r,
+      onPending: o
+    } = this.props;
+    o(r, t, this.initialCoordinates, n);
+  }
+  handleStart() {
+    const {
+      initialCoordinates: t
+    } = this, {
+      onStart: n
+    } = this.props;
+    t && (this.activated = !0, this.documentListeners.add(ae.Click, wo, {
+      capture: !0
+    }), this.removeTextSelection(), this.documentListeners.add(ae.SelectionChange, this.removeTextSelection), n(t));
+  }
+  handleMove(t) {
+    var n;
+    const {
+      activated: r,
+      initialCoordinates: o,
+      props: s
+    } = this, {
+      onMove: i,
+      options: {
+        activationConstraint: a
+      }
+    } = s;
+    if (!o)
+      return;
+    const c = (n = Lt(t)) != null ? n : ce, u = xt(o, c);
+    if (!r && a) {
+      if (vn(a)) {
+        if (a.tolerance != null && It(u, a.tolerance))
+          return this.handleCancel();
+        if (It(u, a.distance))
+          return this.handleStart();
+      }
+      if (bn(a) && It(u, a.tolerance))
+        return this.handleCancel();
+      this.handlePending(a, u);
+      return;
+    }
+    t.cancelable && t.preventDefault(), i(c);
+  }
+  handleEnd() {
+    const {
+      onAbort: t,
+      onEnd: n
+    } = this.props;
+    this.detach(), this.activated || t(this.props.active), n();
+  }
+  handleCancel() {
+    const {
+      onAbort: t,
+      onCancel: n
+    } = this.props;
+    this.detach(), this.activated || t(this.props.active), n();
+  }
+  handleKeydown(t) {
+    t.code === T.Esc && this.handleCancel();
+  }
+  removeTextSelection() {
+    var t;
+    (t = this.document.getSelection()) == null || t.removeAllRanges();
+  }
+}
+const Co = {
+  cancel: {
+    name: "pointercancel"
+  },
+  move: {
+    name: "pointermove"
+  },
+  end: {
+    name: "pointerup"
+  }
+};
+class Ht extends Gt {
+  constructor(t) {
+    const {
+      event: n
+    } = t, r = Ye(n.target);
+    super(t, Co, r);
+  }
+}
+Ht.activators = [{
+  eventName: "onPointerDown",
+  handler: (e, t) => {
+    let {
+      nativeEvent: n
+    } = e, {
+      onActivation: r
+    } = t;
+    return !n.isPrimary || n.button !== 0 ? !1 : (r?.({
+      event: n
+    }), !0);
+  }
+}];
+const Ro = {
+  move: {
+    name: "mousemove"
+  },
+  end: {
+    name: "mouseup"
+  }
+};
+var _t;
+(function(e) {
+  e[e.RightClick = 2] = "RightClick";
+})(_t || (_t = {}));
+class jo extends Gt {
+  constructor(t) {
+    super(t, Ro, Ye(t.event.target));
+  }
+}
+jo.activators = [{
+  eventName: "onMouseDown",
+  handler: (e, t) => {
+    let {
+      nativeEvent: n
+    } = e, {
+      onActivation: r
+    } = t;
+    return n.button === _t.RightClick ? !1 : (r?.({
+      event: n
+    }), !0);
+  }
+}];
+const Tt = {
+  cancel: {
+    name: "touchcancel"
+  },
+  move: {
+    name: "touchmove"
+  },
+  end: {
+    name: "touchend"
+  }
+};
+class Do extends Gt {
+  constructor(t) {
+    super(t, Tt);
+  }
+  static setup() {
+    return window.addEventListener(Tt.move.name, t, {
+      capture: !1,
+      passive: !1
+    }), function() {
+      window.removeEventListener(Tt.move.name, t);
+    };
+    function t() {
+    }
+  }
+}
+Do.activators = [{
+  eventName: "onTouchStart",
+  handler: (e, t) => {
+    let {
+      nativeEvent: n
+    } = e, {
+      onActivation: r
+    } = t;
+    const {
+      touches: o
+    } = n;
+    return o.length > 1 ? !1 : (r?.({
+      event: n
+    }), !0);
+  }
+}];
+var Ze;
+(function(e) {
+  e[e.Pointer = 0] = "Pointer", e[e.DraggableRect = 1] = "DraggableRect";
+})(Ze || (Ze = {}));
+var yt;
+(function(e) {
+  e[e.TreeOrder = 0] = "TreeOrder", e[e.ReversedTreeOrder = 1] = "ReversedTreeOrder";
+})(yt || (yt = {}));
+function No(e) {
+  let {
+    acceleration: t,
+    activator: n = Ze.Pointer,
+    canScroll: r,
+    draggingRect: o,
+    enabled: s,
+    interval: i = 5,
+    order: a = yt.TreeOrder,
+    pointerCoordinates: c,
+    scrollableAncestors: u,
+    scrollableAncestorRects: h,
+    delta: f,
+    threshold: p
+  } = e;
+  const g = Ao({
+    delta: f,
+    disabled: !s
+  }), [y, v] = Pr(), b = P({
+    x: 0,
+    y: 0
+  }), w = P({
+    x: 0,
+    y: 0
+  }), j = M(() => {
+    switch (n) {
+      case Ze.Pointer:
+        return c ? {
+          top: c.y,
+          bottom: c.y,
+          left: c.x,
+          right: c.x
+        } : null;
+      case Ze.DraggableRect:
+        return o;
+    }
+  }, [n, o, c]), C = P(null), R = Q(() => {
+    const N = C.current;
+    if (!N)
+      return;
+    const x = b.current.x * w.current.x, S = b.current.y * w.current.y;
+    N.scrollBy(x, S);
+  }, []), E = M(() => a === yt.TreeOrder ? [...u].reverse() : u, [a, u]);
+  k(
+    () => {
+      if (!s || !u.length || !j) {
+        v();
+        return;
+      }
+      for (const N of E) {
+        if (r?.(N) === !1)
+          continue;
+        const x = u.indexOf(N), S = h[x];
+        if (!S)
+          continue;
+        const {
+          direction: D,
+          speed: _
+        } = go(N, S, j, t, p);
+        for (const A of ["x", "y"])
+          g[A][D[A]] || (_[A] = 0, D[A] = 0);
+        if (_.x > 0 || _.y > 0) {
+          v(), C.current = N, y(R, i), b.current = _, w.current = D;
+          return;
+        }
+      }
+      b.current = {
+        x: 0,
+        y: 0
+      }, w.current = {
+        x: 0,
+        y: 0
+      }, v();
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      t,
+      R,
+      r,
+      v,
+      s,
+      i,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      JSON.stringify(j),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      JSON.stringify(g),
+      y,
+      u,
+      E,
+      h,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      JSON.stringify(p)
+    ]
+  );
+}
+const Eo = {
+  x: {
+    [V.Backward]: !1,
+    [V.Forward]: !1
+  },
+  y: {
+    [V.Backward]: !1,
+    [V.Forward]: !1
+  }
+};
+function Ao(e) {
+  let {
+    delta: t,
+    disabled: n
+  } = e;
+  const r = kt(t);
+  return lt((o) => {
+    if (n || !r || !o)
+      return Eo;
+    const s = {
+      x: Math.sign(t.x - r.x),
+      y: Math.sign(t.y - r.y)
+    };
+    return {
+      x: {
+        [V.Backward]: o.x[V.Backward] || s.x === -1,
+        [V.Forward]: o.x[V.Forward] || s.x === 1
+      },
+      y: {
+        [V.Backward]: o.y[V.Backward] || s.y === -1,
+        [V.Forward]: o.y[V.Forward] || s.y === 1
+      }
+    };
+  }, [n, t, r]);
+}
+function Io(e, t) {
+  const n = t != null ? e.get(t) : void 0, r = n ? n.node.current : null;
+  return lt((o) => {
+    var s;
+    return t == null ? null : (s = r ?? o) != null ? s : null;
+  }, [r, t]);
+}
+function To(e, t) {
+  return M(() => e.reduce((n, r) => {
+    const {
+      sensor: o
+    } = r, s = o.activators.map((i) => ({
+      eventName: i.eventName,
+      handler: t(i.handler, r)
+    }));
+    return [...n, ...s];
+  }, []), [e, t]);
+}
+var rt;
+(function(e) {
+  e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
+})(rt || (rt = {}));
+var $t;
+(function(e) {
+  e.Optimized = "optimized";
+})($t || ($t = {}));
+const xn = /* @__PURE__ */ new Map();
+function Oo(e, t) {
+  let {
+    dragging: n,
+    dependencies: r,
+    config: o
+  } = t;
+  const [s, i] = K(null), {
+    frequency: a,
+    measure: c,
+    strategy: u
+  } = o, h = P(e), f = b(), p = tt(f), g = Q(function(w) {
+    w === void 0 && (w = []), !p.current && i((j) => j === null ? w : j.concat(w.filter((C) => !j.includes(C))));
+  }, [p]), y = P(null), v = lt((w) => {
+    if (f && !n)
+      return xn;
+    if (!w || w === xn || h.current !== e || s != null) {
+      const j = /* @__PURE__ */ new Map();
+      for (let C of e) {
+        if (!C)
+          continue;
+        if (s && s.length > 0 && !s.includes(C.id) && C.rect.current) {
+          j.set(C.id, C.rect.current);
+          continue;
+        }
+        const R = C.node.current, E = R ? new Ut(c(R), R) : null;
+        C.rect.current = E, E && j.set(C.id, E);
+      }
+      return j;
+    }
+    return w;
+  }, [e, s, n, f, c]);
+  return k(() => {
+    h.current = e;
+  }, [e]), k(
+    () => {
+      f || g();
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [n, f]
+  ), k(
+    () => {
+      s && s.length > 0 && i(null);
+    },
+    //eslint-disable-next-line react-hooks/exhaustive-deps
+    [JSON.stringify(s)]
+  ), k(
+    () => {
+      f || typeof a != "number" || y.current !== null || (y.current = setTimeout(() => {
+        g(), y.current = null;
+      }, a));
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [a, f, g, ...r]
+  ), {
+    droppableRects: v,
+    measureDroppableContainers: g,
+    measuringScheduled: s != null
+  };
+  function b() {
+    switch (u) {
+      case rt.Always:
+        return !1;
+      case rt.BeforeDragging:
+        return n;
+      default:
+        return !n;
+    }
+  }
+}
+function Yn(e, t) {
+  return lt((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
+}
+function Mo(e, t) {
+  return Yn(e, t);
+}
+function ko(e) {
+  let {
+    callback: t,
+    disabled: n
+  } = e;
+  const r = Yt(t), o = M(() => {
+    if (n || typeof window > "u" || typeof window.MutationObserver > "u")
+      return;
+    const {
+      MutationObserver: s
+    } = window;
+    return new s(r);
+  }, [r, n]);
+  return k(() => () => o?.disconnect(), [o]), o;
+}
+function Ct(e) {
+  let {
+    callback: t,
+    disabled: n
+  } = e;
+  const r = Yt(t), o = M(
+    () => {
+      if (n || typeof window > "u" || typeof window.ResizeObserver > "u")
+        return;
+      const {
+        ResizeObserver: s
+      } = window;
+      return new s(r);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [n]
+  );
+  return k(() => () => o?.disconnect(), [o]), o;
+}
+function Lo(e) {
+  return new Ut(Ve(e), e);
+}
+function mn(e, t, n) {
+  t === void 0 && (t = Lo);
+  const [r, o] = K(null);
+  function s() {
+    o((c) => {
+      if (!e)
+        return null;
+      if (e.isConnected === !1) {
+        var u;
+        return (u = c ?? n) != null ? u : null;
+      }
+      const h = t(e);
+      return JSON.stringify(c) === JSON.stringify(h) ? c : h;
+    });
+  }
+  const i = ko({
+    callback(c) {
+      if (e)
+        for (const u of c) {
+          const {
+            type: h,
+            target: f
+          } = u;
+          if (h === "childList" && f instanceof HTMLElement && f.contains(e)) {
+            s();
+            break;
+          }
+        }
+    }
+  }), a = Ct({
+    callback: s
+  });
+  return pe(() => {
+    s(), e ? (a?.observe(e), i?.observe(document.body, {
+      childList: !0,
+      subtree: !0
+    })) : (a?.disconnect(), i?.disconnect());
+  }, [e]), r;
+}
+function Po(e) {
+  const t = Yn(e);
+  return kn(e, t);
+}
+const yn = [];
+function _o(e) {
+  const t = P(e), n = lt((r) => e ? r && r !== yn && e && t.current && e.parentNode === t.current.parentNode ? r : Wt(e) : yn, [e]);
+  return k(() => {
+    t.current = e;
+  }, [e]), n;
+}
+function $o(e) {
+  const [t, n] = K(null), r = P(e), o = Q((s) => {
+    const i = At(s.target);
+    i && n((a) => a ? (a.set(i, Pt(i)), new Map(a)) : null);
+  }, []);
+  return k(() => {
+    const s = r.current;
+    if (e !== s) {
+      i(s);
+      const a = e.map((c) => {
+        const u = At(c);
+        return u ? (u.addEventListener("scroll", o, {
+          passive: !0
+        }), [u, Pt(u)]) : null;
+      }).filter((c) => c != null);
+      n(a.length ? new Map(a) : null), r.current = e;
+    }
+    return () => {
+      i(e), i(s);
+    };
+    function i(a) {
+      a.forEach((c) => {
+        const u = At(c);
+        u?.removeEventListener("scroll", o);
+      });
+    }
+  }, [o, e]), M(() => e.length ? t ? Array.from(t.values()).reduce((s, i) => $e(s, i), ce) : Fn(e) : ce, [e, t]);
+}
+function wn(e, t) {
+  t === void 0 && (t = []);
+  const n = P(null);
+  return k(
+    () => {
+      n.current = null;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    t
+  ), k(() => {
+    const r = e !== ce;
+    r && !n.current && (n.current = e), !r && n.current && (n.current = null);
+  }, [e]), n.current ? xt(e, n.current) : ce;
+}
+function zo(e) {
+  k(
+    () => {
+      if (!St)
+        return;
+      const t = e.map((n) => {
+        let {
+          sensor: r
+        } = n;
+        return r.setup == null ? void 0 : r.setup();
+      });
+      return () => {
+        for (const n of t)
+          n?.();
+      };
+    },
+    // TO-DO: Sensors length could theoretically change which would not be a valid dependency
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    e.map((t) => {
+      let {
+        sensor: n
+      } = t;
+      return n;
+    })
+  );
+}
+function Fo(e, t) {
+  return M(() => e.reduce((n, r) => {
+    let {
+      eventName: o,
+      handler: s
+    } = r;
+    return n[o] = (i) => {
+      s(i, t);
+    }, n;
+  }, {}), [e, t]);
+}
+function Vn(e) {
+  return M(() => e ? co(e) : null, [e]);
+}
+const Sn = [];
+function Bo(e, t) {
+  t === void 0 && (t = Ve);
+  const [n] = e, r = Vn(n ? ee(n) : null), [o, s] = K(Sn);
+  function i() {
+    s(() => e.length ? e.map((c) => $n(c) ? r : new Ut(t(c), c)) : Sn);
+  }
+  const a = Ct({
+    callback: i
+  });
+  return pe(() => {
+    a?.disconnect(), i(), e.forEach((c) => a?.observe(c));
+  }, [e]), o;
+}
+function Yo(e) {
+  if (!e)
+    return null;
+  if (e.children.length > 1)
+    return e;
+  const t = e.children[0];
+  return at(t) ? t : e;
+}
+function Vo(e) {
+  let {
+    measure: t
+  } = e;
+  const [n, r] = K(null), o = Q((u) => {
+    for (const {
+      target: h
+    } of u)
+      if (at(h)) {
+        r((f) => {
+          const p = t(h);
+          return f ? {
+            ...f,
+            width: p.width,
+            height: p.height
+          } : p;
+        });
+        break;
+      }
+  }, [t]), s = Ct({
+    callback: o
+  }), i = Q((u) => {
+    const h = Yo(u);
+    s?.disconnect(), h && s?.observe(h), r(h ? t(h) : null);
+  }, [t, s]), [a, c] = bt(i);
+  return M(() => ({
+    nodeRef: a,
+    rect: n,
+    setRef: c
+  }), [n, a, c]);
+}
+const Wo = [{
+  sensor: Ht,
+  options: {}
+}, {
+  sensor: Xt,
+  options: {}
+}], Uo = {
+  current: {}
+}, vt = {
+  draggable: {
+    measure: gn
+  },
+  droppable: {
+    measure: gn,
+    strategy: rt.WhileDragging,
+    frequency: $t.Optimized
+  },
+  dragOverlay: {
+    measure: Ve
+  }
+};
+class et extends Map {
+  get(t) {
+    var n;
+    return t != null && (n = super.get(t)) != null ? n : void 0;
+  }
+  toArray() {
+    return Array.from(this.values());
+  }
+  getEnabled() {
+    return this.toArray().filter((t) => {
+      let {
+        disabled: n
+      } = t;
+      return !n;
+    });
+  }
+  getNodeFor(t) {
+    var n, r;
+    return (n = (r = this.get(t)) == null ? void 0 : r.node.current) != null ? n : void 0;
+  }
+}
+const Xo = {
+  activatorEvent: null,
+  active: null,
+  activeNode: null,
+  activeNodeRect: null,
+  collisions: null,
+  containerNodeRect: null,
+  draggableNodes: /* @__PURE__ */ new Map(),
+  droppableRects: /* @__PURE__ */ new Map(),
+  droppableContainers: /* @__PURE__ */ new et(),
+  over: null,
+  dragOverlay: {
+    nodeRef: {
+      current: null
+    },
+    rect: null,
+    setRef: mt
+  },
+  scrollableAncestors: [],
+  scrollableAncestorRects: [],
+  measuringConfiguration: vt,
+  measureDroppableContainers: mt,
+  windowRect: null,
+  measuringScheduled: !1
+}, Go = {
+  activatorEvent: null,
+  activators: [],
+  active: null,
+  activeNodeRect: null,
+  ariaDescribedById: {
+    draggable: ""
+  },
+  dispatch: mt,
+  draggableNodes: /* @__PURE__ */ new Map(),
+  over: null,
+  measureDroppableContainers: mt
+}, Rt = /* @__PURE__ */ st(Go), Wn = /* @__PURE__ */ st(Xo);
+function Ho() {
+  return {
+    draggable: {
+      active: null,
+      initialCoordinates: {
+        x: 0,
+        y: 0
+      },
+      nodes: /* @__PURE__ */ new Map(),
+      translate: {
+        x: 0,
+        y: 0
+      }
+    },
+    droppable: {
+      containers: new et()
+    }
+  };
+}
+function qo(e, t) {
+  switch (t.type) {
+    case Y.DragStart:
+      return {
+        ...e,
+        draggable: {
+          ...e.draggable,
+          initialCoordinates: t.initialCoordinates,
+          active: t.active
+        }
+      };
+    case Y.DragMove:
+      return e.draggable.active == null ? e : {
+        ...e,
+        draggable: {
+          ...e.draggable,
+          translate: {
+            x: t.coordinates.x - e.draggable.initialCoordinates.x,
+            y: t.coordinates.y - e.draggable.initialCoordinates.y
+          }
+        }
+      };
+    case Y.DragEnd:
+    case Y.DragCancel:
+      return {
+        ...e,
+        draggable: {
+          ...e.draggable,
+          active: null,
+          initialCoordinates: {
+            x: 0,
+            y: 0
+          },
+          translate: {
+            x: 0,
+            y: 0
+          }
+        }
+      };
+    case Y.RegisterDroppable: {
+      const {
+        element: n
+      } = t, {
+        id: r
+      } = n, o = new et(e.droppable.containers);
+      return o.set(r, n), {
+        ...e,
+        droppable: {
+          ...e.droppable,
+          containers: o
+        }
+      };
+    }
+    case Y.SetDroppableDisabled: {
+      const {
+        id: n,
+        key: r,
+        disabled: o
+      } = t, s = e.droppable.containers.get(n);
+      if (!s || r !== s.key)
+        return e;
+      const i = new et(e.droppable.containers);
+      return i.set(n, {
+        ...s,
+        disabled: o
+      }), {
+        ...e,
+        droppable: {
+          ...e.droppable,
+          containers: i
+        }
+      };
+    }
+    case Y.UnregisterDroppable: {
+      const {
+        id: n,
+        key: r
+      } = t, o = e.droppable.containers.get(n);
+      if (!o || r !== o.key)
+        return e;
+      const s = new et(e.droppable.containers);
+      return s.delete(n), {
+        ...e,
+        droppable: {
+          ...e.droppable,
+          containers: s
+        }
+      };
+    }
+    default:
+      return e;
+  }
+}
+function Jo(e) {
+  let {
+    disabled: t
+  } = e;
+  const {
+    active: n,
+    activatorEvent: r,
+    draggableNodes: o
+  } = Ee(Rt), s = kt(r), i = kt(n?.id);
+  return k(() => {
+    if (!t && !r && s && i != null) {
+      if (!Vt(s) || document.activeElement === s.target)
+        return;
+      const a = o.get(i);
+      if (!a)
+        return;
+      const {
+        activatorNode: c,
+        node: u
+      } = a;
+      if (!c.current && !u.current)
+        return;
+      requestAnimationFrame(() => {
+        for (const h of [c.current, u.current]) {
+          if (!h)
+            continue;
+          const f = zr(h);
+          if (f) {
+            f.focus();
+            break;
+          }
+        }
+      });
+    }
+  }, [r, t, o, i, s]), null;
+}
+function Ko(e, t) {
+  let {
+    transform: n,
+    ...r
+  } = t;
+  return e != null && e.length ? e.reduce((o, s) => s({
+    transform: o,
+    ...r
+  }), n) : n;
+}
+function Qo(e) {
+  return M(
+    () => ({
+      draggable: {
+        ...vt.draggable,
+        ...e?.draggable
+      },
+      droppable: {
+        ...vt.droppable,
+        ...e?.droppable
+      },
+      dragOverlay: {
+        ...vt.dragOverlay,
+        ...e?.dragOverlay
+      }
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [e?.draggable, e?.droppable, e?.dragOverlay]
+  );
+}
+function Zo(e) {
+  let {
+    activeNode: t,
+    measure: n,
+    initialRect: r,
+    config: o = !0
+  } = e;
+  const s = P(!1), {
+    x: i,
+    y: a
+  } = typeof o == "boolean" ? {
+    x: o,
+    y: o
+  } : o;
+  pe(() => {
+    if (!i && !a || !t) {
+      s.current = !1;
+      return;
+    }
+    if (s.current || !r)
+      return;
+    const u = t?.node.current;
+    if (!u || u.isConnected === !1)
+      return;
+    const h = n(u), f = kn(h, r);
+    if (i || (f.x = 0), a || (f.y = 0), s.current = !0, Math.abs(f.x) > 0 || Math.abs(f.y) > 0) {
+      const p = Ln(u);
+      p && p.scrollBy({
+        top: f.y,
+        left: f.x
+      });
+    }
+  }, [t, i, a, r, n]);
+}
+const Un = /* @__PURE__ */ st({
+  ...ce,
+  scaleX: 1,
+  scaleY: 1
+});
+var Re;
+(function(e) {
+  e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
+})(Re || (Re = {}));
+const es = /* @__PURE__ */ lr(function(t) {
+  var n, r, o, s;
+  let {
+    id: i,
+    accessibility: a,
+    autoScroll: c = !0,
+    children: u,
+    sensors: h = Wo,
+    collisionDetection: f = no,
+    measuring: p,
+    modifiers: g,
+    ...y
+  } = t;
+  const v = cr(qo, void 0, Ho), [b, w] = v, [j, C] = Ur(), [R, E] = K(Re.Uninitialized), N = R === Re.Initialized, {
+    draggable: {
+      active: x,
+      nodes: S,
+      translate: D
+    },
+    droppable: {
+      containers: _
+    }
+  } = b, A = x != null ? S.get(x) : null, B = P({
+    initial: null,
+    translated: null
+  }), z = M(() => {
+    var J;
+    return x != null ? {
+      id: x,
+      // It's possible for the active node to unmount while dragging
+      data: (J = A?.data) != null ? J : Uo,
+      rect: B
+    } : null;
+  }, [x, A]), G = P(null), [F, le] = K(null), [H, De] = K(null), se = tt(y, Object.values(y)), xe = ct("DndDescribedBy", i), d = M(() => _.getEnabled(), [_]), m = Qo(p), {
+    droppableRects: I,
+    measureDroppableContainers: L,
+    measuringScheduled: ue
+  } = Oo(d, {
+    dragging: N,
+    dependencies: [D.x, D.y],
+    config: m.droppable
+  }), q = Io(S, x), $ = M(() => H ? Lt(H) : null, [H]), Z = ir(), te = Mo(q, m.draggable.measure);
+  Zo({
+    activeNode: x != null ? S.get(x) : null,
+    config: Z.layoutShiftCompensation,
+    initialRect: te,
+    measure: m.draggable.measure
+  });
+  const O = mn(q, m.draggable.measure, te), We = mn(q ? q.parentElement : null), de = P({
+    activatorEvent: null,
+    active: null,
+    activeNode: q,
+    collisionRect: null,
+    collisions: null,
+    droppableRects: I,
+    draggableNodes: S,
+    draggingNode: null,
+    draggingNodeRect: null,
+    droppableContainers: _,
+    over: null,
+    scrollableAncestors: [],
+    scrollAdjustedTranslate: null
+  }), Ae = _.getNodeFor((n = de.current.over) == null ? void 0 : n.id), ve = Vo({
+    measure: m.dragOverlay.measure
+  }), Ie = (r = ve.nodeRef.current) != null ? r : q, Te = N ? (o = ve.rect) != null ? o : O : null, Jt = !!(ve.nodeRef.current && ve.rect), Kt = Po(Jt ? null : O), jt = Vn(Ie ? ee(Ie) : null), me = _o(N ? Ae ?? q : null), ut = Bo(me), dt = Ko(g, {
+    transform: {
+      x: D.x - Kt.x,
+      y: D.y - Kt.y,
+      scaleX: 1,
+      scaleY: 1
+    },
+    activatorEvent: H,
+    active: z,
+    activeNodeRect: O,
+    containerNodeRect: We,
+    draggingNodeRect: Te,
+    over: de.current.over,
+    overlayNodeRect: ve.rect,
+    scrollableAncestors: me,
+    scrollableAncestorRects: ut,
+    windowRect: jt
+  }), Qt = $ ? $e($, D) : null, Zt = $o(me), Zn = wn(Zt), er = wn(Zt, [O]), Oe = $e(dt, Zn), Me = Te ? so(Te, dt) : null, Ue = z && Me ? f({
+    active: z,
+    collisionRect: Me,
+    droppableRects: I,
+    droppableContainers: d,
+    pointerCoordinates: Qt
+  }) : null, en = Zr(Ue, "id"), [ye, tn] = K(null), tr = Jt ? dt : $e(dt, er), nr = ro(tr, (s = ye?.rect) != null ? s : null, O), Dt = P(null), nn = Q(
+    (J, ne) => {
+      let {
+        sensor: re,
+        options: we
+      } = ne;
+      if (G.current == null)
+        return;
+      const ie = S.get(G.current);
+      if (!ie)
+        return;
+      const oe = J.nativeEvent, fe = new re({
+        active: G.current,
+        activeNode: ie,
+        event: oe,
+        options: we,
+        // Sensors need to be instantiated with refs for arguments that change over time
+        // otherwise they are frozen in time with the stale arguments
+        context: de,
+        onAbort(U) {
+          if (!S.get(U))
+            return;
+          const {
+            onDragAbort: he
+          } = se.current, be = {
+            id: U
+          };
+          he?.(be), j({
+            type: "onDragAbort",
+            event: be
+          });
+        },
+        onPending(U, Se, he, be) {
+          if (!S.get(U))
+            return;
+          const {
+            onDragPending: Ge
+          } = se.current, Ce = {
+            id: U,
+            constraint: Se,
+            initialCoordinates: he,
+            offset: be
+          };
+          Ge?.(Ce), j({
+            type: "onDragPending",
+            event: Ce
+          });
+        },
+        onStart(U) {
+          const Se = G.current;
+          if (Se == null)
+            return;
+          const he = S.get(Se);
+          if (!he)
+            return;
+          const {
+            onDragStart: be
+          } = se.current, Xe = {
+            activatorEvent: oe,
+            active: {
+              id: Se,
+              data: he.data,
+              rect: B
+            }
+          };
+          ft(() => {
+            be?.(Xe), E(Re.Initializing), w({
+              type: Y.DragStart,
+              initialCoordinates: U,
+              active: Se
+            }), j({
+              type: "onDragStart",
+              event: Xe
+            }), le(Dt.current), De(oe);
+          });
+        },
+        onMove(U) {
+          w({
+            type: Y.DragMove,
+            coordinates: U
+          });
+        },
+        onEnd: ke(Y.DragEnd),
+        onCancel: ke(Y.DragCancel)
+      });
+      Dt.current = fe;
+      function ke(U) {
+        return async function() {
+          const {
+            active: he,
+            collisions: be,
+            over: Xe,
+            scrollAdjustedTranslate: Ge
+          } = de.current;
+          let Ce = null;
+          if (he && Ge) {
+            const {
+              cancelDrop: He
+            } = se.current;
+            Ce = {
+              activatorEvent: oe,
+              active: he,
+              collisions: be,
+              delta: Ge,
+              over: Xe
+            }, U === Y.DragEnd && typeof He == "function" && await Promise.resolve(He(Ce)) && (U = Y.DragCancel);
+          }
+          G.current = null, ft(() => {
+            w({
+              type: U
+            }), E(Re.Uninitialized), tn(null), le(null), De(null), Dt.current = null;
+            const He = U === Y.DragEnd ? "onDragEnd" : "onDragCancel";
+            if (Ce) {
+              const Nt = se.current[He];
+              Nt?.(Ce), j({
+                type: He,
+                event: Ce
+              });
+            }
+          });
+        };
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [S]
+  ), rr = Q((J, ne) => (re, we) => {
+    const ie = re.nativeEvent, oe = S.get(we);
+    if (
+      // Another sensor is already instantiating
+      G.current !== null || // No active draggable
+      !oe || // Event has already been captured
+      ie.dndKit || ie.defaultPrevented
+    )
+      return;
+    const fe = {
+      active: oe
+    };
+    J(re, ne.options, fe) === !0 && (ie.dndKit = {
+      capturedBy: ne.sensor
+    }, G.current = we, nn(re, ne));
+  }, [S, nn]), rn = To(h, rr);
+  zo(h), pe(() => {
+    O && R === Re.Initializing && E(Re.Initialized);
+  }, [O, R]), k(
+    () => {
+      const {
+        onDragMove: J
+      } = se.current, {
+        active: ne,
+        activatorEvent: re,
+        collisions: we,
+        over: ie
+      } = de.current;
+      if (!ne || !re)
+        return;
+      const oe = {
+        active: ne,
+        activatorEvent: re,
+        collisions: we,
+        delta: {
+          x: Oe.x,
+          y: Oe.y
+        },
+        over: ie
+      };
+      ft(() => {
+        J?.(oe), j({
+          type: "onDragMove",
+          event: oe
+        });
+      });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [Oe.x, Oe.y]
+  ), k(
+    () => {
+      const {
+        active: J,
+        activatorEvent: ne,
+        collisions: re,
+        droppableContainers: we,
+        scrollAdjustedTranslate: ie
+      } = de.current;
+      if (!J || G.current == null || !ne || !ie)
+        return;
+      const {
+        onDragOver: oe
+      } = se.current, fe = we.get(en), ke = fe && fe.rect.current ? {
+        id: fe.id,
+        rect: fe.rect.current,
+        data: fe.data,
+        disabled: fe.disabled
+      } : null, U = {
+        active: J,
+        activatorEvent: ne,
+        collisions: re,
+        delta: {
+          x: ie.x,
+          y: ie.y
+        },
+        over: ke
+      };
+      ft(() => {
+        tn(ke), oe?.(U), j({
+          type: "onDragOver",
+          event: U
+        });
+      });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [en]
+  ), pe(() => {
+    de.current = {
+      activatorEvent: H,
+      active: z,
+      activeNode: q,
+      collisionRect: Me,
+      collisions: Ue,
+      droppableRects: I,
+      draggableNodes: S,
+      draggingNode: Ie,
+      draggingNodeRect: Te,
+      droppableContainers: _,
+      over: ye,
+      scrollableAncestors: me,
+      scrollAdjustedTranslate: Oe
+    }, B.current = {
+      initial: Te,
+      translated: Me
+    };
+  }, [z, q, Ue, Me, S, Ie, Te, I, _, ye, me, Oe]), No({
+    ...Z,
+    delta: D,
+    draggingRect: Me,
+    pointerCoordinates: Qt,
+    scrollableAncestors: me,
+    scrollableAncestorRects: ut
+  });
+  const or = M(() => ({
+    active: z,
+    activeNode: q,
+    activeNodeRect: O,
+    activatorEvent: H,
+    collisions: Ue,
+    containerNodeRect: We,
+    dragOverlay: ve,
+    draggableNodes: S,
+    droppableContainers: _,
+    droppableRects: I,
+    over: ye,
+    measureDroppableContainers: L,
+    scrollableAncestors: me,
+    scrollableAncestorRects: ut,
+    measuringConfiguration: m,
+    measuringScheduled: ue,
+    windowRect: jt
+  }), [z, q, O, H, Ue, We, ve, S, _, I, ye, L, me, ut, m, ue, jt]), sr = M(() => ({
+    activatorEvent: H,
+    activators: rn,
+    active: z,
+    activeNodeRect: O,
+    ariaDescribedById: {
+      draggable: xe
+    },
+    dispatch: w,
+    draggableNodes: S,
+    over: ye,
+    measureDroppableContainers: L
+  }), [H, rn, z, O, w, xe, S, ye, L]);
+  return W.createElement(Mn.Provider, {
+    value: C
+  }, W.createElement(Rt.Provider, {
+    value: sr
+  }, W.createElement(Wn.Provider, {
+    value: or
+  }, W.createElement(Un.Provider, {
+    value: nr
+  }, u)), W.createElement(Jo, {
+    disabled: a?.restoreFocus === !1
+  })), W.createElement(Hr, {
+    ...a,
+    hiddenTextDescribedById: xe
+  }));
+  function ir() {
+    const J = F?.autoScrollEnabled === !1, ne = typeof c == "object" ? c.enabled === !1 : c === !1, re = N && !J && !ne;
+    return typeof c == "object" ? {
+      ...c,
+      enabled: re
+    } : {
+      enabled: re
+    };
+  }
+}), ts = /* @__PURE__ */ st(null), Cn = "button", ns = "Draggable";
+function rs(e) {
+  let {
+    id: t,
+    data: n,
+    disabled: r = !1,
+    attributes: o
+  } = e;
+  const s = ct(ns), {
+    activators: i,
+    activatorEvent: a,
+    active: c,
+    activeNodeRect: u,
+    ariaDescribedById: h,
+    draggableNodes: f,
+    over: p
+  } = Ee(Rt), {
+    role: g = Cn,
+    roleDescription: y = "draggable",
+    tabIndex: v = 0
+  } = o ?? {}, b = c?.id === t, w = Ee(b ? Un : ts), [j, C] = bt(), [R, E] = bt(), N = Fo(i, t), x = tt(n);
+  pe(
+    () => (f.set(t, {
+      id: t,
+      key: s,
+      node: j,
+      activatorNode: R,
+      data: x
+    }), () => {
+      const D = f.get(t);
+      D && D.key === s && f.delete(t);
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [f, t]
+  );
+  const S = M(() => ({
+    role: g,
+    tabIndex: v,
+    "aria-disabled": r,
+    "aria-pressed": b && g === Cn ? !0 : void 0,
+    "aria-roledescription": y,
+    "aria-describedby": h.draggable
+  }), [r, g, v, b, y, h.draggable]);
+  return {
+    active: c,
+    activatorEvent: a,
+    activeNodeRect: u,
+    attributes: S,
+    isDragging: b,
+    listeners: r ? void 0 : N,
+    node: j,
+    over: p,
+    setNodeRef: C,
+    setActivatorNodeRef: E,
+    transform: w
+  };
+}
+function os() {
+  return Ee(Wn);
+}
+const ss = "Droppable", is = {
+  timeout: 25
+};
+function as(e) {
+  let {
+    data: t,
+    disabled: n = !1,
+    id: r,
+    resizeObserverConfig: o
+  } = e;
+  const s = ct(ss), {
+    active: i,
+    dispatch: a,
+    over: c,
+    measureDroppableContainers: u
+  } = Ee(Rt), h = P({
+    disabled: n
+  }), f = P(!1), p = P(null), g = P(null), {
+    disabled: y,
+    updateMeasurementsFor: v,
+    timeout: b
+  } = {
+    ...is,
+    ...o
+  }, w = tt(v ?? r), j = Q(
+    () => {
+      if (!f.current) {
+        f.current = !0;
+        return;
+      }
+      g.current != null && clearTimeout(g.current), g.current = setTimeout(() => {
+        u(Array.isArray(w.current) ? w.current : [w.current]), g.current = null;
+      }, b);
+    },
+    //eslint-disable-next-line react-hooks/exhaustive-deps
+    [b]
+  ), C = Ct({
+    callback: j,
+    disabled: y || !i
+  }), R = Q((S, D) => {
+    C && (D && (C.unobserve(D), f.current = !1), S && C.observe(S));
+  }, [C]), [E, N] = bt(R), x = tt(t);
+  return k(() => {
+    !C || !E.current || (C.disconnect(), f.current = !1, C.observe(E.current));
+  }, [E, C]), k(
+    () => (a({
+      type: Y.RegisterDroppable,
+      element: {
+        id: r,
+        key: s,
+        disabled: n,
+        node: E,
+        rect: p,
+        data: x
+      }
+    }), () => a({
+      type: Y.UnregisterDroppable,
+      key: s,
+      id: r
+    })),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [r]
+  ), k(() => {
+    n !== h.current.disabled && (a({
+      type: Y.SetDroppableDisabled,
+      id: r,
+      key: s,
+      disabled: n
+    }), h.current.disabled = n);
+  }, [r, s, n, a]), {
+    active: i,
+    rect: p,
+    isOver: c?.id === r,
+    node: E,
+    over: c,
+    setNodeRef: N
+  };
+}
+function qt(e, t, n) {
+  const r = e.slice();
+  return r.splice(n < 0 ? r.length + n : n, 0, r.splice(t, 1)[0]), r;
+}
+function ls(e, t) {
+  return e.reduce((n, r, o) => {
+    const s = t.get(r);
+    return s && (n[o] = s), n;
+  }, Array(e.length));
+}
+function gt(e) {
+  return e !== null && e >= 0;
+}
+function cs(e, t) {
+  if (e === t)
+    return !0;
+  if (e.length !== t.length)
+    return !1;
+  for (let n = 0; n < e.length; n++)
+    if (e[n] !== t[n])
+      return !1;
+  return !0;
+}
+function us(e) {
+  return typeof e == "boolean" ? {
+    draggable: e,
+    droppable: e
+  } : e;
+}
+const Xn = (e) => {
+  let {
+    rects: t,
+    activeIndex: n,
+    overIndex: r,
+    index: o
+  } = e;
+  const s = qt(t, r, n), i = t[o], a = s[o];
+  return !a || !i ? null : {
+    x: a.left - i.left,
+    y: a.top - i.top,
+    scaleX: a.width / i.width,
+    scaleY: a.height / i.height
+  };
+}, pt = {
+  scaleX: 1,
+  scaleY: 1
+}, ds = (e) => {
+  var t;
+  let {
+    activeIndex: n,
+    activeNodeRect: r,
+    index: o,
+    rects: s,
+    overIndex: i
+  } = e;
+  const a = (t = s[n]) != null ? t : r;
+  if (!a)
+    return null;
+  if (o === n) {
+    const u = s[i];
+    return u ? {
+      x: 0,
+      y: n < i ? u.top + u.height - (a.top + a.height) : u.top - a.top,
+      ...pt
+    } : null;
+  }
+  const c = fs(s, o, n);
+  return o > n && o <= i ? {
+    x: 0,
+    y: -a.height - c,
+    ...pt
+  } : o < n && o >= i ? {
+    x: 0,
+    y: a.height + c,
+    ...pt
+  } : {
+    x: 0,
+    y: 0,
+    ...pt
+  };
+};
+function fs(e, t, n) {
+  const r = e[t], o = e[t - 1], s = e[t + 1];
+  return r ? n < t ? o ? r.top - (o.top + o.height) : s ? s.top - (r.top + r.height) : 0 : s ? s.top - (r.top + r.height) : o ? r.top - (o.top + o.height) : 0 : 0;
+}
+const Gn = "Sortable", Hn = /* @__PURE__ */ W.createContext({
+  activeIndex: -1,
+  containerId: Gn,
+  disableTransforms: !1,
+  items: [],
+  overIndex: -1,
+  useDragOverlay: !1,
+  sortedRects: [],
+  strategy: Xn,
+  disabled: {
+    draggable: !1,
+    droppable: !1
+  }
+});
+function hs(e) {
+  let {
+    children: t,
+    id: n,
+    items: r,
+    strategy: o = Xn,
+    disabled: s = !1
+  } = e;
+  const {
+    active: i,
+    dragOverlay: a,
+    droppableRects: c,
+    over: u,
+    measureDroppableContainers: h
+  } = os(), f = ct(Gn, n), p = a.rect !== null, g = M(() => r.map((N) => typeof N == "object" && "id" in N ? N.id : N), [r]), y = i != null, v = i ? g.indexOf(i.id) : -1, b = u ? g.indexOf(u.id) : -1, w = P(g), j = !cs(g, w.current), C = b !== -1 && v === -1 || j, R = us(s);
+  pe(() => {
+    j && y && h(g);
+  }, [j, g, y, h]), k(() => {
+    w.current = g;
+  }, [g]);
+  const E = M(
+    () => ({
+      activeIndex: v,
+      containerId: f,
+      disabled: R,
+      disableTransforms: C,
+      items: g,
+      overIndex: b,
+      useDragOverlay: p,
+      sortedRects: ls(g, c),
+      strategy: o
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [v, f, R.draggable, R.droppable, C, g, b, c, p, o]
+  );
+  return W.createElement(Hn.Provider, {
+    value: E
+  }, t);
+}
+const gs = (e) => {
+  let {
+    id: t,
+    items: n,
+    activeIndex: r,
+    overIndex: o
+  } = e;
+  return qt(n, r, o).indexOf(t);
+}, ps = (e) => {
+  let {
+    containerId: t,
+    isSorting: n,
+    wasDragging: r,
+    index: o,
+    items: s,
+    newIndex: i,
+    previousItems: a,
+    previousContainerId: c,
+    transition: u
+  } = e;
+  return !u || !r || a !== s && o === i ? !1 : n ? !0 : i !== o && t === c;
+}, vs = {
+  duration: 200,
+  easing: "ease"
+}, qn = "transform", bs = /* @__PURE__ */ nt.Transition.toString({
+  property: qn,
+  duration: 0,
+  easing: "linear"
+}), xs = {
+  roleDescription: "sortable"
+};
+function ms(e) {
+  let {
+    disabled: t,
+    index: n,
+    node: r,
+    rect: o
+  } = e;
+  const [s, i] = K(null), a = P(n);
+  return pe(() => {
+    if (!t && n !== a.current && r.current) {
+      const c = o.current;
+      if (c) {
+        const u = Ve(r.current, {
+          ignoreTransform: !0
+        }), h = {
+          x: c.left - u.left,
+          y: c.top - u.top,
+          scaleX: c.width / u.width,
+          scaleY: c.height / u.height
+        };
+        (h.x || h.y) && i(h);
+      }
+    }
+    n !== a.current && (a.current = n);
+  }, [t, n, r, o]), k(() => {
+    s && i(null);
+  }, [s]), s;
+}
+function ys(e) {
+  let {
+    animateLayoutChanges: t = ps,
+    attributes: n,
+    disabled: r,
+    data: o,
+    getNewIndex: s = gs,
+    id: i,
+    strategy: a,
+    resizeObserverConfig: c,
+    transition: u = vs
+  } = e;
+  const {
+    items: h,
+    containerId: f,
+    activeIndex: p,
+    disabled: g,
+    disableTransforms: y,
+    sortedRects: v,
+    overIndex: b,
+    useDragOverlay: w,
+    strategy: j
+  } = Ee(Hn), C = ws(r, g), R = h.indexOf(i), E = M(() => ({
+    sortable: {
+      containerId: f,
+      index: R,
+      items: h
+    },
+    ...o
+  }), [f, o, R, h]), N = M(() => h.slice(h.indexOf(i)), [h, i]), {
+    rect: x,
+    node: S,
+    isOver: D,
+    setNodeRef: _
+  } = as({
+    id: i,
+    data: E,
+    disabled: C.droppable,
+    resizeObserverConfig: {
+      updateMeasurementsFor: N,
+      ...c
+    }
+  }), {
+    active: A,
+    activatorEvent: B,
+    activeNodeRect: z,
+    attributes: G,
+    setNodeRef: F,
+    listeners: le,
+    isDragging: H,
+    over: De,
+    setActivatorNodeRef: se,
+    transform: xe
+  } = rs({
+    id: i,
+    data: E,
+    attributes: {
+      ...xs,
+      ...n
+    },
+    disabled: C.draggable
+  }), d = Lr(_, F), m = !!A, I = m && !y && gt(p) && gt(b), L = !w && H, ue = L && I ? xe : null, $ = I ? ue ?? (a ?? j)({
+    rects: v,
+    activeNodeRect: z,
+    activeIndex: p,
+    overIndex: b,
+    index: R
+  }) : null, Z = gt(p) && gt(b) ? s({
+    id: i,
+    items: h,
+    activeIndex: p,
+    overIndex: b
+  }) : R, te = A?.id, O = P({
+    activeId: te,
+    items: h,
+    newIndex: Z,
+    containerId: f
+  }), We = h !== O.current.items, de = t({
+    active: A,
+    containerId: f,
+    isDragging: H,
+    isSorting: m,
+    id: i,
+    index: R,
+    items: h,
+    newIndex: O.current.newIndex,
+    previousItems: O.current.items,
+    previousContainerId: O.current.containerId,
+    transition: u,
+    wasDragging: O.current.activeId != null
+  }), Ae = ms({
+    disabled: !de,
+    index: R,
+    node: S,
+    rect: x
+  });
+  return k(() => {
+    m && O.current.newIndex !== Z && (O.current.newIndex = Z), f !== O.current.containerId && (O.current.containerId = f), h !== O.current.items && (O.current.items = h);
+  }, [m, Z, f, h]), k(() => {
+    if (te === O.current.activeId)
+      return;
+    if (te != null && O.current.activeId == null) {
+      O.current.activeId = te;
+      return;
+    }
+    const Ie = setTimeout(() => {
+      O.current.activeId = te;
+    }, 50);
+    return () => clearTimeout(Ie);
+  }, [te]), {
+    active: A,
+    activeIndex: p,
+    attributes: G,
+    data: E,
+    rect: x,
+    index: R,
+    newIndex: Z,
+    items: h,
+    isOver: D,
+    isSorting: m,
+    isDragging: H,
+    listeners: le,
+    node: S,
+    overIndex: b,
+    over: De,
+    setNodeRef: d,
+    setActivatorNodeRef: se,
+    setDroppableNodeRef: _,
+    setDraggableNodeRef: F,
+    transform: Ae ?? $,
+    transition: ve()
+  };
+  function ve() {
+    if (
+      // Temporarily disable transitions for a single frame to set up derived transforms
+      Ae || // Or to prevent items jumping to back to their "new" position when items change
+      We && O.current.newIndex === R
+    )
+      return bs;
+    if (!(L && !Vt(B) || !u) && (m || de))
+      return nt.Transition.toString({
+        ...u,
+        property: qn
+      });
+  }
+}
+function ws(e, t) {
+  var n, r;
+  return typeof e == "boolean" ? {
+    draggable: e,
+    // Backwards compatibility
+    droppable: !1
+  } : {
+    draggable: (n = e?.draggable) != null ? n : t.draggable,
+    droppable: (r = e?.droppable) != null ? r : t.droppable
+  };
+}
+T.Down, T.Right, T.Up, T.Left;
+const Ot = /* @__PURE__ */ new Map();
+function ot(e) {
+  if (!e) return X.FileText;
+  const t = Ot.get(e);
+  if (t) return t;
+  if (X[e])
+    return Ot.set(e, X[e]), X[e];
+  const n = e.split("-").filter(Boolean).map((r) => r.charAt(0).toUpperCase() + r.slice(1)).join("");
+  return X[n] ? (Ot.set(e, X[n]), X[n]) : X.FileText;
+}
+function ge(e, t) {
+  if (typeof e == "string") return e;
+  if (t) {
+    const n = t(e.key, { defaultValue: e.defaultValue, ...e.params });
+    if (n && n !== e.key) return n;
+  }
+  return e.defaultValue || e.key;
+}
+function Ss(e, t, n) {
+  const r = ge(e.label, n);
+  return t && e.type === "object" && e.objectName && typeof e.label == "string" ? t(e.objectName, r) : r;
+}
+const Cs = (e) => !(e === !1 || e === "false"), Rs = () => !0;
+function js(e, t) {
+  switch (e.type) {
+    case "object": {
+      const n = `${t}/${e.objectName ?? ""}`;
+      return { href: e.viewName ? `${n}/view/${e.viewName}` : n, external: !1 };
+    }
+    case "dashboard":
+      return { href: e.dashboardName ? `${t}/dashboard/${e.dashboardName}` : "#", external: !1 };
+    case "page":
+      return { href: e.pageName ? `${t}/page/${e.pageName}` : "#", external: !1 };
+    case "report":
+      return { href: e.reportName ? `${t}/report/${e.reportName}` : "#", external: !1 };
+    case "url":
+      return { href: e.url ?? "#", external: e.target === "_blank" };
+    default:
+      return { href: "#", external: !1 };
+  }
+}
+function Jn(e, t) {
+  if (!t.trim()) return e;
+  const n = t.toLowerCase().trim();
+  return e.reduce((r, o) => {
+    if (o.type === "separator") return r;
+    if (o.type === "group" && o.children?.length) {
+      const s = Jn(o.children, t);
+      return s.length > 0 && r.push({ ...o, children: s }), r;
+    }
+    return ge(o.label).toLowerCase().includes(n) && r.push(o), r;
+  }, []);
+}
+const Ds = 5;
+function Ns({
+  item: e,
+  basePath: t,
+  evalVis: n,
+  checkPerm: r,
+  onAction: o,
+  enablePinning: s,
+  onPinToggle: i,
+  enableReorder: a,
+  resolveObjectLabel: c,
+  t: u
+}) {
+  const {
+    attributes: h,
+    listeners: f,
+    setNodeRef: p,
+    transform: g,
+    transition: y,
+    isDragging: v
+  } = ys({ id: e.id, disabled: !a }), b = {
+    transform: nt.Transform.toString(g),
+    transition: y,
+    opacity: v ? 0.5 : void 0,
+    zIndex: v ? 10 : void 0
+  };
+  return /* @__PURE__ */ l.jsx("div", { ref: p, style: b, ...h, children: /* @__PURE__ */ l.jsx(
+    Le,
+    {
+      item: e,
+      basePath: t,
+      evalVis: n,
+      checkPerm: r,
+      onAction: o,
+      enablePinning: s,
+      onPinToggle: i,
+      dragListeners: a ? f : void 0,
+      resolveObjectLabel: c,
+      t: u
+    }
+  ) });
+}
+function Le({
+  item: e,
+  basePath: t,
+  evalVis: n,
+  checkPerm: r,
+  onAction: o,
+  enablePinning: s,
+  onPinToggle: i,
+  dragListeners: a,
+  resolveObjectLabel: c,
+  t: u
+}) {
+  const h = zt(), [f, p] = K(e.defaultOpen !== !1);
+  if (!n(e.visible) || e.requiredPermissions?.length && !r(e.requiredPermissions)) return null;
+  if (e.type === "separator")
+    return /* @__PURE__ */ l.jsx(hr, { className: "my-2" });
+  if (e.type === "group") {
+    const C = (e.children ?? []).slice().sort((R, E) => (R.order ?? 0) - (E.order ?? 0));
+    return /* @__PURE__ */ l.jsx(Rn, { open: f, onOpenChange: p, children: /* @__PURE__ */ l.jsxs(Pe, { children: [
+      /* @__PURE__ */ l.jsx(wt, { asChild: !0, children: /* @__PURE__ */ l.jsxs(jn, { className: "flex w-full items-center justify-between", children: [
+        ge(e.label, u),
+        /* @__PURE__ */ l.jsx(
+          X.ChevronRight,
+          {
+            className: `ml-auto h-4 w-4 transition-transform ${f ? "rotate-90" : ""}`
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ l.jsx(Dn, { children: /* @__PURE__ */ l.jsx(_e, { children: /* @__PURE__ */ l.jsx(je, { children: C.map((R) => /* @__PURE__ */ l.jsx(
+        Le,
+        {
+          item: R,
+          basePath: t,
+          evalVis: n,
+          checkPerm: r,
+          onAction: o,
+          enablePinning: s,
+          onPinToggle: i,
+          resolveObjectLabel: c,
+          t: u
+        },
+        R.id
+      )) }) }) })
+    ] }) });
+  }
+  if (e.type === "action") {
+    const C = ot(e.icon);
+    return /* @__PURE__ */ l.jsxs(ze, { children: [
+      a && /* @__PURE__ */ l.jsx("span", { className: "absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground", "aria-label": "Drag to reorder", ...a, children: /* @__PURE__ */ l.jsx(X.GripVertical, { className: "h-3.5 w-3.5" }) }),
+      /* @__PURE__ */ l.jsxs(
+        Fe,
+        {
+          tooltip: ge(e.label, u),
+          onClick: () => o?.(e),
+          children: [
+            /* @__PURE__ */ l.jsx(C, { className: "h-4 w-4" }),
+            /* @__PURE__ */ l.jsx("span", { children: ge(e.label, u) }),
+            e.badge != null && /* @__PURE__ */ l.jsx(Ke, { variant: e.badgeVariant ?? "default", className: "ml-auto text-[10px] px-1.5 py-0", children: e.badge })
+          ]
+        }
+      ),
+      s && i && /* @__PURE__ */ l.jsx(
+        on,
+        {
+          showOnHover: !e.pinned,
+          onClick: () => i(e.id, !e.pinned),
+          "aria-label": e.pinned ? `Unpin ${ge(e.label, u)}` : `Pin ${ge(e.label, u)}`,
+          children: e.pinned ? /* @__PURE__ */ l.jsx(X.PinOff, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ l.jsx(X.Pin, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] });
+  }
+  const g = ot(e.icon), { href: y, external: v } = js(e, t), b = y !== "#" && h.pathname.startsWith(y), w = Ss(e, c, u), j = /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx(g, { className: "h-4 w-4" }),
+    /* @__PURE__ */ l.jsx("span", { children: w }),
+    e.badge != null && /* @__PURE__ */ l.jsx(Ke, { variant: e.badgeVariant ?? "default", className: "ml-auto text-[10px] px-1.5 py-0", children: e.badge })
+  ] });
+  return /* @__PURE__ */ l.jsxs(ze, { children: [
+    a && /* @__PURE__ */ l.jsx("span", { className: "absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground", "aria-label": "Drag to reorder", ...a, children: /* @__PURE__ */ l.jsx(X.GripVertical, { className: "h-3.5 w-3.5" }) }),
+    /* @__PURE__ */ l.jsx(Fe, { asChild: !0, isActive: b, tooltip: w, children: v ? /* @__PURE__ */ l.jsx("a", { href: y, target: "_blank", rel: "noopener noreferrer", children: j }) : /* @__PURE__ */ l.jsx(An, { to: y, children: j }) }),
+    s && i && /* @__PURE__ */ l.jsx(
+      on,
+      {
+        showOnHover: !e.pinned,
+        onClick: () => i(e.id, !e.pinned),
+        "aria-label": e.pinned ? `Unpin ${w}` : `Pin ${w}`,
+        children: e.pinned ? /* @__PURE__ */ l.jsx(X.PinOff, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ l.jsx(X.Pin, { className: "h-3.5 w-3.5" })
+      }
+    )
+  ] });
+}
+function Kn({
+  items: e,
+  basePath: t = "",
+  evaluateVisibility: n = Cs,
+  checkPermission: r = Rs,
+  onAction: o,
+  searchQuery: s,
+  enablePinning: i,
+  onPinToggle: a,
+  enableReorder: c,
+  onReorder: u,
+  resolveObjectLabel: h,
+  t: f
+}) {
+  const p = M(
+    () => s ? Jn(e, s) : e,
+    [e, s]
+  ), g = M(
+    () => Qn(p),
+    [p]
+  ), y = p.slice().sort((x, S) => (x.order ?? 0) - (S.order ?? 0)), v = qr(
+    fn(Ht, { activationConstraint: { distance: Ds } }),
+    fn(Xt)
+  ), b = (x) => {
+    const { active: S, over: D } = x;
+    if (!D || S.id === D.id || !u) return;
+    const _ = y.findIndex((z) => z.id === S.id), A = y.findIndex((z) => z.id === D.id);
+    if (_ === -1 || A === -1) return;
+    const B = qt(y, _, A).map((z, G) => ({
+      ...z,
+      order: G
+    }));
+    u(B);
+  }, w = {
+    basePath: t,
+    evalVis: n,
+    checkPerm: r,
+    onAction: o,
+    enablePinning: i,
+    onPinToggle: a,
+    resolveObjectLabel: h,
+    t: f
+  }, j = y.some((x) => x.type === "group"), C = g.length > 0 && i ? /* @__PURE__ */ l.jsxs(Pe, { children: [
+    /* @__PURE__ */ l.jsxs(wt, { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ l.jsx(X.Star, { className: "h-3.5 w-3.5" }),
+      "Favorites"
+    ] }),
+    /* @__PURE__ */ l.jsx(_e, { children: /* @__PURE__ */ l.jsx(je, { children: g.map((x) => /* @__PURE__ */ l.jsx(
+      Le,
+      {
+        item: x,
+        ...w
+      },
+      `fav-${x.id}`
+    )) }) })
+  ] }) : null;
+  if (!j) {
+    const x = y.filter((D) => D.type !== "group").map((D) => D.id), S = c ? /* @__PURE__ */ l.jsx(es, { sensors: v, collisionDetection: eo, onDragEnd: b, children: /* @__PURE__ */ l.jsx(hs, { items: x, strategy: ds, children: /* @__PURE__ */ l.jsx(je, { children: y.map((D) => /* @__PURE__ */ l.jsx(
+      Ns,
+      {
+        item: D,
+        enableReorder: c,
+        ...w
+      },
+      D.id
+    )) }) }) }) : /* @__PURE__ */ l.jsx(je, { children: y.map((D) => /* @__PURE__ */ l.jsx(
+      Le,
+      {
+        item: D,
+        ...w
+      },
+      D.id
+    )) });
+    return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+      C,
+      /* @__PURE__ */ l.jsx(Pe, { children: /* @__PURE__ */ l.jsx(_e, { children: S }) })
+    ] });
+  }
+  const R = [];
+  let E = [];
+  const N = (x) => {
+    if (E.length === 0) return;
+    const S = E;
+    E = [], R.push(
+      /* @__PURE__ */ l.jsx(Pe, { children: /* @__PURE__ */ l.jsx(_e, { children: /* @__PURE__ */ l.jsx(je, { children: S.map((D) => /* @__PURE__ */ l.jsx(
+        Le,
+        {
+          item: D,
+          ...w
+        },
+        D.id
+      )) }) }) }, x)
+    );
+  };
+  return y.forEach((x, S) => {
+    x.type === "group" ? (N(`leaf-${S}`), R.push(
+      /* @__PURE__ */ l.jsx(
+        Le,
+        {
+          item: x,
+          ...w
+        },
+        x.id
+      )
+    )) : E.push(x);
+  }), N("leaf-end"), /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    C,
+    R
+  ] });
+}
+function Qn(e) {
+  const t = [];
+  for (const n of e)
+    n.pinned && n.type !== "group" && n.type !== "separator" && t.push(n), n.children?.length && t.push(...Qn(n.children));
+  return t;
+}
+function Es({
+  areas: e,
+  activeAreaId: t,
+  onAreaChange: n,
+  evalVis: r,
+  checkPerm: o
+}) {
+  const s = e.filter((i) => !(!r(i.visible) || i.requiredPermissions?.length && !o(i.requiredPermissions)));
+  return s.length <= 1 ? null : /* @__PURE__ */ l.jsxs(Pe, { children: [
+    /* @__PURE__ */ l.jsxs(wt, { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ l.jsx(X.Layers, { className: "h-3.5 w-3.5" }),
+      "Area"
+    ] }),
+    /* @__PURE__ */ l.jsx(_e, { children: /* @__PURE__ */ l.jsx(je, { children: s.map((i) => {
+      const a = ot(i.icon);
+      return /* @__PURE__ */ l.jsx(ze, { children: /* @__PURE__ */ l.jsxs(
+        Fe,
+        {
+          isActive: i.id === t,
+          tooltip: ge(i.label),
+          onClick: () => n(i.id),
+          children: [
+            /* @__PURE__ */ l.jsx(a, { className: "h-4 w-4" }),
+            /* @__PURE__ */ l.jsx("span", { children: ge(i.label) })
+          ]
+        }
+      ) }, i.id);
+    }) }) })
+  ] });
+}
+function As({
+  items: e,
+  basePath: t
+}) {
+  const n = zt(), r = e.filter((o) => o.type !== "group" && o.type !== "separator").slice(0, 5);
+  return r.length === 0 ? null : /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: "fixed bottom-0 left-0 right-0 z-50 flex items-center justify-around border-t bg-background/95 backdrop-blur-sm px-2 py-1 sm:hidden safe-area-bottom",
+      role: "navigation",
+      "aria-label": "Mobile navigation",
+      children: r.map((o) => {
+        const s = ot(o.icon);
+        let i = "#";
+        o.type === "object" ? (i = `${t}/${o.objectName}`, o.viewName && (i += `/view/${o.viewName}`)) : o.type === "dashboard" ? i = o.dashboardName ? `${t}/dashboard/${o.dashboardName}` : "#" : o.type === "page" ? i = o.pageName ? `${t}/page/${o.pageName}` : "#" : o.type === "report" ? i = o.reportName ? `${t}/report/${o.reportName}` : "#" : o.type === "url" && (i = o.url ?? "#");
+        const a = i !== "#" && n.pathname.startsWith(i);
+        return /* @__PURE__ */ l.jsxs(
+          An,
+          {
+            to: i,
+            className: `flex flex-col items-center gap-0.5 px-2 py-1.5 transition-colors min-w-[44px] min-h-[44px] justify-center ${a ? "text-primary" : "text-muted-foreground hover:text-foreground"}`,
+            children: [
+              /* @__PURE__ */ l.jsx(s, { className: "h-5 w-5" }),
+              /* @__PURE__ */ l.jsx("span", { className: "text-[10px] truncate max-w-[60px]", children: ge(o.label) })
+            ]
+          },
+          o.id
+        );
+      })
+    }
+  );
+}
+function Is({
+  schema: e,
+  basePath: t,
+  evalVis: n,
+  checkPerm: r,
+  onAction: o,
+  sidebarHeader: s,
+  sidebarFooter: i,
+  sidebarExtra: a,
+  activeAreaId: c,
+  setActiveAreaId: u,
+  resolvedNavigation: h,
+  enableSearch: f,
+  enablePinning: p,
+  onPinToggle: g,
+  enableReorder: y,
+  onReorder: v
+}) {
+  const b = ot(e.logo), w = e.areas ?? [], [j, C] = K("");
+  return /* @__PURE__ */ l.jsxs(Nn, { collapsible: "icon", children: [
+    /* @__PURE__ */ l.jsxs(gr, { children: [
+      s ?? /* @__PURE__ */ l.jsx(je, { children: /* @__PURE__ */ l.jsx(ze, { children: /* @__PURE__ */ l.jsxs(Fe, { size: "lg", tooltip: e.title ?? e.name, children: [
+        /* @__PURE__ */ l.jsx("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-primary text-primary-foreground", children: e.logo && e.logo.startsWith("http") ? /* @__PURE__ */ l.jsx(
+          "img",
+          {
+            src: e.logo,
+            alt: e.title ?? "",
+            className: "size-6 object-contain"
+          }
+        ) : /* @__PURE__ */ l.jsx(b, { className: "size-4" }) }),
+        /* @__PURE__ */ l.jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+          /* @__PURE__ */ l.jsx("span", { className: "truncate font-semibold", children: e.title ?? e.name ?? "App" }),
+          e.description && /* @__PURE__ */ l.jsx("span", { className: "truncate text-xs text-muted-foreground", children: e.description })
+        ] })
+      ] }) }) }),
+      f && /* @__PURE__ */ l.jsx(
+        pr,
+        {
+          placeholder: "Search navigation…",
+          value: j,
+          onChange: (R) => C(R.target.value),
+          "aria-label": "Search navigation"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l.jsxs(En, { children: [
+      w.length > 1 && c && /* @__PURE__ */ l.jsx(
+        Es,
+        {
+          areas: w,
+          activeAreaId: c,
+          onAreaChange: u,
+          evalVis: n,
+          checkPerm: r
+        }
+      ),
+      /* @__PURE__ */ l.jsx(
+        Kn,
+        {
+          items: h,
+          basePath: t,
+          evaluateVisibility: n,
+          checkPermission: r,
+          onAction: o,
+          searchQuery: j,
+          enablePinning: p,
+          onPinToggle: g,
+          enableReorder: y,
+          onReorder: v
+        }
+      ),
+      a
+    ] }),
+    i && /* @__PURE__ */ l.jsx(vr, { children: i })
+  ] });
+}
+function Ts({
+  schema: e,
+  basePath: t = "",
+  mobileNavMode: n = "drawer",
+  evaluateVisibility: r,
+  checkPermission: o,
+  onAction: s,
+  navbar: i,
+  sidebarHeader: a,
+  sidebarFooter: c,
+  sidebarExtra: u,
+  children: h,
+  className: f,
+  defaultOpen: p = !0,
+  enableSearch: g,
+  enablePinning: y,
+  onPinToggle: v,
+  enableReorder: b,
+  onReorder: w
+}) {
+  const j = r ?? ((F) => !(F === !1 || F === "false")), C = o ?? (() => !0), R = M(
+    () => (e.menu ?? []).map((F, le) => Rr(F, le)),
+    [e.menu]
+  ), E = e.navigation ?? R, N = e.areas ?? [], [x, S] = K(
+    () => N.length > 0 ? N[0].id : null
+  ), D = N.map((F) => F.id).join(",");
+  k(() => {
+    N.length > 0 ? S(
+      (F) => N.some((le) => le.id === F) ? F : N[0].id
+    ) : S(null);
+  }, [e.name, D]);
+  const A = N.find((F) => F.id === x)?.navigation ?? E, B = {
+    title: e.title,
+    favicon: e.favicon,
+    logo: e.logo
+  }, z = /* @__PURE__ */ l.jsx(
+    Is,
+    {
+      schema: e,
+      basePath: t,
+      evalVis: j,
+      checkPerm: C,
+      onAction: s,
+      sidebarHeader: a,
+      sidebarFooter: c,
+      sidebarExtra: u,
+      activeAreaId: x,
+      setActiveAreaId: S,
+      resolvedNavigation: A,
+      enableSearch: g,
+      enablePinning: y,
+      onPinToggle: v,
+      enableReorder: b,
+      onReorder: w
+    }
+  ), G = n === "bottom_nav";
+  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx(
+      In,
+      {
+        sidebar: z,
+        navbar: i,
+        className: f,
+        defaultOpen: p,
+        branding: B,
+        children: h
+      }
+    ),
+    G && /* @__PURE__ */ l.jsx(As, { items: A, basePath: t })
+  ] });
+}
+const Os = (e) => e ? Array.isArray(e) ? e : [e] : [];
+function Ws({ schema: e, className: t, style: n, id: r, ...o }) {
+  const s = Os(e.children);
+  return /* @__PURE__ */ l.jsxs(
     "div",
     {
-      id: a || r.id,
-      className: h("flex flex-col h-full space-y-4", l),
-      style: t,
+      id: r || e.id,
+      className: it("flex flex-col h-full space-y-4", t),
+      style: n,
       children: [
-        /* @__PURE__ */ c.jsx(
-          N,
+        /* @__PURE__ */ l.jsx(
+          Mt,
           {
-            title: r.title,
-            description: r.description
+            title: e.title,
+            description: e.description
           }
         ),
-        /* @__PURE__ */ c.jsx("div", { className: "flex-1 overflow-auto", children: s.map((f, m) => /* @__PURE__ */ c.jsx(
-          be,
+        /* @__PURE__ */ l.jsx("div", { className: "flex-1 overflow-auto", children: s.map((i, a) => /* @__PURE__ */ l.jsx(
+          jr,
           {
-            schema: f,
-            ...n
+            schema: i,
+            ...o
           },
-          f?.id || m
+          i?.id || a
         )) })
       ]
     }
   );
 }
-function Ye({ items: r, title: l = "Application", className: t, collapsible: a = "icon" }) {
-  const n = ye();
-  return /* @__PURE__ */ c.jsx(ie, { className: t, collapsible: a, children: /* @__PURE__ */ c.jsx(ue, { children: /* @__PURE__ */ c.jsxs(de, { children: [
-    /* @__PURE__ */ c.jsx(fe, { children: l }),
-    /* @__PURE__ */ c.jsx(me, { children: /* @__PURE__ */ c.jsx(pe, { children: r.map((s) => /* @__PURE__ */ c.jsx(ge, { children: /* @__PURE__ */ c.jsx(xe, { asChild: !0, isActive: n.pathname === s.href, children: /* @__PURE__ */ c.jsxs(ve, { to: s.href, children: [
-      s.icon && /* @__PURE__ */ c.jsx(s.icon, {}),
-      /* @__PURE__ */ c.jsx("span", { children: s.title })
-    ] }) }) }, s.href)) }) })
+function Ms(e) {
+  return "items" in e && !("href" in e);
+}
+function ks({ item: e, pathname: t }) {
+  return e.children && e.children.length > 0 ? /* @__PURE__ */ l.jsx(Rn, { asChild: !0, defaultOpen: !0, className: "group/collapsible", children: /* @__PURE__ */ l.jsxs(ze, { children: [
+    /* @__PURE__ */ l.jsx(jn, { asChild: !0, children: /* @__PURE__ */ l.jsxs(Fe, { tooltip: e.title, children: [
+      e.icon && /* @__PURE__ */ l.jsx(e.icon, {}),
+      /* @__PURE__ */ l.jsx("span", { children: e.title }),
+      e.badge != null && /* @__PURE__ */ l.jsx(Ke, { variant: e.badgeVariant || "default", className: "ml-auto mr-1 h-5 min-w-5 px-1 text-xs", children: e.badge }),
+      /* @__PURE__ */ l.jsx(Sr, { className: "ml-auto h-4 w-4 transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
+    ] }) }),
+    /* @__PURE__ */ l.jsx(Dn, { children: /* @__PURE__ */ l.jsx(xr, { children: e.children.map((n) => /* @__PURE__ */ l.jsx(mr, { children: /* @__PURE__ */ l.jsx(yr, { asChild: !0, isActive: t === n.href, children: /* @__PURE__ */ l.jsxs(sn, { to: n.href, children: [
+      n.icon && /* @__PURE__ */ l.jsx(n.icon, {}),
+      /* @__PURE__ */ l.jsx("span", { children: n.title }),
+      n.badge != null && /* @__PURE__ */ l.jsx(Ke, { variant: n.badgeVariant || "default", className: "ml-auto h-5 min-w-5 px-1 text-xs", children: n.badge })
+    ] }) }) }, n.href)) }) })
+  ] }) }) : /* @__PURE__ */ l.jsx(ze, { children: /* @__PURE__ */ l.jsx(Fe, { asChild: !0, isActive: t === e.href, tooltip: e.title, children: /* @__PURE__ */ l.jsxs(sn, { to: e.href, children: [
+    e.icon && /* @__PURE__ */ l.jsx(e.icon, {}),
+    /* @__PURE__ */ l.jsx("span", { children: e.title }),
+    e.badge != null && /* @__PURE__ */ l.jsx(Ke, { variant: e.badgeVariant || "default", className: "ml-auto h-5 min-w-5 px-1 text-xs", children: e.badge })
   ] }) }) });
 }
-function Ne() {
-  b.register("page-header", N, {
+function Us({ items: e, title: t = "Application", className: n, collapsible: r = "icon", searchEnabled: o = !1, searchPlaceholder: s = "Search..." }) {
+  const i = zt(), [a, c] = W.useState(""), u = W.useMemo(() => e.length === 0 ? [] : Ms(e[0]) ? e.map((f) => ({ groupLabel: f.label, items: f.items })) : [{ items: e }], [e]), h = W.useMemo(() => {
+    if (!a) return u;
+    const f = a.toLowerCase();
+    return u.map((p) => ({
+      ...p,
+      items: p.items.filter(
+        (g) => g.title.toLowerCase().includes(f) || g.children?.some((y) => y.title.toLowerCase().includes(f))
+      )
+    })).filter((p) => p.items.length > 0);
+  }, [u, a]);
+  return /* @__PURE__ */ l.jsx(Nn, { className: n, collapsible: r, children: /* @__PURE__ */ l.jsxs(En, { children: [
+    o && /* @__PURE__ */ l.jsx("div", { className: "px-3 py-2", children: /* @__PURE__ */ l.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ l.jsx(wr, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ l.jsx(
+        br,
+        {
+          type: "search",
+          placeholder: s,
+          value: a,
+          onChange: (f) => c(f.target.value),
+          className: "pl-8 h-9"
+        }
+      )
+    ] }) }),
+    h.map((f, p) => /* @__PURE__ */ l.jsxs(Pe, { children: [
+      /* @__PURE__ */ l.jsx(wt, { children: f.groupLabel || t }),
+      /* @__PURE__ */ l.jsx(_e, { children: /* @__PURE__ */ l.jsx(je, { children: f.items.map((g) => /* @__PURE__ */ l.jsx(ks, { item: g, pathname: i.pathname }, g.href)) }) })
+    ] }, f.groupLabel || p))
+  ] }) });
+}
+function Ls() {
+  Ne.register("page-header", Mt, {
     namespace: "layout",
     label: "Page Header",
     category: "Layout",
@@ -436,16 +3874,16 @@ function Ne() {
       { name: "title", type: "string" },
       { name: "description", type: "string" }
     ]
-  }), b.register("page:header", N, { namespace: "layout" }), b.register("page:card", Se, {
+  }), Ne.register("page:header", Mt, { namespace: "layout" }), Ne.register("page:card", Ir, {
     namespace: "layout",
     label: "Page Card",
     category: "Layout",
     isContainer: !0
-  }), b.register("app-shell", je, {
+  }), Ne.register("app-shell", In, {
     namespace: "layout",
     label: "App Shell",
     category: "Layout"
-  }), b.register("responsive-grid", Ae, {
+  }), Ne.register("responsive-grid", kr, {
     namespace: "layout",
     label: "Responsive Grid",
     category: "Layout",
@@ -454,19 +3892,42 @@ function Ne() {
       { name: "columns", type: "object" },
       { name: "gap", type: "number" }
     ]
+  }), Ne.register("navigation-renderer", Kn, {
+    namespace: "layout",
+    label: "Navigation Renderer",
+    category: "Layout",
+    inputs: [
+      { name: "items", type: "object" },
+      { name: "basePath", type: "string" }
+    ]
+  }), Ne.register("app-schema-renderer", Ts, {
+    namespace: "layout",
+    label: "App Schema Renderer",
+    category: "Layout",
+    isContainer: !0,
+    inputs: [
+      { name: "schema", type: "object" },
+      { name: "basePath", type: "string" },
+      { name: "mobileNavMode", type: "string" }
+    ]
   });
 }
 try {
-  Ne();
+  Ls();
 } catch {
 }
 export {
-  je as AppShell,
-  Ie as Page,
-  Se as PageCard,
-  N as PageHeader,
-  Ae as ResponsiveGrid,
-  Ye as SidebarNav,
-  Ne as registerLayout,
-  Re as useAppShellBranding
+  Ts as AppSchemaRenderer,
+  In as AppShell,
+  Kn as NavigationRenderer,
+  Ws as Page,
+  Ir as PageCard,
+  Mt as PageHeader,
+  kr as ResponsiveGrid,
+  Us as SidebarNav,
+  Jn as filterNavigationItems,
+  Ls as registerLayout,
+  ot as resolveIcon,
+  ge as resolveLabel,
+  Ar as useAppShellBranding
 };