@krosoft/react 0.0.92 → 0.0.94

package/dist/useDataTable-CQpx3zTg.js

@@ -0,0 +1,91 @@
+import { useState as l, useRef as d, useMemo as S, useCallback as O } from "react";
+function ue({
+  data: i,
+  columns: o,
+  getRowId: j,
+  defaultPageSize: q,
+  actions: R,
+  bulkActions: y,
+  columnVisibility: G = !0
+}) {
+  var F;
+  const [u, H] = l(((F = o.find((e) => e.sortable === !0)) == null ? void 0 : F.key) ?? null), [c, P] = l("asc"), [g, f] = l([]), [h, J] = l(new Set(o.filter((e) => e.defaultVisible !== !1).map((e) => e.key))), [b, N] = l(o.map((e) => e.key)), [w, Q] = l(o.reduce((e, t) => ({ ...e, [t.key]: t.minWidth ?? 100 }), {})), [V, A] = l(1), [m, Y] = l(q), Z = d(null), x = d(null), E = d(0), W = d(0), a = d(null), z = d(null), I = R !== void 0 && R.length > 0, L = y !== void 0 && y.length > 0, M = S(() => b.map((e) => o.find((t) => t.key === e)).filter((e) => e !== void 0), [b, o]), T = S(() => M.filter((e) => h.has(e.key)), [M, h]), _ = T.length + (L ? 1 : 0) + (I || G ? 1 : 0), k = Math.max(1, Math.ceil(i.length / m)), X = V > k ? k : V, p = i.length === 0 ? 0 : (X - 1) * m, D = Math.min(p + m, i.length), $ = (e) => {
+    const t = o.find((n) => n.key === e);
+    (t == null ? void 0 : t.sortable) === !0 && (u === e ? P(c === "asc" ? "desc" : "asc") : (H(e), P("asc")), A(1));
+  }, v = O((e) => {
+    const t = x.current;
+    if (t === null) return;
+    const n = e.clientX - E.current, r = Math.max(80, W.current + n);
+    Q((s) => ({
+      ...s,
+      [t]: r
+    }));
+  }, []), U = O(
+    function e() {
+      x.current = null, document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", e);
+    },
+    [v]
+  ), K = O(
+    (e, t) => {
+      e.preventDefault(), e.stopPropagation(), x.current = t, E.current = e.clientX, W.current = w[t], document.addEventListener("mousemove", v), document.addEventListener("mouseup", U);
+    },
+    [w, v, U]
+  ), ee = (e, t) => {
+    a.current = t, e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/html", t);
+  }, te = (e, t) => {
+    e.preventDefault(), e.dataTransfer.dropEffect = "move", z.current = t;
+  }, ne = (e, t) => {
+    if (e.preventDefault(), a.current === null || a.current === t) return;
+    const n = [...b], r = n.indexOf(a.current), s = n.indexOf(t);
+    n.splice(r, 1), n.splice(s, 0, a.current), N(n), a.current = null, z.current = null;
+  }, B = S(() => [...i].sort((e, t) => {
+    if (u === null) return 0;
+    const n = o.find((C) => C.key === u), r = (n == null ? void 0 : n.getSortValue) !== void 0 ? n.getSortValue(e) : e[u], s = (n == null ? void 0 : n.getSortValue) !== void 0 ? n.getSortValue(t) : t[u];
+    if (typeof r == "string" && typeof s == "string") {
+      const C = r.localeCompare(s);
+      return c === "asc" ? C : -C;
+    }
+    return r === s ? 0 : r == null ? 1 : s == null ? -1 : r < s ? c === "asc" ? -1 : 1 : r > s ? c === "asc" ? 1 : -1 : 0;
+  }), [i, u, c, o]), re = S(() => B.slice(p, D), [B, p, D]);
+  return {
+    sortColumn: u,
+    sortDirection: c,
+    selectedRows: g,
+    setSelectedRows: f,
+    visibleColumns: h,
+    columnWidths: w,
+    currentPage: V,
+    setCurrentPage: A,
+    pageSize: m,
+    setPageSize: Y,
+    totalPages: k,
+    safeCurrentPage: X,
+    startIndex: p,
+    endIndex: D,
+    tableRef: Z,
+    hasActions: I,
+    hasBulkActions: L,
+    orderedColumns: M,
+    visibleColumnsArray: T,
+    colSpanCount: _,
+    paginatedData: re,
+    handleSort: $,
+    handleMouseDown: K,
+    handleDragStart: ee,
+    handleDragOver: te,
+    handleDrop: ne,
+    toggleColumnVisibility: (e) => {
+      const t = new Set(h);
+      t.has(e) ? t.delete(e) : t.add(e), J(t);
+    },
+    toggleRowSelection: (e) => {
+      g.includes(e) ? f(g.filter((t) => t !== e)) : f([...g, e]);
+    },
+    toggleSelectAll: () => {
+      g.length === i.length ? f([]) : f(i.map((e) => j(e)));
+    }
+  };
+}
+export {
+  ue as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.92",
+  "version": "0.0.94",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {
@@ -91,10 +91,9 @@
     "@krosoft/tooling-eslint-react": "^0.0.21",
     "@krosoft/tooling-prettier": "^0.0.14",
     "@krosoft/tooling-tsconfig-react": "^0.0.10",
-    "@storybook/addon-essentials": "^8.6.18",
-    "@storybook/addon-themes": "^8.6.18",
-    "@storybook/react": "^8.6.18",
-    "@storybook/react-vite": "^8.6.18",
+    "@storybook/addon-themes": "^10.4.1",
+    "@storybook/react": "^10.4.1",
+    "@storybook/react-vite": "^10.4.1",
     "@types/node": "^25.9.1",
     "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
@@ -107,10 +106,12 @@
     "react-i18next": "^17.0.8",
     "react-resizable-panels": "^4.11.2",
     "react-router-dom": "^7.15.1",
-    "storybook": "^8.6.18",
+    "storybook": "^10.4.1",
     "tailwindcss": "^3.4.19",
     "typescript": "^5.9.3",
     "vite": "^6.4.2",
-    "vitest": "^4.1.7"
+    "vitest": "^4.1.7",
+    "eslint-plugin-storybook": "10.4.1",
+    "@storybook/addon-docs": "^10.4.1"
   }
 }

