@versini/sassysaint 8.119.1 → 8.119.2

package/dist/chunks/ButtonIconDelete.DLIImGjj.js

@@ -1,538 +0,0 @@
-import g from "clsx";
-import se, { createContext as le, useContext as ne, useRef as q, useLayoutEffect as P, useState as I, useCallback as E, useMemo as $, useId as oe, useEffect as V } from "react";
-import { jsx as d, jsxs as F, Fragment as ie } from "react/jsx-runtime";
-import { CellWrapper as x, BlurEffects as R, ButtonIcon as U, IconSortUp as de, IconSortDown as ce, IconSort as ge, IconDelete as be } from "./LogoEntry.BAI8lPSQ.js";
-import { ResponsiveTooltip as ue } from "./App.YH7VhNjK.js";
-const H = le({
-  mode: "system"
-});
-function Fe(e, r) {
-  return e ? g("contents", r) : g("flex flex-col", r);
-}
-function Be(e, r) {
-  const a = ne(H), l = q([]);
-  P(() => {
-    const t = e.current, n = a.columns && (a.stickyHeader || a.stickyFooter);
-    if (!t || !n || !a.setMeasuredColumnWidths)
-      return;
-    const s = t.querySelector('[role="row"]');
-    if (!s)
-      return;
-    const o = s.querySelectorAll('[role="cell"], [role="columnheader"], [role="gridcell"]');
-    if (o.length === 0)
-      return;
-    const c = () => {
-      const i = Array.from(o).map((h) => h.getBoundingClientRect().width), f = l.current;
-      (i.length !== f.length || i.some((h, v) => h !== f[v])) && (l.current = i, a.setMeasuredColumnWidths?.(i));
-    };
-    c();
-    const b = new ResizeObserver(() => {
-      c();
-    });
-    b.observe(t);
-    for (const i of o)
-      b.observe(i);
-    return () => b.disconnect();
-  }, [
-    a.columns,
-    a.stickyHeader,
-    a.stickyFooter,
-    a.setMeasuredColumnWidths,
-    r
-  ]);
-}
-const B = ({ mode: e }) => g({
-  "text-copy-light": e === "dark",
-  "text-copy-dark": e === "light",
-  "text-copy-light dark:text-copy-dark": e === "system",
-  "text-copy-dark dark:text-copy-light": e === "alt-system"
-}), fe = ({ mode: e }) => g({
-  "bg-surface-darker": e === "dark" || e === "system",
-  "bg-surface-light": e === "light" || e === "alt-system",
-  "dark:bg-surface-light": e === "system",
-  "dark:bg-surface-darker": e === "alt-system"
-}), _ = ({ mode: e, hasBlur: r, sticky: a }) => g({
-  // Semi-transparent for blur effect.
-  "bg-surface-darkest/50": r && a && (e === "dark" || e === "system"),
-  "bg-surface-light/50": r && a && (e === "light" || e === "alt-system"),
-  "dark:bg-surface-light/50": r && a && e === "system",
-  "dark:bg-surface-darkest/50": r && a && e === "alt-system",
-  // Solid backgrounds.
-  "bg-surface-darkest": !r && (e === "dark" || e === "system"),
-  "bg-surface-light": !r && (e === "light" || e === "alt-system"),
-  "dark:bg-surface-light": !r && e === "system",
-  "dark:bg-surface-darkest": !r && e === "alt-system"
-}), he = ({ mode: e }) => g({
-  "border-table-dark": e === "dark" || e === "system",
-  "border-table-light": e === "light" || e === "alt-system",
-  "dark:border-table-light": e === "system",
-  "dark:border-table-dark": e === "alt-system"
-}), ke = ({ blurEffect: e }) => g({
-  "backdrop-blur-sm": e === R.SMALL,
-  "backdrop-blur-md": e === R.MEDIUM,
-  "backdrop-blur-lg": e === R.LARGE
-}), ye = ({ mode: e }) => g("text-lg font-medium", {
-  "text-copy-dark": e === "light",
-  "text-copy-light": e === "dark",
-  "text-copy-dark dark:text-copy-light": e === "alt-system",
-  "text-copy-light dark:text-copy-dark": e === "system"
-}), ve = ({ mode: e }) => ({
-  inner: "relative",
-  overlay: g("absolute inset-0 z-20 cursor-not-allowed rounded-lg", "backdrop-blur-xs bg-white/30 dark:bg-black/30"),
-  loadingWrapper: g("absolute z-30 top-0 left-0 right-0 h-[min(100%,100vh)]", "flex items-center justify-center", "pointer-events-none"),
-  loadingText: ye({
-    mode: e
-  })
-}), pe = ({ mode: e, className: r, wrapperClassName: a, stickyHeader: l, stickyFooter: t, loading: n, hasColumns: s }) => {
-  const o = n ? ve({
-    mode: e
-  }) : null, c = l || t;
-  return {
-    overlay: o?.overlay ?? "",
-    inner: o?.inner ?? "",
-    loadingWrapper: o?.loadingWrapper ?? "",
-    loadingText: o?.loadingText ?? "",
-    wrapper: g("not-prose relative w-full rounded-lg shadow-md", {
-      "overflow-x-auto": !c && !n,
-      "overflow-hidden flex flex-col": c || n
-    }, fe({
-      mode: e
-    }), B({
-      mode: e
-    }), a),
-    scrollableContent: g("overflow-y-auto overflow-x-hidden rounded-[inherit] flex-1 min-h-0"),
-    grid: g("my-0 w-full text-left text-sm", s ? "grid" : "flex flex-col", r, B({
-      mode: e
-    }))
-  };
-}, Ce = ({ className: e, stickyHeader: r, mode: a, blurEffect: l, hasColumns: t }) => {
-  const n = !!(l && l !== R.NONE);
-  return t && !r ? g("contents", _({
-    mode: a,
-    hasBlur: n,
-    sticky: !!r
-  }), B({
-    mode: a
-  }), e) : g("flex flex-col", {
-    "absolute left-0 right-0 z-20 top-0 rounded-t-lg": r
-  }, _({
-    mode: a,
-    hasBlur: n,
-    sticky: !!r
-  }), B({
-    mode: a
-  }), r && ke({
-    blurEffect: l
-  }), e);
-}, me = ({ captionClassName: e, hasColumns: r }) => g("py-2 text-sm text-center font-bold", r && "col-span-full", e), xe = ({ mode: e, className: r, cellWrapper: a, rowIndex: l, isLastRow: t }) => {
-  const n = "group grid items-center";
-  if (a === x.HEADER || a === x.FOOTER)
-    return g(n, r);
-  const s = l !== void 0, o = s && l % 2 === 0, c = s && l % 2 === 1;
-  return g(n, t !== void 0 ? t ? "border-b border-b-transparent" : "border-b" : "border-b last:border-0", he({
-    mode: e
-  }), {
-    // Explicit odd/even when rowIndex is provided.
-    "bg-table-dark-odd": s && o && e === "dark",
-    "bg-table-dark-even": s && c && e === "dark",
-    "bg-table-light-odd": s && o && e === "light",
-    "bg-table-light-even": s && c && e === "light",
-    // System mode with explicit index.
-    "bg-table-dark-odd dark:bg-table-light-odd": s && o && e === "system",
-    "bg-table-dark-even dark:bg-table-light-even": s && c && e === "system",
-    // Alt-system mode with explicit index.
-    "bg-table-light-odd dark:bg-table-dark-odd": s && o && e === "alt-system",
-    "bg-table-light-even dark:bg-table-dark-even": s && c && e === "alt-system",
-    // CSS :nth-child selectors (original behavior when rowIndex not provided).
-    "odd:bg-table-dark-odd even:bg-table-dark-even": !s && e === "dark",
-    "odd:bg-table-light-odd even:bg-table-light-even": !s && e === "light",
-    "odd:bg-table-dark-odd even:bg-table-dark-even dark:odd:bg-table-light-odd dark:even:bg-table-light-even": !s && e === "system",
-    "odd:bg-table-light-odd even:bg-table-light-even dark:odd:bg-table-dark-odd dark:even:bg-table-dark-even": !s && e === "alt-system",
-    // Hover effects (same for both modes).
-    "hover:bg-table-dark-hover": e === "dark",
-    "hover:bg-table-light-hover": e === "light",
-    "hover:bg-table-dark-hover dark:hover:bg-table-light-hover": e === "system",
-    "hover:bg-table-light-hover dark:hover:bg-table-dark-hover": e === "alt-system"
-  }, r);
-}, L = ({ cellWrapper: e, className: r, compact: a, align: l, mode: t, borderLeft: n, borderRight: s }) => {
-  const o = e === x.HEADER;
-  return g(
-    // Base padding.
-    {
-      "px-2 py-1": a,
-      "px-4 py-3": !a
-    },
-    // Text alignment.
-    {
-      "text-left justify-start": l === "left" || !l,
-      "text-center justify-center": l === "center",
-      "text-right justify-end": l === "right"
-    },
-    // Header/footer specific styles.
-    {
-      "font-semibold": o
-    },
-    // Active row indicator.
-    "first:group-data-[active]:relative",
-    "first:group-data-[active]:before:absolute first:group-data-[active]:before:left-0 first:group-data-[active]:before:top-0 first:group-data-[active]:before:bottom-0 first:group-data-[active]:before:w-1",
-    "first:group-data-[active]:self-stretch first:group-data-[active]:flex first:group-data-[active]:items-center",
-    // Active indicator color based on theme mode.
-    {
-      "first:group-data-[active]:before:bg-table-active-dark": t === "dark",
-      "first:group-data-[active]:before:bg-table-active-light": t === "light",
-      "first:group-data-[active]:before:bg-table-active-dark dark:first:group-data-[active]:before:bg-table-active-light": t === "system",
-      "first:group-data-[active]:before:bg-table-active-light dark:first:group-data-[active]:before:bg-table-active-dark": t === "alt-system"
-    },
-    // Vertical borders.
-    {
-      "self-stretch flex items-center": n || s,
-      "border-l border-l-table-dark": n && t === "dark",
-      "border-l border-l-table-light": n && t === "light",
-      "border-l border-l-table-dark dark:border-l-table-light": n && t === "system",
-      "border-l border-l-table-light dark:border-l-table-dark": n && t === "alt-system",
-      "border-r border-r-table-dark": s && t === "dark",
-      "border-r border-r-table-light": s && t === "light",
-      "border-r border-r-table-dark dark:border-r-table-light": s && t === "system",
-      "border-r border-r-table-light dark:border-r-table-dark": s && t === "alt-system"
-    },
-    r
-  );
-}, He = (e) => e === x.HEADER ? "columnheader" : "gridcell";
-const ze = ({ className: e, wrapperClassName: r, children: a, mode: l = "system", compact: t = !1, stickyHeader: n = !1, stickyFooter: s = !1, blurEffect: o = R.NONE, maxHeight: c, loading: b = !1, columns: i, ...f }) => {
-  const [u, h] = I(0), [v, S] = I(0), [p, k] = I(0), [T, C] = I(0), [D, J] = I([]), z = E(() => h((y) => y + 1), []), M = E(() => h((y) => y - 1), []), j = E(() => S((y) => y + 1), []), A = E(() => S((y) => y - 1), []), K = u > 0, Q = v > 0, w = n && K, N = s && Q, [X, Y] = I(void 0), G = E((y) => {
-    Y(y);
-  }, []), m = $(() => pe({
-    mode: l,
-    className: e,
-    wrapperClassName: r,
-    stickyHeader: w,
-    stickyFooter: N,
-    loading: !!b,
-    hasColumns: !!i
-  }), [
-    l,
-    e,
-    r,
-    w,
-    N,
-    b,
-    i
-  ]), Z = $(() => ({
-    mode: l,
-    compact: t,
-    stickyHeader: w,
-    stickyFooter: N,
-    blurEffect: o,
-    columns: i,
-    measuredColumnWidths: D,
-    setCaptionId: G,
-    registerHeader: z,
-    unregisterHeader: M,
-    registerFooter: j,
-    unregisterFooter: A,
-    setHeaderHeight: k,
-    setFooterHeight: C,
-    setMeasuredColumnWidths: J
-  }), [
-    l,
-    t,
-    w,
-    N,
-    o,
-    i,
-    D,
-    G,
-    z,
-    M,
-    j,
-    A
-  ]), O = c ? {
-    maxHeight: typeof c == "number" ? `${c}px` : c
-  } : void 0, ee = {
-    ...O,
-    paddingTop: w ? p : void 0,
-    paddingBottom: N ? T : void 0
-  }, te = w || N, re = i ? {
-    gridTemplateColumns: i.join(" ")
-  } : void 0, W = /* @__PURE__ */ d("div", {
-    role: "grid",
-    "aria-labelledby": X,
-    className: m.grid,
-    style: re,
-    ...f,
-    children: a
-  }), ae = typeof b == "string" ? b : b ? "Loading..." : null;
-  return /* @__PURE__ */ d(H.Provider, {
-    value: Z,
-    children: /* @__PURE__ */ F("div", {
-      className: m.inner,
-      children: [
-        b && /* @__PURE__ */ F(ie, {
-          children: [
-            /* @__PURE__ */ d("div", {
-              className: m.overlay,
-              "aria-hidden": "true"
-            }),
-            /* @__PURE__ */ d("div", {
-              className: m.loadingWrapper,
-              children: /* @__PURE__ */ d("span", {
-                className: m.loadingText,
-                role: "status",
-                children: ae
-              })
-            })
-          ]
-        }),
-        /* @__PURE__ */ d("div", {
-          className: m.wrapper,
-          style: O,
-          children: te ? /* @__PURE__ */ d("div", {
-            className: m.scrollableContent,
-            style: ee,
-            children: W
-          }) : W
-        })
-      ]
-    })
-  });
-};
-const Me = ({ className: e, children: r, align: a, borderLeft: l, borderRight: t, colSpan: n, style: s, ...o }) => /* @__PURE__ */ d(H.Consumer, {
-  children: ({ mode: c, compact: b, cellWrapper: i }) => {
-    const f = L({
-      cellWrapper: i,
-      className: e,
-      mode: c,
-      compact: b,
-      align: a,
-      borderLeft: l,
-      borderRight: t
-    }), u = He(i), h = n && n > 1 ? {
-      ...s,
-      gridColumn: `span ${n}`
-    } : s;
-    return /* @__PURE__ */ d("div", {
-      role: u,
-      className: f,
-      style: h,
-      ...o,
-      children: r
-    });
-  }
-});
-function Se({ children: e, mode: r = "system", className: a, active: l = !1, ref: t, ...n }) {
-  const s = l ? g("relative", "focus-within:static", "focus-within:after:border-transparent", "after:absolute", "after:content-['']", "after:border-b-2", "after:-bottom-1", "after:left-0", "after:right-0", {
-    "after:border-table-light": r === "dark",
-    "after:border-table-dark": r === "light",
-    "after:border-table-light dark:after:border-table-dark": r === "system",
-    "after:border-table-dark dark:after:border-table-light": r === "alt-system"
-  }) : "";
-  return /* @__PURE__ */ d("div", {
-    className: s,
-    children: /* @__PURE__ */ d(U, {
-      className: a,
-      ref: t,
-      mode: r,
-      radius: "small",
-      size: "small",
-      align: "center",
-      ...n,
-      children: e
-    })
-  });
-}
-const je = ({ className: e, children: r, cellId: a, onSort: l, sortDirection: t, sortedCell: n, slotLeft: s, slotRight: o, buttonClassName: c, focusMode: b = "alt-system", align: i, ...f }) => {
-  const u = n === a, h = () => {
-    l && l(a, u && t ? t : void 0);
-  }, v = () => u && t === "asc" ? /* @__PURE__ */ d(de, {
-    className: "size-4",
-    monotone: !0
-  }) : u && t === "desc" ? /* @__PURE__ */ d(ce, {
-    className: "size-4",
-    monotone: !0
-  }) : /* @__PURE__ */ d(ge, {
-    className: "size-4",
-    monotone: !0
-  }), S = () => u && t === "asc" ? "ascending" : u && t === "desc" ? "descending" : "other";
-  return /* @__PURE__ */ d(H.Consumer, {
-    children: ({ mode: p, compact: k, cellWrapper: T }) => {
-      const C = L({
-        cellWrapper: T,
-        className: e,
-        mode: p,
-        compact: k,
-        align: i
-      }), D = g("flex", {
-        "justify-start": i === "left" || !i,
-        "justify-center": i === "center",
-        "justify-end": i === "right"
-      });
-      return /* @__PURE__ */ d("div", {
-        className: C,
-        role: "columnheader",
-        "aria-sort": S(),
-        ...f,
-        children: /* @__PURE__ */ F("div", {
-          className: D,
-          children: [
-            s,
-            /* @__PURE__ */ d(Se, {
-              active: u,
-              className: c,
-              onClick: h,
-              noBorder: !0,
-              focusMode: b,
-              mode: p,
-              labelRight: r,
-              children: v()
-            }),
-            o
-          ]
-        })
-      });
-    }
-  });
-};
-const we = ({ caption: e, captionClassName: r, className: a, children: l, ...t }) => {
-  const n = oe();
-  return /* @__PURE__ */ d(H.Consumer, {
-    children: (s) => /* @__PURE__ */ d(Ne, {
-      caption: e,
-      captionClassName: r,
-      captionId: n,
-      className: a,
-      ctx: s,
-      ...t,
-      children: l
-    })
-  });
-};
-we.displayName = "DataGridHeader";
-const Ne = ({ caption: e, captionClassName: r, captionId: a, className: l, ctx: t, children: n, ...s }) => {
-  const o = !!t.columns, c = q(null);
-  return V(() => (t.registerHeader?.(), () => {
-    t.unregisterHeader?.();
-  }), [
-    t.registerHeader,
-    t.unregisterHeader
-  ]), V(() => (e && t.setCaptionId && t.setCaptionId(a), () => {
-    t.setCaptionId && t.setCaptionId(void 0);
-  }), [
-    e,
-    a,
-    t.setCaptionId
-  ]), P(() => {
-    const b = c.current;
-    if (!b || !t.stickyHeader || !t.setHeaderHeight)
-      return;
-    const i = new ResizeObserver((f) => {
-      const u = f[0]?.borderBoxSize?.[0]?.blockSize;
-      u !== void 0 && t.setHeaderHeight?.(u);
-    });
-    return i.observe(b), () => i.disconnect();
-  }, [
-    t.stickyHeader,
-    t.setHeaderHeight
-  ]), /* @__PURE__ */ d(H.Provider, {
-    value: {
-      ...t,
-      cellWrapper: x.HEADER
-    },
-    children: /* @__PURE__ */ F("div", {
-      ref: c,
-      role: "rowgroup",
-      className: Ce({
-        className: l,
-        stickyHeader: t.stickyHeader,
-        mode: t.mode,
-        blurEffect: t.blurEffect,
-        hasColumns: o
-      }),
-      ...s,
-      children: [
-        e && /* @__PURE__ */ d("div", {
-          id: a,
-          className: me({
-            captionClassName: r,
-            hasColumns: o
-          }),
-          children: e
-        }),
-        n
-      ]
-    })
-  });
-};
-const Ae = ({ className: e, children: r, active: a, style: l, ...t }) => {
-  const n = se.Children.count(r);
-  return /* @__PURE__ */ d(H.Consumer, {
-    children: ({ mode: s, cellWrapper: o, stickyHeader: c, stickyFooter: b, columns: i, measuredColumnWidths: f, rowIndex: u, isLastRow: h }) => {
-      const v = o === x.HEADER && c, S = o === x.FOOTER && b, p = v || S;
-      let k;
-      return i ? p ? f && f.length === i.length && f.some((C) => C > 0) ? k = {
-        gridTemplateColumns: f.map((C) => `${C}px`).join(" ")
-      } : k = {
-        gridTemplateColumns: i.join(" ")
-      } : k = {
-        gridColumn: "1 / -1",
-        gridTemplateColumns: "subgrid"
-      } : k = {
-        gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))`
-      }, /* @__PURE__ */ d("div", {
-        role: "row",
-        className: xe({
-          mode: s,
-          className: e,
-          cellWrapper: o,
-          rowIndex: u,
-          isLastRow: h
-        }),
-        style: {
-          ...k,
-          ...l
-        },
-        "data-active": a || void 0,
-        ...t,
-        children: r
-      });
-    }
-  });
-}, Ge = ({
-  label: e,
-  disabled: r,
-  onClick: a
-}) => /* @__PURE__ */ d(
-  ue,
-  {
-    label: e,
-    placement: "top",
-    trigger: /* @__PURE__ */ d(
-      U,
-      {
-        noBorder: !0,
-        variant: "primary",
-        label: e,
-        disabled: r,
-        onClick: a,
-        children: /* @__PURE__ */ d(
-          be,
-          {
-            size: "size-3",
-            monotone: !0,
-            className: "text-copy-error-dark dark:text-copy-error-light"
-          }
-        )
-      }
-    )
-  }
-);
-export {
-  Ge as ButtonIconDelete,
-  ze as DataGrid,
-  Me as DataGridCell,
-  je as DataGridCellSort,
-  H as DataGridContext,
-  we as DataGridHeader,
-  Ae as DataGridRow,
-  Fe as getBodyClass,
-  Be as useColumnMeasurement
-};