@epilot/volt-ui-experimental-griffel 0.2.0 → 0.2.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.
Files changed (82) hide show
  1. package/README.md +5 -0
  2. package/dist/index.d.ts +8766 -65
  3. package/dist/tokens/index.d.ts +1057 -1053
  4. package/dist/tokens.json +1 -1
  5. package/package.json +6 -4
  6. package/dist/components/accordion/accordion.d.ts +0 -14
  7. package/dist/components/alert-dialog/alert-dialog.d.ts +0 -36
  8. package/dist/components/avatar/avatar-group.d.ts +0 -7
  9. package/dist/components/avatar/avatar.d.ts +0 -17
  10. package/dist/components/badge/badge.d.ts +0 -41
  11. package/dist/components/breadcrumb/breadcrumb.d.ts +0 -37
  12. package/dist/components/button/button.d.ts +0 -18
  13. package/dist/components/button-group/button-group.d.ts +0 -30
  14. package/dist/components/callout/callout.d.ts +0 -23
  15. package/dist/components/card/card.d.ts +0 -9
  16. package/dist/components/checkbox/checkbox.d.ts +0 -4
  17. package/dist/components/collapsible-sidebar/collapsible-sidebar.d.ts +0 -33
  18. package/dist/components/command/command.d.ts +0 -85
  19. package/dist/components/data-table/data-table-body.d.ts +0 -21
  20. package/dist/components/data-table/data-table-column-header.d.ts +0 -13
  21. package/dist/components/data-table/data-table-column-visibility.d.ts +0 -21
  22. package/dist/components/data-table/data-table-content.d.ts +0 -13
  23. package/dist/components/data-table/data-table-context.d.ts +0 -66
  24. package/dist/components/data-table/data-table-error.d.ts +0 -21
  25. package/dist/components/data-table/data-table-header.d.ts +0 -14
  26. package/dist/components/data-table/data-table-loading.d.ts +0 -13
  27. package/dist/components/data-table/data-table-pagination.d.ts +0 -17
  28. package/dist/components/data-table/data-table-pinning-utils.d.ts +0 -17
  29. package/dist/components/data-table/data-table-row.d.ts +0 -14
  30. package/dist/components/data-table/data-table-toolbar.d.ts +0 -7
  31. package/dist/components/data-table/data-table.d.ts +0 -92
  32. package/dist/components/data-table/get-selected-row-data.d.ts +0 -18
  33. package/dist/components/data-table/hooks/index.d.ts +0 -2
  34. package/dist/components/data-table/hooks/use-data-table-content.d.ts +0 -1
  35. package/dist/components/data-table/hooks/use-data-table.d.ts +0 -2
  36. package/dist/components/date-range-picker/date-range-picker-utils.d.ts +0 -2
  37. package/dist/components/date-range-picker/date-range-picker.d.ts +0 -34
  38. package/dist/components/date-range-picker/range-calendar.d.ts +0 -15
  39. package/dist/components/date-time-picker/calendar.d.ts +0 -28
  40. package/dist/components/date-time-picker/date-time-picker-context.d.ts +0 -39
  41. package/dist/components/date-time-picker/date-time-picker-input.d.ts +0 -13
  42. package/dist/components/date-time-picker/date-time-picker-panel.d.ts +0 -15
  43. package/dist/components/date-time-picker/date-time-picker-popover.d.ts +0 -6
  44. package/dist/components/date-time-picker/date-time-picker-utils.d.ts +0 -37
  45. package/dist/components/date-time-picker/date-time-picker.d.ts +0 -47
  46. package/dist/components/date-time-picker/time-picker.d.ts +0 -12
  47. package/dist/components/dialog/dialog.d.ts +0 -27
  48. package/dist/components/drawer/drawer.d.ts +0 -27
  49. package/dist/components/dropdown-menu/dropdown-menu.d.ts +0 -41
  50. package/dist/components/field/field-combobox.d.ts +0 -90
  51. package/dist/components/field/field-select.d.ts +0 -4
  52. package/dist/components/field/field.d.ts +0 -76
  53. package/dist/components/label/label.d.ts +0 -21
  54. package/dist/components/list/list.d.ts +0 -46
  55. package/dist/components/option-card/option-card.d.ts +0 -39
  56. package/dist/components/pill/pill.d.ts +0 -27
  57. package/dist/components/popover/popover.d.ts +0 -14
  58. package/dist/components/radio/radio.d.ts +0 -6
  59. package/dist/components/scroll-overflow/scroll-overflow.d.ts +0 -38
  60. package/dist/components/segmented-control/segmented-control.d.ts +0 -11
  61. package/dist/components/select/select.d.ts +0 -26
  62. package/dist/components/separator/separator.d.ts +0 -30
  63. package/dist/components/skeleton/skeleton.d.ts +0 -24
  64. package/dist/components/spinner/spinner.d.ts +0 -25
  65. package/dist/components/switch/switch.d.ts +0 -17
  66. package/dist/components/table/table-pagination.d.ts +0 -45
  67. package/dist/components/table/table.d.ts +0 -50
  68. package/dist/components/tabs/tabs.d.ts +0 -18
  69. package/dist/components/text/text.d.ts +0 -22
  70. package/dist/components/toast/toast.d.ts +0 -10
  71. package/dist/components/toggle/toggle-group.d.ts +0 -10
  72. package/dist/components/toggle/toggle.d.ts +0 -10
  73. package/dist/components/tooltip/tooltip.d.ts +0 -15
  74. package/dist/lib/clear-button.d.ts +0 -5
  75. package/dist/lib/icons.d.ts +0 -3
  76. package/dist/lib/pagination.d.ts +0 -71
  77. package/dist/renderer/contract.d.ts +0 -12
  78. package/dist/renderer/index.d.ts +0 -10
  79. package/dist/styles/make-styles.d.ts +0 -37
  80. package/dist/tokens/core.generated.d.ts +0 -3
  81. package/dist/tokens/install.d.ts +0 -38
  82. package/dist/tokens/palette.generated.d.ts +0 -3
