impact-nova 2.0.9 → 2.1.0-alpha.2

package/dist/components/ui/data-table/data-table-format-options.js

@@ -1,79 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import "react";
-import { useDataTable as d } from "./data-table-context.js";
-import { RadioGroup as i, RadioGroupItem as l } from "../radio-group.js";
-import { Label as n } from "../label.js";
-import { useImpactNovaI18n as u } from "../../../i18n/ImpactNovaI18nContext.js";
-const b = () => {
-  const { t: a } = u(), {
-    fontSize: c,
-    setFontSize: o,
-    numericFormat: m,
-    setNumericFormat: s
-  } = d();
-  return /* @__PURE__ */ t("div", { className: "flex flex-col gap-6 px-1 py-1", children: [
-    /* @__PURE__ */ t("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e("h3", { className: "text-[12px] font-semibold text-content-icon", children: a("dataTable.fontSize") }),
-      /* @__PURE__ */ t(
-        i,
-        {
-          value: c,
-          orientation: "vertical",
-          onValueChange: (r) => o(r),
-          className: "flex flex-col",
-          children: [
-            /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: [
-              /* @__PURE__ */ e(l, { value: "small", id: "font-small" }),
-              /* @__PURE__ */ e(n, { htmlFor: "font-small", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.fontSmall") })
-            ] }),
-            /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: [
-              /* @__PURE__ */ e(l, { value: "medium", id: "font-medium" }),
-              /* @__PURE__ */ e(n, { htmlFor: "font-medium", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.fontMediumDefault") })
-            ] }),
-            /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: [
-              /* @__PURE__ */ e(l, { value: "large", id: "font-large" }),
-              /* @__PURE__ */ e(n, { htmlFor: "font-large", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.fontLarge") })
-            ] })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e("h3", { className: "text-[12px] font-semibold text-content-icon", children: a("dataTable.numericValues") }),
-      /* @__PURE__ */ t(
-        i,
-        {
-          value: m,
-          orientation: "vertical",
-          onValueChange: (r) => s(r),
-          className: "flex flex-col",
-          children: [
-            /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: [
-              /* @__PURE__ */ e(l, { value: "full", id: "num-full" }),
-              /* @__PURE__ */ e(n, { htmlFor: "num-full", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.numericFull") })
-            ] }),
-            /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: [
-              /* @__PURE__ */ e(l, { value: "k", id: "num-k" }),
-              /* @__PURE__ */ e(n, { htmlFor: "num-k", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.numericK") })
-            ] }),
-            /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: [
-              /* @__PURE__ */ e(l, { value: "m", id: "num-m" }),
-              /* @__PURE__ */ e(n, { htmlFor: "num-m", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.numericM") })
-            ] }),
-            /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: [
-              /* @__PURE__ */ e(l, { value: "b", id: "num-b" }),
-              /* @__PURE__ */ e(n, { htmlFor: "num-b", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.numericB") })
-            ] }),
-            /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: [
-              /* @__PURE__ */ e(l, { value: "full_precision", id: "num-full-precision" }),
-              /* @__PURE__ */ e(n, { htmlFor: "num-full-precision", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.numericFullPrecision") })
-            ] })
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  b as DataTableFormatOptions
-};

package/dist/components/ui/data-table/data-table-saved-views.d.ts

@@ -1,2 +0,0 @@
-import { DataTableSavedViewsProps } from '../types/data-table-saved-views.types';
-export declare const DataTableSavedViews: ({ isSaveViewEnabled, views, activeViewSummary, viewTypeOptions, menuOpen: menuOpenControlled, defaultMenuOpen, onMenuOpenChange, onSearch, isLoadingViews, customListContent, disableApply, className, onSaveViewClick, onApply, onCancel, onEditView, onDeleteView, onSetDefaultView, }: DataTableSavedViewsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/data-table/data-table-saved-views.js

@@ -1,403 +0,0 @@
-import { jsxs as i, Fragment as W, jsx as t } from "react/jsx-runtime";
-import * as n from "react";
-import { ChevronRight as ge, Star as O, Search as ye, Bookmark as we, Pencil as Ne, Bin as Te } from "impact-nova-icons";
-import { cn as k } from "../../../lib/utils.js";
-import { Popover as ke, PopoverTrigger as Ve, PopoverContent as Ce } from "../popover.js";
-import { Tooltip as X, TooltipTrigger as Z, TooltipContent as q } from "../tooltip.js";
-import { Button as m } from "../button.js";
-import { Badge as I } from "../badge.js";
-import { Input as Se } from "../input.js";
-import { Separator as ee } from "../separator.js";
-import { Skeleton as j } from "../skeleton.js";
-import { Prompt as ze } from "../prompt.js";
-import { useImpactNovaI18n as De } from "../../../i18n/ImpactNovaI18nContext.js";
-function Me(b) {
-  return b.isSystemView ? "system" : b.isDefaultView ? "default" : b.isActive ? "active" : "other";
-}
-const Ae = ["default", "active", "system"], Ye = ({
-  isSaveViewEnabled: b = !0,
-  views: o,
-  activeViewSummary: te,
-  viewTypeOptions: ae,
-  menuOpen: E,
-  defaultMenuOpen: ne = !1,
-  onMenuOpenChange: R,
-  onSearch: V,
-  isLoadingViews: L = !1,
-  customListContent: _,
-  disableApply: ie = !1,
-  className: le,
-  onSaveViewClick: re,
-  onApply: se,
-  onCancel: oe,
-  onEditView: de,
-  onDeleteView: ce,
-  onSetDefaultView: U
-}) => {
-  const { t: a } = De(), C = E !== void 0, [me, y] = n.useState(null), [ue, pe] = n.useState(
-    ne
-  ), u = C ? !!E : ue, p = n.useCallback(
-    (e) => {
-      C || pe(e), R?.(e);
-    },
-    [C, R]
-  ), [v, S] = n.useState("All"), [w, z] = n.useState(""), [F, D] = n.useState("");
-  n.useEffect(() => {
-    const e = window.setTimeout(() => D(w), 300);
-    return () => window.clearTimeout(e);
-  }, [w]), n.useEffect(() => {
-    V && V(F);
-  }, [F, V]);
-  const Q = n.useMemo(
-    () => o.find((e) => e.isActive),
-    [o]
-  ), d = Q ?? null, Y = te ?? Q?.viewName ?? a("dataTable.savedViewsNotApplicable"), [N, M] = n.useState(null), [x, $] = n.useState(null), K = n.useRef(!1);
-  n.useEffect(() => {
-    const e = u && !K.current;
-    if (K.current = u, e) {
-      const l = o.find((c) => c.isActive);
-      M(l?.id ?? null), S("All"), z(""), D("");
-    }
-  }, [u, o]);
-  const g = n.useMemo(() => v === "All" ? o : o.filter((e) => e.viewType === v), [o, v]), f = w.trim().toLowerCase(), T = n.useCallback(
-    (e, l) => l ? (e.viewName ?? "").trim().toLowerCase().includes(l) : !0,
-    []
-  ), A = n.useMemo(() => {
-    let e = g;
-    return f && (e = e.filter((l) => T(l, f))), e;
-  }, [g, f, T]), h = n.useMemo(() => {
-    if (g.length === 0) return [];
-    const e = Object.groupBy(g, Me);
-    return Ae.flatMap((l) => {
-      const c = e[l]?.[0];
-      return c ? f && !T(c, f) ? [] : [c] : [];
-    });
-  }, [g, f, T]), P = n.useMemo(() => {
-    const e = new Set(h.map((l) => l.id));
-    return A.filter((l) => !e.has(l.id));
-  }, [A, h]), G = N === null ? null : o.find((e) => e.id === N) ?? null, fe = () => {
-    se?.(G, { activeView: d }), p(!1);
-  }, he = () => {
-    oe?.({ activeView: d, pendingView: G }), p(!1);
-  }, be = (e) => {
-    p(e), e || (z(""), D(""));
-  };
-  if (!b)
-    return null;
-  const ve = o.length > 0, H = (e, l, c) => {
-    const B = N === e.id, s = me === e.id, J = l === "priority" && !!e.isActive, xe = l === "list" && !!e.isActive;
-    return /* @__PURE__ */ i(
-      "div",
-      {
-        role: "button",
-        tabIndex: 0,
-        className: k(
-          "mb-1 flex cursor-pointer items-center justify-between rounded-lg px-3 py-2 text-left text-sm font-medium font-['Manrope'] transition-all duration-300 relative overflow-hidden",
-          !s && "hover:bg-muted",
-          !s && J && !B && "bg-primary/10 dark:bg-primary/15",
-          !s && B && "bg-badge-info-muted text-badge-info-foreground",
-          !s && !B && !J && "text-foreground",
-          s && "pointer-events-none"
-        ),
-        onClick: () => !s && M(e.id),
-        onKeyDown: (r) => {
-          (r.key === "Enter" || r.key === " ") && (r.preventDefault(), s || M(e.id));
-        },
-        children: [
-          s && /* @__PURE__ */ t(
-            "div",
-            {
-              className: "absolute inset-0 bg-gradient-to-r from-muted/80 via-primary/20 to-muted/80 opacity-80 rounded-lg",
-              style: {
-                animation: "shimmer 1.5s ease-in-out infinite",
-                backgroundSize: "200% 100%"
-              }
-            }
-          ),
-          /* @__PURE__ */ i(X, { children: [
-            /* @__PURE__ */ t(Z, { asChild: !0, children: /* @__PURE__ */ t(
-              "span",
-              {
-                className: k(
-                  "min-w-0 flex-1 truncate relative z-10",
-                  xe && "underline decoration-primary decoration-2 underline-offset-2"
-                ),
-                children: e.viewName
-              }
-            ) }),
-            /* @__PURE__ */ t(q, { variant: "tertiary", side: "right", children: e.viewName })
-          ] }),
-          /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-0.5 relative z-10", children: [
-            e.isEditable ? /* @__PURE__ */ t(
-              m,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "iconSm",
-                className: "text-foreground hover:text-content-charcoal",
-                "aria-label": a("dataTable.savedViewsEdit"),
-                onClick: (r) => {
-                  r.stopPropagation(), r.preventDefault(), p(!1), de?.(e, { activeView: d });
-                },
-                children: /* @__PURE__ */ t(Ne, { className: "size-3.5" })
-              }
-            ) : null,
-            e.isDeletable ? /* @__PURE__ */ t(
-              m,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "iconSm",
-                className: "text-foreground hover:text-destructive",
-                "aria-label": a("dataTable.savedViewsDelete"),
-                onClick: (r) => {
-                  r.stopPropagation(), r.preventDefault(), p(!1), $(e);
-                },
-                children: /* @__PURE__ */ t(Te, { className: "size-3.5" })
-              }
-            ) : null,
-            e.hideDefaultStar ? null : e.isDefaultView ? /* @__PURE__ */ t(
-              m,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "iconSm",
-                className: "text-yellow-500 hover:text-yellow-600 disabled:opacity-50",
-                "aria-label": a("dataTable.savedViewsDefaultAction"),
-                disabled: s,
-                onClick: (r) => {
-                  r.stopPropagation(), r.preventDefault(), s || (y(e.id), setTimeout(() => y(null), 1200), U?.(e, { activeView: d }));
-                },
-                children: s ? /* @__PURE__ */ t("div", { className: "size-3.5 animate-spin rounded-full border-2 border-yellow-500 border-t-transparent" }) : /* @__PURE__ */ t(O, { className: "size-3.5 fill-current text-yellow-500" })
-              }
-            ) : /* @__PURE__ */ t(
-              m,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "iconSm",
-                className: "text-yellow-500 hover:text-yellow-600 disabled:opacity-50",
-                "aria-label": a("dataTable.savedViewsSetDefault"),
-                disabled: s,
-                onClick: (r) => {
-                  r.stopPropagation(), r.preventDefault(), s || (y(e.id), setTimeout(() => y(null), 1200), U?.(e, { activeView: d }));
-                },
-                children: s ? /* @__PURE__ */ t("div", { className: "size-3.5 animate-spin rounded-full border-2 border-yellow-500 border-t-transparent" }) : /* @__PURE__ */ t(O, { className: "size-3.5 text-yellow-500" })
-              }
-            )
-          ] })
-        ]
-      },
-      c
-    );
-  };
-  return /* @__PURE__ */ i(W, { children: [
-    /* @__PURE__ */ i(
-      "div",
-      {
-        "data-component": "data-table-saved-views",
-        className: k(
-          "mb-2 mx-4 flex min-w-0 flex-nowrap items-center justify-between gap-2 rounded-lg bg-[linear-gradient(83.74deg,#F5F9EC_72.68%,#D7E5B2_108.88%)] px-2 py-3",
-          le
-        ),
-        children: [
-          L ? /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 items-center gap-1 overflow-hidden", children: [
-            /* @__PURE__ */ t(j, { className: "h-6 w-24 rounded-full bg-black/10" }),
-            /* @__PURE__ */ t(j, { className: "h-6 w-6 shrink-0 rounded-md bg-black/10" })
-          ] }) : ve ? /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 items-center justify-start gap-1 overflow-hidden", children: /* @__PURE__ */ i(ke, { open: u, onOpenChange: be, children: [
-            /* @__PURE__ */ t(Ve, { asChild: !0, children: /* @__PURE__ */ i(
-              "button",
-              {
-                type: "button",
-                className: "inline-flex min-w-0 max-w-full cursor-pointer items-center gap-1 overflow-hidden rounded-md border-none bg-transparent p-0 text-left outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2",
-                "aria-expanded": u,
-                "aria-haspopup": "dialog",
-                "aria-label": a("dataTable.savedViewsOpenMenu"),
-                children: [
-                  /* @__PURE__ */ i(X, { children: [
-                    /* @__PURE__ */ t(Z, { asChild: !0, children: /* @__PURE__ */ t(
-                      I,
-                      {
-                        color: "success",
-                        variant: "outline",
-                        className: "w-fit max-w-full min-w-0 shrink font-['Manrope']",
-                        children: Y
-                      }
-                    ) }),
-                    /* @__PURE__ */ t(q, { variant: "tertiary", side: "top", children: Y })
-                  ] }),
-                  /* @__PURE__ */ t(
-                    "span",
-                    {
-                      className: k(
-                        "flex size-6 shrink-0 items-center justify-center rounded-md bg-white transition-transform duration-200",
-                        u && "rotate-180"
-                      ),
-                      "aria-hidden": !0,
-                      children: /* @__PURE__ */ t(ge, { className: "size-3.5 rotate-90 text-content-charcoal" })
-                    }
-                  )
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ t(
-              Ce,
-              {
-                align: "start",
-                className: "z-[50] w-[min(100vw-24px,280px)] p-0 shadow-[0_0_4px_0_rgba(0,0,0,0.12)] overflow-visible",
-                sideOffset: 8,
-                children: /* @__PURE__ */ i("div", { className: "flex flex-col py-2", children: [
-                  /* @__PURE__ */ i("div", { className: "flex items-start justify-between gap-2 px-3 pb-2", children: [
-                    /* @__PURE__ */ t("span", { className: "text-sm font-medium text-content-charcoal font-['Manrope']", children: a("dataTable.savedViewsTitle") }),
-                    /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-1 text-xs font-medium text-content-tertiary font-['Manrope']", children: [
-                      /* @__PURE__ */ t(O, { className: "size-3.5 fill-current text-yellow-500" }),
-                      a("dataTable.savedViewsDefault")
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ i("div", { className: "flex flex-wrap gap-1.5 px-3 pb-2", children: [
-                    /* @__PURE__ */ t(
-                      "button",
-                      {
-                        type: "button",
-                        className: "border-none bg-transparent p-0",
-                        onClick: () => S("All"),
-                        children: /* @__PURE__ */ t(
-                          I,
-                          {
-                            color: v === "All" ? "primary" : "neutral",
-                            variant: "outline",
-                            size: "sm",
-                            className: "cursor-pointer font-['Manrope']",
-                            children: a("dataTable.savedViewsAll")
-                          }
-                        )
-                      }
-                    ),
-                    ae?.map((e) => /* @__PURE__ */ t(
-                      "button",
-                      {
-                        type: "button",
-                        className: "border-none bg-transparent p-0",
-                        onClick: () => S(e.value),
-                        children: /* @__PURE__ */ t(
-                          I,
-                          {
-                            color: v === e.value ? "primary" : "neutral",
-                            variant: "outline",
-                            size: "sm",
-                            className: "cursor-pointer font-['Manrope']",
-                            children: e.label
-                          }
-                        )
-                      },
-                      e.value
-                    ))
-                  ] }),
-                  /* @__PURE__ */ t("div", { className: "px-3 pb-2", children: /* @__PURE__ */ t(
-                    Se,
-                    {
-                      size: "sm",
-                      placeholder: a("dataTable.savedViewsSearchPlaceholder"),
-                      value: w,
-                      onChange: (e) => z(e.target.value),
-                      prefix: /* @__PURE__ */ t(
-                        ye,
-                        {
-                          className: "size-4 shrink-0 text-content-muted",
-                          "aria-hidden": !0
-                        }
-                      ),
-                      className: "border-none shadow-none my-2 rounded-none",
-                      "aria-label": a("dataTable.savedViewsSearchPlaceholder")
-                    }
-                  ) }),
-                  /* @__PURE__ */ t("div", { className: "min-h-[72px] px-1", children: _ || (L ? /* @__PURE__ */ t("div", { className: "flex max-h-[160px] flex-col gap-2 overflow-y-auto px-2 py-1", children: [1, 2, 3, 4, 5].map((e) => /* @__PURE__ */ t(j, { className: "h-9 w-full rounded-lg" }, e)) }) : A.length === 0 && h.length === 0 ? /* @__PURE__ */ t("div", { className: "flex min-h-[100px] flex-col items-center justify-center px-4 py-6 text-center", children: /* @__PURE__ */ t("span", { className: "text-sm leading-relaxed text-content-tertiary font-['Manrope']", children: a("dataTable.savedViewsEmptyList") }) }) : /* @__PURE__ */ i("div", { className: "flex max-h-[220px] flex-col gap-0 overflow-y-auto", children: [
-                    h.length > 0 ? /* @__PURE__ */ t("div", { className: "flex flex-col px-1 pb-1 ", children: h.map(
-                      (e) => H(
-                        e,
-                        "priority",
-                        `priority-${e.id}`
-                      )
-                    ) }) : null,
-                    h.length > 0 && P.length > 0 ? /* @__PURE__ */ t(ee, { className: "mb-2 bg-stroke-hairline" }) : null,
-                    P.length > 0 ? /* @__PURE__ */ i(W, { children: [
-                      /* @__PURE__ */ t("div", { className: "px-3 pb-1.5 pt-0.5 text-xs font-medium tracking-wide text-[#B4BAC7] font-['Manrope']", children: a("dataTable.savedViewsAllSavedViews") }),
-                      /* @__PURE__ */ t("div", { className: "flex flex-col px-1 pb-1", children: P.map(
-                        (e) => H(
-                          e,
-                          "list",
-                          `list-${e.id}`
-                        )
-                      ) })
-                    ] }) : null
-                  ] })) }),
-                  /* @__PURE__ */ t(ee, { className: "my-1 bg-[var(--color-border-hairline)]" }),
-                  /* @__PURE__ */ i("div", { className: "flex justify-end gap-2 px-3 pt-1", children: [
-                    /* @__PURE__ */ t(
-                      m,
-                      {
-                        type: "button",
-                        variant: "tertiary",
-                        size: "md",
-                        onClick: he,
-                        children: a("dataTable.savedViewsCancel")
-                      }
-                    ),
-                    /* @__PURE__ */ t(
-                      m,
-                      {
-                        type: "button",
-                        variant: "default",
-                        size: "md",
-                        disabled: ie || N === d?.id,
-                        onClick: fe,
-                        children: a("dataTable.savedViewsApply")
-                      }
-                    )
-                  ] })
-                ] })
-              }
-            )
-          ] }) }) : /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 items-center gap-2 overflow-hidden text-content-tertiary", children: [
-            /* @__PURE__ */ t(we, { className: "size-4 shrink-0", "aria-hidden": !0 }),
-            /* @__PURE__ */ t("span", { className: "text-sm font-medium font-['Manrope']", children: a("dataTable.savedViewsNoneYet") })
-          ] }),
-          /* @__PURE__ */ t(
-            m,
-            {
-              type: "button",
-              variant: "tertiary",
-              size: "sm",
-              className: "shrink-0 font-['Manrope']",
-              onClick: () => {
-                p(!1), re?.({ activeView: d });
-              },
-              children: a("dataTable.savedViewsSave")
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ t(
-      ze,
-      {
-        variant: "destructive",
-        open: x !== null,
-        onOpenChange: (e) => {
-          e || $(null);
-        },
-        title: a("dataTable.savedViewsDeleteConfirmTitle"),
-        description: x ? a("dataTable.savedViewsDeleteConfirmDescription", {
-          viewName: x.viewName
-        }) : void 0,
-        confirmLabel: a("dataTable.savedViewsDeleteConfirmButton"),
-        onConfirm: () => {
-          x && ce?.(x, { activeView: d });
-        }
-      }
-    )
-  ] });
-};
-export {
-  Ye as DataTableSavedViews
-};

package/dist/components/ui/data-table/data-table-sheet.d.ts

@@ -1,36 +0,0 @@
-import { default as React } from 'react';
-/**
- * Returns both `open` and `setOpen`.
- * Subscribes to BOTH contexts — use only in components that genuinely
- * need to read the `open` flag (DataTableSheetContent, Trigger, etc.).
- */
-export declare const useDataTableSheet: () => {
-    open: boolean;
-    setOpen: (open: boolean) => void;
-};
-/**
- * Returns ONLY `setOpen`. Does NOT subscribe to `open` changes, so the
- * consuming component will NOT re-render when the sheet opens/closes.
- */
-export declare const useDataTableSheetApi: () => {
-    setOpen: (open: boolean) => void;
-};
-export declare const DataTableSheet: ({ children, defaultOpen, open: controlledOpen, onOpenChange, }: {
-    children: React.ReactNode;
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const DataTableSheetTrigger: ({ children, asChild, }: {
-    children: React.ReactNode;
-    asChild?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const DataTableSheetHeader: ({ title, children, className, }: {
-    title?: React.ReactNode;
-    children?: React.ReactNode;
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const DataTableSheetContent: ({ children, className, }: {
-    children: React.ReactNode;
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/data-table/data-table-sheet.js

@@ -1,140 +0,0 @@
-import { jsx as n, jsxs as d } from "react/jsx-runtime";
-import i, { useState as w, useCallback as y, useEffect as D, useContext as f, createContext as b } from "react";
-import { createPortal as C } from "react-dom";
-import { Cross as g } from "impact-nova-icons";
-import { cn as u } from "../../../lib/utils.js";
-import { Button as N } from "../button.js";
-import { useDataTable as k, useDataTableSheetPortal as _ } from "./data-table-context.js";
-import { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX as v } from "./data-table-constants.js";
-const x = b(!1), h = b(null), S = () => {
-  const e = f(x), o = f(h);
-  if (!o)
-    throw new Error("useDataTableSheet must be used within DataTableSheet");
-  return { open: e, setOpen: o };
-}, E = () => {
-  const e = f(h);
-  if (!e)
-    throw new Error("useDataTableSheetApi must be used within DataTableSheet");
-  return { setOpen: e };
-}, M = ({
-  children: e,
-  defaultOpen: o = !1,
-  open: t,
-  onOpenChange: r
-}) => {
-  const { registerScopedSheetDepth: a } = k(), [s, l] = w(o), c = t !== void 0 ? t : s, m = i.useRef(r);
-  m.current = r;
-  const T = y((p) => {
-    t === void 0 && l(p), m.current?.(p);
-  }, [t]);
-  return D(() => {
-    if (c)
-      return a(1), () => a(-1);
-  }, [c, a]), /* @__PURE__ */ n(h.Provider, { value: T, children: /* @__PURE__ */ n(x.Provider, { value: c, children: e }) });
-}, G = ({
-  children: e,
-  asChild: o
-}) => {
-  const { setOpen: t, open: r } = S(), a = () => {
-    t(!r);
-  };
-  if (o) {
-    const s = i.Children.only(e);
-    return i.cloneElement(s, {
-      onClick: (l) => {
-        s.props.onClick?.(l), a();
-      }
-    });
-  }
-  return /* @__PURE__ */ n(N, { variant: "outline", onClick: a, children: e });
-}, L = ({
-  title: e,
-  children: o,
-  className: t
-}) => {
-  const { setOpen: r } = E();
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      className: u(
-        "flex shrink-0 flex-row justify-between items-center px-4 py-3 mb-2 bg-brand-tint",
-        t
-      ),
-      children: [
-        /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: e && /* @__PURE__ */ n("h2", { className: "font-[Manrope] font-bold text-base text-content", children: e }) }),
-        /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
-          o,
-          /* @__PURE__ */ n(
-            "span",
-            {
-              role: "button",
-              className: "close_icon cursor-pointer flex items-center justify-center w-6 h-6 rounded-full hover:bg-muted/50 transition-colors",
-              onClick: () => r(!1),
-              children: /* @__PURE__ */ n(g, { className: "!h-3 !w-3 text-content-muted" })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}, U = ({
-  children: e,
-  className: o
-}) => {
-  const { open: t } = S(), { sheetTarget: r } = _(), a = i.useRef(!1);
-  if (t && (a.current = !0), !a.current) return null;
-  const s = /* @__PURE__ */ d(
-    "div",
-    {
-      className: u(
-        "-my-px flex h-[calc(100%_+_2px)]",
-        t && "animate-in slide-in-from-right-[100%] duration-200 ease-in-out fade-in fill-mode-forwards"
-      ),
-      style: {
-        minHeight: v,
-        display: t ? void 0 : "none"
-      },
-      children: [
-        /* @__PURE__ */ n("div", { className: "w-[10px] bg-canvas-elevated border-l border-stroke-hairline shrink-0" }),
-        /* @__PURE__ */ n(
-          "div",
-          {
-            "data-component": "data-table-sheet-panel",
-            className: u(
-              "relative flex h-full w-[355px] flex-col overflow-y-auto bg-canvas-elevated border-t border-l border-stroke-hairline pointer-events-auto shadow-elevation-floating",
-              o
-            ),
-            children: e
-          }
-        ),
-        /* @__PURE__ */ n("div", { className: "w-[16px] bg-canvas-elevated border-l border-stroke-hairline shrink-0" })
-      ]
-    }
-  ), l = /* @__PURE__ */ n(
-    "div",
-    {
-      className: "pointer-events-none absolute inset-0 z-[35] flex justify-end overflow-x-hidden overflow-y-visible",
-      style: { display: t ? void 0 : "none" },
-      children: s
-    }
-  );
-  return r ? C(l, r) : /* @__PURE__ */ n(
-    "div",
-    {
-      className: "pointer-events-none fixed inset-0 z-[35] flex justify-end overflow-x-hidden overflow-y-visible",
-      style: {
-        minHeight: v,
-        display: t ? void 0 : "none"
-      },
-      children: s
-    }
-  );
-};
-export {
-  M as DataTableSheet,
-  U as DataTableSheetContent,
-  L as DataTableSheetHeader,
-  G as DataTableSheetTrigger,
-  S as useDataTableSheet,
-  E as useDataTableSheetApi
-};