pelatform-ui 1.3.0 → 1.4.0

package/dist/hooks.js

@@ -1,4 +1,7 @@
 "use client";
+import {
+  useMetaColor
+} from "./chunk-V3ET2B55.js";
 import {
   useIsMobile
 } from "./chunk-NW6KWHKZ.js";
@@ -626,66 +629,18 @@ var useMenu = (pathname) => {
   };
 };
 
-// src/hooks/use-meta-color.ts
-import * as React3 from "react";
-import { useTheme } from "next-themes";
-import { META_THEME_COLORS, THEME_MODES } from "@pelatform/utils";
-function useMetaColor(defaultColors) {
-  const { resolvedTheme } = useTheme();
-  const isSystemDarkMode = React3.useCallback(() => {
-    if (typeof window === "undefined") return false;
-    return window.matchMedia("(prefers-color-scheme: dark)").matches;
-  }, []);
-  const getEffectiveTheme = React3.useCallback(
-    (theme) => {
-      if (theme === THEME_MODES.SYSTEM) {
-        return isSystemDarkMode() ? THEME_MODES.DARK : THEME_MODES.LIGHT;
-      }
-      return theme;
-    },
-    [isSystemDarkMode]
-  );
-  const metaColor = React3.useMemo(() => {
-    const colorsToUse = defaultColors ?? META_THEME_COLORS;
-    const effectiveTheme = getEffectiveTheme(resolvedTheme);
-    if (effectiveTheme === THEME_MODES.DARK) {
-      return colorsToUse[THEME_MODES.DARK];
-    } else if (effectiveTheme === THEME_MODES.LIGHT) {
-      return colorsToUse[THEME_MODES.LIGHT];
-    }
-    return colorsToUse[THEME_MODES.LIGHT];
-  }, [resolvedTheme, defaultColors, getEffectiveTheme]);
-  const setMetaColor = React3.useCallback((color) => {
-    const metaTag = document.querySelector('meta[name="theme-color"]');
-    if (metaTag) {
-      metaTag.setAttribute("content", color);
-    } else {
-      const newMetaTag = document.createElement("meta");
-      newMetaTag.name = "theme-color";
-      newMetaTag.content = color;
-      document.head.appendChild(newMetaTag);
-    }
-  }, []);
-  return {
-    /** Current meta theme color based on resolved theme */
-    metaColor,
-    /** Function to manually set meta theme color */
-    setMetaColor
-  };
-}
-
 // src/hooks/use-mounted.ts
