impact-nova 1.7.4 → 1.7.6

package/dist/components/ui/checkbox.js

@@ -1,73 +1,84 @@
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import * as n from "react";
-import * as f from "@radix-ui/react-checkbox";
-import { Check as y, Minus as w } from "lucide-react";
-import { cn as s } from "../../lib/utils.js";
-const I = n.forwardRef(({ className: g, label: c, helperText: o, isError: m, disabled: d, checked: e, defaultChecked: b, onCheckedChange: k, onKeyDown: v, ...u }, p) => {
-  const N = n.useId(), h = u.id || N, [i, l] = n.useState(
-    e !== void 0 ? e : b || !1
+import { jsxs as m, jsx as d } from "react/jsx-runtime";
+import * as u from "react";
+import * as l from "@radix-ui/react-checkbox";
+import { Check as y, Minus as I } from "lucide-react";
+import { cn as i } from "../../lib/utils.js";
+const R = u.forwardRef(({ className: v, label: n, helperText: e, helperTextPosition: s = "absolute", isError: c, disabled: r, checked: t, defaultChecked: b, onCheckedChange: k, onKeyDown: p, ...f }, N) => {
+  const w = u.useId(), g = f.id || w, [o, x] = u.useState(
+    t !== void 0 ? t : b || !1
   );
-  n.useEffect(() => {
-    e !== void 0 && l(e);
-  }, [e]);
-  const x = (t) => {
-    e === void 0 && l(t), k?.(t);
+  u.useEffect(() => {
+    t !== void 0 && x(t);
+  }, [t]);
+  const h = (a) => {
+    t === void 0 && x(a), k?.(a);
   };
-  return /* @__PURE__ */ r("div", { className: "flex items-center", "data-component": "checkbox", "data-state": i === "indeterminate" ? "indeterminate" : i ? "checked" : "unchecked", "data-disabled": d || void 0, children: [
-    /* @__PURE__ */ a(
-      f.Root,
+  return /* @__PURE__ */ m("div", { className: "flex items-center", "data-component": "checkbox", "data-state": o === "indeterminate" ? "indeterminate" : o ? "checked" : "unchecked", "data-disabled": r || void 0, children: [
+    /* @__PURE__ */ d(
+      l.Root,
       {
-        ref: p,
-        id: h,
-        className: s(
+        ref: N,
+        id: g,
+        className: i(
           "peer h-4 w-4 shrink-0 rounded-[4px] border border-stroke-field bg-canvas-elevated ring-offset-canvas focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-brand data-[state=checked]:bg-accent data-[state=checked]:text-brand data-[state=indeterminate]:border-brand data-[state=indeterminate]:bg-accent data-[state=indeterminate]:text-brand mr-[7px]",
-          m && "border-destructive focus-visible:ring-destructive",
-          d && "border-stroke text-disabled-foreground data-[state=checked]:bg-disabled-surface data-[state=checked]:text-disabled-foreground",
-          g
+          c && "border-destructive focus-visible:ring-destructive",
+          r && "border-stroke text-disabled-foreground data-[state=checked]:bg-disabled-surface data-[state=checked]:text-disabled-foreground",
+          v
         ),
-        checked: e,
+        checked: t,
         defaultChecked: b,
-        onCheckedChange: x,
-        disabled: d,
-        onKeyDown: (t) => {
-          t.key === "Enter" && (t.preventDefault(), x(i === "indeterminate" ? !0 : !i)), v?.(t);
+        onCheckedChange: h,
+        disabled: r,
+        onKeyDown: (a) => {
+          a.key === "Enter" && (a.preventDefault(), h(o === "indeterminate" ? !0 : !o)), p?.(a);
         },
-        ...u,
-        children: /* @__PURE__ */ r(
-          f.Indicator,
+        ...f,
+        children: /* @__PURE__ */ m(
+          l.Indicator,
           {
             "data-checkbox": "indicator",
-            className: s("flex items-center justify-center text-current group"),
+            className: i("flex items-center justify-center text-current group"),
             children: [
-              /* @__PURE__ */ a(y, { className: "h-3 w-3 hidden group-data-[state=checked]:block", strokeWidth: 3 }),
-              /* @__PURE__ */ a(w, { className: "h-3 w-3 hidden group-data-[state=indeterminate]:block", strokeWidth: 3 })
+              /* @__PURE__ */ d(y, { className: "h-3 w-3 hidden group-data-[state=checked]:block", strokeWidth: 3 }),
+              /* @__PURE__ */ d(I, { className: "h-3 w-3 hidden group-data-[state=indeterminate]:block", strokeWidth: 3 })
             ]
           }
         )
       }
     ),
-    (c || o) && /* @__PURE__ */ r("div", { className: "grid gap-[6px] leading-none", children: [
-      c && /* @__PURE__ */ r(
-        "label",
-        {
-          htmlFor: h,
-          className: s(
-            "text-sm font-medium leading-[20px] text-secondary-foreground peer-data-[state=checked]:text-content peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-            m && "text-destructive",
-            d && "text-disabled-foreground"
+    (n || e) && /* @__PURE__ */ m(
+      "div",
+      {
+        className: i(
+          "grid gap-[6px] leading-none",
+          e && s === "absolute" && "relative",
+          !n && e && s === "absolute" && "min-h-5"
+        ),
+        children: [
+          n && /* @__PURE__ */ m(
+            "label",
+            {
+              htmlFor: g,
+              className: i(
+                "text-sm font-medium leading-[20px] text-secondary-foreground peer-data-[state=checked]:text-content peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+                c && "text-destructive",
+                r && "text-disabled-foreground"
+              ),
+              children: [
+                n,
+                " ",
+                f.required && /* @__PURE__ */ d("span", { className: "text-destructive", children: "*" })
+              ]
+            }
           ),
-          children: [
-            c,
-            " ",
-            u.required && /* @__PURE__ */ a("span", { className: "text-destructive", children: "*" })
-          ]
-        }
-      ),
-      o && /* @__PURE__ */ a("p", { className: s("text-sm text-content-muted", m && "text-destructive"), children: o })
-    ] })
+          e && s === "absolute" && /* @__PURE__ */ d("p", { className: i("absolute left-0 top-full z-10 mt-1 min-w-0 max-w-full text-[12px] font-medium leading-[18px] text-navigation-muted", c && "text-destructive"), children: e }),
+          e && s === "flow" && /* @__PURE__ */ d("p", { className: i("text-[12px] font-medium leading-[18px] text-navigation-muted", c && "text-destructive"), children: e })
+        ]
+      }
+    )
   ] });
 });
-I.displayName = f.Root.displayName;
+R.displayName = l.Root.displayName;
 export {
-  I as Checkbox
+  R as Checkbox
 };

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,348 @@
+import { jsxs as l, Fragment as ne, jsx as t } from "react/jsx-runtime";
+import * as i from "react";
+import { ChevronDown as le, Star as w, Search as ie, Pencil as se, Trash2 as re, Bookmark as oe } from "lucide-react";
+import { cn as T } from "../../../lib/utils.js";
+import { Popover as de, PopoverTrigger as ce, PopoverContent as me } from "../popover.js";
+import { Tooltip as I, TooltipTrigger as O, TooltipContent as _ } from "../tooltip.js";
+import { Button as o } from "../button.js";
+import { Badge as C } from "../badge.js";
+import { Input as pe } from "../input.js";
+import { Separator as ue } from "../separator.js";
+import { Skeleton as fe } from "../skeleton.js";
+import { Prompt as he } from "../prompt.js";
+import { useImpactNovaI18n as xe } from "../../../i18n/ImpactNovaI18nContext.js";
+const Se = ({
+  isSaveViewEnabled: L = !0,
+  views: s,
+  activeViewSummary: F,
+  viewTypeOptions: Q,
+  menuOpen: k,
+  defaultMenuOpen: q = !1,
+  onMenuOpenChange: V,
+  onSearch: m,
+  isLoadingViews: K = !1,
+  customListContent: D,
+  disableApply: R = !1,
+  className: Y,
+  onSaveViewClick: G,
+  onApply: H,
+  onCancel: J,
+  onEditView: U,
+  onDeleteView: W,
+  onSetDefaultView: z
+}) => {
+  const { t: a } = xe(), x = k !== void 0, [X, Z] = i.useState(
+    q
+  ), p = x ? !!k : X, d = i.useCallback(
+    (e) => {
+      x || Z(e), V?.(e);
+    },
+    [x, V]
+  ), [u, b] = i.useState("All"), [v, g] = i.useState(""), [f, S] = i.useState("");
+  i.useEffect(() => {
+    const e = window.setTimeout(() => S(v), 300);
+    return () => window.clearTimeout(e);
+  }, [v]), i.useEffect(() => {
+    m && m(f);
+  }, [f, m]);
+  const M = i.useMemo(
+    () => s.find((e) => e.isActive),
+    [s]
+  ), r = M ?? null, P = F ?? M?.viewName ?? a("dataTable.savedViewsNotApplicable"), [y, N] = i.useState(null), [h, A] = i.useState(null);
+  i.useEffect(() => {
+    if (p) {
+      const e = s.find((c) => c.isActive);
+      N(e?.id ?? null), b("All"), g(""), S("");
+    }
+  }, [p, s]);
+  const E = i.useMemo(() => u === "All" ? s : s.filter((e) => e.viewType === u), [s, u]), j = i.useMemo(() => {
+    let e = E;
+    if (!m && f.trim()) {
+      const c = f.trim().toLowerCase();
+      e = e.filter((n) => n.viewName.toLowerCase().includes(c));
+    }
+    return e;
+  }, [E, f, m]), B = y === null ? null : s.find((e) => e.id === y) ?? null, $ = () => {
+    H?.(B, { activeView: r }), d(!1);
+  }, ee = () => {
+    J?.({ activeView: r, pendingView: B }), d(!1);
+  }, te = (e) => {
+    d(e), e || g("");
+  };
+  if (!L)
+    return null;
+  const ae = s.length > 0;
+  return /* @__PURE__ */ l(ne, { children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        "data-component": "data-table-saved-views",
+        className: T(
+          "mb-2 mx-4 rounded-lg bg-[linear-gradient(83.74deg,#F5F9EC_72.68%,#D7E5B2_108.88%)] flex min-w-0 flex-wrap items-center justify-between gap-2 px-2 py-3",
+          Y
+        ),
+        children: [
+          ae ? /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 items-center gap-1 sm:flex-initial", children: /* @__PURE__ */ l(de, { open: p, onOpenChange: te, children: [
+            /* @__PURE__ */ t(ce, { asChild: !0, children: /* @__PURE__ */ l(
+              "button",
+              {
+                type: "button",
+                className: "flex min-w-0 max-w-full cursor-pointer items-center gap-1 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": p,
+                "aria-haspopup": "dialog",
+                "aria-label": a("dataTable.savedViewsOpenMenu"),
+                children: [
+                  /* @__PURE__ */ l(I, { children: [
+                    /* @__PURE__ */ t(O, { asChild: !0, children: /* @__PURE__ */ t(
+                      C,
+                      {
+                        color: "success",
+                        variant: "outline",
+                        className: "max-w-[min(100%,200px)] shrink font-['Manrope']",
+                        children: /* @__PURE__ */ t("span", { className: "truncate", children: P })
+                      }
+                    ) }),
+                    /* @__PURE__ */ t(_, { variant: "tertiary", side: "top", children: P })
+                  ] }),
+                  /* @__PURE__ */ t(
+                    "span",
+                    {
+                      className: T(
+                        "flex size-6 shrink-0 items-center justify-center rounded-md bg-white transition-transform duration-200",
+                        p && "rotate-180"
+                      ),
+                      "aria-hidden": !0,
+                      children: /* @__PURE__ */ t(le, { className: "size-3.5 text-content-charcoal" })
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ t(
+              me,
+              {
+                align: "start",
+                className: "z-[110] w-[min(100vw-24px,280px)] p-0 shadow-[0_0_4px_0_rgba(0,0,0,0.12)]",
+                sideOffset: 8,
+                children: /* @__PURE__ */ l("div", { className: "flex flex-col py-2", children: [
+                  /* @__PURE__ */ l("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__ */ l("div", { className: "flex shrink-0 items-center gap-1 text-xs font-medium text-content-tertiary font-['Manrope']", children: [
+                      /* @__PURE__ */ t(w, { className: "size-3.5 text-badge-warning-ink" }),
+                      a("dataTable.savedViewsDefault")
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ l("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: () => b("All"),
+                        children: /* @__PURE__ */ t(
+                          C,
+                          {
+                            color: u === "All" ? "primary" : "neutral",
+                            variant: "outline",
+                            size: "sm",
+                            className: "cursor-pointer font-['Manrope']",
+                            children: a("dataTable.savedViewsAll")
+                          }
+                        )
+                      }
+                    ),
+                    Q?.map((e) => /* @__PURE__ */ t(
+                      "button",
+                      {
+                        type: "button",
+                        className: "border-none bg-transparent p-0",
+                        onClick: () => b(e.value),
+                        children: /* @__PURE__ */ t(
+                          C,
+                          {
+                            color: u === 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(
+                    pe,
+                    {
+                      size: "sm",
+                      placeholder: a("dataTable.savedViewsSearchPlaceholder"),
+                      value: v,
+                      onChange: (e) => g(e.target.value),
+                      prefix: /* @__PURE__ */ t(
+                        ie,
+                        {
+                          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: D || (K ? /* @__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(fe, { className: "h-9 w-full rounded-lg" }, e)) }) : j.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__ */ t("div", { className: "flex max-h-[160px] flex-col overflow-y-auto", children: j.map((e) => {
+                    const c = y === e.id;
+                    return /* @__PURE__ */ l(
+                      "div",
+                      {
+                        role: "button",
+                        tabIndex: 0,
+                        className: T(
+                          "mb-1 flex cursor-pointer items-center justify-between rounded-lg px-3 py-2 text-left text-sm font-medium font-['Manrope'] hover:bg-muted",
+                          c && "bg-badge-info-muted text-badge-info-foreground",
+                          !c && "text-foreground"
+                        ),
+                        onClick: () => N(e.id),
+                        onKeyDown: (n) => {
+                          (n.key === "Enter" || n.key === " ") && (n.preventDefault(), N(e.id));
+                        },
+                        children: [
+                          /* @__PURE__ */ l(I, { children: [
+                            /* @__PURE__ */ t(O, { asChild: !0, children: /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate", children: e.viewName }) }),
+                            /* @__PURE__ */ t(_, { variant: "tertiary", side: "right", children: e.viewName })
+                          ] }),
+                          /* @__PURE__ */ l("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+                            e.isEditable ? /* @__PURE__ */ t(
+                              o,
+                              {
+                                type: "button",
+                                variant: "ghost",
+                                size: "iconSm",
+                                className: "text-foreground hover:text-content-charcoal",
+                                "aria-label": a("dataTable.savedViewsEdit"),
+                                onClick: (n) => {
+                                  n.stopPropagation(), n.preventDefault(), d(!1), U?.(e, { activeView: r });
+                                },
+                                children: /* @__PURE__ */ t(se, { className: "size-3.5" })
+                              }
+                            ) : null,
+                            e.isDeletable ? /* @__PURE__ */ t(
+                              o,
+                              {
+                                type: "button",
+                                variant: "ghost",
+                                size: "iconSm",
+                                className: "text-foreground hover:text-destructive",
+                                "aria-label": a("dataTable.savedViewsDelete"),
+                                onClick: (n) => {
+                                  n.stopPropagation(), n.preventDefault(), d(!1), A(e);
+                                },
+                                children: /* @__PURE__ */ t(re, { className: "size-3.5" })
+                              }
+                            ) : null,
+                            e.hideDefaultStar ? null : e.isDefaultView ? /* @__PURE__ */ t(
+                              o,
+                              {
+                                type: "button",
+                                variant: "ghost",
+                                size: "iconSm",
+                                className: "text-yellow-500 hover:text-yellow-600",
+                                "aria-label": a(
+                                  "dataTable.savedViewsDefaultAction"
+                                ),
+                                onClick: (n) => {
+                                  n.stopPropagation(), n.preventDefault(), z?.(e, { activeView: r });
+                                },
+                                children: /* @__PURE__ */ t(w, { className: "size-3.5 fill-current" })
+                              }
+                            ) : /* @__PURE__ */ t(
+                              o,
+                              {
+                                type: "button",
+                                variant: "ghost",
+                                size: "iconSm",
+                                className: "text-yellow-500 hover:text-yellow-600",
+                                "aria-label": a(
+                                  "dataTable.savedViewsSetDefault"
+                                ),
+                                onClick: (n) => {
+                                  n.stopPropagation(), n.preventDefault(), z?.(e, { activeView: r });
+                                },
+                                children: /* @__PURE__ */ t(w, { className: "size-3.5" })
+                              }
+                            )
+                          ] })
+                        ]
+                      },
+                      e.id
+                    );
+                  }) })) }),
+                  /* @__PURE__ */ t(ue, { className: "my-1" }),
+                  /* @__PURE__ */ l("div", { className: "flex justify-end gap-2 px-3 pt-1", children: [
+                    /* @__PURE__ */ t(
+                      o,
+                      {
+                        type: "button",
+                        variant: "tertiary",
+                        size: "md",
+                        onClick: ee,
+                        children: a("dataTable.savedViewsCancel")
+                      }
+                    ),
+                    /* @__PURE__ */ t(
+                      o,
+                      {
+                        type: "button",
+                        variant: "default",
+                        size: "md",
+                        disabled: R,
+                        onClick: $,
+                        children: a("dataTable.savedViewsApply")
+                      }
+                    )
+                  ] })
+                ] })
+              }
+            )
+          ] }) }) : /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 items-center gap-2 text-content-tertiary", children: [
+            /* @__PURE__ */ t(oe, { className: "size-4 shrink-0", "aria-hidden": !0 }),
+            /* @__PURE__ */ t("span", { className: "text-sm font-medium font-['Manrope']", children: a("dataTable.savedViewsNoneYet") })
+          ] }),
+          /* @__PURE__ */ t(
+            o,
+            {
+              type: "button",
+              variant: "tertiary",
+              size: "sm",
+              className: "shrink-0 font-['Manrope']",
+              onClick: () => {
+                d(!1), G?.({ activeView: r });
+              },
+              children: a("dataTable.savedViewsSave")
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      he,
+      {
+        variant: "destructive",
+        open: h !== null,
+        onOpenChange: (e) => {
+          e || A(null);
+        },
+        title: a("dataTable.savedViewsDeleteConfirmTitle"),
+        description: h ? a("dataTable.savedViewsDeleteConfirmDescription", {
+          viewName: h.viewName
+        }) : void 0,
+        confirmLabel: a("dataTable.savedViewsDeleteConfirmButton"),
+        onConfirm: () => {
+          h && W?.(h, { activeView: r });
+        }
+      }
+    )
+  ] });
+};
+export {
+  Se as DataTableSavedViews
+};

package/dist/components/ui/data-table/data-table-view-options.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface DataTableViewOptionsProps {
+    enableTableSettings?: boolean;
+    enableContentDensity?: boolean;
+    trigger?: React.ReactNode;
+}
+export declare const DataTableViewOptions: ({ enableTableSettings, enableContentDensity, trigger, }: DataTableViewOptionsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -5,3 +5,5 @@ export * from './data-table-context';
 export * from './data-table-format-options';
 export * from './data-table-sheet';
 export * from './data-table-view-menu';
+export * from './data-table-saved-views';
+export type { SavedTableViewItem, TableViewTypeOption, DataTableSavedViewsProps, DataTableSavedViewsActionContext, DataTableSavedViewsCancelContext, } from '../types/data-table-saved-views.types';

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

@@ -1,27 +1,29 @@
 import { DataTable as t, DataTableContent as T, DataTableToolbar as o } from "./data-table.js";
 import { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX as D, TABLE_VIEWPORT_SHELL_EXPANDED_CLASS as l } from "./data-table-constants.js";
 import { DataTableColumnList as n } from "./data-table-column-list.js";
-import { DataTableContext as E, useDataTable as S } from "./data-table-context.js";
-import { DataTableFormatOptions as m } from "./data-table-format-options.js";
-import { DataTableSheet as x, DataTableSheetContent as f, DataTableSheetHeader as u, DataTableSheetTrigger as C } from "./data-table-sheet.js";
-import { DataTableViewMenuContent as w, DataTableViewMenuDensity as A, DataTableViewMenuSettingsItem as H, DataTableViewMenuTrigger as L, DataTableViewMenuViewportExpand as M } from "./data-table-view-menu.js";
+import { DataTableContext as S, useDataTable as m } from "./data-table-context.js";
+import { DataTableFormatOptions as E } from "./data-table-format-options.js";
+import { DataTableSheet as x, DataTableSheetContent as f, DataTableSheetHeader as V, DataTableSheetTrigger as u } from "./data-table-sheet.js";
+import { DataTableViewMenuContent as C, DataTableViewMenuDensity as s, DataTableViewMenuSettingsItem as A, DataTableViewMenuTrigger as H, DataTableViewMenuViewportExpand as L } from "./data-table-view-menu.js";
+import { DataTableSavedViews as g } from "./data-table-saved-views.js";
 export {
   D as DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX,
   t as DataTable,
   n as DataTableColumnList,
   T as DataTableContent,
-  E as DataTableContext,
-  m as DataTableFormatOptions,
+  S as DataTableContext,
+  E as DataTableFormatOptions,
+  g as DataTableSavedViews,
   x as DataTableSheet,
   f as DataTableSheetContent,
-  u as DataTableSheetHeader,
-  C as DataTableSheetTrigger,
+  V as DataTableSheetHeader,
+  u as DataTableSheetTrigger,
   o as DataTableToolbar,
-  w as DataTableViewMenuContent,
-  A as DataTableViewMenuDensity,
-  H as DataTableViewMenuSettingsItem,
-  L as DataTableViewMenuTrigger,
-  M as DataTableViewMenuViewportExpand,
+  C as DataTableViewMenuContent,
+  s as DataTableViewMenuDensity,
+  A as DataTableViewMenuSettingsItem,
+  H as DataTableViewMenuTrigger,
+  L as DataTableViewMenuViewportExpand,
   l as TABLE_VIEWPORT_SHELL_EXPANDED_CLASS,
-  S as useDataTable
+  m as useDataTable
 };