package/dist/TableSettings-m2q3s0wU.js

@@ -1,382 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { ar as M, aF as j, at as D, av as A, U as S, cf as L, cg as B, as as I } from "./toggle-group-VJoGbVQm.js";
-import "./card-Bn3Y7DHQ.js";
-import { B as x } from "./tooltip-CAu4DEhc.js";
-import "./select-D6_XPD6x.js";
-import "react";
-import { E as V } from "./ellipsis-vertical-BVxSFNOa.js";
-import { L as q } from "./loader-circle-GAYBtm3z.js";
-import { G as U } from "./grip-vertical-CJ07_87Y.js";
-import { c as f } from "./index-DSyPHOLE.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 E = [
-  ["path", { d: "M12 5v14", key: "s699le" }],
-  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
-], G = f("arrow-down", E);
-/**
- * @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 H = [
-  ["path", { d: "m21 16-4 4-4-4", key: "f6ql7i" }],
-  ["path", { d: "M17 20V4", key: "1ejh1v" }],
-  ["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
-  ["path", { d: "M7 4v16", key: "1glfcx" }]
-], F = f("arrow-up-down", H);
-/**
- * @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 O = [
-  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
-  ["path", { d: "M12 19V5", key: "x0mq9r" }]
-], J = f("arrow-up", O);
-/**
- * @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 Q = [
-  [
-    "path",
-    {
-      d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
-      key: "1i5ecw"
-    }
-  ],
-  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], W = f("settings", Q);
-function X({ actions: l, row: n }) {
-  return /* @__PURE__ */ t(M, { children: [
-    /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(x, { variant: "ghost", size: "icon", className: "h-8 w-8 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ e(V, { className: "size-4" }) }) }),
-    /* @__PURE__ */ e(
-      D,
-      {
-        align: "end",
-        onClick: (s) => {
-          s.stopPropagation();
-        },
-        children: l.map((s, a) => {
-          const o = s.icon;
-          return /* @__PURE__ */ t(
-            A,
-            {
-              onClick: () => {
-                s.onClick(n);
-              },
-              className: s.className,
-              children: [
-                o !== void 0 && /* @__PURE__ */ e("span", { className: "mr-2 size-4 flex items-center justify-center", children: /* @__PURE__ */ e(o, { className: "size-4" }) }),
-                s.label
-              ]
-            },
-            a
-          );
-        })
-      }
-    )
-  ] });
-}
-function ne({
-  isLoading: l,
-  colSpanCount: n,
-  noDataMessage: s,
-  paginatedData: a,
-  getRowId: o,
-  onRowClick: c,
-  hasBulkActions: u,
-  selectedRows: b,
-  toggleRowSelection: g,
-  visibleColumnsArray: i,
-  columnWidths: k,
-  hasActions: N,
-  actions: v,
-  columns: w
-}) {
-  const C = (h, m) => {
-    const d = w.find((r) => r.key === m);
-    if ((d == null ? void 0 : d.renderCell) !== void 0)
-      return d.renderCell(h);
-    const y = h[m];
-    return /* @__PURE__ */ e("span", { className: "text-sm truncate", children: y != null ? String(y) : "-" });
-  };
-  return l ? /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: n, className: "py-8 text-center", children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center gap-2 text-muted-foreground", children: [
-    /* @__PURE__ */ e(q, { className: "h-6 w-6 animate-spin text-primary" }),
-    /* @__PURE__ */ e("span", { className: "text-sm", children: "Chargement..." })
-  ] }) }) }) }) : a.length === 0 ? /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: n, className: "py-8 text-center text-sm text-muted-foreground", children: s }) }) }) : /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: a.map((h) => {
-    const m = o(h);
-    return /* @__PURE__ */ t(
-      "tr",
-      {
-        className: `group hover:bg-muted/50 dark:hover:bg-gray-900/50 transition-colors ${c !== void 0 ? "cursor-pointer" : ""}`,
-        onClick: () => c == null ? void 0 : c(h),
-        children: [
-          u ? /* @__PURE__ */ e(
-            "td",
-            {
-              className: "px-4 py-2 w-12",
-              onClick: (d) => {
-                d.stopPropagation();
-              },
-              children: /* @__PURE__ */ e(
-                S,
-                {
-                  checked: b.includes(m),
-                  onCheckedChange: () => {
-                    g(m);
-                  }
-                }
-              )
-            }
-          ) : null,
-          i.map((d, y) => {
-            const r = y === i.length - 1;
-            return /* @__PURE__ */ e(
-              "td",
-              {
-                className: `px-2 py-2 border-r border-gray-100 dark:border-gray-800 relative ${r ? "border-r-0" : ""}`,
-                style: { width: k[d.key] },
-                children: /* @__PURE__ */ e("div", { className: "w-full h-full", children: C(h, d.key) })
-              },
-              d.key
-            );
-          }),
-          N && v !== void 0 && v.length > 0 ? /* @__PURE__ */ e(
-            "td",
-            {
-              className: "px-2 py-2 w-12 text-end",
-              onClick: (d) => {
-                d.stopPropagation();
-              },
-              children: /* @__PURE__ */ e(X, { actions: v, row: h })
-            }
-          ) : null
-        ]
-      },
-      m
-    );
-  }) });
-}
-function ie({ selectedRows: l, setSelectedRows: n, bulkActions: s }) {
-  return /* @__PURE__ */ t("div", { className: "bg-muted/60 dark:bg-gray-900/60 border border-border px-3 py-1.5 flex items-center justify-between rounded-lg", children: [
-    /* @__PURE__ */ t("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ t("span", { className: "text-sm font-medium text-primary ml-1", children: [
-        l.length,
-        " sélectionné(s)"
-      ] }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: s.map((a, o) => {
-        const c = a.icon;
-        return /* @__PURE__ */ t(
-          x,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: () => {
-              a.onClick(l, () => {
-                n([]);
-              });
-            },
-            className: `h-7 bg-background shadow-sm text-xs px-2.5 ${a.variant === "destructive" ? "text-destructive border-destructive/30 hover:bg-destructive/10 hover:text-destructive" : "text-foreground"}`,
-            children: [
-              c !== void 0 && /* @__PURE__ */ e("span", { className: "mr-1.5 flex items-center justify-center", children: /* @__PURE__ */ e(c, { className: "h-3.5 w-3.5" }) }),
-              a.label
-            ]
-          },
-          o
-        );
-      }) })
-    ] }),
-    /* @__PURE__ */ e(
-      x,
-      {
-        variant: "ghost",
-        size: "sm",
-        onClick: () => {
-          n([]);
-        },
-        className: "text-xs text-muted-foreground hover:text-foreground h-7 px-2",
-        children: "Désélectionner"
-      }
-    )
-  ] });
-}
-function de({
-  hasBulkActions: l,
-  selectedRows: n,
-  totalItems: s,
-  toggleSelectAll: a,
-  visibleColumnsArray: o,
-  draggableColumns: c,
-  resizableColumns: u,
-  columnWidths: b,
-  sortColumn: g,
-  sortDirection: i,
-  handleSort: k,
-  handleDragStart: N,
-  handleDragOver: v,
-  handleDrop: w,
-  handleMouseDown: C,
-  hasActions: h,
-  settingsNode: m
-}) {
-  const d = (r) => r.sortable !== !0 ? null : g === r.key ? i === "asc" ? /* @__PURE__ */ e(J, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(G, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(F, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }), y = (r, T) => {
-    const z = T !== !1, _ = r.sortable === !0, $ = g === r.key;
-    return /* @__PURE__ */ t(
-      "th",
-      {
-        className: [
-          "px-2 py-2 text-left text-sm font-medium text-gray-900 dark:text-gray-100 relative group border-r border-gray-200 dark:border-gray-800",
-          _ ? "cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 select-none" : "",
-          $ ? "bg-gray-100/80 dark:bg-gray-800/80" : ""
-        ].filter(Boolean).join(" "),
-        style: { width: b[r.key] },
-        draggable: z,
-        onClick: () => {
-          k(r.key);
-        },
-        onDragStart: (p) => {
-          z ? N(p, r.key) : p.preventDefault();
-        },
-        onDragOver: (p) => {
-          v(p, r.key);
-        },
-        onDrop: (p) => {
-          w(p, r.key);
-        },
-        children: [
-          /* @__PURE__ */ t("div", { className: "flex items-center justify-between pr-2", children: [
-            /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
-              z ? /* @__PURE__ */ e(U, { className: "size-4 text-gray-400 cursor-grab dark:text-gray-300 shrink-0" }) : null,
-              /* @__PURE__ */ e("span", { className: "truncate", children: r.label })
-            ] }),
-            /* @__PURE__ */ e("div", { className: "ml-1 shrink-0", children: d(r) })
-          ] }),
-          u ? /* @__PURE__ */ e(
-            "div",
-            {
-              className: "absolute right-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-blue-500 opacity-0 group-hover:opacity-50 transition-opacity",
-              onMouseDown: (p) => {
-                C(p, r.key);
-              }
-            }
-          ) : null
-        ]
-      },
-      r.key
-    );
-  };
-  return /* @__PURE__ */ e("thead", { className: "bg-muted/50 dark:bg-gray-900/50 border-b border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ t("tr", { children: [
-    l ? /* @__PURE__ */ e("th", { className: "px-4 py-2 w-12 flex-shrink-0 text-left", children: /* @__PURE__ */ e(
-      S,
-      {
-        checked: n.length === s && s > 0 ? !0 : n.length > 0 ? "indeterminate" : !1,
-        onCheckedChange: a
-      }
-    ) }) : null,
-    o.map((r) => y(r, c)),
-    h || m !== void 0 ? /* @__PURE__ */ e("th", { className: "w-12 px-2 py-2 text-center align-middle", children: m }) : null
-  ] }) });
-}
-function le({
-  totalItems: l,
-  startIndex: n,
-  endIndex: s,
-  pageSize: a,
-  setPageSize: o,
-  currentPage: c,
-  setCurrentPage: u,
-  pageSizeOptions: b,
-  totalPages: g
-}) {
-  return /* @__PURE__ */ t("div", { className: "px-4 py-2 border-t border-border flex items-center justify-between bg-card flex-wrap gap-2", children: [
-    /* @__PURE__ */ t("div", { className: "text-sm text-muted-foreground", children: [
-      l === 0 ? "0" : `${String(n + 1)} - ${String(s)}`,
-      " sur ",
-      l
-    ] }),
-    /* @__PURE__ */ t("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "Lignes par page :" }),
-        /* @__PURE__ */ e(
-          "select",
-          {
-            value: a,
-            onChange: (i) => {
-              o(Number(i.target.value)), u(1);
-            },
-            className: "border border-input bg-background rounded px-2 py-1 text-sm text-foreground",
-            children: b.map((i) => /* @__PURE__ */ e("option", { value: i, children: i }, i))
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e(
-          x,
-          {
-            variant: "outline",
-            size: "sm",
-            className: "h-8 w-8 p-0",
-            onClick: () => {
-              u((i) => Math.max(1, i - 1));
-            },
-            disabled: c === 1,
-            children: /* @__PURE__ */ e(L, { className: "size-4" })
-          }
-        ),
-        /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
-          "Page ",
-          c,
-          " sur ",
-          g
-        ] }),
-        /* @__PURE__ */ e(
-          x,
-          {
-            variant: "outline",
-            size: "sm",
-            className: "h-8 w-8 p-0",
-            onClick: () => {
-              u((i) => Math.min(g, i + 1));
-            },
-            disabled: c === g,
-            children: /* @__PURE__ */ e(B, { className: "size-4" })
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-function ce({ columns: l, visibleColumns: n, toggleColumnVisibility: s }) {
-  return /* @__PURE__ */ t(M, { children: [
-    /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(x, { variant: "outline", size: "sm", className: "size-8 p-0 bg-white hover:bg-gray-100 dark:bg-gray-900 shadow-sm border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ e(W, { className: "size-4 text-gray-600 dark:text-gray-300" }) }) }),
-    /* @__PURE__ */ e(D, { align: "end", className: "w-56", children: l.map((a) => /* @__PURE__ */ e(
-      I,
-      {
-        checked: n.has(a.key),
-        onCheckedChange: () => {
-          s(a.key);
-        },
-        children: a.label
-      },
-      a.key
-    )) })
-  ] });
-}
-export {
-  X as T,
-  ne as a,
-  ie as b,
-  de as c,
-  le as d,
-  ce as e
-};

package/dist/toaster-D6ND7OTk.js

@@ -1,113 +0,0 @@
-import * as c from "react";
-import "react-dom";
-import { e as m } from "./tooltip-CAu4DEhc.js";
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { c9 as v, ca as b, cb as g, cc as h, cd as w, ce as x, b_ as R, bW as T, b$ as y, bZ as C, bY as N, c0 as P } from "./toggle-group-VJoGbVQm.js";
-import { c as n } from "./index-gWiv5-6R.js";
-import { G as $ } from "./grip-vertical-CJ07_87Y.js";
-import { u as S } from "./useToast-BFTk4lWz.js";
-var A = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-], j = A.reduce((a, e) => {
-  const r = m(`Primitive.${e}`), i = c.forwardRef((o, s) => {
-    const { asChild: d, ...f } = o, u = d ? r : e;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ t(u, { ...f, ref: s });
-  });
-  return i.displayName = `Primitive.${e}`, { ...a, [e]: i };
-}, {}), z = "AspectRatio", p = c.forwardRef(
-  (a, e) => {
-    const { ratio: r = 1 / 1, style: i, ...o } = a;
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        style: {
-          // ensures inner element is contained
-          position: "relative",
-          // ensures padding bottom trick maths works
-          width: "100%",
-          paddingBottom: `${100 / r}%`
-        },
-        "data-radix-aspect-ratio-wrapper": "",
-        children: /* @__PURE__ */ t(
-          j.div,
-          {
-            ...o,
-            ref: e,
-            style: {
-              ...i,
-              // ensures children expand in ratio
-              position: "absolute",
-              top: 0,
-              right: 0,
-              bottom: 0,
-              left: 0
-            }
-          }
-        )
-      }
-    );
-  }
-);
-p.displayName = z;
-var G = p;
-const M = G, O = v, Q = g, U = b, W = ({ className: a, ...e }) => /* @__PURE__ */ t(x, { className: n("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", a), ...e }), Z = h, _ = ({
-  withHandle: a,
-  className: e,
-  ...r
-}) => /* @__PURE__ */ t(
-  w,
-  {
-    className: n(
-      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
-      e
-    ),
-    ...r,
-    children: a && /* @__PURE__ */ t("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ t($, { className: "h-2.5 w-2.5" }) })
-  }
-);
-function q({ className: a, ...e }) {
-  return /* @__PURE__ */ t("div", { className: n("animate-pulse rounded-md bg-muted", a), ...e });
-}
-function F() {
-  const { toasts: a } = S();
-  return /* @__PURE__ */ l(R, { children: [
-    a.map(function({ id: e, title: r, description: i, action: o, ...s }) {
-      return /* @__PURE__ */ l(T, { ...s, children: [
-        /* @__PURE__ */ l("div", { className: "grid gap-1", children: [
-          r && /* @__PURE__ */ t(y, { children: r }),
-          i && /* @__PURE__ */ t(C, { children: i })
-        ] }),
-        o,
-        /* @__PURE__ */ t(N, {})
-      ] }, e);
-    }),
-    /* @__PURE__ */ t(P, {})
-  ] });
-}
-export {
-  M as A,
-  O as C,
-  _ as R,
-  q as S,
-  F as T,
-  U as a,
-  Q as b,
-  Z as c,
-  W as d
-};