@keboola/design 11.4.0 → 11.6.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.
- package/AGENTS.md +198 -7
- package/CHANGELOG.md +383 -0
- package/COMPONENT-API.md +73 -52
- package/dist/{AIKit-DDg5DBCG.js → AIKit-BExvt9pt.js} +390 -70
- package/dist/AIKit-BExvt9pt.js.map +1 -0
- package/dist/{Alert-DHJFrWnS.js → Alert-Ba5b2YPq.js} +2 -2
- package/dist/{Alert-DHJFrWnS.js.map → Alert-Ba5b2YPq.js.map} +1 -1
- package/dist/{Badge-Ch26CXoP.js → Badge-D0pXdekt.js} +2 -2
- package/dist/Badge-D0pXdekt.js.map +1 -0
- package/dist/{BrandEditor-Go7w8Zj2.js → BrandEditor-CSANsxUz.js} +6 -6
- package/dist/{BrandEditor-Go7w8Zj2.js.map → BrandEditor-CSANsxUz.js.map} +1 -1
- package/dist/{BrandLogo-Dmi7jo21.js → BrandLogo-CoKBk4MI.js} +4 -4
- package/dist/BrandLogo-CoKBk4MI.js.map +1 -0
- package/dist/{Breadcrumb-uEkM6adI.js → Breadcrumb-g_xn_-Nf.js} +2 -2
- package/dist/{Breadcrumb-uEkM6adI.js.map → Breadcrumb-g_xn_-Nf.js.map} +1 -1
- package/dist/{Checkbox-fC0BuO2B.js → Checkbox-CUIn2jap.js} +2 -2
- package/dist/{Checkbox-fC0BuO2B.js.map → Checkbox-CUIn2jap.js.map} +1 -1
- package/dist/{Clipboard-ChPdiUy3.js → Clipboard-BTW6C-b_.js} +2 -2
- package/dist/{Clipboard-ChPdiUy3.js.map → Clipboard-BTW6C-b_.js.map} +1 -1
- package/dist/{ClipboardButton-D9pDjgkB.js → ClipboardButton-CwZJdRaz.js} +2 -2
- package/dist/{ClipboardButton-D9pDjgkB.js.map → ClipboardButton-CwZJdRaz.js.map} +1 -1
- package/dist/{CodeEditor-Cxy3HnKH.js → CodeEditor-C9zy7PxK.js} +6 -6
- package/dist/{CodeEditor-Cxy3HnKH.js.map → CodeEditor-C9zy7PxK.js.map} +1 -1
- package/dist/{ColorInput-Bxj-1eLT.js → ColorInput-BZV-u_94.js} +3 -3
- package/dist/{ColorInput-Bxj-1eLT.js.map → ColorInput-BZV-u_94.js.map} +1 -1
- package/dist/{Combobox-Cs_1pj2q.js → Combobox-BfIfaVMA.js} +273 -104
- package/dist/Combobox-BfIfaVMA.js.map +1 -0
- package/dist/{Command-B7ML9YMv.js → Command-Bfa1kpbt.js} +2 -2
- package/dist/{Command-B7ML9YMv.js.map → Command-Bfa1kpbt.js.map} +1 -1
- package/dist/{CopyField-BO_sh-HO.js → CopyField-DpT0Ngz1.js} +2 -2
- package/dist/{CopyField-BO_sh-HO.js.map → CopyField-DpT0Ngz1.js.map} +1 -1
- package/dist/{DateInput-ZdaMQo5i.js → DateInput-DiEd5uCL.js} +3 -3
- package/dist/{DateInput-ZdaMQo5i.js.map → DateInput-DiEd5uCL.js.map} +1 -1
- package/dist/{DateRangeInput-DkvNh_sT.js → DateRangeInput-DPfVYchl.js} +3 -3
- package/dist/{DateRangeInput-DkvNh_sT.js.map → DateRangeInput-DPfVYchl.js.map} +1 -1
- package/dist/DiagramSource-C5_d8Gdj.js +11 -0
- package/dist/DiagramSource-C5_d8Gdj.js.map +1 -0
- package/dist/{FieldItem-CCd9-xnp.js → FieldItem-B7XMmZSz.js} +3 -3
- package/dist/{FieldItem-CCd9-xnp.js.map → FieldItem-B7XMmZSz.js.map} +1 -1
- package/dist/{Form-k6PH-em3.js → Form-CsttTHn4.js} +7 -7
- package/dist/Form-CsttTHn4.js.map +1 -0
- package/dist/{FormGroup-DbcDtrgU.js → FormGroup-DHvTFdno.js} +3 -3
- package/dist/{FormGroup-DbcDtrgU.js.map → FormGroup-DHvTFdno.js.map} +1 -1
- package/dist/{FullScreenModal-BvPuYibe.js → FullScreenModal-CN9nAs72.js} +50 -2
- package/dist/FullScreenModal-CN9nAs72.js.map +1 -0
- package/dist/{InputGroup-BnLHY0eq.js → InputGroup-DcZRlVnN.js} +22 -14
- package/dist/InputGroup-DcZRlVnN.js.map +1 -0
- package/dist/{Kbd-CvSM3D3-.js → Kbd-Cvvt91Q8.js} +14 -4
- package/dist/Kbd-Cvvt91Q8.js.map +1 -0
- package/dist/{MermaidDiagram-WkonYErO.js → MermaidDiagram-DSI7xMu2.js} +21 -19
- package/dist/MermaidDiagram-DSI7xMu2.js.map +1 -0
- package/dist/{MultiActionButtonGroup-CxWH7yWK.js → MultiActionButtonGroup-DokHbPgM.js} +2 -2
- package/dist/{MultiActionButtonGroup-CxWH7yWK.js.map → MultiActionButtonGroup-DokHbPgM.js.map} +1 -1
- package/dist/{Navbar-B2UsolVU.js → Navbar-Liy1TPI7.js} +6 -6
- package/dist/{Navbar-B2UsolVU.js.map → Navbar-Liy1TPI7.js.map} +1 -1
- package/dist/PageHeader-Q3IpCnQd.js.map +1 -1
- package/dist/{PageToolbar-DnbFt14Q.js → PageToolbar-DExqEYGl.js} +2 -2
- package/dist/{PageToolbar-DnbFt14Q.js.map → PageToolbar-DExqEYGl.js.map} +1 -1
- package/dist/{Popconfirm-CILjmzKI.js → Popconfirm-5pBzT_HQ.js} +10 -11
- package/dist/{Popconfirm-CILjmzKI.js.map → Popconfirm-5pBzT_HQ.js.map} +1 -1
- package/dist/{RadioGroup-XFzFd1ti.js → RadioGroup-DXPbSj8P.js} +2 -2
- package/dist/{RadioGroup-XFzFd1ti.js.map → RadioGroup-DXPbSj8P.js.map} +1 -1
- package/dist/{Search-4Bxtt8hS.js → Search-5uQAiNIP.js} +2 -2
- package/dist/{Search-4Bxtt8hS.js.map → Search-5uQAiNIP.js.map} +1 -1
- package/dist/{SearchInput-f_oY9T4Z.js → SearchInput-D4UgAXJK.js} +3 -3
- package/dist/{SearchInput-f_oY9T4Z.js.map → SearchInput-D4UgAXJK.js.map} +1 -1
- package/dist/{SectionNav-BpJlisbT.js → SectionNav-OkKCjSA-.js} +3 -3
- package/dist/{SectionNav-BpJlisbT.js.map → SectionNav-OkKCjSA-.js.map} +1 -1
- package/dist/{Select-DpcgKqKB.js → Select-DV3Hak_l.js} +3 -4
- package/dist/Select-DV3Hak_l.js.map +1 -0
- package/dist/{Sidebar-Cm6I4dE1.js → Sidebar-D3cY1kha.js} +44 -20
- package/dist/Sidebar-D3cY1kha.js.map +1 -0
- package/dist/{Slider-pPC_3gz9.js → Slider-CRf-bB4y.js} +2 -2
- package/dist/{Slider-pPC_3gz9.js.map → Slider-CRf-bB4y.js.map} +1 -1
- package/dist/{Switch-ChfPKcTE.js → Switch-B0WdGSjz.js} +7 -7
- package/dist/{Switch-ChfPKcTE.js.map → Switch-B0WdGSjz.js.map} +1 -1
- package/dist/{TextInput-DHM6dHmn.js → TextInput-DH5SkbsE.js} +3 -3
- package/dist/{TextInput-DHM6dHmn.js.map → TextInput-DH5SkbsE.js.map} +1 -1
- package/dist/{ThemeProvider-DrQJtzpd.js → ThemeProvider-2RMdVGxO.js} +17 -12
- package/dist/{ThemeProvider-DrQJtzpd.js.map → ThemeProvider-2RMdVGxO.js.map} +1 -1
- package/dist/{Timeline-6btyJl4D.js → Timeline-BG5Xogxh.js} +11 -11
- package/dist/{Timeline-6btyJl4D.js.map → Timeline-BG5Xogxh.js.map} +1 -1
- package/dist/{Workbench-BzE-Vvd9.js → Workbench-UR2FBC7I.js} +3 -1
- package/dist/Workbench-UR2FBC7I.js.map +1 -0
- package/dist/{ZoomableSvg-BWnDkR61.js → ZoomableSvg-pooPb1Cu.js} +3 -3
- package/dist/{ZoomableSvg-BWnDkR61.js.map → ZoomableSvg-pooPb1Cu.js.map} +1 -1
- package/dist/editors.js +4 -4
- package/dist/flint.js +136 -9
- package/dist/flint.js.map +1 -1
- package/dist/index.d.ts +801 -324
- package/dist/index.js +41 -40
- package/dist/internal/blocks/AIKit.js +2 -2
- package/dist/internal/blocks/AuthLayout.js +118 -0
- package/dist/internal/blocks/AuthLayout.js.map +1 -0
- package/dist/internal/blocks/BrandEditor.js +1 -1
- package/dist/internal/blocks/ClipboardButton.js +1 -1
- package/dist/internal/blocks/ColorInput.js +1 -1
- package/dist/internal/blocks/Command.js +1 -1
- package/dist/internal/blocks/CopyField.js +1 -1
- package/dist/internal/blocks/DateInput.js +1 -1
- package/dist/internal/blocks/DateRangeInput.js +1 -1
- package/dist/internal/blocks/ExportMenu.js +1 -1
- package/dist/internal/blocks/Form/connectors/MultiComboboxField.js +1 -1
- package/dist/internal/blocks/Form.js +1 -1
- package/dist/internal/blocks/FormGroup.js +1 -1
- package/dist/internal/blocks/MultiActionButtonGroup.js +1 -1
- package/dist/internal/blocks/MultiCombobox.js +107 -48
- package/dist/internal/blocks/MultiCombobox.js.map +1 -1
- package/dist/internal/blocks/NumberInput.js +1 -1
- package/dist/internal/blocks/PageToolbar.js +1 -1
- package/dist/internal/blocks/PasswordInput.js +2 -2
- package/dist/internal/blocks/SearchInput.js +1 -1
- package/dist/internal/blocks/SearchInputWithNavigation.js +2 -2
- package/dist/internal/blocks/SectionNav.js +1 -1
- package/dist/internal/blocks/TextInput.js +1 -1
- package/dist/internal/blocks/Textarea.js +1 -1
- package/dist/internal/blocks/TimeInput.js +2 -2
- package/dist/internal/components/Alert.js +1 -1
- package/dist/internal/components/Avatar.js +1 -1
- package/dist/internal/components/Badge.js +1 -1
- package/dist/internal/components/BrandLogo.js +1 -1
- package/dist/internal/components/Breadcrumb.js +1 -1
- package/dist/internal/components/Checkbox.js +1 -1
- package/dist/internal/components/Clipboard.js +1 -1
- package/dist/internal/components/CollapsiblePanel.js +1 -1
- package/dist/internal/components/Combobox.js +2 -2
- package/dist/internal/components/FullScreenModal.js +1 -1
- package/dist/internal/components/InputGroup.js +1 -1
- package/dist/internal/components/Kbd.js +1 -1
- package/dist/internal/components/Navbar.js +1 -1
- package/dist/internal/components/Popconfirm.js +1 -1
- package/dist/internal/components/Progress.js +3 -1
- package/dist/internal/components/Progress.js.map +1 -1
- package/dist/internal/components/RadioGroup.js +1 -1
- package/dist/internal/components/Search.js +1 -1
- package/dist/internal/components/Select.js +1 -1
- package/dist/internal/components/Sidebar.js +1 -1
- package/dist/internal/components/Slider.js +1 -1
- package/dist/internal/components/Switch.js +1 -1
- package/dist/internal/components/ThemeProvider.js +1 -1
- package/dist/internal/components/Timeline.js +1 -1
- package/dist/internal/components/Tooltip.js +1 -1
- package/dist/internal/components/Truncated.js +1 -1
- package/dist/internal/components/Workbench.js +1 -1
- package/dist/internal/components/ZoomableSvg.js +1 -1
- package/dist/internal/utils.js +2 -2
- package/dist/markdown-editor.js +29 -23
- package/dist/markdown-editor.js.map +1 -1
- package/dist/mermaid.js +1 -1
- package/dist/rjsf.js +22 -23
- package/dist/rjsf.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/{svgTransforms-C9njt92h.js → svgTransforms-CJAYPk7o.js} +2 -10
- package/dist/svgTransforms-CJAYPk7o.js.map +1 -0
- package/dist/testing.js +1 -1
- package/dist/{useColorSchemeState-klihG9-i.js → themeScopeContext-D7fSyb06.js} +16 -3
- package/dist/themeScopeContext-D7fSyb06.js.map +1 -0
- package/dist/{themeTokens-D70HeNVF.js → themeTokens-qP1-55O7.js} +37 -10
- package/dist/themeTokens-qP1-55O7.js.map +1 -0
- package/dist/{utils-B5Z52hYs.js → utils-DSvrhU8E.js} +6 -2
- package/dist/{utils-B5Z52hYs.js.map → utils-DSvrhU8E.js.map} +1 -1
- package/dist/vega.d.ts +1 -1
- package/dist/vega.js +3 -3
- package/dist/vega.js.map +1 -1
- package/dist/{vegaTheme-DfoEQhOy.js → vegaTheme-CSvFEMBl.js} +6 -6
- package/dist/vegaTheme-CSvFEMBl.js.map +1 -0
- package/package.json +11 -9
- package/src/styles.css +3 -0
- package/dist/AIKit-DDg5DBCG.js.map +0 -1
- package/dist/Badge-Ch26CXoP.js.map +0 -1
- package/dist/BrandLogo-Dmi7jo21.js.map +0 -1
- package/dist/Combobox-Cs_1pj2q.js.map +0 -1
- package/dist/Form-k6PH-em3.js.map +0 -1
- package/dist/FullScreenModal-BvPuYibe.js.map +0 -1
- package/dist/InputGroup-BnLHY0eq.js.map +0 -1
- package/dist/Kbd-CvSM3D3-.js.map +0 -1
- package/dist/MermaidDiagram-WkonYErO.js.map +0 -1
- package/dist/Select-DpcgKqKB.js.map +0 -1
- package/dist/Sidebar-Cm6I4dE1.js.map +0 -1
- package/dist/Workbench-BzE-Vvd9.js.map +0 -1
- package/dist/svgTransforms-C9njt92h.js.map +0 -1
- package/dist/themeTokens-D70HeNVF.js.map +0 -1
- package/dist/useColorSchemeState-klihG9-i.js.map +0 -1
- package/dist/vegaTheme-DfoEQhOy.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -56,7 +56,7 @@ declare const argoVariants: (props?: ({
|
|
|
56
56
|
* for height (including `icon-*` sizes when rendering icon-only). Icons are
|
|
57
57
|
* composed as children — `<Button><Trash2 className="tw:size-4" /> Delete</Button>`.
|
|
58
58
|
*/
|
|
59
|
-
type Props$
|
|
59
|
+
type Props$263 = {
|
|
60
60
|
/** Replaces the leading content with a spinner and disables the button visually. The caller still controls `disabled`. */
|
|
61
61
|
isLoading?: boolean;
|
|
62
62
|
/** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
|
|
@@ -75,31 +75,31 @@ type Props$262 = {
|
|
|
75
75
|
* @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
|
|
76
76
|
* @see RECIPES.md#confirm-dialog — for destructive-action confirmation
|
|
77
77
|
*/
|
|
78
|
-
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$
|
|
78
|
+
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$263) => import("react/jsx-runtime").JSX.Element;
|
|
79
79
|
//#endregion
|
|
80
80
|
//#region src/components/Button/ButtonInline.d.ts
|
|
81
81
|
declare const buttonInlineVariants: (props?: ({
|
|
82
82
|
color?: "custom" | "danger" | "dark" | "link" | "muted" | null | undefined;
|
|
83
83
|
variant?: "custom" | "link" | "link-reverse" | null | undefined;
|
|
84
84
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
85
|
-
type Props$
|
|
85
|
+
type Props$262 = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
|
|
86
86
|
asChild?: boolean;
|
|
87
87
|
};
|
|
88
|
-
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$
|
|
88
|
+
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$262) => import("react/jsx-runtime").JSX.Element;
|
|
89
89
|
//#endregion
|
|
90
90
|
//#region src/components/ButtonGroup/ButtonGroup.d.ts
|
|
91
91
|
declare const buttonGroupVariant: (props?: ({
|
|
92
92
|
variant?: "block" | "inline" | null | undefined;
|
|
93
93
|
space?: "compact" | "extra-small" | "large" | "little-small" | "medium" | "small" | null | undefined;
|
|
94
94
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
95
|
-
type Props$
|
|
95
|
+
type Props$261 = {
|
|
96
96
|
children: ReactNode;
|
|
97
97
|
className?: string;
|
|
98
98
|
} & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
|
|
99
|
-
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$
|
|
99
|
+
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$261) => import("react/jsx-runtime").JSX.Element;
|
|
100
100
|
//#endregion
|
|
101
101
|
//#region src/components/DropdownMenu/DropdownMenuItem.d.ts
|
|
102
|
-
type Props$
|
|
102
|
+
type Props$260 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
103
103
|
/**
|
|
104
104
|
* Fix for `autoFocus` on inputs not working correctly in modals.
|
|
105
105
|
* While the DropdownMenuItem was animating out and the modal was animating in, the dying DropdownMenuItem was constantly trying to steal focus while the Dialog was trying to correctly set the new focus.
|
|
@@ -111,13 +111,13 @@ type Props$259 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
|
111
111
|
isLoading?: boolean;
|
|
112
112
|
iconClassName?: string;
|
|
113
113
|
};
|
|
114
|
-
declare const DropdownMenuItem: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: Props$
|
|
114
|
+
declare const DropdownMenuItem: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: Props$260) => import("react/jsx-runtime").JSX.Element;
|
|
115
115
|
//#endregion
|
|
116
116
|
//#region src/blocks/SplitButton/SplitButton.d.ts
|
|
117
117
|
type Variant$9 = ComponentProps<typeof Button>['variant'];
|
|
118
118
|
type Size = NonNullable<ComponentProps<typeof Button>['size']>;
|
|
119
119
|
type SpitButtonSize = Exclude<Size, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
|
|
120
|
-
type Props$
|
|
120
|
+
type Props$259 = {
|
|
121
121
|
actions?: ReactNode;
|
|
122
122
|
isActionsOpen?: boolean;
|
|
123
123
|
onActionsOpenChange?: (open: boolean) => void;
|
|
@@ -126,7 +126,7 @@ type Props$258 = {
|
|
|
126
126
|
variant?: Exclude<Variant$9, 'inline' | 'invisible'>;
|
|
127
127
|
size?: SpitButtonSize;
|
|
128
128
|
} & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
|
|
129
|
-
declare const SplitButtonBase: ({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$
|
|
129
|
+
declare const SplitButtonBase: ({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$259) => import("react/jsx-runtime").JSX.Element;
|
|
130
130
|
declare const SplitButton: typeof SplitButtonBase & {
|
|
131
131
|
Action: typeof DropdownMenuItem;
|
|
132
132
|
Actions: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -136,21 +136,21 @@ declare const SplitButton: typeof SplitButtonBase & {
|
|
|
136
136
|
declare const tooltipVariants: (props?: ({
|
|
137
137
|
variant?: "action" | "explanatory" | null | undefined;
|
|
138
138
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
139
|
-
type Props$
|
|
139
|
+
type Props$258 = {
|
|
140
140
|
keepOpenOnPointerDownOutside?: boolean;
|
|
141
141
|
placement?: ComponentProps<typeof Content>['side'];
|
|
142
142
|
} & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
|
|
143
|
-
declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$
|
|
143
|
+
declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$258) => import("react/jsx-runtime").JSX.Element;
|
|
144
144
|
//#endregion
|
|
145
145
|
//#region src/components/Tooltip/TooltipRoot.d.ts
|
|
146
|
-
type Props$
|
|
147
|
-
declare const TooltipRoot: ({ children, delayDuration, ...rest }: Props$
|
|
146
|
+
type Props$257 = ComponentProps<typeof Root$1>;
|
|
147
|
+
declare const TooltipRoot: ({ children, delayDuration, ...rest }: Props$257) => import("react/jsx-runtime").JSX.Element;
|
|
148
148
|
//#endregion
|
|
149
149
|
//#region src/components/Tooltip/TooltipTrigger.d.ts
|
|
150
|
-
type Props$
|
|
150
|
+
type Props$256 = {
|
|
151
151
|
keepOpenOnClick?: boolean;
|
|
152
152
|
} & ComponentProps<typeof Trigger$1>;
|
|
153
|
-
declare const TooltipTrigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: Props$
|
|
153
|
+
declare const TooltipTrigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: Props$256) => import("react/jsx-runtime").JSX.Element;
|
|
154
154
|
//#endregion
|
|
155
155
|
//#region src/components/Tooltip/Tooltip.d.ts
|
|
156
156
|
type TriggerProps$1 = {
|
|
@@ -185,7 +185,7 @@ declare namespace Tooltip {
|
|
|
185
185
|
}
|
|
186
186
|
//#endregion
|
|
187
187
|
//#region src/blocks/MultiActionButtonGroup/MultiActionButton.d.ts
|
|
188
|
-
type Props$
|
|
188
|
+
type Props$255 = {
|
|
189
189
|
disabled?: boolean;
|
|
190
190
|
icon: ReactNode;
|
|
191
191
|
isLoading?: boolean;
|
|
@@ -195,13 +195,13 @@ type Props$254 = {
|
|
|
195
195
|
tooltipVariant?: ComponentProps<typeof Tooltip>['variant'];
|
|
196
196
|
'data-testid'?: string;
|
|
197
197
|
};
|
|
198
|
-
declare const MultiActionButton: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, 'data-testid': dataTestId }: Props$
|
|
198
|
+
declare const MultiActionButton: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, 'data-testid': dataTestId }: Props$255) => import("react/jsx-runtime").JSX.Element;
|
|
199
199
|
//#endregion
|
|
200
200
|
//#region src/blocks/MultiActionButtonGroup/MultiActionButtonGroup.d.ts
|
|
201
|
-
type Props$
|
|
201
|
+
type Props$254 = {
|
|
202
202
|
className?: string;
|
|
203
203
|
} & PropsWithChildren;
|
|
204
|
-
declare function MultiActionButtonGroup({ children, className }: Props$
|
|
204
|
+
declare function MultiActionButtonGroup({ children, className }: Props$254): import("react/jsx-runtime").JSX.Element;
|
|
205
205
|
declare namespace MultiActionButtonGroup {
|
|
206
206
|
export { MultiActionButton as Button };
|
|
207
207
|
}
|
|
@@ -213,55 +213,55 @@ declare const toggleVariants: (props?: ({
|
|
|
213
213
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
214
214
|
iconOnly?: boolean | null | undefined;
|
|
215
215
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
216
|
-
type Props$
|
|
216
|
+
type Props$253 = {
|
|
217
217
|
icon?: ReactNode;
|
|
218
218
|
badge?: ReactNode;
|
|
219
219
|
orientation?: 'horizontal' | 'vertical';
|
|
220
220
|
} & ComponentProps<typeof Root$3> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly' | 'orientation'>;
|
|
221
|
-
declare const Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$
|
|
221
|
+
declare const Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$253) => import("react/jsx-runtime").JSX.Element;
|
|
222
222
|
//#endregion
|
|
223
223
|
//#region src/components/ToggleGroup/ToggleGroup.d.ts
|
|
224
224
|
declare const rootVariants: (props?: ({
|
|
225
225
|
size?: "large" | "medium" | "small" | null | undefined;
|
|
226
226
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
227
|
-
type RootProps$
|
|
227
|
+
type RootProps$9 = ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof rootVariants>;
|
|
228
228
|
/**
|
|
229
229
|
* Segmented row of mutually-exclusive (or multi-select) options. Built on `@radix-ui/react-toggle-group`.
|
|
230
230
|
* For `type="single"`, `onValueChange` receives `""` when the user deselects the active item.
|
|
231
231
|
*/
|
|
232
|
-
declare const Root$
|
|
232
|
+
declare const Root$20: ({ ref, className, size, ...props }: RootProps$9) => import("react/jsx-runtime").JSX.Element;
|
|
233
233
|
type ItemProps$1 = ComponentProps<typeof ToggleGroupPrimitive.Item>;
|
|
234
234
|
declare const Item$1: ({ ref, className, ...props }: ItemProps$1) => import("react/jsx-runtime").JSX.Element;
|
|
235
|
-
declare const ToggleGroup: typeof Root$
|
|
235
|
+
declare const ToggleGroup: typeof Root$20 & {
|
|
236
236
|
/** Individual segment inside a `ToggleGroup`. `value` is required and must be unique within the group. */
|
|
237
237
|
Item: typeof Item$1;
|
|
238
238
|
};
|
|
239
239
|
//#endregion
|
|
240
240
|
//#region src/components/Clipboard/Clipboard.d.ts
|
|
241
|
-
type Props$
|
|
241
|
+
type Props$252 = {
|
|
242
242
|
tooltip?: Props$8['tooltip'];
|
|
243
243
|
tooltipPlacement?: Props$8['placement'];
|
|
244
244
|
tooltipVariant?: Props$8['variant'];
|
|
245
245
|
asChild?: Props$8['triggerAsChild'];
|
|
246
246
|
text?: string | (() => string);
|
|
247
247
|
} & ComponentProps<'button'>;
|
|
248
|
-
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$
|
|
248
|
+
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$252) => import("react/jsx-runtime").JSX.Element;
|
|
249
249
|
//#endregion
|
|
250
250
|
//#region src/blocks/ClipboardButton/ClipboardButton.d.ts
|
|
251
251
|
type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
252
252
|
type ButtonProps$4 = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;
|
|
253
|
-
type Props$
|
|
253
|
+
type Props$251 = ClipboardProps$1 & ButtonProps$4 & {
|
|
254
254
|
icon?: ReactNode;
|
|
255
255
|
};
|
|
256
|
-
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$
|
|
256
|
+
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$251) => import("react/jsx-runtime").JSX.Element;
|
|
257
257
|
//#endregion
|
|
258
258
|
//#region src/blocks/ClipboardButton/ClipboardInline.d.ts
|
|
259
259
|
type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
260
260
|
type ButtonProps$3 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
|
|
261
|
-
type Props$
|
|
261
|
+
type Props$250 = {
|
|
262
262
|
hideIcon?: boolean;
|
|
263
263
|
} & ClipboardProps & ButtonProps$3;
|
|
264
|
-
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$
|
|
264
|
+
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$250) => import("react/jsx-runtime").JSX.Element;
|
|
265
265
|
//#endregion
|
|
266
266
|
//#region src/blocks/ExportMenu/ExportMenu.d.ts
|
|
267
267
|
type ExportMenuItem = {
|
|
@@ -269,7 +269,7 @@ type ExportMenuItem = {
|
|
|
269
269
|
label: string;
|
|
270
270
|
onSelect: () => void;
|
|
271
271
|
};
|
|
272
|
-
type Props$
|
|
272
|
+
type Props$249 = {
|
|
273
273
|
items: ExportMenuItem[];
|
|
274
274
|
/** Accessible name + tooltip for the trigger, e.g. "Export table". */
|
|
275
275
|
label: string;
|
|
@@ -291,7 +291,7 @@ type Props$248 = {
|
|
|
291
291
|
* which in turn pulls `ScrollArea`) plus two more external deps behind the lazy
|
|
292
292
|
* boundary. Callers already paying for the barrel inject this instead.
|
|
293
293
|
*/
|
|
294
|
-
declare const ExportMenu: ({ items, label, size, variant }: Props$
|
|
294
|
+
declare const ExportMenu: ({ items, label, size, variant }: Props$249) => import("react/jsx-runtime").JSX.Element;
|
|
295
295
|
//#endregion
|
|
296
296
|
//#region src/blocks/CopyField/CopyBox.d.ts
|
|
297
297
|
type CopyBoxProps = {
|
|
@@ -488,11 +488,11 @@ declare const LABELS$1: {
|
|
|
488
488
|
readonly signup: 'Sign up with Microsoft';
|
|
489
489
|
readonly continue: 'Continue with Microsoft';
|
|
490
490
|
};
|
|
491
|
-
type Props$
|
|
491
|
+
type Props$248 = ComponentPropsWithRef<'button'> & {
|
|
492
492
|
label?: keyof typeof LABELS$1;
|
|
493
493
|
isLoading?: boolean;
|
|
494
494
|
};
|
|
495
|
-
declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$
|
|
495
|
+
declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$248) => import("react/jsx-runtime").JSX.Element;
|
|
496
496
|
//#endregion
|
|
497
497
|
//#region src/blocks/GoogleButton/GoogleButton.d.ts
|
|
498
498
|
declare const LABELS: {
|
|
@@ -506,15 +506,15 @@ declare const variants$6: (props?: ({
|
|
|
506
506
|
shape?: "circle" | "rectangular" | null | undefined;
|
|
507
507
|
size?: "default" | "icon" | null | undefined;
|
|
508
508
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
509
|
-
type Props$
|
|
509
|
+
type Props$247 = ComponentPropsWithRef<'button'> & VariantProps<typeof variants$6> & {
|
|
510
510
|
label?: keyof typeof LABELS;
|
|
511
511
|
isLoading?: boolean;
|
|
512
512
|
};
|
|
513
|
-
declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$
|
|
513
|
+
declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$247) => import("react/jsx-runtime").JSX.Element;
|
|
514
514
|
//#endregion
|
|
515
515
|
//#region src/components/Link.d.ts
|
|
516
|
-
type Props$
|
|
517
|
-
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$
|
|
516
|
+
type Props$246 = ComponentProps<'a'>;
|
|
517
|
+
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$246) => import("react/jsx-runtime").JSX.Element;
|
|
518
518
|
//#endregion
|
|
519
519
|
//#region src/components/AlertModal/variant.d.ts
|
|
520
520
|
/**
|
|
@@ -524,7 +524,7 @@ declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }
|
|
|
524
524
|
type AlertModalVariant = 'info' | 'warning' | 'danger' | 'success';
|
|
525
525
|
//#endregion
|
|
526
526
|
//#region src/components/AlertModal/AlertModalContent.d.ts
|
|
527
|
-
type Props$
|
|
527
|
+
type Props$245 = {
|
|
528
528
|
variant?: AlertModalVariant;
|
|
529
529
|
icon?: ReactNode;
|
|
530
530
|
title?: ReactNode;
|
|
@@ -534,23 +534,23 @@ type Props$244 = {
|
|
|
534
534
|
confirmDisabled?: boolean;
|
|
535
535
|
container?: ComponentProps<typeof Portal$1>['container'];
|
|
536
536
|
} & Omit<ComponentProps<typeof Content$1>, 'title'>;
|
|
537
|
-
declare const AlertModalContent: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, confirmDisabled, container, className, children, onEscapeKeyDown, ...props }: Props$
|
|
537
|
+
declare const AlertModalContent: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, confirmDisabled, container, className, children, onEscapeKeyDown, ...props }: Props$245) => import("react/jsx-runtime").JSX.Element;
|
|
538
538
|
//#endregion
|
|
539
539
|
//#region src/components/AlertModal/AlertModalTrigger.d.ts
|
|
540
|
-
type Props$
|
|
541
|
-
declare const AlertModalTrigger: ({ ref, onClick, onKeyDown, ...props }: Props$
|
|
540
|
+
type Props$244 = ComponentPropsWithRef<typeof Trigger$3>;
|
|
541
|
+
declare const AlertModalTrigger: ({ ref, onClick, onKeyDown, ...props }: Props$244) => import("react/jsx-runtime").JSX.Element;
|
|
542
542
|
//#endregion
|
|
543
543
|
//#region src/components/AlertModal/AlertModal.d.ts
|
|
544
544
|
type ConfirmHandler = (event: MouseEvent<HTMLButtonElement>) => void | Promise<unknown>;
|
|
545
545
|
type CancelHandler = (event: MouseEvent<HTMLButtonElement>) => void;
|
|
546
|
-
type Props$
|
|
546
|
+
type Props$243 = {
|
|
547
547
|
onConfirm?: ConfirmHandler;
|
|
548
548
|
onCancel?: CancelHandler;
|
|
549
549
|
skipAsyncWait?: boolean;
|
|
550
550
|
/** Marks the confirm action busy from the outside, on top of the state inferred from a thenable `onConfirm`. */
|
|
551
551
|
isLoading?: boolean;
|
|
552
552
|
} & ComponentProps<typeof Root$4>;
|
|
553
|
-
declare function AlertModal({ children, onConfirm, onCancel, skipAsyncWait, isLoading, open, defaultOpen, onOpenChange, ...rest }: Props$
|
|
553
|
+
declare function AlertModal({ children, onConfirm, onCancel, skipAsyncWait, isLoading, open, defaultOpen, onOpenChange, ...rest }: Props$243): import("react/jsx-runtime").JSX.Element;
|
|
554
554
|
declare namespace AlertModal {
|
|
555
555
|
export { AlertModalTrigger as Trigger };
|
|
556
556
|
export { AlertModalContent as Content };
|
|
@@ -558,23 +558,23 @@ declare namespace AlertModal {
|
|
|
558
558
|
//#endregion
|
|
559
559
|
//#region src/components/Modal/ModalBody.d.ts
|
|
560
560
|
/** Props for `Modal.Body`. Accepts all `<div>` attributes; `as="form"` is reserved for future use. */
|
|
561
|
-
type Props$
|
|
561
|
+
type Props$242 = ComponentProps<'div'> & {
|
|
562
562
|
as?: 'form';
|
|
563
563
|
};
|
|
564
564
|
/**
|
|
565
565
|
* Scrollable body slot for `Modal`. Place form fields, content blocks, or detail panels here.
|
|
566
566
|
* Takes available height inside `Modal.Content` and scrolls when content overflows.
|
|
567
567
|
*/
|
|
568
|
-
declare const ModalBody: ({ className, ...props }: Props$
|
|
568
|
+
declare const ModalBody: ({ className, ...props }: Props$242) => import("react/jsx-runtime").JSX.Element;
|
|
569
569
|
//#endregion
|
|
570
570
|
//#region src/components/Modal/ModalContent.d.ts
|
|
571
|
-
type Props$
|
|
571
|
+
type Props$241 = ComponentProps<typeof Content$2> & {
|
|
572
572
|
size?: 'small' | 'medium' | 'large';
|
|
573
573
|
};
|
|
574
|
-
declare const ModalContent: ({ size, className, children, onEscapeKeyDown, ...props }: Props$
|
|
574
|
+
declare const ModalContent: ({ size, className, children, onEscapeKeyDown, ...props }: Props$241) => import("react/jsx-runtime").JSX.Element;
|
|
575
575
|
//#endregion
|
|
576
576
|
//#region src/components/Modal/ModalFooter.d.ts
|
|
577
|
-
type Props$
|
|
577
|
+
type Props$240 = ComponentPropsWithRef<'div'>;
|
|
578
578
|
/**
|
|
579
579
|
* The modal's action row.
|
|
580
580
|
*
|
|
@@ -587,10 +587,10 @@ type Props$239 = ComponentPropsWithRef<'div'>;
|
|
|
587
587
|
* displaces only within a group. `tw:justify-between` replaces `justify-end`; `tw:flex-col`
|
|
588
588
|
* leaves `items-center` and the gap in place, so a stacked footer wants `tw:items-stretch` too.
|
|
589
589
|
*/
|
|
590
|
-
declare const ModalFooter: ({ className, ...props }: Props$
|
|
590
|
+
declare const ModalFooter: ({ className, ...props }: Props$240) => import("react/jsx-runtime").JSX.Element;
|
|
591
591
|
//#endregion
|
|
592
592
|
//#region src/components/Modal/ModalHeader.d.ts
|
|
593
|
-
type Props$
|
|
593
|
+
type Props$239 = {
|
|
594
594
|
/** Status icon slot — `<Modal.Icon />` or `<Modal.Image />`. */
|
|
595
595
|
icon?: ReactNode;
|
|
596
596
|
/** Visible subtitle below the title (also fills `aria-describedby`). */
|
|
@@ -603,11 +603,11 @@ type Props$238 = {
|
|
|
603
603
|
hideCloseIcon?: boolean;
|
|
604
604
|
} & ComponentProps<'div'>;
|
|
605
605
|
/** Modal header: `[icon] | title (children) | actions + close` on row 1, `description` on row 2. */
|
|
606
|
-
declare const ModalHeader: ({ className, icon, description, 'aria-description': ariaDescription, actions, hideCloseIcon, children, ...props }: Props$
|
|
606
|
+
declare const ModalHeader: ({ className, icon, description, 'aria-description': ariaDescription, actions, hideCloseIcon, children, ...props }: Props$239) => import("react/jsx-runtime").JSX.Element;
|
|
607
607
|
//#endregion
|
|
608
608
|
//#region src/components/Modal/ModalIcon.d.ts
|
|
609
609
|
type NamedColor = 'orange' | 'blue' | 'red' | 'green' | 'gray' | 'violet';
|
|
610
|
-
type Props$
|
|
610
|
+
type Props$238 = {
|
|
611
611
|
color: NamedColor | (string & {});
|
|
612
612
|
icon: ReactNode;
|
|
613
613
|
};
|
|
@@ -625,25 +625,25 @@ type Props$237 = {
|
|
|
625
625
|
* `blue` info, `gray` neutral, `violet` agent) to encode meaning; the palette stays fixed across
|
|
626
626
|
* brand themes.
|
|
627
627
|
*/
|
|
628
|
-
declare const ModalIcon: ({ color, icon }: Props$
|
|
628
|
+
declare const ModalIcon: ({ color, icon }: Props$238) => import("react/jsx-runtime").JSX.Element;
|
|
629
629
|
//#endregion
|
|
630
630
|
//#region src/components/Modal/ModalImage.d.ts
|
|
631
|
-
type Props$
|
|
631
|
+
type Props$237 = {
|
|
632
632
|
src: string;
|
|
633
633
|
/** Accessible alt text. Defaults to `""` (decorative) — provide it when the image carries meaning. */
|
|
634
634
|
alt?: string;
|
|
635
635
|
};
|
|
636
|
-
declare const ModalImage: ({ src, alt }: Props$
|
|
636
|
+
declare const ModalImage: ({ src, alt }: Props$237) => import("react/jsx-runtime").JSX.Element | null;
|
|
637
637
|
//#endregion
|
|
638
638
|
//#region src/components/Modal/ModalOverlay.d.ts
|
|
639
|
-
type Props$
|
|
639
|
+
type Props$236 = ComponentProps<typeof Overlay$1> & {
|
|
640
640
|
disableTransition?: boolean;
|
|
641
641
|
};
|
|
642
|
-
declare const ModalOverlay: ({ ref, className, disableTransition, ...props }: Props$
|
|
642
|
+
declare const ModalOverlay: ({ ref, className, disableTransition, ...props }: Props$236) => import("react/jsx-runtime").JSX.Element;
|
|
643
643
|
//#endregion
|
|
644
644
|
//#region src/components/Modal/Modal.d.ts
|
|
645
|
-
type Props$
|
|
646
|
-
declare function Modal(props: Props$
|
|
645
|
+
type Props$235 = ComponentProps<typeof Root$5>;
|
|
646
|
+
declare function Modal(props: Props$235): import("react/jsx-runtime").JSX.Element;
|
|
647
647
|
declare namespace Modal {
|
|
648
648
|
export { Close };
|
|
649
649
|
export { Trigger$4 as Trigger };
|
|
@@ -657,13 +657,13 @@ declare namespace Modal {
|
|
|
657
657
|
}
|
|
658
658
|
//#endregion
|
|
659
659
|
//#region src/components/FullScreenModal/FullScreenModalBody.d.ts
|
|
660
|
-
type Props$
|
|
661
|
-
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$
|
|
660
|
+
type Props$234 = HTMLAttributes<HTMLDivElement>;
|
|
661
|
+
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$234 & {
|
|
662
662
|
ref?: Ref<HTMLDivElement>;
|
|
663
663
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
664
664
|
//#endregion
|
|
665
665
|
//#region src/components/FullScreenModal/FullScreenModalHeader.d.ts
|
|
666
|
-
type Props$
|
|
666
|
+
type Props$233 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
|
|
667
667
|
title: ReactNode;
|
|
668
668
|
titleClassName?: string;
|
|
669
669
|
titleWrapperClassName?: string;
|
|
@@ -672,17 +672,17 @@ type Props$232 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
|
|
|
672
672
|
onClose?: () => void;
|
|
673
673
|
showPreviousTitle?: boolean;
|
|
674
674
|
}>;
|
|
675
|
-
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$
|
|
675
|
+
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$233) => import("react/jsx-runtime").JSX.Element;
|
|
676
676
|
//#endregion
|
|
677
677
|
//#region src/components/FullScreenModal/FullScreenModalRoot.d.ts
|
|
678
|
-
type Props$
|
|
678
|
+
type Props$232 = HTMLAttributes<HTMLDivElement> & {
|
|
679
679
|
children: ReactNode;
|
|
680
680
|
/** Lock body scroll when modal is open. Default: true */
|
|
681
681
|
lockBodyScroll?: boolean;
|
|
682
682
|
/** Callback when ESC key is pressed */
|
|
683
683
|
onEscapeKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
|
|
684
684
|
};
|
|
685
|
-
declare const FullScreenModalRoot: ({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: Props$
|
|
685
|
+
declare const FullScreenModalRoot: ({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: Props$232) => import("react").ReactPortal;
|
|
686
686
|
//#endregion
|
|
687
687
|
//#region src/components/FullScreenModal/FullScreenModal.d.ts
|
|
688
688
|
declare const FullScreenModal: typeof FullScreenModalRoot & {
|
|
@@ -691,42 +691,42 @@ declare const FullScreenModal: typeof FullScreenModalRoot & {
|
|
|
691
691
|
};
|
|
692
692
|
//#endregion
|
|
693
693
|
//#region src/components/Sheet/SheetBody.d.ts
|
|
694
|
-
type Props$
|
|
695
|
-
declare const SheetBody: ({ className, ...rest }: Props$
|
|
694
|
+
type Props$231 = ComponentProps<'div'>;
|
|
695
|
+
declare const SheetBody: ({ className, ...rest }: Props$231) => import("react/jsx-runtime").JSX.Element;
|
|
696
696
|
//#endregion
|
|
697
697
|
//#region src/components/Sheet/SheetContent.d.ts
|
|
698
698
|
declare const sheetContentVariants: (props?: ({
|
|
699
699
|
disableTransition?: boolean | null | undefined;
|
|
700
700
|
side?: "bottom" | "left" | "right" | "top" | null | undefined;
|
|
701
701
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
702
|
-
type Props$
|
|
702
|
+
type Props$230 = ComponentProps<typeof Content$2> & {
|
|
703
703
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
704
704
|
hideOverlay?: boolean;
|
|
705
705
|
keepOpenOnPointerDownOutside?: boolean;
|
|
706
706
|
} & VariantProps<typeof sheetContentVariants> & Pick<ComponentProps<typeof Portal$2>, 'container'>;
|
|
707
|
-
declare const SheetContent: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: Props$
|
|
707
|
+
declare const SheetContent: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: Props$230) => import("react/jsx-runtime").JSX.Element;
|
|
708
708
|
//#endregion
|
|
709
709
|
//#region src/components/Sheet/SheetFooter.d.ts
|
|
710
|
-
type Props$
|
|
711
|
-
declare const SheetFooter: ({ className, ...props }: Props$
|
|
710
|
+
type Props$229 = ComponentProps<'div'>;
|
|
711
|
+
declare const SheetFooter: ({ className, ...props }: Props$229) => import("react/jsx-runtime").JSX.Element;
|
|
712
712
|
//#endregion
|
|
713
713
|
//#region src/components/Sheet/SheetHeader.d.ts
|
|
714
|
-
type Props$
|
|
714
|
+
type Props$228 = {
|
|
715
715
|
title?: ReactNode;
|
|
716
716
|
description?: ReactNode;
|
|
717
717
|
hideCloseIcon?: boolean;
|
|
718
718
|
} & ComponentProps<'div'>;
|
|
719
|
-
declare const SheetHeader: ({ className, children, hideCloseIcon, title, description, ...props }: Props$
|
|
719
|
+
declare const SheetHeader: ({ className, children, hideCloseIcon, title, description, ...props }: Props$228) => import("react/jsx-runtime").JSX.Element;
|
|
720
720
|
//#endregion
|
|
721
721
|
//#region src/components/Sheet/SheetTitle.d.ts
|
|
722
|
-
type Props$
|
|
722
|
+
type Props$227 = ComponentProps<typeof Title$1> & {
|
|
723
723
|
visuallyHidden?: boolean;
|
|
724
724
|
};
|
|
725
|
-
declare const SheetTitle: ({ className, visuallyHidden, ...props }: Props$
|
|
725
|
+
declare const SheetTitle: ({ className, visuallyHidden, ...props }: Props$227) => import("react/jsx-runtime").JSX.Element;
|
|
726
726
|
//#endregion
|
|
727
727
|
//#region src/components/Sheet/Sheet.d.ts
|
|
728
|
-
type Props$
|
|
729
|
-
declare function Sheet(props: Props$
|
|
728
|
+
type Props$226 = ComponentProps<typeof Root$5>;
|
|
729
|
+
declare function Sheet(props: Props$226): import("react/jsx-runtime").JSX.Element;
|
|
730
730
|
declare namespace Sheet {
|
|
731
731
|
export { Close };
|
|
732
732
|
export { Trigger$4 as Trigger };
|
|
@@ -742,7 +742,7 @@ declare const variants$5: (props?: ({
|
|
|
742
742
|
variant?: "argo" | "default" | null | undefined;
|
|
743
743
|
matchTriggerWidth?: boolean | null | undefined;
|
|
744
744
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
745
|
-
type Props$
|
|
745
|
+
type Props$225 = ComponentProps<typeof Content$3> & Omit<VariantProps<typeof variants$5>, 'variant'> & {
|
|
746
746
|
/**
|
|
747
747
|
* Where the popover portals to. Defaults to `document.body`; a host that
|
|
748
748
|
* scopes its own theme passes the element that carries it, so the panel is
|
|
@@ -750,11 +750,11 @@ type Props$224 = ComponentProps<typeof Content$3> & Omit<VariantProps<typeof var
|
|
|
750
750
|
*/
|
|
751
751
|
container?: ComponentProps<typeof Portal$3>['container'];
|
|
752
752
|
};
|
|
753
|
-
declare const PopoverContent: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, container, ...props }: Props$
|
|
753
|
+
declare const PopoverContent: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, container, ...props }: Props$225) => import("react/jsx-runtime").JSX.Element;
|
|
754
754
|
//#endregion
|
|
755
755
|
//#region src/components/Popover/Popover.d.ts
|
|
756
|
-
type Props$
|
|
757
|
-
declare function Popover(props: Props$
|
|
756
|
+
type Props$224 = ComponentProps<typeof Root$6>;
|
|
757
|
+
declare function Popover(props: Props$224): import("react/jsx-runtime").JSX.Element;
|
|
758
758
|
declare namespace Popover {
|
|
759
759
|
export { PopoverContent as Content };
|
|
760
760
|
export { Trigger$5 as Trigger };
|
|
@@ -771,8 +771,8 @@ type PopconfirmContextType = {
|
|
|
771
771
|
};
|
|
772
772
|
//#endregion
|
|
773
773
|
//#region src/components/Popconfirm/PopconfirmBody.d.ts
|
|
774
|
-
type Props$
|
|
775
|
-
declare const PopconfirmBody: (props: Props$
|
|
774
|
+
type Props$223 = ComponentProps<'div'>;
|
|
775
|
+
declare const PopconfirmBody: (props: Props$223) => import("react/jsx-runtime").JSX.Element;
|
|
776
776
|
//#endregion
|
|
777
777
|
//#region src/components/Popconfirm/PopconfirmCancel.d.ts
|
|
778
778
|
type SlotProps$5 = {
|
|
@@ -782,8 +782,8 @@ type ButtonProps$2 = {
|
|
|
782
782
|
asChild?: false;
|
|
783
783
|
children?: ReactNode;
|
|
784
784
|
} & Omit<ComponentProps<typeof Button>, 'children'>;
|
|
785
|
-
type Props$
|
|
786
|
-
declare const PopconfirmCancel: ({ ref, onClick, children, asChild, className, ...props }: Props$
|
|
785
|
+
type Props$222 = SlotProps$5 | ButtonProps$2;
|
|
786
|
+
declare const PopconfirmCancel: ({ ref, onClick, children, asChild, className, ...props }: Props$222) => import("react/jsx-runtime").JSX.Element;
|
|
787
787
|
//#endregion
|
|
788
788
|
//#region src/components/Popconfirm/PopconfirmConfirm.d.ts
|
|
789
789
|
type SlotProps$4 = {
|
|
@@ -793,27 +793,27 @@ type ButtonProps$1 = {
|
|
|
793
793
|
asChild?: false;
|
|
794
794
|
children?: ReactNode;
|
|
795
795
|
} & Omit<ComponentProps<typeof Button>, 'children' | 'isLoading'>;
|
|
796
|
-
type Props$
|
|
797
|
-
declare const PopconfirmConfirm: ({ ref, onClick, children, asChild, className, ...props }: Props$
|
|
796
|
+
type Props$221 = SlotProps$4 | ButtonProps$1;
|
|
797
|
+
declare const PopconfirmConfirm: ({ ref, onClick, children, asChild, className, ...props }: Props$221) => import("react/jsx-runtime").JSX.Element;
|
|
798
798
|
//#endregion
|
|
799
799
|
//#region src/components/Popconfirm/PopconfirmContent.d.ts
|
|
800
|
-
type Props$
|
|
801
|
-
declare const PopconfirmContent: ({ className, onInteractOutside, ...props }: Props$
|
|
800
|
+
type Props$220 = Omit<ComponentProps<typeof Popover.Content>, 'showArrow'>;
|
|
801
|
+
declare const PopconfirmContent: ({ className, onInteractOutside, ...props }: Props$220) => import("react/jsx-runtime").JSX.Element;
|
|
802
802
|
//#endregion
|
|
803
803
|
//#region src/components/Popconfirm/PopconfirmFooter.d.ts
|
|
804
|
-
type Props$
|
|
805
|
-
declare const PopconfirmFooter: ({ className, ...props }: Props$
|
|
804
|
+
type Props$219 = ComponentProps<'div'>;
|
|
805
|
+
declare const PopconfirmFooter: ({ className, ...props }: Props$219) => import("react/jsx-runtime").JSX.Element;
|
|
806
806
|
//#endregion
|
|
807
807
|
//#region src/components/Popconfirm/PopconfirmTrigger.d.ts
|
|
808
|
-
type Props$
|
|
809
|
-
declare const PopconfirmTrigger: ({ onClick, ...props }: Props$
|
|
808
|
+
type Props$218 = ComponentProps<typeof Popover.Trigger>;
|
|
809
|
+
declare const PopconfirmTrigger: ({ onClick, ...props }: Props$218) => import("react/jsx-runtime").JSX.Element;
|
|
810
810
|
//#endregion
|
|
811
811
|
//#region src/components/Popconfirm/Popconfirm.d.ts
|
|
812
|
-
type Props$
|
|
812
|
+
type Props$217 = {
|
|
813
813
|
children: ReactNode;
|
|
814
814
|
skipAsyncWait?: boolean;
|
|
815
815
|
} & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
|
|
816
|
-
declare function Popconfirm({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$
|
|
816
|
+
declare function Popconfirm({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$217): import("react/jsx-runtime").JSX.Element;
|
|
817
817
|
declare namespace Popconfirm {
|
|
818
818
|
export { PopconfirmConfirm as Confirm };
|
|
819
819
|
export { PopconfirmCancel as Cancel };
|
|
@@ -824,54 +824,54 @@ declare namespace Popconfirm {
|
|
|
824
824
|
}
|
|
825
825
|
//#endregion
|
|
826
826
|
//#region src/components/HoverCard/HoverCardContent.d.ts
|
|
827
|
-
type Props$
|
|
828
|
-
declare const HoverCardContent: ({ ref, className, align, sideOffset, children, ...props }: Props$
|
|
827
|
+
type Props$216 = ComponentProps<typeof Content$4>;
|
|
828
|
+
declare const HoverCardContent: ({ ref, className, align, sideOffset, children, ...props }: Props$216) => import("react/jsx-runtime").JSX.Element;
|
|
829
829
|
//#endregion
|
|
830
830
|
//#region src/components/HoverCard/HoverCard.d.ts
|
|
831
|
-
type Props$
|
|
832
|
-
declare function HoverCard({ openDelay, closeDelay, ...rest }: Props$
|
|
831
|
+
type Props$215 = ComponentProps<typeof Root$7>;
|
|
832
|
+
declare function HoverCard({ openDelay, closeDelay, ...rest }: Props$215): import("react/jsx-runtime").JSX.Element;
|
|
833
833
|
declare namespace HoverCard {
|
|
834
834
|
export { HoverCardContent as Content };
|
|
835
835
|
export { Trigger$6 as Trigger };
|
|
836
836
|
}
|
|
837
837
|
//#endregion
|
|
838
838
|
//#region src/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts
|
|
839
|
-
type Props$
|
|
839
|
+
type Props$214 = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
|
|
840
840
|
closeOnSelect?: boolean;
|
|
841
841
|
indicator?: 'switch' | 'checkbox' | 'check';
|
|
842
842
|
indicatorAlign?: 'start' | 'end';
|
|
843
843
|
isLoading?: boolean;
|
|
844
844
|
};
|
|
845
|
-
declare const DropdownMenuCheckboxItem: ({ className, children, checked, closeOnSelect, onSelect, indicatorAlign, indicator, isLoading, ...props }: Props$
|
|
845
|
+
declare const DropdownMenuCheckboxItem: ({ className, children, checked, closeOnSelect, onSelect, indicatorAlign, indicator, isLoading, ...props }: Props$214) => import("react/jsx-runtime").JSX.Element;
|
|
846
846
|
//#endregion
|
|
847
847
|
//#region src/components/DropdownMenu/DropdownMenuContent.d.ts
|
|
848
|
-
type Props$
|
|
848
|
+
type Props$213 = Omit<ComponentProps<typeof DropdownMenuPrimitive.Content>, 'forceMount' | 'asChild'> & {
|
|
849
849
|
forceMount?: boolean;
|
|
850
850
|
viewPortClassName?: string;
|
|
851
851
|
container?: HTMLElement | null;
|
|
852
852
|
};
|
|
853
|
-
declare const DropdownMenuContent: ({ className, sideOffset, forceMount, children, viewPortClassName, container, ...props }: Props$
|
|
853
|
+
declare const DropdownMenuContent: ({ className, sideOffset, forceMount, children, viewPortClassName, container, ...props }: Props$213) => import("react/jsx-runtime").JSX.Element;
|
|
854
854
|
//#endregion
|
|
855
855
|
//#region src/components/DropdownMenu/DropdownMenuItemDescription.d.ts
|
|
856
|
-
type Props$
|
|
856
|
+
type Props$212 = ComponentProps<'span'> & {
|
|
857
857
|
hideOnHover?: boolean;
|
|
858
858
|
};
|
|
859
|
-
declare const DropdownMenuItemDescription: ({ className, children, hideOnHover, ...props }: Props$
|
|
859
|
+
declare const DropdownMenuItemDescription: ({ className, children, hideOnHover, ...props }: Props$212) => import("react/jsx-runtime").JSX.Element;
|
|
860
860
|
//#endregion
|
|
861
861
|
//#region src/components/DropdownMenu/DropdownMenuLabel.d.ts
|
|
862
|
-
type Props$
|
|
863
|
-
declare const DropdownMenuLabel: ({ className, ...props }: Props$
|
|
862
|
+
type Props$211 = ComponentProps<typeof DropdownMenuPrimitive.Label>;
|
|
863
|
+
declare const DropdownMenuLabel: ({ className, ...props }: Props$211) => import("react/jsx-runtime").JSX.Element;
|
|
864
864
|
//#endregion
|
|
865
865
|
//#region src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioGroup.d.ts
|
|
866
|
-
type Props$
|
|
866
|
+
type Props$210<Value> = Omit<ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>, 'value' | 'onValueChange' | 'defaultValue'> & {
|
|
867
867
|
value?: Value;
|
|
868
868
|
defaultValue?: Value;
|
|
869
869
|
onValueChange?: (value: Value) => void;
|
|
870
870
|
};
|
|
871
|
-
declare const DropdownMenuRadioGroup: <Value extends string = string>({ value, defaultValue, onValueChange, ...props }: Props$
|
|
871
|
+
declare const DropdownMenuRadioGroup: <Value extends string = string>({ value, defaultValue, onValueChange, ...props }: Props$210<Value>) => import("react/jsx-runtime").JSX.Element;
|
|
872
872
|
//#endregion
|
|
873
873
|
//#region src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioItem.d.ts
|
|
874
|
-
type Props$
|
|
874
|
+
type Props$209 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
|
|
875
875
|
closeOnSelect?: boolean;
|
|
876
876
|
indicatorAlign?: 'start' | 'end';
|
|
877
877
|
indicator?: 'radio' | 'check' | 'none';
|
|
@@ -879,30 +879,30 @@ type Props$208 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
|
|
|
879
879
|
iconClassName?: string;
|
|
880
880
|
isLoading?: boolean;
|
|
881
881
|
};
|
|
882
|
-
declare const DropdownMenuRadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: Props$
|
|
882
|
+
declare const DropdownMenuRadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: Props$209) => import("react/jsx-runtime").JSX.Element;
|
|
883
883
|
//#endregion
|
|
884
884
|
//#region src/components/DropdownMenu/DropdownMenuSeparator.d.ts
|
|
885
|
-
type Props$
|
|
886
|
-
declare const DropdownMenuSeparator: ({ className, ...props }: Props$
|
|
885
|
+
type Props$208 = ComponentProps<typeof DropdownMenuPrimitive.Separator>;
|
|
886
|
+
declare const DropdownMenuSeparator: ({ className, ...props }: Props$208) => import("react/jsx-runtime").JSX.Element;
|
|
887
887
|
//#endregion
|
|
888
888
|
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSub.d.ts
|
|
889
889
|
declare const DropdownMenuSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
890
890
|
//#endregion
|
|
891
891
|
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubContent.d.ts
|
|
892
|
-
type Props$
|
|
893
|
-
declare const DropdownMenuSubContent: ({ className, ...props }: Props$
|
|
892
|
+
type Props$207 = ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
|
|
893
|
+
declare const DropdownMenuSubContent: ({ className, ...props }: Props$207) => import("react/jsx-runtime").JSX.Element;
|
|
894
894
|
//#endregion
|
|
895
895
|
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubTrigger.d.ts
|
|
896
|
-
type Props$
|
|
897
|
-
declare const DropdownMenuSubTrigger: ({ className, children, ...props }: Props$
|
|
896
|
+
type Props$206 = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger>;
|
|
897
|
+
declare const DropdownMenuSubTrigger: ({ className, children, ...props }: Props$206) => import("react/jsx-runtime").JSX.Element;
|
|
898
898
|
//#endregion
|
|
899
899
|
//#region src/components/DropdownMenu/DropdownMenuTrigger.d.ts
|
|
900
|
-
type Props$
|
|
901
|
-
declare const DropdownMenuTrigger: ({ ref, className, ...props }: Props$
|
|
900
|
+
type Props$205 = ComponentProps<typeof Trigger$2>;
|
|
901
|
+
declare const DropdownMenuTrigger: ({ ref, className, ...props }: Props$205) => import("react/jsx-runtime").JSX.Element;
|
|
902
902
|
//#endregion
|
|
903
903
|
//#region src/components/DropdownMenu/DropdownMenu.d.ts
|
|
904
|
-
type Props$
|
|
905
|
-
declare function DropdownMenu({ modal, ...props }: Props$
|
|
904
|
+
type Props$204 = ComponentProps<typeof Root$2>;
|
|
905
|
+
declare function DropdownMenu({ modal, ...props }: Props$204): import("react/jsx-runtime").JSX.Element;
|
|
906
906
|
declare namespace DropdownMenu {
|
|
907
907
|
export { DropdownMenuTrigger as Trigger };
|
|
908
908
|
export { DropdownMenuContent as Content };
|
|
@@ -920,40 +920,40 @@ declare namespace DropdownMenu {
|
|
|
920
920
|
}
|
|
921
921
|
//#endregion
|
|
922
922
|
//#region src/blocks/Command/CommandContent.d.ts
|
|
923
|
-
type Props$
|
|
924
|
-
declare const CommandContent: ({ className, ...rest }: Props$
|
|
923
|
+
type Props$203 = ComponentProps<'div'>;
|
|
924
|
+
declare const CommandContent: ({ className, ...rest }: Props$203) => import("react/jsx-runtime").JSX.Element;
|
|
925
925
|
//#endregion
|
|
926
926
|
//#region src/blocks/Command/CommandEmpty.d.ts
|
|
927
|
-
type Props$
|
|
928
|
-
declare const CommandEmpty: ({ ...props }: Props$
|
|
927
|
+
type Props$202 = ComponentProps<typeof Command$1.Empty>;
|
|
928
|
+
declare const CommandEmpty: ({ ...props }: Props$202) => import("react/jsx-runtime").JSX.Element;
|
|
929
929
|
//#endregion
|
|
930
930
|
//#region src/blocks/Command/CommandGroup.d.ts
|
|
931
|
-
type Props$
|
|
932
|
-
declare const CommandGroup: ({ className, ...props }: Props$
|
|
931
|
+
type Props$201 = ComponentProps<typeof Command$1.Group>;
|
|
932
|
+
declare const CommandGroup: ({ className, ...props }: Props$201) => import("react/jsx-runtime").JSX.Element;
|
|
933
933
|
//#endregion
|
|
934
934
|
//#region src/components/InputGroup/InputGroupAddon.d.ts
|
|
935
935
|
declare const addonVariants$1: (props?: ({
|
|
936
936
|
align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
|
|
937
937
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
938
|
-
type Props$
|
|
939
|
-
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$
|
|
938
|
+
type Props$200 = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
|
|
939
|
+
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$200) => import("react/jsx-runtime").JSX.Element;
|
|
940
940
|
//#endregion
|
|
941
941
|
//#region src/components/InputGroup/InputGroupButton.d.ts
|
|
942
942
|
type ButtonProps = ComponentProps<typeof Button>;
|
|
943
|
-
type Props$
|
|
944
|
-
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$
|
|
943
|
+
type Props$199 = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
|
|
944
|
+
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$199) => import("react/jsx-runtime").JSX.Element;
|
|
945
945
|
//#endregion
|
|
946
946
|
//#region src/components/InputGroup/InputGroupInput.d.ts
|
|
947
|
-
type Props$
|
|
948
|
-
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$
|
|
947
|
+
type Props$198 = ComponentProps<'input'>;
|
|
948
|
+
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$198) => import("react/jsx-runtime").JSX.Element;
|
|
949
949
|
//#endregion
|
|
950
950
|
//#region src/components/InputGroup/InputGroupText.d.ts
|
|
951
|
-
type Props$
|
|
952
|
-
declare const InputGroupText: ({ className, ...props }: Props$
|
|
951
|
+
type Props$197 = ComponentProps<'span'>;
|
|
952
|
+
declare const InputGroupText: ({ className, ...props }: Props$197) => import("react/jsx-runtime").JSX.Element;
|
|
953
953
|
//#endregion
|
|
954
954
|
//#region src/components/InputGroup/InputGroupTextArea.d.ts
|
|
955
955
|
type TextareaNativeProps$1 = Omit<ComponentProps<typeof TextareaAutosize>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
|
|
956
|
-
type Props$
|
|
956
|
+
type Props$196 = TextareaNativeProps$1 & {
|
|
957
957
|
value?: string | null;
|
|
958
958
|
defaultValue?: string | null;
|
|
959
959
|
onValueChange?: (value: string) => void;
|
|
@@ -961,7 +961,7 @@ type Props$195 = TextareaNativeProps$1 & {
|
|
|
961
961
|
maxRows?: number | 'unlimited';
|
|
962
962
|
disableResize?: boolean;
|
|
963
963
|
};
|
|
964
|
-
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$
|
|
964
|
+
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$196) => import("react/jsx-runtime").JSX.Element;
|
|
965
965
|
//#endregion
|
|
966
966
|
//#region src/components/InputGroup/InputGroup.d.ts
|
|
967
967
|
declare const inputGroupVariants: (props?: ({
|
|
@@ -970,10 +970,10 @@ declare const inputGroupVariants: (props?: ({
|
|
|
970
970
|
sizing?: "default" | "medium" | "small" | null | undefined;
|
|
971
971
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
972
972
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
973
|
-
type Props$
|
|
973
|
+
type Props$195 = ComponentPropsWithRef<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
|
|
974
974
|
variant?: Exclude<VariantProps<typeof inputGroupVariants>['variant'], 'argo'>;
|
|
975
975
|
};
|
|
976
|
-
declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$
|
|
976
|
+
declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$195) => import("react/jsx-runtime").JSX.Element;
|
|
977
977
|
declare const InputGroup: typeof InputGroupRoot & {
|
|
978
978
|
Input: typeof InputGroupInput;
|
|
979
979
|
Addon: typeof InputGroupAddon;
|
|
@@ -1022,47 +1022,47 @@ type Props$3 = InputGroupProps$9 & OwnProps & Omit<ComponentProps<'input'>, 'pre
|
|
|
1022
1022
|
declare const TextInput: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, onValueChange, onValueBlur, value: valueProp, defaultValue, ...inputProps }: Props$3) => import("react/jsx-runtime").JSX.Element;
|
|
1023
1023
|
//#endregion
|
|
1024
1024
|
//#region src/blocks/Command/CommandInput.d.ts
|
|
1025
|
-
type Props$
|
|
1026
|
-
declare const CommandInput: ({ ref, className, ...props }: Props$
|
|
1025
|
+
type Props$194 = ComponentProps<typeof TextInput>;
|
|
1026
|
+
declare const CommandInput: ({ ref, className, ...props }: Props$194) => import("react/jsx-runtime").JSX.Element;
|
|
1027
1027
|
//#endregion
|
|
1028
1028
|
//#region src/blocks/Command/CommandItem/CheckIndicator.d.ts
|
|
1029
|
-
type Props$
|
|
1029
|
+
type Props$193 = {
|
|
1030
1030
|
variant?: 'checkbox' | 'radio' | 'default';
|
|
1031
1031
|
};
|
|
1032
|
-
declare const CheckIndicator: ({ variant }: Props$
|
|
1032
|
+
declare const CheckIndicator: ({ variant }: Props$193) => import("react/jsx-runtime").JSX.Element | null;
|
|
1033
1033
|
//#endregion
|
|
1034
1034
|
//#region src/blocks/Command/CommandItem/CommandItem.d.ts
|
|
1035
|
-
type Props$
|
|
1035
|
+
type Props$192 = ComponentProps<typeof Command$1.Item> & {
|
|
1036
1036
|
icon?: ReactNode;
|
|
1037
1037
|
checked?: boolean;
|
|
1038
1038
|
variant?: ComponentProps<typeof CheckIndicator>['variant'];
|
|
1039
1039
|
actions?: ReactNode;
|
|
1040
1040
|
};
|
|
1041
|
-
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$
|
|
1041
|
+
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$192) => import("react/jsx-runtime").JSX.Element;
|
|
1042
1042
|
//#endregion
|
|
1043
1043
|
//#region src/components/ScrollArea/ScrollArea.d.ts
|
|
1044
|
-
type Props$
|
|
1044
|
+
type Props$191 = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
|
|
1045
1045
|
viewPortClassName?: string;
|
|
1046
1046
|
scrollBarClassName?: string;
|
|
1047
1047
|
orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
|
|
1048
1048
|
};
|
|
1049
|
-
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$
|
|
1049
|
+
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$191) => import("react/jsx-runtime").JSX.Element;
|
|
1050
1050
|
//#endregion
|
|
1051
1051
|
//#region src/components/ScrollArea/ScrollBar.d.ts
|
|
1052
|
-
type Props$
|
|
1053
|
-
declare const ScrollBar: ({ className, orientation, ...props }: Props$
|
|
1052
|
+
type Props$190 = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
|
|
1053
|
+
declare const ScrollBar: ({ className, orientation, ...props }: Props$190) => import("react/jsx-runtime").JSX.Element;
|
|
1054
1054
|
//#endregion
|
|
1055
1055
|
//#region src/blocks/Command/CommandList.d.ts
|
|
1056
|
-
type Props$
|
|
1057
|
-
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$
|
|
1056
|
+
type Props$189 = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
|
|
1057
|
+
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$189) => import("react/jsx-runtime").JSX.Element;
|
|
1058
1058
|
//#endregion
|
|
1059
1059
|
//#region src/blocks/Command/CommandSeparator.d.ts
|
|
1060
|
-
type Props$
|
|
1061
|
-
declare const CommandSeparator: ({ className, ...props }: Props$
|
|
1060
|
+
type Props$188 = ComponentProps<typeof Command$1.Separator>;
|
|
1061
|
+
declare const CommandSeparator: ({ className, ...props }: Props$188) => import("react/jsx-runtime").JSX.Element;
|
|
1062
1062
|
//#endregion
|
|
1063
1063
|
//#region src/blocks/Command/Command.d.ts
|
|
1064
1064
|
type Variant$8 = 'default' | 'argo';
|
|
1065
|
-
type Props$
|
|
1065
|
+
type Props$187 = ComponentProps<typeof Command$1> & {
|
|
1066
1066
|
/**
|
|
1067
1067
|
* Which styling the parts take, when the theme's own answer is wrong for the
|
|
1068
1068
|
* surface.
|
|
@@ -1074,7 +1074,7 @@ type Props$186 = ComponentProps<typeof Command$1> & {
|
|
|
1074
1074
|
*/
|
|
1075
1075
|
variant?: Variant$8;
|
|
1076
1076
|
};
|
|
1077
|
-
declare function Command({ className, variant, ...rest }: Props$
|
|
1077
|
+
declare function Command({ className, variant, ...rest }: Props$187): import("react/jsx-runtime").JSX.Element;
|
|
1078
1078
|
declare namespace Command {
|
|
1079
1079
|
export { CommandContent as Content };
|
|
1080
1080
|
export { CommandSeparator as Separator };
|
|
@@ -1105,7 +1105,7 @@ type SpotlightTarget = string | RefObject<Element | null> | undefined;
|
|
|
1105
1105
|
declare const useTargetRect: (target: SpotlightTarget, enabled: boolean) => TargetRect | null;
|
|
1106
1106
|
//#endregion
|
|
1107
1107
|
//#region src/components/SpotlightBackdrop/SpotlightBackdrop.d.ts
|
|
1108
|
-
type Props$
|
|
1108
|
+
type Props$186 = {
|
|
1109
1109
|
/** Target box to cut out of the dim layer, or `null` for a full dim (no highlight). */
|
|
1110
1110
|
rect: TargetRect | null;
|
|
1111
1111
|
/** Padding around the target inside the cut-out, in px. */
|
|
@@ -1127,7 +1127,7 @@ type Props$185 = {
|
|
|
1127
1127
|
* (steps, next/prev, "seen" persistence) is intentionally app-owned; see the
|
|
1128
1128
|
* "Guided tour (recipe)" story for the composition.
|
|
1129
1129
|
*/
|
|
1130
|
-
declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$
|
|
1130
|
+
declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$186) => import("react/jsx-runtime").JSX.Element;
|
|
1131
1131
|
//#endregion
|
|
1132
1132
|
//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/types.d.ts
|
|
1133
1133
|
/**
|
|
@@ -2146,7 +2146,7 @@ declare function DropdownNav(props: HTMLAttributes<HTMLDivElement>): React$1.JSX
|
|
|
2146
2146
|
* @group Components
|
|
2147
2147
|
* @see https://daypicker.dev/guides/custom-components
|
|
2148
2148
|
*/
|
|
2149
|
-
declare function Footer$
|
|
2149
|
+
declare function Footer$2(props: HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
2150
2150
|
//#endregion
|
|
2151
2151
|
//#region ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/classes/CalendarWeek.d.ts
|
|
2152
2152
|
/**
|
|
@@ -2285,7 +2285,7 @@ declare function PreviousMonthButton(props: ButtonHTMLAttributes<HTMLButtonEleme
|
|
|
2285
2285
|
* @group Components
|
|
2286
2286
|
* @see https://daypicker.dev/guides/custom-components
|
|
2287
2287
|
*/
|
|
2288
|
-
declare function Root$
|
|
2288
|
+
declare function Root$19(props: {
|
|
2289
2289
|
/** Ref for the root element, used when `animate` is `true`. */
|
|
2290
2290
|
rootRef?: Ref<HTMLDivElement>;
|
|
2291
2291
|
} & HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
@@ -2760,7 +2760,7 @@ type CustomComponents = {
|
|
|
2760
2760
|
/** Render the container of the dropdowns. */
|
|
2761
2761
|
DropdownNav: typeof DropdownNav;
|
|
2762
2762
|
/** Render the footer element announced by screen readers. */
|
|
2763
|
-
Footer: typeof Footer$
|
|
2763
|
+
Footer: typeof Footer$2;
|
|
2764
2764
|
/** Render the container of the MonthGrid. */
|
|
2765
2765
|
Month: typeof Month;
|
|
2766
2766
|
/** Render the caption of the month grid. */
|
|
@@ -2778,7 +2778,7 @@ type CustomComponents = {
|
|
|
2778
2778
|
/** Render the next month button element in the navigation. */
|
|
2779
2779
|
NextMonthButton: typeof NextMonthButton;
|
|
2780
2780
|
/** Render the root element of the calendar. */
|
|
2781
|
-
Root: typeof Root$
|
|
2781
|
+
Root: typeof Root$19;
|
|
2782
2782
|
/** Render the select element in the dropdowns. */
|
|
2783
2783
|
Select: typeof Select$1;
|
|
2784
2784
|
/** Render the weeks section in the month grid. */
|
|
@@ -3524,16 +3524,16 @@ declare namespace DateRangePicker {
|
|
|
3524
3524
|
}
|
|
3525
3525
|
//#endregion
|
|
3526
3526
|
//#region src/components/TimePicker/TimePicker.d.ts
|
|
3527
|
-
type Props$
|
|
3527
|
+
type Props$185 = {
|
|
3528
3528
|
children?: ReactNode;
|
|
3529
3529
|
defaultSelected?: string | null;
|
|
3530
3530
|
selected?: string | null;
|
|
3531
3531
|
onSelect?: (time: string) => void;
|
|
3532
3532
|
} & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
|
|
3533
|
-
declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset }: Props$
|
|
3533
|
+
declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset }: Props$185) => import("react/jsx-runtime").JSX.Element;
|
|
3534
3534
|
//#endregion
|
|
3535
3535
|
//#region src/components/Label/Label.d.ts
|
|
3536
|
-
type Props$
|
|
3536
|
+
type Props$184 = {
|
|
3537
3537
|
id?: string | number;
|
|
3538
3538
|
htmlFor?: string | number;
|
|
3539
3539
|
} & Omit<LabelProps, 'id' | 'htmlFor'>;
|
|
@@ -3548,11 +3548,11 @@ declare const Optional: ({ className, ...props }: ComponentPropsWithRef<'span'>)
|
|
|
3548
3548
|
* announced by assistive tech — conveying the requirement is the caller's responsibility: set
|
|
3549
3549
|
* `aria-required` (or `required`) on the associated control.
|
|
3550
3550
|
*/
|
|
3551
|
-
declare const Required: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react/jsx-runtime").JSX.Element;
|
|
3552
|
-
declare function Label({ className, children, id, htmlFor, ...rest }: Props$
|
|
3551
|
+
declare const Required$1: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react/jsx-runtime").JSX.Element;
|
|
3552
|
+
declare function Label({ className, children, id, htmlFor, ...rest }: Props$184): import("react/jsx-runtime").JSX.Element;
|
|
3553
3553
|
declare namespace Label {
|
|
3554
3554
|
export { Optional };
|
|
3555
|
-
export { Required };
|
|
3555
|
+
export { Required$1 as Required };
|
|
3556
3556
|
}
|
|
3557
3557
|
//#endregion
|
|
3558
3558
|
//#region src/components/FieldBox/styles.d.ts
|
|
@@ -3567,14 +3567,14 @@ declare const switchVariants: (props?: ({
|
|
|
3567
3567
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3568
3568
|
//#endregion
|
|
3569
3569
|
//#region src/components/Switch/Switch.d.ts
|
|
3570
|
-
type Props$
|
|
3570
|
+
type Props$183 = {
|
|
3571
3571
|
id?: string | number;
|
|
3572
3572
|
children?: ReactNode;
|
|
3573
3573
|
description?: ReactNode;
|
|
3574
3574
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
3575
3575
|
position?: 'start' | 'end';
|
|
3576
3576
|
} & Omit<ComponentProps<typeof Root$8>, 'asChild' | 'id'> & Omit<VariantProps<typeof switchVariants>, 'variant'>;
|
|
3577
|
-
declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$
|
|
3577
|
+
declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$183) => import("react/jsx-runtime").JSX.Element;
|
|
3578
3578
|
//#endregion
|
|
3579
3579
|
//#region src/components/RadioGroup/context.d.ts
|
|
3580
3580
|
type Variant$7 = 'radio' | 'button' | 'radio-block';
|
|
@@ -3582,52 +3582,52 @@ type Orientation = 'vertical' | 'horizontal';
|
|
|
3582
3582
|
//#endregion
|
|
3583
3583
|
//#region src/components/RadioGroup/RadioGroupItem.d.ts
|
|
3584
3584
|
type ItemProps = Omit<ComponentProps<typeof Item>, 'asChild' | 'value'>;
|
|
3585
|
-
type Props$
|
|
3585
|
+
type Props$182<T extends string = string> = ItemProps & {
|
|
3586
3586
|
value: T;
|
|
3587
3587
|
tooltip?: ReactNode;
|
|
3588
3588
|
tooltipVariant?: Props$8['variant'];
|
|
3589
3589
|
tooltipPlacement?: Props$8['placement'];
|
|
3590
3590
|
description?: ReactNode;
|
|
3591
3591
|
};
|
|
3592
|
-
declare const RadioGroupItem: <T extends string = string>({ children, className, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: Props$
|
|
3592
|
+
declare const RadioGroupItem: <T extends string = string>({ children, className, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: Props$182<T>) => import("react/jsx-runtime").JSX.Element;
|
|
3593
3593
|
//#endregion
|
|
3594
3594
|
//#region src/components/RadioGroup/RadioGroupSeparator.d.ts
|
|
3595
3595
|
declare const RadioGroupSeparator: () => import("react/jsx-runtime").JSX.Element;
|
|
3596
3596
|
//#endregion
|
|
3597
3597
|
//#region src/components/RadioGroup/RadioGroup.d.ts
|
|
3598
|
-
type Props$
|
|
3598
|
+
type Props$181<Value> = {
|
|
3599
3599
|
variant?: Variant$7;
|
|
3600
3600
|
orientation?: Orientation;
|
|
3601
3601
|
onValueChange?: (value: Value) => void;
|
|
3602
3602
|
value?: Value | null;
|
|
3603
3603
|
defaultValue?: Value | null;
|
|
3604
3604
|
} & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
|
|
3605
|
-
declare function RadioGroup<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$
|
|
3605
|
+
declare function RadioGroup<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$181<Value>): import("react/jsx-runtime").JSX.Element;
|
|
3606
3606
|
declare namespace RadioGroup {
|
|
3607
3607
|
export { RadioGroupItem as Item };
|
|
3608
3608
|
export { RadioGroupSeparator as Separator };
|
|
3609
3609
|
}
|
|
3610
3610
|
//#endregion
|
|
3611
3611
|
//#region src/components/Slider/SliderThumb.d.ts
|
|
3612
|
-
type Props$
|
|
3612
|
+
type Props$180 = ComponentProps<typeof Thumb$1> & {
|
|
3613
3613
|
tooltip?: ReactNode;
|
|
3614
3614
|
tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
|
|
3615
3615
|
};
|
|
3616
|
-
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$
|
|
3616
|
+
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$180) => import("react/jsx-runtime").JSX.Element;
|
|
3617
3617
|
//#endregion
|
|
3618
3618
|
//#region src/components/Slider/Slider.d.ts
|
|
3619
3619
|
type ThumbTooltipFn = (value: number, index: number) => ReactNode;
|
|
3620
|
-
type Props$
|
|
3620
|
+
type Props$179 = ComponentProps<typeof Root$9> & {
|
|
3621
3621
|
thumbTooltip?: ThumbTooltipFn;
|
|
3622
3622
|
thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
|
|
3623
3623
|
rangeClassName?: string;
|
|
3624
3624
|
};
|
|
3625
|
-
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$
|
|
3625
|
+
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$179) => import("react/jsx-runtime").JSX.Element;
|
|
3626
3626
|
//#endregion
|
|
3627
3627
|
//#region src/components/Search/Search.d.ts
|
|
3628
3628
|
type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement>) => void;
|
|
3629
3629
|
type SearchBlurEventHandler = (value: string, event: FocusEvent<HTMLInputElement, Element>) => void;
|
|
3630
|
-
type Props$
|
|
3630
|
+
type Props$178 = {
|
|
3631
3631
|
suffix?: ReactNode;
|
|
3632
3632
|
disableDebounce?: boolean;
|
|
3633
3633
|
debounceDelay?: number;
|
|
@@ -3642,19 +3642,19 @@ type Props$177 = {
|
|
|
3642
3642
|
/**
|
|
3643
3643
|
* @deprecated Use `SearchInput` instead. `Search` is kept only for the legacy (non-sidebar) layout.
|
|
3644
3644
|
*/
|
|
3645
|
-
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$
|
|
3645
|
+
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$178) => import("react/jsx-runtime").JSX.Element;
|
|
3646
3646
|
//#endregion
|
|
3647
3647
|
//#region src/components/Search/SearchForm.d.ts
|
|
3648
|
-
type Props$
|
|
3648
|
+
type Props$177 = {
|
|
3649
3649
|
onSubmit: (value: string) => void;
|
|
3650
3650
|
} & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
|
|
3651
|
-
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$
|
|
3651
|
+
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$177) => import("react/jsx-runtime").JSX.Element;
|
|
3652
3652
|
//#endregion
|
|
3653
3653
|
//#region src/components/Select/SelectContent.d.ts
|
|
3654
3654
|
/**
|
|
3655
3655
|
* Props for `Select.Content`. `container` portals the listbox into a custom element (useful inside modals).
|
|
3656
3656
|
*/
|
|
3657
|
-
type Props$
|
|
3657
|
+
type Props$176 = ComponentProps<typeof SelectPrimitive.Content> & {
|
|
3658
3658
|
container?: HTMLElement | null;
|
|
3659
3659
|
};
|
|
3660
3660
|
/**
|
|
@@ -3662,22 +3662,22 @@ type Props$175 = ComponentProps<typeof SelectPrimitive.Content> & {
|
|
|
3662
3662
|
* Normally rendered implicitly by `Select`; use directly only when composing custom item layouts via
|
|
3663
3663
|
* the `Select.Root` / `Select.Trigger` / `Select.Content` compound parts.
|
|
3664
3664
|
*/
|
|
3665
|
-
declare const SelectContent: ({ ref, className, children, container, position, sideOffset, ...props }: Props$
|
|
3665
|
+
declare const SelectContent: ({ ref, className, children, container, position, sideOffset, ...props }: Props$176) => import("react/jsx-runtime").JSX.Element;
|
|
3666
3666
|
//#endregion
|
|
3667
3667
|
//#region src/components/Select/SelectGroup.d.ts
|
|
3668
|
-
type Props$
|
|
3669
|
-
declare const SelectGroup: ({ className, ...props }: Props$
|
|
3668
|
+
type Props$175 = ComponentProps<typeof SelectPrimitive.Group>;
|
|
3669
|
+
declare const SelectGroup: ({ className, ...props }: Props$175) => import("react/jsx-runtime").JSX.Element;
|
|
3670
3670
|
//#endregion
|
|
3671
3671
|
//#region src/components/Select/SelectItem.d.ts
|
|
3672
|
-
type Props$
|
|
3672
|
+
type Props$174 = ComponentProps<typeof SelectPrimitive.Item> & {
|
|
3673
3673
|
icon?: ReactNode;
|
|
3674
3674
|
hint?: ReactNode;
|
|
3675
3675
|
};
|
|
3676
|
-
declare const SelectItem$1: ({ ref, className, children, icon, hint, 'aria-describedby': ariaDescribedBy, ...props }: Props$
|
|
3676
|
+
declare const SelectItem$1: ({ ref, className, children, icon, hint, 'aria-describedby': ariaDescribedBy, ...props }: Props$174) => import("react/jsx-runtime").JSX.Element;
|
|
3677
3677
|
//#endregion
|
|
3678
3678
|
//#region src/components/Select/SelectLabel.d.ts
|
|
3679
|
-
type Props$
|
|
3680
|
-
declare const SelectLabel: ({ className, ...props }: Props$
|
|
3679
|
+
type Props$173 = ComponentProps<typeof SelectPrimitive.Label>;
|
|
3680
|
+
declare const SelectLabel: ({ className, ...props }: Props$173) => import("react/jsx-runtime").JSX.Element;
|
|
3681
3681
|
//#endregion
|
|
3682
3682
|
//#region src/components/Select/SelectRoot.d.ts
|
|
3683
3683
|
type SelectRootProps = {
|
|
@@ -3698,14 +3698,23 @@ type SelectRootProps = {
|
|
|
3698
3698
|
declare const SelectRoot: (props: SelectRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
3699
3699
|
//#endregion
|
|
3700
3700
|
//#region src/components/Select/SelectSeparator.d.ts
|
|
3701
|
-
type Props$
|
|
3702
|
-
declare const SelectSeparator: ({ className, ...props }: Props$
|
|
3701
|
+
type Props$172 = ComponentProps<typeof SelectPrimitive.Separator>;
|
|
3702
|
+
declare const SelectSeparator: ({ className, ...props }: Props$172) => import("react/jsx-runtime").JSX.Element;
|
|
3703
3703
|
//#endregion
|
|
3704
3704
|
//#region src/components/Select/SelectTrigger.d.ts
|
|
3705
|
-
type
|
|
3705
|
+
type BaseProps$1 = ComponentProps<typeof SelectPrimitive.Trigger> & Omit<VariantProps<typeof overlayTriggerVariants>, 'variant'> & {
|
|
3706
3706
|
variant?: Exclude<VariantProps<typeof overlayTriggerVariants>['variant'], 'argo'> | 'inline';
|
|
3707
3707
|
} & Pick<ComponentProps<typeof SelectPrimitive.Value>, 'placeholder'>;
|
|
3708
|
-
|
|
3708
|
+
/**
|
|
3709
|
+
* The trigger needs an accessible name, so one of the three routes to one is required.
|
|
3710
|
+
*
|
|
3711
|
+
* - `role="combobox"` is not a name-from-content role: neither the selected item's label nor the
|
|
3712
|
+
* `placeholder` names it.
|
|
3713
|
+
* - `id` counts only when a `<Label htmlFor>` points at it — the type cannot check that pair.
|
|
3714
|
+
* - Passing more than one is allowed; `aria-label` wins over a `<Label htmlFor>`.
|
|
3715
|
+
*/
|
|
3716
|
+
type SelectTriggerProps = BaseProps$1 & (Required<Pick<BaseProps$1, 'aria-label'>> | Required<Pick<BaseProps$1, 'aria-labelledby'>> | Required<Pick<BaseProps$1, 'id'>>);
|
|
3717
|
+
declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
3709
3718
|
//#endregion
|
|
3710
3719
|
//#region src/components/Select/Select.d.ts
|
|
3711
3720
|
type SelectItem = {
|
|
@@ -3721,10 +3730,19 @@ type SelectItemGroup = {
|
|
|
3721
3730
|
items: readonly SelectItem[];
|
|
3722
3731
|
};
|
|
3723
3732
|
type TriggerProps = ComponentProps<typeof SelectTrigger>;
|
|
3724
|
-
type
|
|
3733
|
+
type BaseProps = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange' | 'dir' | 'autoComplete' | 'form'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className' | 'onBlur' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & {
|
|
3725
3734
|
items?: readonly (SelectItem | SelectItemGroup)[];
|
|
3726
3735
|
};
|
|
3727
|
-
|
|
3736
|
+
/**
|
|
3737
|
+
* A `Select` needs an accessible name, so one of the three routes to one is required.
|
|
3738
|
+
*
|
|
3739
|
+
* - `role="combobox"` is not a name-from-content role: neither the selected item's label nor the
|
|
3740
|
+
* `placeholder` names the trigger.
|
|
3741
|
+
* - `id` counts only when a `<Label htmlFor>` points at it — the type cannot check that pair.
|
|
3742
|
+
* - Passing more than one is allowed; `aria-label` wins over a `<Label htmlFor>`.
|
|
3743
|
+
*/
|
|
3744
|
+
type SelectProps = BaseProps & (Required<Pick<BaseProps, 'aria-label'>> | Required<Pick<BaseProps, 'aria-labelledby'>> | Required<Pick<BaseProps, 'id'>>);
|
|
3745
|
+
declare function Select({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, dir, autoComplete, form, variant, state, sizing, placeholder, className, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, items, ...accessibleName }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
3728
3746
|
declare namespace Select {
|
|
3729
3747
|
export { SelectRoot as Root };
|
|
3730
3748
|
export { SelectTrigger as Trigger };
|
|
@@ -3736,7 +3754,7 @@ declare namespace Select {
|
|
|
3736
3754
|
}
|
|
3737
3755
|
//#endregion
|
|
3738
3756
|
//#region src/components/Checkbox/Checkbox.d.ts
|
|
3739
|
-
type Props$
|
|
3757
|
+
type Props$171 = {
|
|
3740
3758
|
id?: string | number;
|
|
3741
3759
|
description?: ReactNode;
|
|
3742
3760
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
@@ -3744,32 +3762,53 @@ type Props$168 = {
|
|
|
3744
3762
|
tooltip?: Props$8['tooltip'];
|
|
3745
3763
|
tooltipPlacement?: Props$8['placement'];
|
|
3746
3764
|
} & Omit<ComponentProps<typeof Root$11>, 'id'>;
|
|
3747
|
-
declare function Checkbox(prop: Omit<Props$
|
|
3765
|
+
declare function Checkbox(prop: Omit<Props$171, 'checked' | 'onCheckedChange'> & {
|
|
3748
3766
|
checked?: boolean;
|
|
3749
3767
|
onCheckedChange?: (checked: boolean) => void;
|
|
3750
3768
|
}): ReactNode;
|
|
3751
|
-
declare function Checkbox(prop: Omit<Props$
|
|
3769
|
+
declare function Checkbox(prop: Omit<Props$171, 'checked' | 'onCheckedChange'> & {
|
|
3752
3770
|
checked?: CheckedState;
|
|
3753
3771
|
onCheckedChange?: (checked: CheckedState) => void;
|
|
3754
3772
|
}): ReactNode;
|
|
3755
3773
|
//#endregion
|
|
3774
|
+
//#region src/components/Combobox/blankValues.d.ts
|
|
3775
|
+
/**
|
|
3776
|
+
* A string as a row or a chip shows it — named when its text is blank, itself otherwise.
|
|
3777
|
+
*
|
|
3778
|
+
* - Exported so an `itemToLabel` / `itemToChipLabel` / `itemToSelectedLabel` / `renderChips`
|
|
3779
|
+
* override can keep the default naming instead of retyping the labels.
|
|
3780
|
+
* - The two blank values get their own labels; any other whitespace-only string (a tab, a run of
|
|
3781
|
+
* spaces) falls back to a generic one, so two different ones read alike.
|
|
3782
|
+
* - Identity is unaffected — `toLabel` keys items off the raw string.
|
|
3783
|
+
*/
|
|
3784
|
+
declare const namedLabel: (text: string) => string;
|
|
3785
|
+
/**
|
|
3786
|
+
* `values` with both blank values offered ahead of them, and duplicates collapsed.
|
|
3787
|
+
*
|
|
3788
|
+
* - The dedupe matters where the list is the distinct values of a Storage column: it can already
|
|
3789
|
+
* hold a blank, and two `Object.is`-equal rows both report `aria-selected` and toggle each other.
|
|
3790
|
+
* - First occurrence wins, so the order of the values is otherwise preserved.
|
|
3791
|
+
* - String items only — the seven Storage filters this serves are all string-valued.
|
|
3792
|
+
*/
|
|
3793
|
+
declare const withBlankValues: (values: readonly string[]) => string[];
|
|
3794
|
+
//#endregion
|
|
3756
3795
|
//#region src/components/Badge/BadgeAddon.d.ts
|
|
3757
3796
|
declare const addonVariants: (props?: ({
|
|
3758
3797
|
align?: "inline-end" | "inline-start" | null | undefined;
|
|
3759
3798
|
variant?: "floating" | "inline" | null | undefined;
|
|
3760
3799
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3761
|
-
type Props$
|
|
3762
|
-
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$
|
|
3800
|
+
type Props$170 = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
|
|
3801
|
+
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$170) => import("react/jsx-runtime").JSX.Element;
|
|
3763
3802
|
//#endregion
|
|
3764
3803
|
//#region src/components/Badge/BadgeButton.d.ts
|
|
3765
|
-
type Props$
|
|
3766
|
-
declare const BadgeButton: ({ ref, className, type, children, ...rest }: Props$
|
|
3804
|
+
type Props$169 = ComponentProps<'button'>;
|
|
3805
|
+
declare const BadgeButton: ({ ref, className, type, children, ...rest }: Props$169) => import("react/jsx-runtime").JSX.Element;
|
|
3767
3806
|
//#endregion
|
|
3768
3807
|
//#region src/components/Badge/BadgeLabel.d.ts
|
|
3769
|
-
type Props$
|
|
3808
|
+
type Props$168 = ComponentProps<'span'> & {
|
|
3770
3809
|
asChild?: boolean;
|
|
3771
3810
|
};
|
|
3772
|
-
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$
|
|
3811
|
+
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$168) => import("react/jsx-runtime").JSX.Element;
|
|
3773
3812
|
//#endregion
|
|
3774
3813
|
//#region src/components/Badge/styles.d.ts
|
|
3775
3814
|
declare const badgeRootVariants: (props?: ({
|
|
@@ -3778,8 +3817,8 @@ declare const badgeRootVariants: (props?: ({
|
|
|
3778
3817
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3779
3818
|
//#endregion
|
|
3780
3819
|
//#region src/components/Badge/BadgeRoot.d.ts
|
|
3781
|
-
type Props$
|
|
3782
|
-
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$
|
|
3820
|
+
type Props$167 = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
|
|
3821
|
+
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$167) => import("react/jsx-runtime").JSX.Element;
|
|
3783
3822
|
//#endregion
|
|
3784
3823
|
//#region src/components/Badge/Badge.d.ts
|
|
3785
3824
|
type AddonVariant = ComponentProps<typeof BadgeAddon>['variant'];
|
|
@@ -3790,7 +3829,7 @@ type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
|
|
|
3790
3829
|
* `amber` = caution, `purple/cyan/teal/blue/gray` for decorative tags) — colours stay fixed across brand themes.
|
|
3791
3830
|
* Pass `prefix` / `suffix` for icon-style addons.
|
|
3792
3831
|
*/
|
|
3793
|
-
type Props$
|
|
3832
|
+
type Props$166 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
|
|
3794
3833
|
prefix?: ReactNode;
|
|
3795
3834
|
prefixVariant?: AddonVariant;
|
|
3796
3835
|
suffix?: ReactNode;
|
|
@@ -3808,7 +3847,7 @@ type Props$163 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProp
|
|
|
3808
3847
|
* **Composition:** drop into `PageHeader.Detail` `badges` slot, `Table.Cell`, or alongside titles in cards.
|
|
3809
3848
|
* Use `Badge.Button` for an interactive (clickable) badge variant.
|
|
3810
3849
|
*/
|
|
3811
|
-
declare const BadgeInner: ({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$
|
|
3850
|
+
declare const BadgeInner: ({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$166) => import("react/jsx-runtime").JSX.Element;
|
|
3812
3851
|
declare const Badge: typeof BadgeInner & {
|
|
3813
3852
|
Root: typeof BadgeRoot;
|
|
3814
3853
|
Button: typeof BadgeButton;
|
|
@@ -3816,10 +3855,28 @@ declare const Badge: typeof BadgeInner & {
|
|
|
3816
3855
|
Addon: typeof BadgeAddon;
|
|
3817
3856
|
};
|
|
3818
3857
|
//#endregion
|
|
3819
|
-
//#region src/components/Combobox/
|
|
3858
|
+
//#region src/components/Combobox/ComboboxChip.d.ts
|
|
3820
3859
|
type BadgeColor = ComponentProps<typeof Badge>['color'];
|
|
3821
3860
|
type BadgeVariant = ComponentProps<typeof Badge>['variant'];
|
|
3822
|
-
type Props$
|
|
3861
|
+
type Props$165 = {
|
|
3862
|
+
children: ReactNode;
|
|
3863
|
+
color?: BadgeColor;
|
|
3864
|
+
variant?: BadgeVariant;
|
|
3865
|
+
};
|
|
3866
|
+
/**
|
|
3867
|
+
* One chip in a `MultiCombobox`'s chip area — Badge chrome plus the remove button.
|
|
3868
|
+
*
|
|
3869
|
+
* - Position is the identity: Base UI removes the chip at an index, so render one per entry of
|
|
3870
|
+
* `value`, in that order. There is no value prop to pass.
|
|
3871
|
+
* - `children` is the chip's content, so it can hold a link or an action of its own.
|
|
3872
|
+
* - Renders inside a `MultiCombobox`'s `renderChips` slot, or `Combobox.Chips`.
|
|
3873
|
+
* - A chip the user cannot remove is a plain `Badge`, not a chip — a chip would take a position
|
|
3874
|
+
* that a removal counts against.
|
|
3875
|
+
*/
|
|
3876
|
+
declare const ComboboxChip: ({ children, color, variant }: Props$165) => import("react/jsx-runtime").JSX.Element;
|
|
3877
|
+
//#endregion
|
|
3878
|
+
//#region src/components/Combobox/ComboboxChips.d.ts
|
|
3879
|
+
type Props$164<Value> = {
|
|
3823
3880
|
maxVisible?: number;
|
|
3824
3881
|
itemToChipLabel?: (item: Value) => ReactNode;
|
|
3825
3882
|
itemToChipColor?: (item: Value) => BadgeColor;
|
|
@@ -3831,8 +3888,16 @@ type Props$162<Value> = {
|
|
|
3831
3888
|
*/
|
|
3832
3889
|
pinnedChipLabels?: ReactNode[];
|
|
3833
3890
|
variant?: BadgeVariant;
|
|
3891
|
+
/**
|
|
3892
|
+
* Renders the chip area from the selected values, in place of the default chips.
|
|
3893
|
+
*
|
|
3894
|
+
* - Every other prop here is then unused: the caller decides what each value becomes and how
|
|
3895
|
+
* many of them show.
|
|
3896
|
+
* - Build removable chips with `Combobox.Chip`; nothing requires one chip per value.
|
|
3897
|
+
*/
|
|
3898
|
+
children?: (values: Value[]) => ReactNode;
|
|
3834
3899
|
};
|
|
3835
|
-
declare const ComboboxChips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, pinnedChipLabels, variant }: Props$
|
|
3900
|
+
declare const ComboboxChips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, pinnedChipLabels, variant, children }: Props$164<Value>) => import("react/jsx-runtime").JSX.Element;
|
|
3836
3901
|
//#endregion
|
|
3837
3902
|
//#region src/components/Combobox/ComboboxContent.d.ts
|
|
3838
3903
|
type PortalProps = ComponentProps<typeof Combobox$1.Portal>;
|
|
@@ -3840,72 +3905,72 @@ type PositionerProps = ComponentProps<typeof Combobox$1.Positioner>;
|
|
|
3840
3905
|
type PopupProps = Omit<ComponentProps<typeof Combobox$1.Popup>, 'className'> & {
|
|
3841
3906
|
className?: string;
|
|
3842
3907
|
};
|
|
3843
|
-
type Props$
|
|
3844
|
-
declare const ComboboxContent: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: Props$
|
|
3908
|
+
type Props$163 = PopupProps & Pick<PositionerProps, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & Pick<PortalProps, 'container'>;
|
|
3909
|
+
declare const ComboboxContent: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: Props$163) => import("react/jsx-runtime").JSX.Element;
|
|
3845
3910
|
//#endregion
|
|
3846
3911
|
//#region src/components/Combobox/ComboboxEmpty.d.ts
|
|
3847
|
-
type Props$
|
|
3912
|
+
type Props$162 = Omit<ComponentProps<typeof Combobox$1.Empty>, 'className'> & {
|
|
3848
3913
|
className?: string;
|
|
3849
3914
|
};
|
|
3850
|
-
declare const ComboboxEmpty: ({ ref, className, ...props }: Props$
|
|
3915
|
+
declare const ComboboxEmpty: ({ ref, className, ...props }: Props$162) => import("react/jsx-runtime").JSX.Element;
|
|
3851
3916
|
//#endregion
|
|
3852
3917
|
//#region src/components/Combobox/ComboboxInput.d.ts
|
|
3853
|
-
type Props$
|
|
3854
|
-
declare const ComboboxInput: ({ ref, ...props }: Props$
|
|
3918
|
+
type Props$161 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
|
|
3919
|
+
declare const ComboboxInput: ({ ref, ...props }: Props$161) => import("react/jsx-runtime").JSX.Element;
|
|
3855
3920
|
//#endregion
|
|
3856
3921
|
//#region src/components/Combobox/ComboboxInputGroup.d.ts
|
|
3857
3922
|
type InputGroupProps$8 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
|
|
3858
|
-
type Props$
|
|
3923
|
+
type Props$160 = InputGroupProps$8 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
|
|
3859
3924
|
className?: string;
|
|
3860
3925
|
};
|
|
3861
|
-
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$
|
|
3926
|
+
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$160) => import("react/jsx-runtime").JSX.Element;
|
|
3862
3927
|
//#endregion
|
|
3863
3928
|
//#region src/components/Combobox/ComboboxItemIndicator.d.ts
|
|
3864
3929
|
type Variant$6 = 'check' | 'checkbox';
|
|
3865
|
-
type Props$
|
|
3930
|
+
type Props$159 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
|
|
3866
3931
|
className?: string;
|
|
3867
3932
|
variant?: Variant$6;
|
|
3868
3933
|
};
|
|
3869
|
-
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$
|
|
3934
|
+
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$159) => import("react/jsx-runtime").JSX.Element;
|
|
3870
3935
|
//#endregion
|
|
3871
3936
|
//#region src/components/Combobox/ComboboxItem.d.ts
|
|
3872
|
-
type Props$
|
|
3937
|
+
type Props$158 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
|
|
3873
3938
|
className?: string;
|
|
3874
3939
|
icon?: ReactNode;
|
|
3875
3940
|
indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'];
|
|
3876
3941
|
};
|
|
3877
|
-
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$
|
|
3942
|
+
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$158) => import("react/jsx-runtime").JSX.Element;
|
|
3878
3943
|
//#endregion
|
|
3879
3944
|
//#region src/components/Combobox/ComboboxList.d.ts
|
|
3880
|
-
type Props$
|
|
3945
|
+
type Props$157 = Omit<ComponentProps<typeof Combobox$1.List>, 'className'> & {
|
|
3881
3946
|
className?: string;
|
|
3882
3947
|
};
|
|
3883
|
-
declare const ComboboxList: ({ ref, className, ...props }: Props$
|
|
3948
|
+
declare const ComboboxList: ({ ref, className, ...props }: Props$157) => import("react/jsx-runtime").JSX.Element;
|
|
3884
3949
|
//#endregion
|
|
3885
3950
|
//#region src/components/Combobox/ComboboxRoot.d.ts
|
|
3886
3951
|
declare const ComboboxRoot: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => import("react/jsx-runtime").JSX.Element;
|
|
3887
3952
|
//#endregion
|
|
3888
3953
|
//#region src/components/Combobox/ComboboxSeparator.d.ts
|
|
3889
|
-
type Props$
|
|
3954
|
+
type Props$156 = Omit<ComponentProps<typeof Combobox$1.Separator>, 'className'> & {
|
|
3890
3955
|
className?: string;
|
|
3891
3956
|
};
|
|
3892
|
-
declare const ComboboxSeparator: ({ ref, className, ...props }: Props$
|
|
3957
|
+
declare const ComboboxSeparator: ({ ref, className, ...props }: Props$156) => import("react/jsx-runtime").JSX.Element;
|
|
3893
3958
|
//#endregion
|
|
3894
3959
|
//#region src/components/Combobox/Group/ComboboxGroup.d.ts
|
|
3895
|
-
type Props$
|
|
3960
|
+
type Props$155 = Omit<ComponentProps<typeof Combobox$1.Group>, 'className'> & {
|
|
3896
3961
|
className?: string;
|
|
3897
3962
|
};
|
|
3898
|
-
declare const ComboboxGroup: ({ ref, className, children, ...props }: Props$
|
|
3963
|
+
declare const ComboboxGroup: ({ ref, className, children, ...props }: Props$155) => import("react/jsx-runtime").JSX.Element;
|
|
3899
3964
|
//#endregion
|
|
3900
3965
|
//#region src/components/Combobox/Group/ComboboxGroupLabel.d.ts
|
|
3901
|
-
type Props$
|
|
3966
|
+
type Props$154 = Omit<Combobox$1.GroupLabel.Props, 'className'> & {
|
|
3902
3967
|
className?: string;
|
|
3903
3968
|
};
|
|
3904
|
-
declare const ComboboxGroupLabel: ({ ref, className, ...props }: Props$
|
|
3969
|
+
declare const ComboboxGroupLabel: ({ ref, className, ...props }: Props$154) => import("react/jsx-runtime").JSX.Element;
|
|
3905
3970
|
//#endregion
|
|
3906
3971
|
//#region src/components/Combobox/Group/ComboboxCollection.d.ts
|
|
3907
|
-
type Props$
|
|
3908
|
-
declare const ComboboxCollection: ({ ...props }: Props$
|
|
3972
|
+
type Props$153 = Combobox$1.Collection.Props;
|
|
3973
|
+
declare const ComboboxCollection: ({ ...props }: Props$153) => import("react/jsx-runtime").JSX.Element;
|
|
3909
3974
|
//#endregion
|
|
3910
3975
|
//#region src/components/Combobox/types.d.ts
|
|
3911
3976
|
type Group$2<Item = unknown> = {
|
|
@@ -3933,8 +3998,16 @@ type CreatableProps$1<Value> = {
|
|
|
3933
3998
|
*/
|
|
3934
3999
|
canCreate?: (query: string) => boolean;
|
|
3935
4000
|
};
|
|
3936
|
-
type Props$
|
|
4001
|
+
type Props$152<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps$1<Value> & {
|
|
3937
4002
|
items?: readonly (Value | GroupShape)[];
|
|
4003
|
+
/**
|
|
4004
|
+
* Offer a clear button once a value is selected. Defaults to **`true`**.
|
|
4005
|
+
*
|
|
4006
|
+
* - `BaseCombobox.Clear` only mounts while there is something to clear, so an empty combobox
|
|
4007
|
+
* renders identically either way.
|
|
4008
|
+
* - Pass `false` where clearing must not be reachable — a required field, or a control whose
|
|
4009
|
+
* empty state the surrounding form cannot represent.
|
|
4010
|
+
*/
|
|
3938
4011
|
allowClear?: boolean;
|
|
3939
4012
|
empty?: ReactNode;
|
|
3940
4013
|
indicator?: Indicator$4;
|
|
@@ -3946,13 +4019,54 @@ type Props$150<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Publ
|
|
|
3946
4019
|
* or `true` to force it. Grouped lists are never virtualized.
|
|
3947
4020
|
*/
|
|
3948
4021
|
virtualized?: boolean | 'auto';
|
|
4022
|
+
/**
|
|
4023
|
+
* Rewrites what the user types before the control adopts it.
|
|
4024
|
+
*
|
|
4025
|
+
* - Runs on typing only. The selection's own label comes from the item, so normalising that
|
|
4026
|
+
* too would corrupt what the closed control displays.
|
|
4027
|
+
* - The query the list filters by is the rewritten text, and so is everything `allowCreate`
|
|
4028
|
+
* derives from it — a character the user cannot type is one they cannot create.
|
|
4029
|
+
* - Reach for it where a created value has a character set: a bucket or table identifier.
|
|
4030
|
+
* `canCreate` is the gate for a format the user must get right themselves.
|
|
4031
|
+
* - It has to rewrite rather than drop: it sees the whole text on every keystroke, so one
|
|
4032
|
+
* calling `trim()` swallows the space before the next word.
|
|
4033
|
+
*/
|
|
4034
|
+
inputValueSanitizer?: (input: string) => string;
|
|
4035
|
+
/**
|
|
4036
|
+
* Reports the query the list filters by, `inputValueSanitizer` already applied.
|
|
4037
|
+
*
|
|
4038
|
+
* - For an owner that needs the query for itself: a server-side search, an option order, the
|
|
4039
|
+
* name a "create" form opens with.
|
|
4040
|
+
* - The query is empty while the input still shows the selection's label, so a list fetched
|
|
4041
|
+
* for a query cannot stay narrowed behind a selection the user has moved on from. The
|
|
4042
|
+
* mount render reports too, so a search driven by this needs no first fetch of its own.
|
|
4043
|
+
* - Notification only, and deliberately not Base UI's own `onInputValueChange`: the control
|
|
4044
|
+
* keeps ownership of the text — a selection snaps it back to that item's label, and
|
|
4045
|
+
* creating or clearing a value rewrites it — so there is no controlled `inputValue` to
|
|
4046
|
+
* hold in sync.
|
|
4047
|
+
*/
|
|
4048
|
+
onQueryChange?: (query: string) => void;
|
|
3949
4049
|
/** `query` is the current search text — pass it to `MarkedText` to highlight the match. */
|
|
3950
4050
|
itemToLabel?: (item: Value, query: string) => ReactNode;
|
|
3951
4051
|
itemToIcon?: (item: Value) => ReactNode;
|
|
3952
4052
|
itemToDisabled?: (item: Value) => boolean;
|
|
4053
|
+
/**
|
|
4054
|
+
* How the selection renders once the popup is closed — an icon, a badge, a secondary line.
|
|
4055
|
+
*
|
|
4056
|
+
* - Shows ahead of the input, and the input's own text turns transparent behind it, so the
|
|
4057
|
+
* selection reads once. Typing dissolves it and hands the row back to the query.
|
|
4058
|
+
* - The input keeps `itemToStringLabel`'s text as its value, so this is decoration: a screen
|
|
4059
|
+
* reader still reports the selection. That is the reason to reach for it over drawing the
|
|
4060
|
+
* selection yourself in `prefix`, which costs the input its accessible value.
|
|
4061
|
+
* - Left unset, the selection is that text alone — `itemToLabel` styles the open list's rows,
|
|
4062
|
+
* not the selection, and the two are free to differ.
|
|
4063
|
+
* - The node owns its own overflow, as `itemToLabel` and `itemToChipLabel` do: the control caps
|
|
4064
|
+
* the area so the clear and open buttons stay reachable, and clips what does not fit.
|
|
4065
|
+
*/
|
|
4066
|
+
itemToSelectedLabel?: (item: Value) => ReactNode;
|
|
3953
4067
|
groupToLabel?: (group: GroupShape) => ReactNode;
|
|
3954
4068
|
};
|
|
3955
|
-
declare function Combobox<Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, empty, indicator, prefix, virtualized, allowCreate, queryToCreateValue, queryToCreateLabel, canCreate, itemToDisabled, itemToLabel, itemToIcon, groupToLabel }: Props$
|
|
4069
|
+
declare function Combobox<Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, empty, indicator, prefix, virtualized, inputValueSanitizer, onQueryChange, allowCreate, queryToCreateValue, queryToCreateLabel, canCreate, itemToDisabled, itemToLabel, itemToIcon, itemToSelectedLabel, groupToLabel }: Props$152<Value, GroupShape>): import("react/jsx-runtime").JSX.Element;
|
|
3956
4070
|
declare namespace Combobox {
|
|
3957
4071
|
export { ComboboxRoot as Root };
|
|
3958
4072
|
export { ComboboxInputGroup as InputGroup };
|
|
@@ -3967,8 +4081,48 @@ declare namespace Combobox {
|
|
|
3967
4081
|
export { ComboboxGroupLabel as GroupLabel };
|
|
3968
4082
|
export { ComboboxCollection as GroupList };
|
|
3969
4083
|
export { ComboboxChips as Chips };
|
|
4084
|
+
export { ComboboxChip as Chip };
|
|
3970
4085
|
}
|
|
3971
4086
|
//#endregion
|
|
4087
|
+
//#region src/components/Combobox/matchByWords.d.ts
|
|
4088
|
+
/** A single searchable text. `null` / `undefined` / `''` stand for "this item has no such field". */
|
|
4089
|
+
type Text = string | number | null | undefined;
|
|
4090
|
+
/**
|
|
4091
|
+
* Whether every word of `query` occurs in at least one of `texts`, ignoring case.
|
|
4092
|
+
*
|
|
4093
|
+
* - Words may match different texts and in any order: `prod eu` matches `['eu-central', 'production']`.
|
|
4094
|
+
* - A word matches by containment, not as a whole word: `prod` matches `production`.
|
|
4095
|
+
* - An empty or whitespace-only query matches every item.
|
|
4096
|
+
* - Empty and absent texts are skipped, so a missing field never matches.
|
|
4097
|
+
* - Comparison is a plain lowercased `includes`, not Base UI's `Intl.Collator` `contains`, so
|
|
4098
|
+
* `Muller` does not find `Müller`. The wrapper this replaces matched the same way.
|
|
4099
|
+
* - `apps/kbc-ui` has its own `matchByWords` of the same name over 68 mostly non-combobox call
|
|
4100
|
+
* sites. It splits on a single space and keeps empty texts, so the two are not interchangeable
|
|
4101
|
+
* until that one re-exports this.
|
|
4102
|
+
*
|
|
4103
|
+
* Reach for it as a `Combobox` / `MultiCombobox` `filter` when the searchable text is **not** the
|
|
4104
|
+
* label — a user's email behind their name, a table id behind its display name:
|
|
4105
|
+
*
|
|
4106
|
+
* ```tsx
|
|
4107
|
+
* <Combobox filter={(user, query) => matchByWords([user.name, user.email], query)} … />
|
|
4108
|
+
* ```
|
|
4109
|
+
*
|
|
4110
|
+
* When only the label is searchable, pass {@link filterByWords} instead of closing over this.
|
|
4111
|
+
*/
|
|
4112
|
+
declare const matchByWords: (texts: Text | readonly Text[], query: string) => boolean;
|
|
4113
|
+
/**
|
|
4114
|
+
* `filter` that matches the item's displayed label word by word.
|
|
4115
|
+
*
|
|
4116
|
+
* - Drop-in for the built-in match, which takes the query as one substring: `filter={filterByWords}`.
|
|
4117
|
+
* - Generic, so passing it leaves the combobox's own item type inference untouched.
|
|
4118
|
+
* - The label is what the combobox itself displays — `itemToStringLabel` where the call site passes
|
|
4119
|
+
* one, otherwise the item's own `label`, `value`, or string form.
|
|
4120
|
+
* - **Only the label is searched.** Nothing walks the rest of the item, so a field the label omits
|
|
4121
|
+
* stays unsearchable by design — a filter that quietly matched an id the user cannot see is
|
|
4122
|
+
* worse than one that does not match. Close over {@link matchByWords} to name those fields.
|
|
4123
|
+
*/
|
|
4124
|
+
declare const filterByWords: <Item>(item: Item, query: string, itemToString?: (item: Item) => string) => boolean;
|
|
4125
|
+
//#endregion
|
|
3972
4126
|
//#region src/blocks/MultiCombobox/MultiCombobox.d.ts
|
|
3973
4127
|
type ComboboxProps<Value> = Combobox$1.Root.Props<Value, true>;
|
|
3974
4128
|
type ComboboxInputProps = ComponentProps<typeof Combobox.Input>;
|
|
@@ -3978,23 +4132,109 @@ type ComboboxChipsProps<Value> = ComponentProps<typeof Combobox.Chips<Value>>;
|
|
|
3978
4132
|
type Indicator$3 = NonNullable<ComboboxItemProps['indicator']>;
|
|
3979
4133
|
type CreatableProps<Value> = {
|
|
3980
4134
|
allowCreate?: boolean;
|
|
4135
|
+
/**
|
|
4136
|
+
* Words the create row. Receives the values committing the row will add — an entry standing for
|
|
4137
|
+
* several values arrives trimmed and re-joined with its own separator, not as typed.
|
|
4138
|
+
*/
|
|
3981
4139
|
queryToCreateLabel?: (query: string) => ReactNode;
|
|
4140
|
+
/**
|
|
4141
|
+
* Projects one entered string into an item. Called once per value, so a split entry calls it
|
|
4142
|
+
* several times, each with an already-trimmed part.
|
|
4143
|
+
*/
|
|
3982
4144
|
queryToCreateValue?: (query: string) => Value;
|
|
4145
|
+
/**
|
|
4146
|
+
* Gate on each value the entry stands for, for `allowCreate`.
|
|
4147
|
+
*
|
|
4148
|
+
* - Returning `false` drops that value, so an entry left with none hides the create row and the
|
|
4149
|
+
* empty state shows instead.
|
|
4150
|
+
* - Only called for a value that matches no item and nothing already selected — one naming an
|
|
4151
|
+
* item is selected rather than minted, so its format is not this gate's business.
|
|
4152
|
+
* - Reach for it when a free-form value has a format (a column name, an email address).
|
|
4153
|
+
*/
|
|
4154
|
+
canCreate?: (query: string) => boolean;
|
|
4155
|
+
/**
|
|
4156
|
+
* Separator that makes one creatable entry stand for several values. Defaults to **`','`**, so
|
|
4157
|
+
* pasting `id1, id2, id3` adds three chips.
|
|
4158
|
+
*
|
|
4159
|
+
* - Pass a string or a non-capturing `RegExp` for another convention: `';'` for an Outlook
|
|
4160
|
+
* address list, `/[\s,]+/` where a value can never contain a space. A capture group would be
|
|
4161
|
+
* handed back as a value of its own — that is `String.prototype.split`'s own behaviour.
|
|
4162
|
+
* - Pass `null` where a value legitimately contains the separator — a free-text label, a
|
|
4163
|
+
* sentence — and one entry must stay one chip.
|
|
4164
|
+
* - Whitespace is deliberately not part of the default: tags and column names contain spaces,
|
|
4165
|
+
* and each part is trimmed anyway, so `id1, id2` needs nothing more than the comma.
|
|
4166
|
+
*/
|
|
4167
|
+
createSeparator?: string | RegExp | null;
|
|
3983
4168
|
};
|
|
3984
4169
|
/**
|
|
3985
4170
|
* Props for `MultiCombobox`. Generic over `Value` (the item shape) and `GroupShape` (optional group wrapper).
|
|
3986
4171
|
* Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override
|
|
3987
|
-
* the default substring matcher. Pass `
|
|
4172
|
+
* the default substring matcher. Pass `isItemEqualToValue` when the items are objects a store recreates —
|
|
4173
|
+
* without it Base UI matches `value` against `items` by reference. Pass `allowCreate` to let the user add
|
|
4174
|
+
* free-form values not in `items`.
|
|
3988
4175
|
*/
|
|
3989
|
-
type Props$
|
|
4176
|
+
type Props$151<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id' | 'name' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter' | 'isItemEqualToValue'> & Pick<ComboboxChipsProps<Value>, 'itemToChipLabel' | 'itemToChipColor' | 'pinnedChipLabels' | 'maxVisible'> & CreatableProps<Value> & {
|
|
3990
4177
|
items?: readonly (Value | GroupShape)[];
|
|
4178
|
+
/**
|
|
4179
|
+
* Offer a clear-all button once something is selected. Defaults to **`true`**.
|
|
4180
|
+
*
|
|
4181
|
+
* - `BaseCombobox.Clear` only mounts while chips exist, so an empty control renders identically
|
|
4182
|
+
* either way. Individual chips stay removable regardless.
|
|
4183
|
+
* - Pass `false` where emptying the whole selection must not be one click away.
|
|
4184
|
+
*/
|
|
3991
4185
|
allowClear?: boolean;
|
|
4186
|
+
/**
|
|
4187
|
+
* Adds a "Select All" row that selects the whole item set.
|
|
4188
|
+
*
|
|
4189
|
+
* - The row is hidden while a query narrows the list — it never means "everything matching".
|
|
4190
|
+
* - Selecting it while everything is already selected clears the selection.
|
|
4191
|
+
*/
|
|
3992
4192
|
allowSelectAll?: boolean;
|
|
3993
4193
|
empty?: ReactNode;
|
|
3994
4194
|
indicator?: Indicator$3;
|
|
4195
|
+
/**
|
|
4196
|
+
* Rewrites what the user types before the control adopts it.
|
|
4197
|
+
*
|
|
4198
|
+
* - The query the list filters by is the rewritten text, and so is every value a created entry
|
|
4199
|
+
* is split into — a character the user cannot type is one they cannot create.
|
|
4200
|
+
* - Reach for it where a created value has a character set: a column name, a scope, an
|
|
4201
|
+
* identifier. `canCreate` is the gate for a format the user must get right themselves.
|
|
4202
|
+
* - It has to rewrite rather than drop: it sees the whole text on every keystroke, so one
|
|
4203
|
+
* calling `trim()` swallows the space before the next word.
|
|
4204
|
+
*/
|
|
4205
|
+
inputValueSanitizer?: (input: string) => string;
|
|
4206
|
+
/**
|
|
4207
|
+
* Reports the query the list filters by, `inputValueSanitizer` already applied.
|
|
4208
|
+
*
|
|
4209
|
+
* - For an owner that needs the query for itself: a server-side search, an option order, the
|
|
4210
|
+
* text a synthetic row is offered for. The mount render reports too, so a search driven by
|
|
4211
|
+
* this needs no first fetch of its own.
|
|
4212
|
+
* - Notification only, and deliberately not Base UI's own `onInputValueChange`: the control
|
|
4213
|
+
* keeps ownership of the text — a pick clears it — so there is no controlled `inputValue`
|
|
4214
|
+
* to hold in sync.
|
|
4215
|
+
*/
|
|
4216
|
+
onQueryChange?: (query: string) => void;
|
|
4217
|
+
/**
|
|
4218
|
+
* The item's row in the list, and its chip unless `itemToChipLabel` overrides it.
|
|
4219
|
+
*
|
|
4220
|
+
* - Defaults to `itemToStringLabel`, so a control that projects its items — ids carrying the
|
|
4221
|
+
* selection, the label looked up beside them — states the projection once.
|
|
4222
|
+
* - Pass it separately only where the row is richer than the input's own text.
|
|
4223
|
+
*/
|
|
3995
4224
|
itemToLabel?: (item: Value) => ReactNode;
|
|
3996
4225
|
itemToIcon?: (item: Value) => ReactNode;
|
|
3997
4226
|
itemToDisabled?: (item: Value) => boolean;
|
|
4227
|
+
/**
|
|
4228
|
+
* Renders the chip area from the selected values, in place of the default chips.
|
|
4229
|
+
*
|
|
4230
|
+
* - For the case no per-value accessor can express: one node standing for the whole selection
|
|
4231
|
+
* ("3 tables selected"), or a chip count that is not the value count.
|
|
4232
|
+
* - A chip that merely holds richer content — a link, an action of its own — needs no slot:
|
|
4233
|
+
* `itemToChipLabel` returns a `ReactNode` and the chip lets it take the keyboard.
|
|
4234
|
+
* - The chip props above go unused while this is set, `maxVisible` and its `+N` chip included.
|
|
4235
|
+
* - `Combobox.Chip` builds a removable chip.
|
|
4236
|
+
*/
|
|
4237
|
+
renderChips?: (values: Value[]) => ReactNode;
|
|
3998
4238
|
groupToLabel?: (group: GroupShape) => ReactNode;
|
|
3999
4239
|
};
|
|
4000
4240
|
/**
|
|
@@ -4004,16 +4244,17 @@ type Props$149<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick
|
|
|
4004
4244
|
* Items render as chips above the input; `maxVisible` collapses excess into a `+N more` chip.
|
|
4005
4245
|
* **When NOT to use:** for single selection use `Combobox`; for short enums without search use `Select`.
|
|
4006
4246
|
* **Composition:** wrap in `FormGroup` for label + help text, or use `useAppForm` for form integration.
|
|
4007
|
-
* Pass `allowSelectAll` for a
|
|
4008
|
-
*
|
|
4247
|
+
* Pass `allowSelectAll` for a "Select All" item when the full enum is small — it covers the whole set
|
|
4248
|
+
* and hides itself while a query is active. Pass `allowCreate` to let the user add free-form values
|
|
4249
|
+
* that are not in `items` (e.g. entering column names by hand).
|
|
4009
4250
|
*
|
|
4010
4251
|
* @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns
|
|
4011
4252
|
* @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips
|
|
4012
4253
|
*/
|
|
4013
|
-
declare const MultiCombobox: <Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, allowSelectAll, empty, indicator, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, pinnedChipLabels, maxVisible }: Props$
|
|
4254
|
+
declare const MultiCombobox: <Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, allowSelectAll, empty, indicator, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel, createSeparator, itemToDisabled, itemToLabel: itemToLabelProp, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, maxVisible }: Props$151<Value, GroupShape>) => import("react/jsx-runtime").JSX.Element;
|
|
4014
4255
|
//#endregion
|
|
4015
4256
|
//#region src/blocks/Form/connectors/MultiComboboxField.d.ts
|
|
4016
|
-
type Props$
|
|
4257
|
+
type Props$150 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<string>>, 'id' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'state'> & {
|
|
4017
4258
|
inputClassName?: string;
|
|
4018
4259
|
};
|
|
4019
4260
|
/**
|
|
@@ -4041,7 +4282,7 @@ type Props$148 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<strin
|
|
|
4041
4282
|
* Pass `allowCreate` for an enum the user may extend — an open list of synchronous action names, say.
|
|
4042
4283
|
* The created values land in the field value like any other.
|
|
4043
4284
|
*/
|
|
4044
|
-
declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$
|
|
4285
|
+
declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$150) => import("react/jsx-runtime").JSX.Element;
|
|
4045
4286
|
//#endregion
|
|
4046
4287
|
//#region src/blocks/Textarea/Textarea.d.ts
|
|
4047
4288
|
type InputGroupProps$7 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
|
|
@@ -4055,12 +4296,12 @@ type TextareaOwnProps = {
|
|
|
4055
4296
|
disableResize?: boolean;
|
|
4056
4297
|
containerClassName?: string;
|
|
4057
4298
|
};
|
|
4058
|
-
type Props$
|
|
4299
|
+
type Props$149 = InputGroupProps$7 & TextareaNativeProps & TextareaOwnProps;
|
|
4059
4300
|
/**
|
|
4060
4301
|
* Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
|
|
4061
4302
|
* renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
|
|
4062
4303
|
*/
|
|
4063
|
-
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$
|
|
4304
|
+
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$149) => import("react/jsx-runtime").JSX.Element;
|
|
4064
4305
|
//#endregion
|
|
4065
4306
|
//#region src/blocks/AutoSaveTextarea/AutoSaveTextarea.d.ts
|
|
4066
4307
|
type AutoSaveTextareaProps = {
|
|
@@ -4075,14 +4316,14 @@ declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, gr
|
|
|
4075
4316
|
//#region src/blocks/ColorInput/ColorInput.d.ts
|
|
4076
4317
|
type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4077
4318
|
type InputGroupInputProps$6 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
|
|
4078
|
-
type Props$
|
|
4319
|
+
type Props$148 = InputGroupProps$6 & InputGroupInputProps$6 & {
|
|
4079
4320
|
value?: string | null;
|
|
4080
4321
|
defaultValue?: string | null;
|
|
4081
4322
|
onValueChange?: (value: string) => void;
|
|
4082
4323
|
onValueBlur?: (value: string) => void;
|
|
4083
4324
|
allowClear?: boolean;
|
|
4084
4325
|
};
|
|
4085
|
-
declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$
|
|
4326
|
+
declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$148) => import("react/jsx-runtime").JSX.Element;
|
|
4086
4327
|
//#endregion
|
|
4087
4328
|
//#region src/components/ThemeProvider/useBrandState.d.ts
|
|
4088
4329
|
type UseBrandOptions = {
|
|
@@ -4114,17 +4355,17 @@ declare const useColorSchemeState: ({ defaultScheme, scheme: propScheme, onSchem
|
|
|
4114
4355
|
};
|
|
4115
4356
|
//#endregion
|
|
4116
4357
|
//#region src/components/ThemeProvider/ThemeProvider.d.ts
|
|
4117
|
-
type Props$
|
|
4358
|
+
type Props$147 = UseColorSchemeOptions & UseBrandOptions & {
|
|
4118
4359
|
/** Brands this provider knows about; the active brand id resolves against these. */
|
|
4119
4360
|
brands?: readonly Brand$1[];
|
|
4120
4361
|
children: ReactNode;
|
|
4121
4362
|
};
|
|
4122
|
-
declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$
|
|
4363
|
+
declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$147) => import("react/jsx-runtime").JSX.Element;
|
|
4123
4364
|
//#endregion
|
|
4124
4365
|
//#region src/components/ThemeProvider/ThemeScope.d.ts
|
|
4125
4366
|
/** The scope's themed portal container, or `null` outside a `ThemeScope`. */
|
|
4126
4367
|
declare const useThemeScopeContainer: () => HTMLElement | null;
|
|
4127
|
-
type Props$
|
|
4368
|
+
type Props$146 = {
|
|
4128
4369
|
/** Colour scheme for this subtree. `system` follows the OS preference. */
|
|
4129
4370
|
scheme: ColorScheme;
|
|
4130
4371
|
/** Merged onto the child element. */
|
|
@@ -4148,7 +4389,7 @@ type Props$144 = {
|
|
|
4148
4389
|
* layout ignores but selectors do not) silently breaks direct-child selectors
|
|
4149
4390
|
* like `[data-fill=true] > &` in the element it wraps.
|
|
4150
4391
|
*/
|
|
4151
|
-
declare const ThemeScope: ({ scheme, className, children }: Props$
|
|
4392
|
+
declare const ThemeScope: ({ scheme, className, children }: Props$146) => import("react/jsx-runtime").JSX.Element;
|
|
4152
4393
|
//#endregion
|
|
4153
4394
|
//#region src/components/ThemeProvider/context.d.ts
|
|
4154
4395
|
type ThemeContextValue = ReturnType<typeof useColorSchemeState> & ReturnType<typeof useBrandState> & {
|
|
@@ -4181,7 +4422,7 @@ declare const DEFAULT_COLOR_SCHEME: ResolvedColorScheme;
|
|
|
4181
4422
|
declare const DEFAULT_BRAND_ID = "design-system";
|
|
4182
4423
|
//#endregion
|
|
4183
4424
|
//#region src/blocks/ColorModeSwitch/ColorModeSwitch.d.ts
|
|
4184
|
-
type Props$
|
|
4425
|
+
type Props$145 = {
|
|
4185
4426
|
/** The active color scheme. Controlled — pair with `onValueChange`. */
|
|
4186
4427
|
value: ColorScheme;
|
|
4187
4428
|
/** Called with the chosen scheme when the user picks a menu item. */
|
|
@@ -4206,12 +4447,12 @@ type Props$143 = {
|
|
|
4206
4447
|
* The menu uses `DropdownMenu.RadioGroup` for single-select semantics; the active
|
|
4207
4448
|
* item is marked as checked. The trigger's `aria-label` names the current scheme.
|
|
4208
4449
|
*/
|
|
4209
|
-
declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$
|
|
4450
|
+
declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$145) => import("react/jsx-runtime").JSX.Element;
|
|
4210
4451
|
//#endregion
|
|
4211
4452
|
//#region src/blocks/DateInput/DateInput.d.ts
|
|
4212
4453
|
type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4213
4454
|
type InputGroupInputProps$5 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
4214
|
-
type Props$
|
|
4455
|
+
type Props$144 = InputGroupProps$5 & InputGroupInputProps$5 & {
|
|
4215
4456
|
value?: Date | null;
|
|
4216
4457
|
defaultValue?: Date | null;
|
|
4217
4458
|
onValueChange?: (value: Date | null) => void;
|
|
@@ -4221,12 +4462,12 @@ type Props$142 = InputGroupProps$5 & InputGroupInputProps$5 & {
|
|
|
4221
4462
|
endMonth?: Date;
|
|
4222
4463
|
startMonth?: Date;
|
|
4223
4464
|
};
|
|
4224
|
-
declare const DateInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, disabledDays, endMonth, startMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$
|
|
4465
|
+
declare const DateInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, disabledDays, endMonth, startMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$144) => import("react/jsx-runtime").JSX.Element;
|
|
4225
4466
|
//#endregion
|
|
4226
4467
|
//#region src/blocks/NumberInput/NumberInput.d.ts
|
|
4227
4468
|
type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4228
4469
|
type InputGroupInputProps$4 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
|
|
4229
|
-
type Props$
|
|
4470
|
+
type Props$143 = InputGroupProps$4 & InputGroupInputProps$4 & {
|
|
4230
4471
|
value?: number | null;
|
|
4231
4472
|
defaultValue?: number | null;
|
|
4232
4473
|
onValueChange?: (value: number | null) => void;
|
|
@@ -4234,12 +4475,12 @@ type Props$141 = InputGroupProps$4 & InputGroupInputProps$4 & {
|
|
|
4234
4475
|
prefix?: ReactNode;
|
|
4235
4476
|
suffix?: ReactNode;
|
|
4236
4477
|
};
|
|
4237
|
-
declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$
|
|
4478
|
+
declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$143) => import("react/jsx-runtime").JSX.Element;
|
|
4238
4479
|
//#endregion
|
|
4239
4480
|
//#region src/blocks/PasswordInput/PasswordInput.d.ts
|
|
4240
4481
|
type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4241
4482
|
type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
|
|
4242
|
-
type Props$
|
|
4483
|
+
type Props$142 = InputGroupProps$3 & InputGroupInputProps$3 & {
|
|
4243
4484
|
value?: string | null;
|
|
4244
4485
|
defaultValue?: string | null;
|
|
4245
4486
|
onValueChange?: (value: string) => void;
|
|
@@ -4256,24 +4497,24 @@ type Props$140 = InputGroupProps$3 & InputGroupInputProps$3 & {
|
|
|
4256
4497
|
autoComplete?: 'new-password' | 'current-password' | 'off';
|
|
4257
4498
|
defaultPasswordVisibility?: boolean;
|
|
4258
4499
|
};
|
|
4259
|
-
declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, passwordToggleLabel, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$
|
|
4500
|
+
declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, passwordToggleLabel, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$142) => import("react/jsx-runtime").JSX.Element;
|
|
4260
4501
|
//#endregion
|
|
4261
4502
|
//#region src/blocks/TimeInput/TimeInput.d.ts
|
|
4262
4503
|
type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4263
4504
|
type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
4264
|
-
type Props$
|
|
4505
|
+
type Props$141 = InputGroupProps$2 & InputGroupInputProps$2 & {
|
|
4265
4506
|
value?: string | null;
|
|
4266
4507
|
defaultValue?: string | null;
|
|
4267
4508
|
onValueChange?: (value: string | null) => void;
|
|
4268
4509
|
onValueBlur?: (value: string | null) => void;
|
|
4269
4510
|
allowClear?: boolean;
|
|
4270
4511
|
};
|
|
4271
|
-
declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$
|
|
4512
|
+
declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$141) => import("react/jsx-runtime").JSX.Element;
|
|
4272
4513
|
//#endregion
|
|
4273
4514
|
//#region src/blocks/DateRangeInput/DateRangeInput.d.ts
|
|
4274
4515
|
type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4275
4516
|
type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
4276
|
-
type Props$
|
|
4517
|
+
type Props$140 = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
4277
4518
|
value?: DateRange$1 | null;
|
|
4278
4519
|
defaultValue?: DateRange$1 | null;
|
|
4279
4520
|
onValueChange?: (value: DateRange$1 | null) => void;
|
|
@@ -4282,7 +4523,7 @@ type Props$138 = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
|
4282
4523
|
startMonth?: Date;
|
|
4283
4524
|
endMonth?: Date;
|
|
4284
4525
|
};
|
|
4285
|
-
declare const DateRangeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, startMonth, endMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$
|
|
4526
|
+
declare const DateRangeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, startMonth, endMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$140) => import("react/jsx-runtime").JSX.Element;
|
|
4286
4527
|
//#endregion
|
|
4287
4528
|
//#region src/blocks/OtpInput/OtpInputGroup.d.ts
|
|
4288
4529
|
type GroupProps = ComponentProps<'div'>;
|
|
@@ -4314,11 +4555,11 @@ type RootOwnProps = {
|
|
|
4314
4555
|
sizing?: OtpInputSizing;
|
|
4315
4556
|
containerClassName?: string;
|
|
4316
4557
|
};
|
|
4317
|
-
type RootProps$
|
|
4318
|
-
declare const Root$
|
|
4558
|
+
type RootProps$5 = OtpElementChildrenProps & RootOwnProps;
|
|
4559
|
+
declare const Root$18: ({ ref, sizing, pattern, containerClassName, className, children, 'aria-invalid': ariaInvalid, ...rest }: RootProps$5 & {
|
|
4319
4560
|
ref?: Ref<HTMLInputElement>;
|
|
4320
4561
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
4321
|
-
declare const OtpInput: typeof Root$
|
|
4562
|
+
declare const OtpInput: typeof Root$18 & {
|
|
4322
4563
|
Group: typeof OtpInputGroup;
|
|
4323
4564
|
Slot: typeof OtpInputSlot;
|
|
4324
4565
|
Separator: typeof OtpInputSeparator;
|
|
@@ -4333,7 +4574,7 @@ type InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value
|
|
|
4333
4574
|
* is treated as "not provided" — the component falls back to `defaultValue` (or, if absent, internal
|
|
4334
4575
|
* state initialized to empty). `value={""}` is controlled-empty.
|
|
4335
4576
|
*/
|
|
4336
|
-
type Props$
|
|
4577
|
+
type Props$139 = InputGroupProps & InputGroupInputProps & {
|
|
4337
4578
|
value?: string | null;
|
|
4338
4579
|
defaultValue?: string | null;
|
|
4339
4580
|
/** Called with the latest string value after the debounce window (default 300ms). Fires synchronously on clear and when `disableDebounce` is set. For sync echo of every keystroke use `onChange`. */
|
|
@@ -4362,7 +4603,7 @@ type Props$137 = InputGroupProps & InputGroupInputProps & {
|
|
|
4362
4603
|
*
|
|
4363
4604
|
* @see RECIPES.md#filter-toolbar — for the search + filter chips toolbar pattern
|
|
4364
4605
|
*/
|
|
4365
|
-
declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$
|
|
4606
|
+
declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$139) => import("react/jsx-runtime").JSX.Element;
|
|
4366
4607
|
//#endregion
|
|
4367
4608
|
//#region src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.d.ts
|
|
4368
4609
|
type SearchInputWithNavigationProps = {
|
|
@@ -4482,7 +4723,7 @@ declare const useFileDropTarget: ({ accept, maxSize, maxFiles, multiple, disable
|
|
|
4482
4723
|
declare const useFileUploadRejections: () => FileUploadRejection[];
|
|
4483
4724
|
//#endregion
|
|
4484
4725
|
//#region src/components/FileUpload/FileUploadDropZone.d.ts
|
|
4485
|
-
type Props$
|
|
4726
|
+
type Props$138 = {
|
|
4486
4727
|
/** Override the default copy / icon block. */
|
|
4487
4728
|
children?: ReactNode;
|
|
4488
4729
|
/** `id` for the underlying file input, so an external `<Label htmlFor>` can address it. */
|
|
@@ -4492,10 +4733,10 @@ type Props$136 = {
|
|
|
4492
4733
|
* Drop-zone target. Defaults to "Drag files here or click to browse" + Upload icon.
|
|
4493
4734
|
* Pass `children` to fully replace the inner block.
|
|
4494
4735
|
*/
|
|
4495
|
-
declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$
|
|
4736
|
+
declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$138) => import("react/jsx-runtime").JSX.Element;
|
|
4496
4737
|
//#endregion
|
|
4497
4738
|
//#region src/components/FileUpload/FileUploadFileList.d.ts
|
|
4498
|
-
type Props$
|
|
4739
|
+
type Props$137 = {
|
|
4499
4740
|
files: File[];
|
|
4500
4741
|
onRemove?: (file: File, index: number) => void;
|
|
4501
4742
|
/**
|
|
@@ -4508,7 +4749,7 @@ type Props$135 = {
|
|
|
4508
4749
|
* Selected-files list. Caller owns the `files` array — pass it back into the list and handle
|
|
4509
4750
|
* removal via `onRemove`.
|
|
4510
4751
|
*/
|
|
4511
|
-
declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$
|
|
4752
|
+
declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$137) => import("react/jsx-runtime").JSX.Element | null;
|
|
4512
4753
|
//#endregion
|
|
4513
4754
|
//#region src/components/FileUpload/FileUpload.d.ts
|
|
4514
4755
|
/**
|
|
@@ -4516,7 +4757,7 @@ declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...res
|
|
|
4516
4757
|
* list — the caller owns the selected `File[]` and updates it from `onFilesChange`.
|
|
4517
4758
|
* `FileUpload` only signals drop events; it does not store the file array.
|
|
4518
4759
|
*/
|
|
4519
|
-
type Props$
|
|
4760
|
+
type Props$136 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
|
|
4520
4761
|
/** Storybook-only: force a visual state without simulating real drag events. */
|
|
4521
4762
|
forcedState?: 'idle' | 'dragging' | 'error';
|
|
4522
4763
|
children: ReactNode;
|
|
@@ -4535,18 +4776,18 @@ type Props$134 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
|
|
|
4535
4776
|
* for the selected-files list. The caller stores the `File[]` and renders it back into `FileList`.
|
|
4536
4777
|
* Rejection copy is the caller's — read it with `useFileUploadRejections()`.
|
|
4537
4778
|
*/
|
|
4538
|
-
declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$
|
|
4779
|
+
declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$136) => import("react/jsx-runtime").JSX.Element;
|
|
4539
4780
|
declare const FileUpload: typeof FileUploadInner & {
|
|
4540
4781
|
DropZone: typeof FileUploadDropZone;
|
|
4541
4782
|
FileList: typeof FileUploadFileList;
|
|
4542
4783
|
};
|
|
4543
4784
|
//#endregion
|
|
4544
4785
|
//#region src/blocks/FormGroup/FormGroupColorInput.d.ts
|
|
4545
|
-
type Props$
|
|
4546
|
-
declare const FormGroupColorInput: ({ ref, ...props }: Props$
|
|
4786
|
+
type Props$135 = Omit<ComponentProps<typeof ColorInput>, 'state'>;
|
|
4787
|
+
declare const FormGroupColorInput: ({ ref, ...props }: Props$135) => import("react/jsx-runtime").JSX.Element;
|
|
4547
4788
|
//#endregion
|
|
4548
4789
|
//#region src/blocks/FormGroup/FormGroupError.d.ts
|
|
4549
|
-
type Props$
|
|
4790
|
+
type Props$134 = ComponentPropsWithRef<'div'> & {
|
|
4550
4791
|
/**
|
|
4551
4792
|
* Field validation errors. TanStack Form errors are strings (function validators) or
|
|
4552
4793
|
* `{ message }` objects (Standard Schema / zod). A single message renders inline; several
|
|
@@ -4562,30 +4803,30 @@ type Props$132 = ComponentPropsWithRef<'div'> & {
|
|
|
4562
4803
|
* field (e.g. surfaced on submit). Renders a `<div>` (not `<p>`) so multiple errors can render
|
|
4563
4804
|
* as a `<ul>`.
|
|
4564
4805
|
*/
|
|
4565
|
-
declare const FormGroupError: ({ children, className, errors, ...rest }: Props$
|
|
4806
|
+
declare const FormGroupError: ({ children, className, errors, ...rest }: Props$134) => import("react/jsx-runtime").JSX.Element | null;
|
|
4566
4807
|
//#endregion
|
|
4567
4808
|
//#region src/components/HelpBlock/HelpBlock.d.ts
|
|
4568
4809
|
declare const helpVariants: (props?: ({
|
|
4569
4810
|
state?: "default" | "warning" | null | undefined;
|
|
4570
4811
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4571
|
-
type Props$
|
|
4572
|
-
declare const HelpBlock: ({ children, className, state, ...rest }: Props$
|
|
4812
|
+
type Props$133 = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
|
|
4813
|
+
declare const HelpBlock: ({ children, className, state, ...rest }: Props$133) => import("react/jsx-runtime").JSX.Element | null;
|
|
4573
4814
|
//#endregion
|
|
4574
4815
|
//#region src/blocks/FormGroup/FormGroupHelp.d.ts
|
|
4575
|
-
type Props$
|
|
4576
|
-
declare const FormGroupHelp: ({ children, ...rest }: Props$
|
|
4816
|
+
type Props$132 = Omit<ComponentProps<typeof HelpBlock>, 'state'>;
|
|
4817
|
+
declare const FormGroupHelp: ({ children, ...rest }: Props$132) => import("react/jsx-runtime").JSX.Element;
|
|
4577
4818
|
//#endregion
|
|
4578
4819
|
//#region src/blocks/FormGroup/FormGroupNumberInput.d.ts
|
|
4579
|
-
type Props$
|
|
4580
|
-
declare const FormGroupNumberInput: ({ ref, ...props }: Props$
|
|
4820
|
+
type Props$131 = Omit<ComponentProps<typeof NumberInput>, 'state'>;
|
|
4821
|
+
declare const FormGroupNumberInput: ({ ref, ...props }: Props$131) => import("react/jsx-runtime").JSX.Element;
|
|
4581
4822
|
//#endregion
|
|
4582
4823
|
//#region src/blocks/FormGroup/FormGroupTextarea.d.ts
|
|
4583
|
-
type Props$
|
|
4584
|
-
declare const FormGroupTextarea: (props: Props$
|
|
4824
|
+
type Props$130 = Omit<ComponentProps<typeof Textarea>, 'state'>;
|
|
4825
|
+
declare const FormGroupTextarea: (props: Props$130) => import("react/jsx-runtime").JSX.Element;
|
|
4585
4826
|
//#endregion
|
|
4586
4827
|
//#region src/blocks/FormGroup/FormGroupTextInput.d.ts
|
|
4587
|
-
type Props$
|
|
4588
|
-
declare const FormGroupTextInput: ({ ref, ...props }: Props$
|
|
4828
|
+
type Props$129 = Omit<ComponentProps<typeof TextInput>, 'state'>;
|
|
4829
|
+
declare const FormGroupTextInput: ({ ref, ...props }: Props$129) => import("react/jsx-runtime").JSX.Element;
|
|
4589
4830
|
//#endregion
|
|
4590
4831
|
//#region src/blocks/FormGroup/types.d.ts
|
|
4591
4832
|
type ValidityState = 'default' | 'error' | 'warning';
|
|
@@ -4610,6 +4851,35 @@ declare namespace FormGroup {
|
|
|
4610
4851
|
export { FormGroupTextarea as Textarea };
|
|
4611
4852
|
}
|
|
4612
4853
|
//#endregion
|
|
4854
|
+
//#region src/blocks/AIKit/AnswerActions.d.ts
|
|
4855
|
+
/** Which way a reader rated an answer. */
|
|
4856
|
+
type AnswerVote = 'up' | 'down';
|
|
4857
|
+
type Props$128 = {
|
|
4858
|
+
/**
|
|
4859
|
+
* The answer as the reader would read it, for the clipboard.
|
|
4860
|
+
*
|
|
4861
|
+
* - Empty or absent draws no copy button: a turn that produced only tool calls has nothing
|
|
4862
|
+
* to take away, and a disabled control is a worse answer to that than no control.
|
|
4863
|
+
*/
|
|
4864
|
+
copyText?: string;
|
|
4865
|
+
/** The vote already recorded against this answer, or `null` for none. */
|
|
4866
|
+
vote: AnswerVote | null;
|
|
4867
|
+
onVote: (vote: AnswerVote) => void;
|
|
4868
|
+
};
|
|
4869
|
+
/**
|
|
4870
|
+
* What a reader can do with a finished answer: take it away, and say whether it was any good.
|
|
4871
|
+
*
|
|
4872
|
+
* - **Always rendered, never hover-only.** A reveal-on-hover row does not exist for anyone
|
|
4873
|
+
* reaching it without a pointer. The buttons are quiet (`invisible`) rather than hidden.
|
|
4874
|
+
* - Copy sits first: it is the one action with no round trip.
|
|
4875
|
+
* - **A vote can be changed but not withdrawn.** `aria-pressed` says which one is recorded, and
|
|
4876
|
+
* both buttons stay focusable so a reader can switch. Pressing the pressed one re-sends the
|
|
4877
|
+
* same vote.
|
|
4878
|
+
* - The recorded vote and the write are the caller's: the two chats vote against different
|
|
4879
|
+
* endpoints, and only the caller knows whether a turn is finished enough to rate.
|
|
4880
|
+
*/
|
|
4881
|
+
declare const AnswerActions: ({ copyText, vote, onVote }: Props$128) => import("react/jsx-runtime").JSX.Element;
|
|
4882
|
+
//#endregion
|
|
4613
4883
|
//#region src/blocks/AIKit/AnswerSummary.d.ts
|
|
4614
4884
|
type AnswerItem = {
|
|
4615
4885
|
question: string;
|
|
@@ -4620,18 +4890,19 @@ type Props = {
|
|
|
4620
4890
|
items: readonly AnswerItem[];
|
|
4621
4891
|
variant?: Variant;
|
|
4622
4892
|
noAnswerLabel?: string;
|
|
4893
|
+
onExpandToggle?: (next: boolean) => void;
|
|
4623
4894
|
};
|
|
4624
|
-
declare const AnswerSummary: ({ items, variant, noAnswerLabel }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
4895
|
+
declare const AnswerSummary: ({ items, variant, noAnswerLabel, onExpandToggle }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
4625
4896
|
//#endregion
|
|
4626
4897
|
//#region src/blocks/AIKit/CollapsibleStepHeader.d.ts
|
|
4627
4898
|
type Variant$5 = 'success' | 'error' | 'processing' | 'dismissed';
|
|
4628
|
-
type Props$
|
|
4899
|
+
type Props$127 = {
|
|
4629
4900
|
isExpanded: boolean;
|
|
4630
4901
|
onToggle: () => void;
|
|
4631
4902
|
label: ReactNode;
|
|
4632
4903
|
variant?: Variant$5;
|
|
4633
4904
|
};
|
|
4634
|
-
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant }: Props$
|
|
4905
|
+
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant }: Props$127) => import("react/jsx-runtime").JSX.Element;
|
|
4635
4906
|
//#endregion
|
|
4636
4907
|
//#region src/blocks/AIKit/InlineStepDetail.d.ts
|
|
4637
4908
|
type Props$1 = {
|
|
@@ -4648,11 +4919,21 @@ type Props$2 = {
|
|
|
4648
4919
|
declare const InlineStepLabel: ({ variant, children }: Props$2) => import("react/jsx-runtime").JSX.Element;
|
|
4649
4920
|
//#endregion
|
|
4650
4921
|
//#region src/blocks/AIKit/Markdown.d.ts
|
|
4651
|
-
|
|
4922
|
+
/**
|
|
4923
|
+
* The fence languages this renderer draws instead of printing.
|
|
4924
|
+
*
|
|
4925
|
+
* - For a caller that streams: a diagram mounts a lazily loaded chunk, so an answer arriving a
|
|
4926
|
+
* token at a time has to keep a fence that is still open an ordinary code block, or every
|
|
4927
|
+
* keystroke fetches the chunk. Sharing the list is what keeps that hold-back from missing a
|
|
4928
|
+
* dialect this map has and the caller does not.
|
|
4929
|
+
* - Frozen, because it is that shared contract: a consumer that pushed onto it would change how
|
|
4930
|
+
* every other app in the same bundle holds a fence back.
|
|
4931
|
+
*/
|
|
4932
|
+
declare const DIAGRAM_LANGUAGES: readonly string[];
|
|
4933
|
+
type Props$126 = {
|
|
4652
4934
|
/** Markdown source (GFM: tables, task lists, strikethrough, autolinks). Tables
|
|
4653
|
-
* render through the design `Table`; fenced ```mermaid blocks render
|
|
4654
|
-
*
|
|
4655
|
-
* as this is the reduced-capability renderer — get a hover copy button. */
|
|
4935
|
+
* render through the design `Table`; fenced ```mermaid and ```flint blocks render
|
|
4936
|
+
* as diagrams; every other fenced block gets a hover copy button. */
|
|
4656
4937
|
children: string;
|
|
4657
4938
|
className?: string;
|
|
4658
4939
|
/**
|
|
@@ -4681,7 +4962,73 @@ type Props$125 = {
|
|
|
4681
4962
|
* `MessageBubble` to render an assistant message body. Code blocks expose a
|
|
4682
4963
|
* copy button, so mount a `TooltipProvider` once at the app root.
|
|
4683
4964
|
*/
|
|
4684
|
-
declare const Markdown: ({ children, className, remarkPlugins, components: componentOverrides }: Props$
|
|
4965
|
+
declare const Markdown: ({ children, className, remarkPlugins, components: componentOverrides }: Props$126) => import("react/jsx-runtime").JSX.Element;
|
|
4966
|
+
//#endregion
|
|
4967
|
+
//#region src/blocks/AIKit/MarkdownTable.d.ts
|
|
4968
|
+
/**
|
|
4969
|
+
* The token the host paints the table on, which is the colour the fade has to end in.
|
|
4970
|
+
*
|
|
4971
|
+
* - A gradient hides the cut-off cells by ending in the surface behind them. End it in any other
|
|
4972
|
+
* token and it draws a contrasting strip over the data instead of hiding it.
|
|
4973
|
+
* - Full class strings, not a composed `tw:from-${token}`: Tailwind reads literals.
|
|
4974
|
+
*/
|
|
4975
|
+
declare const FADE_SURFACE: {
|
|
4976
|
+
readonly card: 'tw:from-card';
|
|
4977
|
+
readonly background: 'tw:from-background';
|
|
4978
|
+
};
|
|
4979
|
+
type Surface = keyof typeof FADE_SURFACE;
|
|
4980
|
+
type Props$125 = {
|
|
4981
|
+
/**
|
|
4982
|
+
* The table itself — a `Table bordered`, whose own container is the scrolling element.
|
|
4983
|
+
*
|
|
4984
|
+
* - It has to be left at its intrinsic width (`tw:min-w-max`). `Table` is `w-full` with auto
|
|
4985
|
+
* layout, so on its own the grid shrinks to the column and wraps its cells instead:
|
|
4986
|
+
* `scrollWidth` never exceeds `clientWidth`, and neither affordance below can ever appear.
|
|
4987
|
+
*/
|
|
4988
|
+
children: ReactNode;
|
|
4989
|
+
/**
|
|
4990
|
+
* What the host paints behind the table.
|
|
4991
|
+
*
|
|
4992
|
+
* - `card` for a table inside a panel or a card, `background` for one on the bare page.
|
|
4993
|
+
* - Only the fade reads it, and only to end in the same colour it covers.
|
|
4994
|
+
* - The fade is one strip down the whole right edge, so it can end in one colour only. A host
|
|
4995
|
+
* that leaves `Table`'s tinted header band in place gives it a second surface to cover and
|
|
4996
|
+
* the strip will contrast over the header row; paint the band `surface` too.
|
|
4997
|
+
*/
|
|
4998
|
+
surface?: Surface;
|
|
4999
|
+
/**
|
|
5000
|
+
* Host controls in the rail, left of the expand action.
|
|
5001
|
+
*
|
|
5002
|
+
* - Quiet or revealed on hover is the host's call: its own `opacity-0 group-hover:opacity-100`
|
|
5003
|
+
* span, plus `tw:group` on `className`.
|
|
5004
|
+
*/
|
|
5005
|
+
actions?: ReactNode;
|
|
5006
|
+
/**
|
|
5007
|
+
* Where a table too wide for its column goes — a panel to fullscreen, a modal.
|
|
5008
|
+
*
|
|
5009
|
+
* - Omitted where there is nowhere wider to go: the fade draws, the action does not.
|
|
5010
|
+
* - Whether the table is in fact cut off is measured here.
|
|
5011
|
+
*/
|
|
5012
|
+
onExpand?: () => void;
|
|
5013
|
+
className?: string;
|
|
5014
|
+
};
|
|
5015
|
+
/**
|
|
5016
|
+
* A table in an answer, with the fact that it is cut off on the right said out loud.
|
|
5017
|
+
*
|
|
5018
|
+
* - `overflow-x: auto` scrolls silently, so nothing on screen says there is more to the right.
|
|
5019
|
+
* - The controls sit in a rail above the grid, never over the header row or the last row — the
|
|
5020
|
+
* data a reader reaches for them to get at. The rail holds its height, so revealing hover
|
|
5021
|
+
* controls or crossing the ratio cannot shift the table under the pointer.
|
|
5022
|
+
* - The fade marks the cut edge only while content remains, so it never reads as a border.
|
|
5023
|
+
* - A painted gradient rather than the `tw:scroll-fade-x` mask, which needs scroll-driven
|
|
5024
|
+
* animations: the build floor is `baseline-widely-available` (Safari 16, Firefox 104), and there
|
|
5025
|
+
* the utility either fades both edges of a table that fits or, behind the `supports-` guard
|
|
5026
|
+
* `PageLayout` uses, says nothing at all — which is the state this component exists to end. The
|
|
5027
|
+
* mask also has to sit on the scrolling element, and that is `Table`'s own container, not ours.
|
|
5028
|
+
* - Past `EXPAND_RATIO` the fade is joined by `onExpand`'s action, drawn without waiting for a
|
|
5029
|
+
* hover: it reports that content is cut off, which the reader needs before going looking.
|
|
5030
|
+
*/
|
|
5031
|
+
declare const MarkdownTable: ({ children, actions, onExpand, surface, className }: Props$125) => import("react/jsx-runtime").JSX.Element;
|
|
4685
5032
|
//#endregion
|
|
4686
5033
|
//#region src/components/Avatar.d.ts
|
|
4687
5034
|
type Props$124 = {
|
|
@@ -4772,6 +5119,8 @@ declare const promptInputVariants: (props?: ({
|
|
|
4772
5119
|
variant?: "default" | "inline" | null | undefined;
|
|
4773
5120
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4774
5121
|
type Props$120 = {
|
|
5122
|
+
/** The textarea, for a host that has to put the caret back. Not `ref`: that name is the textarea's own. */
|
|
5123
|
+
textareaRef?: RefObject<ComponentRef<'textarea'> | null>;
|
|
4775
5124
|
onSend?: (value: string) => void;
|
|
4776
5125
|
onAbort?: () => void;
|
|
4777
5126
|
onContinue?: () => void;
|
|
@@ -4784,7 +5133,7 @@ type Props$120 = {
|
|
|
4784
5133
|
disableSubmit?: boolean;
|
|
4785
5134
|
commands?: PromptCommand[];
|
|
4786
5135
|
} & VariantProps<typeof promptInputVariants> & Pick<ComponentProps<typeof TextareaAutosize>, 'placeholder' | 'minRows' | 'maxRows' | 'disabled' | 'defaultValue' | 'autoFocus'> & ComponentProps<typeof PromptInputSubmit>;
|
|
4787
|
-
declare function PromptInput({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, autoFocus, ...textareaProps }: Props$120): import("react/jsx-runtime").JSX.Element;
|
|
5136
|
+
declare function PromptInput({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, autoFocus, textareaRef: publishedRef, ...textareaProps }: Props$120): import("react/jsx-runtime").JSX.Element;
|
|
4788
5137
|
declare namespace PromptInput {
|
|
4789
5138
|
export { PromptInputAction as Action };
|
|
4790
5139
|
}
|
|
@@ -4858,6 +5207,15 @@ declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: P
|
|
|
4858
5207
|
type ThinkingIndicatorProps = {
|
|
4859
5208
|
label?: string;
|
|
4860
5209
|
};
|
|
5210
|
+
/**
|
|
5211
|
+
* The agent's turn is in flight and has nothing to show yet.
|
|
5212
|
+
*
|
|
5213
|
+
* - Quiet chrome, matching the step rows it precedes (muted ink, no italic), so the hand-off
|
|
5214
|
+
* from "Thinking..." to the first step is seamless.
|
|
5215
|
+
* - `role="status"` because a spinner is silence to a screen reader, and for much of a turn
|
|
5216
|
+
* this is all a transcript shows. The label is the announcement, so it is never decorative.
|
|
5217
|
+
* - The icon is hidden from the tree: it says the same thing as the label beside it.
|
|
5218
|
+
*/
|
|
4861
5219
|
declare const ThinkingIndicator: ({ label }: ThinkingIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
4862
5220
|
//#endregion
|
|
4863
5221
|
//#region src/blocks/AIKit/ToolCall/ToolCallApproval.d.ts
|
|
@@ -4946,8 +5304,11 @@ type Props$118 = {
|
|
|
4946
5304
|
align?: ComponentProps<typeof HoverCard.Content>['align'];
|
|
4947
5305
|
side?: ComponentProps<typeof HoverCard.Content>['side'];
|
|
4948
5306
|
sideOffset?: ComponentProps<typeof HoverCard.Content>['sideOffset'];
|
|
5307
|
+
/** Control the card yourself to hold it open past a pointer leave — e.g. while a popover it contains is up. */
|
|
5308
|
+
open?: ComponentProps<typeof HoverCard>['open'];
|
|
5309
|
+
onOpenChange?: ComponentProps<typeof HoverCard>['onOpenChange'];
|
|
4949
5310
|
};
|
|
4950
|
-
declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset }: Props$118) => import("react/jsx-runtime").JSX.Element;
|
|
5311
|
+
declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, open, onOpenChange }: Props$118) => import("react/jsx-runtime").JSX.Element;
|
|
4951
5312
|
//#endregion
|
|
4952
5313
|
//#region src/blocks/AIKit/UsageStatsRing.d.ts
|
|
4953
5314
|
type Props$117 = {
|
|
@@ -4958,6 +5319,24 @@ type Props$117 = {
|
|
|
4958
5319
|
};
|
|
4959
5320
|
declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$117) => import("react/jsx-runtime").JSX.Element;
|
|
4960
5321
|
//#endregion
|
|
5322
|
+
//#region src/blocks/AIKit/usageStatsHelpers.d.ts
|
|
5323
|
+
/**
|
|
5324
|
+
* Clamp a percentage to 0–100 and normalize non-finite input to 0.
|
|
5325
|
+
*
|
|
5326
|
+
* - `Progress`'s indicator is unclamped, so a value over 100 slides the bar off-screen.
|
|
5327
|
+
* - `NaN` normalizes to 0 — `Math.min`/`Math.max` propagate it, and it renders as no bar at all.
|
|
5328
|
+
*/
|
|
5329
|
+
declare const clampPercentage: (value: number) => number;
|
|
5330
|
+
/**
|
|
5331
|
+
* A percentage as text — `72%`, `0.2%`, `99%`.
|
|
5332
|
+
*
|
|
5333
|
+
* - Whole numbers from 1% up; a decimal only below 1%, where rounding would read as `0%`.
|
|
5334
|
+
* - A non-zero share never prints as `0.0%` — it floors at `0.1%`.
|
|
5335
|
+
* - Never `100%` for a value under 100: the text would disagree with the at-limit state computed
|
|
5336
|
+
* from the raw value, exactly at the boundary everything else turns on.
|
|
5337
|
+
*/
|
|
5338
|
+
declare const formatPercentage: (value: number) => string;
|
|
5339
|
+
//#endregion
|
|
4961
5340
|
//#region src/components/Collapsible/CollapsibleContent.d.ts
|
|
4962
5341
|
type Props$116 = ComponentProps<typeof Content$5>;
|
|
4963
5342
|
declare const CollapsibleContent: ({ ref, className, children, ...props }: Props$116) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -5105,7 +5484,7 @@ type Variant$1 = VariantProps<typeof emptyStateClassnames>['variant'];
|
|
|
5105
5484
|
* Props for `EmptyState`. `variant` chooses spacing — `"default"` for full-page empty states,
|
|
5106
5485
|
* `"compact"` for inside cards / small surfaces.
|
|
5107
5486
|
*/
|
|
5108
|
-
type RootProps$
|
|
5487
|
+
type RootProps$3 = ComponentProps<'div'> & VariantProps<typeof emptyStateClassnames> & {
|
|
5109
5488
|
variant?: Variant$1;
|
|
5110
5489
|
};
|
|
5111
5490
|
/**
|
|
@@ -5120,7 +5499,7 @@ type RootProps$2 = ComponentProps<'div'> & VariantProps<typeof emptyStateClassna
|
|
|
5120
5499
|
*
|
|
5121
5500
|
* @see RECIPES.md#card-with-empty-state — for the empty-card pattern
|
|
5122
5501
|
*/
|
|
5123
|
-
declare const EmptyStateRoot: ({ className, variant, children, ...rest }: RootProps$
|
|
5502
|
+
declare const EmptyStateRoot: ({ className, variant, children, ...rest }: RootProps$3) => import("react/jsx-runtime").JSX.Element;
|
|
5124
5503
|
type SlotProps$2 = ComponentProps<'div'> & {
|
|
5125
5504
|
variant?: Variant$1;
|
|
5126
5505
|
};
|
|
@@ -5153,7 +5532,7 @@ type Variant$2 = VariantProps<typeof errorStateClassnames>['variant'];
|
|
|
5153
5532
|
* Props for `ErrorState`. `variant` chooses look — `"default"` for non-blocking errors, `"compact"` for
|
|
5154
5533
|
* inside cards, `"destructive"` for blocking failures (red title + icon).
|
|
5155
5534
|
*/
|
|
5156
|
-
type RootProps$
|
|
5535
|
+
type RootProps$4 = ComponentProps<'div'> & VariantProps<typeof errorStateClassnames> & {
|
|
5157
5536
|
variant?: Variant$2;
|
|
5158
5537
|
};
|
|
5159
5538
|
/**
|
|
@@ -5167,7 +5546,7 @@ type RootProps$3 = ComponentProps<'div'> & VariantProps<typeof errorStateClassna
|
|
|
5167
5546
|
* **Composition:** nest `ErrorState.Icon`, `ErrorState.Title`, `ErrorState.Description`, and
|
|
5168
5547
|
* `ErrorState.Actions`. Use `variant="destructive"` for full-page critical failures.
|
|
5169
5548
|
*/
|
|
5170
|
-
declare const ErrorStateRoot: ({ className, variant, children, ...rest }: RootProps$
|
|
5549
|
+
declare const ErrorStateRoot: ({ className, variant, children, ...rest }: RootProps$4) => import("react/jsx-runtime").JSX.Element;
|
|
5171
5550
|
type SlotProps$1 = ComponentProps<'div'> & {
|
|
5172
5551
|
variant?: Variant$2;
|
|
5173
5552
|
};
|
|
@@ -5244,7 +5623,7 @@ declare const DiagramSkeleton: () => import("react/jsx-runtime").JSX.Element;
|
|
|
5244
5623
|
//#endregion
|
|
5245
5624
|
//#region src/components/Progress/Progress.d.ts
|
|
5246
5625
|
declare const variants$3: (props?: ({
|
|
5247
|
-
variant?: "default" | "success" | null | undefined;
|
|
5626
|
+
variant?: "default" | "error" | "success" | "warning" | null | undefined;
|
|
5248
5627
|
size?: "lg" | "sm" | null | undefined;
|
|
5249
5628
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5250
5629
|
type Props$107 = ComponentProps<typeof Root$12> & VariantProps<typeof variants$3>;
|
|
@@ -5304,7 +5683,7 @@ type AppShellSlot = 'header' | 'sidebar' | 'main' | 'aside';
|
|
|
5304
5683
|
* build instead of silently matching nothing.
|
|
5305
5684
|
*/
|
|
5306
5685
|
declare const appShellSlotSelector: (slot: AppShellSlot) => string;
|
|
5307
|
-
type RootProps$
|
|
5686
|
+
type RootProps$8 = ComponentPropsWithoutRef<'div'> & {
|
|
5308
5687
|
/**
|
|
5309
5688
|
* How far the header row stretches. `content` (default) gives it the middle
|
|
5310
5689
|
* column only, with both rails beside it; `full` spans all three columns and
|
|
@@ -5316,7 +5695,7 @@ type RootProps$7 = ComponentPropsWithoutRef<'div'> & {
|
|
|
5316
5695
|
*/
|
|
5317
5696
|
headerSpan?: AppShellHeaderSpan;
|
|
5318
5697
|
};
|
|
5319
|
-
declare const Root$
|
|
5698
|
+
declare const Root$17: ({ ref, className, headerSpan, children, ...props }: RootProps$8 & {
|
|
5320
5699
|
ref?: Ref<ComponentRef<'div'>>;
|
|
5321
5700
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
5322
5701
|
type SlotProps = ComponentPropsWithoutRef<'div'> & {
|
|
@@ -5354,7 +5733,7 @@ type ChromeSlotProps = SlotProps & {
|
|
|
5354
5733
|
*/
|
|
5355
5734
|
flush?: boolean;
|
|
5356
5735
|
};
|
|
5357
|
-
declare const Header$
|
|
5736
|
+
declare const Header$2: ({ ref, className, asChild, flush, children, ...props }: ChromeSlotProps & {
|
|
5358
5737
|
ref?: Ref<ComponentRef<'header'>>;
|
|
5359
5738
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
5360
5739
|
declare const SidebarSlot$1: ({ ref, className, asChild, children, ...props }: SlotProps & {
|
|
@@ -5386,12 +5765,12 @@ declare const Aside: ({ ref, className, asChild, flush, children, ...props }: Ch
|
|
|
5386
5765
|
* @see AppShell.stories.tsx — flip the Storybook brand toolbar to see the
|
|
5387
5766
|
* sidebar / top-nav geometry swap from a single composition.
|
|
5388
5767
|
*/
|
|
5389
|
-
declare const AppShell: typeof Root$
|
|
5768
|
+
declare const AppShell: typeof Root$17 & {
|
|
5390
5769
|
/**
|
|
5391
5770
|
* Top header row. Renders above `Main` in the sidebar shell; renders as the
|
|
5392
5771
|
* top bar (with full-width navigation room) in the top-nav shell.
|
|
5393
5772
|
*/
|
|
5394
|
-
Header: typeof Header$
|
|
5773
|
+
Header: typeof Header$2;
|
|
5395
5774
|
/**
|
|
5396
5775
|
* Left navigation rail. Rendered in the sidebar shell; hidden by the
|
|
5397
5776
|
* top-nav shell so the same composition works under either brand — move
|
|
@@ -5413,16 +5792,92 @@ declare const AppShell: typeof Root$16 & {
|
|
|
5413
5792
|
Aside: typeof Aside;
|
|
5414
5793
|
};
|
|
5415
5794
|
//#endregion
|
|
5795
|
+
//#region src/blocks/AuthLayout/AuthLayout.d.ts
|
|
5796
|
+
/**
|
|
5797
|
+
* Content-column width.
|
|
5798
|
+
*
|
|
5799
|
+
* - `form` (28rem) — one field per row: sign-in, MFA, password reset, project picker.
|
|
5800
|
+
* - `wide` (34rem) — multi-field or two-column forms: registration.
|
|
5801
|
+
*/
|
|
5802
|
+
type Width = 'form' | 'wide';
|
|
5803
|
+
type RootProps = ComponentProps<'div'> & {
|
|
5804
|
+
width?: Width;
|
|
5805
|
+
/** Marketing / illustration panel. Its presence switches the page to the split geometry. */
|
|
5806
|
+
aside?: ReactNode;
|
|
5807
|
+
/** Which side the `aside` takes on wide screens. */
|
|
5808
|
+
asideSide?: 'start' | 'end';
|
|
5809
|
+
/**
|
|
5810
|
+
* What the `aside` does below `lg`, where the split collapses to one column.
|
|
5811
|
+
*
|
|
5812
|
+
* - `hide` (default) — the panel is dropped. Right for a page a signed-out *user* asked for: they
|
|
5813
|
+
* came to sign in, and the pitch is not why they are here.
|
|
5814
|
+
* - `stack` — the panel keeps its `asideSide` order relative to the form and renders above or
|
|
5815
|
+
* below it. Right for a page that has to sell: an acquisition funnel loses its social proof
|
|
5816
|
+
* otherwise, on the devices most of it arrives on.
|
|
5817
|
+
*/
|
|
5818
|
+
asideCollapse?: 'hide' | 'stack';
|
|
5819
|
+
};
|
|
5820
|
+
declare const Root$16: ({ ref, className, width, aside, asideSide, asideCollapse, children, ...props }: RootProps) => import("react/jsx-runtime").JSX.Element;
|
|
5821
|
+
/**
|
|
5822
|
+
* The lockup: either the page's own, or the brand's mark beside the product name.
|
|
5823
|
+
*
|
|
5824
|
+
* - Exactly one of the two is required. A logo-only default cannot be trusted to name the product:
|
|
5825
|
+
* `BrandLogo` returns `null` for a brand that ships no logo, and falls back to the mark for one
|
|
5826
|
+
* that ships no wordmark — an auth page has no bar around it, so what is left names nothing.
|
|
5827
|
+
* - `productName` is text, not part of the image, for the same reason.
|
|
5828
|
+
*/
|
|
5829
|
+
type Lockup = {
|
|
5830
|
+
children: ReactNode;
|
|
5831
|
+
productName?: never;
|
|
5832
|
+
} | {
|
|
5833
|
+
children?: never;
|
|
5834
|
+
productName: ReactNode;
|
|
5835
|
+
};
|
|
5836
|
+
type HeaderProps$1 = Omit<ComponentProps<'header'>, 'children'> & {
|
|
5837
|
+
actions?: ReactNode;
|
|
5838
|
+
} & Lockup;
|
|
5839
|
+
declare const Header$1: ({ ref, className, actions, productName, children, ...props }: HeaderProps$1) => import("react/jsx-runtime").JSX.Element;
|
|
5840
|
+
declare const Content$7: ({ ref, className, children, ...props }: ComponentProps<'main'>) => import("react/jsx-runtime").JSX.Element;
|
|
5841
|
+
declare const Footer$1: ({ ref, className, children, ...props }: ComponentProps<'footer'>) => import("react/jsx-runtime").JSX.Element;
|
|
5842
|
+
/**
|
|
5843
|
+
* The signed-out page frame — sign-in, sign-up, password reset, MFA, project picker, stack picker.
|
|
5844
|
+
*
|
|
5845
|
+
* - Third member of the page-chrome family: `AppShell` frames the signed-in app, `PageLayout` its
|
|
5846
|
+
* content column, `AuthLayout` the pages a visitor reaches without a session.
|
|
5847
|
+
* - Owns the landmarks. `Header` / `Content` / `Footer` are `header` / `main` / `footer`, so every
|
|
5848
|
+
* element on the page sits inside one — the thing each hand-built copy got wrong differently.
|
|
5849
|
+
* - Owns the lockup. `Header` pairs the active brand's mark with the `productName` it is given, so
|
|
5850
|
+
* the page re-skins and still names the product when the brand ships no logo; pass children
|
|
5851
|
+
* instead to replace the pair with an app-specific lockup.
|
|
5852
|
+
* - Does **not** own the card. Two of the pages it frames deliberately have none (the form column
|
|
5853
|
+
* *is* the surface), so `Content` is a plain column — wrap the body in `Card` at the call site.
|
|
5854
|
+
* - The tinted surface is whatever is not the form: without an `aside` the page is `bg-muted` and the
|
|
5855
|
+
* card supplies the contrast; with one the form column is `bg-background` and the panel `bg-muted`.
|
|
5856
|
+
* - Below `lg` the split collapses to one column and the `aside` is dropped. A page whose pitch has
|
|
5857
|
+
* to survive that — an acquisition funnel — passes `asideCollapse="stack"` to keep it.
|
|
5858
|
+
*
|
|
5859
|
+
* **When NOT to use:** a signed-out page that is *navigational* rather than an auth step — a public
|
|
5860
|
+
* catalog, a shared authorization link — is a document, not a form. Use `AppShell` + `PageLayout`.
|
|
5861
|
+
*/
|
|
5862
|
+
declare const AuthLayout: typeof Root$16 & {
|
|
5863
|
+
/** Lockup row: `productName` beside the brand's mark, or your own children. `actions` sit opposite. */
|
|
5864
|
+
Header: typeof Header$1;
|
|
5865
|
+
/** The form column. Wrap the body in `Card` here if the page wants one. */
|
|
5866
|
+
Content: typeof Content$7;
|
|
5867
|
+
/** Legal copy, a way back out, social proof. Pinned to the bottom of the column in the split geometry. */
|
|
5868
|
+
Footer: typeof Footer$1;
|
|
5869
|
+
};
|
|
5870
|
+
//#endregion
|
|
5416
5871
|
//#region src/blocks/PageLayout/PageLayout.d.ts
|
|
5417
5872
|
/**
|
|
5418
5873
|
* Props for `PageLayout` root. `maxWidth` constrains the content column —
|
|
5419
5874
|
* `narrow` (976px) for forms, `default` (1280px) for most pages, `wide` (1600px) for dense detail views,
|
|
5420
5875
|
* `full` for edge-to-edge layouts.
|
|
5421
5876
|
*/
|
|
5422
|
-
type RootProps$
|
|
5877
|
+
type RootProps$7 = ComponentProps<'div'> & {
|
|
5423
5878
|
maxWidth?: 'default' | 'narrow' | 'wide' | 'full';
|
|
5424
5879
|
};
|
|
5425
|
-
declare const Root$15: ({ ref, className, maxWidth, children, ...props }: RootProps$
|
|
5880
|
+
declare const Root$15: ({ ref, className, maxWidth, children, ...props }: RootProps$7) => import("react/jsx-runtime").JSX.Element;
|
|
5426
5881
|
declare const Breadcrumbs: ({ ref, className, children, ...props }: ComponentProps<'div'>) => import("react/jsx-runtime").JSX.Element;
|
|
5427
5882
|
type HeaderProps = ComponentProps<'header'> & {
|
|
5428
5883
|
sticky?: boolean;
|
|
@@ -5474,7 +5929,10 @@ declare const PageLayout: typeof Root$15 & {
|
|
|
5474
5929
|
* overflow-menu slot on the breadcrumbs row.
|
|
5475
5930
|
*/
|
|
5476
5931
|
type PageHeaderDetailProps = Omit<ComponentProps<'header'>, 'title'> & {
|
|
5477
|
-
/**
|
|
5932
|
+
/**
|
|
5933
|
+
* `Breadcrumb` chain to the entity's parent list / hierarchy. Required. Never repeat the
|
|
5934
|
+
* entity's own name as a final, non-link item — it's already the `title` below.
|
|
5935
|
+
*/
|
|
5478
5936
|
breadcrumbs: ReactNode;
|
|
5479
5937
|
/** `DropdownMenu` for tertiary actions. Sits on the breadcrumbs row, not the title row. */
|
|
5480
5938
|
overflowActions?: ReactNode;
|
|
@@ -5484,7 +5942,7 @@ type PageHeaderDetailProps = Omit<ComponentProps<'header'>, 'title'> & {
|
|
|
5484
5942
|
/** Inline `Badge`s rendered next to the title (status, environment, version). Always rendered as pills. */
|
|
5485
5943
|
badges?: ReactNode;
|
|
5486
5944
|
description?: ReactNode;
|
|
5487
|
-
/** Compact title mode: renders a smaller title
|
|
5945
|
+
/** Compact title mode: renders a smaller title for information-dense pages. Default `false`. */
|
|
5488
5946
|
compact?: boolean;
|
|
5489
5947
|
/** Primary action (`Button`). Use the verb appropriate to the entity (Deploy / Run / Save). */
|
|
5490
5948
|
primaryAction?: ReactNode;
|
|
@@ -5767,12 +6225,21 @@ type Props$103 = {
|
|
|
5767
6225
|
variant?: 'mark' | 'wordmark';
|
|
5768
6226
|
/** Sets the logo height; aspect ratio is preserved (e.g. `tw:h-7`). */
|
|
5769
6227
|
className?: string;
|
|
6228
|
+
/**
|
|
6229
|
+
* The logo's accessible name.
|
|
6230
|
+
*
|
|
6231
|
+
* - Defaults to the brand's `name`, which is registry metadata: it labels the brand's row in a
|
|
6232
|
+
* picker, so it carries whatever disambiguates it there (`Keboola (V2)`).
|
|
6233
|
+
* - Pass the product's own name wherever the logo is what names something to a screen reader — a
|
|
6234
|
+
* link around it most of all, which otherwise announces that suffix.
|
|
6235
|
+
*/
|
|
6236
|
+
label?: string;
|
|
5770
6237
|
};
|
|
5771
6238
|
/**
|
|
5772
6239
|
* Renders the active brand's logo from the nearest `<ThemeProvider>`, or `null`
|
|
5773
6240
|
* if the brand ships none. Inline SVG inherits `currentColor`; URLs use `<img>`.
|
|
5774
6241
|
*/
|
|
5775
|
-
declare const BrandLogo: ({ variant, className }: Props$103) => import("react/jsx-runtime").JSX.Element | null;
|
|
6242
|
+
declare const BrandLogo: ({ variant, className, label }: Props$103) => import("react/jsx-runtime").JSX.Element | null;
|
|
5776
6243
|
//#endregion
|
|
5777
6244
|
//#region src/components/Resizable/ResizableHandle.d.ts
|
|
5778
6245
|
declare const ResizableHandle: ({ className, ...props }: ComponentProps<typeof Separator$1>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -5927,9 +6394,11 @@ type Props$81 = Omit<ComponentProps<'div'>, 'children' | 'className' | 'style' |
|
|
|
5927
6394
|
style?: CSSProperties;
|
|
5928
6395
|
container?: boolean;
|
|
5929
6396
|
keepMounted?: boolean;
|
|
6397
|
+
/** Hold the panel's content back until it has finished sliding in. */
|
|
6398
|
+
mountAfterEnter?: boolean;
|
|
5930
6399
|
resizable?: boolean;
|
|
5931
6400
|
};
|
|
5932
|
-
declare function Sidebar({ children, className, id, side, style, container, keepMounted, resizable, ...rest }: Props$81): import("react/jsx-runtime").JSX.Element | null;
|
|
6401
|
+
declare function Sidebar({ children, className, id, side, style, container, keepMounted, mountAfterEnter, resizable, ...rest }: Props$81): import("react/jsx-runtime").JSX.Element | null;
|
|
5933
6402
|
declare namespace Sidebar {
|
|
5934
6403
|
export { SidebarHeader as Header };
|
|
5935
6404
|
export { SidebarContent as Content };
|
|
@@ -6011,6 +6480,8 @@ type SidebarState = ReturnType<typeof useSidebarState>;
|
|
|
6011
6480
|
type SidebarSideValue = SidebarState & {
|
|
6012
6481
|
isFill: boolean;
|
|
6013
6482
|
toggleFill: () => void;
|
|
6483
|
+
/** Idempotent counterpart to `toggleFill` — safe to call twice, or when already in that state. */
|
|
6484
|
+
setFill: (fill: boolean) => void;
|
|
6014
6485
|
widths: SidebarWidths;
|
|
6015
6486
|
collapsible: SidebarCollapsible;
|
|
6016
6487
|
variant: SidebarVariant;
|
|
@@ -6625,6 +7096,12 @@ declare const KbdGroup: ({ ref, className, children, separator, ...props }: Prop
|
|
|
6625
7096
|
//#endregion
|
|
6626
7097
|
//#region src/components/Kbd/KbdSeparator.d.ts
|
|
6627
7098
|
type Props$31 = ComponentProps<'span'>;
|
|
7099
|
+
/**
|
|
7100
|
+
* The `+` / `then` glue between two `Kbd` keys.
|
|
7101
|
+
*
|
|
7102
|
+
* - Follows the muted chrome token by default.
|
|
7103
|
+
* - Turns white inside the legacy dark tooltip, which sets `data-tooltip-content`.
|
|
7104
|
+
*/
|
|
6628
7105
|
declare const KbdSeparator: ({ className, ...props }: Props$31) => import("react/jsx-runtime").JSX.Element;
|
|
6629
7106
|
//#endregion
|
|
6630
7107
|
//#region src/components/Kbd/styles.d.ts
|
|
@@ -6781,7 +7258,7 @@ declare const useMergeDiff: (baseText: string, leftText: string, rightText: stri
|
|
|
6781
7258
|
};
|
|
6782
7259
|
//#endregion
|
|
6783
7260
|
//#region src/blocks/DashboardHero/DashboardHero.d.ts
|
|
6784
|
-
type RootProps$
|
|
7261
|
+
type RootProps$2 = ComponentProps<'section'>;
|
|
6785
7262
|
/**
|
|
6786
7263
|
* Signature dashboard hero banner — the opinionated top-of-page welcome/summary surface
|
|
6787
7264
|
* (daily-brief header, project overview, greeting + primary CTA).
|
|
@@ -6792,7 +7269,7 @@ type RootProps$1 = ComponentProps<'section'>;
|
|
|
6792
7269
|
* `EmptyState`. **Composition:** `DashboardHero.Eyebrow`, `.Title`, `.Description`, `.Actions`,
|
|
6793
7270
|
* and an optional `.Aside` that floats to the right on wide screens. Reads semantic tokens only.
|
|
6794
7271
|
*/
|
|
6795
|
-
declare const DashboardHeroRoot: ({ className, children, ...rest }: RootProps$
|
|
7272
|
+
declare const DashboardHeroRoot: ({ className, children, ...rest }: RootProps$2) => import("react/jsx-runtime").JSX.Element;
|
|
6796
7273
|
type BodyProps = ComponentProps<'div'>;
|
|
6797
7274
|
declare const DashboardHeroBody: ({ className, children, ...rest }: BodyProps) => import("react/jsx-runtime").JSX.Element;
|
|
6798
7275
|
type EyebrowProps = ComponentProps<'p'>;
|
|
@@ -6819,7 +7296,7 @@ declare const trendClassnames: (props?: ({
|
|
|
6819
7296
|
direction?: "down" | "flat" | "up" | null | undefined;
|
|
6820
7297
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6821
7298
|
type TrendDirection = NonNullable<VariantProps<typeof trendClassnames>['direction']>;
|
|
6822
|
-
type RootProps$
|
|
7299
|
+
type RootProps$6 = ComponentProps<typeof Card>;
|
|
6823
7300
|
/**
|
|
6824
7301
|
* A single KPI / metric tile — a signature composition over `Card` with a label,
|
|
6825
7302
|
* a large value, an optional trend delta, and an optional leading icon + footnote.
|
|
@@ -6830,7 +7307,7 @@ type RootProps$5 = ComponentProps<typeof Card>;
|
|
|
6830
7307
|
* **Composition:** `StatCard.Icon`, `StatCard.Label`, `StatCard.Value`, `StatCard.Trend`,
|
|
6831
7308
|
* `StatCard.Footnote`. All colours read semantic tokens, so the tile re-skins with the brand.
|
|
6832
7309
|
*/
|
|
6833
|
-
declare const StatCardRoot: ({ className, children, bordered, ...rest }: RootProps$
|
|
7310
|
+
declare const StatCardRoot: ({ className, children, bordered, ...rest }: RootProps$6) => import("react/jsx-runtime").JSX.Element;
|
|
6834
7311
|
type IconProps = ComponentProps<'div'>;
|
|
6835
7312
|
declare const StatCardIcon: ({ className, children, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
6836
7313
|
type LabelProps$1 = ComponentProps<'p'>;
|
|
@@ -6867,7 +7344,7 @@ type Props$6 = ComponentProps<'div'> & VariantProps<typeof gridClassnames>;
|
|
|
6867
7344
|
declare const StatCardGrid: ({ className, columns, children, ...rest }: Props$6) => import("react/jsx-runtime").JSX.Element;
|
|
6868
7345
|
//#endregion
|
|
6869
7346
|
//#region src/blocks/ChartPanel/ChartPanel.d.ts
|
|
6870
|
-
type RootProps = Omit<ComponentProps<typeof Card>, 'title'> & {
|
|
7347
|
+
type RootProps$1 = Omit<ComponentProps<typeof Card>, 'title'> & {
|
|
6871
7348
|
/** Panel heading. */
|
|
6872
7349
|
title: ReactNode;
|
|
6873
7350
|
/** Optional supporting line under the title. */
|
|
@@ -6889,7 +7366,7 @@ type RootProps = Omit<ComponentProps<typeof Card>, 'title'> & {
|
|
|
6889
7366
|
* **When NOT to use:** for a KPI number use `StatCard`; for a raw unframed chart drop the chart
|
|
6890
7367
|
* component directly. Charts follow the active brand's chart palette — never hardcode colours.
|
|
6891
7368
|
*/
|
|
6892
|
-
declare const ChartPanel: ({ title, description, titleAs, toolbar, footer, className, bordered, children, ...rest }: RootProps) => import("react/jsx-runtime").JSX.Element;
|
|
7369
|
+
declare const ChartPanel: ({ title, description, titleAs, toolbar, footer, className, bordered, children, ...rest }: RootProps$1) => import("react/jsx-runtime").JSX.Element;
|
|
6893
7370
|
//#endregion
|
|
6894
7371
|
//#region src/blocks/Form/components/FormBody.d.ts
|
|
6895
7372
|
type Props$19 = {
|
|
@@ -6920,7 +7397,7 @@ type Props$16 = FieldItemProps & Omit<ComponentProps<typeof FormGroup.NumberInpu
|
|
|
6920
7397
|
declare const NumberField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$16) => import("react/jsx-runtime").JSX.Element;
|
|
6921
7398
|
//#endregion
|
|
6922
7399
|
//#region src/blocks/Form/connectors/OtpInputField.d.ts
|
|
6923
|
-
type Props$15 = FieldItemProps & Omit<RootProps$
|
|
7400
|
+
type Props$15 = FieldItemProps & Omit<RootProps$5, 'value' | 'onChange' | 'children' | 'id' | 'name' | 'aria-describedby' | 'aria-required' | 'aria-invalid'>;
|
|
6924
7401
|
declare const OtpInputField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, maxLength, ...otpProps }: Props$15) => import("react/jsx-runtime").JSX.Element;
|
|
6925
7402
|
//#endregion
|
|
6926
7403
|
//#region src/blocks/Form/connectors/PasswordField.d.ts
|
|
@@ -6928,7 +7405,7 @@ type Props$14 = FieldItemProps & Omit<ComponentProps<typeof PasswordInput>, 'id'
|
|
|
6928
7405
|
declare const PasswordField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$14) => import("react/jsx-runtime").JSX.Element;
|
|
6929
7406
|
//#endregion
|
|
6930
7407
|
//#region src/blocks/Form/connectors/SelectField.d.ts
|
|
6931
|
-
type Props$13 = FieldItemProps & Omit<
|
|
7408
|
+
type Props$13 = FieldItemProps & Omit<SelectProps, 'id' | 'aria-label' | 'aria-labelledby' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'items'> & {
|
|
6932
7409
|
items: readonly (SelectItem | SelectItemGroup)[];
|
|
6933
7410
|
triggerClassName?: string;
|
|
6934
7411
|
};
|
|
@@ -7200,5 +7677,5 @@ declare const contrastRatio: (fg: string, bg: string) => number;
|
|
|
7200
7677
|
/** WCAG level for normal-size text at a given ratio. */
|
|
7201
7678
|
declare const wcagLevel: (ratio: number) => 'AAA' | 'AA' | 'fail';
|
|
7202
7679
|
//#endregion
|
|
7203
|
-
export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AppShell, type AppShellHeaderSpan, type AppShellSlot, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps as ChartPanelProps, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, ColorScheme, type ColorSlot, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DashboardHero, type RootProps$
|
|
7680
|
+
export { Alert, AlertModal, AnswerActions, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AnswerVote, AppShell, type AppShellHeaderSpan, type AppShellSlot, ArgoDesignContext, AuthLayout, type RootProps as AuthLayoutProps, AutoSaveTextarea, Avatar, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps$1 as ChartPanelProps, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, ColorScheme, type ColorSlot, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DIAGRAM_LANGUAGES, DashboardHero, type RootProps$2 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, DiagramSkeleton, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$4 as ErrorStateProps, type Variant$2 as ErrorStateVariant, ExportMenu, ExportMenuItem, FileUpload, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HelpBlock, HoverCard, InlineStepDetail, type Props$1 as InlineStepDetailProps, InlineStepLabel, type Props$2 as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkdownTable, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, Navbar, NumberInput, OtpInput, type RootProps$5 as OtpInputProps, type OtpInputRenderSlotProps, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, type PanelImperativeHandle, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, Props$3 as Props, Question, type QuestionAnswers, QuestionBlock, type Props$4 as QuestionBlockProps, type QuestionOption, type Props$5 as QuestionProps, type QuestionStep, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavItemRenderProps, Select, SelectItem, SelectItemGroup, SelectProps, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, Slot, SplitButton, SpotlightBackdrop, SpotlightTarget, StatCard, StatCardGrid, type Props$6 as StatCardGridProps, type RootProps$6 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, type TableSortDirection, Tabs, TabsContent, TargetRect, TextInput, Textarea, Theme, ThemeProvider, ThemeScope, ThinkingIndicator, type ThinkingIndicatorProps, ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, type ToolCallStatus, ToolCallStatusHeader, type Props$7 as ToolCallStatusHeaderProps, Tooltip, type Props$8 as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, UseAutosizeInputOptions, UseAutosizeInputReturn, type ValidityState, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, appShellSlotSelector, argoVariants, brandSchema, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, filterByWords, findLiteralMatches, formatPercentage, hasLiteralMatch, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withBlankValues, withForm };
|
|
7204
7681
|
//# sourceMappingURL=index.d.ts.map
|