@@ -1,17 +0,0 @@
1
- import * as React from "react";
2
- import { type TablePaginationLabels } from "../table/table-pagination";
3
- export type DataTablePaginationProps = {
4
- /** Available page size options */
5
- pageSizeOptions?: number[];
6
- /** Number of sibling pages to show on each side of current page */
7
- siblingCount?: number;
8
- /** Labels for i18n. See TablePaginationLabels for available options. */
9
- labels?: TablePaginationLabels;
10
- /** Additional class name */
11
- className?: string;
12
- };
13
- /**
14
- * Pagination component that integrates with DataTable's Tanstack Table instance.
15
- * Must be used within a DataTable component.
16
- */
17
- export declare const DataTablePagination: React.ForwardRefExoticComponent<DataTablePaginationProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,17 +0,0 @@
1
- import type { Column, Table } from "@tanstack/react-table";
2
- export type PinningPosition = "left" | "right" | false;
3
- /**
4
- * Calculate the sticky offset for a pinned column based on the widths
5
- * of columns pinned before it.
6
- */
7
- export declare function getPinnedColumnOffset<TData>(column: Column<TData, unknown>, table: Table<TData>): number;
8
- /**
9
- * Check if this column is the last pinned column on the left side.
10
- * Used for applying shadow separator on the right edge.
11
- */
12
- export declare function isLastLeftPinnedColumn<TData>(column: Column<TData, unknown>, table: Table<TData>): boolean;
13
- /**
14
- * Check if this column is the first pinned column on the right side.
15
- * Used for applying shadow separator on the left edge.
16
- */
17
- export declare function isFirstRightPinnedColumn<TData>(column: Column<TData, unknown>, table: Table<TData>): boolean;
@@ -1,14 +0,0 @@
1
- import * as React from "react";
2
- import type { CSSProperties } from "react";
3
- import type { Row } from "@tanstack/react-table";
4
- export type DataTableRowProps<TData> = {
5
- /** The row instance from TanStack Table */
6
- row: Row<TData>;
7
- /** Optional style (used for virtualized row heights) */
8
- style?: CSSProperties;
9
- /** Additional class name */
10
- className?: string;
11
- };
12
- export declare const DataTableRow: <TData>(props: DataTableRowProps<TData> & {
13
- ref?: React.Ref<HTMLTableRowElement>;
14
- }) => React.ReactElement | null;
@@ -1,7 +0,0 @@
1
- import * as React from "react";
2
- export type DataTableToolbarProps = React.ComponentProps<"div">;
3
- /**
4
- * A toolbar wrapper for DataTable that contains filters, search, and actions.
5
- * Place above the table for consistent layout.
6
- */
7
- export declare const DataTableToolbar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -1,92 +0,0 @@
1
- import * as React from "react";
2
- import type { ReactNode, MouseEvent } from "react";
3
- import { type SortingState, type RowSelectionState, type ColumnFiltersState, type VisibilityState, type ColumnDef, type Row, type ColumnSizingState, type ColumnPinningState } from "@tanstack/react-table";
4
- import { type TableDensity } from "../table/table";
5
- import { type DataTablePaginationConfig, type DataTableCellOverflow } from "./data-table-context";
6
- export type DataTableProps<TData> = {
7
- /** Column definitions */
8
- columns: ColumnDef<TData, unknown>[];
9
- /** Data array */
10
- data: TData[];
11
- /** Children rendered inside the context (DataTableContent, DataTablePagination, etc.) */
12
- children?: ReactNode;
13
- /** Unique key accessor for each row */
14
- getRowId?: (row: TData) => string;
15
- /** Enable row selection with checkboxes */
16
- enableRowSelection?: boolean | ((row: Row<TData>) => boolean);
17
- /** Enable column sorting */
18
- enableSorting?: boolean;
19
- /** Skip client-side sorting (for server-side sorting). When true, sorting state is tracked but rows are not sorted client-side. */
20
- manualSorting?: boolean;
21
- /** Enable column filtering */
22
- enableFiltering?: boolean;
23
- /** Skip client-side filtering (for server-side filtering). When true, filter state is tracked but rows are not filtered client-side. */
24
- manualFiltering?: boolean;
25
- /** Enable global search/filter */
26
- enableGlobalFilter?: boolean;
27
- /** Pagination configuration */
28
- pagination?: DataTablePaginationConfig;
29
- /** Controlled sorting state */
30
- sorting?: SortingState;
31
- /** Callback when sorting changes */
32
- onSortingChange?: (sorting: SortingState) => void;
33
- /** Default sorting state */
34
- defaultSorting?: SortingState;
35
- /** Controlled row selection state */
36
- rowSelection?: RowSelectionState;
37
- /** Callback when row selection changes */
38
- onRowSelectionChange?: (selection: RowSelectionState) => void;
39
- /** Default row selection state */
40
- defaultRowSelection?: RowSelectionState;
41
- /** Controlled column filters state */
42
- columnFilters?: ColumnFiltersState;
43
- /** Callback when column filters change */
44
- onColumnFiltersChange?: (filters: ColumnFiltersState) => void;
45
- /** Controlled column visibility state */
46
- columnVisibility?: VisibilityState;
47
- /** Callback when column visibility changes */
48
- onColumnVisibilityChange?: (visibility: VisibilityState) => void;
49
- /** Controlled global filter value */
50
- globalFilter?: string;
51
- /** Callback when global filter changes */
52
- onGlobalFilterChange?: (value: string) => void;
53
- /** Handler called when a row is clicked. Enables clickable row mode. */
54
- onRowClick?: (row: Row<TData>, event: MouseEvent<HTMLTableRowElement>) => void;
55
- /** Custom hover class for clickable rows. Default: 'hover:bg-accent-a3' */
56
- clickableRowClassName?: string;
57
- /** Custom class for selected rows. Default: 'data-[state=selected]:bg-accent-a3' */
58
- selectedRowClassName?: string;
59
- /** Controls how cell content handles overflow. 'grow' expands cells (default), 'wrap' wraps text, 'truncate' shows ellipsis. Can be overridden per-column via column meta. */
60
- cellOverflow?: DataTableCellOverflow;
61
- /** Disable column width resizing (enabled by default) */
62
- disableColumnResizing?: boolean;
63
- /** Resize mode: 'onChange' updates during drag, 'onEnd' updates when drag finishes. Default: 'onChange' */
64
- columnResizeMode?: "onChange" | "onEnd";
65
- /** Controlled column sizing state */
66
- columnSizing?: ColumnSizingState;
67
- /** Callback when column sizing changes */
68
- onColumnSizingChange?: (sizing: ColumnSizingState) => void;
69
- /** Default column sizing for uncontrolled mode */
70
- defaultColumnSizing?: ColumnSizingState;
71
- /** Controlled column pinning state */
72
- columnPinning?: ColumnPinningState;
73
- /** Callback when column pinning changes */
74
- onColumnPinningChange?: (pinning: ColumnPinningState) => void;
75
- /** Default column pinning for uncontrolled mode */
76
- defaultColumnPinning?: ColumnPinningState;
77
- /** Auto-pin selection column to left when rows are selected. Default: false */
78
- autoPinSelection?: boolean;
79
- /** Show bottom border on header row. Default: true */
80
- showHeaderBorder?: boolean;
81
- /** Show bottom borders on data rows. Default: true */
82
- showRowBorders?: boolean;
83
- /** Ensure columns have minimum width to fit header content (prevents hover clipping on sortable headers). Default: false */
84
- fitHeaderWidth?: boolean;
85
- /** Cell density: compact, normal, or comfortable. Default: normal */
86
- density?: TableDensity;
87
- /** Additional class name */
88
- className?: string;
89
- };
90
- export declare const DataTable: <TData>(props: DataTableProps<TData> & {
91
- ref?: React.Ref<HTMLDivElement>;
92
- }) => React.ReactElement | null;
@@ -1,18 +0,0 @@
1
- import type { RowSelectionState } from "@tanstack/react-table";
2
- /**
3
- * Extracts selected row data from a row selection state.
4
- *
5
- * @param rowSelection - The selection state from DataTable (controlled via rowSelection prop)
6
- * @param data - Your data array
7
- * @param getRowId - Optional ID accessor function (defaults to `row.id`)
8
- * @returns Array of selected data items
9
- *
10
- * @example
11
- * ```tsx
12
- * const selectedData = useMemo(
13
- * () => getSelectedRowData(rowSelection, data),
14
- * [rowSelection, data]
15
- * )
16
- * ```
17
- */
18
- export declare function getSelectedRowData<TData>(rowSelection: RowSelectionState, data: TData[], getRowId?: (row: TData) => string): TData[];
@@ -1,2 +0,0 @@
1
- export { useDataTable } from "./use-data-table";
2
- export { useDataTableContent } from "./use-data-table-content";
@@ -1 +0,0 @@
1
- export declare function useDataTableContent(): import("../data-table-context").DataTableContentContextValue;
@@ -1,2 +0,0 @@
1
- import { type DataTableContextValue } from "../data-table-context";
2
- export declare function useDataTable<TData>(): DataTableContextValue<TData>;
@@ -1,2 +0,0 @@
1
- export { formatDateTimeDisplay, parseDateTimeInput, isDateInRange, normalizeRange, } from "../date-time-picker/date-time-picker-utils";
2
- export type { DateTimePickerLocale, DateRange, } from "../date-time-picker/date-time-picker-utils";
@@ -1,34 +0,0 @@
1
- import * as React from "react";
2
- import { RangeCalendar } from "./range-calendar";
3
- import type { RangeCalendarProps } from "./range-calendar";
4
- import type { DateRange, DateTimePickerLocale } from "./date-range-picker-utils";
5
- export type DateRangePreset = {
6
- label: string;
7
- getValue: () => DateRange;
8
- };
9
- export type DateRangePickerProps = {
10
- value: DateRange;
11
- onChange: (range: DateRange) => void;
12
- onBlur?: () => void;
13
- disabled?: boolean;
14
- disablePast?: boolean;
15
- label?: string;
16
- error?: string;
17
- startPlaceholder?: string;
18
- endPlaceholder?: string;
19
- format?: string;
20
- locale?: DateTimePickerLocale;
21
- className?: string;
22
- keyboardIcon?: React.ReactNode;
23
- inputAriaLabel?: string;
24
- openPickerAriaLabel?: string;
25
- previousMonthLabel?: string;
26
- nextMonthLabel?: string;
27
- testId?: string;
28
- currentTimeInTimezone?: Date;
29
- showWeekNumbers?: boolean;
30
- presets?: DateRangePreset[];
31
- };
32
- export declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
33
- export { RangeCalendar };
34
- export type { RangeCalendarProps, DateRange, DateTimePickerLocale };
@@ -1,15 +0,0 @@
1
- import * as React from "react";
2
- import type { DateRange, DateTimePickerLocale } from "./date-range-picker-utils";
3
- export type RangeCalendarProps = {
4
- value: DateRange;
5
- onChange: (range: DateRange) => void;
6
- onRangeComplete?: (range: DateRange) => void;
7
- disablePast?: boolean;
8
- locale?: DateTimePickerLocale;
9
- previousMonthLabel?: string;
10
- nextMonthLabel?: string;
11
- currentTimeInTimezone?: Date;
12
- showWeekNumbers?: boolean;
13
- className?: string;
14
- };
15
- export declare const RangeCalendar: React.ForwardRefExoticComponent<RangeCalendarProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,28 +0,0 @@
1
- import * as React from "react";
2
- import type { DateTimePickerLocale } from "./date-time-picker-utils";
3
- export type CalendarView = "days" | "months" | "years";
4
- export type CalendarProps = {
5
- value: Date | null;
6
- onChange: (date: Date) => void;
7
- onDateSelect?: () => void;
8
- disablePast?: boolean;
9
- locale?: DateTimePickerLocale;
10
- previousMonthLabel?: string;
11
- nextMonthLabel?: string;
12
- showTodayButton?: boolean;
13
- todayLabel?: string;
14
- currentTimeInTimezone?: Date;
15
- showWeekNumbers?: boolean;
16
- rangeStart?: Date | null;
17
- rangeEnd?: Date | null;
18
- hoveredDate?: Date | null;
19
- onDayHover?: (day: Date | null) => void;
20
- onDayClick?: (day: Date) => void;
21
- showPreviousButton?: boolean;
22
- showNextButton?: boolean;
23
- controlledViewDate?: Date;
24
- onViewDateChange?: (date: Date) => void;
25
- hideOutOfMonthDays?: boolean;
26
- className?: string;
27
- };
28
- export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,39 +0,0 @@
1
- import * as React from "react";
2
- import type { DateTimePickerLocale } from "./date-time-picker-utils";
3
- export type DateTimePickerContextValue = {
4
- value: Date | null;
5
- tempValue: Date | null;
6
- inputValue: string;
7
- isOpen: boolean;
8
- format: string;
9
- locale: DateTimePickerLocale;
10
- disabled: boolean;
11
- disablePast: boolean;
12
- currentTimeInTimezone?: Date;
13
- onChange: (date: Date | null) => void;
14
- onBlur?: () => void;
15
- setIsOpen: (open: boolean) => void;
16
- setTempValue: (date: Date | null) => void;
17
- setInputValue: (value: string) => void;
18
- confirm: () => void;
19
- cancel: () => void;
20
- handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
21
- handleInputBlur: () => void;
22
- handleDateChange: (date: Date) => void;
23
- };
24
- export declare const useDateTimePickerContext: () => DateTimePickerContextValue;
25
- export type DateTimePickerRootProps = {
26
- value: Date | null;
27
- onChange: (date: Date | null) => void;
28
- onBlur?: () => void;
29
- format?: string;
30
- locale?: DateTimePickerLocale;
31
- disabled?: boolean;
32
- disablePast?: boolean;
33
- currentTimeInTimezone?: Date;
34
- children: React.ReactNode;
35
- };
36
- /**
37
- * @no-host-element Context provider only, renders no DOM element.
38
- */
39
- export declare const DateTimePickerRoot: ({ value, onChange, onBlur, format: formatStr, locale, disabled, disablePast, currentTimeInTimezone, children, }: DateTimePickerRootProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,13 +0,0 @@
1
- import * as React from "react";
2
- export type DateTimePickerInputProps = {
3
- editable?: boolean;
4
- iconPosition?: "start" | "end";
5
- placeholder?: string;
6
- inputAriaLabel?: string;
7
- openPickerAriaLabel?: string;
8
- keyboardIcon?: React.ReactNode;
9
- testId?: string;
10
- className?: string;
11
- disabled?: boolean;
12
- };
13
- export declare const DateTimePickerInput: React.ForwardRefExoticComponent<DateTimePickerInputProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,15 +0,0 @@
1
- import * as React from "react";
2
- export type DateTimePickerPanelProps = {
3
- showTimePicker?: boolean;
4
- timePickerPosition?: "bottom" | "side";
5
- okLabel?: string;
6
- cancelLabel?: string;
7
- previousMonthLabel?: string;
8
- nextMonthLabel?: string;
9
- showTodayButton?: boolean;
10
- todayLabel?: string;
11
- showWeekNumbers?: boolean;
12
- className?: string;
13
- minuteStep?: number;
14
- };
15
- export declare const DateTimePickerPanel: React.ForwardRefExoticComponent<DateTimePickerPanelProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,6 +0,0 @@
1
- import * as React from "react";
2
- export type DateTimePickerPopoverProps = {
3
- children: React.ReactNode;
4
- modal?: boolean;
5
- };
6
- export declare const DateTimePickerPopover: React.ForwardRefExoticComponent<DateTimePickerPopoverProps & React.RefAttributes<HTMLElement>>;
@@ -1,37 +0,0 @@
1
- export type DateTimePickerLocale = "en" | "de" | "fr";
2
- declare const getLocale: (locale?: DateTimePickerLocale) => import("date-fns").Locale;
3
- declare const getWeekDays: (locale?: DateTimePickerLocale) => string[];
4
- declare const getCalendarDays: (date: Date, locale?: DateTimePickerLocale) => import("date-fns").EachDayOfIntervalResult<{
5
- start: Date;
6
- end: Date;
7
- }, undefined>;
8
- declare const formatMonthYear: (date: Date, locale?: DateTimePickerLocale) => string;
9
- declare const formatMonth: (date: Date, locale?: DateTimePickerLocale) => string;
10
- declare const formatDateTimeDisplay: (date: Date, formatStr?: string, locale?: DateTimePickerLocale) => string;
11
- declare const parseDateTimeInput: (input: string, formatStr?: string, locale?: DateTimePickerLocale) => Date | null;
12
- declare const isDateDisabled: (date: Date, disablePast?: boolean, now?: Date) => boolean;
13
- declare const isDayInCurrentMonth: (day: Date, currentMonth: Date) => boolean;
14
- declare const isDaySelected: (day: Date, selectedDate: Date) => boolean;
15
- declare const isDayToday: (day: Date) => boolean;
16
- declare const goToPreviousMonth: (date: Date) => Date;
17
- declare const goToNextMonth: (date: Date) => Date;
18
- declare const updateTime: (date: Date, hours: number, minutes: number) => Date;
19
- declare const getHours: (date: Date) => number;
20
- declare const getMinutes: (date: Date) => number;
21
- declare const padNumber: (num: number) => string;
22
- declare const getMonthNames: (locale?: DateTimePickerLocale) => string[];
23
- declare const getDecadeStart: (year: number) => number;
24
- declare const getWeekNumber: (date: Date) => number;
25
- declare const getWeekLabel: (locale?: DateTimePickerLocale) => string;
26
- declare const adjustTimeIfPast: (date: Date, disablePast?: boolean, currentTimeInTimezone?: Date) => Date;
27
- type DateRange = {
28
- start: Date | null;
29
- end: Date | null;
30
- };
31
- declare const isDateInRange: (day: Date, start: Date, end: Date) => boolean;
32
- declare const normalizeRange: (start: Date, end: Date) => {
33
- start: Date;
34
- end: Date;
35
- };
36
- export { getLocale, getWeekDays, getCalendarDays, formatMonthYear, formatMonth, formatDateTimeDisplay, parseDateTimeInput, isDateDisabled, isDayInCurrentMonth, isDaySelected, isDayToday, goToPreviousMonth, goToNextMonth, updateTime, getHours, getMinutes, padNumber, getMonthNames, getDecadeStart, getWeekNumber, getWeekLabel, adjustTimeIfPast, isDateInRange, normalizeRange, };
37
- export type { DateRange };
@@ -1,47 +0,0 @@
1
- import * as React from "react";
2
- import { DateTimePickerRoot } from "./date-time-picker-context";
3
- import type { DateTimePickerRootProps } from "./date-time-picker-context";
4
- import { DateTimePickerInput } from "./date-time-picker-input";
5
- import type { DateTimePickerInputProps } from "./date-time-picker-input";
6
- import { DateTimePickerPopover } from "./date-time-picker-popover";
7
- import type { DateTimePickerPopoverProps } from "./date-time-picker-popover";
8
- import { DateTimePickerPanel } from "./date-time-picker-panel";
9
- import type { DateTimePickerPanelProps } from "./date-time-picker-panel";
10
- import { Calendar } from "./calendar";
11
- import type { CalendarProps } from "./calendar";
12
- import { TimePicker } from "./time-picker";
13
- import type { TimePickerProps } from "./time-picker";
14
- import type { DateTimePickerLocale } from "./date-time-picker-utils";
15
- type DateTimePickerProps = {
16
- value: Date | null;
17
- onChange: (date: Date | null) => void;
18
- onBlur?: () => void;
19
- disabled?: boolean;
20
- disablePast?: boolean;
21
- label?: string;
22
- error?: string;
23
- placeholder?: string;
24
- format?: string;
25
- locale?: DateTimePickerLocale;
26
- className?: string;
27
- keyboardIcon?: React.ReactNode;
28
- okLabel?: string;
29
- cancelLabel?: string;
30
- inputAriaLabel?: string;
31
- openPickerAriaLabel?: string;
32
- previousMonthLabel?: string;
33
- nextMonthLabel?: string;
34
- showTodayButton?: boolean;
35
- todayLabel?: string;
36
- showWeekNumbers?: boolean;
37
- testId?: string;
38
- currentTimeInTimezone?: Date;
39
- timePickerPosition?: "bottom" | "side";
40
- showTimePicker?: boolean;
41
- editable?: boolean;
42
- iconPosition?: "start" | "end";
43
- minuteStep?: number;
44
- };
45
- declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<HTMLDivElement>>;
46
- export { DateTimePicker, DateTimePickerRoot, DateTimePickerInput, DateTimePickerPopover, DateTimePickerPanel, Calendar, TimePicker, };
47
- export type { DateTimePickerProps, DateTimePickerRootProps, DateTimePickerInputProps, DateTimePickerPopoverProps, DateTimePickerPanelProps, CalendarProps, TimePickerProps, DateTimePickerLocale, };
@@ -1,12 +0,0 @@
1
- import * as React from "react";
2
- export type TimePickerProps = {
3
- value: Date | null;
4
- onChange: (date: Date) => void;
5
- onTimeSelect?: () => void;
6
- disablePast?: boolean;
7
- currentTimeInTimezone?: Date;
8
- fillHeight?: boolean;
9
- minuteStep?: number;
10
- className?: string;
11
- };
12
- export declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,27 +0,0 @@
1
- import * as React from "react";
2
- import * as DialogPrimitive from "@radix-ui/react-dialog";
3
- export type DialogProps = React.ComponentProps<typeof DialogPrimitive.Root>;
4
- export declare const Dialog: React.ForwardRefExoticComponent<DialogPrimitive.DialogProps & React.RefAttributes<HTMLElement>>;
5
- export type DialogTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;
6
- export declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
7
- export type DialogPortalProps = React.ComponentProps<typeof DialogPrimitive.Portal>;
8
- export declare const DialogPortal: React.ForwardRefExoticComponent<DialogPrimitive.DialogPortalProps & React.RefAttributes<HTMLElement>>;
9
- export type DialogOverlayProps = React.ComponentProps<typeof DialogPrimitive.Overlay>;
10
- export declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
11
- export type DialogContentSize = "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full-width";
12
- export type DialogContentProps = React.ComponentProps<typeof DialogPrimitive.Content> & {
13
- showCloseButton?: boolean;
14
- size?: DialogContentSize;
15
- flush?: boolean;
16
- };
17
- export declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
18
- export type DialogCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;
19
- export declare const DialogClose: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
20
- export type DialogHeaderProps = React.ComponentProps<"div">;
21
- export declare const DialogHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
22
- export type DialogFooterProps = React.ComponentProps<"div">;
23
- export declare const DialogFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
24
- export type DialogTitleProps = React.ComponentProps<typeof DialogPrimitive.Title>;
25
- export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
26
- export type DialogDescriptionProps = React.ComponentProps<typeof DialogPrimitive.Description>;
27
- export declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
@@ -1,27 +0,0 @@
1
- import * as React from "react";
2
- import * as DialogPrimitive from "@radix-ui/react-dialog";
3
- export type DrawerProps = React.ComponentProps<typeof DialogPrimitive.Root>;
4
- export declare const Drawer: React.ForwardRefExoticComponent<DialogPrimitive.DialogProps & React.RefAttributes<HTMLElement>>;
5
- export type DrawerTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;
6
- export declare const DrawerTrigger: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
7
- export type DrawerPortalProps = React.ComponentProps<typeof DialogPrimitive.Portal>;
8
- export declare const DrawerPortal: React.ForwardRefExoticComponent<DialogPrimitive.DialogPortalProps & React.RefAttributes<HTMLElement>>;
9
- export type DrawerOverlayProps = React.ComponentProps<typeof DialogPrimitive.Overlay>;
10
- export declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
11
- export type DrawerSide = "left" | "right" | "top" | "bottom";
12
- export type DrawerContentProps = React.ComponentProps<typeof DialogPrimitive.Content> & {
13
- showCloseButton?: boolean;
14
- side?: DrawerSide;
15
- flush?: boolean;
16
- };
17
- export declare const DrawerContent: React.ForwardRefExoticComponent<Omit<DrawerContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
18
- export type DrawerCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;
19
- export declare const DrawerClose: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
20
- export type DrawerHeaderProps = React.ComponentProps<"div">;
21
- export declare const DrawerHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
22
- export type DrawerFooterProps = React.ComponentProps<"div">;
23
- export declare const DrawerFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
24
- export type DrawerTitleProps = React.ComponentProps<typeof DialogPrimitive.Title>;
25
- export declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
26
- export type DrawerDescriptionProps = React.ComponentProps<typeof DialogPrimitive.Description>;
27
- export declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
@@ -1,41 +0,0 @@
1
- import * as React from "react";
2
- import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
3
- export type DropdownMenuProps = React.ComponentProps<typeof DropdownMenuPrimitive.Root>;
4
- export declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuProps & React.RefAttributes<HTMLElement>>;
5
- export type DropdownMenuTriggerProps = React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>;
6
- export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
7
- export type DropdownMenuGroupProps = React.ComponentProps<typeof DropdownMenuPrimitive.Group>;
8
- export declare const DropdownMenuGroup: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
9
- export type DropdownMenuPortalProps = React.ComponentProps<typeof DropdownMenuPrimitive.Portal>;
10
- export declare const DropdownMenuPortal: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuPortalProps & React.RefAttributes<HTMLElement>>;
11
- export type DropdownMenuSubProps = React.ComponentProps<typeof DropdownMenuPrimitive.Sub>;
12
- export declare const DropdownMenuSub: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSubProps & React.RefAttributes<HTMLElement>>;
13
- export type DropdownMenuRadioGroupProps = React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>;
14
- export declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
15
- export type DropdownMenuSubTriggerProps = React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
16
- inset?: boolean;
17
- };
18
- export declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuSubTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
19
- export type DropdownMenuSubContentProps = React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
20
- export declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
21
- export type DropdownMenuContentProps = React.ComponentProps<typeof DropdownMenuPrimitive.Content> & {
22
- container?: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>["container"];
23
- };
24
- export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
25
- export type DropdownMenuItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
26
- inset?: boolean;
27
- destructive?: boolean;
28
- };
29
- export declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
30
- export type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>;
31
- export declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
32
- export type DropdownMenuRadioItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>;
33
- export declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
34
- export type DropdownMenuLabelProps = React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
35
- inset?: boolean;
36
- };
37
- export declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
38
- export type DropdownMenuSeparatorProps = React.ComponentProps<typeof DropdownMenuPrimitive.Separator>;
39
- export declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
40
- export type DropdownMenuShortcutProps = React.ComponentProps<"span">;
41
- export declare const DropdownMenuShortcut: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;