npm - @dimaan/ui - Versions diffs - 0.0.18 → 0.0.20 - Mend

@dimaan/ui 0.0.18 → 0.0.20

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 (7) hide show

package/dist/index.d.ts CHANGED Viewed

@@ -1127,32 +1127,49 @@ type FieldProps<TValues extends FieldValues = FieldValues, TName extends FieldPa
  */
 declare function Field<TValues extends FieldValues = FieldValues, TName extends FieldPath<TValues> = FieldPath<TValues>>(props: FieldProps<TValues, TName>): ReactElement;
+interface FormPageLabels {
+    /** Back button label (top-left). Direction-aware default: `"Back"` / `"رجوع"`. */
+    back?: string;
+    /** Cancel button label. Direction-aware default: `"Cancel"` / `"إلغاء"`. */
+    cancel?: string;
+    /** Save (submit) button label when idle. Direction-aware default: `"Save"` / `"حفظ"`. */
+    save?: string;
+    /** Save (submit) button label while `isSubmitting` is true. Direction-aware default: `"Saving…"` / `"جارٍ الحفظ…"`. */
+    saving?: string;
+}
 interface FormPageProps {
     /** Page title (required). Rendered as an `<h1>` by `PageHeader`. */
     title: ReactNode;
     /** Optional secondary text under the title. */
     description?: ReactNode;
-    /** Optional back-button config — forwarded straight to `PageHeader.back`. */
-    back?: PageHeaderBackProps;
     /** Page-header bottom border separator. Defaults to `true` for form pages. */
     bordered?: boolean;
     /** Form-submit handler. Wire RHF via `form.handleSubmit(onSave)`. */
     onSubmit: FormEventHandler<HTMLFormElement>;
+    /** Cancel-button handler. Defaults to navigating back one history entry. */
+    onCancel?: () => void;
+    /**
+     * Disables the submit button and swaps its label to `labels.saving`. When
+     * omitted, `FormPage` reads `formState.isSubmitting` from the surrounding
+     * `<FormProvider>` (if any). Pass an explicit boolean to override.
+     */
+    isSubmitting?: boolean;
+    /** Localized copy for the built-in Cancel / Save buttons. */
+    labels?: FormPageLabels;
     /**
      * Show skeleton placeholders in the body while the initial record is being
      * fetched (typical for the edit page). The action bar still renders so the
-     * consumer can offer a "Cancel" exit; the consumer is responsible for
-     * disabling submit buttons while loading.
+     * user can Cancel out; the Save button is disabled while loading.
      */
     isLoading?: boolean;
     /** Number of skeleton rows shown while loading. Defaults to `6`. */
     loadingRowCount?: number;
     /**
-     * Action slot rendered inside a sticky bar at the bottom of the form
-     * (Cancel / Save / Save & continue, …). Pass `null` to hide the bar
-     * entirely (rare — usually you want at least a save button).
+     * Extra action buttons rendered inside the sticky bar **before** the
+     * built-in Cancel / Save pair (e.g. "Save & continue", "Delete"). Most
+     * forms can omit this — Cancel + Save are owned by `FormPage` itself.
      */
-    actions: ReactNode;
+    actions?: ReactNode;
     /** Form body. Compose `<Field>` + your chosen controls, grouped however you like. */
     children: ReactNode;
     /** Class applied to the outer wrapper. */
@@ -1166,36 +1183,30 @@ interface FormPageProps {
 }
 /**
  * Declarative form-page template — composes `PageHeader` + a scrollable form
- * body + a sticky action bar into a single component. **RHF-agnostic**:
- * `onSubmit` is a plain event handler, so consumers wire react-hook-form (or
- * any other library) by passing `form.handleSubmit(onSave)`.
+ * body + a sticky action bar (with built-in **Cancel** and **Save** buttons)
+ * into a single component.
+ *
+ * **Zero-prop defaults** make the minimal call site small:
+ * - Back & Cancel both default to `navigate(-1)`.
+ * - `isSubmitting` is auto-detected from the surrounding `<FormProvider>`'s
+ *   `formState.isSubmitting` — no need to wire it manually.
+ * - All button labels are direction-aware (EN / AR) and resolved from
+ *   `<html dir>` via `useDirection()`.
+ *
+ * Override any of these by passing the matching prop (`onCancel`,
+ * `isSubmitting`, `labels`).
  *
  * The component expects its parent to provide the scroll context — in the
  * default `<AppShell>` setup, that's `<DashboardContent>`. The sticky bar
  * relies on `position: sticky` against that scroll container.
  *
- * @example Inside a `<FormProvider>` (RHF + Zod)
+ * @example Minimal usage inside a `<FormProvider>` (RHF + Zod)
  * ```tsx
  * const form = useForm<UserDraft>({ resolver: zodResolver(schema), defaultValues });
  *
  * return (
  *   <FormProvider {...form}>
- *     <FormPage
- *       title="New user"
- *       description="Invite a teammate to your workspace."
- *       back={{ to: '/users' }}
- *       onSubmit={form.handleSubmit(onSave)}
- *       actions={
- *         <>
- *           <Button type="button" variant="outline" onClick={() => navigate(-1)}>
- *             Cancel
- *           </Button>
- *           <Button type="submit" disabled={form.formState.isSubmitting}>
- *             Save
- *           </Button>
- *         </>
- *       }
- *     >
+ *     <FormPage title="New user" onSubmit={form.handleSubmit(onSave)}>
  *       <div className="grid gap-4 md:grid-cols-2">
  *         <Field name="name" label="Full name" required><Input /></Field>
  *         <Field name="email" label="Email" required><Input type="email" /></Field>
@@ -1205,14 +1216,26 @@ interface FormPageProps {
  * );
  * ```
  *
+ * @example Override Cancel + add an extra action button
+ * ```tsx
+ * <FormPage
+ *   title="مستخدم جديد"
+ *   onSubmit={form.handleSubmit(onSave)}
+ *   onCancel={() => form.reset()}
+ *   actions={<Button type="button" variant="outline" onClick={onSaveAndContinue}>Save & continue</Button>}
+ * >
+ *   {…fields…}
+ * </FormPage>
+ * ```
+ *
  * @example Edit mode with `isLoading`
  * ```tsx
- * <FormPage title="Edit user" isLoading={query.isLoading} onSubmit={…} actions={…}>
+ * <FormPage title="Edit user" isLoading={query.isLoading} onSubmit={…}>
  *   {…fields…}
  * </FormPage>
  * ```
  */
-declare function FormPage({ title, description, back, bordered, onSubmit, isLoading, loadingRowCount, actions, children, className, formClassName, bodyClassName, actionsClassName, }: FormPageProps): react_jsx_runtime.JSX.Element;
+declare function FormPage({ title, description, bordered, onSubmit, onCancel, isSubmitting, labels: labelsProp, isLoading, loadingRowCount, actions, children, className, formClassName, bodyClassName, actionsClassName, }: FormPageProps): react_jsx_runtime.JSX.Element;
 /** Outermost wrapper of `FormPage` — vertical flex column that fills its parent. */
 declare const formPageBaseClass = "flex w-full flex-col gap-6";
@@ -1443,8 +1466,21 @@ interface PaginationState {
 }
 /** Set of row ids (returned from `getRowId`) that are currently selected. */
 type RowSelectionState = ReadonlySet<string>;
-type SortableValue = string | number | bigint | boolean | Date | null | undefined;
 type ColumnAlign = 'start' | 'center' | 'end';
+/**
+ * Translatable strings rendered inside Table's chrome (paginator labels +
+ * aria-labels). All optional; English defaults are used when omitted.
+ */
+interface TableLabels {
+    /** "Rows per page" label next to the page-size select. */
+    rowsPerPage?: string;
+    /** Connector word in the range readout — e.g. "of" in `1–10 of 100`. */
+    pageRangeOf?: string;
+    /** aria-label on the Previous-page button. */
+    previousPage?: string;
+    /** aria-label on the Next-page button. */
+    nextPage?: string;
+}
 interface Column<T> {
     /** Stable column id. Used for sort state and React keys. */
     id: string;
@@ -1456,35 +1492,55 @@ interface Column<T> {
     render?: (row: T, rowIndex: number) => ReactNode;
     /** Enable click-to-sort UI on the header. */
     sortable?: boolean;
-    /** Optional override for the value used to compare during sorting. */
-    sortAccessor?: (row: T) => SortableValue;
     /** Tailwind classes applied to both <th> and <td>. */
     className?: string;
     /** Inline alignment hint. Defaults to 'start'. */
     align?: ColumnAlign;
 }
 interface TableProps<T> {
-    /** Source rows. In server-side mode, this is just the current page. */
+    /**
+     * Current page rows. Server-driven: the consumer's data layer slices
+     * `data` for the active sort + pagination + filter query, and Table
+     * renders it as-is. Table never sorts or paginates `data` locally.
+     */
     data: readonly T[];
     /** Column definitions. */
     columns: ReadonlyArray<Column<T>>;
-    /** Stable id for each row. Required for selection; recommended always. */
-    getRowId: (row: T, index: number) => string;
     /**
-     * Total row count across all pages. Pass this when the parent paginates/sorts
-     * server-side — Table will skip its local sort + slice.
+     * Stable id for each row. **Optional with a default**: when omitted,
+     * Table reads `row.id` (most APIs use it) and falls back to the row
+     * index. Provide this explicitly for records that use a different
+     * identifier (`_id`, `uuid`) or any time the list can reorder —
+     * index-based ids break selection across reorders.
+     */
+    getRowId?: (row: T, index: number) => string;
+    /**
+     * Total row count on the server. Pair with `pagination` +
+     * `onPaginationChange` to drive the paginator. Falls back to
+     * `data.length` when omitted (small lists with no paginator).
      */
     totalCount?: number;
-    defaultSort?: SortState;
+    /** Current sort state — the consumer's data layer is the source of truth. */
     sort?: SortState;
+    /**
+     * Fires when the user clicks a sortable column header. Pair with `sort` to
+     * drive sorting through your data layer. Without `onSortChange`, sortable
+     * column buttons render but do nothing.
+     */
     onSortChange?: (next: SortState) => void;
-    defaultPagination?: PaginationState;
+    /** Current page state — the consumer's data layer is the source of truth. */
     pagination?: PaginationState;
+    /** Fires when the user changes the page or page size. */
     onPaginationChange?: (next: PaginationState) => void;
     /** Page size dropdown options. Defaults to [10, 25, 50]. */
     pageSizeOptions?: readonly number[];
-    /** Force the paginator to render even when rowCount <= pageSize. */
+    /** Force the paginator to render even when totalCount <= pageSize. */
     showPagination?: boolean;
+    /**
+     * Translatable strings rendered inside Table itself (paginator labels +
+     * aria-labels). Pass only the keys you need to override.
+     */
+    labels?: TableLabels;
     /** Adds the selection column + header checkbox. */
     enableRowSelection?: boolean;
     defaultSelectedRowIds?: ReadonlySet<string>;
@@ -1524,23 +1580,26 @@ interface TableProps<T> {
     caption?: ReactNode;
 }
+/**
+ * Server-driven data table. `data` is rendered as-is — the consumer's data
+ * layer is responsible for slicing rows for the active sort + pagination
+ * query. Table just reports user input (sort clicks, page changes,
+ * selection) through callbacks and lets the consumer refetch.
+ */
 declare function Table<T>(props: TableProps<T>): react_jsx_runtime.JSX.Element;
 /**
- * One filter dropdown definition for `<ListPage>`. ListPage manages each
- * filter's state internally — you provide options + accessor.
+ * One filter dropdown definition for `<ListPage>`. Server owns the actual
+ * filtering — the consumer keeps `filterValues` in state and ListPage just
+ * renders the Select + reports changes.
  */
-interface ListPageFilter<T> {
-    /** Unique key for state tracking. */
+interface ListPageFilter {
+    /** Unique key — used in the `filterValues` record and as aria-label fallback. */
     key: string;
-    /** Aria-label on the Select trigger. */
-    ariaLabel?: string;
-    /** Returns the row value to match against the filter selection. */
-    accessor: (row: T) => string;
+    /** Display label. Falls back to `key` for the Select's aria-label. */
+    label?: ReactNode;
     /** Options to choose from. The first option's value is treated as "no filter / show all". */
     options: SelectOption[];
-    /** Override the "no filter" default. Defaults to the first option's `value`. */
-    defaultValue?: string;
     /** Width of the Select. Defaults to `'default'` (~11rem). */
     width?: 'narrow' | 'default' | 'wide';
 }
@@ -1551,142 +1610,142 @@ interface ListPageEmptyState {
     /** Override the default action button. Pass `null` to hide entirely. */
     action?: ReactNode | null;
 }
-interface ListPageLabels {
-    /** Default search input placeholder. */
+/**
+ * Translatable strings for `<ListPage>`. Extends {@link TableLabels} so the
+ * four paginator keys (`rowsPerPage` / `pageRangeOf` / `previousPage` /
+ * `nextPage`) flow through to the inner Table without re-declaration.
+ */
+interface ListPageLabels extends TableLabels {
+    /** Search input placeholder. */
     searchPlaceholder?: string;
-    /** Default search aria-label (falls back to placeholder). */
+    /** Search input aria-label. Falls back to the placeholder. */
     searchAriaLabel?: string;
-    /** Default "Reset filters" button label. */
+    /** "Reset filters" button label. */
     reset?: string;
-    /** Default "no results matching filters" title. */
+    /** "No results matching filters" title. */
     emptyTitle?: string;
-    /** Default "no results matching filters" description. */
+    /** "No results matching filters" description. */
     emptyDescription?: string;
-    /** Default "no data at all" title (shown when `data` is empty + no filters active). */
+    /** "No data yet" title (data empty, no filters active). */
     noDataTitle?: string;
-    /** Default "no data at all" description. */
+    /** "No data yet" description. */
     noDataDescription?: string;
 }
 interface ListPageProps<T> {
     title: ReactNode;
     description?: ReactNode;
-    /** Page-header bordered separator. Defaults to `true` for list pages. */
+    /** Page-header bordered separator. Defaults to `true`. */
     bordered?: boolean;
     /** Header action slot — primary "Add" button, etc. */
     actions?: ReactNode;
-    data: T[];
-    columns: Column<T>[];
-    getRowId: (row: T) => string;
+    data: readonly T[];
+    columns: ReadonlyArray<Column<T>>;
+    /**
+     * Stable id for each row. Forwarded to Table; defaults to `row.id` then
+     * the row index. Provide explicitly for records that use a different
+     * identifier or any time the list can reorder.
+     */
+    getRowId?: (row: T, index: number) => string;
     /** Show skeleton rows in the table area while data is fetching. */
     isLoading?: boolean;
     /** Number of skeleton rows rendered while loading. Defaults to the table page size. */
     loadingRowCount?: number;
-    /** Keys on `T` to search. Search input only renders when this is provided. */
-    searchKeys?: Array<keyof T>;
-    filters?: ListPageFilter<T>[];
-    enableRowSelection?: boolean;
-    bulkActions?: (selected: T[]) => ReactNode;
+    /** Current search query — the consumer's state. */
+    searchValue?: string;
+    /**
+     * Fires on every keystroke. Providing this **renders the search input**.
+     * Wire it to your data layer (and reset pagination to page 0 on change).
+     */
+    onSearchChange?: (value: string) => void;
     /**
-     * Controlled pagination state. Pair with `onPaginationChange` and `totalCount`
-     * for server-side pagination — the consumer's data-fetching layer becomes
-     * the source of truth for `pageIndex` / `pageSize`.
+     * Filter definitions. Renders one `<Select>` per entry. Pair with
+     * `filterValues` + `onFilterChange` to drive them.
      */
+    filters?: ListPageFilter[];
+    /** Current filter selections, keyed by `filter.key`. */
+    filterValues?: Record<string, string>;
+    /** Fires when any filter Select changes. */
+    onFilterChange?: (key: string, value: string) => void;
+    enableRowSelection?: boolean;
+    bulkActions?: (selected: T[]) => ReactNode;
+    /** Current page state from the consumer's data layer. */
     pagination?: PaginationState;
-    /** Uncontrolled initial pagination state. Ignored when `pagination` is set. */
-    defaultPagination?: PaginationState;
     /** Fires when the user changes the page or page size. */
     onPaginationChange?: (next: PaginationState) => void;
-    /**
-     * Total row count across all pages on the server. Setting this flips the
-     * inner Table into server-side mode — it stops slicing `data` locally and
-     * trusts `data` to be the current page already.
-     *
-     * In server-side mode the consumer also typically skips `searchKeys` /
-     * `filters` (those would filter only the current page) and drives search /
-     * filter from the data-fetching layer instead.
-     */
+    /** Total row count across all pages on the server. */
     totalCount?: number;
     /** Page-size dropdown options. Defaults to `[10, 25, 50]`. */
     pageSizeOptions?: readonly number[];
     /**
-     * Shown when filters/search are active but match zero rows. Falls back to a
-     * "No results — try clearing the search or adjusting the filters" prompt
-     * with a reset button.
+     * Shown when search / filters are active but match zero rows. Defaults to
+     * a "No results" prompt with a Reset button.
      */
     emptyState?: ListPageEmptyState;
     /**
-     * Shown when `data` is empty AND no filters/search are active (first-run
-     * state). Falls back to a friendly "No data yet" message with an Inbox
-     * icon. When `actions` is set, you typically want to encourage creation
-     * via this slot's `action`.
+     * Shown when `data` is empty AND nothing is being searched / filtered
+     * (first-run state). Defaults to an Inbox + "No data yet" message.
      */
     noDataState?: ListPageEmptyState;
     labels?: ListPageLabels;
     className?: string;
 }
 /**
- * Declarative list-page template — composes `PageHeader + search input +
- * filter selects + Table + EmptyState` into a single configurable component.
+ * Declarative server-driven list-page template — composes `PageHeader + search
+ * input + filter selects + Table + EmptyState` into a single component.
  *
- * **Owns state internally** for search and filter selections — you pass raw
- * `data` and ListPage filters it for you. For server-side data fetching or URL
- * sync, drop down to the underlying primitives directly (see the
- * `RecipeListPage` playground page for the manual composition pattern).
+ * **All data-shaping is server-side.** ListPage does not filter / search /
+ * paginate `data` locally; it renders whatever the consumer's data layer
+ * returned for the current `searchValue` + `filterValues` + `pagination`
+ * query. ListPage's job is the UI: render the controls, report user input
+ * back through callbacks, and pick the right empty state.
  *
  * **Three rendering branches in the table area:**
- * - `isLoading` → Table with skeleton rows (filter bar stays interactive).
- * - `data` empty AND no filters active → `noDataState` (first-run prompt).
- * - filters return zero rows → `emptyState` (with a reset action by default).
+ * - `isLoading` → Table with skeleton rows.
+ * - `data` empty AND nothing being searched / filtered → `noDataState` (first-run).
+ * - search / filters active but `data` empty → `emptyState` (no results) with a Reset button.
  *
- * @example Basic — Users list
+ * @example Server-driven list with TanStack Query
  * ```tsx
- * <ListPage
- *   title="Users"
- *   description="Manage your team members."
- *   actions={<Button onClick={openCreate}>Add user</Button>}
- *   data={users}
- *   isLoading={query.isLoading}
- *   columns={USER_COLUMNS}
- *   getRowId={(u) => u.id}
- *   searchKeys={['name', 'email']}
- *   filters={[
- *     {
- *       key: 'status',
- *       ariaLabel: 'Status',
- *       accessor: (u) => u.status,
- *       options: [
- *         { value: 'all', label: 'All statuses' },
- *         { value: 'active', label: 'Active' },
- *         { value: 'invited', label: 'Invited' },
- *       ],
- *     },
- *   ]}
- *   enableRowSelection
- *   bulkActions={(rows) => <Button variant="destructive">Delete ({rows.length})</Button>}
- *   noDataState={{
- *     title: 'No users yet',
- *     description: 'Invite your first team member to get started.',
- *     action: <Button onClick={openCreate}>Add user</Button>,
- *   }}
- * />
- * ```
+ * const [search, setSearch] = useState('');
+ * const [filters, setFilters] = useState({ status: 'all' });
+ * const [pagination, setPagination] = useState({ pageIndex: 0, pageSize: 10 });
  *
- * @example With localized labels
- * ```tsx
- * <ListPage
- *   {...props}
- *   labels={{
- *     searchPlaceholder: 'ابحث…',
- *     reset: 'إعادة الفلاتر',
- *     emptyTitle: 'لا توجد نتائج',
- *     emptyDescription: 'حاول مسح البحث أو تغيير الفلاتر.',
- *     noDataTitle: 'لا توجد بيانات بعد',
- *     noDataDescription: 'لم يتم إضافة أي شيء هنا حتى الآن.',
- *   }}
- * />
+ * const { data, isLoading } = useQuery({
+ *   queryKey: ['users', search, filters, pagination],
+ *   queryFn: () => fetchUsers({ search, ...filters, ...pagination }),
+ * });
+ *
+ * return (
+ *   <ListPage
+ *     title="Users"
+ *     actions={<Button onClick={openCreate}>Add user</Button>}
+ *     data={data?.rows ?? []}
+ *     totalCount={data?.total ?? 0}
+ *     isLoading={isLoading}
+ *     columns={USER_COLUMNS}
+ *
+ *     searchValue={search}
+ *     onSearchChange={(v) => {
+ *       setSearch(v);
+ *       setPagination((p) => ({ ...p, pageIndex: 0 }));
+ *     }}
+ *
+ *     filters={[
+ *       { key: 'status', label: 'Status', options: STATUS_OPTIONS },
+ *     ]}
+ *     filterValues={filters}
+ *     onFilterChange={(key, value) => {
+ *       setFilters((prev) => ({ ...prev, [key]: value }));
+ *       setPagination((p) => ({ ...p, pageIndex: 0 }));
+ *     }}
+ *
+ *     pagination={pagination}
+ *     onPaginationChange={setPagination}
+ *   />
+ * );
  * ```
  */
-declare function ListPage<T>({ title, description, bordered, actions, data, columns, getRowId, isLoading, loadingRowCount, searchKeys, filters, enableRowSelection, bulkActions, pagination, defaultPagination, onPaginationChange, totalCount, pageSizeOptions, emptyState, noDataState, labels: labelsProp, className, }: ListPageProps<T>): react_jsx_runtime.JSX.Element;
+declare function ListPage<T>({ title, description, bordered, actions, data, columns, getRowId, isLoading, loadingRowCount, searchValue, onSearchChange, filters, filterValues, onFilterChange, enableRowSelection, bulkActions, pagination, onPaginationChange, totalCount, pageSizeOptions, emptyState, noDataState, labels: labelsProp, className, }: ListPageProps<T>): react_jsx_runtime.JSX.Element;
 type RadioGroupSize = 'sm' | 'md' | 'lg';
 /** Outer circle (radio button itself) — sized + bordered. */
@@ -2079,4 +2138,4 @@ declare function useDirection(): Direction;
 declare function cn(...inputs: ClassValue[]): string;
-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 };
+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 FormPageLabels, 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, Switch, type SwitchProps, type SwitchSize, Table, type TableLabels, 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 };