@godxjp/ui 18.1.0 → 18.2.0

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 (98) hide show
  1. package/dist/app/app-provider.d.ts +2 -1
  2. package/dist/components/charts/area-chart.d.ts +1 -1
  3. package/dist/components/charts/bar-chart.d.ts +1 -1
  4. package/dist/components/charts/chart-cartesian.d.ts +1 -1
  5. package/dist/components/charts/chart-frame.d.ts +1 -1
  6. package/dist/components/charts/line-chart.d.ts +1 -1
  7. package/dist/components/charts/pie-chart.d.ts +1 -1
  8. package/dist/components/data-display/badge.d.ts +1 -1
  9. package/dist/components/data-display/card.d.ts +1 -1
  10. package/dist/components/data-display/credential-reveal.d.ts +2 -0
  11. package/dist/components/data-display/credential-reveal.js +5 -0
  12. package/dist/components/data-display/data-table.d.ts +10 -10
  13. package/dist/components/data-display/descriptions.d.ts +2 -2
  14. package/dist/components/data-display/empty-state.d.ts +1 -1
  15. package/dist/components/data-display/index.d.ts +2 -0
  16. package/dist/components/data-display/index.js +2 -0
  17. package/dist/components/data-display/popover.d.ts +6 -6
  18. package/dist/components/data-display/progress.d.ts +2 -1
  19. package/dist/components/data-display/timeline.d.ts +1 -1
  20. package/dist/components/data-display/tree-list.d.ts +1 -1
  21. package/dist/components/data-entry/calendar.d.ts +1 -1
  22. package/dist/components/data-entry/cascader.d.ts +2 -1
  23. package/dist/components/data-entry/checkbox-group.d.ts +2 -1
  24. package/dist/components/data-entry/color-picker.d.ts +2 -1
  25. package/dist/components/data-entry/date-picker.d.ts +2 -1
  26. package/dist/components/data-entry/date-range-picker.d.ts +2 -1
  27. package/dist/components/data-entry/field.d.ts +2 -1
  28. package/dist/components/data-entry/form-field.d.ts +2 -1
  29. package/dist/components/data-entry/month-picker.d.ts +2 -1
  30. package/dist/components/data-entry/month-range-picker.d.ts +2 -1
  31. package/dist/components/data-entry/password-strength.d.ts +1 -1
  32. package/dist/components/data-entry/radio.d.ts +1 -1
  33. package/dist/components/data-entry/search-input.d.ts +1 -1
  34. package/dist/components/data-entry/search-select.d.ts +2 -1
  35. package/dist/components/data-entry/select.d.ts +3 -3
  36. package/dist/components/data-entry/time-picker.d.ts +2 -1
  37. package/dist/components/data-entry/transfer.d.ts +2 -1
  38. package/dist/components/data-entry/tree-select.d.ts +2 -1
  39. package/dist/components/data-entry/upload-crop-dialog.d.ts +2 -1
  40. package/dist/components/data-entry/upload.d.ts +2 -1
  41. package/dist/components/feedback/alert.d.ts +1 -1
  42. package/dist/components/feedback/dialog.d.ts +21 -14
  43. package/dist/components/feedback/dialog.js +43 -11
  44. package/dist/components/feedback/sheet.d.ts +7 -7
  45. package/dist/components/feedback/skeleton.d.ts +5 -5
  46. package/dist/components/feedback/sonner.d.ts +2 -1
  47. package/dist/components/feedback/tooltip.d.ts +2 -2
  48. package/dist/components/general/button.js +1 -1
  49. package/dist/components/general/reveal.d.ts +1 -1
  50. package/dist/components/layout/app-shell.d.ts +2 -1
  51. package/dist/components/layout/app-shell.js +1 -1
  52. package/dist/components/layout/auth-shell.d.ts +1 -1
  53. package/dist/components/layout/breadcrumb.d.ts +1 -1
  54. package/dist/components/layout/centered-shell.d.ts +1 -1
  55. package/dist/components/layout/flex.d.ts +1 -1
  56. package/dist/components/layout/page-container.d.ts +2 -2
  57. package/dist/components/layout/resizable.d.ts +3 -3
  58. package/dist/components/layout/responsive-grid.d.ts +1 -1
  59. package/dist/components/layout/sidebar.d.ts +4 -4
  60. package/dist/components/layout/split-pane.d.ts +1 -1
  61. package/dist/components/layout/topbar.d.ts +1 -1
  62. package/dist/components/navigation/context-menu.d.ts +2 -2
  63. package/dist/components/navigation/dropdown-menu.d.ts +7 -7
  64. package/dist/components/navigation/filter-bar.d.ts +2 -2
  65. package/dist/components/navigation/filter-bar.js +8 -2
  66. package/dist/components/navigation/menubar.d.ts +3 -3
  67. package/dist/components/navigation/pagination.d.ts +2 -2
  68. package/dist/components/navigation/steps.d.ts +2 -1
  69. package/dist/components/navigation/tabs.d.ts +1 -1
  70. package/dist/components/query/data-state.d.ts +2 -1
  71. package/dist/components/query/infinite-query-state.d.ts +2 -1
  72. package/dist/components/query/mutation-feedback.d.ts +1 -1
  73. package/dist/components/query/prefetch-link.d.ts +2 -1
  74. package/dist/components/query/query-refetch-button.d.ts +1 -1
  75. package/dist/components/ui/credential-reveal.d.ts +12 -0
  76. package/dist/components/ui/credential-reveal.js +160 -0
  77. package/dist/components/ui/hover-card.d.ts +1 -1
  78. package/dist/form/form-field-control.d.ts +1 -1
  79. package/dist/form/form-root.d.ts +1 -1
  80. package/dist/i18n/messages/en.json +14 -1
  81. package/dist/i18n/messages/ja.json +14 -1
  82. package/dist/i18n/messages/vi.json +14 -1
  83. package/dist/lib/permission-grid.d.ts +59 -0
  84. package/dist/lib/permission-grid.js +32 -0
  85. package/dist/props/components/data-display.prop.d.ts +49 -1
  86. package/dist/props/components/feedback.prop.d.ts +4 -0
  87. package/dist/props/components/navigation.prop.d.ts +8 -1
  88. package/dist/props/registry.d.ts +19 -1
  89. package/dist/props/registry.js +35 -1
  90. package/dist/props/vocabulary/data.prop.d.ts +6 -0
  91. package/dist/props/vocabulary/index.d.ts +1 -1
  92. package/dist/styles/control.css +9 -1
  93. package/dist/styles/data-display-layout.css +50 -0
  94. package/dist/styles/layout.css +10 -0
  95. package/dist/styles/shell-layout.css +19 -11
  96. package/dist/tokens/components/navigation.css +7 -0
  97. package/dist/tokens/foundation.css +8 -4
  98. package/package.json +55 -46
