@dimaan/ui 0.0.15 → 0.0.17

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.
package/dist/index.d.ts CHANGED
@@ -1,14 +1,164 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
- import { HTMLAttributes, ReactNode, ButtonHTMLAttributes, ReactElement, InputHTMLAttributes, ChangeEvent, ComponentPropsWithoutRef, FormEventHandler, FieldsetHTMLAttributes, Ref, TextareaHTMLAttributes } from 'react';
3
+ import { ComponentPropsWithoutRef, HTMLAttributes, ReactNode, ButtonHTMLAttributes, ReactElement, InputHTMLAttributes, ChangeEvent, FormEventHandler, FieldsetHTMLAttributes, Ref, TextareaHTMLAttributes } from 'react';
4
+ import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
4
5
  import { LinkProps } from 'react-router-dom';
5
6
  import { Locale } from 'react-day-picker';
6
7
  import * as RadixDialog from '@radix-ui/react-dialog';
7
8
  import * as RadixDropdown from '@radix-ui/react-dropdown-menu';
8
9
  import { FieldValues, FieldPath, Control } from 'react-hook-form';
9
10
  import * as RadixRadioGroup from '@radix-ui/react-radio-group';
11
+ import { ToasterProps as ToasterProps$1 } from 'sonner';
12
+ export { ExternalToast as ToastOptions, ToastT, toast } from 'sonner';
13
+ import * as RadixTooltip from '@radix-ui/react-tooltip';
10
14
  import { ClassValue } from 'clsx';
11
15
 
