@krosoft/react 0.0.87 → 0.0.89

package/dist/AppVerticalTabs-aeKDheVe.js

@@ -1,829 +0,0 @@
-import { jsxs as b, jsx as s, Fragment as ke } from "react/jsx-runtime";
-import { C as Me, d as ze, a as He } from "./card-7XPLAra3.js";
-import { a as We, A as Ve } from "./AppTitle-COtcNGNr.js";
-import * as i from "react";
-import { h as x, i as y, P as D, a as Q, f as Oe, e as Fe, u as N, l as P, o as Xe } from "./index-DUnCfjrC.js";
-import { R as Ye, I as Ue, e as Z } from "./dropdown-menu-BDcm9kW8.js";
-import { u as ee, m as Be, S as $e, h as je, i as Ge, a as Ke, c as qe } from "./select-C6w0ck7-.js";
-import { c as E } from "./index-gWiv5-6R.js";
-import { useTranslation as re } from "react-i18next";
-import { useSearchParams as te } from "react-router-dom";
-import { c as Je } from "./createLucideIcon-CRdjzt2A.js";
-/**
- * @license lucide-react v1.16.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Qe = [
-  ["rect", { x: "2", y: "6", width: "20", height: "8", rx: "1", key: "1estib" }],
-  ["path", { d: "M17 14v7", key: "7m2elx" }],
-  ["path", { d: "M7 14v7", key: "1cm7wv" }],
-  ["path", { d: "M17 3v3", key: "1v4jwn" }],
-  ["path", { d: "M7 3v3", key: "7o6guu" }],
-  ["path", { d: "M10 14 2.3 6.3", key: "1023jk" }],
-  ["path", { d: "m14 6 7.7 7.7", key: "1s8pl2" }],
-  ["path", { d: "m8 6 8 8", key: "hl96qh" }]
-], B = Je("construction", Qe);
-function Ze({ titleKey: e, descriptionKey: t, actions: r = [], className: l }) {
-  return /* @__PURE__ */ b("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [
-    /* @__PURE__ */ s(We, { titleKey: e, descriptionKey: t, isSubTitle: !0 }),
-    /* @__PURE__ */ s(Ve, { actions: r, className: l })
-  ] });
-}
-function Nr({ titleKey: e, descriptionKey: t, actions: r = [], className: l, children: n, isSubTitle: a }) {
-  return /* @__PURE__ */ b(Me, { children: [
-    /* @__PURE__ */ s(ze, { children: /* @__PURE__ */ s(Ze, { titleKey: e, descriptionKey: t, actions: r, className: l }) }),
-    /* @__PURE__ */ s(He, { className: "space-y-4", children: n })
-  ] });
-}
-var O = "Tabs", [er] = Q(O, [
-  Z
-]), oe = Z(), [rr, $] = er(O), ne = i.forwardRef(
-  (e, t) => {
-    const {
-      __scopeTabs: r,
-      value: l,
-      onValueChange: n,
-      defaultValue: a,
-      orientation: c = "horizontal",
-      dir: d,
-      activationMode: f = "automatic",
-      ...h
-    } = e, o = ee(d), [u, m] = Oe({
-      prop: l,
-      onChange: n,
-      defaultProp: a ?? "",
-      caller: O
-    });
-    return /* @__PURE__ */ s(
-      rr,
-      {
-        scope: r,
-        baseId: Fe(),
-        value: u,
-        onValueChange: m,
-        orientation: c,
-        dir: o,
-        activationMode: f,
-        children: /* @__PURE__ */ s(
-          x.div,
-          {
-            dir: o,
-            "data-orientation": c,
-            ...h,
-            ref: t
-          }
-        )
-      }
-    );
-  }
-);
-ne.displayName = O;
-var le = "TabsList", ae = i.forwardRef(
-  (e, t) => {
-    const { __scopeTabs: r, loop: l = !0, ...n } = e, a = $(le, r), c = oe(r);
-    return /* @__PURE__ */ s(
-      Ye,
-      {
-        asChild: !0,
-        ...c,
-        orientation: a.orientation,
-        dir: a.dir,
-        loop: l,
-        children: /* @__PURE__ */ s(
-          x.div,
-          {
-            role: "tablist",
-            "aria-orientation": a.orientation,
-            ...n,
-            ref: t
-          }
-        )
-      }
-    );
-  }
-);
-ae.displayName = le;
-var se = "TabsTrigger", ce = i.forwardRef(
-  (e, t) => {
-    const { __scopeTabs: r, value: l, disabled: n = !1, ...a } = e, c = $(se, r), d = oe(r), f = ue(c.baseId, l), h = fe(c.baseId, l), o = l === c.value;
-    return /* @__PURE__ */ s(
-      Ue,
-      {
-        asChild: !0,
-        ...d,
-        focusable: !n,
-        active: o,
-        children: /* @__PURE__ */ s(
-          x.button,
-          {
-            type: "button",
-            role: "tab",
-            "aria-selected": o,
-            "aria-controls": h,
-            "data-state": o ? "active" : "inactive",
-            "data-disabled": n ? "" : void 0,
-            disabled: n,
-            id: f,
-            ...a,
-            ref: t,
-            onMouseDown: y(e.onMouseDown, (u) => {
-              !n && u.button === 0 && u.ctrlKey === !1 ? c.onValueChange(l) : u.preventDefault();
-            }),
-            onKeyDown: y(e.onKeyDown, (u) => {
-              [" ", "Enter"].includes(u.key) && c.onValueChange(l);
-            }),
-            onFocus: y(e.onFocus, () => {
-              const u = c.activationMode !== "manual";
-              !o && !n && u && c.onValueChange(l);
-            })
-          }
-        )
-      }
-    );
-  }
-);
-ce.displayName = se;
-var ie = "TabsContent", de = i.forwardRef(
-  (e, t) => {
-    const { __scopeTabs: r, value: l, forceMount: n, children: a, ...c } = e, d = $(ie, r), f = ue(d.baseId, l), h = fe(d.baseId, l), o = l === d.value, u = i.useRef(o);
-    return i.useEffect(() => {
-      const m = requestAnimationFrame(() => u.current = !1);
-      return () => cancelAnimationFrame(m);
-    }, []), /* @__PURE__ */ s(D, { present: n || o, children: ({ present: m }) => /* @__PURE__ */ s(
-      x.div,
-      {
-        "data-state": o ? "active" : "inactive",
-        "data-orientation": d.orientation,
-        role: "tabpanel",
-        "aria-labelledby": f,
-        hidden: !m,
-        id: h,
-        tabIndex: 0,
-        ...c,
-        ref: t,
-        style: {
-          ...e.style,
-          animationDuration: u.current ? "0s" : void 0
-        },
-        children: m && a
-      }
-    ) });
-  }
-);
-de.displayName = ie;
-function ue(e, t) {
-  return `${e}-trigger-${t}`;
-}
-function fe(e, t) {
-  return `${e}-content-${t}`;
-}
-var tr = ne, he = ae, me = ce, pe = de;
-const or = tr, ve = i.forwardRef(
-  ({ className: e, ...t }, r) => /* @__PURE__ */ s(
-    he,
-    {
-      ref: r,
-      className: E("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", e),
-      ...t
-    }
-  )
-);
-ve.displayName = he.displayName;
-const be = i.forwardRef(
-  ({ className: e, ...t }, r) => /* @__PURE__ */ s(
-    me,
-    {
-      ref: r,
-      className: E(
-        "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-        e
-      ),
-      ...t
-    }
-  )
-);
-be.displayName = me.displayName;
-const ge = i.forwardRef(
-  ({ className: e, ...t }, r) => /* @__PURE__ */ s(
-    pe,
-    {
-      ref: r,
-      className: E(
-        "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-        e
-      ),
-      ...t
-    }
-  )
-);
-ge.displayName = pe.displayName;
-function Er({ tabs: e, itemId: t, item: r, fit: l }) {
-  var h;
-  const { t: n } = re(), [a, c] = te(), d = a.get("tab") || ((h = e[0]) == null ? void 0 : h.value);
-  return /* @__PURE__ */ b(or, { value: d, onValueChange: (o) => {
-    const u = new URLSearchParams();
-    u.set("tab", o), c(u);
-  }, children: [
-    /* @__PURE__ */ s(ve, { className: E("w-full justify-start", l && "sm:w-fit"), children: e.map((o) => /* @__PURE__ */ b(be, { value: o.value, className: "gap-2", disabled: o.disabled, children: [
-      o.icon ? /* @__PURE__ */ s("span", { className: "hidden sm:inline", children: /* @__PURE__ */ s(o.icon, { className: "size-4" }) }) : null,
-      /* @__PURE__ */ s("span", { className: "text-xs sm:text-sm", children: n(o.titleKey) ?? "" }),
-      o.count ? /* @__PURE__ */ b("span", { className: "text-gray-500 text-xs", children: [
-        "(",
-        o.count(r),
-        ")"
-      ] }) : null
-    ] }, o.value)) }),
-    e.map((o) => /* @__PURE__ */ s(ge, { value: o.value, className: "mt-4", children: o.component ? o.component(t) : null }, o.value))
-  ] });
-}
-function nr(e, t) {
-  return i.useReducer((r, l) => t[r][l] ?? r, e);
-}
-var j = "ScrollArea", [Se] = Q(j), [lr, S] = Se(j), we = i.forwardRef(
-  (e, t) => {
-    const {
-      __scopeScrollArea: r,
-      type: l = "hover",
-      dir: n,
-      scrollHideDelay: a = 600,
-      ...c
-    } = e, [d, f] = i.useState(null), [h, o] = i.useState(null), [u, m] = i.useState(null), [p, g] = i.useState(null), [_, Y] = i.useState(null), [T, I] = i.useState(0), [U, k] = i.useState(0), [M, L] = i.useState(!1), [z, H] = i.useState(!1), v = N(t, (R) => f(R)), w = ee(n);
-    return /* @__PURE__ */ s(
-      lr,
-      {
-        scope: r,
-        type: l,
-        dir: w,
-        scrollHideDelay: a,
-        scrollArea: d,
-        viewport: h,
-        onViewportChange: o,
-        content: u,
-        onContentChange: m,
-        scrollbarX: p,
-        onScrollbarXChange: g,
-        scrollbarXEnabled: M,
-        onScrollbarXEnabledChange: L,
-        scrollbarY: _,
-        onScrollbarYChange: Y,
-        scrollbarYEnabled: z,
-        onScrollbarYEnabledChange: H,
-        onCornerWidthChange: I,
-        onCornerHeightChange: k,
-        children: /* @__PURE__ */ s(
-          x.div,
-          {
-            dir: w,
-            ...c,
-            ref: v,
-            style: {
-              position: "relative",
-              // Pass corner sizes as CSS vars to reduce re-renders of context consumers
-              "--radix-scroll-area-corner-width": T + "px",
-              "--radix-scroll-area-corner-height": U + "px",
-              ...e.style
-            }
-          }
-        )
-      }
-    );
-  }
-);
-we.displayName = j;
-var ye = "ScrollAreaViewport", Ce = i.forwardRef(
-  (e, t) => {
-    const { __scopeScrollArea: r, children: l, nonce: n, ...a } = e, c = S(ye, r), d = i.useRef(null), f = N(t, d, c.onViewportChange);
-    return /* @__PURE__ */ b(ke, { children: [
-      /* @__PURE__ */ s(
-        "style",
-        {
-          dangerouslySetInnerHTML: {
-            __html: "[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"
-          },
-          nonce: n
-        }
-      ),
-      /* @__PURE__ */ s(
-        x.div,
-        {
-          "data-radix-scroll-area-viewport": "",
-          ...a,
-          ref: f,
-          style: {
-            /**
-             * We don't support `visible` because the intention is to have at least one scrollbar
-             * if this component is used and `visible` will behave like `auto` in that case
-             * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#description
-             *
-             * We don't handle `auto` because the intention is for the native implementation
-             * to be hidden if using this component. We just want to ensure the node is scrollable
-             * so could have used either `scroll` or `auto` here. We picked `scroll` to prevent
-             * the browser from having to work out whether to render native scrollbars or not,
-             * we tell it to with the intention of hiding them in CSS.
-             */
-            overflowX: c.scrollbarXEnabled ? "scroll" : "hidden",
-            overflowY: c.scrollbarYEnabled ? "scroll" : "hidden",
-            ...e.style
-          },
-          children: /* @__PURE__ */ s("div", { ref: c.onContentChange, style: { minWidth: "100%", display: "table" }, children: l })
-        }
-      )
-    ] });
-  }
-);
-Ce.displayName = ye;
-var C = "ScrollAreaScrollbar", G = i.forwardRef(
-  (e, t) => {
-    const { forceMount: r, ...l } = e, n = S(C, e.__scopeScrollArea), { onScrollbarXEnabledChange: a, onScrollbarYEnabledChange: c } = n, d = e.orientation === "horizontal";
-    return i.useEffect(() => (d ? a(!0) : c(!0), () => {
-      d ? a(!1) : c(!1);
-    }), [d, a, c]), n.type === "hover" ? /* @__PURE__ */ s(ar, { ...l, ref: t, forceMount: r }) : n.type === "scroll" ? /* @__PURE__ */ s(sr, { ...l, ref: t, forceMount: r }) : n.type === "auto" ? /* @__PURE__ */ s(xe, { ...l, ref: t, forceMount: r }) : n.type === "always" ? /* @__PURE__ */ s(K, { ...l, ref: t }) : null;
-  }
-);
-G.displayName = C;
-var ar = i.forwardRef((e, t) => {
-  const { forceMount: r, ...l } = e, n = S(C, e.__scopeScrollArea), [a, c] = i.useState(!1);
-  return i.useEffect(() => {
-    const d = n.scrollArea;
-    let f = 0;
-    if (d) {
-      const h = () => {
-        window.clearTimeout(f), c(!0);
-      }, o = () => {
-        f = window.setTimeout(() => c(!1), n.scrollHideDelay);
-      };
-      return d.addEventListener("pointerenter", h), d.addEventListener("pointerleave", o), () => {
-        window.clearTimeout(f), d.removeEventListener("pointerenter", h), d.removeEventListener("pointerleave", o);
-      };
-    }
-  }, [n.scrollArea, n.scrollHideDelay]), /* @__PURE__ */ s(D, { present: r || a, children: /* @__PURE__ */ s(
-    xe,
-    {
-      "data-state": a ? "visible" : "hidden",
-      ...l,
-      ref: t
-    }
-  ) });
-}), sr = i.forwardRef((e, t) => {
-  const { forceMount: r, ...l } = e, n = S(C, e.__scopeScrollArea), a = e.orientation === "horizontal", c = X(() => f("SCROLL_END"), 100), [d, f] = nr("hidden", {
-    hidden: {
-      SCROLL: "scrolling"
-    },
-    scrolling: {
-      SCROLL_END: "idle",
-      POINTER_ENTER: "interacting"
-    },
-    interacting: {
-      SCROLL: "interacting",
-      POINTER_LEAVE: "idle"
-    },
-    idle: {
-      HIDE: "hidden",
-      SCROLL: "scrolling",
-      POINTER_ENTER: "interacting"
-    }
-  });
-  return i.useEffect(() => {
-    if (d === "idle") {
-      const h = window.setTimeout(() => f("HIDE"), n.scrollHideDelay);
-      return () => window.clearTimeout(h);
-    }
-  }, [d, n.scrollHideDelay, f]), i.useEffect(() => {
-    const h = n.viewport, o = a ? "scrollLeft" : "scrollTop";
-    if (h) {
-      let u = h[o];
-      const m = () => {
-        const p = h[o];
-        u !== p && (f("SCROLL"), c()), u = p;
-      };
-      return h.addEventListener("scroll", m), () => h.removeEventListener("scroll", m);
-    }
-  }, [n.viewport, a, f, c]), /* @__PURE__ */ s(D, { present: r || d !== "hidden", children: /* @__PURE__ */ s(
-    K,
-    {
-      "data-state": d === "hidden" ? "hidden" : "visible",
-      ...l,
-      ref: t,
-      onPointerEnter: y(e.onPointerEnter, () => f("POINTER_ENTER")),
-      onPointerLeave: y(e.onPointerLeave, () => f("POINTER_LEAVE"))
-    }
-  ) });
-}), xe = i.forwardRef((e, t) => {
-  const r = S(C, e.__scopeScrollArea), { forceMount: l, ...n } = e, [a, c] = i.useState(!1), d = e.orientation === "horizontal", f = X(() => {
-    if (r.viewport) {
-      const h = r.viewport.offsetWidth < r.viewport.scrollWidth, o = r.viewport.offsetHeight < r.viewport.scrollHeight;
-      c(d ? h : o);
-    }
-  }, 10);
-  return A(r.viewport, f), A(r.content, f), /* @__PURE__ */ s(D, { present: l || a, children: /* @__PURE__ */ s(
-    K,
-    {
-      "data-state": a ? "visible" : "hidden",
-      ...n,
-      ref: t
-    }
-  ) });
-}), K = i.forwardRef((e, t) => {
-  const { orientation: r = "vertical", ...l } = e, n = S(C, e.__scopeScrollArea), a = i.useRef(null), c = i.useRef(0), [d, f] = i.useState({
-    content: 0,
-    viewport: 0,
-    scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), h = Ne(d.viewport, d.content), o = {
-    ...l,
-    sizes: d,
-    onSizesChange: f,
-    hasThumb: h > 0 && h < 1,
-    onThumbChange: (m) => a.current = m,
-    onThumbPointerUp: () => c.current = 0,
-    onThumbPointerDown: (m) => c.current = m
-  };
-  function u(m, p) {
-    return hr(m, c.current, d, p);
-  }
-  return r === "horizontal" ? /* @__PURE__ */ s(
-    cr,
-    {
-      ...o,
-      ref: t,
-      onThumbPositionChange: () => {
-        if (n.viewport && a.current) {
-          const m = n.viewport.scrollLeft, p = J(m, d, n.dir);
-          a.current.style.transform = `translate3d(${p}px, 0, 0)`;
-        }
-      },
-      onWheelScroll: (m) => {
-        n.viewport && (n.viewport.scrollLeft = m);
-      },
-      onDragScroll: (m) => {
-        n.viewport && (n.viewport.scrollLeft = u(m, n.dir));
-      }
-    }
-  ) : r === "vertical" ? /* @__PURE__ */ s(
-    ir,
-    {
-      ...o,
-      ref: t,
-      onThumbPositionChange: () => {
-        if (n.viewport && a.current) {
-          const m = n.viewport.scrollTop, p = J(m, d);
-          a.current.style.transform = `translate3d(0, ${p}px, 0)`;
-        }
-      },
-      onWheelScroll: (m) => {
-        n.viewport && (n.viewport.scrollTop = m);
-      },
-      onDragScroll: (m) => {
-        n.viewport && (n.viewport.scrollTop = u(m));
-      }
-    }
-  ) : null;
-}), cr = i.forwardRef((e, t) => {
-  const { sizes: r, onSizesChange: l, ...n } = e, a = S(C, e.__scopeScrollArea), [c, d] = i.useState(), f = i.useRef(null), h = N(t, f, a.onScrollbarXChange);
-  return i.useEffect(() => {
-    f.current && d(getComputedStyle(f.current));
-  }, [f]), /* @__PURE__ */ s(
-    Pe,
-    {
-      "data-orientation": "horizontal",
-      ...n,
-      ref: h,
-      sizes: r,
-      style: {
-        bottom: 0,
-        left: a.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
-        right: a.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
-        "--radix-scroll-area-thumb-width": F(r) + "px",
-        ...e.style
-      },
-      onThumbPointerDown: (o) => e.onThumbPointerDown(o.x),
-      onDragScroll: (o) => e.onDragScroll(o.x),
-      onWheelScroll: (o, u) => {
-        if (a.viewport) {
-          const m = a.viewport.scrollLeft + o.deltaX;
-          e.onWheelScroll(m), _e(m, u) && o.preventDefault();
-        }
-      },
-      onResize: () => {
-        f.current && a.viewport && c && l({
-          content: a.viewport.scrollWidth,
-          viewport: a.viewport.offsetWidth,
-          scrollbar: {
-            size: f.current.clientWidth,
-            paddingStart: V(c.paddingLeft),
-            paddingEnd: V(c.paddingRight)
-          }
-        });
-      }
-    }
-  );
-}), ir = i.forwardRef((e, t) => {
-  const { sizes: r, onSizesChange: l, ...n } = e, a = S(C, e.__scopeScrollArea), [c, d] = i.useState(), f = i.useRef(null), h = N(t, f, a.onScrollbarYChange);
-  return i.useEffect(() => {
-    f.current && d(getComputedStyle(f.current));
-  }, [f]), /* @__PURE__ */ s(
-    Pe,
-    {
-      "data-orientation": "vertical",
-      ...n,
-      ref: h,
-      sizes: r,
-      style: {
-        top: 0,
-        right: a.dir === "ltr" ? 0 : void 0,
-        left: a.dir === "rtl" ? 0 : void 0,
-        bottom: "var(--radix-scroll-area-corner-height)",
-        "--radix-scroll-area-thumb-height": F(r) + "px",
-        ...e.style
-      },
-      onThumbPointerDown: (o) => e.onThumbPointerDown(o.y),
-      onDragScroll: (o) => e.onDragScroll(o.y),
-      onWheelScroll: (o, u) => {
-        if (a.viewport) {
-          const m = a.viewport.scrollTop + o.deltaY;
-          e.onWheelScroll(m), _e(m, u) && o.preventDefault();
-        }
-      },
-      onResize: () => {
-        f.current && a.viewport && c && l({
-          content: a.viewport.scrollHeight,
-          viewport: a.viewport.offsetHeight,
-          scrollbar: {
-            size: f.current.clientHeight,
-            paddingStart: V(c.paddingTop),
-            paddingEnd: V(c.paddingBottom)
-          }
-        });
-      }
-    }
-  );
-}), [dr, Te] = Se(C), Pe = i.forwardRef((e, t) => {
-  const {
-    __scopeScrollArea: r,
-    sizes: l,
-    hasThumb: n,
-    onThumbChange: a,
-    onThumbPointerUp: c,
-    onThumbPointerDown: d,
-    onThumbPositionChange: f,
-    onDragScroll: h,
-    onWheelScroll: o,
-    onResize: u,
-    ...m
-  } = e, p = S(C, r), [g, _] = i.useState(null), Y = N(t, (v) => _(v)), T = i.useRef(null), I = i.useRef(""), U = p.viewport, k = l.content - l.viewport, M = P(o), L = P(f), z = X(u, 10);
-  function H(v) {
-    if (T.current) {
-      const w = v.clientX - T.current.left, R = v.clientY - T.current.top;
-      h({ x: w, y: R });
-    }
-  }
-  return i.useEffect(() => {
-    const v = (w) => {
-      const R = w.target;
-      (g == null ? void 0 : g.contains(R)) && M(w, k);
-    };
-    return document.addEventListener("wheel", v, { passive: !1 }), () => document.removeEventListener("wheel", v, { passive: !1 });
-  }, [U, g, k, M]), i.useEffect(L, [l, L]), A(g, z), A(p.content, z), /* @__PURE__ */ s(
-    dr,
-    {
-      scope: r,
-      scrollbar: g,
-      hasThumb: n,
-      onThumbChange: P(a),
-      onThumbPointerUp: P(c),
-      onThumbPositionChange: L,
-      onThumbPointerDown: P(d),
-      children: /* @__PURE__ */ s(
-        x.div,
-        {
-          ...m,
-          ref: Y,
-          style: { position: "absolute", ...m.style },
-          onPointerDown: y(e.onPointerDown, (v) => {
-            v.button === 0 && (v.target.setPointerCapture(v.pointerId), T.current = g.getBoundingClientRect(), I.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", p.viewport && (p.viewport.style.scrollBehavior = "auto"), H(v));
-          }),
-          onPointerMove: y(e.onPointerMove, H),
-          onPointerUp: y(e.onPointerUp, (v) => {
-            const w = v.target;
-            w.hasPointerCapture(v.pointerId) && w.releasePointerCapture(v.pointerId), document.body.style.webkitUserSelect = I.current, p.viewport && (p.viewport.style.scrollBehavior = ""), T.current = null;
-          })
-        }
-      )
-    }
-  );
-}), W = "ScrollAreaThumb", Re = i.forwardRef(
-  (e, t) => {
-    const { forceMount: r, ...l } = e, n = Te(W, e.__scopeScrollArea);
-    return /* @__PURE__ */ s(D, { present: r || n.hasThumb, children: /* @__PURE__ */ s(ur, { ref: t, ...l }) });
-  }
-), ur = i.forwardRef(
-  (e, t) => {
-    const { __scopeScrollArea: r, style: l, ...n } = e, a = S(W, r), c = Te(W, r), { onThumbPositionChange: d } = c, f = N(
-      t,
-      (u) => c.onThumbChange(u)
-    ), h = i.useRef(void 0), o = X(() => {
-      h.current && (h.current(), h.current = void 0);
-    }, 100);
-    return i.useEffect(() => {
-      const u = a.viewport;
-      if (u) {
-        const m = () => {
-          if (o(), !h.current) {
-            const p = mr(u, d);
-            h.current = p, d();
-          }
-        };
-        return d(), u.addEventListener("scroll", m), () => u.removeEventListener("scroll", m);
-      }
-    }, [a.viewport, o, d]), /* @__PURE__ */ s(
-      x.div,
-      {
-        "data-state": c.hasThumb ? "visible" : "hidden",
-        ...n,
-        ref: f,
-        style: {
-          width: "var(--radix-scroll-area-thumb-width)",
-          height: "var(--radix-scroll-area-thumb-height)",
-          ...l
-        },
-        onPointerDownCapture: y(e.onPointerDownCapture, (u) => {
-          const p = u.target.getBoundingClientRect(), g = u.clientX - p.left, _ = u.clientY - p.top;
-          c.onThumbPointerDown({ x: g, y: _ });
-        }),
-        onPointerUp: y(e.onPointerUp, c.onThumbPointerUp)
-      }
-    );
-  }
-);
-Re.displayName = W;
-var q = "ScrollAreaCorner", Ae = i.forwardRef(
-  (e, t) => {
-    const r = S(q, e.__scopeScrollArea), l = !!(r.scrollbarX && r.scrollbarY);
-    return r.type !== "scroll" && l ? /* @__PURE__ */ s(fr, { ...e, ref: t }) : null;
-  }
-);
-Ae.displayName = q;
-var fr = i.forwardRef((e, t) => {
-  const { __scopeScrollArea: r, ...l } = e, n = S(q, r), [a, c] = i.useState(0), [d, f] = i.useState(0), h = !!(a && d);
-  return A(n.scrollbarX, () => {
-    var u;
-    const o = ((u = n.scrollbarX) == null ? void 0 : u.offsetHeight) || 0;
-    n.onCornerHeightChange(o), f(o);
-  }), A(n.scrollbarY, () => {
-    var u;
-    const o = ((u = n.scrollbarY) == null ? void 0 : u.offsetWidth) || 0;
-    n.onCornerWidthChange(o), c(o);
-  }), h ? /* @__PURE__ */ s(
-    x.div,
-    {
-      ...l,
-      ref: t,
-      style: {
-        width: a,
-        height: d,
-        position: "absolute",
-        right: n.dir === "ltr" ? 0 : void 0,
-        left: n.dir === "rtl" ? 0 : void 0,
-        bottom: 0,
-        ...e.style
-      }
-    }
-  ) : null;
-});
-function V(e) {
-  return e ? parseInt(e, 10) : 0;
-}
-function Ne(e, t) {
-  const r = e / t;
-  return isNaN(r) ? 0 : r;
-}
-function F(e) {
-  const t = Ne(e.viewport, e.content), r = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, l = (e.scrollbar.size - r) * t;
-  return Math.max(l, 18);
-}
-function hr(e, t, r, l = "ltr") {
-  const n = F(r), a = n / 2, c = t || a, d = n - c, f = r.scrollbar.paddingStart + c, h = r.scrollbar.size - r.scrollbar.paddingEnd - d, o = r.content - r.viewport, u = l === "ltr" ? [0, o] : [o * -1, 0];
-  return Ee([f, h], u)(e);
-}
-function J(e, t, r = "ltr") {
-  const l = F(t), n = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, a = t.scrollbar.size - n, c = t.content - t.viewport, d = a - l, f = r === "ltr" ? [0, c] : [c * -1, 0], h = Be(e, f);
-  return Ee([0, c], [0, d])(h);
-}
-function Ee(e, t) {
-  return (r) => {
-    if (e[0] === e[1] || t[0] === t[1]) return t[0];
-    const l = (t[1] - t[0]) / (e[1] - e[0]);
-    return t[0] + l * (r - e[0]);
-  };
-}
-function _e(e, t) {
-  return e > 0 && e < t;
-}
-var mr = (e, t = () => {
-}) => {
-  let r = { left: e.scrollLeft, top: e.scrollTop }, l = 0;
-  return (function n() {
-    const a = { left: e.scrollLeft, top: e.scrollTop }, c = r.left !== a.left, d = r.top !== a.top;
-    (c || d) && t(), r = a, l = window.requestAnimationFrame(n);
-  })(), () => window.cancelAnimationFrame(l);
-};
-function X(e, t) {
-  const r = P(e), l = i.useRef(0);
-  return i.useEffect(() => () => window.clearTimeout(l.current), []), i.useCallback(() => {
-    window.clearTimeout(l.current), l.current = window.setTimeout(r, t);
-  }, [r, t]);
-}
-function A(e, t) {
-  const r = P(t);
-  Xe(() => {
-    let l = 0;
-    if (e) {
-      const n = new ResizeObserver(() => {
-        cancelAnimationFrame(l), l = window.requestAnimationFrame(r);
-      });
-      return n.observe(e), () => {
-        window.cancelAnimationFrame(l), n.unobserve(e);
-      };
-    }
-  }, [e, r]);
-}
-var Le = we, pr = Ce, vr = Ae;
-const De = i.forwardRef(
-  ({ className: e, children: t, ...r }, l) => /* @__PURE__ */ b(Le, { ref: l, className: E("relative overflow-hidden", e), ...r, children: [
-    /* @__PURE__ */ s(pr, { className: "h-full w-full rounded-[inherit]", children: t }),
-    /* @__PURE__ */ s(Ie, {}),
-    /* @__PURE__ */ s(vr, {})
-  ] })
-);
-De.displayName = Le.displayName;
-const Ie = i.forwardRef(({ className: e, orientation: t = "vertical", ...r }, l) => /* @__PURE__ */ s(
-  G,
-  {
-    ref: l,
-    orientation: t,
-    className: E(
-      "flex touch-none select-none transition-colors",
-      t === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      e
-    ),
-    ...r,
-    children: /* @__PURE__ */ s(Re, { className: "relative flex-1 rounded-full bg-border" })
-  }
-));
-Ie.displayName = G.displayName;
-const _r = ({ tabs: e, item: t }) => {
-  var h;
-  const { t: r } = re(), [l, n] = te(), a = l.get("tab") || ((h = e[0]) == null ? void 0 : h.value), c = (o) => {
-    const u = new URLSearchParams();
-    u.set("tab", o), n(u);
-  }, d = () => {
-    const o = e.find((u) => u.value === a);
-    return o ? o.component ? o.component() : f() : null;
-  }, f = () => /* @__PURE__ */ s("div", { className: "p-4 lg:p-6", children: /* @__PURE__ */ s("div", { className: "flex items-center justify-center h-64 text-gray-500", children: /* @__PURE__ */ b("div", { className: "text-center", children: [
-    /* @__PURE__ */ s(B, { className: "h-12 w-12 mx-auto mb-4 text-amber-500" }),
-    /* @__PURE__ */ s("p", { className: "text-lg font-medium", children: "Section en cours de développement" }),
-    /* @__PURE__ */ s("p", { className: "text-sm text-gray-400", children: "Cette fonctionnalité sera bientôt disponible" })
-  ] }) }) });
-  return /* @__PURE__ */ b("div", { className: "flex flex-col md:flex-row h-full min-w-0  ", children: [
-    /* @__PURE__ */ s("div", { className: "w-64 lg:w-80 flex-shrink-0 hidden md:block border-r border-gray-200 dark:border-gray-700 pr-4", children: /* @__PURE__ */ s(De, { className: "h-full", children: /* @__PURE__ */ s("div", { className: "space-y-1", children: e.map((o, u) => /* @__PURE__ */ b(
-      "div",
-      {
-        className: `px-2 py-2 rounded-2xl text-sm transition-colors flex items-center gap-2 ${o.disabled ? "text-gray-400 cursor-not-allowed opacity-50" : a === o.value ? "crm-color-styled font-medium cursor-pointer" : "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 cursor-pointer"}`,
-        onClick: () => !o.disabled && c(o.value),
-        children: [
-          o.icon && /* @__PURE__ */ s(o.icon, { className: "size-4" }),
-          /* @__PURE__ */ s("span", { className: "flex-1", children: r(o.titleKey) }),
-          o.count && /* @__PURE__ */ b("span", { className: "text-xs text-gray-500", children: [
-            "(",
-            o.count(t),
-            ")"
-          ] }),
-          !o.component && /* @__PURE__ */ s(B, { className: "size-4 text-amber-500" })
-        ]
-      },
-      u
-    )) }) }) }),
-    /* @__PURE__ */ s("div", { className: "md:hidden w-full border-b pb-4 mb-4", children: /* @__PURE__ */ b($e, { value: a, onValueChange: c, children: [
-      /* @__PURE__ */ s(je, { className: "w-full", children: /* @__PURE__ */ s(Ge, { placeholder: "Sélectionner une section" }) }),
-      /* @__PURE__ */ s(Ke, { children: e.map((o, u) => /* @__PURE__ */ s(qe, { value: o.value, disabled: o.disabled, children: /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
-        o.icon && /* @__PURE__ */ s(o.icon, { className: "size-4" }),
-        /* @__PURE__ */ s("span", { children: r(o.titleKey) }),
-        o.count && /* @__PURE__ */ b("span", { className: "text-xs text-gray-500", children: [
-          "(",
-          o.count(t),
-          ")"
-        ] }),
-        !o.component && /* @__PURE__ */ s(B, { className: "size-4 text-amber-500" })
-      ] }) }, u)) })
-    ] }) }),
-    /* @__PURE__ */ s("div", { className: "flex-1 md:px-4 min-w-0 overflow-auto", children: d() })
-  ] });
-};
-export {
-  Nr as A,
-  Ze as a,
-  Er as b,
-  _r as c
-};