@krosoft/react 0.0.86 → 0.0.87

package/dist/AppVerticalTabs-aeKDheVe.js

@@ -0,0 +1,829 @@
+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
+};