@@ -1,7 +1,8 @@
1
+ import * as React from "react";
1
2
  import { type AppDateFormat, type AppLocale, type AppTimeFormat, type AppTimezone } from "./types.js";
2
3
  import type { AppContextValue, AppProviderProp } from "../props/components/app.prop.js";
3
4
  export type { AppProviderProp, AppContextValue } from "../props/components/app.prop.js";
4
- export declare function AppProvider({ children, defaultLocale, fallbackLocale, defaultTimezone, systemTimezone, defaultTimeFormat, defaultDateFormat, timezoneOptions, storageKey, persist, theme: initialTheme, brand: initialBrand, density: initialDensity, fontSize: initialFontSize, scaling: initialScaling, onLocaleChange, onTimezoneChange, onTimeFormatChange, onDateFormatChange, onThemeChange, onBrandChange, onDensityChange, onFontSizeChange, onScalingChange, }: AppProviderProp): import("react/jsx-runtime").JSX.Element;
5
+ export declare function AppProvider({ children, defaultLocale, fallbackLocale, defaultTimezone, systemTimezone, defaultTimeFormat, defaultDateFormat, timezoneOptions, storageKey, persist, theme: initialTheme, brand: initialBrand, density: initialDensity, fontSize: initialFontSize, scaling: initialScaling, onLocaleChange, onTimezoneChange, onTimeFormatChange, onDateFormatChange, onThemeChange, onBrandChange, onDensityChange, onFontSizeChange, onScalingChange, }: AppProviderProp): React.JSX.Element;
5
6
  export declare function useAppContext(): AppContextValue;
6
7
  /** Returns null outside AppProvider — used by pickers for optional context. */
7
8
  export declare function useOptionalAppContext(): AppContextValue | null;
@@ -5,4 +5,4 @@ export type { AreaChartProp, AreaChartProp as AreaChartProps, } from "../../prop
5
5
  * series; `curved` smooths the line. Import from the tree-shaken
6
6
  * `@godxjp/ui/charts` entry; requires the `recharts` optional peer.
7
7
  */
8
- export declare function AreaChart(props: AreaChartProp): import("react/jsx-runtime").JSX.Element;
8
+ export declare function AreaChart(props: AreaChartProp): import("react").JSX.Element;
@@ -5,4 +5,4 @@ export type { BarChartProp, BarChartProp as BarChartProps, } from "../../props/c
5
5
  * bar; `horizontal` puts the category axis on the left. Import from the
6
6
  * tree-shaken `@godxjp/ui/charts` entry; requires the `recharts` optional peer.
7
7
  */
8
- export declare function BarChart(props: BarChartProp): import("react/jsx-runtime").JSX.Element;
8
+ export declare function BarChart(props: BarChartProp): import("react").JSX.Element;
@@ -27,5 +27,5 @@ type CartesianChartProps = {
27
27
  /** bar */
28
28
  horizontal?: boolean;
29
29
  };