-import * as React4 from "react";
+import * as React3 from "react";
 function useMounted() {
-  const [mounted, setMounted] = React4.useState(false);
-  React4.useEffect(() => {
+  const [mounted, setMounted] = React3.useState(false);
+  React3.useEffect(() => {
     setMounted(true);
   }, []);
   return mounted;
 }
 
 // src/hooks/use-mutation-observer.ts
-import * as React5 from "react";
+import * as React4 from "react";
 var DEFAULT_OPTIONS = {
   /** Watch for attribute changes */
   attributes: true,
@@ -697,7 +652,7 @@ var DEFAULT_OPTIONS = {
   subtree: true
 };
 var useMutationObserver = (ref, callback, options = DEFAULT_OPTIONS) => {
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     if (ref.current) {
       const observer = new MutationObserver(callback);
       observer.observe(ref.current, options);
@@ -709,7 +664,7 @@ var useMutationObserver = (ref, callback, options = DEFAULT_OPTIONS) => {
 };
 
 // src/hooks/use-recaptcha-v2.ts
-import { useCallback as useCallback5, useEffect as useEffect7, useRef as useRef3 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect7, useRef as useRef3 } from "react";
 var RECAPTCHA_SCRIPT_ID = "recaptcha-v2-script";
 var scriptLoadPromise = null;
 function loadRecaptchaScript() {
@@ -740,7 +695,7 @@ function useRecaptchaV2(siteKey) {
   const containerRef = useRef3(null);
   const isRendered = useRef3(false);
   const isInitializing = useRef3(false);
-  const initializeRecaptcha = useCallback5(async () => {
+  const initializeRecaptcha = useCallback4(async () => {
     if (isInitializing.current) return;
     if (!containerRef.current || !siteKey) return;
     isInitializing.current = true;
@@ -868,15 +823,15 @@ var useScrollPosition = ({ targetRef } = {}) => {
 };
 
 // src/hooks/use-slider-input.ts
-import { useCallback as useCallback6, useState as useState8 } from "react";
+import { useCallback as useCallback5, useState as useState8 } from "react";
 function useSliderInput({ minValue, maxValue, initialValue }) {
   const [sliderValues, setSliderValues] = useState8(initialValue);
   const [inputValues, setInputValues] = useState8(initialValue);
-  const handleSliderChange = useCallback6((values) => {
+  const handleSliderChange = useCallback5((values) => {
     setSliderValues(values);
     setInputValues(values);
   }, []);
-  const handleInputChange = useCallback6(
+  const handleInputChange = useCallback5(
     (e, index) => {
       const newValue = parseFloat(e.target.value);
       if (!Number.isNaN(newValue)) {
@@ -887,7 +842,7 @@ function useSliderInput({ minValue, maxValue, initialValue }) {
     },
     [inputValues]
   );
-  const validateAndUpdateValue = useCallback6(
+  const validateAndUpdateValue = useCallback5(
     (value, index) => {
       const updatedSlider = [...sliderValues];
       if (index === 0) {

package/dist/index.d.ts

@@ -1,2 +1,49 @@
+import { ComponentType, SVGProps, ComponentProps } from 'react';
+import { B as Badge } from './badge-CnQznr5B.js';
+import 'react/jsx-runtime';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
 
-export {  }
+/**
+ * Menu item interface
+ */
+interface MenuItem {
+    /** Heading text */
+    heading?: string;
+    /** Menu item title */
+    title?: string;
+    /** Navigation path */
+    path?: string;
+    /** Menu item icon component */
+    icon?: ComponentType<SVGProps<SVGSVGElement>>;
+    /** Whether to show separator */
+    separator?: boolean;
+    /** Root path for active state matching */
+    rootPath?: string;
+    /** Child menu items */
+    children?: MenuConfig;
+    /** Children index for nested items */
+    childrenIndex?: number;
+    /** Whether the item is external */
+    external?: boolean;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Disable text */
+    disabledText?: string;
+    /** Badge text */
+    badge?: string;
+    /** Badge variant */
+    badgeVariant?: ComponentProps<typeof Badge>["variant"];
+    /** Collapse configuration */
+    collapse?: boolean;
+    /** Title when collapsed */
+    collapseTitle?: string;
+    /** Title when expanded */
+    expandTitle?: string;
+}
+/**
+ * Type aliases for backward compatibility
+ */
+type MenuConfig = MenuItem[];
+
+export type { MenuConfig, MenuItem };

package/dist/radix.d.ts

@@ -1,17 +1,22 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { HTMLAttributes, ReactNode, ReactElement, CSSProperties, ComponentProps, RefObject, ButtonHTMLAttributes } from 'react';
-import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, AspectRatio as AspectRatio$1, Avatar as Avatar$1, Separator as Separator$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Dialog as Dialog$1, ContextMenu as ContextMenu$1, Direction, DropdownMenu as DropdownMenu$1, Label as Label$1, HoverCard as HoverCard$1, Menubar as Menubar$1, NavigationMenu as NavigationMenu$1, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Select as Select$1, Tooltip as Tooltip$1, Slider as Slider$1, Switch as Switch$1, Tabs as Tabs$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1 } from 'radix-ui';
+import React__default, { HTMLAttributes, ReactNode, ReactElement, ComponentProps, CSSProperties, RefObject, ButtonHTMLAttributes } from 'react';
+import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, AspectRatio as AspectRatio$1, Avatar as Avatar$1, Separator as Separator$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Dialog as Dialog$1, ContextMenu as ContextMenu$1, ScrollArea as ScrollArea$1, Direction, DropdownMenu as DropdownMenu$1, Label as Label$1, HoverCard as HoverCard$1, Menubar as Menubar$1, NavigationMenu as NavigationMenu$1, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, Select as Select$1, Tooltip as Tooltip$1, Slider as Slider$1, Switch as Switch$1, Tabs as Tabs$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1 } from 'radix-ui';
+import { B as Button } from './button-Bc3N6jWT.js';
+export { A as Alert, a as AlertAction, b as AlertDescription, c as AlertTitle, d as buttonVariants } from './button-Bc3N6jWT.js';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
 import { Autocomplete as Autocomplete$1 } from '@base-ui/react/autocomplete';
+import { VariantProps } from 'class-variance-authority';
+export { B as Badge, a as BadgeProps, b as badgeVariants } from './badge-CnQznr5B.js';
 import { DayPicker, DayButton, Locale } from 'react-day-picker';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
 import * as RechartsPrimitive from 'recharts';
+import { ValueType, NameType } from 'recharts/types/component/DefaultTooltipContent';
 import { Combobox as Combobox$1 } from '@base-ui/react';
 import { Command as Command$1 } from 'cmdk';
 import { Column, Table as Table$1, Row, Cell, HeaderGroup, Header, RowData, SortingState, ColumnFiltersState } from '@tanstack/react-table';
 import { DragEndEvent, UniqueIdentifier, Modifiers, DragOverlay, DragStartEvent } from '@dnd-kit/core';
+import { VirtualizerOptions } from '@tanstack/react-virtual';
 import { Drawer as Drawer$1 } from 'vaul';
 import { OTPInput } from 'input-otp';
 import { NumberField as NumberField$1 } from '@base-ui/react/number-field';
@@ -25,14 +30,6 @@ declare function AccordionItem({ className, ...props }: React.ComponentProps<typ
 declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof Accordion$1.Trigger>): react_jsx_runtime.JSX.Element;
 declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof Accordion$1.Content>): react_jsx_runtime.JSX.Element;
 
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
 declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime.JSX.Element;
 declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime.JSX.Element;
 declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime.JSX.Element;
@@ -48,14 +45,6 @@ declare function AlertDialogDescription({ className, ...props }: React.Component
 declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialog$1.Action> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime.JSX.Element;
 declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialog$1.Cancel> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime.JSX.Element;
 
-declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | "info" | "success" | "warning" | "invert" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element;
-declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-
 declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime.JSX.Element;
 
 declare const inputVariants: (props?: ({
@@ -105,15 +94,6 @@ declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span
 declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | "destructive" | "info" | "success" | "warning" | "invert" | "focus" | "primary-light" | "warning-light" | "success-light" | "info-light" | "destructive-light" | "invert-light" | "focus-light" | "primary-outline" | "warning-outline" | "success-outline" | "info-outline" | "destructive-outline" | "invert-outline" | "focus-outline" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
-    asChild?: boolean;
-}
-declare function Badge({ className, variant, size, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
-
 declare function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
@@ -181,21 +161,23 @@ declare const THEMES: {
     readonly light: "";
     readonly dark: ".dark";
 };
-type ChartConfig = {
-    [k in string]: {
-        label?: React.ReactNode;
-        icon?: React.ComponentType;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never;
-        theme: Record<keyof typeof THEMES, string>;
-    });
-};
-declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
+type ChartConfig = Record<string, {
+    label?: React.ReactNode;
+    icon?: React.ComponentType;
+} & ({
+    color?: string;
+    theme?: never;
+} | {
+    color?: never;
+    theme: Record<keyof typeof THEMES, string>;
+})>;
+declare function ChartContainer({ id, className, children, config, initialDimension, ...props }: React.ComponentProps<"div"> & {
     config: ChartConfig;
     children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+    initialDimension?: {
+        width: number;
+        height: number;
+    };
 }): react_jsx_runtime.JSX.Element;
 declare const ChartStyle: ({ id, config }: {
     id: string;
@@ -208,12 +190,12 @@ declare function ChartTooltipContent({ active, payload, className, indicator, hi
     indicator?: "line" | "dot" | "dashed";
     nameKey?: string;
     labelKey?: string;
-}): react_jsx_runtime.JSX.Element | null;
+} & Omit<RechartsPrimitive.DefaultTooltipContentProps<ValueType, NameType>, "accessibilityLayer">): react_jsx_runtime.JSX.Element | null;
 declare const ChartLegend: typeof RechartsPrimitive.Legend;
-declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & {
     hideIcon?: boolean;
     nameKey?: string;
-}): react_jsx_runtime.JSX.Element | null;
+} & RechartsPrimitive.DefaultLegendContentProps): react_jsx_runtime.JSX.Element | null;
 
 declare function Checkbox({ className, ...props }: React.ComponentProps<typeof Checkbox$1.Root>): react_jsx_runtime.JSX.Element;
 
@@ -317,6 +299,7 @@ declare function DataGridColumnFilter<TData, TValue>({ column, title, options, }
 
 interface DataGridColumnHeaderProps<TData, TValue> extends HTMLAttributes<HTMLDivElement> {
     column: Column<TData, TValue>;
+    /** When omitted, uses `column.columnDef.meta.headerTitle`, then a string `columnDef.header`, then `column.id`. */
     title?: string;
     icon?: ReactNode;
     pinnable?: boolean;
@@ -349,21 +332,69 @@ interface DataGridPaginationProps {
 }
 declare function DataGridPagination(props: DataGridPaginationProps): React__default.JSX.Element;
 
+type DataGridScrollAreaOrientation = "horizontal" | "vertical" | "both";
+type DataGridScrollAreaProps = Omit<ComponentProps<typeof ScrollArea$1.Root>, "children"> & {
+    children: ReactNode;
+    orientation?: DataGridScrollAreaOrientation;
+};
+declare function DataGridScrollArea({ children, className, orientation, ...props }: DataGridScrollAreaProps): react_jsx_runtime.JSX.Element;
+
 declare function DataGridTableDndRowHandle({ className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
-declare function DataGridTableDndRows<TData>({ handleDragEnd, dataIds, }: {
+declare function DataGridTableDndRows<TData>({ handleDragEnd, dataIds, footerContent, }: {
     handleDragEnd: (event: DragEndEvent) => void;
     dataIds: UniqueIdentifier[];
+    footerContent?: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
-declare function DataGridTableDnd<TData>({ handleDragEnd, }: {
+declare function DataGridTableDnd<TData>({ handleDragEnd, footerContent, }: {
     handleDragEnd: (event: DragEndEvent) => void;
+    footerContent?: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
+type DataGridTableVirtualScrollElements = {
+    containerElement: HTMLDivElement | null;
+    scrollElement: HTMLElement | null;
+};
+type DataGridTableVirtualizerOptions<TData> = Omit<VirtualizerOptions<HTMLElement, HTMLTableRowElement>, "count" | "estimateSize" | "getItemKey" | "getScrollElement"> & {
+    estimateSize?: (index: number, row: Row<TData>) => number;
+    getItemKey?: (index: number, row: Row<TData>) => string | number;
+    getScrollElement?: (elements: DataGridTableVirtualScrollElements) => HTMLElement | null;
+};
+interface DataGridTableVirtualProps<TData> {
+    height?: number | string;
+    estimateSize?: number;
+    overscan?: number;
+    footerContent?: ReactNode;
+    renderHeader?: boolean;
+    onFetchMore?: () => void;
+    isFetchingMore?: boolean;
+    hasMore?: boolean;
+    fetchMoreOffset?: number;
+    virtualizerOptions?: DataGridTableVirtualizerOptions<TData>;
+}
+declare function DataGridTableVirtual<TData>({ height, estimateSize, overscan, footerContent, renderHeader, onFetchMore, isFetchingMore, hasMore, fetchMoreOffset, virtualizerOptions, }: DataGridTableVirtualProps<TData>): react_jsx_runtime.JSX.Element;
+
+type DataGridTablePinnedBoundary = "top" | "bottom";
+declare function getDataGridTableRowSections<TData>(table: Table$1<TData>, rowsPinnable?: boolean): {
+    topRows: Row<TData>[];
+    centerRows: Row<TData>[];
+    bottomRows: Row<TData>[];
+};
+declare function getDataGridTableResolvedRows<TData>(table: Table$1<TData>, rowsPinnable?: boolean): {
+    row: Row<TData>;
+    pinnedBoundary?: DataGridTablePinnedBoundary;
+}[];
 declare function DataGridTableBase({ children }: {
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
+declare function DataGridTableViewport({ children, className, viewportRef, style, }: {
+    children: ReactNode;
+    className?: string;
+    viewportRef?: React.Ref<HTMLDivElement>;
+    style?: CSSProperties;
+}): react_jsx_runtime.JSX.Element;
 declare function DataGridTableHead({ children }: {
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
@@ -384,6 +415,17 @@ declare function DataGridTableRowSpacer(): react_jsx_runtime.JSX.Element;
 declare function DataGridTableBody({ children }: {
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
+declare function DataGridTableFoot({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function DataGridTableFootRow({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function DataGridTableFootRowCell({ children, colSpan, className, }: {
+    children?: ReactNode;
+    colSpan?: number;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
 declare function DataGridTableBodyRowSkeleton({ children }: {
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
@@ -391,9 +433,11 @@ declare function DataGridTableBodyRowSkeletonCell<TData>({ children, column, }:
     children: ReactNode;
     column: Column<TData>;
 }): react_jsx_runtime.JSX.Element;
-declare function DataGridTableBodyRow<TData>({ children, row, dndRef, dndStyle, }: {
+declare function DataGridTableBodyRow<TData>({ children, row, pinnedBoundary, rowRef, dndRef, dndStyle, }: {
     children: ReactNode;
     row: Row<TData>;
+    pinnedBoundary?: DataGridTablePinnedBoundary;
+    rowRef?: React.Ref<HTMLTableRowElement>;
     dndRef?: React.Ref<HTMLTableRowElement>;
     dndStyle?: CSSProperties;
 }): react_jsx_runtime.JSX.Element;
@@ -406,13 +450,25 @@ declare function DataGridTableBodyRowCell<TData>({ children, cell, dndRef, dndSt
     dndRef?: React.Ref<HTMLTableCellElement>;
     dndStyle?: CSSProperties;
 }): react_jsx_runtime.JSX.Element;
+declare function DataGridTableRenderedRow<TData>({ row, pinnedBoundary, rowRef, }: {
+    row: Row<TData>;
+    pinnedBoundary?: DataGridTablePinnedBoundary;
+    rowRef?: React.Ref<HTMLTableRowElement>;
+}): react_jsx_runtime.JSX.Element;
 declare function DataGridTableEmpty(): react_jsx_runtime.JSX.Element;
 declare function DataGridTableLoader(): react_jsx_runtime.JSX.Element;
+declare function DataGridTableRowPin<TData>({ row }: {
+    row: Row<TData>;
+}): react_jsx_runtime.JSX.Element;
 declare function DataGridTableRowSelect<TData>({ row }: {
     row: Row<TData>;
 }): react_jsx_runtime.JSX.Element;
 declare function DataGridTableRowSelectAll(): react_jsx_runtime.JSX.Element;
-declare function DataGridTable<TData>(): react_jsx_runtime.JSX.Element;
+declare function DataGridTableHeader<TData>(): react_jsx_runtime.JSX.Element;
+declare function DataGridTable<TData>({ footerContent, renderHeader, }: {
+    footerContent?: ReactNode;
+    renderHeader?: boolean;
+}): react_jsx_runtime.JSX.Element;
 
 declare module "@tanstack/react-table" {
     interface ColumnMeta<TData extends RowData, TValue> {
@@ -424,6 +480,8 @@ declare module "@tanstack/react-table" {
         expandedContent?: (row: TData) => ReactNode;
     }
 }
+/** Label for headers / column visibility: `meta.headerTitle`, string `columnDef.header`, or `column.id`. */
+declare function getColumnHeaderLabel<TData, TValue>(column: Column<TData, TValue>): string;
 type DataGridApiFetchParams = {
     pageIndex: number;
     pageSize: number;
@@ -460,6 +518,8 @@ interface DataGridProps<TData extends object> {
     isLoading?: boolean;
     loadingMode?: "skeleton" | "spinner";
     loadingMessage?: ReactNode | string;
+    fetchingMoreMessage?: ReactNode | string;
+    allRowsLoadedMessage?: ReactNode | string;
     emptyMessage?: ReactNode | string;
     tableLayout?: {
         dense?: boolean;
@@ -477,6 +537,7 @@ interface DataGridProps<TData extends object> {
         columnsMovable?: boolean;
         columnsDraggable?: boolean;
         rowsDraggable?: boolean;
+        rowsPinnable?: boolean;
     };
     tableClassNames?: {
         base?: string;
@@ -868,6 +929,18 @@ declare function Filters<T = unknown>({ filters, fields, onChange, className, va
 declare const createFilter: <T = unknown>(field: string, operator?: string, values?: T[]) => Filter<T>;
 declare const createFilterGroup: <T = unknown>(id: string, label: string, fields: FilterFieldConfig<T>[], initialFilters?: Filter<T>[]) => FilterGroup<T>;
 
+/**
+ * CSS variable architecture for FramePanel theming:
+ *
+ * The Frame parent sets --frame-panel-bg and --frame-panel-border-color.
+ * FramePanel consumes them directly via bg-(--frame-panel-bg) and
+ * border-(--frame-panel-border-color). This means:
+ *
+ *   - variant="inverse" overrides those vars on Frame → all panels pick it up
+ *   - <FramePanel className="bg-blue-50"> adds a direct utility on the element
+ *     which wins over bg-(--frame-panel-bg) by Tailwind source order — no
+ *     :not() or !important needed
+ */
 declare const frameVariants: (props?: ({
     variant?: "default" | "ghost" | "inverse" | null | undefined;
     spacing?: "default" | "xs" | "sm" | "lg" | null | undefined;
@@ -875,7 +948,9 @@ declare const frameVariants: (props?: ({
     dense?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Frame({ className, variant, spacing, stacked, dense, ...props }: React.ComponentProps<"div"> & VariantProps<typeof frameVariants>): react_jsx_runtime.JSX.Element;
-declare function FramePanel({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function FramePanel({ className, fit, ...props }: React.ComponentProps<"div"> & {
+    fit?: boolean;
+}): react_jsx_runtime.JSX.Element;
 declare function FrameHeader({ className, ...props }: React.ComponentProps<"header">): react_jsx_runtime.JSX.Element;
 declare function FrameTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function FrameDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -1459,4 +1534,4 @@ interface TreeItemLabelProps<T = any> extends HTMLAttributes<HTMLSpanElement> {
 declare function TreeItemLabel<T = any>({ item: propItem, children, className, asChild, ...props }: TreeItemLabelProps<T>): react_jsx_runtime.JSX.Element | null;
 declare function TreeDragLine({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element | null;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, ApplePayLogo, AspectRatio, Autocomplete, AutocompleteArrow, AutocompleteBackdrop, AutocompleteClear, AutocompleteCollection, AutocompleteContent, type AutocompleteContentProps, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePortal, AutocompletePositioner, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BtcchinaLogo, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, ClusterhqLogo, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomRendererProps, DEFAULT_DATE_SELECTOR_I18N, DEFAULT_I18N, DEFAULT_OPERATORS, DataGrid, type DataGridApiFetchParams, type DataGridApiResponse, DataGridColumnFilter, type DataGridColumnFilterProps, DataGridColumnHeader, type DataGridColumnHeaderProps, DataGridColumnVisibility, DataGridContainer, type DataGridContextProps, DataGridPagination, type DataGridPaginationProps, type DataGridProps, DataGridProvider, type DataGridRequestParams, DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpandded, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableDnd, DataGridTableDndRowHandle, DataGridTableDndRows, DataGridTableEmpty, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableLoader, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, DateSelector, type DateSelectorContextValue, type DateSelectorFilterType, type DateSelectorI18nConfig, type DateSelectorPeriodType, type DateSelectorProps, type DateSelectorValue, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, type Filter, type FilterFieldConfig, type FilterFieldGroup, type FilterFieldsConfig, type FilterGroup, type FilterI18nConfig, type FilterOperator, type FilterOption, Filters, FiltersContent, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GooglePlayLogo, GoogleWebdevLogo, HoverCard, HoverCardContent, HoverCardTrigger, IdealLogo, InfernoLogo, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, JiraLogo, Kanban, KanbanBoard, type KanbanBoardProps, KanbanColumn, KanbanColumnContent, type KanbanColumnContentProps, KanbanColumnHandle, type KanbanColumnHandleProps, type KanbanColumnProps, KanbanItem, KanbanItemHandle, type KanbanItemHandleProps, type KanbanItemProps, type KanbanMoveEvent, KanbanOverlay, type KanbanOverlayProps, type KanbanRootProps, Kbd, KbdGroup, Label, MastercardLogo, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PatientoryLogo, PayPalLogo, PhoneInput, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Rating, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Scrollspy, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Sortable, SortableItem, SortableItemHandle, type SortableItemHandleProps, type SortableItemProps, SortableOverlay, type SortableOverlayProps, type SortableRootProps, Spinner, Stepper, StepperContent, type StepperContentProps, StepperDescription, StepperIndicator, StepperItem, type StepperItemProps, StepperNav, StepperPanel, type StepperProps, StepperSeparator, StepperTitle, StepperTrigger, type StepperTriggerProps, StripeLogo, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Timeline, TimelineContent, TimelineDate, TimelineHeader, TimelineIndicator, TimelineItem, TimelineSeparator, TimelineTitle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tree, TreeDragLine, TreeItem, TreeItemLabel, badgeVariants, buttonGroupVariants, buttonVariants, createFilter, createFilterGroup, formatDateValue, frameVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useCarousel, useComboboxAnchor, useDataGrid, useDateSelector, useDateSelectorContext, useDirection, useSidebar, useStepItem, useStepper };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, ApplePayLogo, AspectRatio, Autocomplete, AutocompleteArrow, AutocompleteBackdrop, AutocompleteClear, AutocompleteCollection, AutocompleteContent, type AutocompleteContentProps, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePortal, AutocompletePositioner, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BtcchinaLogo, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, ClusterhqLogo, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomRendererProps, DEFAULT_DATE_SELECTOR_I18N, DEFAULT_I18N, DEFAULT_OPERATORS, DataGrid, type DataGridApiFetchParams, type DataGridApiResponse, DataGridColumnFilter, type DataGridColumnFilterProps, DataGridColumnHeader, type DataGridColumnHeaderProps, DataGridColumnVisibility, DataGridContainer, type DataGridContextProps, DataGridPagination, type DataGridPaginationProps, type DataGridProps, DataGridProvider, type DataGridRequestParams, DataGridScrollArea, type DataGridScrollAreaOrientation, type DataGridScrollAreaProps, DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpandded, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableDnd, DataGridTableDndRowHandle, DataGridTableDndRows, DataGridTableEmpty, DataGridTableFoot, DataGridTableFootRow, DataGridTableFootRowCell, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableHeader, DataGridTableLoader, type DataGridTablePinnedBoundary, DataGridTableRenderedRow, DataGridTableRowPin, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, DataGridTableViewport, DataGridTableVirtual, type DataGridTableVirtualProps, type DataGridTableVirtualScrollElements, type DataGridTableVirtualizerOptions, DateSelector, type DateSelectorContextValue, type DateSelectorFilterType, type DateSelectorI18nConfig, type DateSelectorPeriodType, type DateSelectorProps, type DateSelectorValue, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, type Filter, type FilterFieldConfig, type FilterFieldGroup, type FilterFieldsConfig, type FilterGroup, type FilterI18nConfig, type FilterOperator, type FilterOption, Filters, FiltersContent, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GooglePlayLogo, GoogleWebdevLogo, HoverCard, HoverCardContent, HoverCardTrigger, IdealLogo, InfernoLogo, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, JiraLogo, Kanban, KanbanBoard, type KanbanBoardProps, KanbanColumn, KanbanColumnContent, type KanbanColumnContentProps, KanbanColumnHandle, type KanbanColumnHandleProps, type KanbanColumnProps, KanbanItem, KanbanItemHandle, type KanbanItemHandleProps, type KanbanItemProps, type KanbanMoveEvent, KanbanOverlay, type KanbanOverlayProps, type KanbanRootProps, Kbd, KbdGroup, Label, MastercardLogo, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PatientoryLogo, PayPalLogo, PhoneInput, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Rating, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Scrollspy, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Sortable, SortableItem, SortableItemHandle, type SortableItemHandleProps, type SortableItemProps, SortableOverlay, type SortableOverlayProps, type SortableRootProps, Spinner, Stepper, StepperContent, type StepperContentProps, StepperDescription, StepperIndicator, StepperItem, type StepperItemProps, StepperNav, StepperPanel, type StepperProps, StepperSeparator, StepperTitle, StepperTrigger, type StepperTriggerProps, StripeLogo, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Timeline, TimelineContent, TimelineDate, TimelineHeader, TimelineIndicator, TimelineItem, TimelineSeparator, TimelineTitle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tree, TreeDragLine, TreeItem, TreeItemLabel, buttonGroupVariants, createFilter, createFilterGroup, formatDateValue, frameVariants, getColumnHeaderLabel, getDataGridTableResolvedRows, getDataGridTableRowSections, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useCarousel, useComboboxAnchor, useDataGrid, useDateSelector, useDateSelectorContext, useDirection, useSidebar, useStepItem, useStepper };