@keboola/design 11.4.0 → 11.5.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 +191 -1
- package/CHANGELOG.md +358 -0
- package/COMPONENT-API.md +68 -47
- package/dist/{AIKit-DDg5DBCG.js → AIKit-CNX6aiKm.js} +208 -62
- package/dist/AIKit-CNX6aiKm.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/{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/{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-CXG5tC6J.js} +19 -18
- package/dist/MermaidDiagram-CXG5tC6J.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 +134 -8
- package/dist/flint.js.map +1 -1
- package/dist/index.d.ts +537 -135
- package/dist/index.js +40 -39
- 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/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/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/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 +12 -10
- 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/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/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
|
@@ -224,15 +224,15 @@ declare const Toggle: ({ ref, className, variant, size, orientation, children, i
|
|
|
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
|
};
|
|
@@ -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. */
|
|
@@ -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;
|
|
3551
|
+
declare const Required$1: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react/jsx-runtime").JSX.Element;
|
|
3552
3552
|
declare function Label({ className, children, id, htmlFor, ...rest }: Props$183): 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
|
|
@@ -3702,10 +3702,19 @@ type Props$171 = ComponentProps<typeof SelectPrimitive.Separator>;
|
|
|
3702
3702
|
declare const SelectSeparator: ({ className, ...props }: Props$171) => 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$170 = {
|
|
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$170, '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$170, '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$169 = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
|
|
3801
|
+
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$169) => 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$168 = ComponentProps<'button'>;
|
|
3805
|
+
declare const BadgeButton: ({ ref, className, type, children, ...rest }: Props$168) => import("react/jsx-runtime").JSX.Element;
|
|
3767
3806
|
//#endregion
|
|
3768
3807
|
//#region src/components/Badge/BadgeLabel.d.ts
|
|
3769
|
-
type Props$
|
|
3808
|
+
type Props$167 = 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$167) => 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$166 = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
|
|
3821
|
+
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$166) => 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$165 = 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$165) => 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$164 = {
|
|
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$164) => import("react/jsx-runtime").JSX.Element;
|
|
3877
|
+
//#endregion
|
|
3878
|
+
//#region src/components/Combobox/ComboboxChips.d.ts
|
|
3879
|
+
type Props$163<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$163<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$162 = 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$162) => import("react/jsx-runtime").JSX.Element;
|
|
3845
3910
|
//#endregion
|
|
3846
3911
|
//#region src/components/Combobox/ComboboxEmpty.d.ts
|
|
3847
|
-
type Props$
|
|
3912
|
+
type Props$161 = 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$161) => 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$160 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
|
|
3919
|
+
declare const ComboboxInput: ({ ref, ...props }: Props$160) => 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$159 = 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$159) => 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$158 = 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$158) => import("react/jsx-runtime").JSX.Element;
|
|
3870
3935
|
//#endregion
|
|
3871
3936
|
//#region src/components/Combobox/ComboboxItem.d.ts
|
|
3872
|
-
type Props$
|
|
3937
|
+
type Props$157 = 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$157) => import("react/jsx-runtime").JSX.Element;
|
|
3878
3943
|
//#endregion
|
|
3879
3944
|
//#region src/components/Combobox/ComboboxList.d.ts
|
|
3880
|
-
type Props$
|
|
3945
|
+
type Props$156 = 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$156) => 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$155 = 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$155) => 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$154 = 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$154) => 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$153 = 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$153) => 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$152 = Combobox$1.Collection.Props;
|
|
3973
|
+
declare const ComboboxCollection: ({ ...props }: Props$152) => 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$151<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$151<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$150<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$150<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$149 = 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$149) => 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$148 = 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$148) => 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$147 = 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$147) => 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$146 = 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$146) => 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$145 = {
|
|
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$145) => 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$144 = {
|
|
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$144) => 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$143 = 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$143) => 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$142 = 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$142) => 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$141 = 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$141) => 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$140 = 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$140) => 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$139 = 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$139) => 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$138 = 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$138) => 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$137 = {
|
|
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$137) => import("react/jsx-runtime").JSX.Element;
|
|
4496
4737
|
//#endregion
|
|
4497
4738
|
//#region src/components/FileUpload/FileUploadFileList.d.ts
|
|
4498
|
-
type Props$
|
|
4739
|
+
type Props$136 = {
|
|
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$136) => 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$135 = 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$135) => 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$134 = Omit<ComponentProps<typeof ColorInput>, 'state'>;
|
|
4787
|
+
declare const FormGroupColorInput: ({ ref, ...props }: Props$134) => import("react/jsx-runtime").JSX.Element;
|
|
4547
4788
|
//#endregion
|
|
4548
4789
|
//#region src/blocks/FormGroup/FormGroupError.d.ts
|
|
4549
|
-
type Props$
|
|
4790
|
+
type Props$133 = 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$133) => 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$132 = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
|
|
4813
|
+
declare const HelpBlock: ({ children, className, state, ...rest }: Props$132) => 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$131 = Omit<ComponentProps<typeof HelpBlock>, 'state'>;
|
|
4817
|
+
declare const FormGroupHelp: ({ children, ...rest }: Props$131) => 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$130 = Omit<ComponentProps<typeof NumberInput>, 'state'>;
|
|
4821
|
+
declare const FormGroupNumberInput: ({ ref, ...props }: Props$130) => 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$129 = Omit<ComponentProps<typeof Textarea>, 'state'>;
|
|
4825
|
+
declare const FormGroupTextarea: (props: Props$129) => 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$128 = Omit<ComponentProps<typeof TextInput>, 'state'>;
|
|
4829
|
+
declare const FormGroupTextInput: ({ ref, ...props }: Props$128) => 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$127 = {
|
|
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$127) => 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,8 +4890,9 @@ 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';
|
|
@@ -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
|
|
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[];
|
|
4651
4933
|
type Props$125 = {
|
|
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
|
/**
|
|
@@ -4772,6 +5053,8 @@ declare const promptInputVariants: (props?: ({
|
|
|
4772
5053
|
variant?: "default" | "inline" | null | undefined;
|
|
4773
5054
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4774
5055
|
type Props$120 = {
|
|
5056
|
+
/** The textarea, for a host that has to put the caret back. Not `ref`: that name is the textarea's own. */
|
|
5057
|
+
textareaRef?: RefObject<ComponentRef<'textarea'> | null>;
|
|
4775
5058
|
onSend?: (value: string) => void;
|
|
4776
5059
|
onAbort?: () => void;
|
|
4777
5060
|
onContinue?: () => void;
|
|
@@ -4784,7 +5067,7 @@ type Props$120 = {
|
|
|
4784
5067
|
disableSubmit?: boolean;
|
|
4785
5068
|
commands?: PromptCommand[];
|
|
4786
5069
|
} & 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;
|
|
5070
|
+
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
5071
|
declare namespace PromptInput {
|
|
4789
5072
|
export { PromptInputAction as Action };
|
|
4790
5073
|
}
|
|
@@ -4946,8 +5229,11 @@ type Props$118 = {
|
|
|
4946
5229
|
align?: ComponentProps<typeof HoverCard.Content>['align'];
|
|
4947
5230
|
side?: ComponentProps<typeof HoverCard.Content>['side'];
|
|
4948
5231
|
sideOffset?: ComponentProps<typeof HoverCard.Content>['sideOffset'];
|
|
5232
|
+
/** Control the card yourself to hold it open past a pointer leave — e.g. while a popover it contains is up. */
|
|
5233
|
+
open?: ComponentProps<typeof HoverCard>['open'];
|
|
5234
|
+
onOpenChange?: ComponentProps<typeof HoverCard>['onOpenChange'];
|
|
4949
5235
|
};
|
|
4950
|
-
declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset }: Props$118) => import("react/jsx-runtime").JSX.Element;
|
|
5236
|
+
declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, open, onOpenChange }: Props$118) => import("react/jsx-runtime").JSX.Element;
|
|
4951
5237
|
//#endregion
|
|
4952
5238
|
//#region src/blocks/AIKit/UsageStatsRing.d.ts
|
|
4953
5239
|
type Props$117 = {
|
|
@@ -4958,6 +5244,24 @@ type Props$117 = {
|
|
|
4958
5244
|
};
|
|
4959
5245
|
declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$117) => import("react/jsx-runtime").JSX.Element;
|
|
4960
5246
|
//#endregion
|
|
5247
|
+
//#region src/blocks/AIKit/usageStatsHelpers.d.ts
|
|
5248
|
+
/**
|
|
5249
|
+
* Clamp a percentage to 0–100 and normalize non-finite input to 0.
|
|
5250
|
+
*
|
|
5251
|
+
* - `Progress`'s indicator is unclamped, so a value over 100 slides the bar off-screen.
|
|
5252
|
+
* - `NaN` normalizes to 0 — `Math.min`/`Math.max` propagate it, and it renders as no bar at all.
|
|
5253
|
+
*/
|
|
5254
|
+
declare const clampPercentage: (value: number) => number;
|
|
5255
|
+
/**
|
|
5256
|
+
* A percentage as text — `72%`, `1.1%`, `99.9%`.
|
|
5257
|
+
*
|
|
5258
|
+
* - One decimal place, trimmed to a whole number, so `11/1000` reads as `1.1%` rather than `1%`.
|
|
5259
|
+
* - Floored, not rounded: rounding `99.96` up to `100%` disagrees with the at-limit state computed
|
|
5260
|
+
* from the raw value, exactly at the boundary everything else turns on.
|
|
5261
|
+
* - The `1e-9` nudge is for floating-point noise — `11 / 1000 * 100` is `1.0999999999999999`.
|
|
5262
|
+
*/
|
|
5263
|
+
declare const formatPercentage: (value: number) => string;
|
|
5264
|
+
//#endregion
|
|
4961
5265
|
//#region src/components/Collapsible/CollapsibleContent.d.ts
|
|
4962
5266
|
type Props$116 = ComponentProps<typeof Content$5>;
|
|
4963
5267
|
declare const CollapsibleContent: ({ ref, className, children, ...props }: Props$116) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -5105,7 +5409,7 @@ type Variant$1 = VariantProps<typeof emptyStateClassnames>['variant'];
|
|
|
5105
5409
|
* Props for `EmptyState`. `variant` chooses spacing — `"default"` for full-page empty states,
|
|
5106
5410
|
* `"compact"` for inside cards / small surfaces.
|
|
5107
5411
|
*/
|
|
5108
|
-
type RootProps$
|
|
5412
|
+
type RootProps$3 = ComponentProps<'div'> & VariantProps<typeof emptyStateClassnames> & {
|
|
5109
5413
|
variant?: Variant$1;
|
|
5110
5414
|
};
|
|
5111
5415
|
/**
|
|
@@ -5120,7 +5424,7 @@ type RootProps$2 = ComponentProps<'div'> & VariantProps<typeof emptyStateClassna
|
|
|
5120
5424
|
*
|
|
5121
5425
|
* @see RECIPES.md#card-with-empty-state — for the empty-card pattern
|
|
5122
5426
|
*/
|
|
5123
|
-
declare const EmptyStateRoot: ({ className, variant, children, ...rest }: RootProps$
|
|
5427
|
+
declare const EmptyStateRoot: ({ className, variant, children, ...rest }: RootProps$3) => import("react/jsx-runtime").JSX.Element;
|
|
5124
5428
|
type SlotProps$2 = ComponentProps<'div'> & {
|
|
5125
5429
|
variant?: Variant$1;
|
|
5126
5430
|
};
|
|
@@ -5153,7 +5457,7 @@ type Variant$2 = VariantProps<typeof errorStateClassnames>['variant'];
|
|
|
5153
5457
|
* Props for `ErrorState`. `variant` chooses look — `"default"` for non-blocking errors, `"compact"` for
|
|
5154
5458
|
* inside cards, `"destructive"` for blocking failures (red title + icon).
|
|
5155
5459
|
*/
|
|
5156
|
-
type RootProps$
|
|
5460
|
+
type RootProps$4 = ComponentProps<'div'> & VariantProps<typeof errorStateClassnames> & {
|
|
5157
5461
|
variant?: Variant$2;
|
|
5158
5462
|
};
|
|
5159
5463
|
/**
|
|
@@ -5167,7 +5471,7 @@ type RootProps$3 = ComponentProps<'div'> & VariantProps<typeof errorStateClassna
|
|
|
5167
5471
|
* **Composition:** nest `ErrorState.Icon`, `ErrorState.Title`, `ErrorState.Description`, and
|
|
5168
5472
|
* `ErrorState.Actions`. Use `variant="destructive"` for full-page critical failures.
|
|
5169
5473
|
*/
|
|
5170
|
-
declare const ErrorStateRoot: ({ className, variant, children, ...rest }: RootProps$
|
|
5474
|
+
declare const ErrorStateRoot: ({ className, variant, children, ...rest }: RootProps$4) => import("react/jsx-runtime").JSX.Element;
|
|
5171
5475
|
type SlotProps$1 = ComponentProps<'div'> & {
|
|
5172
5476
|
variant?: Variant$2;
|
|
5173
5477
|
};
|
|
@@ -5304,7 +5608,7 @@ type AppShellSlot = 'header' | 'sidebar' | 'main' | 'aside';
|
|
|
5304
5608
|
* build instead of silently matching nothing.
|
|
5305
5609
|
*/
|
|
5306
5610
|
declare const appShellSlotSelector: (slot: AppShellSlot) => string;
|
|
5307
|
-
type RootProps$
|
|
5611
|
+
type RootProps$8 = ComponentPropsWithoutRef<'div'> & {
|
|
5308
5612
|
/**
|
|
5309
5613
|
* How far the header row stretches. `content` (default) gives it the middle
|
|
5310
5614
|
* column only, with both rails beside it; `full` spans all three columns and
|
|
@@ -5316,7 +5620,7 @@ type RootProps$7 = ComponentPropsWithoutRef<'div'> & {
|
|
|
5316
5620
|
*/
|
|
5317
5621
|
headerSpan?: AppShellHeaderSpan;
|
|
5318
5622
|
};
|
|
5319
|
-
declare const Root$
|
|
5623
|
+
declare const Root$17: ({ ref, className, headerSpan, children, ...props }: RootProps$8 & {
|
|
5320
5624
|
ref?: Ref<ComponentRef<'div'>>;
|
|
5321
5625
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
5322
5626
|
type SlotProps = ComponentPropsWithoutRef<'div'> & {
|
|
@@ -5354,7 +5658,7 @@ type ChromeSlotProps = SlotProps & {
|
|
|
5354
5658
|
*/
|
|
5355
5659
|
flush?: boolean;
|
|
5356
5660
|
};
|
|
5357
|
-
declare const Header$
|
|
5661
|
+
declare const Header$2: ({ ref, className, asChild, flush, children, ...props }: ChromeSlotProps & {
|
|
5358
5662
|
ref?: Ref<ComponentRef<'header'>>;
|
|
5359
5663
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
5360
5664
|
declare const SidebarSlot$1: ({ ref, className, asChild, children, ...props }: SlotProps & {
|
|
@@ -5386,12 +5690,12 @@ declare const Aside: ({ ref, className, asChild, flush, children, ...props }: Ch
|
|
|
5386
5690
|
* @see AppShell.stories.tsx — flip the Storybook brand toolbar to see the
|
|
5387
5691
|
* sidebar / top-nav geometry swap from a single composition.
|
|
5388
5692
|
*/
|
|
5389
|
-
declare const AppShell: typeof Root$
|
|
5693
|
+
declare const AppShell: typeof Root$17 & {
|
|
5390
5694
|
/**
|
|
5391
5695
|
* Top header row. Renders above `Main` in the sidebar shell; renders as the
|
|
5392
5696
|
* top bar (with full-width navigation room) in the top-nav shell.
|
|
5393
5697
|
*/
|
|
5394
|
-
Header: typeof Header$
|
|
5698
|
+
Header: typeof Header$2;
|
|
5395
5699
|
/**
|
|
5396
5700
|
* Left navigation rail. Rendered in the sidebar shell; hidden by the
|
|
5397
5701
|
* top-nav shell so the same composition works under either brand — move
|
|
@@ -5413,16 +5717,92 @@ declare const AppShell: typeof Root$16 & {
|
|
|
5413
5717
|
Aside: typeof Aside;
|
|
5414
5718
|
};
|
|
5415
5719
|
//#endregion
|
|
5720
|
+
//#region src/blocks/AuthLayout/AuthLayout.d.ts
|
|
5721
|
+
/**
|
|
5722
|
+
* Content-column width.
|
|
5723
|
+
*
|
|
5724
|
+
* - `form` (28rem) — one field per row: sign-in, MFA, password reset, project picker.
|
|
5725
|
+
* - `wide` (34rem) — multi-field or two-column forms: registration.
|
|
5726
|
+
*/
|
|
5727
|
+
type Width = 'form' | 'wide';
|
|
5728
|
+
type RootProps = ComponentProps<'div'> & {
|
|
5729
|
+
width?: Width;
|
|
5730
|
+
/** Marketing / illustration panel. Its presence switches the page to the split geometry. */
|
|
5731
|
+
aside?: ReactNode;
|
|
5732
|
+
/** Which side the `aside` takes on wide screens. */
|
|
5733
|
+
asideSide?: 'start' | 'end';
|
|
5734
|
+
/**
|
|
5735
|
+
* What the `aside` does below `lg`, where the split collapses to one column.
|
|
5736
|
+
*
|
|
5737
|
+
* - `hide` (default) — the panel is dropped. Right for a page a signed-out *user* asked for: they
|
|
5738
|
+
* came to sign in, and the pitch is not why they are here.
|
|
5739
|
+
* - `stack` — the panel keeps its `asideSide` order relative to the form and renders above or
|
|
5740
|
+
* below it. Right for a page that has to sell: an acquisition funnel loses its social proof
|
|
5741
|
+
* otherwise, on the devices most of it arrives on.
|
|
5742
|
+
*/
|
|
5743
|
+
asideCollapse?: 'hide' | 'stack';
|
|
5744
|
+
};
|
|
5745
|
+
declare const Root$16: ({ ref, className, width, aside, asideSide, asideCollapse, children, ...props }: RootProps) => import("react/jsx-runtime").JSX.Element;
|
|
5746
|
+
/**
|
|
5747
|
+
* The lockup: either the page's own, or the brand's mark beside the product name.
|
|
5748
|
+
*
|
|
5749
|
+
* - Exactly one of the two is required. A logo-only default cannot be trusted to name the product:
|
|
5750
|
+
* `BrandLogo` returns `null` for a brand that ships no logo, and falls back to the mark for one
|
|
5751
|
+
* that ships no wordmark — an auth page has no bar around it, so what is left names nothing.
|
|
5752
|
+
* - `productName` is text, not part of the image, for the same reason.
|
|
5753
|
+
*/
|
|
5754
|
+
type Lockup = {
|
|
5755
|
+
children: ReactNode;
|
|
5756
|
+
productName?: never;
|
|
5757
|
+
} | {
|
|
5758
|
+
children?: never;
|
|
5759
|
+
productName: ReactNode;
|
|
5760
|
+
};
|
|
5761
|
+
type HeaderProps$1 = Omit<ComponentProps<'header'>, 'children'> & {
|
|
5762
|
+
actions?: ReactNode;
|
|
5763
|
+
} & Lockup;
|
|
5764
|
+
declare const Header$1: ({ ref, className, actions, productName, children, ...props }: HeaderProps$1) => import("react/jsx-runtime").JSX.Element;
|
|
5765
|
+
declare const Content$7: ({ ref, className, children, ...props }: ComponentProps<'main'>) => import("react/jsx-runtime").JSX.Element;
|
|
5766
|
+
declare const Footer$1: ({ ref, className, children, ...props }: ComponentProps<'footer'>) => import("react/jsx-runtime").JSX.Element;
|
|
5767
|
+
/**
|
|
5768
|
+
* The signed-out page frame — sign-in, sign-up, password reset, MFA, project picker, stack picker.
|
|
5769
|
+
*
|
|
5770
|
+
* - Third member of the page-chrome family: `AppShell` frames the signed-in app, `PageLayout` its
|
|
5771
|
+
* content column, `AuthLayout` the pages a visitor reaches without a session.
|
|
5772
|
+
* - Owns the landmarks. `Header` / `Content` / `Footer` are `header` / `main` / `footer`, so every
|
|
5773
|
+
* element on the page sits inside one — the thing each hand-built copy got wrong differently.
|
|
5774
|
+
* - Owns the lockup. `Header` pairs the active brand's mark with the `productName` it is given, so
|
|
5775
|
+
* the page re-skins and still names the product when the brand ships no logo; pass children
|
|
5776
|
+
* instead to replace the pair with an app-specific lockup.
|
|
5777
|
+
* - Does **not** own the card. Two of the pages it frames deliberately have none (the form column
|
|
5778
|
+
* *is* the surface), so `Content` is a plain column — wrap the body in `Card` at the call site.
|
|
5779
|
+
* - The tinted surface is whatever is not the form: without an `aside` the page is `bg-muted` and the
|
|
5780
|
+
* card supplies the contrast; with one the form column is `bg-background` and the panel `bg-muted`.
|
|
5781
|
+
* - Below `lg` the split collapses to one column and the `aside` is dropped. A page whose pitch has
|
|
5782
|
+
* to survive that — an acquisition funnel — passes `asideCollapse="stack"` to keep it.
|
|
5783
|
+
*
|
|
5784
|
+
* **When NOT to use:** a signed-out page that is *navigational* rather than an auth step — a public
|
|
5785
|
+
* catalog, a shared authorization link — is a document, not a form. Use `AppShell` + `PageLayout`.
|
|
5786
|
+
*/
|
|
5787
|
+
declare const AuthLayout: typeof Root$16 & {
|
|
5788
|
+
/** Lockup row: `productName` beside the brand's mark, or your own children. `actions` sit opposite. */
|
|
5789
|
+
Header: typeof Header$1;
|
|
5790
|
+
/** The form column. Wrap the body in `Card` here if the page wants one. */
|
|
5791
|
+
Content: typeof Content$7;
|
|
5792
|
+
/** Legal copy, a way back out, social proof. Pinned to the bottom of the column in the split geometry. */
|
|
5793
|
+
Footer: typeof Footer$1;
|
|
5794
|
+
};
|
|
5795
|
+
//#endregion
|
|
5416
5796
|
//#region src/blocks/PageLayout/PageLayout.d.ts
|
|
5417
5797
|
/**
|
|
5418
5798
|
* Props for `PageLayout` root. `maxWidth` constrains the content column —
|
|
5419
5799
|
* `narrow` (976px) for forms, `default` (1280px) for most pages, `wide` (1600px) for dense detail views,
|
|
5420
5800
|
* `full` for edge-to-edge layouts.
|
|
5421
5801
|
*/
|
|
5422
|
-
type RootProps$
|
|
5802
|
+
type RootProps$7 = ComponentProps<'div'> & {
|
|
5423
5803
|
maxWidth?: 'default' | 'narrow' | 'wide' | 'full';
|
|
5424
5804
|
};
|
|
5425
|
-
declare const Root$15: ({ ref, className, maxWidth, children, ...props }: RootProps$
|
|
5805
|
+
declare const Root$15: ({ ref, className, maxWidth, children, ...props }: RootProps$7) => import("react/jsx-runtime").JSX.Element;
|
|
5426
5806
|
declare const Breadcrumbs: ({ ref, className, children, ...props }: ComponentProps<'div'>) => import("react/jsx-runtime").JSX.Element;
|
|
5427
5807
|
type HeaderProps = ComponentProps<'header'> & {
|
|
5428
5808
|
sticky?: boolean;
|
|
@@ -5474,7 +5854,10 @@ declare const PageLayout: typeof Root$15 & {
|
|
|
5474
5854
|
* overflow-menu slot on the breadcrumbs row.
|
|
5475
5855
|
*/
|
|
5476
5856
|
type PageHeaderDetailProps = Omit<ComponentProps<'header'>, 'title'> & {
|
|
5477
|
-
/**
|
|
5857
|
+
/**
|
|
5858
|
+
* `Breadcrumb` chain to the entity's parent list / hierarchy. Required. Never repeat the
|
|
5859
|
+
* entity's own name as a final, non-link item — it's already the `title` below.
|
|
5860
|
+
*/
|
|
5478
5861
|
breadcrumbs: ReactNode;
|
|
5479
5862
|
/** `DropdownMenu` for tertiary actions. Sits on the breadcrumbs row, not the title row. */
|
|
5480
5863
|
overflowActions?: ReactNode;
|
|
@@ -5484,7 +5867,7 @@ type PageHeaderDetailProps = Omit<ComponentProps<'header'>, 'title'> & {
|
|
|
5484
5867
|
/** Inline `Badge`s rendered next to the title (status, environment, version). Always rendered as pills. */
|
|
5485
5868
|
badges?: ReactNode;
|
|
5486
5869
|
description?: ReactNode;
|
|
5487
|
-
/** Compact title mode: renders a smaller title
|
|
5870
|
+
/** Compact title mode: renders a smaller title for information-dense pages. Default `false`. */
|
|
5488
5871
|
compact?: boolean;
|
|
5489
5872
|
/** Primary action (`Button`). Use the verb appropriate to the entity (Deploy / Run / Save). */
|
|
5490
5873
|
primaryAction?: ReactNode;
|
|
@@ -5767,12 +6150,21 @@ type Props$103 = {
|
|
|
5767
6150
|
variant?: 'mark' | 'wordmark';
|
|
5768
6151
|
/** Sets the logo height; aspect ratio is preserved (e.g. `tw:h-7`). */
|
|
5769
6152
|
className?: string;
|
|
6153
|
+
/**
|
|
6154
|
+
* The logo's accessible name.
|
|
6155
|
+
*
|
|
6156
|
+
* - Defaults to the brand's `name`, which is registry metadata: it labels the brand's row in a
|
|
6157
|
+
* picker, so it carries whatever disambiguates it there (`Keboola (V2)`).
|
|
6158
|
+
* - Pass the product's own name wherever the logo is what names something to a screen reader — a
|
|
6159
|
+
* link around it most of all, which otherwise announces that suffix.
|
|
6160
|
+
*/
|
|
6161
|
+
label?: string;
|
|
5770
6162
|
};
|
|
5771
6163
|
/**
|
|
5772
6164
|
* Renders the active brand's logo from the nearest `<ThemeProvider>`, or `null`
|
|
5773
6165
|
* if the brand ships none. Inline SVG inherits `currentColor`; URLs use `<img>`.
|
|
5774
6166
|
*/
|
|
5775
|
-
declare const BrandLogo: ({ variant, className }: Props$103) => import("react/jsx-runtime").JSX.Element | null;
|
|
6167
|
+
declare const BrandLogo: ({ variant, className, label }: Props$103) => import("react/jsx-runtime").JSX.Element | null;
|
|
5776
6168
|
//#endregion
|
|
5777
6169
|
//#region src/components/Resizable/ResizableHandle.d.ts
|
|
5778
6170
|
declare const ResizableHandle: ({ className, ...props }: ComponentProps<typeof Separator$1>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -5927,9 +6319,11 @@ type Props$81 = Omit<ComponentProps<'div'>, 'children' | 'className' | 'style' |
|
|
|
5927
6319
|
style?: CSSProperties;
|
|
5928
6320
|
container?: boolean;
|
|
5929
6321
|
keepMounted?: boolean;
|
|
6322
|
+
/** Hold the panel's content back until it has finished sliding in. */
|
|
6323
|
+
mountAfterEnter?: boolean;
|
|
5930
6324
|
resizable?: boolean;
|
|
5931
6325
|
};
|
|
5932
|
-
declare function Sidebar({ children, className, id, side, style, container, keepMounted, resizable, ...rest }: Props$81): import("react/jsx-runtime").JSX.Element | null;
|
|
6326
|
+
declare function Sidebar({ children, className, id, side, style, container, keepMounted, mountAfterEnter, resizable, ...rest }: Props$81): import("react/jsx-runtime").JSX.Element | null;
|
|
5933
6327
|
declare namespace Sidebar {
|
|
5934
6328
|
export { SidebarHeader as Header };
|
|
5935
6329
|
export { SidebarContent as Content };
|
|
@@ -6011,6 +6405,8 @@ type SidebarState = ReturnType<typeof useSidebarState>;
|
|
|
6011
6405
|
type SidebarSideValue = SidebarState & {
|
|
6012
6406
|
isFill: boolean;
|
|
6013
6407
|
toggleFill: () => void;
|
|
6408
|
+
/** Idempotent counterpart to `toggleFill` — safe to call twice, or when already in that state. */
|
|
6409
|
+
setFill: (fill: boolean) => void;
|
|
6014
6410
|
widths: SidebarWidths;
|
|
6015
6411
|
collapsible: SidebarCollapsible;
|
|
6016
6412
|
variant: SidebarVariant;
|
|
@@ -6625,6 +7021,12 @@ declare const KbdGroup: ({ ref, className, children, separator, ...props }: Prop
|
|
|
6625
7021
|
//#endregion
|
|
6626
7022
|
//#region src/components/Kbd/KbdSeparator.d.ts
|
|
6627
7023
|
type Props$31 = ComponentProps<'span'>;
|
|
7024
|
+
/**
|
|
7025
|
+
* The `+` / `then` glue between two `Kbd` keys.
|
|
7026
|
+
*
|
|
7027
|
+
* - Follows the muted chrome token by default.
|
|
7028
|
+
* - Turns white inside the legacy dark tooltip, which sets `data-tooltip-content`.
|
|
7029
|
+
*/
|
|
6628
7030
|
declare const KbdSeparator: ({ className, ...props }: Props$31) => import("react/jsx-runtime").JSX.Element;
|
|
6629
7031
|
//#endregion
|
|
6630
7032
|
//#region src/components/Kbd/styles.d.ts
|
|
@@ -6781,7 +7183,7 @@ declare const useMergeDiff: (baseText: string, leftText: string, rightText: stri
|
|
|
6781
7183
|
};
|
|
6782
7184
|
//#endregion
|
|
6783
7185
|
//#region src/blocks/DashboardHero/DashboardHero.d.ts
|
|
6784
|
-
type RootProps$
|
|
7186
|
+
type RootProps$2 = ComponentProps<'section'>;
|
|
6785
7187
|
/**
|
|
6786
7188
|
* Signature dashboard hero banner — the opinionated top-of-page welcome/summary surface
|
|
6787
7189
|
* (daily-brief header, project overview, greeting + primary CTA).
|
|
@@ -6792,7 +7194,7 @@ type RootProps$1 = ComponentProps<'section'>;
|
|
|
6792
7194
|
* `EmptyState`. **Composition:** `DashboardHero.Eyebrow`, `.Title`, `.Description`, `.Actions`,
|
|
6793
7195
|
* and an optional `.Aside` that floats to the right on wide screens. Reads semantic tokens only.
|
|
6794
7196
|
*/
|
|
6795
|
-
declare const DashboardHeroRoot: ({ className, children, ...rest }: RootProps$
|
|
7197
|
+
declare const DashboardHeroRoot: ({ className, children, ...rest }: RootProps$2) => import("react/jsx-runtime").JSX.Element;
|
|
6796
7198
|
type BodyProps = ComponentProps<'div'>;
|
|
6797
7199
|
declare const DashboardHeroBody: ({ className, children, ...rest }: BodyProps) => import("react/jsx-runtime").JSX.Element;
|
|
6798
7200
|
type EyebrowProps = ComponentProps<'p'>;
|
|
@@ -6819,7 +7221,7 @@ declare const trendClassnames: (props?: ({
|
|
|
6819
7221
|
direction?: "down" | "flat" | "up" | null | undefined;
|
|
6820
7222
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6821
7223
|
type TrendDirection = NonNullable<VariantProps<typeof trendClassnames>['direction']>;
|
|
6822
|
-
type RootProps$
|
|
7224
|
+
type RootProps$6 = ComponentProps<typeof Card>;
|
|
6823
7225
|
/**
|
|
6824
7226
|
* A single KPI / metric tile — a signature composition over `Card` with a label,
|
|
6825
7227
|
* a large value, an optional trend delta, and an optional leading icon + footnote.
|
|
@@ -6830,7 +7232,7 @@ type RootProps$5 = ComponentProps<typeof Card>;
|
|
|
6830
7232
|
* **Composition:** `StatCard.Icon`, `StatCard.Label`, `StatCard.Value`, `StatCard.Trend`,
|
|
6831
7233
|
* `StatCard.Footnote`. All colours read semantic tokens, so the tile re-skins with the brand.
|
|
6832
7234
|
*/
|
|
6833
|
-
declare const StatCardRoot: ({ className, children, bordered, ...rest }: RootProps$
|
|
7235
|
+
declare const StatCardRoot: ({ className, children, bordered, ...rest }: RootProps$6) => import("react/jsx-runtime").JSX.Element;
|
|
6834
7236
|
type IconProps = ComponentProps<'div'>;
|
|
6835
7237
|
declare const StatCardIcon: ({ className, children, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
6836
7238
|
type LabelProps$1 = ComponentProps<'p'>;
|
|
@@ -6867,7 +7269,7 @@ type Props$6 = ComponentProps<'div'> & VariantProps<typeof gridClassnames>;
|
|
|
6867
7269
|
declare const StatCardGrid: ({ className, columns, children, ...rest }: Props$6) => import("react/jsx-runtime").JSX.Element;
|
|
6868
7270
|
//#endregion
|
|
6869
7271
|
//#region src/blocks/ChartPanel/ChartPanel.d.ts
|
|
6870
|
-
type RootProps = Omit<ComponentProps<typeof Card>, 'title'> & {
|
|
7272
|
+
type RootProps$1 = Omit<ComponentProps<typeof Card>, 'title'> & {
|
|
6871
7273
|
/** Panel heading. */
|
|
6872
7274
|
title: ReactNode;
|
|
6873
7275
|
/** Optional supporting line under the title. */
|
|
@@ -6889,7 +7291,7 @@ type RootProps = Omit<ComponentProps<typeof Card>, 'title'> & {
|
|
|
6889
7291
|
* **When NOT to use:** for a KPI number use `StatCard`; for a raw unframed chart drop the chart
|
|
6890
7292
|
* component directly. Charts follow the active brand's chart palette — never hardcode colours.
|
|
6891
7293
|
*/
|
|
6892
|
-
declare const ChartPanel: ({ title, description, titleAs, toolbar, footer, className, bordered, children, ...rest }: RootProps) => import("react/jsx-runtime").JSX.Element;
|
|
7294
|
+
declare const ChartPanel: ({ title, description, titleAs, toolbar, footer, className, bordered, children, ...rest }: RootProps$1) => import("react/jsx-runtime").JSX.Element;
|
|
6893
7295
|
//#endregion
|
|
6894
7296
|
//#region src/blocks/Form/components/FormBody.d.ts
|
|
6895
7297
|
type Props$19 = {
|
|
@@ -6920,7 +7322,7 @@ type Props$16 = FieldItemProps & Omit<ComponentProps<typeof FormGroup.NumberInpu
|
|
|
6920
7322
|
declare const NumberField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$16) => import("react/jsx-runtime").JSX.Element;
|
|
6921
7323
|
//#endregion
|
|
6922
7324
|
//#region src/blocks/Form/connectors/OtpInputField.d.ts
|
|
6923
|
-
type Props$15 = FieldItemProps & Omit<RootProps$
|
|
7325
|
+
type Props$15 = FieldItemProps & Omit<RootProps$5, 'value' | 'onChange' | 'children' | 'id' | 'name' | 'aria-describedby' | 'aria-required' | 'aria-invalid'>;
|
|
6924
7326
|
declare const OtpInputField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, maxLength, ...otpProps }: Props$15) => import("react/jsx-runtime").JSX.Element;
|
|
6925
7327
|
//#endregion
|
|
6926
7328
|
//#region src/blocks/Form/connectors/PasswordField.d.ts
|
|
@@ -6928,7 +7330,7 @@ type Props$14 = FieldItemProps & Omit<ComponentProps<typeof PasswordInput>, 'id'
|
|
|
6928
7330
|
declare const PasswordField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$14) => import("react/jsx-runtime").JSX.Element;
|
|
6929
7331
|
//#endregion
|
|
6930
7332
|
//#region src/blocks/Form/connectors/SelectField.d.ts
|
|
6931
|
-
type Props$13 = FieldItemProps & Omit<
|
|
7333
|
+
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
7334
|
items: readonly (SelectItem | SelectItemGroup)[];
|
|
6933
7335
|
triggerClassName?: string;
|
|
6934
7336
|
};
|
|
@@ -7200,5 +7602,5 @@ declare const contrastRatio: (fg: string, bg: string) => number;
|
|
|
7200
7602
|
/** WCAG level for normal-size text at a given ratio. */
|
|
7201
7603
|
declare const wcagLevel: (ratio: number) => 'AAA' | 'AA' | 'fail';
|
|
7202
7604
|
//#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$
|
|
7605
|
+
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, 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, 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
7606
|
//# sourceMappingURL=index.d.ts.map
|