30
- export declare function CartesianChart({ kind, data, series, categoryKey, label, description, size, height, showLegend, showGrid, numberFormat, emptyMessage, className, id, curved, stacked, horizontal, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
30
+ export declare function CartesianChart({ kind, data, series, categoryKey, label, description, size, height, showLegend, showGrid, numberFormat, emptyMessage, className, id, curved, stacked, horizontal, }: CartesianChartProps): React.JSX.Element;
31
31
  export {};
@@ -40,5 +40,5 @@ type ChartFrameProps = {
40
40
  * in a `role="img"` element with a short `aria-label`; the full data is exposed as
41
41
  * a sibling visually-hidden list referenced by the figure's `aria-describedby`.
42
42
  */
43
- export declare function ChartFrame({ label, description, summaryRows, imgSummary, hasData, height, className, id, children, }: ChartFrameProps): import("react/jsx-runtime").JSX.Element;
43
+ export declare function ChartFrame({ label, description, summaryRows, imgSummary, hasData, height, className, id, children, }: ChartFrameProps): React.JSX.Element;
44
44
  export {};
@@ -5,4 +5,4 @@ export type { LineChartProp, LineChartProp as LineChartProps, } from "../../prop
5
5
  * Import from the tree-shaken `@godxjp/ui/charts` entry; requires the `recharts`
6
6
  * optional peer dependency.
7
7
  */
8
- export declare function LineChart(props: LineChartProp): import("react/jsx-runtime").JSX.Element;
8
+ export declare function LineChart(props: LineChartProp): import("react").JSX.Element;
@@ -5,4 +5,4 @@ export type { PieChartProp, PieChartProp as PieChartProps, } from "../../props/c
5
5
  * Import from the tree-shaken `@godxjp/ui/charts` entry; requires the `recharts`
6
6
  * optional peer dependency.
7
7
  */
8
- export declare function PieChart({ data, dataKey, nameKey, colors, label, description, size, height, showLegend, numberFormat, donut, emptyMessage, className, id, }: PieChartProp): import("react/jsx-runtime").JSX.Element;
8
+ export declare function PieChart({ data, dataKey, nameKey, colors, label, description, size, height, showLegend, numberFormat, donut, emptyMessage, className, id, }: PieChartProp): import("react").JSX.Element;
@@ -23,5 +23,5 @@ export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "
23
23
  status?: string;
24
24
  children?: React.ReactNode;
25
25
  }
26
- export declare function Badge({ className, variant, shape, tone, icon, status, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
26
+ export declare function Badge({ className, variant, shape, tone, icon, status, children, ...props }: BadgeProps): React.JSX.Element;
27
27
  export {};
@@ -138,7 +138,7 @@ export type StatCardProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<
138
138
  accent?: CardAccent;
139
139
  };
140
140
  /** KPI / stat tile — token-driven layout aligned to dashboard KPI cards. */
141
- export declare function StatCard({ label, value, hint, icon: Icon, delta, layout, align, inverse, accent, className, size, ...props }: StatCardProps): import("react/jsx-runtime").JSX.Element;
141
+ export declare function StatCard({ label, value, hint, icon: Icon, delta, layout, align, inverse, accent, className, size, ...props }: StatCardProps): React.JSX.Element;
142
142
  /** Header actions slot — pair with `CardHeader className="flex flex-row …"`. */
143
143
  export declare const CardAction: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
144
144
  export {};
@@ -0,0 +1,2 @@
1
+ export { CredentialReveal } from "../ui/credential-reveal.js";
2
+ export type { CredentialRevealProp, CredentialRevealProps, CredentialRevealTone, } from "../ui/credential-reveal.js";
@@ -0,0 +1,5 @@
1
+ "use client";
2
+ import { CredentialReveal } from "../ui/credential-reveal.js";
3
+ export {
4
+ CredentialReveal
5
+ };
@@ -67,25 +67,25 @@ interface DataTableProps<T> {
67
67
  className?: string;
68
68
  children?: React.ReactNode;
69
69
  }
70
- export declare function DataTable<T>({ data, columns, getRowId, selectable, selected: controlledSelected, onSelectChange, onRowClick, density: controlledDensity, onDensityChange, sort, onSortChange, globalFilter: controlledGlobalFilter, onGlobalFilterChange, pagination: controlledPagination, onPaginationChange, rowCount, columnVisibility: controlledVisibility, onColumnVisibilityChange, manualSorting, manualFiltering, manualPagination, loading, empty, striped, hoverable, stickyHeader, rowClassName, className, children, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
70
+ export declare function DataTable<T>({ data, columns, getRowId, selectable, selected: controlledSelected, onSelectChange, onRowClick, density: controlledDensity, onDensityChange, sort, onSortChange, globalFilter: controlledGlobalFilter, onGlobalFilterChange, pagination: controlledPagination, onPaginationChange, rowCount, columnVisibility: controlledVisibility, onColumnVisibilityChange, manualSorting, manualFiltering, manualPagination, loading, empty, striped, hoverable, stickyHeader, rowClassName, className, children, }: DataTableProps<T>): React.JSX.Element;
71
71
  export declare namespace DataTable {
72
72
  var Toolbar: ({ children, className, }: {
73
73
  children?: React.ReactNode;
74
74
  className?: string;
75
- }) => import("react/jsx-runtime").JSX.Element;
75
+ }) => React.JSX.Element;
76
76
  var Search: ({ placeholder, className, }: {
77
77
  placeholder?: string;
78
78
  className?: string;
79
- }) => import("react/jsx-runtime").JSX.Element;
79
+ }) => React.JSX.Element;
80
80
  var ViewOptions: ({ className }: {
81
81
  className?: string;
82
- }) => import("react/jsx-runtime").JSX.Element | null;
83
- var SelectAll: () => import("react/jsx-runtime").JSX.Element | null;
84
- var BulkActions: ({ count, children, className, }: BulkActionsProps) => import("react/jsx-runtime").JSX.Element | null;
85
- var DensityToggle: () => import("react/jsx-runtime").JSX.Element;
86
- var Content: () => import("react/jsx-runtime").JSX.Element;
87
- var Pagination: (props: PaginationProps) => import("react/jsx-runtime").JSX.Element;
88
- var RowActions: ({ ariaLabel, children }: RowActionsProps) => import("react/jsx-runtime").JSX.Element;
82
+ }) => React.JSX.Element | null;
83
+ var SelectAll: () => React.JSX.Element | null;
84
+ var BulkActions: ({ count, children, className, }: BulkActionsProps) => React.JSX.Element | null;
85
+ var DensityToggle: () => React.JSX.Element;
86
+ var Content: () => React.JSX.Element;
87
+ var Pagination: (props: PaginationProps) => React.JSX.Element;
88
+ var RowActions: ({ ariaLabel, children }: RowActionsProps) => React.JSX.Element;
89
89
  }
