@versini/sassysaint 8.120.2 → 8.121.1

package/dist/chunks/ButtonIconDelete.wI-EXJFx.js

@@ -1,550 +0,0 @@
-import me, { createContext as ve, useContext as ye, useRef as Z, useLayoutEffect as ee, useState as B, useCallback as F, useMemo as K, useId as Ce, useEffect as J } from "react";
-import d from "clsx";
-import { jsx as i, jsxs as D, Fragment as ke } from "react/jsx-runtime";
-import { CellWrapper as R, BlurEffects as E, IconSortUp as xe, IconSortDown as He, IconSort as we, ButtonIcon as Se, IconDelete as Te } from "./LogoEntry.DfnJLwfC.js";
-import { ResponsiveTooltip as Ne } from "./App.LXYuxuaD.js";
-const T = ve({
-  mode: "system"
-});
-function Ye(e) {
-  return d("contents", e);
-}
-function Ke(e, s) {
-  const r = ye(T), o = Z([]);
-  ee(() => {
-    const t = e.current, a = r.columns && (r.stickyHeader || r.stickyFooter);
-    if (!t || !a || !r.setMeasuredColumnWidths)
-      return;
-    const n = t.querySelector('[role="row"]');
-    if (!n)
-      return;
-    const c = n.querySelectorAll('[role="cell"], [role="columnheader"], [role="gridcell"]');
-    if (c.length === 0)
-      return;
-    const g = () => {
-      const u = Array.from(c).map((b) => b.getBoundingClientRect().width), f = o.current;
-      (u.length !== f.length || u.some((b, k) => b !== f[k])) && (o.current = u, r.setMeasuredColumnWidths?.(u));
-    };
-    g();
-    const l = new ResizeObserver(() => {
-      g();
-    });
-    l.observe(t);
-    for (const u of c)
-      l.observe(u);
-    return () => l.disconnect();
-  }, [
-    r.columns,
-    r.stickyHeader,
-    r.stickyFooter,
-    r.setMeasuredColumnWidths,
-    s
-  ]);
-}
-const w = (e) => e === "dark", S = (e) => e === "light", h = (e) => e === "system", v = (e) => e === "alt-system", te = (e) => w(e) || h(e), re = (e) => S(e) || v(e), Ie = (e) => !!(e && e !== E.NONE), j = (e) => e === R.HEADER, se = (e) => e === R.FOOTER, oe = "text-copy-light", _ = "text-copy-dark", L = "text-copy-light dark:text-copy-dark", ae = "text-copy-dark dark:text-copy-light", Q = ({ mode: e }) => d({
-  [oe]: w(e),
-  [_]: S(e),
-  [L]: h(e),
-  [ae]: v(e)
-}), U = ({ mode: e, hasBlur: s }) => d({
-  [_]: w(e) && !s || S(e),
-  [L]: h(e) && s,
-  "text-copy-dark dark:text-copy-dark": (h(e) || v(e)) && !s
-}), Be = ({ mode: e }) => d({
-  "bg-surface-darker": te(e),
-  "bg-surface-light": re(e),
-  "dark:bg-surface-light": h(e),
-  "dark:bg-surface-darker": v(e)
-}), G = ({ hasBlur: e, sticky: s }) => d({
-  "bg-surface-medium/50 dark:bg-surface-medium/50": e && s,
-  "bg-surface-medium-light dark:bg-surface-medium-light": !e
-}), Ee = ({ mode: e }) => d({
-  "border-table-dark": te(e),
-  "border-table-light": re(e),
-  "dark:border-table-light": h(e),
-  "dark:border-table-dark": v(e)
-}), Fe = ({ blurEffect: e }) => d({
-  "backdrop-blur-sm": e === E.SMALL,
-  "backdrop-blur-md": e === E.MEDIUM,
-  "backdrop-blur-lg": e === E.LARGE
-}), De = ({ mode: e }) => d("text-lg font-medium", {
-  [_]: S(e),
-  [oe]: w(e),
-  [ae]: v(e),
-  [L]: h(e)
-}), Re = ({ mode: e }) => ({
-  inner: "relative",
-  overlay: d("absolute inset-0 z-20 cursor-not-allowed rounded-lg", "backdrop-blur-xs bg-white/30 dark:bg-black/30"),
-  loadingWrapper: d("absolute z-30 top-0 left-0 right-0 h-[min(100%,100vh)]", "flex items-center justify-center", "pointer-events-none"),
-  loadingText: De({
-    mode: e
-  })
-}), ze = ({ mode: e, className: s, wrapperClassName: r, stickyHeader: o, stickyFooter: t, loading: a }) => {
-  const n = a ? Re({
-    mode: e
-  }) : null, c = o || t;
-  return {
-    overlay: n?.overlay ?? "",
-    inner: n?.inner ?? "",
-    loadingWrapper: n?.loadingWrapper ?? "",
-    loadingText: n?.loadingText ?? "",
-    wrapper: d("not-prose relative w-full rounded-lg shadow-md", {
-      "overflow-x-auto": !c && !a,
-      "overflow-hidden flex flex-col": c || a
-    }, Be({
-      mode: e
-    }), Q({
-      mode: e
-    }), r),
-    scrollableContent: d("overflow-y-auto overflow-x-hidden rounded-[inherit] flex-1 min-h-0"),
-    grid: d("my-0 w-full text-left text-sm grid", s, Q({
-      mode: e
-    }))
-  };
-}, Ae = ({ className: e, stickyHeader: s, mode: r, blurEffect: o }) => {
-  const t = Ie(o), a = U({
-    mode: r,
-    hasBlur: t
-  });
-  return s ? d("flex flex-col border-b border-table-medium shadow-md", "absolute left-0 right-0 z-20 top-0 rounded-t-lg", G({
-    hasBlur: t,
-    sticky: !0
-  }), a, Fe({
-    blurEffect: o
-  }), e) : d("contents", G({
-    hasBlur: t,
-    sticky: !1
-  }), a, e);
-}, je = ({ captionClassName: e, mode: s, hasBlur: r, stickyHeader: o }) => d("py-2 text-sm text-center font-bold col-span-full", U({
-  mode: s,
-  hasBlur: r
-}), !o && G({
-  hasBlur: r,
-  sticky: !1
-}), e), O = "group grid items-center", Ge = ({ mode: e, className: s, cellWrapper: r, isLastRow: o, stickyHeader: t, stickyFooter: a }) => {
-  if (j(r) || se(r)) {
-    const c = j(r);
-    return (c ? !t : !a) ? d(O, G({
-      hasBlur: !1,
-      sticky: !1
-    }), c ? "border-b border-table-medium shadow-md" : "border-t border-table-medium", s) : d(O, s);
-  }
-  return d(O, o !== void 0 ? o ? "border-b border-b-transparent dark:border-b-transparent" : "border-b" : "border-b last:border-0", "hover:bg-surface-medium hover:text-copy-light", Ee({
-    mode: e
-  }), s);
-}, ne = ({ cellWrapper: e, className: s, compact: r, align: o, mode: t, borderLeft: a, borderRight: n }) => d({
-  "px-2 py-1": r,
-  "px-4 py-3": !r
-}, {
-  "text-left justify-start": o === "left" || !o,
-  "text-center justify-center": o === "center",
-  "text-right justify-end": o === "right"
-}, {
-  "font-bold": j(e) || se(e)
-}, "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", {
-  "first:group-data-active:before:bg-table-active-dark": w(t),
-  "first:group-data-active:before:bg-table-active-light": S(t),
-  "first:group-data-active:before:bg-table-active-dark dark:first:group-data-active:before:bg-table-active-light": h(t),
-  "first:group-data-active:before:bg-table-active-light dark:first:group-data-active:before:bg-table-active-dark": v(t)
-}, {
-  "self-stretch flex items-center": a || n,
-  "border-l border-l-table-dark": a && w(t),
-  "border-l border-l-table-light": a && S(t),
-  "border-l border-l-table-dark dark:border-l-table-light": a && h(t),
-  "border-l border-l-table-light dark:border-l-table-dark": a && v(t),
-  "border-r border-r-table-dark": n && w(t),
-  "border-r border-r-table-light": n && S(t),
-  "border-r border-r-table-dark dark:border-r-table-light": n && h(t),
-  "border-r border-r-table-light dark:border-r-table-dark": n && v(t)
-}, s), Me = (e) => j(e) ? "columnheader" : "gridcell";
-const Oe = ({ className: e, wrapperClassName: s, children: r, mode: o = "system", compact: t = !1, stickyHeader: a = !1, stickyFooter: n = !1, blurEffect: c = E.NONE, maxHeight: g, loading: l = !1, columns: u, ...f }) => {
-  const [y, b] = B(0), [k, C] = B(0), [p, z] = B(0), [x, M] = B(0), [A, ie] = B([]), W = F(() => b((m) => m + 1), []), $ = F(() => b((m) => m - 1), []), X = F(() => C((m) => m + 1), []), V = F(() => C((m) => m - 1), []), le = y > 0, ce = k > 0, N = a && le, I = n && ce, [de, ue] = B(void 0), q = F((m) => {
-    ue(m);
-  }, []), H = K(() => ze({
-    mode: o,
-    className: e,
-    wrapperClassName: s,
-    stickyHeader: N,
-    stickyFooter: I,
-    loading: !!l
-  }), [
-    o,
-    e,
-    s,
-    N,
-    I,
-    l
-  ]), fe = K(() => ({
-    mode: o,
-    compact: t,
-    stickyHeader: N,
-    stickyFooter: I,
-    blurEffect: c,
-    columns: u,
-    measuredColumnWidths: A,
-    setCaptionId: q,
-    registerHeader: W,
-    unregisterHeader: $,
-    registerFooter: X,
-    unregisterFooter: V,
-    setHeaderHeight: z,
-    setFooterHeight: M,
-    setMeasuredColumnWidths: ie
-  }), [
-    o,
-    t,
-    N,
-    I,
-    c,
-    u,
-    A,
-    q,
-    W,
-    $,
-    X,
-    V
-  ]), P = g ? {
-    maxHeight: typeof g == "number" ? `${g}px` : g
-  } : void 0, ge = {
-    ...P,
-    paddingTop: N ? p : void 0,
-    paddingBottom: I ? x : void 0
-  }, be = N || I, he = u ? {
-    gridTemplateColumns: u.join(" ")
-  } : void 0, Y = /* @__PURE__ */ i("div", {
-    role: "grid",
-    "aria-labelledby": de,
-    className: H.grid,
-    style: he,
-    ...f,
-    children: r
-  }), pe = typeof l == "string" ? l : l ? "Loading..." : null;
-  return /* @__PURE__ */ i(T.Provider, {
-    value: fe,
-    children: /* @__PURE__ */ D("div", {
-      className: H.inner,
-      children: [
-        l && /* @__PURE__ */ D(ke, {
-          children: [
-            /* @__PURE__ */ i("div", {
-              className: H.overlay,
-              "aria-hidden": "true"
-            }),
-            /* @__PURE__ */ i("div", {
-              className: H.loadingWrapper,
-              children: /* @__PURE__ */ i("span", {
-                className: H.loadingText,
-                role: "status",
-                children: pe
-              })
-            })
-          ]
-        }),
-        /* @__PURE__ */ i("div", {
-          className: H.wrapper,
-          style: P,
-          children: be ? /* @__PURE__ */ i("div", {
-            className: H.scrollableContent,
-            style: ge,
-            children: Y
-          }) : Y
-        })
-      ]
-    })
-  });
-}, Je = (e) => /* @__PURE__ */ i(
-  Oe,
-  {
-    stickyHeader: !0,
-    stickyFooter: !0,
-    compact: !0,
-    mode: "alt-system",
-    blurEffect: "medium",
-    wrapperClassName: d(
-      "ring-2 ring-surface-light",
-      "dark:ring-surface-medium",
-      "max-h-[clamp(12rem,calc(100dvh-24rem),60dvh)]",
-      "sm:max-h-[clamp(12rem,calc(100dvh-24rem),60dvh)]"
-    ),
-    ...e
-  }
-);
-const Qe = ({ className: e, children: s, align: r, borderLeft: o, borderRight: t, colSpan: a, style: n, ...c }) => /* @__PURE__ */ i(T.Consumer, {
-  children: ({ mode: g, compact: l, cellWrapper: u }) => {
-    const f = ne({
-      cellWrapper: u,
-      className: e,
-      mode: g,
-      compact: l,
-      align: r,
-      borderLeft: o,
-      borderRight: t
-    }), y = Me(u), b = a && a > 1 ? {
-      ...n,
-      gridColumn: `span ${a}`
-    } : n;
-    return /* @__PURE__ */ i("div", {
-      role: y,
-      className: f,
-      style: b,
-      ...c,
-      children: s
-    });
-  }
-});
-const _e = (e) => e ? d(
-  "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",
-  // the small border at the bottom of the button when it is active (sorted)
-  "after:border-table-light"
-) : "", Le = ({ active: e = !1, className: s, onClick: r, labelRight: o, children: t, blurEffect: a, mode: n }) => {
-  const c = !!(a && a !== E.NONE), g = d(
-    // Base styles
-    "flex items-center cursor-pointer",
-    // Size - small
-    "h-6 px-1 sm:px-2",
-    // Font
-    "text-sm font-bold",
-    // Radius - small
-    "rounded-xs",
-    // Text color
-    U({
-      mode: n,
-      hasBlur: c
-    }),
-    // Focus styles
-    "focus:outline",
-    "focus:outline-2",
-    "focus:outline-offset-2",
-    "focus:outline-focus-medium",
-    // Hover styles
-    "hover:text-copy-light-hover",
-    "hover:bg-action-darker-hover",
-    // Active styles
-    "active:text-copy-medium-active",
-    "active:bg-action-dark-active",
-    // Custom className
-    s
-  ), l = _e(e);
-  return /* @__PURE__ */ i("div", {
-    className: l,
-    children: /* @__PURE__ */ D("button", {
-      className: g,
-      type: "button",
-      onClick: r,
-      children: [
-        /* @__PURE__ */ i("span", {
-          className: "text-copy-light",
-          children: t
-        }),
-        o && /* @__PURE__ */ i("span", {
-          className: "pl-2",
-          children: o
-        })
-      ]
-    })
-  });
-}, Ze = ({ className: e, children: s, cellId: r, onSort: o, sortDirection: t, sortedCell: a, slotLeft: n, slotRight: c, buttonClassName: g, align: l, ...u }) => {
-  const f = a === r, y = () => {
-    o && o(r, f && t ? t : void 0);
-  }, b = () => f && t === "asc" ? /* @__PURE__ */ i(xe, {
-    size: "size-4",
-    monotone: !0
-  }) : f && t === "desc" ? /* @__PURE__ */ i(He, {
-    size: "size-4",
-    monotone: !0
-  }) : /* @__PURE__ */ i(we, {
-    size: "size-4",
-    monotone: !0
-  }), k = () => f && t === "asc" ? "ascending" : f && t === "desc" ? "descending" : "other";
-  return /* @__PURE__ */ i(T.Consumer, {
-    children: ({ mode: C, compact: p, cellWrapper: z, blurEffect: x }) => {
-      const M = ne({
-        cellWrapper: z,
-        className: e,
-        mode: C,
-        compact: p,
-        align: l
-      }), A = d("flex", {
-        "justify-start": l === "left" || !l,
-        "justify-center": l === "center",
-        "justify-end": l === "right"
-      });
-      return /* @__PURE__ */ i("div", {
-        className: M,
-        role: "columnheader",
-        "aria-sort": k(),
-        ...u,
-        children: /* @__PURE__ */ D("div", {
-          className: A,
-          children: [
-            n,
-            /* @__PURE__ */ i(Le, {
-              mode: C,
-              blurEffect: x,
-              active: f,
-              className: g,
-              onClick: y,
-              labelRight: s,
-              children: b()
-            }),
-            c
-          ]
-        })
-      });
-    }
-  });
-};
-const Ue = ({ caption: e, captionClassName: s, className: r, children: o, ...t }) => {
-  const a = Ce();
-  return /* @__PURE__ */ i(T.Consumer, {
-    children: (n) => /* @__PURE__ */ i(We, {
-      caption: e,
-      captionClassName: s,
-      captionId: a,
-      className: r,
-      ctx: n,
-      ...t,
-      children: o
-    })
-  });
-};
-Ue.displayName = "DataGridHeader";
-const We = ({ caption: e, captionClassName: s, captionId: r, className: o, ctx: t, children: a, ...n }) => {
-  const c = Z(null);
-  return J(() => (t.registerHeader?.(), () => {
-    t.unregisterHeader?.();
-  }), [
-    t.registerHeader,
-    t.unregisterHeader
-  ]), J(() => (e && t.setCaptionId && t.setCaptionId(r), () => {
-    t.setCaptionId && t.setCaptionId(void 0);
-  }), [
-    e,
-    r,
-    t.setCaptionId
-  ]), ee(() => {
-    const g = c.current;
-    if (!g || !t.stickyHeader || !t.setHeaderHeight)
-      return;
-    const l = new ResizeObserver((u) => {
-      const f = u[0]?.borderBoxSize?.[0]?.blockSize;
-      f !== void 0 && t.setHeaderHeight?.(f);
-    });
-    return l.observe(g), () => l.disconnect();
-  }, [
-    t.stickyHeader,
-    t.setHeaderHeight
-  ]), /* @__PURE__ */ i(T.Provider, {
-    value: {
-      ...t,
-      cellWrapper: R.HEADER
-    },
-    children: /* @__PURE__ */ D("div", {
-      ref: c,
-      role: "rowgroup",
-      className: Ae({
-        className: o,
-        stickyHeader: t.stickyHeader,
-        mode: t.mode,
-        blurEffect: t.blurEffect
-      }),
-      ...n,
-      children: [
-        e && /* @__PURE__ */ i("div", {
-          id: r,
-          className: je({
-            captionClassName: s,
-            mode: t.mode,
-            hasBlur: !!(t.blurEffect && t.blurEffect !== "none"),
-            stickyHeader: !!t.stickyHeader
-          }),
-          children: e
-        }),
-        a
-      ]
-    })
-  });
-};
-const et = ({ className: e, children: s, active: r, style: o, ...t }) => {
-  const a = me.Children.count(s);
-  return /* @__PURE__ */ i(T.Consumer, {
-    children: ({ mode: n, cellWrapper: c, stickyHeader: g, stickyFooter: l, columns: u, measuredColumnWidths: f, isLastRow: y }) => {
-      const b = c === R.HEADER && g, k = c === R.FOOTER && l, C = b || k;
-      let p;
-      return u ? C ? f && f.length === u.length && f.some((x) => x > 0) ? p = {
-        gridTemplateColumns: f.map((x) => `${x}px`).join(" ")
-      } : p = {
-        gridTemplateColumns: u.join(" ")
-      } : p = {
-        gridColumn: "1 / -1",
-        gridTemplateColumns: "subgrid"
-      } : p = {
-        gridTemplateColumns: `repeat(${a}, minmax(0, 1fr))`
-      }, /* @__PURE__ */ i("div", {
-        role: "row",
-        className: Ge({
-          mode: n,
-          className: e,
-          cellWrapper: c,
-          isLastRow: y,
-          stickyHeader: g,
-          stickyFooter: l
-        }),
-        style: {
-          ...p,
-          ...o
-        },
-        "data-active": r || void 0,
-        ...t,
-        children: s
-      });
-    }
-  });
-}, tt = ({
-  label: e,
-  disabled: s,
-  onClick: r
-}) => /* @__PURE__ */ i(
-  Ne,
-  {
-    label: e,
-    placement: "top",
-    trigger: /* @__PURE__ */ i(
-      Se,
-      {
-        noBorder: !0,
-        variant: "primary",
-        label: e,
-        disabled: s,
-        onClick: r,
-        children: /* @__PURE__ */ i(
-          Te,
-          {
-            size: "size-3",
-            monotone: !0,
-            className: "text-copy-error-dark dark:text-copy-error-light"
-          }
-        )
-      }
-    )
-  }
-);
-export {
-  tt as ButtonIconDelete,
-  Je as DataGrid,
-  Qe as DataGridCell,
-  Ze as DataGridCellSort,
-  T as DataGridContext,
-  Ue as DataGridHeader,
-  et as DataGridRow,
-  Ye as getBodyClass,
-  Ke as useColumnMeasurement
-};