16
+ /**
17
+ * Destructive-confirm dialog built on `@radix-ui/react-alert-dialog`. Same
18
+ * visual surface as `Dialog`, but with stricter dismissal UX:
19
+ *
20
+ * - **Click-outside does NOT close** — users must press Cancel or Action.
21
+ * This is the canonical "are you sure?" pattern.
22
+ * - **No default × close button** — both exits are explicit through the
23
+ * footer buttons.
24
+ * - **Description is required** for accessibility — Radix throws a console
25
+ * warning if `AlertDialogDescription` is missing.
26
+ *
27
+ * Use for destructive confirmations (delete, archive, revoke). For neutral
28
+ * forms / modals use `Dialog` instead.
29
+ *
30
+ * @example Delete confirmation
31
+ * ```tsx
32
+ * <AlertDialog>
33
+ * <AlertDialogTrigger asChild>
34
+ * <Button variant="destructive">
35
+ * <Trash2 />
36
+ * Delete user
37
+ * </Button>
38
+ * </AlertDialogTrigger>
39
+ * <AlertDialogContent>
40
+ * <AlertDialogHeader>
41
+ * <AlertDialogTitle>Delete this user?</AlertDialogTitle>
42
+ * <AlertDialogDescription>
43
+ * This will permanently remove the account. This action cannot be undone.
44
+ * </AlertDialogDescription>
45
+ * </AlertDialogHeader>
46
+ * <AlertDialogFooter>
47
+ * <AlertDialogCancel asChild>
48
+ * <Button variant="outline">Cancel</Button>
49
+ * </AlertDialogCancel>
50
+ * <AlertDialogAction asChild>
51
+ * <Button variant="destructive" onClick={handleDelete}>Delete</Button>
52
+ * </AlertDialogAction>
53
+ * </AlertDialogFooter>
54
+ * </AlertDialogContent>
55
+ * </AlertDialog>
56
+ * ```
57
+ */
58
+ declare const AlertDialog: react.FC<RadixAlertDialog.AlertDialogProps>;
59
+ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<RadixAlertDialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
60
+ declare const AlertDialogPortal: react.FC<RadixAlertDialog.AlertDialogPortalProps>;
61
+ /**
62
+ * Confirm button. Wraps any element via `asChild` — pair with our `<Button>` for
63
+ * full styling. Closes the dialog when clicked.
64
+ */
65
+ declare const AlertDialogAction: react.ForwardRefExoticComponent<RadixAlertDialog.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>>;
66
+ /**
67
+ * Cancel button. Wraps any element via `asChild` — pair with our `<Button>` for
68
+ * full styling. Closes the dialog when clicked. Also the default focus target
69
+ * when the dialog opens.
70
+ */
71
+ declare const AlertDialogCancel: react.ForwardRefExoticComponent<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>>;
72
+ interface AlertDialogOverlayProps extends ComponentPropsWithoutRef<typeof RadixAlertDialog.Overlay> {
73
+ }
74
+ declare const AlertDialogOverlay: react.ForwardRefExoticComponent<AlertDialogOverlayProps & react.RefAttributes<HTMLDivElement>>;
75
+ interface AlertDialogContentProps extends ComponentPropsWithoutRef<typeof RadixAlertDialog.Content> {
76
+ }
77
+ declare const AlertDialogContent: react.ForwardRefExoticComponent<AlertDialogContentProps & react.RefAttributes<HTMLDivElement>>;
78
+ interface AlertDialogHeaderProps extends HTMLAttributes<HTMLDivElement> {
79
+ children: ReactNode;
80
+ }
81
+ declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): react_jsx_runtime.JSX.Element;
82
+ interface AlertDialogFooterProps extends HTMLAttributes<HTMLDivElement> {
83
+ children: ReactNode;
84
+ }
85
+ declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): react_jsx_runtime.JSX.Element;
86
+ interface AlertDialogTitleProps extends ComponentPropsWithoutRef<typeof RadixAlertDialog.Title> {
87
+ }
88
+ declare const AlertDialogTitle: react.ForwardRefExoticComponent<AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
89
+ type AlertDialogDescriptionProps = ComponentPropsWithoutRef<typeof RadixAlertDialog.Description>;
90
+ declare const AlertDialogDescription: react.ForwardRefExoticComponent<Omit<RadixAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
91
+
92
+ interface ConfirmOptions {
93
+ /** Question / strong statement at the top of the dialog. */
94
+ title: ReactNode;
95
+ /** Optional secondary line — explain consequences. Strongly recommended. */
96
+ description?: ReactNode;
97
+ /** Confirm button label. Falls back to provider's `labels.confirm` then `'Confirm'`. */
98
+ confirmLabel?: ReactNode;
99
+ /** Cancel button label. Falls back to provider's `labels.cancel` then `'Cancel'`. */
100
+ cancelLabel?: ReactNode;
101
+ /** Render the confirm button with the destructive variant. Use for delete/revoke. */
102
+ destructive?: boolean;
103
+ }
104
+ interface ConfirmDialogLabels {
105
+ confirm?: ReactNode;
106
+ cancel?: ReactNode;
107
+ }
108
+ interface ConfirmDialogProviderProps {
109
+ /**
110
+ * Global default labels — typically wired to the consumer's i18n strings so
111
+ * every `confirm(...)` call doesn't have to pass `cancelLabel` / `confirmLabel`.
112
+ */
113
+ labels?: ConfirmDialogLabels;
114
+ children: ReactNode;
115
+ }
116
+ type ConfirmFn = (options: ConfirmOptions) => Promise<boolean>;
117
+ /**
118
+ * App-level provider for the imperative confirm dialog. Mount **once** at the
119
+ * app root (next to `<Toaster />`); every descendant can then call
120
+ * `useConfirm()` and trigger a destructive-confirm dialog in a single line.
121
+ *
122
+ * @example Mount at the app root
123
+ * ```tsx
124
+ * <AppShell brand={…} nav={…}>
125
+ * <ConfirmDialogProvider labels={{ confirm: t.confirm, cancel: t.cancel }}>
126
+ * <Routes>…</Routes>
127
+ * </ConfirmDialogProvider>
128
+ * <Toaster />
129
+ * </AppShell>
130
+ * ```
131
+ *
132
+ * @example One-line confirm from anywhere
133
+ * ```tsx
134
+ * function UserRow({ user }: { user: User }) {
135
+ * const confirm = useConfirm();
136
+ *
137
+ * async function handleDelete() {
138
+ * const ok = await confirm({
139
+ * title: 'Delete this user?',
140
+ * description: 'This action cannot be undone.',
141
+ * confirmLabel: 'Delete',
142
+ * destructive: true,
143
+ * });
144
+ * if (!ok) return;
145
+ * deleteUser(user.id);
146
+ * toast.success('User deleted');
147
+ * }
148
+ *
149
+ * return <Button variant="destructive" onClick={handleDelete}>Delete</Button>;
150
+ * }
151
+ * ```
152
+ */
153
+ declare function ConfirmDialogProvider({ labels, children }: ConfirmDialogProviderProps): react_jsx_runtime.JSX.Element;
154
+ /**
155
+ * Hook returning a `confirm(options)` function. Resolves `true` when the user
156
+ * presses the confirm button, `false` for cancel / Escape / overlay dismiss.
157
+ *
158
+ * Must be called from inside a `<ConfirmDialogProvider>`.
159
+ */
160
+ declare function useConfirm(): ConfirmFn;
161
+
12
162
  interface DashboardLayoutContextValue {
13
163
  collapsed: boolean;
14
164
  setCollapsed: (next: boolean) => void;
@@ -1750,9 +1900,161 @@ interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>
1750
1900
  */
1751
1901
  declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
1752
1902
 
1903
+ interface ToasterProps extends ToasterProps$1 {
1904
+ }
1905
+ /**
1906
+ * Toast host. Render **once** at the app root (typically inside or next to
1907
+ * `<AppShell>`) — every subsequent call to `toast(...)` from anywhere in the
1908
+ * tree pops a notification through this single host. Built on
1909
+ * [`sonner`](https://sonner.emilkowal.ski).
1910
+ *
1911
+ * Defaults tuned for dashboards:
1912
+ * - `position` flips with `<html dir>`: bottom-right in LTR, bottom-left in RTL.
1913
+ * - `richColors` enabled so success / error / warning / info pick up the kit's
1914
+ * feedback tokens automatically.
1915
+ * - `closeButton` enabled so users can dismiss without waiting for the timer.
1916
+ * - `duration` 4 s (sonner default). Override per-call via `toast(msg, { duration })`.
1917
+ *
1918
+ * Override any of the above via props — the wrapper is a thin pass-through.
1919
+ *
1920
+ * @example Mount at the app root
1921
+ * ```tsx
1922
+ * import { AppShell, Toaster, toast } from '@dimaan/ui';
1923
+ *
1924
+ * function App() {
1925
+ * return (
1926
+ * <AppShell brand={…} nav={…}>
1927
+ * <Routes>…</Routes>
1928
+ * <Toaster />
1929
+ * </AppShell>
1930
+ * );
1931
+ * }
1932
+ * ```
1933
+ *
1934
+ * @example Fire toasts from anywhere
1935
+ * ```tsx
1936
+ * import { toast } from '@dimaan/ui';
1937
+ *
1938
+ * toast.success('Saved');
1939
+ * toast.error('Failed to save', { description: 'Try again.' });
1940
+ * toast.promise(saveUser(), {
1941
+ * loading: 'Saving…',
1942
+ * success: 'Saved',
1943
+ * error: 'Failed to save',
1944
+ * });
1945
+ * ```
1946
+ */
1947
+ declare function Toaster(props: ToasterProps): react_jsx_runtime.JSX.Element;
1948
+
1949
+ /**
1950
+ * Tailwind class names mapped onto sonner's `toastOptions.classNames` slots.
1951
+ * Every entry uses our design tokens so toasts pick up the kit's theme
1952
+ * automatically.
1953
+ */
1954
+ declare const toastClassNames: {
1955
+ toast: string;
1956
+ title: string;
1957
+ description: string;
1958
+ actionButton: string;
1959
+ cancelButton: string;
1960
+ closeButton: string;
1961
+ icon: string;
1962
+ content: string;
1963
+ success: string;
1964
+ error: string;
1965
+ warning: string;
1966
+ info: string;
1967
+ };
1968
+
1969
+ interface TooltipProviderProps extends ComponentPropsWithoutRef<typeof RadixTooltip.Provider> {
1970
+ }
1971
+ /**
1972
+ * App-level provider that coordinates show / hide delays across every
1973
+ * `<Tooltip>` in the tree. Mount **once** at the app root — typically next to
1974
+ * `<Toaster />` and `<ConfirmDialogProvider>`. Without it, individual
1975
+ * `<Tooltip>` calls fall back to Radix's per-instance defaults.
1976
+ *
1977
+ * Defaults tuned for dashboards:
1978
+ * - `delayDuration` 200 ms — fast enough to feel snappy on icon buttons but
1979
+ * slow enough to avoid the "rapid-cursor flash" effect when sweeping past.
1980
+ * - `skipDelayDuration` 300 ms — once one tooltip has shown, neighbouring
1981
+ * tooltips open instantly until the user pauses for ≥300 ms.
1982
+ *
1983
+ * @example Mount once
1984
+ * ```tsx
1985
+ * <AppShell brand={…} nav={…}>
1986
+ * <TooltipProvider>
1987
+ * <Routes>…</Routes>
1988
+ * </TooltipProvider>
1989
+ * <Toaster />
1990
+ * </AppShell>
1991
+ * ```
1992
+ */
1993
+ declare function TooltipProvider({ delayDuration, skipDelayDuration, ...props }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
1994
+ interface TooltipProps {
1995
+ /** Tooltip text or rich content. When falsy the tooltip is skipped entirely. */
1996
+ content: ReactNode;
1997
+ /** The trigger element (button / icon button / link). Rendered via `asChild`. */
1998
+ children: ReactElement;
1999
+ /** Side relative to the trigger. RTL flips automatically via the global DirectionProvider. */
2000
+ side?: 'top' | 'bottom' | 'left' | 'right';
2001
+ /** Alignment along the side axis. */
2002
+ align?: 'start' | 'center' | 'end';
2003
+ /** Override the provider-level show delay (ms). */
2004
+ delayDuration?: number;
2005
+ /** Opt-out — render the children but never show a tooltip. */
2006
+ disabled?: boolean;
2007
+ /** Controlled open state. */
2008
+ open?: boolean;
2009
+ /** Uncontrolled initial open state. */
2010
+ defaultOpen?: boolean;
2011
+ /** Fired when the open state changes. */
2012
+ onOpenChange?: (open: boolean) => void;
2013
+ /** Class applied to the content panel. */
2014
+ className?: string;
2015
+ /** Offset in pixels between the trigger and the panel. Defaults to `6`. */
2016
+ sideOffset?: number;
2017
+ }
2018
+ /**
2019
+ * Single-line wrapper that adds a hover / focus tooltip to its child. For the
2020
+ * 80% case (icon buttons, truncated labels, "what does this mean?" affordances)
2021
+ * — drop in a `<Tooltip>` and forget it.
2022
+ *
2023
+ * Hover, focus, long-press (touch), and keyboard navigation all open it; mouse
2024
+ * leave, blur, Escape, and the matching trigger event close it. The child must
2025
+ * be a single React element that forwards refs / props (any of our kit's
2026
+ * components do).
2027
+ *
2028
+ * @example Icon button
2029
+ * ```tsx
2030
+ * <Tooltip content="Edit user">
2031
+ * <Button variant="ghost" size="icon" aria-label="Edit user">
2032
+ * <Pencil />
2033
+ * </Button>
2034
+ * </Tooltip>
2035
+ * ```
2036
+ *
2037
+ * @example Skip the tooltip dynamically
2038
+ * ```tsx
2039
+ * <Tooltip content="Cannot delete a system user" disabled={!user.isSystem}>
2040
+ * <Button onClick={onDelete}>Delete</Button>
2041
+ * </Tooltip>
2042
+ * ```
2043
+ */
2044
+ declare function Tooltip({ content, children, side, align, delayDuration, disabled, open, defaultOpen, onOpenChange, className, sideOffset, }: TooltipProps): react_jsx_runtime.JSX.Element;
2045
+
2046
+ /**
2047
+ * Tooltip content panel. Small dark-ish surface with a subtle shadow and
2048
+ * the same zoom/fade animation as the rest of the kit's overlays
2049
+ * (Select, DropdownMenu, Dialog).
2050
+ */
2051
+ declare const tooltipContentClass = "z-50 max-w-xs rounded-md bg-foreground px-2.5 py-1.5 text-xs font-medium text-background shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95";
2052
+ /** Optional arrow that matches the panel surface. */
2053
+ declare const tooltipArrowClass = "fill-foreground";
2054
+
1753
2055
  type Direction = 'ltr' | 'rtl';
1754
2056
  declare function useDirection(): Direction;
1755
2057
 
1756
2058
  declare function cn(...inputs: ClassValue[]): string;
1757
2059
 
1758
- export { AppShell, type AppShellBrand, type AppShellNavGroup, type AppShellNavItem, type AppShellProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Checkbox, type CheckboxProps, type CheckboxSize, type Column, type ColumnAlign, DashboardContent, type DashboardContentProps, DashboardHeader, type DashboardHeaderProps, DashboardLayout, type DashboardLayoutContextValue, type DashboardLayoutProps, DashboardMain, type DashboardMainProps, DatePicker, type DatePickerProps, type DatePickerSize, type DatePickerVariant, DetailPage, type DetailPageLabels, type DetailPageNotFoundState, type DetailPageProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, type Direction, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuItemVariant, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuTrigger, EmptyState, type EmptyStateProps, type EmptyStateSize, Field, type FieldOrientation, type FieldProps, type FieldRHFProps, FormPage, type FormPageProps, HeaderActions, type HeaderActionsProps, HeaderCollapseTrigger, type HeaderCollapseTriggerProps, HeaderMobileTrigger, type HeaderMobileTriggerProps, HeaderSearch, type HeaderSearchProps, HeaderTitle, type HeaderTitleProps, Input, type InputProps, type InputSize, type InputVariant, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, ListPage, type ListPageEmptyState, type ListPageFilter, type ListPageLabels, type ListPageProps, PageHeader, type PageHeaderBackProps, type PageHeaderBackRenderProps, type PageHeaderHeadingLevel, type PageHeaderProps, type PaginationState, RadioGroup, RadioGroupItem, type RadioGroupOption, type RadioGroupOrientation, type RadioGroupProps, type RadioGroupSize, type RowSelectionState, Select, type SelectOption, type SelectProps, type SelectSize, type SelectVariant, Sidebar, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarNav, SidebarNavGroup, type SidebarNavGroupProps, SidebarNavItem, type SidebarNavItemProps, type SidebarNavItemRenderProps, type SidebarNavProps, type SidebarProps, type SortDirection, type SortState, type SortableValue, Switch, type SwitchProps, type SwitchSize, Table, type TableProps, type TableSize, type TableSizeClasses, Textarea, type TextareaProps, type TextareaResize, type TextareaSize, type TextareaVariant, badgeBaseClass, badgeDotSizeClass, badgeSizeClass, badgeVariantClass, buttonBaseClass, buttonSizeClass, buttonVariantClass, cn, datePickerCalendarClass, datePickerCaptionClass, datePickerContentClass, datePickerDayBaseClass, datePickerDayWrapperClass, datePickerDisabledClass, datePickerMonthClass, datePickerMonthGridClass, datePickerMonthsClass, datePickerNavButtonClass, datePickerNavClass, datePickerOutsideClass, datePickerPlaceholderClass, datePickerSelectedClass, datePickerTodayClass, datePickerTriggerBaseClass, datePickerTriggerSizeClass, datePickerTriggerVariantClass, datePickerValueClass, datePickerWeekClass, datePickerWeekdayClass, datePickerWeekdaysClass, detailPageBaseClass, detailPageBodyClass, detailPageEmptyClass, detailPageSkeletonRowClass, dialogCloseButtonClass, dialogContentClass, dialogDescriptionClass, dialogFooterClass, dialogHeaderClass, dialogOverlayClass, dialogTitleClass, dropdownMenuContentClass, dropdownMenuItemBaseClass, dropdownMenuItemInsetClass, dropdownMenuItemVariantClass, dropdownMenuLabelClass, dropdownMenuSeparatorClass, dropdownMenuShortcutClass, emptyStateActionsSpacingClass, emptyStateBaseClass, emptyStateContainerSizeClass, emptyStateDescriptionSizeClass, emptyStateIconWrapperBaseClass, emptyStateIconWrapperSizeClass, emptyStateTitleSizeClass, formPageActionsBarClass, formPageBaseClass, formPageBodyClass, formPageSkeletonRowClass, inputBaseClass, inputSizeClass, inputVariantClass, pageHeaderActionsClass, pageHeaderBackClass, pageHeaderBackIconClass, pageHeaderBaseClass, pageHeaderBorderedClass, pageHeaderBreadcrumbsClass, pageHeaderDescriptionClass, pageHeaderTitleBlockClass, pageHeaderTitleClass, pageHeaderTitleRowClass, radioGroupBaseClass, radioGroupOrientationClass, radioIndicatorBaseClass, radioIndicatorDotClass, radioIndicatorSizeClass, radioItemBaseClass, radioItemSizeClass, radioLabelSizeClass, radioOptionRowClass, selectBaseClass, selectSizeClass, selectVariantClass, switchThumbBaseClass, switchThumbClass, switchTrackBaseClass, switchTrackClass, alignClass as tableAlignClass, tableBaseClass, selectedRowClass as tableSelectedRowClass, tableSizeClass, sortIconClass as tableSortIconClass, textareaBaseClass, textareaResizeClass, textareaSizeClass, textareaVariantClass, useDashboardLayout, useDirection };
2060
+ export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, AppShell, type AppShellBrand, type AppShellNavGroup, type AppShellNavItem, type AppShellProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Checkbox, type CheckboxProps, type CheckboxSize, type Column, type ColumnAlign, type ConfirmDialogLabels, ConfirmDialogProvider, type ConfirmDialogProviderProps, type ConfirmOptions, DashboardContent, type DashboardContentProps, DashboardHeader, type DashboardHeaderProps, DashboardLayout, type DashboardLayoutContextValue, type DashboardLayoutProps, DashboardMain, type DashboardMainProps, DatePicker, type DatePickerProps, type DatePickerSize, type DatePickerVariant, DetailPage, type DetailPageLabels, type DetailPageNotFoundState, type DetailPageProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, type Direction, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuItemVariant, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuTrigger, EmptyState, type EmptyStateProps, type EmptyStateSize, Field, type FieldOrientation, type FieldProps, type FieldRHFProps, FormPage, type FormPageProps, HeaderActions, type HeaderActionsProps, HeaderCollapseTrigger, type HeaderCollapseTriggerProps, HeaderMobileTrigger, type HeaderMobileTriggerProps, HeaderSearch, type HeaderSearchProps, HeaderTitle, type HeaderTitleProps, Input, type InputProps, type InputSize, type InputVariant, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, ListPage, type ListPageEmptyState, type ListPageFilter, type ListPageLabels, type ListPageProps, PageHeader, type PageHeaderBackProps, type PageHeaderBackRenderProps, type PageHeaderHeadingLevel, type PageHeaderProps, type PaginationState, RadioGroup, RadioGroupItem, type RadioGroupOption, type RadioGroupOrientation, type RadioGroupProps, type RadioGroupSize, type RowSelectionState, Select, type SelectOption, type SelectProps, type SelectSize, type SelectVariant, Sidebar, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarNav, SidebarNavGroup, type SidebarNavGroupProps, SidebarNavItem, type SidebarNavItemProps, type SidebarNavItemRenderProps, type SidebarNavProps, type SidebarProps, type SortDirection, type SortState, type SortableValue, Switch, type SwitchProps, type SwitchSize, Table, type TableProps, type TableSize, type TableSizeClasses, Textarea, type TextareaProps, type TextareaResize, type TextareaSize, type TextareaVariant, Toaster, type ToasterProps, Tooltip, type TooltipProps, TooltipProvider, type TooltipProviderProps, badgeBaseClass, badgeDotSizeClass, badgeSizeClass, badgeVariantClass, buttonBaseClass, buttonSizeClass, buttonVariantClass, cn, datePickerCalendarClass, datePickerCaptionClass, datePickerContentClass, datePickerDayBaseClass, datePickerDayWrapperClass, datePickerDisabledClass, datePickerMonthClass, datePickerMonthGridClass, datePickerMonthsClass, datePickerNavButtonClass, datePickerNavClass, datePickerOutsideClass, datePickerPlaceholderClass, datePickerSelectedClass, datePickerTodayClass, datePickerTriggerBaseClass, datePickerTriggerSizeClass, datePickerTriggerVariantClass, datePickerValueClass, datePickerWeekClass, datePickerWeekdayClass, datePickerWeekdaysClass, detailPageBaseClass, detailPageBodyClass, detailPageEmptyClass, detailPageSkeletonRowClass, dialogCloseButtonClass, dialogContentClass, dialogDescriptionClass, dialogFooterClass, dialogHeaderClass, dialogOverlayClass, dialogTitleClass, dropdownMenuContentClass, dropdownMenuItemBaseClass, dropdownMenuItemInsetClass, dropdownMenuItemVariantClass, dropdownMenuLabelClass, dropdownMenuSeparatorClass, dropdownMenuShortcutClass, emptyStateActionsSpacingClass, emptyStateBaseClass, emptyStateContainerSizeClass, emptyStateDescriptionSizeClass, emptyStateIconWrapperBaseClass, emptyStateIconWrapperSizeClass, emptyStateTitleSizeClass, formPageActionsBarClass, formPageBaseClass, formPageBodyClass, formPageSkeletonRowClass, inputBaseClass, inputSizeClass, inputVariantClass, pageHeaderActionsClass, pageHeaderBackClass, pageHeaderBackIconClass, pageHeaderBaseClass, pageHeaderBorderedClass, pageHeaderBreadcrumbsClass, pageHeaderDescriptionClass, pageHeaderTitleBlockClass, pageHeaderTitleClass, pageHeaderTitleRowClass, radioGroupBaseClass, radioGroupOrientationClass, radioIndicatorBaseClass, radioIndicatorDotClass, radioIndicatorSizeClass, radioItemBaseClass, radioItemSizeClass, radioLabelSizeClass, radioOptionRowClass, selectBaseClass, selectSizeClass, selectVariantClass, switchThumbBaseClass, switchThumbClass, switchTrackBaseClass, switchTrackClass, alignClass as tableAlignClass, tableBaseClass, selectedRowClass as tableSelectedRowClass, tableSizeClass, sortIconClass as tableSortIconClass, textareaBaseClass, textareaResizeClass, textareaSizeClass, textareaVariantClass, toastClassNames, tooltipArrowClass, tooltipContentClass, useConfirm, useDashboardLayout, useDirection };