90
90
  interface BulkActionsProps {
91
91
  count?: number;
@@ -8,9 +8,9 @@ export interface DescriptionsProps {
8
8
  className?: string;
9
9
  children: React.ReactNode;
10
10
  }
11
- export declare function Descriptions({ columns, layout, className, children, }: DescriptionsProps): import("react/jsx-runtime").JSX.Element;
11
+ export declare function Descriptions({ columns, layout, className, children, }: DescriptionsProps): React.JSX.Element;
12
12
  export declare namespace Descriptions {
13
- var Item: ({ label, mono, span, className, children, }: DescriptionsItemProps) => import("react/jsx-runtime").JSX.Element;
13
+ var Item: ({ label, mono, span, className, children, }: DescriptionsItemProps) => React.JSX.Element;
14
14
  }
15
15
  export interface DescriptionsItemProps {
16
16
  label: React.ReactNode;
@@ -1,3 +1,3 @@
1
1
  import type { EmptyStateProp } from "../../props/components/data-display.prop.js";
2
2
  export type { EmptyStateProp, EmptyStateProp as EmptyStateProps, } from "../../props/components/data-display.prop.js";
3
- export declare function EmptyState({ icon: Icon, title, description, action, variant, tone, titleLevel, titleAs, className, }: EmptyStateProp): import("react/jsx-runtime").JSX.Element;
3
+ export declare function EmptyState({ icon: Icon, title, description, action, variant, tone, titleLevel, titleAs, className, }: EmptyStateProp): import("react").JSX.Element;
@@ -2,6 +2,8 @@ export { Badge } from "./badge.js";
2
2
  export type { BadgeProps } from "./badge.js";
3
3
  export { ListRow } from "./list-row.js";
4
4
  export type { ListRowProps } from "./list-row.js";
5
+ export { CredentialReveal } from "./credential-reveal.js";
6
+ export type { CredentialRevealProp, CredentialRevealProps, CredentialRevealTone, } from "./credential-reveal.js";
5
7
  export { Avatar, AvatarImage, AvatarFallback } from "./avatar.js";
6
8
  export { Card, CardBar, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardTitle, CardAction, StatCard, } from "./card.js";
7
9
  export type { StatCardProps, CardBarProps } from "./card.js";
@@ -1,5 +1,6 @@
1
1
  import { Badge } from "./badge.js";
2
2
  import { ListRow } from "./list-row.js";
3
+ import { CredentialReveal } from "./credential-reveal.js";
3
4
  import { Avatar, AvatarImage, AvatarFallback } from "./avatar.js";
4
5
  import {
5
6
  Card,
@@ -69,6 +70,7 @@ export {
69
70
  Collapsible,
70
71
  CollapsibleContent,
71
72
  CollapsibleTrigger,
73
+ CredentialReveal,
72
74
  DataTable,
73
75
  Descriptions,
74
76
  EmptyState,
@@ -1,9 +1,9 @@
1
1
  import * as React from "react";
2
2
  import * as PopoverPrimitive from "@radix-ui/react-popover";
3
- export declare function Popover(props: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
- export declare function PopoverTrigger(props: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
5
- export declare function PopoverAnchor(props: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
3
+ export declare function Popover(props: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
4
+ export declare function PopoverTrigger(props: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
5
+ export declare function PopoverAnchor(props: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.JSX.Element;
6
6
  export declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
- export declare const PopoverHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
8
- export declare const PopoverTitle: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
9
- export declare const PopoverDescription: ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => import("react/jsx-runtime").JSX.Element;
7
+ export declare const PopoverHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
8
+ export declare const PopoverTitle: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
9
+ export declare const PopoverDescription: ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => React.JSX.Element;
@@ -1,3 +1,4 @@
1
+ import * as React from "react";
1
2
  export type ProgressTone = "success" | "warning" | "destructive";
2
3
  export type ProgressProps = {
3
4
  value: number;
@@ -11,4 +12,4 @@ export type ProgressProps = {
11
12
  */
12
13
  over?: boolean;
13
14
  };
14
- export declare function Progress({ value, label, tone, over }: ProgressProps): import("react/jsx-runtime").JSX.Element;
15
+ export declare function Progress({ value, label, tone, over }: ProgressProps): React.JSX.Element;
@@ -24,4 +24,4 @@ export type TimelineProps = {
24
24
  */
25
25
  variant?: TimelineVariant;
26
26
  };
27
- export declare function Timeline({ items, variant }: TimelineProps): import("react/jsx-runtime").JSX.Element;
27
+ export declare function Timeline({ items, variant }: TimelineProps): import("react").JSX.Element;
@@ -10,4 +10,4 @@ export type TreeListItem = {
10
10
  export type TreeListProps = {
11
11
  items: TreeListItem[];
12
12
  };
13
- export declare function TreeList({ items }: TreeListProps): import("react/jsx-runtime").JSX.Element;
13
+ export declare function TreeList({ items }: TreeListProps): import("react").JSX.Element;
@@ -1,3 +1,3 @@
1
1
  import type { CalendarProp } from "../../props/components/data-entry.prop.js";
2
2
  export type { CalendarProp, CalendarProp as CalendarProps, } from "../../props/components/data-entry.prop.js";
3
- export declare function Calendar({ className, classNames, showOutsideDays, "aria-label": ariaLabel, labels, ...props }: CalendarProp): import("react/jsx-runtime").JSX.Element;
3
+ export declare function Calendar({ className, classNames, showOutsideDays, "aria-label": ariaLabel, labels, ...props }: CalendarProp): import("react").JSX.Element;
@@ -1,4 +1,5 @@
1
+ import * as React from "react";
1
2
  import type { CascaderProp } from "../../props/components/data-entry.prop.js";
2
3
  export type { CascaderProp, CascaderProp as CascaderProps, } from "../../props/components/data-entry.prop.js";
3
4
  export type { TreeOption, TreeFieldNames } from "./tree-utils.js";
4
- export declare function Cascader({ options: optionsProp, value, defaultValue, onValueChange, multiple, changeOnSelect, showSearch, placeholder, disabled, className, id, expandTrigger, fieldNames, allowClear, ...ariaProps }: CascaderProp): import("react/jsx-runtime").JSX.Element;
5
+ export declare function Cascader({ options: optionsProp, value, defaultValue, onValueChange, multiple, changeOnSelect, showSearch, placeholder, disabled, className, id, expandTrigger, fieldNames, allowClear, ...ariaProps }: CascaderProp): React.JSX.Element;
@@ -1,3 +1,4 @@
1
+ import * as React from "react";
1
2
  import type { CheckboxGroupProp } from "../../props/components/data-entry.prop.js";
2
3
  export type { CheckboxGroupProp, CheckboxGroupProp as CheckboxGroupProps, } from "../../props/components/data-entry.prop.js";
3
- export declare function CheckboxGroup({ value: controlledValue, defaultValue, onValueChange, options, orientation, disabled, name, id, className, children, ...ariaProps }: CheckboxGroupProp): import("react/jsx-runtime").JSX.Element;
4
+ export declare function CheckboxGroup({ value: controlledValue, defaultValue, onValueChange, options, orientation, disabled, name, id, className, children, ...ariaProps }: CheckboxGroupProp): React.JSX.Element;
@@ -1,3 +1,4 @@
1
+ import * as React from "react";
1
2
  import type { ColorPickerProp } from "../../props/components/data-entry.prop.js";
2
3
  export type { ColorPickerProp, ColorPickerProp as ColorPickerProps, } from "../../props/components/data-entry.prop.js";
3
- export declare function ColorPicker({ value, onValueChange, disabled, className, id, showHexInput, ...ariaProps }: ColorPickerProp): import("react/jsx-runtime").JSX.Element;
4
+ export declare function ColorPicker({ value, onValueChange, disabled, className, id, showHexInput, ...ariaProps }: ColorPickerProp): React.JSX.Element;
@@ -1,3 +1,4 @@
1
+ import * as React from "react";
1
2
  import type { DatePickerProp } from "../../props/components/data-entry.prop.js";
2
3
  export type { DatePickerProp, DatePickerProp as DatePickerProps, } from "../../props/components/data-entry.prop.js";
3
4
  /**
@@ -6,4 +7,4 @@ export type { DatePickerProp, DatePickerProp as DatePickerProps, } from "../../p
6
7
  * `name`), screen-reader friendly, and e2e-testable by simply filling the input. The calendar
7
8
  * popover is the visual affordance; typing and the calendar stay in sync.
8
9
  */
9
- export declare function DatePicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, locale: localeProp, fromDate, toDate, allowClear, ...ariaProps }: DatePickerProp): import("react/jsx-runtime").JSX.Element;
10
+ export declare function DatePicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, locale: localeProp, fromDate, toDate, allowClear, ...ariaProps }: DatePickerProp): React.JSX.Element;
@@ -1,3 +1,4 @@
1
+ import * as React from "react";
1
2
  import type { DateRangePickerProp } from "../../props/components/data-entry.prop.js";
2
3
  export type { DateRangePickerProp, DateRangePickerProp as DateRangePickerProps, } from "../../props/components/data-entry.prop.js";
3
4
  /**
@@ -7,4 +8,4 @@ export type { DateRangePickerProp, DateRangePickerProp as DateRangePickerProps,
7
8
  * `${name}_to`, screen-reader friendly, e2e-testable by filling either input); the
8
9
  * range calendar is the visual affordance.
9
10
  */
10
- export declare function DateRangePicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, locale: localeProp, fromDate, toDate, allowClear, ...ariaProps }: DateRangePickerProp): import("react/jsx-runtime").JSX.Element;
11
+ export declare function DateRangePicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, locale: localeProp, fromDate, toDate, allowClear, ...ariaProps }: DateRangePickerProp): React.JSX.Element;
@@ -1,4 +1,5 @@
1
+ import * as React from "react";
1
2
  import type { FieldProp } from "../../props/components/data-entry.prop.js";
2
3
  export type { FieldProp, FieldProp as FieldProps } from "../../props/components/data-entry.prop.js";
3
4
  /** Label + optional description beside a checkbox/radio/switch control. */
4
- export declare function Field({ id, label, description, className, children }: FieldProp): import("react/jsx-runtime").JSX.Element;
5
+ export declare function Field({ id, label, description, className, children }: FieldProp): React.JSX.Element;
@@ -1,3 +1,4 @@
1
+ import * as React from "react";
1
2
  import type { FormFieldProp } from "../../props/components/data-entry.prop.js";
2
3
  export type { FormFieldProp, FormFieldProp as FormFieldProps, } from "../../props/components/data-entry.prop.js";
3
- export declare function FormField({ id, label, required, helper, error, labelAddon, layout: layoutProp, labelWidth: labelWidthProp, controlWidth: controlWidthProp, colSpan, className, children, }: FormFieldProp): import("react/jsx-runtime").JSX.Element;
4
+ export declare function FormField({ id, label, required, helper, error, labelAddon, layout: layoutProp, labelWidth: labelWidthProp, controlWidth: controlWidthProp, colSpan, className, children, }: FormFieldProp): React.JSX.Element;
@@ -1,3 +1,4 @@
1
+ import * as React from "react";
1
2
  import type { MonthPickerProp } from "../../props/components/data-entry.prop.js";
2
3
  export type { MonthPickerProp, MonthPickerProp as MonthPickerProps, } from "../../props/components/data-entry.prop.js";
3
4
  /**
@@ -6,4 +7,4 @@ export type { MonthPickerProp, MonthPickerProp as MonthPickerProps, } from "../.
6
7
  * The field stays a real, typeable input (form-submittable via `name` as
7
8
  * `yyyy-MM`); the grid is the visual affordance.
8
9
  */
9
- export declare function MonthPicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, fromYear, toYear, allowClear, ...ariaProps }: MonthPickerProp): import("react/jsx-runtime").JSX.Element;
10
+ export declare function MonthPicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, fromYear, toYear, allowClear, ...ariaProps }: MonthPickerProp): React.JSX.Element;
@@ -1,3 +1,4 @@
1
+ import * as React from "react";
1
2
  import type { MonthRangePickerProp } from "../../props/components/data-entry.prop.js";
