pelatform-ui 1.3.1 → 1.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -31,7 +31,7 @@ function DropdownMenuContent({
31
31
  sideOffset,
32
32
  align,
33
33
  className: cn(
34
- "cn-dropdown-menu-content cn-menu-target z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden data-[state=closed]:overflow-hidden",
34
+ "cn-dropdown-menu-content cn-menu-target cn-menu-translucent z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden data-[state=closed]:overflow-hidden",
35
35
  className
36
36
  ),
37
37
  ...props
@@ -201,7 +201,7 @@ function DropdownMenuSubContent({
201
201
  {
202
202
  "data-slot": "dropdown-menu-sub-content",
203
203
  className: cn(
204
- "cn-dropdown-menu-sub-content cn-menu-target z-50 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden",
204
+ "cn-dropdown-menu-sub-content cn-menu-target cn-menu-translucent z-50 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden",
205
205
  className
206
206
  ),
207
207
  ...props
@@ -355,7 +355,7 @@ function DrawerTitle({ className, ...props }) {
355
355
  DrawerPrimitive.Title,
356
356
  {
357
357
  "data-slot": "drawer-title",
358
- className: cn3("cn-drawer-title", className),
358
+ className: cn3("cn-drawer-title cn-font-heading", className),
359
359
  ...props
360
360
  }
361
361
  );
@@ -594,7 +594,7 @@ function AlertDialogTitle({
594
594
  AlertDialogPrimitive.Title,
595
595
  {
596
596
  "data-slot": "alert-dialog-title",
597
- className: cn6("cn-alert-dialog-title", className),
597
+ className: cn6("cn-alert-dialog-title cn-font-heading", className),
598
598
  ...props
599
599
  }
600
600
  );
@@ -649,7 +649,7 @@ import { Slot as Slot2 } from "radix-ui";
649
649
  import { cn as cn7 } from "@pelatform/utils";
650
650
  import { jsx as jsx8 } from "react/jsx-runtime";
651
651
  var badgeVariants = cva3(
652
- "relative inline-flex w-fit shrink-0 items-center justify-center whitespace-nowrap style-lyra:rounded-none style-maia:rounded-4xl style-mira:rounded-sm style-nova:rounded-sm style-vega:rounded-sm border border-transparent font-medium outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg:not([class*=size-])]:size-3 [&_svg]:pointer-events-none [&_svg]:shrink-0",
652
+ "relative inline-flex w-fit shrink-0 items-center justify-center whitespace-nowrap border border-transparent font-medium outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg:not([class*=size-])]:size-3 [&_svg]:pointer-events-none [&_svg]:shrink-0",
653
653
  {
654
654
  variants: {
655
655
  variant: {
@@ -683,21 +683,27 @@ var badgeVariants = cva3(
683
683
  default: "h-5 min-w-5 gap-1 px-1.25 py-0.5 text-xs",
684
684
  lg: "h-5.5 min-w-5.5 gap-1 px-1.5 py-0.5 text-xs",
685
685
  xl: "h-6 min-w-6 gap-1.5 px-2 py-0.75 text-sm"
686
+ },
687
+ /** `default`: per-theme radius. `full`: max radius per theme (Lyra stays `rounded-none`). */
688
+ radius: {
689
+ default: "style-lyra:rounded-none style-maia:rounded-4xl style-mira:rounded-sm style-nova:rounded-sm style-vega:rounded-sm",
690
+ full: "style-lyra:rounded-none style-maia:rounded-full style-mira:rounded-full style-nova:rounded-full style-vega:rounded-full"
686
691
  }
687
692
  },
688
693
  defaultVariants: {
689
694
  variant: "default",
690
- size: "default"
695
+ size: "default",
696
+ radius: "default"
691
697
  }
692
698
  }
693
699
  );
694
- function Badge({ className, variant, size, asChild = false, ...props }) {
700
+ function Badge({ className, variant, size, radius, asChild = false, ...props }) {
695
701
  const Comp = asChild ? Slot2.Root : "span";
696
702
  return /* @__PURE__ */ jsx8(
697
703
  Comp,
698
704
  {
699
705
  "data-slot": "badge",
700
- className: cn7(badgeVariants({ variant, size, className })),
706
+ className: cn7(badgeVariants({ variant, size, radius, className })),
701
707
  ...props
702
708
  }
703
709
  );
@@ -4,7 +4,7 @@ import React__default, { ReactNode, ComponentProps } from 'react';
4
4
  import { QueryClient } from '@tanstack/react-query';
5
5
  import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
6
6
  import { A as Alert, B as Button } from './button-Bc3N6jWT.js';
7
- import { B as Badge } from './badge-Rr33PgV_.js';
7
+ import { B as Badge } from './badge-CnQznr5B.js';
8
8
  import { ThemeMode } from '@pelatform/utils';
9
9
  import 'class-variance-authority/types';
10
10
  import 'class-variance-authority';
@@ -39,7 +39,7 @@ import {
39
39
  DropdownMenuSubTrigger,
40
40
  DropdownMenuTrigger,
41
41
  TooltipProvider
42
- } from "./chunk-Q2RH7YQE.js";
42
+ } from "./chunk-Z4CHIWTI.js";
43
43
 
44
44
  // src/components/icons.tsx
45
45
  import { jsx, jsxs } from "react/jsx-runtime";
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ComponentType, SVGProps, ComponentProps } from 'react';
2
- import { B as Badge } from './badge-Rr33PgV_.js';
2
+ import { B as Badge } from './badge-CnQznr5B.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'class-variance-authority/types';
5
5
  import 'class-variance-authority';
package/dist/radix.d.ts CHANGED
@@ -1,20 +1,22 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
- import React__default, { HTMLAttributes, ReactNode, ReactElement, CSSProperties, ComponentProps, RefObject, ButtonHTMLAttributes } from 'react';
4
- 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';
3
+ import React__default, { HTMLAttributes, ReactNode, ReactElement, ComponentProps, CSSProperties, RefObject, ButtonHTMLAttributes } from 'react';
4
+ 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';
5
5
  import { B as Button } from './button-Bc3N6jWT.js';
6
6
  export { A as Alert, a as AlertAction, b as AlertDescription, c as AlertTitle, d as buttonVariants } from './button-Bc3N6jWT.js';
7
7
  import * as class_variance_authority_types from 'class-variance-authority/types';
8
8
  import { Autocomplete as Autocomplete$1 } from '@base-ui/react/autocomplete';
9
9
  import { VariantProps } from 'class-variance-authority';
10
- export { B as Badge, a as BadgeProps, b as badgeVariants } from './badge-Rr33PgV_.js';
10
+ export { B as Badge, a as BadgeProps, b as badgeVariants } from './badge-CnQznr5B.js';
11
11
  import { DayPicker, DayButton, Locale } from 'react-day-picker';
12
12
  import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
13
13
  import * as RechartsPrimitive from 'recharts';
14
+ import { ValueType, NameType } from 'recharts/types/component/DefaultTooltipContent';
14
15
  import { Combobox as Combobox$1 } from '@base-ui/react';
15
16
  import { Command as Command$1 } from 'cmdk';
16
17
  import { Column, Table as Table$1, Row, Cell, HeaderGroup, Header, RowData, SortingState, ColumnFiltersState } from '@tanstack/react-table';
17
18
  import { DragEndEvent, UniqueIdentifier, Modifiers, DragOverlay, DragStartEvent } from '@dnd-kit/core';
19
+ import { VirtualizerOptions } from '@tanstack/react-virtual';
18
20
  import { Drawer as Drawer$1 } from 'vaul';
19
21
  import { OTPInput } from 'input-otp';
20
22
  import { NumberField as NumberField$1 } from '@base-ui/react/number-field';
@@ -159,21 +161,23 @@ declare const THEMES: {
159
161
  readonly light: "";
160
162
  readonly dark: ".dark";
161
163
  };
162
- type ChartConfig = {
163
- [k in string]: {
164
- label?: React.ReactNode;
165
- icon?: React.ComponentType;
166
- } & ({
167
- color?: string;
168
- theme?: never;
169
- } | {
170
- color?: never;
171
- theme: Record<keyof typeof THEMES, string>;
172
- });
173
- };
174
- declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
164
+ type ChartConfig = Record<string, {
165
+ label?: React.ReactNode;
166
+ icon?: React.ComponentType;
167
+ } & ({
168
+ color?: string;
169
+ theme?: never;
170
+ } | {
171
+ color?: never;
172
+ theme: Record<keyof typeof THEMES, string>;
173
+ })>;
174
+ declare function ChartContainer({ id, className, children, config, initialDimension, ...props }: React.ComponentProps<"div"> & {
175
175
  config: ChartConfig;
176
176
  children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
177
+ initialDimension?: {
178
+ width: number;
179
+ height: number;
180
+ };
177
181
  }): react_jsx_runtime.JSX.Element;
178
182
  declare const ChartStyle: ({ id, config }: {
179
183
  id: string;
@@ -186,12 +190,12 @@ declare function ChartTooltipContent({ active, payload, className, indicator, hi
186
190
  indicator?: "line" | "dot" | "dashed";
187
191
  nameKey?: string;
188
192
  labelKey?: string;
189
- }): react_jsx_runtime.JSX.Element | null;
193
+ } & Omit<RechartsPrimitive.DefaultTooltipContentProps<ValueType, NameType>, "accessibilityLayer">): react_jsx_runtime.JSX.Element | null;
190
194
  declare const ChartLegend: typeof RechartsPrimitive.Legend;
191
- declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
195
+ declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & {
192
196
  hideIcon?: boolean;
193
197
  nameKey?: string;
194
- }): react_jsx_runtime.JSX.Element | null;
198
+ } & RechartsPrimitive.DefaultLegendContentProps): react_jsx_runtime.JSX.Element | null;
195
199
 
196
200
  declare function Checkbox({ className, ...props }: React.ComponentProps<typeof Checkbox$1.Root>): react_jsx_runtime.JSX.Element;
197
201
 
@@ -295,6 +299,7 @@ declare function DataGridColumnFilter<TData, TValue>({ column, title, options, }
295
299
 
296
300
  interface DataGridColumnHeaderProps<TData, TValue> extends HTMLAttributes<HTMLDivElement> {
297
301
  column: Column<TData, TValue>;
302
+ /** When omitted, uses `column.columnDef.meta.headerTitle`, then a string `columnDef.header`, then `column.id`. */
298
303
  title?: string;
299
304
  icon?: ReactNode;
300
305
  pinnable?: boolean;
@@ -327,21 +332,69 @@ interface DataGridPaginationProps {
327
332
  }
328
333
  declare function DataGridPagination(props: DataGridPaginationProps): React__default.JSX.Element;
329
334
 
335
+ type DataGridScrollAreaOrientation = "horizontal" | "vertical" | "both";
336
+ type DataGridScrollAreaProps = Omit<ComponentProps<typeof ScrollArea$1.Root>, "children"> & {
337
+ children: ReactNode;
338
+ orientation?: DataGridScrollAreaOrientation;
339
+ };
340
+ declare function DataGridScrollArea({ children, className, orientation, ...props }: DataGridScrollAreaProps): react_jsx_runtime.JSX.Element;
341
+
330
342
  declare function DataGridTableDndRowHandle({ className }: {
331
343
  className?: string;
332
344
  }): react_jsx_runtime.JSX.Element;
333
- declare function DataGridTableDndRows<TData>({ handleDragEnd, dataIds, }: {
345
+ declare function DataGridTableDndRows<TData>({ handleDragEnd, dataIds, footerContent, }: {
334
346
  handleDragEnd: (event: DragEndEvent) => void;
335
347
  dataIds: UniqueIdentifier[];
348
+ footerContent?: ReactNode;
336
349
  }): react_jsx_runtime.JSX.Element;
337
350
 
338
- declare function DataGridTableDnd<TData>({ handleDragEnd, }: {
351
+ declare function DataGridTableDnd<TData>({ handleDragEnd, footerContent, }: {
339
352
  handleDragEnd: (event: DragEndEvent) => void;
353
+ footerContent?: ReactNode;
340
354
  }): react_jsx_runtime.JSX.Element;
341
355
 
356
+ type DataGridTableVirtualScrollElements = {
357
+ containerElement: HTMLDivElement | null;
358
+ scrollElement: HTMLElement | null;
359
+ };
360
+ type DataGridTableVirtualizerOptions<TData> = Omit<VirtualizerOptions<HTMLElement, HTMLTableRowElement>, "count" | "estimateSize" | "getItemKey" | "getScrollElement"> & {
361
+ estimateSize?: (index: number, row: Row<TData>) => number;
362
+ getItemKey?: (index: number, row: Row<TData>) => string | number;
363
+ getScrollElement?: (elements: DataGridTableVirtualScrollElements) => HTMLElement | null;
364
+ };
365
+ interface DataGridTableVirtualProps<TData> {
366
+ height?: number | string;
367
+ estimateSize?: number;
368
+ overscan?: number;
369
+ footerContent?: ReactNode;
370
+ renderHeader?: boolean;
371
+ onFetchMore?: () => void;
372
+ isFetchingMore?: boolean;
373
+ hasMore?: boolean;
374
+ fetchMoreOffset?: number;
375
+ virtualizerOptions?: DataGridTableVirtualizerOptions<TData>;
376
+ }
377
+ declare function DataGridTableVirtual<TData>({ height, estimateSize, overscan, footerContent, renderHeader, onFetchMore, isFetchingMore, hasMore, fetchMoreOffset, virtualizerOptions, }: DataGridTableVirtualProps<TData>): react_jsx_runtime.JSX.Element;
378
+
379
+ type DataGridTablePinnedBoundary = "top" | "bottom";
380
+ declare function getDataGridTableRowSections<TData>(table: Table$1<TData>, rowsPinnable?: boolean): {
381
+ topRows: Row<TData>[];
382
+ centerRows: Row<TData>[];
383
+ bottomRows: Row<TData>[];
384
+ };
385
+ declare function getDataGridTableResolvedRows<TData>(table: Table$1<TData>, rowsPinnable?: boolean): {
386
+ row: Row<TData>;
387
+ pinnedBoundary?: DataGridTablePinnedBoundary;
388
+ }[];
342
389
  declare function DataGridTableBase({ children }: {
343
390
  children: ReactNode;
344
391
  }): react_jsx_runtime.JSX.Element;
392
+ declare function DataGridTableViewport({ children, className, viewportRef, style, }: {
393
+ children: ReactNode;
394
+ className?: string;
395
+ viewportRef?: React.Ref<HTMLDivElement>;
396
+ style?: CSSProperties;
397
+ }): react_jsx_runtime.JSX.Element;
345
398
  declare function DataGridTableHead({ children }: {
346
399
  children: ReactNode;
347
400
  }): react_jsx_runtime.JSX.Element;
@@ -362,6 +415,17 @@ declare function DataGridTableRowSpacer(): react_jsx_runtime.JSX.Element;
362
415
  declare function DataGridTableBody({ children }: {
363
416
  children: ReactNode;
364
417
  }): react_jsx_runtime.JSX.Element;
418
+ declare function DataGridTableFoot({ children }: {
419
+ children: ReactNode;
420
+ }): react_jsx_runtime.JSX.Element;
421
+ declare function DataGridTableFootRow({ children }: {
422
+ children: ReactNode;
423
+ }): react_jsx_runtime.JSX.Element;
424
+ declare function DataGridTableFootRowCell({ children, colSpan, className, }: {
425
+ children?: ReactNode;
426
+ colSpan?: number;
427
+ className?: string;
428
+ }): react_jsx_runtime.JSX.Element;
365
429
  declare function DataGridTableBodyRowSkeleton({ children }: {
366
430
  children: ReactNode;
367
431
  }): react_jsx_runtime.JSX.Element;
@@ -369,9 +433,11 @@ declare function DataGridTableBodyRowSkeletonCell<TData>({ children, column, }:
369
433
  children: ReactNode;
370
434
  column: Column<TData>;
371
435
  }): react_jsx_runtime.JSX.Element;
372
- declare function DataGridTableBodyRow<TData>({ children, row, dndRef, dndStyle, }: {
436
+ declare function DataGridTableBodyRow<TData>({ children, row, pinnedBoundary, rowRef, dndRef, dndStyle, }: {
373
437
  children: ReactNode;
374
438
  row: Row<TData>;
439
+ pinnedBoundary?: DataGridTablePinnedBoundary;
440
+ rowRef?: React.Ref<HTMLTableRowElement>;
375
441
  dndRef?: React.Ref<HTMLTableRowElement>;
376
442
  dndStyle?: CSSProperties;
377
443
  }): react_jsx_runtime.JSX.Element;
@@ -384,13 +450,25 @@ declare function DataGridTableBodyRowCell<TData>({ children, cell, dndRef, dndSt
384
450
  dndRef?: React.Ref<HTMLTableCellElement>;
385
451
  dndStyle?: CSSProperties;
386
452
  }): react_jsx_runtime.JSX.Element;
453
+ declare function DataGridTableRenderedRow<TData>({ row, pinnedBoundary, rowRef, }: {
454
+ row: Row<TData>;
455
+ pinnedBoundary?: DataGridTablePinnedBoundary;
456
+ rowRef?: React.Ref<HTMLTableRowElement>;
457
+ }): react_jsx_runtime.JSX.Element;
387
458
  declare function DataGridTableEmpty(): react_jsx_runtime.JSX.Element;
388
459
  declare function DataGridTableLoader(): react_jsx_runtime.JSX.Element;
460
+ declare function DataGridTableRowPin<TData>({ row }: {
461
+ row: Row<TData>;
462
+ }): react_jsx_runtime.JSX.Element;
389
463
  declare function DataGridTableRowSelect<TData>({ row }: {
390
464
  row: Row<TData>;
391
465
  }): react_jsx_runtime.JSX.Element;
392
466
  declare function DataGridTableRowSelectAll(): react_jsx_runtime.JSX.Element;
393
- declare function DataGridTable<TData>(): react_jsx_runtime.JSX.Element;
467
+ declare function DataGridTableHeader<TData>(): react_jsx_runtime.JSX.Element;
468
+ declare function DataGridTable<TData>({ footerContent, renderHeader, }: {
469
+ footerContent?: ReactNode;
470
+ renderHeader?: boolean;
471
+ }): react_jsx_runtime.JSX.Element;
394
472
 
395
473
  declare module "@tanstack/react-table" {
396
474
  interface ColumnMeta<TData extends RowData, TValue> {
@@ -402,6 +480,8 @@ declare module "@tanstack/react-table" {
402
480
  expandedContent?: (row: TData) => ReactNode;
403
481
  }
404
482
  }
483
+ /** Label for headers / column visibility: `meta.headerTitle`, string `columnDef.header`, or `column.id`. */
484
+ declare function getColumnHeaderLabel<TData, TValue>(column: Column<TData, TValue>): string;
405
485
  type DataGridApiFetchParams = {
406
486
  pageIndex: number;
407
487
  pageSize: number;
@@ -438,6 +518,8 @@ interface DataGridProps<TData extends object> {
438
518
  isLoading?: boolean;
439
519
  loadingMode?: "skeleton" | "spinner";
440
520
  loadingMessage?: ReactNode | string;
521
+ fetchingMoreMessage?: ReactNode | string;
522
+ allRowsLoadedMessage?: ReactNode | string;
441
523
  emptyMessage?: ReactNode | string;
442
524
  tableLayout?: {
443
525
  dense?: boolean;
@@ -455,6 +537,7 @@ interface DataGridProps<TData extends object> {
455
537
  columnsMovable?: boolean;
456
538
  columnsDraggable?: boolean;
457
539
  rowsDraggable?: boolean;
540
+ rowsPinnable?: boolean;
458
541
  };
459
542
  tableClassNames?: {
460
543
  base?: string;
@@ -846,6 +929,18 @@ declare function Filters<T = unknown>({ filters, fields, onChange, className, va
846
929
  declare const createFilter: <T = unknown>(field: string, operator?: string, values?: T[]) => Filter<T>;
847
930
  declare const createFilterGroup: <T = unknown>(id: string, label: string, fields: FilterFieldConfig<T>[], initialFilters?: Filter<T>[]) => FilterGroup<T>;
848
931
 
932
+ /**
933
+ * CSS variable architecture for FramePanel theming:
934
+ *
935
+ * The Frame parent sets --frame-panel-bg and --frame-panel-border-color.
936
+ * FramePanel consumes them directly via bg-(--frame-panel-bg) and
937
+ * border-(--frame-panel-border-color). This means:
938
+ *
939
+ * - variant="inverse" overrides those vars on Frame → all panels pick it up
940
+ * - <FramePanel className="bg-blue-50"> adds a direct utility on the element
941
+ * which wins over bg-(--frame-panel-bg) by Tailwind source order — no
942
+ * :not() or !important needed
943
+ */
849
944
  declare const frameVariants: (props?: ({
850
945
  variant?: "default" | "ghost" | "inverse" | null | undefined;
851
946
  spacing?: "default" | "xs" | "sm" | "lg" | null | undefined;
@@ -853,7 +948,9 @@ declare const frameVariants: (props?: ({
853
948
  dense?: boolean | null | undefined;
854
949
  } & class_variance_authority_types.ClassProp) | undefined) => string;
855
950
  declare function Frame({ className, variant, spacing, stacked, dense, ...props }: React.ComponentProps<"div"> & VariantProps<typeof frameVariants>): react_jsx_runtime.JSX.Element;
856
- declare function FramePanel({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
951
+ declare function FramePanel({ className, fit, ...props }: React.ComponentProps<"div"> & {
952
+ fit?: boolean;
953
+ }): react_jsx_runtime.JSX.Element;
857
954
  declare function FrameHeader({ className, ...props }: React.ComponentProps<"header">): react_jsx_runtime.JSX.Element;
858
955
  declare function FrameTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
859
956
  declare function FrameDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -1437,4 +1534,4 @@ interface TreeItemLabelProps<T = any> extends HTMLAttributes<HTMLSpanElement> {
1437
1534
  declare function TreeItemLabel<T = any>({ item: propItem, children, className, asChild, ...props }: TreeItemLabelProps<T>): react_jsx_runtime.JSX.Element | null;
1438
1535
  declare function TreeDragLine({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element | null;
1439
1536
 
1440
- 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, 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, buttonGroupVariants, createFilter, createFilterGroup, formatDateValue, frameVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useCarousel, useComboboxAnchor, useDataGrid, useDateSelector, useDateSelectorContext, useDirection, useSidebar, useStepItem, useStepper };
1537
+ 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 };