2
3
  export type { MonthRangePickerProp, MonthRangePickerProp as MonthRangePickerProps, } from "../../props/components/data-entry.prop.js";
3
4
  /**
@@ -8,4 +9,4 @@ export type { MonthRangePickerProp, MonthRangePickerProp as MonthRangePickerProp
8
9
  * affordance. Grid picks are two-step (from, then to — swapped when picked
9
10
  * backwards) and a pick on a COMPLETE range starts a new one (reset-on-complete).
10
11
  */
11
- export declare function MonthRangePicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, fromYear, toYear, allowClear, ...ariaProps }: MonthRangePickerProp): import("react/jsx-runtime").JSX.Element;
12
+ export declare function MonthRangePicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, fromYear, toYear, allowClear, ...ariaProps }: MonthRangePickerProp): React.JSX.Element;
@@ -16,5 +16,5 @@ export type PasswordStrengthReturn = {
16
16
  checks: Record<PasswordRule, boolean>;
17
17
  };
18
18
  export declare function usePasswordStrength(value: string, rules?: PasswordRule[]): PasswordStrengthReturn;
19
- export declare function PasswordStrength({ value, rules, showChecklist, labels, }: PasswordStrengthProps): import("react/jsx-runtime").JSX.Element;
19
+ export declare function PasswordStrength({ value, rules, showChecklist, labels, }: PasswordStrengthProps): import("react").JSX.Element;
20
20
  export {};
@@ -4,7 +4,7 @@ import type { RadioGroupProp } from "../../props/components/data-entry.prop.js";
4
4
  export type { RadioGroupProp, RadioGroupProp as RadioGroupProps, } from "../../props/components/data-entry.prop.js";
5
5
  declare const RadioGroupRoot: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
6
6
  declare const RadioItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
7
- declare function RadioGroupOptions({ value, defaultValue, onValueChange, options, orientation, disabled, name, id, className, children, ...ariaProps }: RadioGroupProp): import("react/jsx-runtime").JSX.Element;
7
+ declare function RadioGroupOptions({ value, defaultValue, onValueChange, options, orientation, disabled, name, id, className, children, ...ariaProps }: RadioGroupProp): React.JSX.Element;
8
8
  /** Single radio — use inside `Radio.Group` / `RadioGroupRoot`, or via `options` API. */
9
9
  export declare const Radio: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>> & {
10
10
  Root: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -16,5 +16,5 @@ interface SearchInputProps extends FieldA11yProps {
16
16
  id?: string;
17
17
  disabled?: boolean;
18
18
  }
19
- export declare function SearchInput({ value: controlledValue, defaultValue, placeholder, debounce, onValueChange, onSearch, label, ariaLabel, className, inputClassName, id, disabled, ...ariaProps }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
19
+ export declare function SearchInput({ value: controlledValue, defaultValue, placeholder, debounce, onValueChange, onSearch, label, ariaLabel, className, inputClassName, id, disabled, ...ariaProps }: SearchInputProps): React.JSX.Element;
20
20
  export {};
@@ -1,3 +1,4 @@
1
+ import * as React from "react";
1
2
  import type { SearchSelectProp } from "../../props/components/data-entry.prop.js";
2
3
  export type { SearchSelectProp, SearchSelectProp as SearchSelectProps, SearchSelectOptionProp, SearchSelectOptionProp as SearchSelectOption, SearchSelectLoadParamsProp, SearchSelectLoadResultProp, } from "../../props/components/data-entry.prop.js";
3
4
  /**
@@ -8,4 +9,4 @@ export type { SearchSelectProp, SearchSelectProp as SearchSelectProps, SearchSel
8
9
  * Custom per-option rendering via `renderOption` (Ant-Design style). Form-submittable via
9
10
  * `name`; e2e-testable by the trigger's `data-testid` + each option's `${data-testid}-option-${value}`.
10
11
  */
11
- export declare function SearchSelect({ value: valueProp, defaultValue, onValueChange, options: staticOptions, loadOptions, renderOption, labelRender, selectedLabel, selectedIcon, placeholder, searchPlaceholder, emptyMessage, loadingMessage, errorMessage, clearLabel, clearable, disabled, readOnly, size, open: openProp, onOpenChange, search: searchProp, onSearchChange, filterOption, renderError, renderLoadMore, name, id, className, "data-testid": dataTestId, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-errormessage": ariaErrorMessage, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, }: SearchSelectProp): import("react/jsx-runtime").JSX.Element;
12
+ export declare function SearchSelect({ value: valueProp, defaultValue, onValueChange, options: staticOptions, loadOptions, renderOption, labelRender, selectedLabel, selectedIcon, placeholder, searchPlaceholder, emptyMessage, loadingMessage, errorMessage, clearLabel, clearable, disabled, readOnly, size, open: openProp, onOpenChange, search: searchProp, onSearchChange, filterOption, renderError, renderLoadMore, name, id, className, "data-testid": dataTestId, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-errormessage": ariaErrorMessage, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, }: SearchSelectProp): React.JSX.Element;
@@ -9,9 +9,9 @@ export type SelectProp = SelectDataProp | React.ComponentProps<typeof SelectPrim
9
9
  * searchable combobox (powered by SearchSelect) vs a plain no-search listbox; supports async,
10
10
  * optgroup grouping, and `renderOption`.
11
11
  */
12
- export declare function Select(props: SelectProp): import("react/jsx-runtime").JSX.Element;
13
- export declare function SelectGroup(props: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
14
- export declare function SelectValue(props: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
12
+ export declare function Select(props: SelectProp): React.JSX.Element;
13
+ export declare function SelectGroup(props: React.ComponentProps<typeof SelectPrimitive.Group>): React.JSX.Element;
14
+ export declare function SelectValue(props: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
15
15
  export declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
16
16
  size?: "sm" | "md";
17
17
  /**
@@ -1,3 +1,4 @@
1
+ import * as React from "react";
1
2
  import type { TimePickerProp } from "../../props/components/data-entry.prop.js";
2
3
  export type { TimePickerProp, TimePickerProp as TimePickerProps, } from "../../props/components/data-entry.prop.js";
3
4
  /**
@@ -7,4 +8,4 @@ export type { TimePickerProp, TimePickerProp as TimePickerProps, } from "../../p
7
8
  * The column display honours the active `timeFormat` (12h shows 1-12 + AM/PM) while the canonical
8
9
  * value remains 24h `HH:mm`.
9
10
  */
10
- export declare function TimePicker({ value: controlledValue, defaultValue, onValueChange, placeholder, disabled, className, id, name, minuteStep, allowClear, ...ariaProps }: TimePickerProp): import("react/jsx-runtime").JSX.Element;
11
+ export declare function TimePicker({ value: controlledValue, defaultValue, onValueChange, placeholder, disabled, className, id, name, minuteStep, allowClear, ...ariaProps }: TimePickerProp): React.JSX.Element;
@@ -1,3 +1,4 @@
1
+ import * as React from "react";
1
2
  import type { TransferProp } from "../../props/components/data-entry.prop.js";
2
3
  export type { TransferProp, TransferProp as TransferProps, TransferItemProp, } from "../../props/components/data-entry.prop.js";
3
- export declare function Transfer({ dataSource, targetKeys, onValueChange, titles, showSearch, oneWay, disabled, id, className, selectedKeys: selectedKeysProp, onSelectChange, ...ariaProps }: TransferProp): import("react/jsx-runtime").JSX.Element;
4
+ export declare function Transfer({ dataSource, targetKeys, onValueChange, titles, showSearch, oneWay, disabled, id, className, selectedKeys: selectedKeysProp, onSelectChange, ...ariaProps }: TransferProp): React.JSX.Element;
@@ -1,7 +1,8 @@
1
+ import * as React from "react";
1
2
  import type { TreeSelectProp } from "../../props/components/data-entry.prop.js";
2
3
  export type { TreeSelectProp, TreeSelectProp as TreeSelectProps, } from "../../props/components/data-entry.prop.js";
3
4
  export { SHOW_CHILD, SHOW_PARENT, SHOW_ALL } from "./tree-select-strategy.js";
4
- declare function TreeSelectRoot({ treeData: treeDataProp, value, defaultValue, onValueChange, multiple, treeCheckable, treeCheckStrictly, showSearch, showCheckedStrategy, treeDefaultExpandAll, placeholder, disabled, allowClear, className, id, fieldNames, ...ariaProps }: TreeSelectProp): import("react/jsx-runtime").JSX.Element;
5
+ declare function TreeSelectRoot({ treeData: treeDataProp, value, defaultValue, onValueChange, multiple, treeCheckable, treeCheckStrictly, showSearch, showCheckedStrategy, treeDefaultExpandAll, placeholder, disabled, allowClear, className, id, fieldNames, ...ariaProps }: TreeSelectProp): React.JSX.Element;
5
6
  export declare const TreeSelect: typeof TreeSelectRoot & {
6
7
  SHOW_CHILD: "SHOW_CHILD";
7
8
  SHOW_PARENT: "SHOW_PARENT";
@@ -1,3 +1,4 @@
1
+ import * as React from "react";
1
2
  interface UploadCropDialogProps {
2
3
  open: boolean;
3
4
  onOpenChange: (open: boolean) => void;
@@ -5,5 +6,5 @@ interface UploadCropDialogProps {
5
6
  onConfirm: (cropped: File) => void;
6
7
  }
7
8
  /** Simple 1:1 avatar crop — canvas export, no extra deps. */
8
- export declare function UploadCropDialog({ open, onOpenChange, file, onConfirm }: UploadCropDialogProps): import("react/jsx-runtime").JSX.Element;
9
+ export declare function UploadCropDialog({ open, onOpenChange, file, onConfirm }: UploadCropDialogProps): React.JSX.Element;
9
10
  export {};
@@ -1,6 +1,7 @@
1
+ import * as React from "react";
1
2
  import type { UploadProp } from "../../props/components/data-entry.prop.js";
2
3
  export type { UploadProp, UploadProp as UploadProps, UploadFileItemProp, UploadVariantProp, } from "../../props/components/data-entry.prop.js";
3
4
  export type { UploadFileItem, UploadVariant, UploadCommitAction } from "./upload-types.js";
4
5
  export { collectUploadCommitActions, createUploadItem } from "./upload-types.js";
5
6
  export { useUploadDraft } from "./use-upload-draft.js";
6
- export declare function Upload({ variant, value, defaultValue, onValueChange, accept: acceptProp, multiple: multipleProp, maxCount: maxCountProp, maxSizeBytes, disabled, removable, onUpload, id, className, children, ...ariaProps }: UploadProp): import("react/jsx-runtime").JSX.Element;
7
+ export declare function Upload({ variant, value, defaultValue, onValueChange, accept: acceptProp, multiple: multipleProp, maxCount: maxCountProp, maxSizeBytes, disabled, removable, onUpload, id, className, children, ...ariaProps }: UploadProp): React.JSX.Element;
@@ -36,7 +36,7 @@ export declare const AlertActions: React.ForwardRefExoticComponent<React.HTMLAtt
36
36
  * - **Legacy mode** (no `category`, e.g. mutation/infinite feedback): shows the cleaned domain
37
37
  * message (`humanError`) + optional Retry — form-submit corrective guidance stays visible.
38
38
  */
39
- export declare function AlertQueryError({ error, category, onRetry, onAuthAction, className, }: AlertQueryErrorProp): import("react/jsx-runtime").JSX.Element;
39
+ export declare function AlertQueryError({ error, category, onRetry, onAuthAction, className, }: AlertQueryErrorProp): React.JSX.Element;
40
40
  export declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
41
41
  variant?: import("../../props/index.js").AlertVariantProp;
42
42
  tone?: ToneProp;
@@ -5,10 +5,10 @@ import type { ToneProp } from "../../props/vocabulary/index.js";
5
5
  import type { AlertDialogProp } from "../../props/components/feedback.prop.js";
6
6
  export type { AlertDialogProp, AlertDialogProp as AlertDialogProps, } from "../../props/components/feedback.prop.js";
7
7
  type DialogRootProps = React.ComponentProps<typeof DialogPrimitive.Root> & {};
8
- declare function DialogRoot(props: DialogRootProps): import("react/jsx-runtime").JSX.Element;
9
- declare function DialogTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
10
- declare function DialogPortal(props: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
11
- declare function DialogClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
8
+ declare function DialogRoot(props: DialogRootProps): React.JSX.Element;
9
+ declare function DialogTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
10
+ declare function DialogPortal(props: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
11
+ declare function DialogClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
12
12
  declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
13
  declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
14
14
  showClose?: boolean;
@@ -21,15 +21,15 @@ interface DialogHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "
21
21
  tone?: ToneProp;
22
22
  }
23
23
  declare const DialogHeader: {
24
- ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
24
+ ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): React.JSX.Element;
25
25
  displayName: string;
26
26
  };
27
27
  declare const DialogBody: {
28
- ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
28
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
29
29
  displayName: string;
30
30
  };
31
31
  declare const DialogFooter: {
32
- ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
32
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
33
33
  displayName: string;
34
34
  };
35
35
  declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
@@ -42,11 +42,11 @@ declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDial
42
42
  showCloseButton?: boolean;
43
43
  } & React.RefAttributes<HTMLDivElement>>;
44
44
  declare const AlertDialogHeader: {
45
- ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
45
+ ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): React.JSX.Element;
46
46
  displayName: string;
47
47
  };
48
48
  declare const AlertDialogFooter: {
49
- ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
49
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
50
50
  displayName: string;
51
51
  };
52
52
  declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
@@ -57,8 +57,15 @@ declare const DialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrim
57
57
  declare const DialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
58
58
  declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
59
59
  declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
60
- /** Preset: confirm / destructive / type-to-confirm without compound markup. */
61
- declare function AlertDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, variant, confirmPhrase, onConfirm, keepOpenOnConfirm, pending, }: AlertDialogProp): import("react/jsx-runtime").JSX.Element;
60
+ /**
61
+ * Preset: confirm / destructive / typed-challenge / step-up without compound markup.
62
+ *
63
+ * High-stakes deletion recipe ("DangerConfirm", godxui#193): pass `challenge` (or `confirmPhrase`)
64
+ * to gate the confirm button behind an exact typed match (org slug / resource name), and `stepUp`
65
+ * for an async re-auth gate (passkey / 2FA) that must resolve truthy before `onConfirm` fires.
66
+ * Both flows force the destructive tone (button + soft header band).
67
+ */
68
+ declare function AlertDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, variant, confirmPhrase, challenge, onConfirm, stepUp, keepOpenOnConfirm, pending, }: AlertDialogProp): React.JSX.Element;
62
69
  export declare const Dialog: typeof DialogRoot & {
63
70
  Trigger: typeof DialogTrigger;
64
71
  Portal: typeof DialogPortal;
@@ -68,15 +75,15 @@ export declare const Dialog: typeof DialogRoot & {
68
75
  showCloseButton?: boolean;
69
76
  } & React.RefAttributes<HTMLDivElement>>;
70
77
  Header: {
71
- ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
78
+ ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): React.JSX.Element;
72
79
  displayName: string;
73
80
  };
74
81
  Body: {
75
- ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
82
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
76
83
  displayName: string;
77
84
  };
78
85
  Footer: {
79
- ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
86
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
80
87
  displayName: string;
81
88
  };
82
89
  Title: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;